@font-face {
	font-family: 'Inter';
	src: url("../fonts/Inter/Inter_18pt-Black.ttf") format("truetype");
	font-weight: 900;
    font-style: normal;
}
@font-face {
	font-family: 'Inter';
	src: url("../fonts/Inter/Inter_18pt-BlackItalic.ttf") format("truetype");
	font-weight: 900;
    font-style: italic;
}
@font-face {
	font-family: 'Inter';
	src: url("../fonts/Inter/Inter_18pt-Bold.ttf") format("truetype");
	font-weight: 700;
    font-style: normal;
}
@font-face {
	font-family: 'Inter';
	src: url("../fonts/Inter/Inter_18pt-BoldItalic.ttf") format("truetype");
	font-weight: 700;
    font-style: italic;
}
@font-face {
	font-family: 'Inter';
	src: url("../fonts/Inter/Inter_18pt-ExtraBold.ttf") format("truetype");
	font-weight: 800;
    font-style: normal;
}
@font-face {
	font-family: 'Inter';
	src: url("../fonts/Inter/Inter_18pt-ExtraBoldItalic.ttf") format("truetype");
	font-weight: 800;
    font-style: italic;
}
@font-face {
	font-family: 'Inter';
	src: url("../fonts/Inter/Inter_18pt-Italic.ttf") format("truetype");
	font-weight: 400;
    font-style: italic;
}
@font-face {
	font-family: 'Inter';
	src: url("../fonts/Inter/Inter_18pt-Light.ttf") format("truetype");
	font-weight: 300;
    font-style: normal;
}
@font-face {
	font-family: 'Inter';
	src: url("../fonts/Inter/Inter_18pt-LightItalic.ttf") format("truetype");
	font-weight: 300;
    font-style: italic;
}
@font-face {
	font-family: 'Inter';
	src: url("../fonts/Inter/Inter_18pt-Medium.ttf") format("truetype");
	font-weight: 500;
    font-style: normal;
}
@font-face {
	font-family: 'Inter';
	src: url("../fonts/Inter/Inter_18pt-MediumItalic.ttf") format("truetype");
	font-weight: 500;
    font-style: italic;
}
@font-face {
	font-family: 'Inter';
	src: url("../fonts/Inter/Inter_18pt-Regular.ttf") format("truetype");
	font-weight: 400;
    font-style: normal;
}
@font-face {
	font-family: 'Inter';
	src: url("../fonts/Inter/Inter_18pt-SemiBold.ttf") format("truetype");
	font-weight: 600;
    font-style: normal;
}
@font-face {
	font-family: 'Inter';
	src: url("../fonts/Inter/Inter_18pt-SemiBoldItalic.ttf") format("truetype");
	font-weight: 600;
    font-style: italic;
}

/*	------------------------ General -------------------------- */
.flexbox{display: flex;}
a{
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}
a:hover{color: #498628;}
html, body, h1, h2, h3, h4, h5, h6{color: #0A2540; font-family: 'Inter';}
p, span, ul, ol{
    color: #425466;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px; /* 171.429% */
}
p{margin-bottom: 20px;}
p.big{
    color: #425466;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 28px; /* 155.556% */
}
::selection {
    background: #198839;
    color: #FFF;
    text-shadow: none;
}

h2{
    font-size: 34px;
    font-style: normal;
    font-weight: 700;
    line-height: 45px; /* 132.353% */
    margin-bottom: 20px;
}
h2 span{
    color: #72BE44;
    font-family: inherit;
    font-size: inherit;
    font-style: inherit;
    font-weight: inherit;
    line-height: inherit;
}
h3{
    color: #0A2540;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 28px; /* 155.556% */
}

body, #wrapper, #header{max-width: 1920px; margin-left: auto; margin-right: auto; position: relative; width: 100%;}
@media (min-width: 1400px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
        max-width: 1170px;
    }
    .container-fluid{
    	max-width: calc(100% - 120px);
    }
}
@media(min-width: 1600px){
    .container-fluid{max-width: calc(100% - 360px);}
}
#wrapper{max-width: 1920px; margin-left: auto; margin-right: auto;}

/*	------------------------ header -------------------------- */
.marquee{background-color: #F1FAEB;}
.marquee .scroll-box {
    width: 100%; /* Adjust as needed */
    height: 40px; /* Adjust as needed */
    overflow: hidden;
    position: relative;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: center;
    align-items: center;
}
.marquee .scroll-text {
    position: absolute;
    left: 0;
    white-space: nowrap;
}
.marquee .scroll-text div{
    display: inline-flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: center;
    align-items: center;
}
.marquee .scroll-text div p{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: center;
    align-items: center;
    margin: 0 15px;
}
.marquee .scroll-text span{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: center;
    align-items: center;
    color: #498628;
    leading-trim: both;
    text-edge: cap;
    font-family: 'Inter';
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    text-transform: capitalize;
}
#enquire_btn{
    border-radius: 100px;
    background: #498629;
    color: #FFF;
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    text-transform: capitalize;
    display: flex;
    width: 150px;
    height: 45px;
    padding: 10px 24px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    flex-shrink: 0;
}
nav #enquire_btn{display: none;}
.button{
    color: #FFF;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    text-transform: capitalize;
    display: flex;
    width: 140px;
    height: 50px;
    padding: 10px 24px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    border-radius: 100px;
    background: #72BF44;
    text-decoration: none;
    text-shadow: none;
    letter-spacing: 0;
    border: 2px solid #72BF44;
    margin: 0;
}
#enquire_btn:hover{background-color: #72BF44;}
.button:hover{border-color: #498629; background-color: #498629;}
.button2{
    display: flex;
    width: 190px;
    height: 50px;
    padding: 10px 24px;
    justify-content: center;
    align-items: center;
    gap: 8px;
    border-radius: 100px;
    border: 2px solid #60D669;
    background: #FFF;
    color: #0A2540;
    font-family: 'Inter';
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    text-transform: capitalize;
}
.button2:hover{background-color: #60D669; color: white;}

/*	------------------------ header -------------------------- */
#primary-menu ul li {
    height:80px;
    position:relative;
}

#primary-menu ul li a {
    font-family: DINPro Regular;
    height:auto;
    line-height:1.5;
    display:block;
    top:50%;
    position:relative;
    transform:translateY(-50%);
    padding:0 15px;
}
#primary-menu ul li a::after {
    bottom:-15px;
}

