/* 
Theme Name: KWD Theme
Template:
Theme URI:       https://kiwiwebsitedesign.nz/
Description:     This is Custom WordPress Theme. This Theme is developed by Kiwi Website Design.
Author:          Kiwi Website Design
Author URI:      https://kiwiwebsitedesign.nz/
Version:         1.0.0
Text Domain:     kwdtheme
*/

:root{
	--cont-width:1260px;
	--Gray-top-Bar-bg: #181818;
	--blue-bg:linear-gradient(90deg, #1456E7 0.01%, #175CEF 100.01%);
	--green-color: #76FF00;
	--regular-font:excon-regular;
	--medium-font:excon-medium;
	--bold-font:excon-bold;
	--black-font:excon-black;
	--light-font:excon-light;
	--header-height:120px;
	--Blue-Primary-Gradient:(90deg, #1456E7 0.01%, #175CEF 100.01%);
}
/* ripple effect */
@keyframes ripple {

	0% {
		box-shadow: 0 0 0 0 rgba( 19,73,189, 0.4), 0 0 0 80px rgba( 19,73,189, 0.4), 0 0 0 120px rgba( 19,73,189, 0.4), 0 0 0 160px rgba( 19,73,189, 0.4);
	}
	100% {
		box-shadow: 0 0 0 80px rgba( 19,73,189, 0.5), 0 0 0 120px rgba( 19,73,189, 0.5), 0 0 0 160px rgba( 19,73,189, 0.5), 0 0 0 180px rgba( 19,73,189, 0.5);
	}
}
@font-face {
	font-family: excon-regular;
	src: url('./fonts/Excon-Regular.otf');
}
@font-face {
	font-family: excon-bold;
	src: url(./fonts/Excon-Bold.otf);
}
@font-face {
	font-family: excon-black;
	src: url(./fonts/Excon-Black.otf);
}
@font-face {
	font-family: excon-medium;
	src: url(./fonts/Excon-Medium.otf);
}
@font-face {
	font-family:excon-light;
	src: url(./fonts/Poppins-light.otf);
}
button,
input:focus,
input[type="button"],
input[type="reset"],
input[type="submit"],
textarea:focus,
.button,
.gallery img {
	transition: all 0.2s ease-in-out;
}

a {
	color: #0073e5;
	text-decoration: underline;
	transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out;
}

a:focus,
a:hover {
	color: #333;
	text-decoration: none;
}
html {
	margin-top: 0 !important;
	scroll-behavior: smooth;
}

html, body{
	margin: 0;
	padding: 0;
	width: 100%;
	clear: both;
	overflow-x: hidden;
	scroll-behavior:smooth;

}
body{
	font-family: var(--regular-font);
	letter-spacing: normal;
	font-size: 18px;
}
h1{
	font-family: var(--bold-font);
	letter-spacing: normal !important;
	font-weight: 500 !important;

}
h2, h3, h4, h5, h6{
	font-family:var(--medium-font);
	letter-spacing: normal !important;
	font-weight: 500 !important;
}
p{
	font-family: var(--regular-font);
	letter-spacing: normal;
	font-size: 16px;
	color: #424242;
}
span{

	letter-spacing: normal;
	color: #424242;
}
ul li{

	letter-spacing: normal;
	color: #424242;
}
h1, h2, h3{
	font-size: 65px;
}
h2{
	font-size:39px;
}
h3{
	font-size:25px;
}
h4{
	font-size: 22px;
}
h5{
	font-size: 20px;
}
h6{
	font-size: 17px;
}
p{
	font-size: 20px;
}
span{
	font-size: 18px;
}
ul li{
	font-size: 22px;
}
img{
	max-width: 100%;
}
a{
	text-decoration: none;
	font-size: 16px;
	font-family:var(--regular-font);
	text-decoration:none;
	transition: .3s all;

}
a:hover{
	text-decoration: none !important;
	transition: .3s all;
}
a:focus-visible {
	outline: unset;
}
.v-middle {
	vertical-align: middle;
}
.primary_bg{
	background-color: #E3BB69;
}

/*Header*/
#header {
	padding: 20px 0px 0px 0px;
	transition: all 0.5s;
	z-index: 997;
	position: fixed;
	width: 100%;
	top: 0;
	height: 123px;
}
.sub-menu-toggle {
	display: none;
}
body:not(.home){
	padding-top:var(--header-height);
	background-color:#000;
}
#header .container{
	border-radius: 12px;
	border-radius: 12px;
	background:  rgba(24, 24, 24, 0.60);
	backdrop-filter: blur(9px);
	padding:24px;
	transition:0.3s;
}
.darkHeader .container{
	background:  rgba(24, 24, 24, 0.60);
	transition:0.3s;
}
#header.hide_header {
	top: -140px;
}
.header-btn{
	border-radius: 4px;
	background: linear-gradient(90deg, #1456E7 0.01%, #175CEF 100.01%);
	display:inline-block;
	color:#fff;
	text-decoration:none;
	padding:12px 16px;
}
.header-btn img{
	margin-left:8px;
}
.site-logo{
	transition: .3s ease-in-out;
}
.remove_mob_toggle_icon #mobile-nav-toggle {
	opacity: 0;
	transition: .3s ease-in-out;
}
#nav-menu-container {
	display:inline-block;
}
.right-head{
	display:flex;
	justify-content:space-between;
	flex-wrap:wrap;
	align-items:center;
}
.nav-menu li {
	padding: 5px 15px;
	text-align: center;
	margin: 0;
}
.site-logo img{
	margin: 0;
}
.nav-menu {
	margin: 0;
	float: right;
}
/* #nav-menu-container ul li:last-child {
padding-right: 0;
} */
.nav-menu > li {
	display:inline-block;
}
.nav-menu li {
	position: relative;
	#fff-space: nowrap;
	list-style: none;
}

.nav-menu li a {
	padding: 0;
	text-decoration: none;
	display: inline-block;
	color: #fff;
	font-weight: normal;
	font-size: 16px;
	text-transform: capitalize;
	outline: none;
}
.nav-menu li a:hover{
	color: #000;
}


.nav-menu li.menu-item-has-children:hover .sub-menu{
	transform: scale(1);
	transition: 0.3s;
}
.nav-menu .sub-menu li {
	border-right: none;
	text-align: left !important;
	padding: 5px 20px;
	border-bottom: 1px solid #E5E5E6;
}
.nav-menu .sub-menu li a{
	font-size: 16px;
	color: #000;
}
.nav-menu .sub-menu li{
	padding-left:15px;
}

.nav-menu .sub-menu li:last-child{
	border: none !important;
}

.nav-menu .sub-menu li a{
	color:#fff;
}
#mobile-nav-toggle {
	display: inline;
}
#mobile-nav-toggle {
	position: fixed;
	right: 0;
	top: 0;
	z-index: 999;
	margin: 50px 20px 0 0;
	border: 0;
	background: none;
	font-size: 24px;
	display: none;
	transition: all 0.4s;
	outline: none;
	cursor: pointer;
}
#mobile-body-overly {
	width: 100%;
	height: 100%;
	z-index: 997;
	top: 0;
	left: 0;
	position: fixed;
	background: rgba(0, 0, 0, 0.7);
	display: none;
}
body.mobile-nav-active #mobile-nav {
	right: 0;
}
#mobile-nav {
	position: fixed;
	top: 0;
	padding-top: 18px;
	bottom: 0;
	z-index: 998;
	background: rgba(24, 24, 24, 0.60);
	backdrop-filter:blur(15px);
	right: -320px;
	width: 320px;
	overflow-y: auto;
	transition: 0.4s;
}
#mobile-nav ul {
	padding: 0;
	margin: 0;
	list-style: none;
}
#mobile-nav ul li {
	position: relative;
}
#mobile-nav ul li a {
	color: #fff;
	font-size: 17px;
	text-transform: capitalize;
	overflow: hidden;
	padding: 10px 22px 10px 15px;
	position: relative;
	text-decoration: none;
	width: 100%;
	display: block;
	outline: none;
	font-weight: normal;

}
#mobile-nav .sub-menu li{
	padding-left: 15px;
}
#mobile-nav ul .menu-has-children i.fa-chevron-up {
	color: #18d26e;
}
#mobile-nav ul .menu-has-children i {
	position: absolute;
	right: 0;
	z-index: 99;
	padding: 15px;
	cursor: pointer;
	color: #fff;
}
#mobile-nav ul .menu-item-active {
	color: #18d26e;
}
#mobile-nav ul li li {
	padding-left: 30px;
}

.menu-has-children ul
{display: none;}

.sf-arrows .sf-with-ul {
	padding-right: 30px;
}

.nav-menu li:hover > ul,
.nav-menu li.sfHover > ul {
	display: block;
}

.menu-item-has-children .icon::after {
	content: "";
	background: url(images/angle-down.svg);
	position: absolute;
	top: 22px;
	width: 9px;
	height: 10px;
	background-repeat: no-repeat;
	margin-left: 7px;
}
.nav-menu li {
	position: relative;
	#fff-space: nowrap;
}
.menu-item.current-menu-item > a, .menu-item a:hover {
	color: #76FF00 !important;
	transition: .3s ease-in-out !important;
}

