/* Global css */
*{margin:0;padding:0;}
html{scroll-behavior: smooth; overflow-x: hidden;}
body{font-size:15px;font-family: "Jost", sans-serif;background:#fff;color:#000;line-height: 25px;font-weight: 500;overflow: hidden;}
a{text-decoration:none;outline:none;-webkit-transition: .5s;-o-transition: .5s;transition: .5s;}
a:focus, a:hover {-webkit-transition: .5s;-o-transition: .5s;transition: .5s;text-decoration: none;}
img{max-width:100%;}
h1,h2,h3,h4,h5,h6{font-family: "Jost", sans-serif;color:#000;margin: 0px;padding:0px;font-weight: bold;}
h1{font-size: 60px;}h2{font-size: 40px;}h3{font-size: 40px;}h4{font-size: 30px;}h5{font-size: 20px;}h6{font-size: 20px;}
section{width:100%;float:left;padding:80px 0;-webkit-box-sizing:border-box;box-sizing:border-box;position:relative;}
input{-webkit-box-sizing:border-box;box-sizing:border-box;}
input[type=submit],button{outline:none;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;}
ol, ul {margin-top: 0;margin-bottom: 0px;}
p {margin: 0px;padding: 0px;}
li {list-style: none;} 
::-webkit-input-placeholder{color:#777777;}
::-moz-placeholder{color:#777777;}
:-ms-input-placeholder{color:#777777;}
::-ms-input-placeholder{color:#777777;}
::placeholder{color:#777777;}
:root {
--primer-color:#694cd2;
--secondary-color:#5accdc;
--white: #ffffff;
--black: #000000;
}

.all-btn {
background-color: var(--secondary-color);color: #fff;font-size: 15px;font-family: "Jost", sans-serif;line-height: 20px;padding: 10px 22px;border: none;transition: .5s;border-radius: 4px;}
.all-btn:hover{background-color:var(--primer-color); color: #fff;transition: .5s;} 
.container-box {max-width: 1170px;width: 100%;margin: 0 auto;}
/* End Global css */




/*menu*/
#cssmenu,#cssmenu ul,#cssmenu ul li,#cssmenu ul li a,#cssmenu #head-mobile {border: 0;list-style: none;
line-height: 1;display: block;position: relative;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box}
#cssmenu:after,#cssmenu > ul:after {content: ".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0}
#cssmenu #head-mobile {display: none}
#cssmenu > ul > li {float: left;}
#cssmenu > ul > li > a {padding: 10px 20px;font-size: 16px;text-decoration: none;color: #000;font-weight: 500;text-transform: uppercase;}
#cssmenu ul {float: right;}
#cssmenu > ul > li:hover > a,#cssmenu ul li.active a {color:var(--primer-color);}
#cssmenu > ul > li:last-child > a {padding-right: 0px;}
#cssmenu > ul > li.has-sub:hover > a:before {top: 23px;height: 0}
#cssmenu ul ul {position: absolute;left: -9999px;z-index: 9;}
#cssmenu ul ul li {-webkit-transition: all .25s ease;-ms-transition: all .25s ease;background:#694cd2;transition: all .25s ease}
#cssmenu ul ul li:hover {}
#cssmenu li:hover > ul {left: auto}
#cssmenu ul ul ul {margin-left: 100%;top: 0}
#cssmenu ul ul li a {border-bottom: 1px solid rgba(150, 150, 150, 0.15);padding: 11px 15px;width: 250px;
text-decoration: none;color: #fff !important;font-weight: 400;line-height: 20px;}
#cssmenu ul ul li a:hover {background:var(--green);}
#cssmenu ul ul li:hover {background: #5accdc;}
#cssmenu ul ul li:last-child > a,#cssmenu ul ul li.last-item > a {border-bottom: 0}
#cssmenu ul ul li:hover > a,#cssmenu ul ul li a:hover {color: #fff}
#cssmenu ul ul li.has-sub > a:after {position: absolute;top: 16px;right: 11px;width: 8px;height: 2px;
display: block;background: #ddd;content: ''}
#cssmenu ul ul li.has-sub > a:before {position: absolute;top: 13px;right: 14px;
display: block;width: 2px;height: 8px;background: #ddd;content: '';-webkit-transition: all .25s ease;
-ms-transition: all .25s ease;transition: all .25s ease}
#cssmenu ul ul > li.has-sub:hover > a:before {top: 17px;height: 0}
#cssmenu ul ul li.has-sub:hover,#cssmenu ul li.has-sub ul li.has-sub ul li:hover {background:#000;}
#cssmenu ul ul ul li.active a {border-left: 1px solid #333}
#cssmenu > ul > li.has-sub > ul > li.active > a,#cssmenu > ul ul > li.has-sub > ul > li.active > a {border-top: 1px solid #333}

@media screen and (max-width:1024px) {
body.custom_header_fixed .button.menu-opened .open {display: block !important;}
nav {width: 100%;}
#cssmenu {width: 100%}
#cssmenu ul {width: 100%;display: none}
#cssmenu ul li {width: 100%;border-top: 1px solid #444;overflow: hidden;}
#cssmenu ul li:hover {background: #363636;}
#cssmenu ul ul li,#cssmenu li:hover > ul > li {height: auto}
#cssmenu ul li a,#cssmenu ul ul li a {width: 100%;border-bottom: 0}
#cssmenu > ul > li {float: none}
#cssmenu ul ul li a {padding: 10px 35px;text-transform: uppercase;}
#cssmenu ul ul li {background:#5e42c2 !important;}
#cssmenu ul ul li:hover {background: #000 !important}
#cssmenu ul ul ul li a {padding-left: 35px}
#cssmenu ul ul li a {color: #fff;background: none}
#cssmenu ul ul li:hover > a,#cssmenu ul ul li.active > a {color: #fff}
#cssmenu ul ul,#cssmenu ul ul ul {position: relative;left: 0;width: 100%;margin: 0;text-align: left}
#cssmenu > ul > li.has-sub > a:after,#cssmenu > ul > li.has-sub > a:before,#cssmenu ul ul > li.has-sub > a:after,#cssmenu ul ul > li.has-sub > a:before {display: none}
#cssmenu #head-mobile {display: block;padding: 23px;color: #ddd;font-size: 12px;font-weight: 700}
.button {width: 55px;height: 46px;position: absolute;right: 0;top: 16px;cursor: pointer;z-index: 12399994;}
.button:after {position: absolute;top: 22px;right: 20px;display: block;height: 8px;width: 20px;border-top: 2px solid #000;
border-bottom: 2px solid #000;content: ''}
.button:before {-webkit-transition: all .3s ease;-ms-transition: all .3s ease;transition: all .3s ease;position: absolute;top: 16px;
right: 20px;display: block;height: 2px;width: 20px;background: #000;content: ''}
.button.menu-opened:after {-webkit-transition: all .3s ease;-ms-transition: all .3s ease;transition: all .3s ease;
top: 23px;border: 0;height: 2px;width: 19px;background: #000;-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);-ms-transform: rotate(45deg);-o-transform: rotate(45deg);transform: rotate(45deg)}
.button.menu-opened:before {top: 23px;background: #000;width: 19px;-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);-ms-transform: rotate(-45deg);-o-transform: rotate(-45deg);transform: rotate(-45deg)}
#cssmenu .submenu-button {position: absolute;z-index: 99;right: 0;top: 0;display: block;border-left: 1px solid #444;height: 46px;
width: 46px;cursor: pointer}
#cssmenu .submenu-button.submenu-opened {background:#5e42c2;}
#cssmenu ul ul .submenu-button {height: 34px;width: 34px}
#cssmenu .submenu-button:after {position: absolute;top: 22px;right: 19px;width: 8px;height: 2px;
display: block;background: #ddd;content: ''}
#cssmenu ul ul .submenu-button:after {top: 15px;right: 13px}
#cssmenu .submenu-button.submenu-opened:after {background: #fff}
#cssmenu .submenu-button:before {position: absolute;top: 19px;right: 22px;display: block;width: 2px;height: 8px;
background: #ddd;content: ''}
#cssmenu ul ul .submenu-button:before {top: 12px;right: 16px}
#cssmenu .submenu-button.suh1bmenu-opened:before {display: none}
#cssmenu ul ul ul li.active a {border-left: none}
#cssmenu > ul > li.has-sub > ul > li.active > a,
#cssmenu > ul ul > li.has-sub > ul > li.active > a {border-top: none}
#cssmenu > ul > li > a {padding: 15px 17px;background: #5accdc;color: #fff;}
.mrnuAndLogo .container {padding: 0px;margin: 0px;width: 100%;}
#cssmenu ul li i.fa.fa-angle-down {display: none !important;}
/* #cssmenu > ul > li:hover > a,
	#cssmenu ul li.active a {color:#fff;} */
.menu {position: absolute;right: 3px;width: 100%;top: 60px;}
.mrnuAndLogo {padding: 9px 0px 0px 8px;}
#cssmenu ul {position: relative;z-index: 9;top: 40px;}
#cssmenu ul ul {top: 0px;}
}

/*menu end*/

/*header*/
.mrnuAndLogo {display: flex;align-items: center;justify-content: space-between;}

/* top-bar */
.top-bar {background:var(--primer-color);}
.top-bar-main {display: flex;justify-content: space-between;align-items: center;}
.top-bar-main .left ul {display: flex;align-items: center;}
.top-bar-main .left ul li {color: var(--white);}
.top-bar-main .right a {color: var(--white);text-transform: uppercase;font-weight: 500;padding: 10px 20px;background: var(--secondary-color);display: inline-block;}
.top-bar-main .right a:hover {background:var(--white);color: var(--secondary-color);}
.top-bar-main .left ul li {color: var(--white);margin: 0 20px 0 0px;}
.top-bar-main .left ul li a {color: var(--white);}
.top-bar-main .left ul li a:hover {color:var(--secondary-color);}
.top-bar-main .left ul li i {margin: 0 5px 0 0px;}
.logo {margin: 0 0px -65px 0px;position: relative;z-index: 1;}
.logo img {border-radius: 0px 0px 10px 10px;background: var(--white);padding: 6px 6px 0px 6px;}
.fiexd-header {position: fixed;top: 0px;width: 100%;background: #fff;z-index: 9;border-bottom: 1px solid #694cd2;}
.home-banner {margin-top:110px;}
/* top-bar end */

/*header end*/


/* Banner */
.home-banner img {width: 100%;}
.banner .item {background-size: cover;background-position: center;position: relative;filter: blur(20px);transition: filter 1.5s ease;}
.banner .active .item {filter: blur(0px);}
.banenr-text {position: absolute;top: 35%;z-index: 1;width: 100%;/* max-width: 650px; */top: 50%;transform: translateX(0%) translateY(-50%);}
.home-banner {position: relative;}
.banenr-text h1 {
    color: #fff;
    line-height: 70px;
    font-size: 60px;
    display: flex;
    align-items: center;
}

.banenr-text h2 {
    color: #fff;
    line-height: 70px;
    font-size: 60px;
    display: flex;
    align-items: center;
}
.banenr-text p {color: #fff;font-size: 20px;margin: 30px 0px;line-height: 30px;}
.banenr-text a {display: inline-block;font-size: 20px;}
.banner .owl-nav.disabled {display: none;}
.banner .owl-dots {display: none;}
.owl-stage-outer {
    margin-top: 22px;
}
.owl-stage-outer img {
    width: 48px !important;
    display: inline-block !important;
    height: auto !important;
    margin-right: 11px;
}
/* Banner End */


/* About US */
.about-section {background-size: cover;background-repeat: no-repeat;}
.about-home {margin: auto;display: flex;align-items: center;}
.about-image img {width: 100%;border-radius: 12px;}
.about-image {flex: 1;box-shadow: -8px 9px 0 0px var(--primer-color);border-radius: 12px;margin-right: 30px;}
.about-content {flex: 1;}
.about-content h2 {color: var(--primer-color);margin-bottom: 20px;}
.about-content p {margin-bottom: 15px;}
.about-btn {background:var(--secondary-color);color: #fff;border: none;padding: 12px 25px;border-radius: 6px;font-size: 16px;cursor: pointer;}
.about-btn:hover {background:var(--secondary-color)}
.about-content a {
    display: inline-flex;
}
/* About End */

/* Why Capture Section */

.info-section .owl-nav {margin: 0px 0 0px 0px;display: flex;justify-content: space-between;align-items: center;width: 100%;top: 34%;}
.info-section .owl-prev span {background-image: url(../images/trstimonil-left.png);width: 40px;height: 40px;color: #fff;display: block;font-size: 0px;
padding: 2px 0 0 0px;margin-left: -50px;position: absolute;top: 37%;background-repeat: no-repeat;}
.info-section .owl-next span {background-image: url(../images/trstimonil-right.png);width: 40px;height: 40px;color: #fff;
display: block;font-size: 0px;margin-left: 0;position: absolute;top: 37%;padding: 2px 0 0 0px;right: -65px;background-repeat: no-repeat;}
.info-section .owl-dots {display: none;}
.info-section {position: relative;}
.info-section:after {width: 100%;width: 100%;background: #0000003b;position: absolute;top: 0px;height: 100%;content: "";}
.info-section .info-card {background: #6b4bd8;color: #fff;padding: 30px 25px;border-radius: 10px;flex: 1;text-align: center;box-shadow: 0 8px 20px rgba(0,0,0,0.3);height: 210px;}
.info-section .info-card h3 {font-size: 26px;margin-bottom: 15px;color: #fff;}

/* Why Capture Section End */

/* Our Approach */
.our-approach {background-size: cover;background-repeat: no-repeat;padding: 0px;}
.our-approach-main {display: flex;align-items: center;justify-content: flex-end;}
.our-approach-left {width: 40%;background-color: #fff;padding: 50px 20px;box-shadow: 0 0 9px 0px #d7d7d7;text-align: center;position: relative;z-index: 1;
margin: 0px -60px 0 0px;}
.our-approach-right {width: 50%;}
.our-approach-right img {width: 100%;height: 100%;}
.our-approach-left h3 {color: var(--primer-color);}
.our-approach-left p {padding: 30px 0px;}
.our-approach-left a {display: inline-block;}
/* Our Approach end */


/* ourServices */
.ourServices-box-main {display: flex;justify-content: space-between;}
.ourServices-bg {min-height: 350px;background-size: cover;background-repeat: no-repeat;}
.ourServices-box-text-text {background: #fff;padding: 21px 8px 40px;border-radius: 7px;margin: -11px 0 0 0px;
box-shadow: 4px 4px 20px 0px #f1f1f1;text-align: center;}
.ourServices {padding-top: 0px;}
.ourServices-box img {width: 100%;border-radius: 5px;height: 206px;object-fit: cover;}
.ourServices-m-heading {display: flex;align-items: center;justify-content: space-between;}
.ourServices-m-heading a.all-btn:hover {background: var(--white);color: var(--secondary-color);}
.ourServices-he-icone-main {margin: -320px 0 0 0px;}
.ourServices-he-icone h4 {color: var(--skyblue);font-size: 15px;font-weight: bold;font-family: "Oswald", serif;}
.ourServices-he-icone img {margin: 0 10px 0 0px;}
.ourServices-m-heading h3 {color: #fff;padding: 36px 0px;}
.ourServices-box-text-text h4 {padding: 13px 0px;}
.ourServices-box-text-text h4 {padding: 13px 0px;height: 70px;font-size: 20px;}
.ourServices-box-text-text a {display: inline-block;margin-top: 19px;position: absolute;bottom: -20px;left: 0px;right: 0px;
width: 41%;margin: 0 auto;}
.ourServices-box-text-text h5 {font-size: 16px;font-weight: bold;height: 42px;padding: 0 20px;}.ourServices-box {
position: relative;border-radius: 10px;margin: 0;width: 32%;}
/* ourServices end */

/* Testimonial */
.testimonial-section {position: relative;background-repeat: no-repeat !important;background-size: cover !important;text-align: center;}
.testimonial-section:after {position: absolute;left: 0px;width: 100%;height: 100%;background: #5accdccf;top: 0px;content: "";}
.testimonial-heading {position: relative;z-index: 1;}
.testimonial-heading {text-align: center;}
.testimonial-heading h3 {text-align: center;margin-bottom: 30px;color:var(--white);}
.testimonial-content {margin: 30px 0 0 0px;height: 150px;}
.testimonial-content h4 {color: var(--white);font-size: 20px;margin: 20px 0 10px 0px;}
.testimonial-content h5 {color:var(--white);font-weight: normal;font-size: 18px;}
.testimonial-content p {color: var(--white);max-width: 750px;width: 100%;margin: 0 auto;}
.testimonial-section .owl-nav {margin: 0px 0 0px 0px;display: flex;justify-content: space-between;align-items: center;width: 100%;top: 34%;}
.testimonial-section .owl-prev span {background-image: url(../images/trstimonil-left.png);width: 40px;height: 40px;color: #fff;
display: block;font-size: 0px;padding: 2px 0 0 0px;margin-left: 0px;position: absolute;top: 17%;background-repeat: no-repeat;}
.testimonial-section .owl-next span {background-image: url(../images/trstimonil-right.png);width: 40px;height: 40px;color: #fff;
display: block;font-size: 0px;margin-left: 0;position: absolute;top: 17%;padding: 2px 0 0 0px;right: 0px;background-repeat: no-repeat;}
.testimonial-section .owl-dots {display: none;}
/* Testimonial End */

/* Online Health Check */
.online-health-check-heading {text-align: center;max-width: 520px;width: 100%;margin: 0 auto;position: relative;z-index: 1;}
.online-health-check {background-size: cover;background-repeat: no-repeat;}
.online-health-check:after {position: absolute;left: 0px;width: 100%;height: 100%;background: #694cd2de;top: 0px;content: "";}
.online-health-check {
    position: relative;
    background-repeat: no-repeat !important;
    background-size: cover !important;
}
.online-health-check-heading h3 {color: #fff;}
.online-health-check-heading p {color: #fff;margin: 20px 0px;}
.online-health-check-heading a {display: inline-block;}
.online-health-check-heading a:hover{background: var(--white);color: var(--secondary-color);}
/* Online Health Check end */


/* Home-Blog */
.homeBlog {background-size: cover;background-repeat: no-repeat;padding-bottom: 140px;}
.homeBlogHeading {display: flex;align-items: center;justify-content: space-between;}
.homeBlogMain {display: grid;grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));gap: 30px;margin: 30px 0 0 0px;}
.homeBlogBox {position: relative;}
.homeBlogDate {position: absolute;top: 4px;left: 4px;}
.homeBlogDate p {background-color: var(--secondary-color);color: #fff;padding: 6px 17px;border-radius: 4px;display: none;}
.homeBlogHeading h3 {color: var(--primer-color);}
.homeBlogText {background: var(--white);position: relative;z-index: 1;max-width: 290px;width: 100%;margin: -45px auto 0px;border: 1px solid #ddd;text-align: center;padding: 24px 10px;}
.homeBlogText h4 {font-size: 20px;font-weight: 500;height: 65px;}
.homeBlogText h5 {font-size: 16px;font-weight: 500;margin: 14px 0px;}
.homeBlogText a.all-btn {position: absolute;padding: 5px 10px;margin: 0 auto;left: 0px;right: 0px;width: 90px;bottom: -13px;}
/* Home-Blog End */

/* Footer */
.footer-bg:after {position: absolute;left: 0px;width: 100%;height: 100%;background: #4828b936;top: 0px;content: "";}
.footer-bg::before {position: absolute;left: 0px;width: 100%;height: 100%;background-image: url(../images/footer-top.png);top: -74px;content: "";background-repeat: repeat-x;}
.footer-bg {position: relative;clear: both;background-size: cover;background-repeat: no-repeat;padding: 40px 0px 20px;}
.footer-bg .container-box {position: relative;z-index: 1;}
.footer-main {display: flex;margin: 30px 0 0 0px;justify-content: space-between;}
.footer-main h3 {color: #fff;font-size: 20px;text-transform: uppercase;position: relative;margin: 0px 0px 30px 0px;}
.footer-main h3::after {position: absolute;left: 0px;width: 100%;height: 100%;background-image: url(../images/Heading-paip.png);top: auto;content: "";background-repeat: no-repeat;bottom: -30px;}
.footer-main a {color: var(--white);}
.footer-main p {color: var(--white);padding-right: 50px;}
.footer-main ul li a {color: var(--white);}
.footer-main ul li  {color: var(--white);}
.fabout {width: 28%;margin-right: 40px;}
.fsarvese {width: 22%;margin-right: 40px;}
.fQuikLink {width: 20%;margin-right: 40px;}
.fContact {width: 25%;}
.fsarvese ul li a {position: relative;}
.fsarvese ul li a:after {position: absolute;top: 5px;left: -12px;width: 20px;height: 20px;background-image: url(../images/arow.png);content: "";background-repeat: no-repeat;}
.fsarvese ul {margin: 0 0 0 16px;}
.fQuikLink ul li a:after {position: absolute;top: 5px;left: -12px;width: 20px;height: 20px;background-image: url(../images/arow.png);content: "";background-repeat: no-repeat;}
.fQuikLink ul {margin: 0 0 0 16px;}
.fQuikLink ul li a {position: relative;}
.fContact ul li {margin-bottom: 12px;display: flex;align-items: flex-start;gap: 0px;}
.fContact ul li img {margin: 6px 8px 0 0px;}
.fContact ul li:nth-child(3) img {margin: 0px 8px 0 0;}
.copy-right {display: flex;align-items: center;justify-content: space-between;border-top: 2px solid #5accdc5c;margin: 20px 0px 0px 0px;padding-top: 20px;}
.copy-right p {color: #fff;}
.f-socil ul {display: flex;}
.f-socil ul li {margin: 0 0 0 10px;}
.f-socil ul li img {transition: .5s;}
.f-socil ul li:hover img {opacity: .8;transition: .5s;}
.footer-main ul li a:hover {color: var(--secondary-color);}
/* Footer End */

/* Inner Page About Us */

.innerbanner img {width: 100%;}
.innerbanner {position: relative;margin-top: 114px;}
.innerbannertext {
    position: absolute;
    bottom: 38%;
    left: 0px;
    right: 0px;
    text-align: center;
}
.innerbannertext h1 {color: #fff;background:var(--secondary-color);display: inline-block;border-radius: 4px;padding: 15px 20px;font-weight: 700;position: relative;font-size: 30px;}
.our-Mission-Heading {text-align: center;width: 50%;margin: 0 auto 0px;}
.our-Mission-Heading h2 {argin-bottom: 20px;color:var(--white);}
.our-mission {background-size: cover;background-repeat: no-repeat;}
.our-Mission-Heading p {color: #fff;}
.about-box-Section h3 {color:var(--primer-color);text-align: center;margin-bottom: 30px;}
.about-box-main {display: grid;grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));gap: 20px;}
.about-box{background:#fff;border-radius:10px;overflow:hidden;box-shadow:0 4px 10px rgba(0,0,0,0.1);transition:0.3s;text-align:center;}
.about-box:hover{transform: translateY(-5px);}
.about-box img{width:100%;height:230px;object-fit:cover;}
.about-box h3{margin:15px 0 10px;}
.about-box p{padding:0 15px 20px;}
.about-box h4 {font-size: 22px;padding: 17px 0px;color: #694cd2;}
.our-mission-sec:after {background: #5accdcc9;width: 100%;height: 100%;position: absolute;top: 0px;left: 0px;content: "";}
.our-mission-sec {position: relative;}
.our-mission-sec .container-box {position: relative;z-index: 1;}
/* Inner Page About Us End */


/* Contact us page */
.contactaddresmain {display: flex;justify-content: space-between;margin-top: 20px;}
.contactaddres {background: #f7f7f7;margin-bottom: 0px;padding: 65px 12px 28px;width: 31%;position: relative;text-align: center;border-radius: 14px;}
.email {background:var(--secondary-color);width: 70px;height: 70px;position: absolute;content: "";
top: -35px;left: 0;text-align: center;border-radius: 10px;color:var(--white);display: flex;flex-wrap: nowrap;align-items: center;justify-content: center;
font-size: 35px;right: 0px;margin: 0 auto;transition: border-radius 0.5s ease;}
.contactaddres ul li a {color: #000;}
.contactaddres:hover .email {
    background:var(--primer-color);
}
.contactaddres h6 {margin-bottom: 10px;color: var(--primer-color);}
.contact-form-wrapper {background: #fff;padding: 30px 40px;border-radius: 10px;box-shadow: 0 0 15px rgba(0,0,0,0.1);clear: both;}
.contact-form .form-row {display: flex;gap: 20px;margin-bottom: 20px;align-items: flex-end;}
.form-group {display: flex;flex-direction: column;margin-bottom: 20px;flex: 1;}
form.contact-form .form-group {gap: 0;}
.form-group label {font-weight: 600;margin-bottom: 6px;}
.form-group input, .form-group textarea {padding: 12px;border: none;border-bottom: 3px solid var(--secondary-color);box-shadow: 2px 2px 0px var(--secondary-color);outline: none;resize: none;font-weight: 500;}
.form-group input, .form-group textarea {padding: 12px 14px;border: 1px solid #ccc;border-radius: 6px;transition: border 0.3s ease;}
.contact-from {padding-top: 0px;}
.contact-form-wrapper h3 {text-align: center;color: var(--primer-color);}
.contact-form-wrapper {padding: 30px 30px;}
.contact-form input[type="text"] {margin-bottom: 12px;}
.form-group input, .form-group textarea {margin-bottom: 16px;}
.contact-form .form-group {gap: 0;}
.contact-form .form-row {align-items: normal;margin-bottom: 0;gap: 20px;}
form.contact-form .form-group {gap: 0;width: 100%;}
.contact-form .form-row {gap: 20px;}
/* Contact us End */


/* Ai page */
.what-is-ai .our-Mission-Heading h2 {
    color: #fff;
}

.what-is-ai .our-Mission-Heading h3 {
    color: #fff;
    margin-top: 13px;
    margin-bottom: 12px;
    font-size: 25px;
}

.what-is-ai .our-Mission-Heading {
    text-align: center;
    width: 100%;
    margin: 0 auto 0px;
}

.what-is-aimain {
    margin: 20px 0px;
    display: flex;
    justify-content: space-around;
}

.what-is-aimain ul li {
    color: #fff;
    position: relative;
    margin-bottom: 7px;
}



section.what-is-ai p {
    color: #fff;
    text-align: center;
    margin-bottom: 40px;
}

.what-is-aimain-left {
    width: 50%;
}

section.what-is-ai p:last-child {
    margin-bottom: 0px !important;
}

.what-is-aimain ul {
    margin: 0 0 0 0px;
}
.what-is-aimain p {
    text-align: left !IMPORTANT;
    margin: 0px !important;
    height: 79px;
}
.what-is-ai {
    background-repeat: no-repeat;
    background-size: cover;
    
}




.how-we-help-you-show-text ul li {
    color: #000;
    position: relative;
    margin-bottom: 7px;
}

.how-we-help-you-show-text ul {
    margin: 10px 0 0 0px;
}
.how-we-help-you-show-main {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 20px;
    margin-top: 30px;
}

.how-we-help-you-show h2 {
    text-align: center;
    color: var(--primer-color);
    margin-bottom: 20px;
}

.how-we-help-you-show-text h3 {
    font-size: 25px;
    margin-bottom: 16px;
}



.how-we-help-you-show-img img {
    width: 100%;
    border-radius: 12px;
    box-shadow: -8px 9px 0 0px var(--primer-color);
}


.how-we-help-you-show.bg-color {
    background: #f9f9f9;
}
.how-we-help-you-show-text {
    width: 50%;
}

.how-we-help-you-show-img {
    width: 50%;
}

.how-we-help-you-show.bg-color .how-we-help-you-show-main {
    display: flex;
    flex-direction: row-reverse;
}



.how-we-help-you-show h3 {
    color: var(--primer-color);
   
   
}


.how-we-help-you-show.bg-color.strong h3 {
    color: var(--primer-color);
    text-align: center;
    font-size: 25px;
}





.how-we-help-you-show-left ul li {
    color: #000;
    position: relative;
    margin-bottom: 7px;
}

.how-we-help-you-show-left ul {
    margin: 10px 0 0 16px;
}

.how-we-help-you-show-main.traditional-seo {
    align-items: flex-start;
}

.how-we-help-you-show-main.traditional-seo h4 {
  color: var(--primer-color);
}

.how-we-help-you-show-text a.all-btn {
    display: inline-block;
    margin-top: 11px;
}

.how-we-help-you-show-text p {
    margin-bottom: 9px;
}




.traditional-seo-left h4 {
    text-align: center;
    color: var(--primer-color);
    margin-bottom: 10px;
    font-size: 25px;
}

.traditional-seo-left ul li {
    color: #000;
    position: relative;
    margin-bottom: 7px;
}



.traditional-seo-main {
    display: flex;
    justify-content: space-between;
    max-width: 840px;
    margin: 0 auto 20px;
}


.traditional-seo h2 {
    text-align: center;
    color: var(--primer-color);
    margin-bottom: 20px;
}

.traditional-seo p {
    text-align: center;
}
.traditional-seo-left p {
    text-align: left !important;
}
.traditional-seo-left ul {
    margin: 0 0 0 0px;
}
.traditional-seo {
    background-size: cover;
}
.how-we-help-you-show h3 {
    color: var(--primer-color);
    text-align: center;
}

.our-mission.ai h1 {
    font-size: 40px;
}
.how-we-help-you-show.bg-color.strong ul li {
   position: relative;
}

.how-we-help-you-show.bg-color.strong ul li {
    position: relative;
    margin: 0 0 8px 0px;
}

.our-mission.ai h1 {
    text-align: center;
    color: var(--primer-color);
    margin-bottom: 20px;
}
.our-mission.ai h2 {
    text-align: center;
    color: var(--primer-color);
    margin-bottom: 30px;
    font-size: 25px;
}

.our-mission.ai .about-content p {
    margin-bottom: 10px;
}

.online-health-check.ai .online-health-check-heading {
    max-width: 100%;
}



.panel-default>.panel-heading {
  color: #333;
  background-color: #fff;
  border-color: #e4e5e7;
  padding: 0;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.panel-default>.panel-heading a {
    display: block;
    padding: 10px 15px;
    background: #694cd2;
    color: #fff;
}
.panel-default>.panel-heading a:after {
  content: "";
  position: relative;
  top: 1px;
  display: inline-block;
  font-family: 'Glyphicons Halflings';
  font-style: normal;
  font-weight: 400;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  float: right;
  transition: transform .25s linear;
  -webkit-transition: -webkit-transform .25s linear;
}

.panel-default>.panel-heading a[aria-expanded="true"] {
  background-color: #eee;
}

.panel-default>.panel-heading a[aria-expanded="true"]:after {
  content: "\2212";
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}

.panel-default>.panel-heading a[aria-expanded="false"]:after {
  content: "\002b";
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
}

section.aoi-accordion h2 {
        text-align: center;
    color: var(--primer-color);
    margin-bottom: 30px;
}
.panel-default>.panel-heading a[aria-expanded="true"] {
    background-color: #5accdc;
}

.panel-group {
    margin-bottom: 20px;
    max-width: 790px;
    margin: 0 auto 20px;
}
.homeBlog.bloglist .homeBlogHeading {margin: 0 0 30px;}
.homeBlog.bloglist .homeBlogText .all-btn {width: 100%;}
.homeBlog.bloglist .row {row-gap: 40px;display: flex;flex-wrap: wrap;justify-content: center;}
.homeBlog.bloglist .homeBlogBox .homeBlog-img {height: 300px;}
.homeBlog.bloglist .homeBlogBox .homeBlog-img img {height: 100%;object-fit: cover;}
.homeBlog.bloglist .homeBlogText {max-width: 100%;margin: 0;}

/**/
.blogdetails h2,h3,h4,h5,h6{margin: 0px 0px 20px;color:var(--primer-color)}
.blogdetails p{margin: 0px 0px 20px;}
.blogdetails ol {margin: 0 0 20px;padding-left: 24px;}
.blogdetails ol li {list-style: disc;margin: 0 0 13px;}
.case-studies .case-left aside{margin:30px 0 0;}
.case-studies .case-left aside a {display: inline-block;}
.case-studies .row {display: flex;align-items: center;flex-wrap:wrap;}
/**/

.Increase-traffic {background:#f8f8f8;}
.Increase-traffic .Increase-full {text-align: center;}
.Increase-traffic .Increase-full figure {max-width: 600px;margin: 0px auto 30px auto;}
.Increase-traffic .Increase-full p {margin: 0 0 15px;}

/* Section Background */
.conversion-section {background: linear-gradient(135deg, #f8f9fb, #eef2f7); padding: 100px 0;}

/* Heading */
.conversion-section .section-title { font-size: 48px; font-weight: 700; margin-bottom: 20px;}
.conversion-section .section-title span {color: #513acf;}
.conversion-section .section-subtext { max-width: 750px; margin: 0 auto 60px; color: #555;  font-size: 18px;
  line-height: 1.7;}
.conversion-section .conversion-card { background: #ffffff; padding: 40px; border-radius: 20px; box-shadow: 0 20px 60px rgba(0, 0, 0, 0.08); margin-bottom: 60px;
  transition: 0.3s ease;margin: 0 0 30px;}
.conversion-card:hover { transform: translateY(-5px);}
.conversion-section .stats-row { margin-bottom: 40px;}
.conversion-section .stat-box { background: #ffffff; padding: 30px 20px; border-radius: 16px; box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05);
  transition: 0.3s ease;margin:0 0 30px;}
.conversion-section .stat-box:hover { transform: translateY(-6px);}
.conversion-section .stat-box h6 {font-size: 14px; color: #888; text-transform: uppercase; letter-spacing: 1px; margin-bottom: 10px;}
.conversion-section .stat-box p { font-size: 24px; font-weight: 700; margin: 0; color: #222;}
.analytics-section .custom-card { border: none; border-radius: 12px; box-shadow: 0 10px 30px rgba(0,0,0,0.05);  transition: all 0.3s ease;  overflow: hidden;margin: 0 0 30px;}
.analytics-section .custom-card:hover { transform: translateY(-5px);  box-shadow: 0 15px 40px rgba(0,0,0,0.08);}
.analytics-section .custom-card .card-header { background: #ffffff; font-weight: 600; font-size: 15px;  padding: 14px 20px;
  border-bottom: 1px solid #eee;}
.analytics-section .custom-card img { border-radius: 8px;width: 100%;}
/**/
.agency-intro { padding: 100px 0;}
.agency-intro  .intro-left h3 {font-size: 42px; font-weight: 700; margin-bottom: 20px; color: #111;}
.agency-intro .intro-line {width: 60px; height: 4px; background: #5660db;}
.agency-intro .intro-right p { font-size: 16px; line-height: 1.8; color: #555; margin-bottom: 30px;}
.agency-intro .intro-right p:last-of-type {margin: 0 0 0;}
/**/


.dm-services { padding: 80px 0; background: #f9f9f9;}
.dm-services .dm-item { margin-bottom: 80px; display: flex; align-items: center;}
.dm-services .dm-content { padding: 20px 40px;}
.dm-services .dm-content h3 {font-size: 22px;font-weight: 600;margin-bottom: 10px;color: #111;}
.dm-services .dm-content h4 { font-size: 18px; font-weight: 600; color: #007bff; margin-bottom: 15px;}
.dm-services .dm-content p {font-size: 15px; color: #555; line-height: 1.7; margin-bottom: 25px;}
.dm-services .dm-reverse { flex-direction: row-reverse;}

.agency-intro.d-ser {background: #fafafa;}
.service-full .srviceBox h3 {margin:20px 0 10px;font-size: 30px;}
.service-full .srviceBox figure {margin: 0 0 50px;}
.service-full .srviceBox figure img{border-radius: 20px;  box-shadow: -8px 9px 0 0px #5accdc;}
.service-full .srviceBox p {margin: 0 0 16px;display: block;}
.service-full .srviceBox ul{padding-left:16px;}
.service-full .srviceBox ul li {list-style: disc;font-size: 16px;margin: 0 0 10px;}


@media (min-width: 1367px) {
.logo {height: 134px;}
.logo a {display: inline-block;	width: 100%;height: 100%;}
.logo img {width: 234px;height: 100%;object-fit: contain;}
}