#primary-menu ul li a#register_btn {
    color: white;
    /*background: linear-gradient(105deg, #7f1517, #7f1517, #ff4e51, #7f1517, #7f1517, #ff4e51, #7f1517, #7f1517);*/
    background: linear-gradient(105deg, #784b9e, #784b9e, #f48485, #784b9e, #784b9e, #f48485, #784b9e, #784b9e);
    background-size: 1000% 1000%;
    padding:13px 30px !important;
    border-radius:8px;
    text-transform:uppercase;
    font-family: DINPro Bold !important;
    margin-left:20px;
    animation: registernow 6s linear infinite;
    -webkit-animation: registernow 6s linear infinite;
    -z-animation: registernow 6s linear infinite;
    -o-animation: registernow 6s linear infinite;
}
#primary-menu ul li a#register_btn::after {
    border:none;
}

@keyframes registernow { 
    0% { background-position: 100% 100% }
   100% { background-position: 0% 0% }
}

#logo {
    margin-right:0;
}

#logo_div {
    position: relative;
    float: left;
    margin:0 20px;
}

#logo2 {
    position: relative;
    float: left;
}

#primary-menu {
    justify-content:end;
}

#header-wrap {
    transition:all 0.4s ease;
    -webkit-transition:all 0.4s ease;
    -moz-transition:all 0.4s ease;
}

#header.transparent-header {
    /* padding-top:20px; */
}

#header.sticky-header #header-wrap {
    background:#fff;
}

#header.sticky-header:not(.static-sticky) #header-wrap {
    height:80px;
    max-width:1920px;
    margin:0 auto;
    left:0;
    right:0;
}
/*#header.sticky-header:not(.static-sticky):not(.sticky-style-2) #logo img, #header.sticky-header:not(.static-sticky):not(.sticky-style-2) #logo_div img, #header.sticky-header:not(.static-sticky):not(.sticky-style-2) #logo2 img {
    height:auto;
}*/

#header.sticky-header:not(.static-sticky) #primary-menu {
    height:auto;
}
#header.sticky-header:not(.static-sticky) #primary-menu > ul {
    height:auto;
}
#header.sticky-header:not(.static-sticky) #primary-menu > ul > li > a {
    line-height:1.5;
    height:100%;
    color:#555;
}
#header.sticky-header:not(.static-sticky) #primary-menu > ul > li > #register_btn {
    color:#fff;
}

#header.sticky-header:not(.static-sticky):not(.sticky-style-2) #logo img {
    filter: brightness(100%);
}

@media screen and (max-width:1440px){
	
}

@media screen and (max-width:1280px){
	#primary-menu ul li a {
        padding:0 10px;
    }

    #register_btn {
        margin-left:10px;
        padding:10px 20px !important;
    }
}

@media screen and (max-width:1024px){
	
}

@media screen and (max-width:991px){
	#header.transparent-header {
        padding-top:0;
        background:#fff !important;
        text-align:center;
        border:none;
    }

    #logo, #logo_div, #logo2 {
        height:auto !important;
        display:inline-block !important;
        float:none;
        vertical-align:middle;
        margin:0;
    }
    #logo_div {
        margin:0 10px;
    }
    #logo img, #logo_div img, #logo2 img {
        max-height:60px;
    }
    #logo img {
        filter: brightness(100%);
    }

    #primary-menu-trigger {
        color:#555;
        top:10px !important;
    }

    #primary-menu ul li {
        height:auto;
    }

    #primary-menu ul li a {
        top:0%;
        transform:translateY(0%);
        padding:5px;
        color:#555;
        text-align:center;
    }
    #primary-menu ul li a::after {
        display:none;
    }

    body:not(.dark) #header:not(.dark) #header-wrap:not(.dark) #primary-menu ul li {
        border-top-color:#cecece !important;
    }

    #register_btn {
        text-align:center;
        color:#fff !important;
        border-radius:0;
    }

    #header-wrap .container {
        padding:0;
    }
}

@media screen and (max-width:768px){
	
}

@media screen and (max-width:599px){
	
}

@media screen and (max-width:479px){
    #logo, #logo_div, #logo2 {
        margin:0 5px;
    }

    #logo img, #logo_div img, #logo2 img {
        max-height:60px;
    }

    #primary-menu-trigger {
        top:11px !important;
    }
}

#primary-menu-trigger, #page-submenu-trigger{font-size: 20px;}
#header.transparent-header{
    position: sticky;
    width: 100%;
    background: transparent;
    z-index: 999 !important;
    top: 0;
    background-color: white;
}
#header .flexbox{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
}
#header #logo img{margin-left: 0;}
#primary-menu > ul{padding-left: 0;}
#primary-menu ul li a {
    color: #0A2540;
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    text-transform: capitalize;
    height: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: center;
    justify-content: center;
    align-items: center;
}
#primary-menu ul li a:after{
    border-bottom-color: #498629;
    bottom: 0;
    margin-top: 0;
}

@media (max-width:1240px){
    #logo {
       margin-right:10px;
    }
    ul.sf-js-enabled{
        padding-left:10px;
    }
    #primary-menu ul li a{
        letter-spacing:0px;
    }
}
 
@media (max-width:991px){
    #primary-menu{
        /*display:block! important;*/
        float: none;
        max-width: none;
        padding: 2px 0;
    }
}

/*	------------------------ section 1 -------------------------- */