.sub-menu .menu-item.current-menu-item a{
	color: #fff !important;
}
.sub-menu .menu-item a:hover{
	color: #76FF00 !important;
}
.container-fluid {
	padding-left: 44px !important;
	padding-right: 44px !important;
}
.header-row ul{
	padding-left:0px;
}
.header-row{
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
}
/*Header ENd*/
/******************header Sticky**************/
.header-detail{
	min-height:100vh;
	padding:50px;
	background:linear-gradient(90deg, #1456E7 0.01%, #175CEF 100.01%);
	width:400px;
	max-width:100%;
	position:fixed;
	top:0;
	right:0;
}
.header-detail :is(h1,h3,h2,h4,h5,h6,p,a){
	color:#fff;
}
.header-detail .footer-ul li a span{
	color:#fff;
	font-size:16px;
}
.header-detail .footer-ul li a img{
	margin-right:10px;
}
.footer-ul h6{
	margin-bottom:30px;
}
.header-detail :is(h6,h5){
	font-size:25px;
}
.header-detail .social-ul{
	display:flex;
	flex-wrap:wrap;
	list-style:none;
	padding-left:0px;
	position:absolute;
	bottom:0;
}
.header-detail .social-ul li:not(li:last-child){
	margin-right:25px;
}
.header-right-close i{
	color:#fff;
}
.header-right-close i:hover{
	cursor:pointer;
}
.header-right-close{
	position:absolute;
	right:50px;

}
.header-detail{
	display:none;
}
/****************banner************/
.banner{
	min-height:100vh;
	background-size:cover;
	background-repeat:no-repeat;
	display:flex;
	flex-direction:column;
	position:relative;
	z-index:1;
	justify-content:center;
}
.banner::before{
	content:'';
	position:absolute;
	right:0;
	bottom:0;
	z-index:-1;
	background-image:url('./images/green-shape.webp');
	width: 364px;
	height: 481px;
	max-height:50%;
	background-repeat:no-repeat;
}
.banner::after{
	content:'';
	position:absolute;
	left:0;
	bottom:0;
	width:100%;
	height:100%;
	background: rgba(0, 0, 0, 0.40);
	z-index:-2;
	filter: blur(100px);
}
.banner :is(h1,h3,h3,h4,p,a){
	color:#fff;
}
.banner p{
	font-size:25px;
}

.block-content :is(h1,h2){
	font-size:61px;
}
.block-content p:last-child a,.btn-white{
	padding:12px 16px;
	background:linear-gradient(90deg, #1456E7 0.01%, #175CEF 100.01%);
	text-decoration:none;
	margin-top:30px;
	position:relative;
	padding-right:48px;
	border-radius:5px;
}
.block-content p:last-child a::before,.btn-white::before{
	content:'';
	position:absolute;
	right:16px;
	top:0;
	bottom:0;
	margin:auto;
	width:24px;
	height:24px;
	background-repeat:no-repeat;
	background-image:url('./images/Arrow.svg');
}
.banner a{
	font-size:20px;
	margin-top:30px;
}
.banner h1{
	margin-bottom:32px;
}
.greentext span{
	font-size:61px;
	color:#499400;
}
.banner .social-ul{
	position:absolute;
	list-style:none;

}
/*******************************testimonails**********************/

.test-card{
	display:flex;
	align-items:center;

}
.test-inner{
	padding:100px 150px;
	border-radius: 32px;
	background: var(--Gray-top-Bar-bg, rgba(24, 24, 24, 0.60));
	position:relative;
	z-index:1;
}
.test-inner h2{
	color:#fff;
	margin-bottom:100px;
	text-align:center;

}
.test-inner::after{
	content:'';
	position:absolute;
	top:0;
	right:0;
	background-image:url('./images/C.png');
	background-repeat:no-repeat;
	height:253px;
	width:220px;
	z-index:-1;
}
.test-sec{
	background-color:#000;
	padding:80px 0px;
	position:relative;
	z-index:1;
}
.test-card img{
	max-width:280px !important;
	margin-right:20px;
	border-radius:8px
}
.test-card :is(p,h1,h3,h5,h6){
	color:#fff;
}
.test-card p{
	margin-bottom:20px;
}
.test-card strong{
	color:var(--green-color);
	font-weight:normal;
	font-size:20px;
}
.test-card h6{
	font-weight:normal;
	font-size:20px;
}
.star{
	width:32px !important;
	height:32px !important;
	margin-bottom:20px;
	margin-right:0px !important;
	display:inline-block !important;
}
.owl-nav{
	text-align:right;
}
.owl-nav :is(.owl-prev,.owl-next){
	background-image:url('./images/owl-prev.svg') !important;
	background-repeat:no-repeat !important;
	background-size:contain !important;
	height:32px !important;
	width:32px !important;
	padding:5px !important;
	border:1px solid #fff !important;
	border-radius:5px ;
}
.owl-nav :is(.owl-prev,.owl-next) span{
	font-size:0px !important;
}
.owl-nav :is(.owl-next){
	transform:rotate(180deg);
	margin-left:5px;
}
/**********************contact section*******************/
.home-contact{
	background-color:#000;
	position:relative;
	padding:80px 0px;
}
.home-contact :is(h1,h2,h3,h4,p){
	color:#fff;
}
.home-contact .container{
	position:relative;
	z-index:1;
}
.home-contact .container::after{
	content:'';
	position:absolute;
	left:0;
	top:-30px;
	background-repeat:no-repeat;
	width:49.70px;
	height:49.70px;
	background-image:url('./images/home-contact-b.webp');
	z-index:-1;
}
.wpforms-field-container :is(select,input,textarea){
	background-color:transparent !important;
	border:1px solid #fff !important;
	border-radius:8px !important;
	padding-top:16px !important;
	padding-bottom:16px !important;
	padding-right:16px !important;
	color:#fff !important;
	height:unset!important;
	transition:0.3s;
}
.wpforms-field-container :is(select,input,textarea):focus{
	border-color:#76FF00 !important;
	transition:0.3s;
}
.wpforms-field-container :is(select,input,textarea)::placeholder{
	color:#fff !important;
	opacity:1 !important;
	font-size:16px !important;
}
textarea{
	min-height:180px !important;
}
button[type="submit"]{
	position:relative !important;
	padding-right:48px !important;
	background:var(--blue-bg) !important;
	color:#fff !important;
	font-family:var(--regular-font) !important;
	border-radius:8px !important;
	border-color:transparent !important;
	transition:0.3s;
}
button[type="submit"]:hover{
	background:var(--green-color) !important;
	transition:0.3s;
}
.wpforms-container .wpforms-field-select select {
	background-color: transparent !important;

}
.wpforms-field-file-upload .wpforms-uploader{
	background:transparent!important;
	border:1px solid #fff !important;
	border-radius:8px !important;
	color:#fff!important;
}
.wpforms-container .wpforms-field-select select option{
	background-color: rgba(0,0,0,0.5) !important;
	backdrop-filter: blur(9px) !important;
}
.modern-title{
	font-family:var(--regular-font);
	font-size:16px !important;
	color:#fff!important;
	font-weight:400!important;
}
.modern-title .green{
	color:#76FF00 !important;
	text-decoration:underline !important;
	font-weight:400!important;
}
div.wpforms-container div.wpforms-uploader .dz-message svg{
	width:24px !important;
	height:24px !important;
	opacity:1 !important;
}
button[type="submit"]::after,.home-card .card-content p:last-child a::after{
	position:absolute;
	content:'';
	right:16px;
	top:0;
	bottom:0;
	margin:auto;
	width:24px;
	height:24px;
	background-repeat:no-repeat;
	background-image:url('./images/Arrow.svg') !important;
}
/*******************home card********************/
.home-cards{
	background-image:url('./images/card-bg.webp');
	background-size:cover;
	background-repeat:no-repeat;
	position:relative;
}
.home-cards .container{
	position:relative;
	padding-top:150px;
	padding-bottom:150px;
	z-index:1;
}
.home-cards .container::before{
	content:'';
	position:absolute;
	left:20%;
	top:0;
	height:325px;
	width:346px;
	background-repeat:no-repeat;
	background-image:url('./images/card-c.webp');
	z-index:-1;
}
.home-cards::before{
	content:'';
	position:absolute;
	left:-19px;
	bottom:0;
	background-repeat:no-repeat;
	background-image:url('./images/bars.svg');
	height:547px;
	width:1003px;
	max-width:100%;
	z-index:-1;
	max-height:40%;
}
.home-card{
	background:var(--blue-bg);
	border-radius:8px;
	height:100%;
	transition:0.3s;
}
.home-card:hover{
	transform:translatey(-10px);
	transition:0.3s;
	cursor:pointer;
}
.home-card img{
	width:100%;

}
.block-text :is(h2){
	margin-bottom:30px;
}
.home-card .card-content{
	padding:20px;
	color:#fff;
}
.home-card .card-content :is(h2,h3,h4,p,a){
	color:#fff;
}
.home-card .card-content p{
	font-size:16px;
	font-family:var(--regular-font);
}
.home-card .card-content :is(h2,h3){
	font-family:var(--bold-font);
}
.home-card .card-content a{
	font-size:16px;
}
.home-card .card-content p:last-child a{
	position:relative;
	padding-right:38px;
	text-decoration:none;
}
/************************our Mission**********************/
.our-mission{
	padding:280px 0px 180px 0px;
	position:relative;
	background-color:#000;
}
.home-contact .container{
	position:relative;z-index:1;
}

.our-mission::before,.home-contact .container::before{
	content:'';
	position:absolute;
	left:0;
	bottom:120px;
	right:0;
	margin:auto;
	width:394px;
	height:216px;
	background:var(--blue-bg);
	border-radius: 462px;
	filter: blur(142px);
	z-index:-1;
}
.home-contact .container::before{
	left:0;
	right:unset;
	bottom:0;
	top:0;
}
.our-mission::after{
	content:'';
	position:absolute;
	right:0;
	bottom:180px;
	width:142px;
	height:349px;
	background-repeat:no-repeat;
	background-image:url('./images/mission-right.webp');
}
.our-mission img{
	width:100%;
	border-radius:8px;
}
.mission-images-1{
	padding-top:30%;
}
.mission-images-2{
	position:relative;
	z-index:1;
}
.mission-images-2::before{
	content:'';
	position:absolute;
	left:-70px;
	top:-100px;
	width:187px;
	height:187px;
	background-repeat:no-repeat;
	background-image:url('./images/mission-circle.png');
	z-index:-1;
}
.block-content :is(h2,h3,h4){
	color:#fff;
	font-family:var(--medium-font);
}
.block-content :is(p,a){
	color:#fff;
	font-family:var(--regular-font);
}
.block-content :is(h2,h3){
	font-size:39px;
	margin-bottom:30px;
}
.our-mission .block-content{
	padding-left:30px;
	height:100%;
}
.our-mission .block-content :is(p){
	margin-bottom:30px;
}
.block-content p:last-child a{
	margin-top:10px;
	display:inline-block;
	transition:0.3s;
}
/******************************about******************/
.about-banner{
	padding:150px 0px;
	position:relative;
	z-index:1;
}
.about-banner::before{
	content:'';
	position:absolute;
	left:-50px;
	bottom:90px;
	margin:auto;
	background-repeat:no-repeat;
	z-index:-1;
	width:462px;
	max-width:20%;
	height:462px;
	border-radius: 462px;
	background:linear-gradient(90deg, #1456E7 0.01%, #175CEF 100.01%);
	filter: blur(142px);
}
.about-banner::after{
	position:absolute;
	content:'';
	right:0;
	top:100px;
	z-index:-1;
	margin:auto;
	width:304px;
	height:349px;
	background-repeat:no-repeat;
	background-image:url('./images/about-ban-shape.webp');
}
.about-banner img{
	display:block;
	max-width:320px;
	border-radius:8px;
}
.about-img-wrap{
	width:80%;
	margin:auto;
}
.about-banner .block-about{
	width:85%;
	margin:auto;
}
.about-banner img:not(img:first-child){
	margin-top:30px;
	margin-left:auto;
}
.counter_data ,.counter_data a{
	font-size:31px;
	color:#76FF00;
}
.fuel-small span{
	display:block;
	font-size:20px;
	color:#fff;
}
.tech-world .block-content{
	width:80%;
}
.tech-world .block-content p:last-child a{
	border:1px solid #fff;
}
.tech-world{
	padding:194px 0px;
	position:relative;
	background-image:url('./images/tech-world-bg.webp');
	background-repeat:no-repeat;
	background-size:cover;
	z-index:1;
}
.tech-world::before{
	content:'';
	position:absolute;
	right:0;
	top:0;
	background-repeat:no-repeat;
	background-image:url('./images/tech-c.webp');
	height:475px;
	width:473px;
	z-index:-1;
}
.circle-banner-rel{
	position:relative;
}
.circle-rel span {
	display: block;
	width: 342px;
	height: 342px;
	margin:0px;
	animation: ripple 1s linear infinite;
	border-radius: 50%;
	position: absolute;
	left: -7%;
	z-index:-1;
	background:rgba(19, 73, 189, 1);
}
.circle-form span{
	left: unset;
	right: -7%;
	top: -12%;
}
:is(.equal-world,.tech-world) img{
	border-radius:8px;
}
.equal-world{
	background-color:#000;
	position:relative;
	z-index:1;
	padding:180px 0px;
}
.equal-world::after{
	content:'';
	position:absolute;
	left:0;
	bottom:0;
	width: 494px;
	height: 494px;
	border-radius: 494px;
	z-index:-1;
	background: linear-gradient(90deg, #1456E7 0.01%, #175CEF 100.01%);
	filter: blur(142px);
}
.equal-world .block-content{
	width:85%;
	margin-left:auto;
}
.equal-world img{
	width:100%;
}
.leader-sec{
	padding:180px 0px;
	background-color:#fff;
	position:relative;
	z-index:1;
	background-size:763px 344px;
	background-position:top 0 left 0;
	background-repeat:no-repeat;
}
.leader-sec .block-content :is(h1,h2,h3,h3,p){
	color:#000;
}
.leader-sec img{
	border-radius: 8px 8px 140px 8px;
}
.leader-sec .block-content{
	width:80%;
	margin:auto;
}
.leader-sec::before{
	content:'';
	position:absolute;
	right:0;
	bottom:0;
	background-repeat:no-repeat;
	height:365px;
	width:368px;
	background-image:url('./images/blue-c.webp');
	z-index:-1;
}
/********************post Section*************/
.post-banner{
	display:flex;
	flex-direction:column;
	justify-content:center;
	position:relative;	
	z-index:1;
	min-height:240px;
	text-align:center;
	background-image:url('/wp-content/uploads/2023/11/Tech-Driven.webp');
	background-size:cover;
	background-repeat:no-repeat;
}
.post-banner::before{
	content:'';
	position:absolute;
	left:0;
	right:0;
	bottom:0;
	top:0;
	margin:auto;
	z-index:-1;
	height:100%;
	width:100%;
	margin:auto;
	background-color:rgba(22, 90, 236, 0.8);
}
.post-banner h1{
	color:#fff;
	font-size:39px;
}
.post-sec{
	padding:86px 0px;
	background-color:#000;
}
.post-sec :is(h1,h2,h3,h4,h5,h6,p,span,li,a){
	color:#fff;
	font-family:var(--regular-font);
}
.post-contact{
	background-color:#000;
	position:relative;
}
.post-contact .container .row{
	position:relative;
}
.post-contact .container .row::before,.post-contact .container .row::after{
	content:'';
	position:absolute;
	left:0;
	bottom:30%;
	background-repeat:no-repeat;
	height:24.57px;
	width:24.57px;
	background-image:url('./images/tri.webp');
}
.post-contact .container .row::after{
	left:unset;
	right:0;
	bottom:40%;
	transform:rotate(150deg);
}
.post-contact::after,.career-banner::after{
	content:'';
	position:absolute;
	right:0;
	top:0;
	margin:auto;
	background-repeat:no-repeat;
	height:368px;
	width:169px;
	background-image:url('./images/single-c.webp');
}
.career-banner::after{
	z-index:-1;
	bottom:0;
}
.post-sec :is(h3,h4){
	font-size:25px;
	margin-bottom:32px;
	margin-top:30px;
	font-family:var(--bold-font);
}
.post-sec p{
	font-size:20px;
	margin-bottom:32px;
}
.post-sec ul{
	list-style:none;
	padding-left:0px;
}
.post-sec ul li{
	margin-bottom:32px;
	position:relative;
	padding-left:20px;
	z-index:1;
}
.post-sec :is(ul,ol) li{
	font-size:20px;
	font-family:var(--regular-font);
}
.post-sec ul li::before{
	content:'';
	position:absolute;
	left:0;
	top:10px;
	width:12px;
	height:12px;
	border-radius:50%;
	background:linear-gradient(269deg, #499400 -53.33%, #76FF00 97.01%);
	z-index:-1;
}
.post-contact{
	position:relative;
	z-index:1;
	padding:50px 0px;
	text-align:center;
}
.post-contact :is(h2,h3){
	font-size:39px;
	font-family:var(--bold-font);
	margin-bottom:20px;
	font-weight:normal !important;
}
.career-banner h1{ color:#fff;}
.post-contact h5{
	font-size:20px;
	color:#fff;

	font-family:var(--bold-font);
	font-weight:normal !important;
}
.post-contact h6 {
	color:#fff;
	margin:30px 0px 50px 0px;
}

/****************************career***************/
.career-second{
	padding:50px 0px;
	position:relative;
	z-index:2;
	background-repeat:no-repeat;
	background-size:cover;
}
.career-second::before{
	content:'';
	position:absolute;
	left:0;
	top:0;
	height:100%;
	z-index:-1;
	width:100%;
	background-color:rgba(22, 90, 236, 0.8);
}
.career-second :is(h1,h2,h3,p,a,span){
	color:#fff;
}
.career-second .career-card{
	text-align:center;
	padding:20px;
}
.career-second .career-card img{
	width:96px;
	height:96px;
	object-fit:contain;
	margin:auto;
	margin-bottom:24px;
}
.career-second .career-card :is(h3){
	font-size:31px;
	margin:auto;
	margin-bottom:30px;
	max-width:70%;
	font-weight:400!important;
}
.career-second .career-card :is(p){
	font-family:var(--regular-font);
}
.career-post-card{
	background:var(--blue-bg);
	border-radius:8px;
	display:block;
	padding:32px;
	text-decoration:none;
	height:100%;
}
.career-post-card :is(h1,h2,h3,h4,h5,h6,p,a){
	color:#fff;
}
.career-excerpt{
	color:#fff;
	font-size:16px;
	font-family:var(--regular-font);
	margin-bottom:50px;
}
.career-excerpt .green{
	color:#76FF00;
	font-size:16px;
}
.btn-white{
	background-color:unset !important;
	color:#fff;
}
.career-posts{
	padding:100px 0px 180px 0px;
	color:#fff;
	position:relative;
	z-index:1;
}

.career-posts::before{
	content:'';
	position:absolute;
	left:0;
	top:0;
	bottom:0;
	margin:auto;
	width:366px;
	height:641px;
	background-repeat:no-repeat;
	background-image:url('./images/career-c.webp');
	z-index:-1;
}
.career-posts .container{
	position:relative;
	z-index:1;
}
.career-posts .container::before,.career-posts .container::after{
	content:'';
	position:absolute;
	left:0;
	top:0;
	background-repeat:no-repeat;
	height:24.57px;
	width:24.57px;
	background-image:url('./images/tri.webp');
}
.career-posts .container::after{
	right:0;
	bottom:-100px;
	left:unset;
	top:unset;
	transform:rotate(180deg);
}
.career-posts h2{
	text-align:center;
	max-width:600px;
	margin:auto;
	margin-bottom:50px;
}
.career-posts h2 ,.career-posts .greentext span{
	font-size:32px;
}
.career-posts .col-md-6:nth-child(odd) .career-post-card{
	margin-right:25px;
}
.career-posts .col-md-6:nth-child(even) .career-post-card{
	margin-left:25px;
}
.career-detail{
	display:flex;
	flex-wrap:wrap;
	align-items:center;
	margin:22px 0px 30px 0px;
}
.career-detail .career-info{
	margin-right:40px;
}
.career-detail span{
	color:#fff;
	font-size:16px;
	font-family:var(--regular-font);
	font-weight:400;
}
.career-banner{
	padding:180px 0px;
	position:relative;
	z-index:1;
}
.career-banner::before{
	content:'';
	position:absolute;
	left:0;
	top:0;
	bottom:0;
	margin:auto;
	width: 490px;
	height: 490px;
	border-radius: 490px;
	background: linear-gradient(90deg, #1456E7 0.01%, #175CEF 100.01%);
	filter: blur(142px);
	z-index:-1;
}
.page-template-careers{
	position:relative;
	z-index:1;
}
.page-template-careers::before{
	content:'';
	position:absolute;
	top:0;
	right:0;
	margin:auto;
	width: 490px;
	height: 490px;
	border-radius: 490px;
	background: linear-gradient(90deg, #1456E7 0.01%, #175CEF 100.01%);
	filter: blur(142px);
	z-index:-1;
}
.career-banner .block-content h1 span{
	color:#499400;
	font-size:61px;
}
.career-banner .block-content{
	padding:0px 10px;
}
.career-banner .container{
	position:relative;
	z-index:1;
}
.career-left img{
	padding-bottom:100px;
}
.career-left {
	text-align:right;
	position:relative;
	z-index:1;
}
.career-right{
	position:relative;
	z-index:1;
}
.career-left img{
	max-width:100%;
}
.career-right img{
	padding-bottom:100px;
}
.test-sec .container{
	position:relative;
}
:is(.career-left,.career-right,.career-banner .container,.test-sec .container)::after,.test-inner::before{
	content:'';
	position:absolute;
	right:0;
	bottom:0;
	background-repeat:no-repeat;
	height:24.57px;
	width:24.57px;
	background-image:url('./images/tri.webp');
	z-index:-1;
}
.test-inner::before{
	top:-30px;
	bottom:unset;
	left:0;
	right:unset;
}
.test-sec .container::after{
	bottom:-50px !important;
	top:unset;
	transform:rotate(108deg);
}

.career-right::after{
	top:0;
	bottom:unset;
	transform:rotate(180deg);
	right:-40px !important;
}
.career-banner .container::after{
	left:0;
	margin:auto;
	transform:rotate(266deg);
}
/*************************category Links***************/
.services-data{
	position:relative;
	background-color:rgba(22, 90, 236, 0.9);
	padding:84px 0px;
	z-index:1;
}
.services-data::before,.single-s-top::before{
	content:'';
	position:absolute;
	left:0;
	top:0;
	background-repeat:no-repeat;
	background-image:url('/wp-content/uploads/2023/11/service-c.webp');
	width:282px;
	height:319px;
	z-index:-1;
	max-width:15%;
	background-size:contain;
}
.services-data::after,.services-product::after{
	content:'';
	position:absolute;
	right:80px;
	top:100px;
	background-repeat:no-repeat;
	width:49px;
	height:49px;
	background-image:url('./images/tri.webp');
	z-index:-1;
	background-size:contain;
	transform:rotate(90deg);
}
.services-product{
	position:relative;
	background-color:#000;
	padding:180px 0px 84px 0px;
	z-index:1;
}
.services-product::before{
	content:'';
	position:absolute;
	left:-100px;
	top:0;
	bottom:0;
	margin:auto;
	overflow:hidden;
	width: 490px;
	height: 490px;
	border-radius: 490px;
	background:  linear-gradient(90deg, #1456E7 0.01%, #175CEF 100.01%);
	filter: blur(142px);
	z-index:-1;
}
:is(.services-product,.services-data) .block-content{
	text-align:center;
}
.cat-links li{
	list-style:none;
	display:block;
}
.cat-links{
	padding-left:0px;
}
.cat-links li a{
	display:block;
	text-decoration:none;
	color:#ffff;
	width:100%;
	font-size:39px;
	position:relative;
	transition:0.3s;
	padding:42px 16px;
	border-bottom:1px solid #fff;
}
.cat-links li a:hover::after{
	right:10px;
	transition:0.3s;
}
.cat-links li a::after{
	content:'';
	position:absolute;
	right:0;
	top:0;
	bottom:0;
	margin:auto;
	background-repeat:no-repeat;
	background-image:url('/wp-content/uploads/2023/11/Arrow-1.svg');
	width:24px;
	height:24px;
	background-size:contain;
	transition:0.3s;
}
.single-s-top{
	padding:116px 0px 50px 0px;
	position:relative;
	z-index:1;
	background:var(--blue-bg);
} .single-s-top img{
	border-radius: 8px 8px 140px 8px;
	min-height:612px;
	object-fit:cover;
}
.single-s-top .block-content{
	width:85%;
	margin:auto;
	font-family:var(--regular-font);
}
.single-s-top .block-content li{
	color:#fff;
	font-family:var(--regular-font);
}
.single-s-top .block-content li::marker{
	color:#76FF00;
}
.single-s-top::before{
	background-image:url('/wp-content/uploads/2023/11/C-2.png');
	right:0;
	left:unset;
}
.white-sec{
	padding:62px 0px;
	background-color:#fff;
	position:relative;
	z-index:1;
}
.white-sec::after{
	content:'';
	position:absolute;
	right:0;
	top:0;
	height:144px;
	width:141px;
	background-repeat:no-repeat;
	background-image:url('./images/footer-after.png');
	z-index:-1;
	transform:rotate(270deg);
}

.white-sec .img-wrap
{
	position:relative;
	padding-right:20px;
}

.white-sec .img-wrap img:not(img:last-child){
	width:75%;
	margin-left:auto;
	border-radius: 8px 8px 140px 8px;
	display:block;
}
.white-sec .img-wrap img:not(img:first-child){
	width:45%;
	display:block;
	margin-right:auto;
	border-radius: 8px 8px 140px 8px;
	margin-top:-120px;
}
.white-sec  h3{
	font-size:39px;
}
.white-sec .blue-text{
	padding:40px;
	background:var(--blue-bg);
	color:#fff;
	border-radius: 8px;
	margin-top:20px;
}.white-sec .blue-text p{
	font-size:16px;
	color:#ffff;
	font-family:var(--regular-font);
}
.white-sec .header-btn{
	margin-top:30px;
	background:unset;
	background-color:#fff !important;
	display:inline-block;
	border:1px solid #1456E7;
	color:#1456E7;
}
.bg-black{
	background-color:#000;
	background:unset;
}
.black-sec{
	padding:80px 0px;
	z-index:3;
	position:relative;

}
.leader-sec.black-post{
	z-index:2;
}
.black-sec .single-card{
	padding:40px;
	height:100%;
	color:#fff;
	border-radius:8px;
	background-color:#175CEF;
}
.black-sec .single-card h3{
	font-size:25px;
	font-weight:500;
	font-family:var(--regular-font);
}
.black-sec .single-card p{
	font-size:16px;
}
.black-sec .single-card li{
	color:#fff;
	font-size:16px;
}
.black-sec .single-card li::marker{
	color:
}
.single-card.block-content :is(h4){
	font-size:25px;
	margin-bottom:30px;
}
.black-post img{
	min-height:555px;
	object-fit:cover;
}
.leader-sec.black-post::after{
	left:unset;
	right:0;
	top:0;
	bottom:unset;
	transform:rotate(270deg);
}
.single-circle span{
	top:-200px;
	left:-200px;
}
.black-post::before{
	content:unset;
}
#partner img{
	max-width:120px;
	max-height:75px;
	object-fit:contain;
}
.partner-slider.blue{
	background:var(--blue-bg);
	padding:30px 0px;
}
.blue-cards{
	background:var(--blue-bg);
	padding:80px 0px;
}
.blue-cards *{
	color:#fff !important;
}
.blue-cards h2{
	text-align:center;
}
.blue-cards .b-card{
	padding:40px;
	border:1px solid #fff;
	border-radius:8px;
	height:100%;
	position:relative;
	z-index:1;
}
.blue-cards .b-card::after{
	content:'';
	position:absolute;
	right:0;
	bottom:0;
	width:154px;
	height:149px;
	z-index:-1;
	background-repeat:no-repeat;
	background-image:url('/wp-content/uploads/2023/11/trans-c.png');
}
.blue-cards .b-card p{
	font-size:16px;
}
.blue-cards .b-card :is(h1,h2,h3,h4,h5,h6){
	font-size:25px;
	font-family:var(--medium-font);
	font-weight:500;
	margin-bottom:32px;
}
:is(.blue-cards,.single-s-top) .container{
	position:relative;
	z-index:1;
}
:is(.blue-cards,.single-s-top) .container::before{
	content:'';
	position:absolute;
	z-index:-1;
	left:0;
	top:-30px;
	width:24.57px;
	height:24.57px;
	background-repeat:no-repeat;
	background-image:url('./images/tri.webp');
}
:is(.blue-cards) .container::before{
	top:30%;
}
.blue-cards .container::after{
	content:'';
	position:absolute;
	z-index:-1;
	right:0;
	bottom:0;
	width:24.57px;
	height:24.57px;
	background-repeat:no-repeat;
	background-image:url('./images/tri.webp');
	transform:rotate(180deg);
}
.blue-top{
	padding:88px 0px;
	position:relative;
	z-index:1;
	background-image:url('/wp-content/uploads/2023/11/Rectangle-20.png');
	background-size:cover;
	background-repeat:no-repeat;
}
.blue-top li{
	font-size:20px;
	font-family:var(--regular-font);
	margin-bottom:24px;
}
.blue-top ul{
	padding-left:20px;
}
.blue-top li::marker{
	color:#76FF00;
}
.blue-top-h{
	text-align:center;
}
.blue-top h4{
	color:#76FF00;
	font-family:var(--medium-font);
	font-weight:500;
	font-size:25px;
	margin-bottom:30px;
	max-width:372px;
}
.blue-top :is(h2,h3,p,span,li,a){
	color:#fff;
}
.blue-top::before{
	content:'';
	position:absolute;
	left:0;
	top:0;
	height:100%;
	width:100%;
	z-index:-1;
	background:var(--blue-bg);
	opacity:80%;
}
.search-col input{
	width:calc(100% - 100px);
	display:inline-block;
	background-color:transparent;
	border-radius:8px;
	border:1px solid #fff;
	padding:18px 48px;
	font-family:var(--regular-font);
	font-size:16px;
	color:#fff;
	background-size:24px 24px;
	background-image:url('/wp-content/uploads/2023/11/Search.svg');
	background-repeat:no-repeat;
	background-position:top 18px left 18px;
	margin-right:8px;
}
.search-col{
	display:flex;
	flex-wrap:wrap;
	margin-top:30px;
	align-items:center;
}
.search-col .search-btn{
	background-color:#175CEF;
	display:inline-block;
	width:64px;
	height:64px;
	border-radius:8px;
	background-repeat:no-repeat;
	background-position:center center;
	background-image:url('./images/search-arrow.svg');
	background-size:19px 19px;
}
.search-col input::placeholder{
	color:#fff;
	font-family:var(--regular-font);
	font-size:16px;
}
/**********************sub-menu***************/

/********************************8footer***************/
.footer-row{
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
}
footer{
	background:  var(--blue-bg);
	padding:80px 0px;
	position:relative;
	z-index:1;
}
footer::after,.home-cards::after,.leader-sec::after{
	content:'';
	position:absolute;
	right:0;
	bottom:0;
	height:144px;
	width:141px;
	background-repeat:no-repeat;
	background-image:url('./images/footer-after.png');
	z-index:-1;
}
.leader-sec::after{
	left:0;
	right:unset;
	transform:rotate(90deg);
}
footer h6{
	font-size:25px;
}
.footer-ul{
	flex:1;

}
.footer-ul:not(footer-ul:last-child){
	padding-right:20px;
}
.footer-ul ul{
	list-style:none;
	display:block;
	padding-left:0px;
}
.footer-ul :is(li,a){
	font-size:16px;
	color:#fff;

	text-decoration:none;
	list-style:none;
}
.contact-ul img{
	margin-right:8px;
	display:block;
}
.footer-ul li {
	margin-bottom:24px;
	line-height:normal;
}
.footer-logo{
	margin-bottom:20px;
}
.contact-ul li a{
	display:flex;
	flex-wrap:wrap;
}
.footer-ul p{
	font-size:16px;
}
.contact-ul li span{
	width:80%;
	font-size:16px;
}
footer .social-ul{
	display:flex;
	flex-wrap:wrap;

}
.social-ul li:not(li:last-child){
	margin-right:5px;
}
footer *{
	color:#fff;
}
.top_lead{
	background-position:center;
	background-repeat:no-repeat;
	background-size:cover;
	padding:110px 0;
}
.top_lead_content{
	text-align:center;
}
.top_lead_content strong{
	font-size:30px;
	color:#fff;
}
.top_lead_content h1{
	font-size:30px;
	color:#fff;
}
.top_left_img img{
	width:100%;
	border-radius: 15px;
	z-index: 2;
	position: relative;
}
.top_left_img{
	position:relative;
	padding:50px;
	text-align:center;
}
.top_left_img img{
	width:350px;
	margin:auto;
}
.top_left_img::after{
	content: '';
	position: absolute;
	right: 0px;
	bottom: 0;
	z-index: -1;
	background: #000;
	width: 102%;
	height: 103%;
	border-radius: 15px;
	z-index: 1;
	left: -6px;
	top: 0;
	margin: auto;
}
.lead_duo_btn {
	display: flex;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
	gap: 20px;
	margin-top: 30px;
}
.lead_duo_btn .whatsapp {
	background-color: #25d366;
	color: #fff;
	padding: 15px 20px;
	text-transform: uppercase;
}
.lead_duo_btn .whatsapp:hover{
	background-color: #1558ea;
	color: #fff;
	transition:0.3s;
}
.lead_duo_btn .calendly {
	background-color: #1558ea;
	color: #fff;
	padding: 15px 20px;
	text-transform: uppercase;
}
.lead_duo_btn .calendly:hover{
	color:#fff;
	background-color:#76ff00;
	transition:0.3s;
}
.lead_award{
	background-color:#fff;
	padding-top:30px;
	padding-bottom:50px;
	box-shadow: rgba(0, 0, 0, 0.16) 0px 3px 6px, rgba(0, 0, 0, 0.23) 0px 3px 6px;
	z-index: 1;
	position: relative;
}
.award_row{
	padding-top:60px;
}
.lead_awards{
	display:flex;
	justify-content:center;
	align-items:center;
	flex-wrap:wrap;
}
.lead_awards img {
	width: 130px;
	height: 110px;
}
.lead_award_heading h2{
	font-weight:700 !important;
	font-size:23px;
	color:#07223d;
	position:relative;
}
.lead_award_heading{
	position:relative;
}
.lead_award_heading::before {
	content: '';
	position: absolute;
	width: 88%;
	height: 1px;
	left: -50%;
	top: 0;
	bottom: 0;
	margin: auto;
	background-color: #07223d;
}
.lead_award_heading::after {
	content: '';
	position: absolute;
	width: 88%;
	height: 1px;
	right: -50%;
	top: 0;
	bottom: 0;
	margin: auto;
	background-color: #07223d;
}
.demo_section{
	background-color:#fff;
	padding:50px 0;
	margin-top: -10px;
	position: relative;
}
.demo_details {
	box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
	padding: 28px 20px;
}
.demo_details h2{
	font-size:20px;
	color:#07223d;
	text-align:center;
	font-weight:700 !important;
}
.demo_details p{
	font-size:16px;
	color:#07223d;
	text-align:center;
}
.counter {
	display: flex;
	justify-content: center;
	gap: 15px;
	flex-wrap:wrap;
}
.counter_card {
	background-color: #2896fb;
	padding: 15px 15px;
	width: 150px;
}
.counter_card {
	background-color: #2896fb;
	padding: 15px 15px;
	text-align:center;
}
.counter_card strong {
	display: block;
	font-size:28px;
	text-transform:uppercase;
	color:#fff;
}
.counter_card span {
	display: block;
	font-size:14px;
	text-transform:uppercase;
	color:#fff;
}
.demo_img figcaption {
	text-align: center;
	font-weight:700;
	font-size:22px;
	color:#07223d;
}
.highlevel_content {
	text-align:center;
}
.highlevel_content strong {
	font-size: 40px;
	color: #2a3135;
}
.highlevel_content h3 {
	font-size: 40px;
	color: #2a3135;
	font-weight:700 !important;
}
.highlevel_content p {
	font-size: 18px;
	color: #2a3135;
}
.highlevel_row {
	padding-top: 190px;
	position:relative;
	padding-bottom: 80px;

}
.highlevel_row::after {
	content: '';
	position: absolute;
	width: 440px;
	height: 200px;
	background-image: url('/wp-content/uploads/2024/08/1ead860a4f37c3335781a6d7a3eb2e06_1200_80.webp');
	left: 163px;
	margin: auto;
	top: -17px;
	background-repeat: no-repeat;
}
.highlevel_content{
	position:relative;
	z-index: 2;
}
.highlevel_content::after {
	content: '';
	position: absolute;
	width: 250px;
	height: 250px;
	background-color: #f2f9fd;
	border-radius: 50%;
	left: 0;
	right: 0;
	margin: auto;
	top: 0;
	bottom: 0;
	z-index:-1;
}
.lead_faq {
	background-color: #07223d;
	padding: 70px 0;
}
.que_ans h3{
	color:#ffbc00;
	font-weight:500 !important;
	font-size:30px;
	text-transform:uppercase;
	position:relative;
}
.que_ans h3::before {
	content: '\25B6';
	position: absolute;
	left: -16px;
	top: 0;
	bottom: 0;
	/* background-color: #ffbc00; */
	height: 18px;
	margin: auto;
	font-size: 15px;
}
.que_ans p{
	color:#fff;
	font-size:17px;
	font-weight:400 !important;
}
.que_ans {
	padding-left: 30px;
}
.marketing {
	background-color:#fff;
}
.image_upper_text p{
	font-size: 18px !important;
	font-weight: 500 !important;
	color:#ffbc00;
	text-transform:uppercase;
}
.marketing-content h4{
	font-size:40px;
	font-weight: 900 !important;
	color:#2a3135;
}
.marketing-content strong{
	font-size: 24px !important;
	color:#2a3135;
	text-transform:uppercase;
	font-weight: 700 !important;
	display: inline-block;
	margin: 13px 0 4px 0;
}
.marketing-content p{
	font-size: 16px !important;
	color:#2a3135;
}
.marketing_row{
	padding-bottom:200px;
	position: relative;
}
.marketing .marketing_row:nth-child(even) {
	flex-direction: row-reverse;
}
.marketing_row::after{
	content:'';
	position:absolute;
	width:100%;
	height:200px;
	background-image:url('/wp-content/uploads/2024/08/80a71faa6dad465b92e30185ae53953d_1200_80.webp');
	background-repeat:no-repeat;
	left:0;
	right:0;
	margin:auto;
}
.marketing .marketing_row:nth-child(even)::after{
	content:'';
	position:absolute;
	width:100%;
	height:200px;
	background-repeat:no-repeat;
	left:0;
	right:0;
	margin:auto;
	background-image:url('/wp-content/uploads/2024/08/2c01d403b079184b10b92a9d6b3c61fa_1200_80.webp');
}
.image_upper_text {
	text-align: center;
	max-width: 56%;
}
.quotes {
	display: flex;
	/* gap: 15px; */
	flex-wrap: wrap;
	background-color:#e5f3fb;
	padding: 20px 10px;
	border-radius: 8px;
}
.quotes_con {
	max-width: 400px;
	padding: 0 20px;
}
.quotes_con p{
	font-size: 14px !important;
	color:#2a3135;
	font-style: italic;
	font-weight: 400;
}
.quotes_con strong{
	font-size: 16px;;
	color:#000000;
	font-weight: 400 !important;
}
.quotes_con span{
	font-size: 13px;
	color:#2a3135;
	display:block;
}

.join_comletit {
	background-color: #16416c;
	padding: 70px 0;
	text-align:center;
}
.join_comletit_content h5{
	font-size:36px;
	font-weight:900 !important;
	color:#fff;
}
.join_comletit_content p{
	font-size: 20px !important;
	color:#fff;
}
.join_comletit_content strong{
	font-size:12px;
	color:#fff;
	text-transform:uppercase;
}
.pricing{
	background-color:#fff;
	padding-bottom:70px;
	
}
.pricing_row{
	justify-content:center;
}
.pricing_content h5 {
	font-size: 36px;
	font-weight: 900 !important;
	text-align: center;
	color:#2a3135;
	padding:30px 0 50px 0;
}
.price_starter {
	background-color: #b9dcfc;
	padding: 20px;
	box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
	height: 100%;
}
.price_unlimited {
	background-color: #16416c;
	padding: 20px;
	box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
	height: 100%;
}
.price_starter h5 {
	color: #16416c;
	font-size: 34px;
	font-weight: 900 !important;
	text-align: center;
}
.price_unlimited h5{
	color: #fff;
	font-size: 34px;
	font-weight: 900 !important;
	text-align: center;
}

.u_price {
	background-color: #ffbc00;
	text-align: center;
	padding: 10px 0

}
.u_price strong, .price strong{
	font-size:40px;
	font-weight:900 !important;
}

.u_price span, .price span{
	font-size:20px;
	font-weight:400 !important;
	display:block;
}
.price{
	background-color: #e5f3fb;
	text-align: center;
	padding: 10px 0

}
.price_starter ul li{
	font-size:17px;
	list-style:none;
	margin-bottom:35px;
	color:#16416c;
	text-transform:uppercase;
	position:relative;
}
.price_starter ul{
	margin-top:10px;
}
.price_unlimited ul li{
	font-size:17px;
	list-style:none;
	margin-bottom:35px;
	text-transform:uppercase;
	color:#fff;
	position:relative;
}
.price_unlimited li span{
	color:#ffbc00;
	font-size:17px;
}
.price_unlimited ul{
	margin-top:10px;
}
.price_starter ul li::before {
	content: '\2714';
	font-weight: 900;
	position: absolute;
	left: -18px;
	color: #16416c;
}
.price_unlimited ul li::before {
	content: '\271A';
	font-weight: 900;
	position: absolute;
	left: -18px;
	color:#ffbc00;
}
.bottom_logos {
    background-color: #fff;
	padding:50px;
}
.price_starter > ul{
	min-height:680px;
}
.py-5 .main-img {
	text-align:center;
}
.py-5 .main-img  img{
	width:100% !important;
	max-width:600px !important; 
}
.py-5 h1{
	color:#fff;
	text-align:center;
}
.main_design_btn.marg-l3{
	background:var(--blue-bg) !important;
}
.page-template-book-meeting {
	    margin-top: 0;
    padding-bottom: 14px;
    padding-left: 14px;
	padding-top:30px !important;
    padding-right: 14px;
	background-color:#fff !important;
}
.design-nav-menu-container.demo-menu{
	display:unset;
}
.design-nav-menu-container.demo-menu li{
	display:inline-block;
}
/*============================Media Queries===========================*/


/*========= MIN WIDTH QUERIES==============*/

@media(min-width: 576px){

}
@media(min-width: 768px){

}

@media(min-width: 992px){
	.marg-l3{
		margin-left:5px;
	}
	.sub-menu {
		max-width: unset;
		padding: 10px !important;
		min-width:250px;
		border-radius: 0px 0px 4px 4px;
		background: rgba(24, 24, 24, 0.90);

		left: 0;
		backdrop-filter: blur(9px);
		border-top: 1px solid #499400;
		top: 40px;
		transform: scale(0);
		transition: 0.3s;
	}
	.nav-menu li:last-child > .sub-menu{
		right:0;
		left:-150px;
	}
	.fa-navicon:before, .fa-reorder:before, .fa-bars:before{
		opacity:0;
	}
	.single-s-top img{
		height:612px;
		width:100%;
	}
	.white-sec .img-wrap img:not(img:last-child){
		object-fit:cover;
		min-height:450px;
	}
	.contact-left{
		width:80%;
		margin:auto;
	}
	#menu-item-8 a{
		position:relative;
	}
	.nav-menu > li.menu-item-has-children::after{
		content:'';
		position:absolute;
		right:0;
		top:18px;
		background-image:url('./images/drop-arrow.svg');
		width:12px;
		height:12px;
		background-repeat:no-repeat;
	}
	.service-ul > .sub-menu{
		width:550px;
		max-width:unset;
		padding:25px !important;
		display:flex !important;
		border-radius: 0px 0px 4px 4px;
		background: rgba(24, 24, 24, 0.90);
		position:absolute;
		left:0;
		backdrop-filter: blur(9px);
		border-top:1px solid #499400;
		top:40px;
		transform:scale(0);
		transition:0.3s;
	}
	.service-ul:hover > .sub-menu{
		transform:scale(1);
		transition:0.3s;
	}
	.service-ul .sub-menu li a{
		color:#fff;
		position:relative;
		transition:0.3s;
	}
	.service-ul .col-lg-6 .sub-menu li a::before{
		content:'';
		position:absolute;
		left:0;
		top:8px;
		width:14px;
		height:14px;
		background-repeat:no-repeat;
		background-image:url('./images/sub-li.svg');
		transform:scale(0);
		transition:0.3s;
		opacity:0;

	}
	.service-ul .col-lg-6 .sub-menu li a:hover::before{
		transform:scale(1);
		opacity:1;
		transition:0.3s;
	}
	.service-ul .sub-menu li a:hover{
		padding-left:16px;
		color:#fff !important;
		font-weight:normal;
		transition:0.3s;
		/* 		font-family:var(--bold-font); */
	}
	.service-ul > .sub-menu > li > a{
		color:#76FF00;
		padding-left:0px;
	}
	.service-ul > .sub-menu > li > a::before{
		content:unset;
	}
	.service-ul > .sub-menu > li > a:hover::before{
		content:unset;
	}
	.service-ul > .sub-menu > li > a:hover{
		padding-left:0px;
	}
	.service-ul .sub-menu li{
		padding-left:0px;
		border-bottom:unset;
	}
	.service-ul .sub-menu:not(:nth-of-type(1)){
		position:unset;
	}
	.service-ul :is(.menu-item-217,.menu-item-216) .sub-menu{
		display:block !important;
		position:unset !important;
		width:100%;
	}
	
	.normal-ul > ul{
		position:absolute;
	}
}

@media(min-width: 1200px){
	.container{
		max-width:var(--cont-width)!important;
	}
}

/*========= MAX WIDTH QUERIES==============*/

@media(max-width: 1200px){

}

@media(max-width: 991px){
	.fa-chevron-down:before{
		padding:20px;
	}
	.fa-chevron-up:before{
		padding:20px;
	}
	.fa-navicon:before, .fa-reorder:before, .fa-bars:before{
		content:'' !important;
		background-image:url('./images/Hamburger.svg');
		background-repeat:no-repeat;
		width:30px;
		height:30px;
		display:inline-block;
		background-size:100% 100%;

	}
	.test-inner{
		padding:50px 20px;
	}
	#mobile-nav-toggle {
		position: fixed;
	}
	#nav-menu-container {
		display: none;
	}

	#mobile-nav-toggle {
		display: inline;
	}
	#mobile-nav-toggle i {
		color: #fff;
	}
	.page-template-design-page #mobile-nav-toggle i, .page-template-book-meeting #mobile-nav-toggle i{
		filter: invert(1);
	}
	.page-template-design-page #mobile-nav ul, .page-template-book-meeting #mobile-nav ul{
		flex-direction: column;
	}
	.page-template-design-page .nav_header_btn, .page-template-book-meeting .nav_header_btn{
		display:inline-block;
		background-color:#000;
	}
	.enquire-ca{
		margin-right: 10%;
	}
	#mobile-nav ul li li{
		padding-left: 0px;
	}
	.icon{
		display: none;
	}
	#mobile-nav ul li ul{
		display: none;
	}
	.menu-item-has-children i {
		color: #fff;
		right: 1px;
		display: inline;
		position: absolute;
		right: 50px;
		font-size: 15px;
		top: 10px;
		z-index: 1;
		text-align:right;
	}
	#mobile-nav-toggle{
		padding: 0;
	}

}