#banner{
    padding: 60px 0;
    text-align: center;
    position: relative;
    overflow: hidden;
}
#banner .row{
    display: flex;
    justify-content: center;
    flex-direction: row;
    flex-wrap: wrap;
}
#banner .subtitle{
    text-align: center;
    leading-trim: both;
    text-edge: cap;
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    text-transform: capitalize;
    display: inline-flex;
    padding: 19px 20px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    border-radius: 100px;
    background: #F6F9FC;
    margin-bottom: 15px;
}
#banner h1{
    color: #0A2540;
    font-size: 50px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    text-transform: capitalize;
    margin-bottom: 15px;
}
#banner h1 span{
    color: #72BE44;
    text-align: center;
    font-size: inherit;
    font-weight: inherit;
}
#banner .desc{
    color: #425466;
    text-align: center;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 26px; /* 162.5% */
}
#banner .buttoncol p{text-align: center; margin-bottom: 0;}
#banner .button{
    height: 45px;
    border: none;
    margin-right: auto;
    margin-left: auto;
}
.hero [class*="el-"]{
    position: absolute;
}
.hero .el-1{
    top: 25%;
    left: 10%;
}
.hero .el-2{
    top: 47%;
    left: 10%;
}
.hero .el-3{
    top: 25%;
    right: 10%;
}
.hero .el-4{
    top: 50%;
    right: 10%;
}
@media (max-width: 1199px){
    /*.hero .el-4 img{width: 50%;}*/
}
@media (max-width: 991px){
    /*.hero .el-4 img{width: 40%;}*/
}

/*	------------------------ section 2 -------------------------- */

#marquee2{
    background: transparent;
    height: auto;
    aspect-ratio: 3276 / 240;
}
#marquee2.container:before, #marquee2.container:after{display: none;}
#marquee2 .scroll-box{
    height: 100%;
}
#marquee2 .scroll-text{left: 0;}
#marquee2 .scroll-text, #marquee2 .scroll-text *{
    height: 100%;
}
#marquee2 .scroll-text img{object-fit: cover; object-position: left;}

/*	------------------------ section 3 -------------------------- */
#ai_search_engines{
    margin: 60px 0;
    position: relative;
    height: 100%;
}
#ai_search_engines .row{
    margin-right: 0;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: center;
    align-items: center;
}
#ai_search_engines .col-lg-6 .content{
    max-width: 495px;
    padding: 70px 0;
}
#ai_search_engines .col-lg-6:last-child{padding: 0;}
#ai_search_engines .owl-dots{
    width: 100%;
    text-align: center;
    position: absolute;
    left: 0;
    bottom: 30px;
}
#ai_search_engines .owl-dots .owl-dot{margin: 0;}
.owl-theme .owl-dots .owl-dot span{background-color: #0A2540; opacity: 0.3;}
#oc-searchengines .owl-stage-outer{border-radius: 20px 0 0 20px;}
@media(min-width: 992px) and (max-width: 1600px){
    #ai_search_engines .container{}
    #ai_search_engines .col-lg-6:last-child{position: inherit;}
    #ai_search_engines .slidercol{
        position: absolute;
        top: 0;
        right: 0;
        height: 100%;
        width: inherit;
    }
    #oc-searchengines{height: inherit;}
    #oc-searchengines .owl-stage-outer, #oc-searchengines .owl-stage-outer *{height: inherit; object-fit: contain;}
}

/*	------------------------ section 4 -------------------------- */
#ai_solutions{
    padding: 0 0 60px;
}
#ai_solutions h2 + p{
    max-width: 865px;
    margin-right: auto;
    margin-left: auto;
}
#ai_solutions .container-fluid > div{
    border-radius: 16px;
    background: linear-gradient(180deg, rgba(246, 249, 252, 0.00) 0%, rgba(246, 249, 252, 0.40) 50%, rgba(246, 249, 252, 0.70) 75%, #D9EAFA 100%);
}
#ai_solutions_imagemap{overflow: visible; margin-top: -20px;}
#ai_solutions_imagemap .st0{display:none;clip-path:url(#SVGID_00000031915210561145141930000017347846643388915887_);enable-background:new    ;}
#ai_solutions_imagemap .st1{display:inline;}
#ai_solutions_imagemap .st2{font-family:'Inter'; font-weight: 800;}
#ai_solutions_imagemap .st3{font-size:301.48px;}
#ai_solutions_imagemap .st4{opacity:0.8;clip-path:url(#SVGID_00000031915210561145141930000017347846643388915887_);fill:url(#seo_00000042014382271978165650000008253194120986414263_);enable-background:new    ;}
#ai_solutions_imagemap .st5{opacity:0.2;clip-path:url(#SVGID_00000031915210561145141930000017347846643388915887_);fill:none;stroke:#008739;stroke-width:2;stroke-dasharray:14,14;enable-background:new    ;}
#ai_solutions_imagemap .st6{clip-path:url(#SVGID_00000031915210561145141930000017347846643388915887_);}
#ai_solutions_imagemap .st7{fill:#FFFFFF; filter: drop-shadow(0px 13px 44px rgba(187, 205, 224, 0.54));}
#ai_solutions_imagemap .st8{fill:#6EBCC8;}
#ai_solutions_imagemap .st9{clip-path:url(#SVGID_00000031915210561145141930000017347846643388915887_);enable-background:new    ;}
#ai_solutions_imagemap .st10{font-family:'Inter'; font-weight: 900;}
#ai_solutions_imagemap .st11{font-size:32px;}
#ai_solutions_imagemap .st12{fill:#6BC59F;}
#ai_solutions_imagemap .st13{font-size:28px;}
#ai_solutions_imagemap .st14{fill:#E16968;}
#ai_solutions_imagemap .st15{fill:#425466;}
#ai_solutions_imagemap .st16{font-family:'Inter'; font-weight: 600;}
#ai_solutions_imagemap .st17{font-size:14px;}
#ai_solutions_imagemap .st18{fill:#386823;}
#ai_solutions_imagemap .st19{font-size:16px;}

#ai_solutions_imagemap_mobile{overflow: visible;}
#ai_solutions_imagemap_mobile .st0{opacity:0.2;clip-path:url(#SVGID_00000013169003937619700540000012886790755779166650_);fill:none;stroke:#008739;stroke-width:1.4041;stroke-dasharray:9.83,9.83;enable-background:new    ;}
#ai_solutions_imagemap_mobile .st1{opacity:0.8;fill:url(#seo_00000037670010148101419300000005653953547362846127_);enable-background:new    ;}
#ai_solutions_imagemap_mobile .st2{fill:#386823;}
#ai_solutions_imagemap_mobile .st3{font-family:'Inter'; font-weight: 600;}
#ai_solutions_imagemap_mobile .st4{font-size:9.4254px;}
#ai_solutions_imagemap_mobile .st5{fill:#FFFFFF; filter: drop-shadow(0px 13px 44px rgba(187, 205, 224, 0.54));}
#ai_solutions_imagemap_mobile .st6{fill:#E16968;}
#ai_solutions_imagemap_mobile .st7{font-family:'Inter'; font-weight: 900;}
#ai_solutions_imagemap_mobile .st8{font-size:32px;}
#ai_solutions_imagemap_mobile .st9{fill:#425466;}
#ai_solutions_imagemap_mobile .st10{font-size:14px;}
#ai_solutions_imagemap_mobile .st11{fill:#6EBCC8;}
#ai_solutions_imagemap_mobile .st12{fill:#6BC59F;}
#ai_solutions_imagemap_mobile .st13{font-size:28px;}

/*	------------------------ section 5 -------------------------- */
#full_potential{padding: 0 0 60px;}
#full_potential h2{
    max-width: 755px;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 30px;
}
#full_potential .content{
    margin: 15px 0;
}
#full_potential .content img{margin-bottom: 5px; height: 50px;}
#full_potential .content h3{margin-bottom: 10px;}
#full_potential .content p{margin-bottom: 0;}
#full_potential .flexbox{
    margin-top: 50px;
    margin-bottom: 0;
    justify-content: center;
    gap: 15px;
}
#full_potential .flexbox .button2{
    padding: 10px 24px 10px 14px;
}
#full_potential .flexbox .button2 img{
    height: 35px;
    margin-top: -2px;
}

/*	------------------------ section 6 -------------------------- */
#seo_challenges .container-fluid{
    padding: 25px;
    border-radius: 16px;
    background-color: #F6F9FC;
    background-image: url('../images/layout/seo_challenges_bg.webp');
    background-size: cover;
    background-position: center bottom;
}
#seo_challenges .col-xs-12 .content{
    padding: 50px 85px;
}
#seo_challenges .col-xs-12:last-child .content{
    border-radius: 14.013px;
    background: #FFF;
    box-shadow: 0px 3.503px 38.536px 0px rgba(187, 205, 224, 0.51);
}
#seo_challenges .subtitle{
    color: #66AC59;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    letter-spacing: 0.7px;
    text-transform: uppercase;
}
#seo_challenges table{margin: 0;}
#seo_challenges td{
    vertical-align: top;
}
#seo_challenges td:has( img){padding-top: 5px; width: 30px;}
#seo_challenges td:has( h3){padding-left: 15px;}
#seo_challenges td img{}
#seo_challenges h3{
    margin-bottom: 10px;
}
#seo_challenges tr:first-child p{color: #000;}
#seo_challenges tr:last-child p:last-child{margin-bottom: 0;}

/*	------------------------ section 7 -------------------------- */
#ai_powered_seo{
    padding: 60px 0;
}
#ai_powered_seo h2{
    max-width: 655px;
    margin-right: auto;
    margin-left: auto;
}
#ai_powered_seo h2 + p{
    max-width: 865px;
    margin-right: auto;
    margin-left: auto;
}
#ai_powered_seo .row{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}
#ai_powered_seo .content{
    display: flex;
    height: 100%;
    padding: 30px;
    flex-direction: column;
    align-items: flex-start;
    flex-shrink: 0;
    border-radius: 16px;
    background: #FFF;
    box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.04), 0px 8px 16px 0px rgba(0, 0, 0, 0.08);
}
#ai_powered_seo .content img{
    height: 50px;
    margin-bottom: 5px;
}
#ai_powered_seo .content h3{
    margin-bottom: 10px;
}
#ai_powered_seo .content p{
    margin-bottom: 0;
}

/*	------------------------ section 8 -------------------------- */
#case_studies{
    padding: 40px 0 60px;
}
#case_studies .center{
    max-width: 625px;
    margin-right: auto;
    margin-left: auto;
}
#case_studies .tabsbox{margin-top: 25px;}
#case_studies .tabsbox .nav{
    /*display: flex;*/
    padding: 20px;
    align-items: center;
    gap: 20px;
    border-radius: 100px;
    background: #FFF;
    justify-content: space-between;
    width: 100%;
    box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.04), 0px 8px 16px 0px rgba(0, 0, 0, 0.08);
    margin-bottom: 60px;
}
#case_studies .tabsbox .nav:before, #case_studies .tabsbox .nav:after{display: none;}
#case_studies .tabsbox .nav li{
    width: auto;
    display: block;
}
#case_studies .tabsbox .nav li a{
    display: flex;
    padding: 15px 25px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    border-radius: 100px;
    background: #EFF4F9;
    color: #0A2540;
    text-align: center;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    width: auto;
}
#case_studies .tabsbox .nav li.active > a, #case_studies .tabsbox .nav li.active > a:hover, #case_studies .tabsbox .nav li.active > a:focus{
    background: #0A2540;
    color: white;
}
#case_studies .tabsbox .tab-content{}
#case_studies .tabsbox .tab-content .tab-pane{
    padding-top: 15px;
    padding-bottom: 15px;
}
#case_studies .tabsbox .tab-content .tab-pane .subtitle{
    color: #72BF44;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    letter-spacing: 0.7px;
    text-transform: uppercase;
    display: block;
    margin-bottom: 35px;
}
#case_studies .tabsbox .tab-content .tab-pane .smtitle{
    color: #425466;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    margin-top: 35px;
    margin-bottom: 25px;
}
#case_studies .tabsbox .tab-content .tab-pane .smtitle:first-child{
    margin-top: 0;
}
#case_studies .tabsbox .tab-content .tab-pane .flexbox{
    justify-content: space-between;
    gap: 24px;
}
#case_studies .tabsbox .tab-content .tab-pane .flexbox .box{
    padding: 34px 20px;
    justify-content: center;
    align-items: center;
    flex-shrink: 0;
    border-radius: 8px;
    border: 1px solid #CECECE;
    background: #FFF;
    width: calc(50% - 12px);
    text-align: center;
}
#case_studies .tabsbox .tab-content .tab-pane .flexbox .box .percentage{
    color: #66AC59;
    leading-trim: both;
    text-edge: cap;
    font-size: 38px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin-bottom: 5px;
}
#case_studies .tabsbox .tab-content .tab-pane .flexbox .box .percentage .number{
    color: #0A2540;
    text-align: center;
    leading-trim: both;
    text-edge: cap;
    font-size: 38px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}