@media(max-width: 767px){
	.our-mission::before, .home-contact .container::before{
		width:194px;
		height:194px;
	}
	.animated_webnames{
		padding-top:0px !important;
	}
	.design_footer ul{
		text-align:center !important;
		padding-left:0px !important;
	}
	.degin_tabs .nav-pills{
		background-color:unset;
		border-radius:0px;
		gap:10px;
	}
	.top_lead_content{
		margin-bottom:30px;
	}
	.top_lead_content :is(h1,strong){
		font-size:25px;
	}
	.blog-main h1{
		font-size:35px;
	}
	.blog-main h2{
		font-size:30px;
	}
	.banner{
		padding-top:44px;
	}
	.banner p{
		font-size:18px;
	}
	.banner .banner-content br{
		display:none;
	}
	.home-cards{
		background-color:#fff;
		background-image:unset;
	}
	.home-cards .container::before{
		width: 200px;
		height: 200px;
		background-size: contain;
		left: unset;
		right: -22px;
		top: -25px;
	}.home-cards .container{
		background-color:#fff;
	}
	.banner{
		z-index:2;
	}
	.footer-ul{
		flex:unset;
		width:100%;
	}
	.header-detail{
		width:320px;
		padding:30px;
	}
	.header-right-close{
		right:30px;
	}
	.test-inner::after{
		width:120px;
		height:120px;
		background-size:100% 100%;
	}
	.about-img-wrap{
		margin-top:30px;
		width:100%;
	}
	.career-posts .col-md-6:nth-child(even) .career-post-card{
		margin-left:0px;
	}
	p{
		font-size:15px;
	}
	.post-contact::after{
		width:109px;
		height:200px;
		background-size:100% 100%;
	}
	.single-s-top img{
		min-height:300px;
	}
	.career-posts{
		padding-bottom:80px;
	}

	.career-left img{
		padding-bottom:30px;
	}
	.search-col{
		margin-bottom:30px;
	}
	.career-left,.career-right{
		text-align:center;
	}

	.career-banner{
		padding:50px 0px;
	}
	.tech-world::before{
		width:200px;
		height:200px;
		background-size:100% 100%;
	}
	.tech-world .block-content{
		width:100%;
		margin-bottom:30px;
	}
	.tech-world{
		padding:80px 0px;
	}
	.block-content :is(h2,h3){
		font-size:30px;
	}
	.equal-world .block-content{
		width:100%;
		margin-top:30px;
	}
	.leader-sec::before{
		content:unset;
	}
	.equal-world{
		padding:80px 0px;
	}
	.about-banner{
		padding:80px 0px;
	}
	.about-img-wrap img{
		margin:auto;
	}
	.our-mission{
		padding-top:120px;
		padding-bottom:50px;
	}
	.test-card img{
		margin:auto;
		margin-bottom:30px;
	}
	.our-mission .block-content{

		padding-top:30px;
	}
	.home-card{
		margin-top:30px;
		height:unset;
	}
	.banner::before{
		background-size: contain;
		background-position: bottom -30px right -39px;
	}
	.block-content :is(h1,h2),.greentext span{
		font-size:31px;
	}
	.banner{
		min-height:600px;
	}
	.test-card{
		display:unset;
	}
	.highlevel_row{
		padding-top:50px;
	}
	.highlevel_content :is(h3,strong){
		font-size:25px;
	}
	.demo_section{
		padding-bottom:0px;
	}
	.marketing-content h4{
		font-size:30px;
		margin-top:20px;
	}
	.marketing_row{
		padding-bottom:50px;
	}
	:is(.pe-0,.ps-0){
		padding:0px;
	}
}