#case_studies .tabsbox .tab-content .tab-pane .flexbox .box .desc{
    margin-bottom: 0;
}
#case_studies .tabsbox .tab-content .tab-pane table{margin-bottom: 0;}
#case_studies .tabsbox .tab-content .tab-pane td{vertical-align: top;}
#case_studies .tabsbox .tab-content .tab-pane td:has( img){width: 20px;}
#case_studies .tabsbox .tab-content .tab-pane td:has( p){padding-left: 10px;}
#case_studies .tabsbox .tab-content .tab-pane td p{margin-bottom: 20px;}
#case_studies .owl-theme .owl-controls .owl-nav [class*=owl-]{
    opacity: 1;
}

/*	------------------------ section 9 -------------------------- */
#our_clientele{
    padding: 60px 0 0;
    background: #F6F9FC;
    background: linear-gradient(180deg, #F6F9FC 0%, #F6F9FC 60%, #fff 60%, #fff 100%);
}
#our_clientele .framecontainer{}
#our_clientele .frame img{
    width: 100%;
}

/*	------------------------ section 10 -------------------------- */
#our_process{padding: 60px 0;}
#our_process .processcontainer{}
#our_process .processcontainer .flexbox{
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-around;
    gap: 30px;
}
#our_process .processcontainer .flexbox .box{
    display: flex;
    flex-direction: column;
    align-items: center;
    align-self: stretch;
    max-width: calc(25% - 30px);
}
#our_process .processcontainer .flexbox .box .processline{
    width: 100%;
    height: 1px;
    border-top: 3px dashed #000;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: center;
    justify-content: center;
    align-items: center;
}
#our_process .processcontainer .flexbox .box .processline .dot{
    display: block;
    width: 20px;
    height: 20px;
    background-color: #ddd;
    border: 5px solid #eee;
    border-radius: 50%;
}
#our_process .processcontainer .flexbox .box .content{
    padding: 30px 20px 0;
}
#our_process .processcontainer .flexbox .box .sequence{
    margin-bottom: 20px;
}
#our_process .processcontainer .flexbox .box .sequence span{
    display: inline-block;
    color: #000;
    text-align: center;
    font-size: 12px;
    font-style: normal;
    font-weight: 700;
    line-height: 24px; /* 200% */
    text-transform: uppercase;
    padding: 5px 20px;
    align-items: center;
    border-radius: 100px;
    background-color: #dedede;
}
#our_process .processcontainer .flexbox .box h3{
    color: #0A2540;
    text-align: center;
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    max-width: 230px;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 15px;
}
#our_process .processcontainer .flexbox .box:nth-child(1) h3{
    max-width: 245px;
}
@media(min-width: 768px){
    #our_process .processcontainer .flexbox .box h3{min-height: 58px;}
}
#our_process .processcontainer .flexbox .box p{
    max-width: 260px;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 0;
}
#our_process .processcontainer .flexbox .box:nth-child(1) .processline{
    width: 50%;
    border-color: #F9BE64;
    margin-right: 0;
    margin-left: auto;
    justify-content: flex-start;
}
#our_process .processcontainer .flexbox .box:nth-child(1) .processline .dot{
    background-color: #D38815;
    border-color: #F9BE64;
    margin-left: -2px;
}
#our_process .processcontainer .flexbox .box:nth-child(1) .sequence span{
    background-color: #FFF1DC;
    color: #AC7015;
}
#our_process .processcontainer .flexbox .box:nth-child(2) .processline{
    border-color: #FF9E8B;
}
#our_process .processcontainer .flexbox .box:nth-child(2) .processline .dot{
    background-color: #CB3818;
    border-color: #FF9E8B;
    margin-left: -2px;
}
#our_process .processcontainer .flexbox .box:nth-child(2) .sequence span{
    background-color: #FFE1DB;
    color: #A02B12;
}
#our_process .processcontainer .flexbox .box:nth-child(3) .processline{
    border-color: #9EDCF1;
}
#our_process .processcontainer .flexbox .box:nth-child(3) .processline .dot{
    background-color: #34A1C6;
    border-color: #9EDCF1;
    margin-left: -2px;
}
#our_process .processcontainer .flexbox .box:nth-child(3) .sequence span{
    background-color: #D1EAF3;
    color: #0D7B9F;
}
#our_process .processcontainer .flexbox .box:nth-child(4) .processline{
    width: 50%;
    border-color: #72BF44;
    margin-right: auto;
    margin-left: 0;
    justify-content: flex-end;
}
#our_process .processcontainer .flexbox .box:nth-child(4) .processline .dot{
    background-color: #4A8628;
    border-color: #C5E9AD;
}
#our_process .processcontainer .flexbox .box:nth-child(4) .sequence span{
    background-color: #DFF3D1;
    color: #498629;
}