@media(max-width: 575px){

}



@media(max-width: 991px){
	.career-posts .col-md-6:nth-child(odd) .career-post-card{
		margin-right:0px;
	}
	.career-posts .col-md-6:nth-child(even) .career-post-card{
		margin-left:0px;
	}
	.service-ul{
		display:block!important;
		margin:0px !important;
	}
	.header-btn{
		margin:10px 22px 15px 10px;
	}
	.cat-links li a{
		font-size:20px;
		padding:22px 16px;
	}
	.blue-top h4{
		font-size:20px;
	}
	.blue-top li{
		font-size:15px;
	}
	.blue-top li br{
		display:none;
	}
	.test-inner h2{
		margin-bottom:30px;
		font-size:23px;
	}
}


@media(min-width:575px) and (max-width:991px){
	.header-container{
		max-width:100% !important;
	}
}
.block-content p:last-child a:hover, .btn-white:hover{
	background:var(--green-color);
	transition:0.3s;
}
.header-btn:hover{
	background:var(--green-color);
	transition:0.3s;
	color:#fff;
}
.white-sec .header-btn:hover{
	background:var(--green-color);
	transition:0.3s;
	color:#fff;
	background-color:var(--green-color) !important;
}
.white-sec .header-btn:hover img{
	filter:invert(1)brightness(100);
}
@media((min-width: 1200px)){
	.h2,h2{
		font-size:39px;
	}
}
.wpforms-confirmation-container-full p:last-of-type, div[submit-success]>.wpforms-confirmation-container-full p:last-of-type{
	color:#000!important;
}