/*	------------------------ section 11 -------------------------- */
#pricing_plan{
    padding: 60px 0;
    background-color: #F6F9FC;
}
#pricing_plan .content{
    border-radius: 16px;
    overflow: hidden;
    background: #FFF;
    box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.04), 0px 8px 16px 0px rgba(0, 0, 0, 0.08);
}
#pricing_plan .content .pricing{
    background: #0A2540;
    width: 100%;
    display: inline-flex;
    padding: 30px 40px;
    flex-direction: column;
    align-items: flex-start;
    gap: 15px;
}
#pricing_plan .content .pricing h3{
    color: #FFF;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    margin-bottom: 0;
}
#pricing_plan .content .pricing .price{
    color: #FFF;
    display: flex;
    flex-direction: row;
    align-items: flex-end;
}
#pricing_plan .content .pricing .price .flexstart{
    display: inline-flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: flex-start;
}
#pricing_plan .content .pricing .price .currency{
    color: inherit;
    leading-trim: both;
    text-edge: cap;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    margin-top: 10px;
    margin-right: 5px;
}
#pricing_plan .content .pricing .price .number{
    color: inherit;
    leading-trim: both;
    text-edge: cap;
    font-size: 44px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}
#pricing_plan .content .pricing .price .duration{
    color: inherit;
    leading-trim: both;
    text-edge: cap;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin-bottom: 10px;
    margin-left: 5px;
}
#pricing_plan .content .pricing .enquirenow{margin-bottom: 5px; width: 100%;}
#pricing_plan .content .pricing .enquirenow a{
    width: 100%;
}
#pricing_plan .content .pricing .whatsappnow{width: 100%;}
#pricing_plan .content .pricing .whatsappnow a{
    width: 100%;
    border-color: #3A6C9D;
    background-color: transparent;
    color: white;
}
#pricing_plan .content .pricing .whatsappnow a:hover{
    background-color: #3A6C9D;
}
#pricing_plan .content .pricing.recommended{
    background: radial-gradient(200.28% 139.83% at 88.42% 12.33%, #8DE25B 0%, #356B19 100%);
}
#pricing_plan .content .pricing.recommended:after{
    content: 'Recommended';
    color: white;
    border-radius: 0px 0px 0px 16px;
    background: #498628;
    padding: 10px 18px;
    position: absolute;
    top: 0;
    right: 0;
}
#pricing_plan .content .pricing.recommended .price{color: #FFDD00;}

#pricing_plan .content .pricing.recommended .enquirenow a{
    background-color: #fff;
    border-color: #fff;
    color: #0A2540;
}
#pricing_plan .content .pricing.recommended .enquirenow a:hover{
    background-color: #0A2540;
    border-color: #0A2540;
    color: #fff;
}
#pricing_plan .content .pricing.recommended .whatsappnow a{
    border-color: white;
}
#pricing_plan .content .pricing.recommended .whatsappnow a:hover{
    background-color: white;
    color: #0A2540;
}
#pricing_plan .content .included{
    padding: 30px 40px;
}
#pricing_plan .content .included .subtitle{
    color: #425466;
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    letter-spacing: 1.2px;
    text-transform: uppercase;
    opacity: 0.5;
    display: block;
    margin-bottom: 13px;
}
#pricing_plan .content .included table{margin-bottom: 0;}
#pricing_plan .content .included table td{vertical-align: top;}
#pricing_plan .content .included table td:has( img){width: 20px;}
#pricing_plan .content .included table td:has( p){padding-left: 10px; padding-bottom: 15px;}
#pricing_plan .content .included table td p{
    color: #425466;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 24px; /* 171.429% */
    margin-bottom: 0;
}
#pricing_plan .content .included table td p + span{
    color: #425466;
    font-size: 10px;
    font-style: normal;
    font-weight: 400;
    line-height: 1.1; /* 150% */
}

/*	------------------------ section 12 -------------------------- */
#enquire_now{
    position: relative;
    padding: 120px 0 60px;
    background: linear-gradient(180deg, #F6F9FC 0%, rgba(246, 249, 252, 0.00) 100%);
}
#enquire_now .container{
    position: relative;
}
#enquire_now .container > .center{
    max-width: 655px;
    margin-right: auto;
    margin-left: auto;
}
#enquire_now .center .subtitle{
    color: #66AC59;
    text-align: center;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    letter-spacing: 0.7px;
    text-transform: uppercase;
    display: block;
    margin-bottom: 15px;
}
#enquire_now .center h2{
    margin-bottom: 15px;
}
#enquire_now .center p{margin-bottom: 30px;}
#enquire_now .box{
    max-width: 755px;
    margin-right: auto;
    margin-left: auto;
}
form .col_full, form .col_half, form .col_one_third, form .col_two_third, form .col_three_fourth, form .col_one_fourth, form .col_one_fifth, form .col_two_fifth, form .col_three_fifth, form .col_four_fifth, form .col_one_sixth, form .col_five_sixth{
    margin-bottom: 15px;
}
.col_half{width: calc(50% - 7.5px); margin-right: 15px;}
form .sm-form-control{
    border-radius: 8px !important;
    border: 1px solid #CECECE;
    background: #FFF;
    padding: 20px 30px;
}
form select.sm-form-control{
    background: #F4F4F4;
}
form .button{width: 100%;}
.loadingDiv{display: none;}

#enquire_now [class*="form-ele-"]{
    position: absolute;
}
#enquire_now .form-ele-1{
    top: 50px;
    left: 0;
}
#enquire_now .form-ele-2{
    top: -120px;
    left: 10%;
}
#enquire_now .form-ele-3{
    top: -100px;
    right: 40%;
}
#enquire_now .form-ele-4{
    top: 80px;
    right: 0;
}
#enquire_now .form-ele-1 img{height: 90px;}
#enquire_now .form-ele-2 img{height: 155px;}
#enquire_now .form-ele-3 img{height: 70px;}
#enquire_now .form-ele-4 img{height: 70px;}