#noPostsMessage{
	display:none;
	text-align:center;
}
.footer-d{
	display:inline-block;
	max-width:calc(100% - 40px);
}
.contact-ul img{
	display:block;
	position:relative;
	top:5px;
}
.contact-ul  li a{
	display:block;

}
.contact-ul li{
	display:flex;
	flex-wrap:wrap;
	align-items:baseline;
}
.social-mbl{
	display:inline-block;
	margin-left:15px;
}
.social-mbl a{
	padding:0px !important;
}
.footer-d strong{
	font-weight:400;
	display:inline-block;
	padding-right:4px;
}
.blog-main *{
	color:#fff;
}
.text-block.fr-inner * {
    color: #fff;
}
/* #loader-wrapper {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: var(--green-color);
display: flex;
align-items: center;
justify-content: center;
z-index: 1000; 
}

#loader {
border: 8px solid #f3f3f3; 
border-top: 8px solid #3498db;
border-radius: 50%;
width: 50px;
height: 50px;
animation: spin 1s linear infinite; 
}

@keyframes spin {
0% { transform: rotate(0deg); }
100% { transform: rotate(360deg); }
} */

/* Design Page css */
.page-template-design-page h1, h2, h3, h4, h5, h6{
	font-family: 'Brockmann', sans-serif !important;
	font-weight:500 !important;
}
.page-template-design-page p{
	font-family: 'Brockmann', sans-serif !important;
	font-weight:400;
}