/*	------------------------ section 13 -------------------------- */
#faq{padding: 0 0 60px;}
.panel-default{border: none; box-shadow: none;}
.accordiongroup{
    border-bottom: 1px solid #ababab;
}
.accordiongroup:last-child{border: none;}
.panel-default .panel-heading{
    background: transparent;
    border: none;
    padding: 0;
}
.panel-title{
    padding: 0;
}
.panel-default .panel-heading a{
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: space-between;
    align-items: center;
    padding: 30px 0;
    position: relative;
}
.panel-default .panel-heading a span{
    display: block;
    width: calc(100% - 36px);
    color: #0A2540;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 28px; /* 155.556% */
}
.panel-title a:after{
    content: '';
    width: 26px;
    height: 26px;
    display: block;
    background-image: url('data:image/svg+xml,<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 27 28" style="enable-background:new 0 0 27 28;" xml:space="preserve"><style type="text/css">.st0{fill:none;stroke:%23000000;stroke-width:0.9643;}</style><path class="st0" d="M0.5,13.5h26"/></svg>');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    transform: rotate(180deg);
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}
.panel-title a.collapsed:after{
    content: '';
    width: 26px;
    height: 26px;
    display: block;
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="27" height="28" viewBox="0 0 27 28" fill="none"><g clip-path="url(%23clip0_56_6019)"><path d="M13.8301 1.38477V27.4205" stroke="black" stroke-width="0.964286"/><path d="M0.812256 13.9209H26.848" stroke="black" stroke-width="0.964286"/></g><defs><clipPath id="clip0_56_6019"><rect width="26.0357" height="27" fill="white" transform="translate(0.812256 0.5)"/></clipPath></defs></svg>');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    transform: rotate(360deg);
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}
.panel-body{padding: 0;}
.panel-group .panel-heading + .panel-collapse > .panel-body, .panel-group .panel-heading + .panel-collapse > .list-group{border: none;}

/*	------------------------ section 14 -------------------------- */
#footer{background: #F1FAEB; padding: 20px 0;}
#copyrights{
    background: transparent;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    gap: 30px;
    padding: 0;
}
#copyrights .logos{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: center;
    justify-content: center;
    align-items: center;
}
#copyrights img.easyasia{height: 75px; margin-right: 5px;}
#copyrights img.googlepartner{height: 80px;}
#copyrights p{
    margin-bottom: 0;
    color: #498628;
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    text-transform: capitalize;
    text-align: center;
}


/*	------------------------ responsive -------------------------- */
@media(min-width: 1200px){
    #case_studies .owl-stage-outer{
        display: flex;
        flex-direction: row;
        justify-content: center;
    }
    #case_studies .owl-stage{
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        align-content: center;
        justify-content: space-between;
    }
    #case_studies .owl-carousel .owl-item{margin: 0 !important;}
    #case_studies .owl-carousel .owl-stage:after{display: none;}
}
@media(max-width: 1344.9px){
    .hero .el-1{left: 7%;}
    .hero .el-2{left: 6%;}
    .hero .el-3{right: 6%;}
    .hero .el-4{right: 7%;}
    
    #seo_challenges .col-xs-12 .content{padding: 50px 60px;}
}
@media(max-width: 1299.9px){
    #seo_challenges .col-xs-12 .content{padding: 50px;}
}
@media(max-width: 1255.9px){
    .hero .el-1{left: 0%;}
    .hero .el-2{left: 1%;}
    .hero .el-3{right: 1%;}
    .hero .el-4{right: 0%;}
}
@media(max-width: 1199.9px){
    #banner h1{font-size: 40px;}
    h2{font-size: 28px; margin-bottom: 10px; line-height: 1.2;}
    #pricing_plan .content .pricing .price .number{font-size: 36px;}
    
    #ai_search_engines{margin-top: 0;}
    
    #ai_powered_seo{padding-bottom: 10px;}
    #ai_powered_seo .content{margin-bottom: 20px; height: calc(100% - 20px);}
}
@media(max-width:1078.9px){
    #primary-menu ul li a{padding: 0 6px;}
    nav + #enquire_btn{
        width: auto;
        padding: 10px 15px;
        font-size: 14px;
    }
}
@media(max-width:991.9px){
	#header.transparent-header {
        padding-top:0;
        background:#fff !important;
        text-align:center;
        border:none;
    }
    #logo, #logo_div, #logo2 {
        height:auto !important;
        display:inline-block !important;
        float:none;
        vertical-align:middle;
        margin:0;
    }
    #logo_div {
        margin:0 10px;
    }
    #logo img, #logo_div img, #logo2 img {
        max-height:60px;
    }
    #logo img {
        filter: brightness(100%);
    }
    #primary-menu-trigger {
        color:#555;
        top:10px !important;
    }
    #primary-menu ul li {
        height:auto;
    }
    #primary-menu ul li a {
        top:0%;
        transform:translateY(0%);
        padding:5px;
        color:#555;
        text-align:center;
    }
    #primary-menu ul li a::after {
        display:none;
    }
    body:not(.dark) #header:not(.dark) #header-wrap:not(.dark) #primary-menu ul li {
        border-top-color:#cecece !important;
    }
    #register_btn {
        text-align:center;
        color:#fff !important;
        border-radius:0;
    }
    #header-wrap .container {
        padding:0;
    }
    #header .flexbox {
        display: flex;
        flex-direction: column;
        flex-wrap: wrap;
        justify-content: center;
        align-items: stretch;
    }
    nav + #enquire_btn{display: none;}
    nav #enquire_btn{display: block; width: 100%;}
    
    #banner .text{
        max-width: calc(100% - 120px);
        margin-right: auto;
        margin-left: auto;
    }
    #banner h1{font-size: 35px;}
    h2{font-size: 24px;}
    h3{font-size: 16px; line-height: 1.2;}
    .hero .el-1 img{max-height: 80px;}
    .hero .el-2 img{max-height: 90px;}
    .hero .el-3 img{max-height: 75px;}
    .hero .el-4 img{max-height: 75px;}
    
    #ai_search_engines .col-lg-6 .content{max-width: 100%;}
    #ai_search_engines .col-lg-6 .content{padding-bottom: 10px;}
    #oc-searchengines{border-radius: 20px; overflow: hidden;}
    
    #seo_challenges .container-fluid{border-radius: 0;}
    #seo_challenges td:has( img){width: 20px;}
    #our_process .processcontainer .flexbox{
        flex-direction: column;
        align-items: center;
        align-content: center;
    }
    #our_process .processcontainer .flexbox .box{
        flex-direction: row;
        max-width: 100%;
        justify-content: flex-start;
        position: relative;
    }
    #our_process .processcontainer .flexbox .box .processline{
        height: 100%;
        width: 5px;
        border-top: none;
        border-left-width: 3px;
        border-left-style: dashed;
        position: absolute;
    }
    #our_process .processcontainer .flexbox .box .processline .dot{position: absolute; left: -9px;}
    #our_process .processcontainer .flexbox .box:nth-child(1) .processline, #our_process .processcontainer .flexbox .box:nth-child(4) .processline{height: 70%; width: 1px;}
    #our_process .processcontainer .flexbox .box h3{min-height: auto;}
    #our_process .processcontainer .flexbox .box h3, #our_process .processcontainer .flexbox .box:nth-child(1) h3, #our_process .processcontainer .flexbox .box p{max-width: 100%;}
    #our_process .processcontainer .flexbox .box:nth-child(1) .processline, #our_process .processcontainer .flexbox .box:nth-child(4) .processline, #our_process .processcontainer .flexbox .box .processline{margin-right: auto; margin-left: auto;}
    #our_process .processcontainer .flexbox .box .content{width: calc(100% - 30px); padding: 0 20px;}
    #our_process .processcontainer .flexbox .box:nth-child(1) .processline{bottom: 0; justify-content: center;}
    #our_process .processcontainer .flexbox .box:nth-child(4) .processline{top: 0; justify-content: center;}
    #our_process .processcontainer .flexbox .box:nth-child(1) .processline .dot{top: -2px;}
    #our_process .processcontainer .flexbox .box:nth-child(4) .processline .dot{bottom: -2px; left: -12px;}
    
    #pricing_plan .content .included{padding: 30px 25px;}
    #pricing_plan .content .included table td:has( img){width: 15px;}
    
    form .sm-form-control{padding: 15px 25px;}
    .container-fluid, .container{padding-right: 30px; padding-left: 30px;}
    #enquire_now .form-ele-1{top: 20px;}
    #enquire_now .form-ele-4{top: 10px;}
    
    .panel-default .panel-heading a{padding: 20px 0;}
}
@media(max-width:859.9px){
    #banner{padding-top: 30px;}
    #banner .button{margin-top: 60px;}
    .hero .el-1{left: calc(37% - 140px); top: auto; bottom: 70px;}
    .hero .el-2{left: calc(26% - 140px); top: auto; bottom: 0px;}
    .hero .el-3{right: calc(35% - 140px); top: auto; bottom: 70px;}
    .hero .el-4{right: calc(28% - 140px); top: auto; bottom: 0px;}
    
    #marquee2{margin-top: 30px;}
    
    .owl-theme .owl-controls .owl-nav [class*=owl-]{left: -15px;}
    .owl-theme .owl-controls .owl-nav .owl-next{left: auto; right: -15px;}
    #banner .text{max-width: 100%;}
}
@media (max-width:767.9px){
    /*#banner{padding-bottom: 80px;}*/
    
    #marquee2{aspect-ratio: 3275 / 370;}
    #case_studies .tabsbox .nav{padding: 15px; margin-bottom: 30px;}
    #case_studies .tabsbox .nav li a{padding: 10px 20px; font-size: 15px;}
    #case_studies .tabsbox .tab-content .tab-pane .subtitle{margin-bottom: 20px;}
    #case_studies .tabsbox .tab-content .tab-pane td p{margin-bottom: 10px;}
    
    #pricing_plan .content{margin-bottom: 20px; height: calc(100% - 20px);}
    
    .postcontent, .postcontent.bothsidebar, .sidebar, .col_full, .col_half, .col_one_third, .col_two_third, .col_three_fourth, .col_one_fourth, .col_one_fifth, .col_two_fifth, .col_three_fifth, .col_four_fifth, .col_one_sixth, .col_five_sixth{float: left;}
}
@media(max-width: 599.9px){
    #enquire_now .form-ele-3{right: 85px;}
    #enquire_now .form-ele-2 img{height: 135px;}
}
@media (max-width:576.9px){
    #banner h1{font-size: 28px;}
    /*h2{font-size: 20px; line-height: 1.2;}*/
    /*h3{font-size: 15px; line-height: 1.2;}*/
    
    .postcontent, .postcontent.bothsidebar, .sidebar, .col_full, .col_half, .col_one_third, .col_two_third, .col_three_fourth, .col_one_fourth, .col_one_fifth, .col_two_fifth, .col_three_fifth, .col_four_fifth, .col_one_sixth, .col_five_sixth{float: none;}
    .col_half{width: 100%; margin-right: 0;}
	
	#case_studies .tabsbox .tab-content .tab-pane .flexbox .box{padding: 20px;}
}
@media (max-width:499.9px){
    #case_studies .tabsbox .tab-content .tab-pane .flexbox .box{padding: 20px 15px;}
    #case_studies .tabsbox .tab-content .tab-pane .flexbox .box .percentage{font-size: 30px;}
    #case_studies .tabsbox .tab-content .tab-pane .flexbox .box .percentage .number{font-size: 30px;}
}
@media (max-width:479.9px){
    #logo, #logo_div, #logo2 {
        margin:0 5px;
    }

    #logo img, #logo_div img, #logo2 img {
        max-height:60px;
    }

    #primary-menu-trigger {
        top:11px !important;
    }
    .hero .el-1{left: calc(33% - 140px); bottom: 80px;}
    .hero .el-2{left: calc(26% - 140px); bottom: 0px;}
    .hero .el-3{right: calc(31% - 140px); bottom: 80px;}
    .hero .el-4{right: calc(28% - 140px); bottom: 0px;}
    
    #seo_challenges .col-xs-12 .content{padding: 40px 30px;}
    #case_studies .tabsbox .tab-content .tab-pane .flexbox{gap: 10px;}
    #case_studies .tabsbox .tab-content .tab-pane .flexbox .box{width: 50%;}
    
    #enquire_now .form-ele-1{top: -55px;}
    #enquire_now .form-ele-2{top: -160px;}
    #enquire_now .form-ele-3{top: -120px; right: 105px;}
    #enquire_now .form-ele-4{top: -50px;}
}

@media (max-width:399.9px){
	section{overflow: hidden;}
}