#hero_logos_slider img {
    height: 70px;
    object-fit: contain;
}
.page-template-design-page span{
	font-family: 'Brockmann', sans-serif !important;
}
.page-template-design-page strong{
	font-family: 'Brockmann', sans-serif !important;
}
img.nav-logo.logo_img {
    width: 200px;
    margin-top: 10px;
	margin-inline:auto;
	display:block;
}
.page-template-design-page {
    margin-top: 0;
    padding-bottom: 14px;
    padding-left: 14px;
    padding-right: 14px;
	background-color:#fff !important;
}
.page-template-design-page {
    padding-top: unset !important;
}
.inner-frame {
    background-color: #f6f2ea;
    background-image: url(https://cdn.prod.website-files.com/5837424ae11409586f837994/65da2485ff5fcdc97cd23ac3_dots.svg), url(https://cdn.prod.website-files.com/5837424ae11409586f837994/65e0c422ce2b0db3548c99a5_Frame%202316.png);
    background-position: 0 0, 0 0;
    background-size: auto, auto;
    border-radius: 36px;
    max-width: 1440px;
    margin-left: auto;
    margin-right: auto;
}
.top_header {
    justify-content: center;
    align-items: center;
    padding-top: 20px;
    padding-bottom: 20px;
    display: flex;
}
.design_logo {
    display: flex;
    justify-content: center;
}
.designp_menu .design-nav-menu-container{
	display:flex !important;
	    justify-content: center;
    align-items: center;
}
.design-nav-menu-container ul {
    display: flex;
    margin-top: unset !important;
    margin-bottom: unset;
    padding: 15px;
}
.design-nav-menu-container ul li{
	list-style:none;
}
.design-nav-menu-container ul li a {
    font-family: 'Brockmann', sans-serif;
    text-align: left;
    margin-left: auto;
    margin-right: auto;
    padding: 25px 18px;
    font-size: 14px;
    line-height: 20px;
    color: #fff;
}
.nav_header_btn {
    background-color: #2c2c2c;
        padding: 20px 30px;
    border-radius: 70px;
	color: #fff;
	font-family: 'Brockmann', sans-serif;
	font-size: 14px;
}
.nav_header_btn span{
	color: #fff;
	font-family: 'Brockmann', sans-serif;
	font-size: 14px;
}
.nav_header_btn:hover{
	background-color:#424242;
}
.menu-design-page-menu .menu-item .current-menu-item > a,.menu-design-page-menu  .menu-item a:hover {
    background-color: #76FF00 !important;
    color: #000 !important;
}
#menu-design-page-menu li a:hover {
    background-color: #76FF00 !important;
    color: #000 !important;
	border-radius:70px;
}
.designp_menu{
	background-image: linear-gradient(#000, #292929);
    border: 1px solid #000;
    border-radius: 100vw;
    align-items: stretch;
    padding: 6px;
	
    display: inline-block;
    box-shadow: 0 4px 8px 2px #00000045, 0 10px 20px 1px #0003, inset 0 2px 1px #ffffff80;
}
.design_menu_head{
	z-index: 100;
    width: 100%;
    margin-bottom: 0;
    padding: 29px;
    display: inline-block;
    position: fixed;
    inset: auto 0% 0%;
}
.hero_section{
	    padding: 150px 5% 40px;
    position: relative;
    overflow: hidden;
}
.hero__wrapper {
    z-index: 1;
    text-align: center;
    max-width: 770px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
}

.hero__wrapper h1 {
    letter-spacing: -5px !important;
    margin-top: 0;
    margin-bottom: 24px;
    font-family: 'Brockmann', sans-serif;
    font-size: 104px;
    font-weight: 200 !important;
    line-height: 100%;
}
.hero__wrapper p{
	font-family: 'Brockmann', sans-serif;
	font-size:24px;
}
.hero__wrapper span{
	font-family: 'Brockmann', sans-serif;
	font-size:24px;
}
.main_design_btn{
	color: #fff;
    background-image: linear-gradient(#000, #292929);
    border: 1px solid #000;
    border-radius: 12px;
	display:inline-block;
    padding: 22px 54px;
    font-family: Brockmann Webfont, sans-serif;
    font-size: 17px;
    transition: box-shadow .6s, background-color .6s;
    box-shadow: 0 2px 2px #0000004f, inset 0 2px 1px #ffffff80;
}
.faqp-right{
	text-align:center;
	z-index:1;
}
.main_design_btn:hover {
    background-image: linear-gradient(#292929, #292929);
    box-shadow: 0 7px 8px #0000004f, inset 0 2px 1px #ffffff80;
	color: #fff;
}
.hero_btn{
	justify-content: center;
    align-items: center;
    margin-top: 24px;
	flex-wrap:wrap;
	gap:20px;
    display: flex;
}
.available-component{
	grid-column-gap: 0px;
    grid-row-gap: 0px;
    justify-content: center;
    align-items: center;
    margin-top: 8px;
    display: flex;
	    transform: translate3d(0px, 0px, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}
.lottie-animation {
    position: relative;
	-webkit-animation: pulsate 1s ease-out;
    -webkit-animation-iteration-count: infinite;
}
.small-print {
    margin-top: 0;
    margin-bottom: 0;
    font-family: 'Brockmann', sans-serif;
    font-size: 12px !important;
}
.p-small {
    font-size: 15px;
}

.hero__shape-2 {
    width: 14vw;
    max-width: 230px;
    position: absolute;
    inset: 23% auto auto 0%;
}
.hero__shape-1 {
    width: 17vw;
    max-width: 230px;
    position: absolute;
    inset: 31% 0% auto auto;
}
.hero_logos{
	margin-top:40px;
    outline-offset: 0px;
    perspective-origin: 50%;
    transform-origin: 0%;
    background-color: #000;
    background-image: linear-gradient(#000,#292929);
    border-radius: 1000px;
    outline: 1px solid #000;
    max-width: 1300px;
    margin-left: auto;
    margin-right: auto;
    padding-top: 24px;
    padding-bottom: 24px;
    overflow: hidden;
    box-shadow: 1px 9px 12px #0000004f,0 20px 13px #00000024,inset 0 2px 1px #ffffff80
}
.logos img {
    width: 150px;
    margin-left: 20px;
    max-width: unset;
}
.logos {
    max-width: none;
    height: auto;
    margin: 0 2vw;
    display: flex;
	justify-content: center;
    align-items: center;
}
.hero_logos_track{
	animation: scroll 15s linear infinite;
	display:flex;
	justify-content:center;
	align-items:center;
}
.logos{
	position:relative;
}
.logos::before {
    content: '';
    position: absolute;
    width: 10px;
    height: 10px;
    background-image:url(https://cdn.prod.website-files.com/5837424ae11409586f837994/65dbefb4433c528b462fbcba_60.svg);
    left: -30px;
    top: 0;
    bottom: 0;
    margin:auto;
    background-repeat: no-repeat;
	background-size:cover;
}

/* @keyframes scroll{
	0% {
        transform: translate3d(0, 0, 0);
      }
      100% {
        transform: translate3d(-50%, 0, 0);
      }
} */
@keyframes project-scroll{
	0% {
        transform: translate3d(0, 0, 0);
      }
      100% {
        transform: translate3d(-3%, 0, 0);
      }
}
.project_slider .container-fluid{
	padding-left: 0 !important;
    padding-right: 0 !important;
}
/* .project_slider{
	overflow:hidden;
}

.projectslide_track{
	display:flex;
	justify-content:center;
	align-items:center;
	animation:project-scroll 5s linear infinite;
    height: 385px;
}
.slides {
 border-radius: 8px;
}
.slides img{
	    object-fit: cover;
    object-position: 50% 0%;
    width: 100%;
    height: 100%;
	    border-radius: 8px;
	padding-left:20px;
} */
.project_slider{
	overflow:hidden;
	padding-top:60px;
}
.projectslide_track {
    display: flex; /* Arrange slides in a row */
    animation:project-scroll 5s ease-out; /* Smooth transition */
    position: relative; /* Prevent layout shifts */
    overflow: hidden; /* Hide overflowing content */
}

.slides {
    flex: 0 0 auto; /* Prevent shrinking or growing */
    width: auto; /* Ensure images maintain their natural size */
    margin-right: 20px; /* Add spacing between slides if needed */
	
	
}

.slides img {
    width: 100%; /* Responsive images */
    height: auto;
    display: block;
    object-fit: cover;
	border-radius: 8px;
	width:385px;
	height:385px;
}
.just_design_content h2{
	font-size:72px;
	letter-spacing:-5px !important;
	text-align:center;
	font-weight:500;
}
.just_design_content p {
    font-size: 24px;
    font-weight: 400;
	max-width: 490px;
    margin: auto;
    text-align: center;
}
.subscribe, .design,  .satisfied{
	text-align:center;
	max-width: 326px;
    margin: auto;
}
.subscribe img, .design img, .satisfied img {
    width: 120px;
    height: 120px;
}
.image-70 {
    width: 17vw;
    max-width: 210px;
    position: absolute;
    inset: 2% 0% auto auto
}

.image-71 {
    width: 17vw;
    max-width: 200px;
    position: absolute;
    inset: 0% auto auto 0%
}
.just_design{
	position:relative;
	    padding: 100px 5%;
}
.card-row{
	margin-top:60px;
}


.p_year_card {
    display: flex;
    align-items: center;
    background-color: #fff;
    padding: 42px 52px 42px 32px;
    border-radius: 12px;
	position:relative;
	overflow:hidden;
}
.p_year_card::before{
	content:'';
	position:absolute;
	width:180px;
	height:115px;
	right:-70px;
	top:0;
	bottom:0;
	background-image:url(https://compleit.us/wp-content/uploads/2025/01/6749f7657d60a10a4740fe50_5b109bcb-5cb1-4e9f-91c3-3fb80ca4dbef-ThankYouKitty-p-500.png);
	background-repeat:no-repeat;
	background-size:cover;
	margin:auto;
}
.p_year_card_txt {
    margin-left: 30px;
}
.p_year_card_txt span{
	Font-size:14px;
	color:#fb421f;
	Font-weight:700;
	display:block;
}
.p_year_card_txt strong{
	font-size:14px;
}
.p_year_card_txt p{
	font-size:14px;
	    margin-bottom: 0;
}
.tagline p{
	font-size:14px;
}

.designjoy{
	padding-top:100px;
	position:relative;
	overflow:hidden;
}
.designjoy_cont h4{
	font-size:52px;
	    line-height: 54px;
	    letter-spacing: -3px !important;
}
.designjoy_cont img{
	margin-top: 44px;
}

.image-72 {
    width: 20vw;
    max-width: 260px;
    position: absolute;
    inset: 16% auto auto 0%
}

.image-73 {
    width: 25vw;
    max-width: 300px;
    position: absolute;
    inset: 13% 0% auto auto
}
.divider {
    margin: 60px auto;
    display: block;
}
.go_back_cont h4{
	font-size:72px;
	line-height: 110%;
	    letter-spacing: -5px !important;
	text-align:center;
}
.go_back_cont p{
	font-size:24px;
	margin-top:10px;
	text-align:center;
	margin-bottom:40px;
}
.quote_card_container {
	margin-top:80px;
}
.customer {
    margin-top: 80px;
    display: flex;
	justify-content:space-between;
}
.customer_name {
    display: flex;
    flex-direction: column;
    justify-content: end;
}
.quote_card {
    background-color: #fff;
    padding: 52px;
	border-radius:12px;
}
.quote_card_details {
    display: flex;
    justify-content: space-around;
    align-items: left;
    flex-direction: column;
}
.quote_card strong {
    font-size: 28px;
    font-weight: 500 !important;
    line-height: 110%;
    letter-spacing: -1px !important;
}
.customer_name span, .customer_name p {
    font-size: 14px;
}
.card_details_txt strong {
    font-size: 28px;
    line-height: 120%;
    letter-spacing: -1px;
    font-weight: 500 !important;
	    margin-bottom: 16px;
    display: block;
}
.card_details_txt p {
    font-size: 17px;
}
.customer_img {
    max-width: 223px;
}
.card_details_txt {
        margin: 0 45px;
}

.membership_text h5 {
    letter-spacing: -5px !important;
    margin-top: 0;
    margin-bottom: 24px;
    font-size: 72px;
    line-height: 110%;
    font-weight: 500;
}
.membership_text p {
    margin-bottom: 10px;
    font-size: 24px;
    line-height: 120%;
	font-size:24px;
	max-width:600px;
	margin:auto;
}
.image92 {
    width: 25vw;
    max-width: 300px;
    position: absolute;
    inset: 13% -2% auto auto
}
.image-77 {
    width: 15vw;
    max-width: 160px;
    position: absolute;
    inset: 5% auto auto 0%
}
.membership{
	position:relative;
}
.benefit_cads_icon img {
    width: 120px;
    height: 120px;
    object-fit: contain;
}
.benefit_cads_icon {
    text-align: center;
}
.benefit_cads {
    text-align: center;
	    padding: 0 20px
}
.benefit_cads h5 {
    letter-spacing: -1px;
    margin-top: 0;
    margin-bottom: 16px;
    font-size: 28px;
    line-height: 120%;
}
.benefit_cads_row{
	margin-top:60px;
}
.websites{
	position:relative;
}
.image-78 {
    width: 18vw;
    max-width: 230px;
    position: absolute;
    inset: 8% 0% auto auto
}
.websites_names {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    margin-top: 60px;
    display: flex;
}
.websites_names span{
	font-size:14px;
	line-height:20px;
	padding: 16px 24px;
	border-radius: 100vw;
	color:#fff;
}
.websites_imgs_row{
	grid-row-gap: 22px;
	margin-top:60px;
}
.websites_imgs img{
	border-radius:8px;
}
.websites_text h5 {
    letter-spacing: -5px;
    margin-top: 0;
    margin-bottom: 24px;
    font-size: 72px;
    font-weight: 200;
    line-height: 110%;
}

.pricing__flex {
    z-index: 2;
    grid-column-gap: 32px;
    grid-row-gap: 32px;
    flex-wrap: wrap;
    align-items: stretch;
    display: flex;
    position: relative;
}
.pricing__left {
    color: var(--white);
    background-color: #000;
    background-image: linear-gradient(#000, #1d1d1d);
    border: 1px solid #000;
    border-radius: 8px;
    flex-direction: column;
    flex: 1;
    justify-content: space-between;
    max-width: 480px;
    padding: 50px;
    display: flex;
    position: relative;
    overflow: hidden;
    transform: rotate(0);
    box-shadow: 0 20px 30px #00000057, 0 50px 50px #0003, inset 0 2px 1px #ffffff80;
}
.pricing__left-top {
    z-index: 2;
    position: relative;
}
.available__pill {
    color: var(--white);
    background-color: #ff90e7;
    border-radius: 100vw;
    /* justify-content: center; */
    /* align-items: center; */
    padding: 4px 24px 4px 13px;
    display: inline-block;
    justify-items: center;
    align-content: center;
}
.slots-available {
    display: flex;
    justify-content: center;
    align-items: center;
}
.pricing__left-heading {
    margin-top: 24px;
    margin-bottom: 0;
    font-size: 82px;
    font-weight: 500;
	color:#fff;
}
.image-79 {
    position: absolute;
    inset: 0% 0% auto auto;
}
.pricing__right-card {
    background-color: var(--white);
    border-radius: 8px;
    flex: 1;
    padding: 50px 50px 20px;
}
.tabs {
    margin-top: 32px;
}

.pricing__left {
    color: var(--white);
    background-color: #000;
    background-image: linear-gradient(#000, #1d1d1d);
    border: 1px solid #000;
    border-radius: 8px;
    flex-direction: column;
    flex: 1;
    justify-content: space-between;
    max-width: 480px;
    padding: 50px;
    display: flex;
    position: relative;
    overflow: hidden;
    transform: rotate(0);
    box-shadow: 0 20px 30px #00000057, 0 50px 50px #0003, inset 0 2px 1px #ffffff80;
	min-height: 720px;
}
.pricing__left-inside-card {
    grid-column-gap: 32px;
    grid-row-gap: 32px;
    color: var(--white);
    border: 1px solid #ffffff24;
    border-radius: 12px;
    align-items: center;
    padding: 16px;
    display: flex;
}
.pricing__left-inside-card-left h5{
	color:#fff;	
   font-family: 'Brockmann', sans-serif;
    font-size: 24px;
    font-weight: 500;
}
.pricing__left-inside-card-left p{
	color:#fff;	
	 font-size: 15px;
}
.pricing__left-bottom:hover {
    background-color: #1b1b1b00;
}
.membership_card{
	background-color: #fff;
    border-radius: 8px;
    flex: 1;
    padding: 50px 50px 20px;
	z-index: 1;
    position: relative;
}
.membership_card h5{
	letter-spacing: -1px;
    margin-top: 10px;
    margin-bottom: 10px;
    font-size: 42px;
    font-weight: 400;
    line-height: 110%;
}
.pricing__right-top {
    border-bottom: 1px solid #000;
    margin-bottom: 32px;
    padding-top: 32px;
    padding-bottom: 32px;
}
.per-month {
    font-size: 24px;
}
.nav-pills {
    background-color: #000;
    border-radius: 100vw;
    padding: 2px;
    display: inline-flex;
	margin-top:32px;
}
.nav-pills .nav-item{
	background-color: #000;
    color: #fff;
    text-align: center;
    border-radius: 100vw;
    min-width: 130px;
    font-family: 'Brockmann', sans-serif;
}
.nav-item .active {
    color: #000 !important;
    background-color: #ffdc26 !important;
    border-radius: 50px;
	font-size:14px !important;
}
.nav-link{
	font-family: 'Brockmann', sans-serif !important;
	color:#fff !important;
	font-size:14px !important;
	width:100%;
	text-align:center;
}
.tab__bolt {
    margin-right: 4px;
}
.included ul {
    column-count: 2;
}
.included ul li{
	font-size:15px;
}
.included {
    margin-bottom: 60px;
}
.included_btn {
    padding-bottom: 55px;
}
.degin_tabs{
	margin-top:60px;
	position:relative;
}
.image-80 {
    position: absolute;
    inset: 0% 5% auto auto;
}
.call_book {
    color: #000;
    margin-left: 20px;
    text-decoration: underline;
}
.faqs{
	padding-top:100px;
	    position: relative;
}
.faqs_acc h6{
	letter-spacing: -5px !important;
    margin-top: 0;
    margin-bottom: 24px;
    font-size: 72px;
    line-height: 110%;
}
.faqs_acc .accordion {
    --bs-accordion-bg: none !important;
}
.faqs_acc .accordion-item {
    border-bottom: none;
}
.faqs_acc .accordion-item h2{
	font-size: 18px;
	font-family: 'Brockmann', sans-serif !important;
}
.faqs_acc .accordion-body {
    padding: 10px 0;
}
.faqs_acc .accordion-body p{
	font-size: 15px;
	font-family: 'Brockmann', sans-serif !important;
}
.faqs_acc .accordion-button:not(.collapsed) {
    color: #000;
    background-color: unset;
    box-shadow: none;
}
.faqs_acc .accordion-button {
    padding: 0;
}
.faqs_acc .accordion-header {
    margin-bottom: 0;
    padding: 15px 0;
}
.image-78._3 {
    width: 50vw;
    max-width: 360px;
    inset: 360px 0% 0% auto;
}
.scribbles_cont {
    background-color: #fff;
    border-radius: 12px;
    padding: 90px 60px;
    position: relative;
    overflow: hidden;
    text-align: center;
}
.scribbles_cont_icon img {
    width: 180px;
}
.scribbles_cont_hdng h6 {
	letter-spacing: -5px !important;
    margin-top: 0;
    margin-bottom: 24px;
    font-size: 72px;
    line-height: 110%;
	margin-top:40px;
}
.scribbles_cont_hdng p {
    max-width: 660px;
    text-align: center;
    margin: auto;
    font-size: 24px;
}
.scribbles_cont_btn a {
    display: inline-block;
    margin-top: 40px;
}
.scribbles_cont_smtxt p {
    font-size: 15px;
    margin-top: 40px;
}
.image-85 {
    position: absolute;
    inset: 0% auto auto 0%
}

.image-86 {
    position: absolute;
    inset: 0% 0% auto auto
}
.scribbles {
    padding-top: 100px;
}
.scrble_logo {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
}
.scrble_logo img {
    width: 116px;
}
.animated_webnames{
	overflow:hidden;
	padding-top:100px;
}
.icon_track{
	justify-content:space-between;
}
.icon_track span {
    padding: 0;
    height: 60px;
    width: 126px;
    margin-left: 30px;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
}
#icon_track_slider {
    display: flex;
}
.see_designjoy{
	position:relative;
	padding-top:100px;
}
.see_design h6 {
    letter-spacing: -5px !important;
    margin-top: 0;
    margin-bottom: 24px;
    font-size: 72px;
    line-height: 110%;
}
.see_design p{
	font-size:24px;
}
.image22 {
    width: 20vw;
    max-width: 230px;
    position: absolute;
    inset: 0% auto auto 0%
}

.image33 {
    width: 18vw;
    max-width: 230px;
    position: absolute;
    inset: 0% 0% auto auto
}
.design_footer {
    background: unset;
}
.footer_logo img {
    width: 100%;
}
.f_menu .nav-list li a {
    font-size: 15px;
    color: #000;
}
.f_menu .nav-list ul {
    margin:20px 0px;
	text-align:center;
	padding-left:0px;
}
.f_menu .nav-list li {
    list-style: none;
	display:inline-block !important;
    padding: 0 25px;
	    margin-bottom: 20px;
}
.f_menu .nav-list li a:hover{
	color:var(--green-color);
	transition:0.3s;
}
.design_footer::after {
    display: none;
}
.scribbles_cont_icon img {
    width: 250px;
}
.form_tabs {
    padding: 50px 0;
}
.form_tabs .wpforms-form input[type="text"] {
    color: #000 !important;
}
.form_tabs .wpforms-form input, .form_tabs .wpforms-form textarea {
    border: 1px solid #000 !important;
}
.form_tabs .wpforms-form input::placeholder {
    color: #000 !important;
}
.form_tabs .wpforms-form textarea::placeholder {
    color: #000 !important;
}
.form_tabs .wpforms-captcha-equation span {
    color: #000 !important;
}
.form_tabs_con {
    background-color: #fff;
    border-radius: 8px;
	padding:50px 0;
}
.form_tabs_col h3 {
    font-size: 72px;
}
.form_tabs .wpforms-form button[type=submit]{
	    background: #000 !important;
}
.form_tabs .wpforms-form button[type=submit]:hover {
    background: #76ff00 !important;
}
.mobile_top {
    padding-top: 50px;
	display:block !important;
}
.top_header {
    display: none;
}
@-webkit-keyframes pulsate {
    0% {-webkit-transform: scale(0.1, 0.1); opacity: 0.0;}
    50% {opacity: 1.0;}
    100% {-webkit-transform: scale(1.2, 1.2); opacity: 0.0;}
}
@media(max-width: 991px){
	.page-template-design-page h1, h2, h3, h4, h5, h6{
		    font-size: 55px;
	}
.top_header {
    display: none;
}
	.hero_section {
    padding: 50px 5% 40px;
	}
	.card-row{
		justify-content:center;
	}
	.yearproduct {
    justify-content: center;
}
	.quote_card {
    margin-bottom: 20px;
}
	.card_details_txt {
    margin: 0;
}
	.benefit_cads_row {
    margin-top: 40px;
    justify-content: center;
}
	.websites_imgs_row {
    justify-content: center;
}
	.pricing__left{
		max-width:100%;
		z-index:1;
	}	
	#menu-design-footer-menu li {
    padding: 0 30px;
    margin-bottom: 30px;
}
	.design_menu_head {
    display: none;
}
	.scrble_logo {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
}
	.scrble_logo img {
    padding: 15px 15px;
}
	.just_design_content h2{
		font-size: 55px;
	}
	.faqs {
    padding-top: 35px;
    position: relative;
}
	.form_tabs_col h3 {
    font-size: 50px;
}
}
@media(max-width: 767px){
	#hero_logos_slider img{
		height:45px;
	}
	.pricing__left {
		min-height:unset;
		margin-bottom:20px;
	}
	.image-78._3{
		display:none;
	}
	.included_btn a{
		display:inline-block;
		margin-bottom:20px;
	}
	.membership_card{
		padding:15px;
	}
	.pricing__left-heading{
		margin-bottom:20px;
	}
	.page-template-design-page h1, h2, h3, h4, h5, h6{
		    font-size: 35px !important;
	}
	.hero__wrapper h1{
		letter-spacing:unset !important;
		font-size:30px;
	}
	.page-template-book-meeting .hero_section{
		padding:30px 0px;
	}
	.just_design_content h2{
		font-size: 35px;
		letter-spacing:unset !important;
	}
	.designjoy_cont h4 {
    font-size: 35px;
    line-height: 54px;
    letter-spacing: unset !important;
}
	.go_back_cont h4{
		letter-spacing: unset !important;
	}
	.membership_text h5 {
    letter-spacing: unset !important;
	}
	.faqs_acc h6 {
    letter-spacing: unset !important;
	}
	.scribbles_cont_hdng h6 {
    letter-spacing: unset !important;
	}
	.see_design h6 {
    letter-spacing: unset !important;
	}
	#menu-design-footer-menu{
		justify-content:center;
	}
	#menu-design-footer-menu li{
		margin-bottom: 15px;
	}
	.pricing__left{
		padding: 20px;
	}
	.scribbles_cont{
		padding: 90px 30px;
	}
	.logos::before{
		left:-12px;
	}
	.p_year_card { 
    margin-bottom:15px;
}
	.form_tabs_con{
		padding:50px 30px;
	}
}

@media(max-width: 575px){
	.page-template-design-page h1, h2, h3, h4, h5, h6{
		    font-size: 30px;
	}
	.quote_card{
		padding: 20px;
	}
	.logos::before{
		left:0;
	}
	.nav-pills .nav-item{
		    min-width: 100px;
	}
	.hero__wrapper h1{
		      font-size: 50px !important;
        font-weight: 900 !important;
        max-width: 400px;
        margin: auto;
	}
}
@media(max-width: 475px){
	.p_year_card {
    flex-direction: column;
    text-align: center;
		padding: 20px 32px 20px 32px;
		margin-bottom:15px;
}
	.p_year_card_txt {
    margin-left: 0;
    margin-top: 15px;
}
	.customer_img {
    max-width: 150px;
}
	.included {
    margin-bottom: 30px;
}
	.included ul {
    column-count: unset;
}
	.form_tabs .wpforms-field-container {
    display: flex;
    flex-direction: column;
}
	.form_tabs .wpforms-form .wpforms-one-half {
        width: 100% !important;
        margin-left: unset !important;
    }
	.form_tabs_con {
        padding: 50px 15px;
    }
	.hero__wrapper h1 {
        font-size: 35px !important;
        font-weight: 900 !important;
        max-width: 400px;
        margin: auto;
		padding-bottom:20px;
    }
}
@media(max-width: 375px){
	.nav-pills {
    background-color: #fff;
    justify-content: center;
}
	    .hero__wrapper h1 {
        font-size: 35px !important;
        font-weight: 900 !important;
        max-width: 400px;
        margin: auto;
			padding-bottom:20px;
    }
}
.form_tabs_con :is(input,textarea) {
    color: #000 !important;
}