@import url('https://fonts.googleapis.com/css2?family=Inter:wght@200;300;400;500;600;700;800;900&display=swap');
/*font-family: 'Inter', sans-serif;*/
 
:root{
	--font1:'Inter', sans-serif; 
	--primary: #357aa1; 
	--secondary: #323278;  
    --btncolor:#33aae1;
    --btnhover:#0e0071;
    --white: #FFFFFF;    
	--black:  #121B2A; 
    --dark:#0A0503; 
    --textColor: #6E778C;
    --lightbg:#F0F7FD;
    --bluedark:#0c0639;
}


*{ 
    box-sizing: border-box;
}
body {
    margin: 0;
    padding: 0; 
    scroll-behavior: smooth; 
    font-size: 16px;
    line-height: 26px;
    color: var(--textColor);
    font-family: var(--font1);
}
.container{
    max-width: 1290px;
    margin: 0 auto;
}
h1,h2,h3,h4,h5,h6{ 
    font-family: var(--font1); 
    font-weight: 700;
}
p{
	margin:0 0 24px;
}
img,svg{
    width: 100%;
}
.clear{
    clear: both;
}
.clear:after{
    position: relative;
    content: "";
    clear: both;
    display: table;
    width: 100%;
}

sub, sup{
	    font-size: .5em;
}

::-ms-input-placeholder {  
  color: #fff;
}
::placeholder {
  color: #fff;
}
::-webkit-placeholder {
  color: #fff;
}
 
ul{
	list-style: none;
	margin: 0;
	padding: 0;
}
a{
    transition: .5s;
    text-decoration: none;
}
a:hover{
	text-decoration: none;
}
.lightbg{background: var(--lightbg);} 

section{
    padding: 50px 0;
    position: relative; 
}


.cmnbtn{
    line-height: 24px;
    background: var(--btncolor);
    padding: 15px 32px;
    display: inline-flex;
    align-items: center;
    text-transform: uppercase;
    justify-content: center; 
    font-size: 16px;
    gap:6px;
    position: relative;
    overflow: hidden;
    color: var(--white);
    border-radius: 30px;
    font-weight: 600;
}
.cmnbtn:before{position: absolute; content: ""; 
    left: 50%; bottom: 0; transform: translate(-50%,50%);
    background: var(--btnhover); transition: .7s;
    width: 0;
    height: 0; border-radius: 100%;
}
.cmnbtn:hover{color: var(--white);}
.cmnbtn:hover:before{height:calc(100% + 90px); width: calc(100% + 90px); }
 
.cmnbtn span{position: relative; z-index: 1;}


.tophd{margin: 0 0 50px;}
.tophd-center{text-align: center;}
h2.title1{font-size: 38px; line-height: 45px; font-weight: bold;
    margin: 0 0 10px; color: var(--dark); 
}
h2.title1 span{color: var(--primary); display: inline-block;}
.subtitle{display: inline-block; color: var(--black); text-transform: capitalize;
    font-size: 20px; line-height: 32px; margin: 0 0 5px; font-weight: 600;
    background: url("../images/logo-shape.svg") no-repeat 0 center;
    background-size: 34px; padding: 0 0 0 40px; 
}
.tophd p{max-width: 70%;}
.tophd.tophd-center p{ margin: 0 auto;}
.tophd1{
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap:50px;
}
.tophd1 >div{
    min-width: 40%;
}

.darksec .tophd,.darksec .tophd h2.title1,
.darksec .subtitle{color: var(--white);}
/**common**/
 

/**header**/
 
.site-header{ padding: 10px 0;
    position: fixed; left: 0; top: 0; width: 100%; z-index: 123;
    transition: .5s;
    background: var(--white);
}
.sticky .site-header{padding: 5px 0; }
.sticky .logo{max-width: 160px;}

.headerHold{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.logo{max-width: 250px; transition: .5s;}
.logo img{width:100%;}
.headerRight{
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap:24px;
}
.menulist,.menu-header-menu-container .menu{list-style: none; margin: 0; padding: 0; display: inline-flex;
    gap:24px;
}
.menulist li,
.menu-header-menu-container .menu li{display: inline-block;}
.menulist li a,
.menu-header-menu-container .menu li a{color: var(--black); padding: 5px 0;
    text-transform: uppercase; font-weight: 600;
    position: relative;
}
.menulist li a:after,
.menu-header-menu-container .menu li a:after{
    position: absolute; content: "";
    width: 0; height: 2px;
    background: var(--primary);
    bottom: 0;
    left: 0;
    transition: .5s;
}
.menulist li a:hover:after,
.menulist li.active a:after,
.menu-header-menu-container .menu li a:hover:after,
.menu-header-menu-container .menu li.current-menu-item  a:after{width: 40px;}

 
 


/**banner**/

.banner{ height:750px; position: relative; margin-top: 85px;}
.banner img{width: 100%; height: 100%; object-fit: cover;}
.banner:after{
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: rgba(18, 27, 42, .8);
}
.bannerContent{
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    text-align: center;
    color: var(--white);
    font-size: 24px;
    line-height: 34px;
    font-weight: 600;
    z-index: 1;
    max-width: 1170px;
    width: 100%;
}
.bannerContent h1{
    font-size: 64px; line-height: 76px;
    font-weight: bold; margin: 0 0 24px;
}
.bannerContent p{ margin: 0 0 24px;}
 

/**feature_sec**/
.feature_sec{}
.featureDiv{background: var(--white); padding: 20px; border-radius: 10px;
    position: relative;height: 100%;
}
.featureDiv:after{
    position: absolute;
    content: "";
    width: 110px;
    height: 110px;
    background: url(../images/substract1.svg) no-repeat right bottom;
    background-size: 110px;
        right: -1px;
    bottom: -1px;
}
.featureContent{padding-right: 25px;}
.productdetails .featureDiv:after{display:none;}
.featureDiv h3{font-size: 24px; line-height: 41px; font-weight: 600;
    color: var(--black); margin: 0 0 10px;
}
.featureDiv1 h3{font-size: 20px; line-height: 32px;}

.featureDiv p{margin: 0 0 10px;}
.featureDiv h4{font-size: 20px; line-height: 32px; font-weight: 600;
    color: var(--primary); margin: 0 0 5px;
}
.commonlist li {
    background: url(../images/double-angle.png) no-repeat 0 8px;
    background-size: 12px; 
    padding: 0 0 0 18px;
    margin: 0 0 10px;
}
.featureImg{border-radius: 10px; position: relative; margin:0 0 30px;}
.featureImg >img{border-radius: 10px; width: 100%; height: 320px;
    object-fit: cover;
}
.teamdiv .featureImg >img{border-radius: 50%; width: 120px; height: 120px;
    object-fit: cover;
}
.productdetails .featureImg >img{height:auto; max-height:400px; object-position:center 0}
.featureIco{display: inline-flex; align-items: center; justify-content: center;
    width: 70px; height: 70px; background: var(--primary);
    border-color: var(--white); border-style: solid;
    border-width: 7px 0 0 7px; position: absolute;
    right: 0; bottom: 0; border-radius: 10px 0 10px 0;
}
.featureIco:before{
    position: absolute;
    content: "";
    width: 10px;
    height: 10px;
    background: url(../images/subtract.svg) no-repeat 0 0;
    left: -15px;
    bottom: 0;
    background-size: 10px;
}
.featureIco:after{
    position: absolute;
    content: "";
    width: 10px;
    height: 10px;
    background: url(../images/subtract.svg) no-repeat 0 0;
    right: 0;
    top:-15px;
    background-size: 10px;
}
.featureIco >img{width: 40px;}

.read{width: 50px; height: 50px; display: inline-flex; align-items: center;
    justify-content: center; color: var(--primary); font-size: 25px;
    background: var(--white);
    border-radius: 50%;
    overflow: hidden;
    transform: rotate(-60deg);
}
.read i{position: relative; transition: .5s; left: 0; font-weight: bold;}
.read:after{ 
    position: absolute;
    content: "\F138";
    left: -50%;
    top: 50%;
    transform: translate(-50%,-50%);
    font-family: bootstrap-icons!important;
    transition: .5s; font-weight: bold;
}
.read:hover i, .featureDiv:hover .read i{left: 100%;}
.read:hover:after,
.featureDiv:hover .read:after {
    left: 50%;
}
.featureDiv .read{
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: 1;
}
span.read{
    transform: rotate(0deg);
}
span.read img{
    width: 20px;
}
span.read:after{display: none;}

.featureDiv,.featureIco:before,.featureIco:after,
.featureIco,.featureDiv h4,.featureDiv h3{transition: .5s;}
.featureDiv:hover{background: var(--bluedark); color: var(--white);}
.featureDiv:hover .featureIco:before,.featureDiv:hover .featureIco:after{
    background: url(../images/subtract2.svg) no-repeat 0 0;
}
.featureDiv:hover .featureIco{border-color: var(--bluedark);}
.featureDiv:hover h4,.featureDiv:hover h3{color: var(--white);}
.featureDiv:hover .commonlist li{
    background: url(../images/double-angle1.png) no-repeat 0 center;
    background-size: 12px;
}

.dateholder{list-style: none; margin: 0 0 15px; padding: 0;
    display: flex; align-items: center; gap:20px;
    font-size: 15px;
}
.dateholder li{display: flex; align-items: center;}
.dateholder i{display: inline-block;
    margin-right: 10px; font-size: 18px;
    color: var(--primary);
}
.dateholder li span p{margin:0;}

.blog_sec .featureDiv h3{font-size: 24px; line-height: 34px;}

.teamdiv{background: var(--lightbg);margin-bottom: 25px;}
.teamdetails .teamdiv{
    display:flex;
    align-items:center;
    gap:20px;
}
.teamdetails .teamdiv .featureImg{
    margin:0;
}

/**about_sec**/
 
.about_sec1 .row{
    flex-direction: row-reverse;
}
.about_sec1 .aboutVideo{margin-right: 0; margin-left: 35px;}
 
.aboutImg,.aboutVideo{
    text-align: right;
    position: relative;
    margin-right: 35px;
    height: 100%;
}
.aboutVideo:after{
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .4);
    left: 0;
    top: 0;
    border-radius: 15px;

}
.aboutVideo .play{
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
     z-index: 1;
	opacity:0;
}
.aboutImg img,.aboutVideo video{
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 20px;
}
.aboutCounter{
    border-style: solid;
    border-color: var(--white);
    border-width: 20px 0 0 20px;
    background: var(--white);
    border-radius: 20px 0 0 0;
    position: absolute;
     right: 0;
    bottom: 0;
}
.aboutCounter:before {
    position: absolute;
    content: "";
    width: 10px;
    height: 10px;
    background: url(../images/subtract.svg) no-repeat 0 0;
    left: -30px;
    bottom: 0;
    background-size: 10px;
}

.aboutCounter:after {
    position: absolute;
    content: "";
    width: 10px;
    height: 10px;
    background: url(../images/subtract.svg) no-repeat 0 0;
    right: 0;
    top: -30px;
    background-size: 10px;
}
.aboutCounter >div{ 
    padding: 20px;
    background: var(--lightbg);  
    text-align: center;
    border-radius: 20px;
    width: 230px;
}
.aboutCounter .count{
    border-bottom: 1px solid #ddd;
    font-weight: bold;
    color: var(--secondary);
    
}
.aboutCounter .counter{font-size: 64px; line-height: 76px;}
.aboutCounter  sup{font-size: 42px; line-height: 60px;}
 

.aboutContent{}
.aboutContent .tophd{margin: 0 0 20px;}
.aboutContent h3{font-size: 24px; line-height: 34px;
    color: var(--primary); margin: 0 0 10px;
}  
.aboutContent h4{font-size: 20px; line-height: 30px;
    color: var(--primary); margin: 0 0 10px;
}  
.aboutBottom{display: flex;   align-items: center;
    margin-top: 20px; gap:50px;
}
.ceodetails{
    display: flex;
    gap:15px;
    align-items: center;
}
.ceoContent h4{font-size: 20px; line-height: 22px; margin: 0 0 5px;
    font-weight: 600; color: var(--black);
}


/**key_benefit_sec**/
.key_benefit_sec{}
.key_benefit_div{
    text-align: center;
    border: 1px solid transparent;
    border-radius: 20px;
    box-shadow: 0 0 0 0 transparent;
    position: relative;
    margin-top: 0;
    transition: .5s;
    padding: 20px;
    margin: 0 0 20px;
}
.key_benefit_div:last-child{margin: 0;}
.key_benefit_div:hover{
    border: 1px solid var(--primary);
    box-shadow: 0 0 40px 10px rgba(0, 0, 0, .1);
    margin-top: -20px;
}
.key_benefit_div .ico{
    width: 65px;
    position: relative;
    display: inline-block;
    margin: 0 0 20px;
}
.key_benefit_div .ico img{
    width: 100%;
    position: relative;
    z-index: 1;
}
.key_benefit_div .ico:before{
    position: absolute;
    content: "";
    width: 50px;
    height: 50px; 
    background: var(--lightbg);
    right: -10px;
    bottom: -10px;
    border-radius: 50%;
}
.key_benefit_div h3{
    font-size: 24px; line-height: 34px; color: var(--black);
    font-weight: 600; margin: 0 0 10px;
}
.key_benefit_holder .row{
    align-items: center;
}
.key_benefit_divimg >img{
    max-width: 100%;
}

/**testiminial_sec**/
.testiminial_sec{}
.testdiv{padding: 30px; background: var(--lightbg); border-radius: 20px;
    position: relative;
}
.testdiv:after {
    position: absolute;
    content: "";
    width: 110px;
    height: 110px;
    background: url(../images/testcurve.svg) no-repeat right bottom;
    background-size: 110px;
    right: 0;
    top: 0;
}
.testdiv .invert{
    width: 50px;
    height: 50px;
    background: var(--primary);
    right: 0;
    top: 0;
    position: absolute;
    border-radius: 50%;
    padding: 10px;
    z-index: 1;
}
.testdiv .invert img{width: 100%;}
.testdiv .star{display: inline-block; margin: 0 0 20px;
    width: 160px;
}

.testimonialSlider{max-width: 80%; margin: 0 auto;}
.testimonialSlider .owl-nav button span {
    display: none;
}
.testimonialSlider .owl-nav button.owl-prev {
    background: var(--white);
    border: 1px solid var(--textColor);
    width: 50px;
    height: 50px;
    border-radius: 50%;
    box-shadow: 0 0 20px 0 rgba(255, 255, 255, .2);
    position: absolute;
    top: 50%;
    transform: translate(0, -50%);
    left: -100px;
}
.testimonialSlider .owl-nav button.owl-prev:before {
    content: "\F12F"; 
    font-family: bootstrap-icons !important;
    position: absolute;
    top: 50%;
    transform: translate(0, -50%);
    right: -10px;
    font-size: 35px;
    background: var(--white);
    color: var(--textColor);
}
.testimonialSlider .owl-nav button.owl-next {
    background: var(--white);
    border: 1px solid var(--textColor);
    width: 50px;
    height: 50px;
    border-radius: 50%;
    box-shadow: 0 0 20px 0 rgba(255, 255, 255, .2);
    position: absolute;
    top: 50%;
    transform: translate(0, -50%);
    right: -100px;
}
.testimonialSlider .owl-nav button.owl-next:before {
    content: "\F138"; 
    font-family: bootstrap-icons !important; 
    position: absolute;
    top: 50%;
    transform: translate(0, -50%);
    left: -10px;
    font-size: 35px;
    background: var(--white);
    color: var(--textColor);
}
/**contact_sec**/
.contact_sec{
    background: url(../images/contactbg.jpg) no-repeat 0 0;
    background-size: cover;
    background-attachment: fixed;
}
.contactForm{}
.contactForm .from-group{
    margin: 0;
}
.contactForm label{display: block; color: var(--black);
    margin: 0 0 5px; font-size: 18px;
}
.contactForm label span{display: inline-block; color: var(--textColor);
    font-size: 15px;
}
.contactForm br{display:none;}
.form-group p{margin:0;}
.contactForm input,.contactForm textarea{
    width: 100%;
    font-size: 14px;
    line-height: 16px;
    border-radius: 5px;
    padding: 15px;
    border: 1px solid var(--textColor);
    background: var(--white);
    margin: 0 0 24px;
    color: var(--black);
}
.contactForm textarea{
    height: 120px;
}
 
.contactForm input[type="submit"]{
    margin: 0;
    background: var(--btncolor);
    transition: .5s;
    padding: 15px 32px; 
    color: var(--white);
    border: none;
    width: auto;
    border-radius: 30px;
    text-transform: uppercase;
}
.contactForm input[type="submit"]:hover{
    background: var(--btnhover);
}


.contactimgholder{
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap:50px;
}
.contactImg1{ box-shadow: 0 20px 40px 0 rgba(53, 122, 161, .1);}
.contactImg1 img,.contactImg2 img{width: 100%;}
.contactImg2{width: 80%; box-shadow: 0 20px 40px 0 rgba(53, 122, 161, .1);} 

/**join_sec**/
.join_sec{
    background: url(../images/darkbg1.jpg) no-repeat right 0;
    background-size: cover;
    background-attachment: fixed;
}

.meeting_sec{
    background: url(../images/meetingbg.jpg) no-repeat right 0;
    background-size: cover; position: relative;
    background-attachment: fixed;
}
.meeting_sec:after{
    position: absolute;
    content: "";
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(12, 6, 57, .8);
}
.meeting_sec >div{
    position: relative;
    z-index: 1;
}


/**newsletter_sec**/

.newsletter_sec{
    background: url(../images/newletterbg.jpg) no-repeat right 0;
    background-size: cover;
}
 
 .wpcf7-form-control-wrap{display:block;}
 .wpcf7-not-valid-tip{    position: absolute;
    bottom: 0;
    font-size: 12px !important;}
.newsletterForm{
    display: flex;
    flex-direction: column;
    gap: 30px; 
    align-items: flex-start;
}
.newsletterForm p{margin:0;}
.newsletterForm br{display:none;}
.newsletterForm input{
    width: 100%;
    font-size: 14px;
    line-height: 16px;
    border-radius: 5px;
    padding: 15px;
    border: 1px solid var(--white);
    background: var(--white); 
    color: var(--black);
        margin: 0 0 25px;
}
.newsletterContent label{display: block; margin: 0 0 5px; color: var(--black);}

.newsletterForm input[type="submit"]{
    margin: 0;
    background: var(--btncolor);
    border: 1px solid var(--btncolor);
    transition: .5s;
    padding: 15px 32px;
    font-size: 16px;
    line-height: 20px;
    color: var(--white); 
    width: auto;
    text-transform: uppercase;
    border-radius: 30px;
}
.newsletterForm input[type="submit"]:hover{
    background: var(--btnhover);
    border: 1px solid var(--btnhover);
}



/**footer**/
.site-footer{
    background:#fff url(../images/footerbg.jpg) no-repeat center bottom;
    padding: 30px 0 0 0;
    background-size: cover;
}
.footerTop a{color: var(--black);}
.footerTop a:hover{color: var(--primary);}
.footerTop{padding: 40px 0;}
.footerTopHold{display: flex; justify-content: space-between;
    gap:60px;
}

.footerDiv{width: 33%;} 
.footerDiv .logo1{display: inline-block; width: 250px; margin: 0 0 24px;}
.footerDiv .logo img{}
.footerDiv h2{font-size: 24px; line-height: 34px; position: relative;
    font-weight: 600; margin: 0 0 24px; color: var(--black);
}
.footerDiv h2:after{
    position: absolute;
    content: ""; width: 40px; height: 2px;
    background: var(--primary);
    left: 0; bottom: 0;
}
.footerDiv ul{}
.footerDiv ul li{margin: 0 0 12px;} 
.footerDiv ul.footerlist2{
    display: flex;
    flex-wrap: wrap;
}
.footerDiv ul.footerlist2 li{
    background: url(../images/double-angle.png) no-repeat 0 center;
    background-size: 12px;
    width: 35%;
    padding: 0 0 0 18px;
}
.footerDiv ul.footerlist1 li{margin: 0 0 24px;}
.footerDiv ul.footerlist1{}
.footerDiv ul.footerlist1 li a{
    display: flex;
    gap:10px;
}
.footerlist1 .ico{
    width: 20px;
}
 

.socialdiv{
    display: flex;
    gap:15px;
    color: var(--black);
}
.socialdiv ul{
    display: flex;
    gap:15px;
}
.socialdiv ul li{
    width: 25px;
}
.socialdiv ul li a{display: block;}


.footerBottom{padding: 30px 0 ; background: rgba(255, 255, 255, .5);}
.footerBottomHold{ 
    
    display: flex; align-items: center; justify-content: space-between;}
.footerBottomHold p,.footerBottomHold ul{ margin:0; padding:0; }
.footerBottomHold ul li{display: inline-block; vertical-align: middle;
    margin: 0 20px;
}
.footerBottomHold ul li:last-child{margin-right: 0;} 
.footerBottomPart:first-child a{color: var(--secondary);}
.footerBottomPart:first-child a:hover{color: var(--primary);}
.footerBottomPart:nth-child(2) a{color: var(--primary);}
.footerBottomPart:nth-child(2) a:hover{color: var(--secondary);}
.footerBottomPart:last-child a{color: var(--black);}
.footerBottomPart:last-child a:hover{color: var(--primary);}
.footerBottomPart:last-child li{position: relative;}
.footerBottomPart:last-child li:after{
    position: absolute;
    content: "";
    top: 50%;
    right: -20px;
    transform: translate(0,-50%);
    background: var(--black);
    width: 2px;
    height: 15px;
    opacity: .5;
}
.footerBottomPart:last-child li:last-child:after{
    display: none;
}


/**mobile menu**/
.menubtn{
    width: 45px;
    height: 45px;
    background: var(--primary);
    padding: 8px; 
    z-index: 124;
    margin-left: 10px;
    border-radius: 5px; 
    position: relative;
    display: none;
}
.menubtn span{
    display: inline-block;
    background: var(--white);
    width: 100%;
    height: 3px;
}

.mobilemenu{
    position: fixed;
    right: -100%;
    height: 100%;
    top: 0;
    background: rgba(0, 0, 0, .5);
    transition: .5s;
    z-index: 124;
    width: 100%;
    display: flex;
    justify-content: flex-end;
}
.mobilemenu.active{
    right: 0;
}
.cross{
    position: absolute;
    width: 38px;
    height: 38px;  
    line-height: 0; 
    background: var(--white);
    color: var(--black);
    padding: 5px;
    right: 5px;
    top: 5px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
	z-index:12;
}
.mobilemenu ul{
    padding: 40px 20px;
    background: var(--primary);
    width: 320px;
    list-style: none;
    margin: 0; 
}
.mobilemenu ul li:before{display: none;}
.mobilemenu ul li a{
    display: block;
    margin: 5px 20px;
    color: var(--white);
    border-radius: 25px;
    position: relative;
}
.mobilemenu li a:after{
    position: absolute;
    content: "";
    width: 0;
    height: 2px;
    background: var(--primary);
    transition: .5s;
    left: 0;
    bottom: 0;
}
.mobilemenu li a:hover:after{
    width: 100%;
}


.mobilemenu ul.submenu1{
    padding: 0 0 0 15px;
    display: none;
}
.mobilemenu ul li.haschild1 >a{
    position: relative;
}
.mobilemenu ul li.haschild1 >a:before{
    position: absolute;
    content: "";
    right: 0;
    top: 10px;
    border-width: 2px 2px 0 0;
    border-style: solid;
    border-color: var(--white);
    padding: 3px;
    transform: rotate(135deg);
}
.mobilemenu ul li{
    margin: 0 0 10px;
}

/**inner pages**/
.innerbanner{position: relative; height: auto;}
.innerbanner:after{
    position: absolute;
    content: "";
    left: 0; top: 0; width: 100%; height: 100%;
    background: rgba(0, 0, 0, .4);
}
.innerbanner img{width: 100%;}
.bannerContent{
    position: absolute;
    left: 50%;
    top: 60%;
    transform: translate(-50%,-50%);
    width: 100%;
    z-index: 1;
    max-width: 1290px;
    text-align: left;
}
.bannerContent h1{font-size: 70px; line-height: 80px; margin: 0 0 10px;

}
.breadcrumbs{display: flex; align-items: center;
    list-style: none; margin: 0; padding: 0; gap:10px;
}
.breadcrumbs li{display: inline-flex;}
.breadcrumbs li:after{
    position: relative;
    display: inline-flex;
    align-items: center;
    content: "/";
    margin-left: 10px;
}
.breadcrumbs li:last-child:after{display: none;}
.breadcrumbs li a{display: block; color: var(--white);} 
.breadcrumbs li.active a{color: #72a8c7;}


/* NIH page */

.pb-50{
    padding-bottom: 50px;
}
.pt-80{
    padding-top: 80px;
}

.nih-text h2{
    font-size: 35px;font-weight: 600;
    color: var(--dark);
    margin-bottom: 25px;
}
.nih-text h4{
    font-size: 20px;
    color: var(--btnhover);
    margin-bottom: 5px;
}
.nih-text p{
    font-size: 16px;
    color: #4F4F4F;
    margin-bottom: 20px;
}
.nih-text ul{
    padding: 0;margin: 0;
}
.nih-text li{
    font-size: 16px;
    color: #4F4F4F;
    margin-bottom: 20px;
}
.nih-text li span{
    font-size: 16px;font-weight: 600;
    display: inline-block;
}


/**blog**/
.clientcom input{
    border-radius: 25px;
    width: 100%;
    border: 1px solid #868686;
    padding: 10px 20px;
    outline: 0;
    color: var(--white);
    background: transparent url(../images/search1.svg) no-repeat right 10px center;
}
.clientcom input::placeholder {
  color: #868686; 
}
.clientcom form{
    position: relative;
}
.clientcom .serachbut{
    position: absolute;
    top: 12px;
    right: 18px;
}
.clientcom h2{
    font-size: 24px;
    position: relative;
    padding-bottom: 5px;
    margin-bottom: 20px;
}
.clientcom{
    margin-bottom: 50px;
}
.clientcom h2:before{
    position: absolute;
    content: "";
    left: 0;
    bottom: 0;
    width: 55px;
    height: 2px;
    border-radius: 2px;
    background: var(--secondary);
}
.rpostimg a img{
    width: 80px;
    height: 80px;
    border-radius: 10px;
}
.blogarc ul li{
    display: flex;
    justify-content: space-between;
    padding: 20px 0;
    border-bottom: 1px solid #603913;
}
.blogarc ul li a,.blogarc ul li span{
    color: var(--textColor);
    font-size: 18px; 
}
.posti{
    display: flex;
    align-items: center;
    gap: 20px;
}
.postdate{
    color: var(--primary);
    display: block;
    margin: 0 0 10px;
}
.postitem .posti{font-size: 16px; line-height: 20px;}
.rpostcont h4{
    font-weight: 600;
    font-size: 18px; line-height: 24px;
}
.rpostcont h4 a{
    color: #868686; 
}
.postitem{
    padding: 20px 0;
    border-bottom: 1px solid #603913;


}
.bloginban .blogin .row >div{
    margin: 0 0 30px;
}
.blogtags ul{
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
}
.blogtags ul li a{
    color: #868686;
    transition: 0.5s;
     padding: 5px 10px;
     border:1px solid #868686;
     border-radius: 5px;
     display: block;
}
.blogtags{
    padding-top: 20px;
}
.blogtags ul li a:hover{
    background: var(--primary);
    color: var(--white);
}

.blogdetails .blogDiv h2 {
    font-size: 32px;
    font-weight: 700;
    color: var(--black);
    margin-bottom: 10px;
}

.blogdetails .date {color: var(--white); display: block;
    
}
.blogdetails .date i{
    color: var(--secondary);
    margin-right: 10px;
}
.blogdetails .blogDiv >img{border-radius: 10px;}
.blogdetails .blogDiv >img,
.blogdetails .date{
    margin: 0 0 50px;
}
.blogdetails h3{
    font-size: 24px; line-height: 30px;
}
.blogdetails h4{
    font-size: 20px; line-height: 26px;
    margin: 0 0 30px;
}
.blogdetails h3,.blogdetails p{margin: 0 0 24px;}
.blogdetails figcaption{
    padding: 0px 10px;
    border-left: 2px solid var(--white);
    display: block;
    position: relative;
    font-weight: 500;
    top: -30px;
    color: var(--white);
}

.pagination{display: none;}


/**contact page**/
.contactInfoDiv{ 
    padding: 32px;
    text-align: center;
    height: 100%;
}
.contactInfoDiv .ico{
    width: 55px; height: 55px; 
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 5px;
    margin: 0 0 15px;
}
 
.contactInfoDiv span{}
.contactInfoDiv span.ico{}
.contactInfoDiv h2{font-size: 24px; line-height: 30px; color: var(--white);
margin: 0;
}
.contactInfoDiv p{margin: 0 0 20px;}
.contactInfoDiv address,
.contactInfoDiv a{color: var(--dark); font-style: normal;
    display: block; font-weight: 600;
    font-size: 20px; line-height: 30px;
}
.contactInfoDiv a:hover{color: var(--primary);}
.contactForm_sec .contactForm{
    padding-right: 50px;
}
.contactForm_sec .contactForm input,
.contactForm_sec .contactForm textarea{
    border:1px solid var(--textColor);
    background: none;
    border-radius: 8px;
}
.contactForm_sec .contactForm input[type="submit"]{
    width: auto;
    background: var(--btncolor);
    border: none;
    border-radius: 30px;
    padding: 15px 32px;
    line-height: 26px;
    font-size: 16px;
}
.contactForm_sec .contactForm input[type="submit"]:hover{
    background: var(--btnhover);
}
.contactimg{
    position: relative;
    margin-right: 80px;
}
.contactimg img{
    border-radius: 10px;
}
  
.cn_no{
    border-style: solid;
    border-color: var(--white);
    border-width: 20px 0 0 20px;
    background: var(--white);
    border-radius: 20px 0 0 0;
    position: absolute;
     right: 0;
    bottom: 0;
    text-align: left;
}
.cn_no:before {
    position: absolute;
    content: "";
    width: 10px;
    height: 10px;
    background: url(../images/subtract.svg) no-repeat 0 0;
    left: -30px;
    bottom: 0;
    background-size: 10px;
}

.cn_no:after {
    position: absolute;
    content: "";
    width: 10px;
    height: 10px;
    background: url(../images/subtract.svg) no-repeat 0 0;
    right: 0;
    top: -30px;
    background-size: 10px;
}
.cn_no >div{ 
    padding:40px  20px;
    background: var(--lightbg);   
    border-radius: 20px; 
}
.cn_no .number{ 
    font-weight: 600;
    color: var(--secondary);   
    font-size: 30px;
    line-height: 34px;
} 

.ab_sm_div h4{
    font-size: 18px;
    line-height: 34px;
    color: var(--primary);
    margin: 0 0 10px;
} 
.ab_sm_div1 h4{position: relative; padding: 0 0 0 35px;}
.ab_sm_div1 h4:before{
    position: absolute;
    content: "";
    background: url(../images/homeico.svg) no-repeat 0 0;
    background-size: 30px;
    width: 30px;
    height: 32px;
    left: 0;
    top: 0;
}
.ab_sm_div2{
    position: relative;
    padding: 0 0 0 60px;
}
.ab_sm_div2:before{
    position: absolute;
    content: "";
    background: url(../images/homeico.svg) no-repeat 0 0;
    background-size: 50px;
    width: 50px;
    height: 55px;
    left: 0;
    top: 5px;
}
.ab_sm_div2 h4{color: var(--black); margin: 0;}
.about_sec .aboutico{
    width: 120px;
    height: 120px; 
    display: inline-flex; align-items: center; justify-content: center;
    position: absolute;
    background: var(--white);
    right: 0;
    top: 0;
    border-width: 0 0 30px 30px;
    border-style: solid;
    border-color: var(--white);
    border-radius: 0 0 0 20px;
}
.about_sec2 .aboutico{
    background: var(--lightbg);
    border-color: var(--lightbg);
}
.about_sec2 .aboutico:before,
.about_sec .aboutico:before{
    position: absolute; content: "";
    left: -60px; top: 0; background: url(../images/shape5.svg) no-repeat 0 0;
    width: 30px; height: 30px;
}
.about_sec2 .aboutico:after,
.about_sec .aboutico:after{
    position: absolute; content: "";
    right: 0; bottom: -60px; background: url(../images/shape5.svg) no-repeat 0 0;
    width: 30px; height: 30px;
}
.about_sec2 .aboutico:after,
.about_sec2 .aboutico:before{
    filter: invert(0) brightness(100);
}
.about_sec .aboutico:after,
.about_sec .aboutico:before{
    filter: inherit;
}


.about_sec .aboutico >div{width: 90px; height: 90px;
    display: inline-flex; align-items: center; justify-content: center;
    background: var(--lightbg);
    border-radius: 15px;
}
.about_sec2 .aboutico >div{
    background:var(--white) ;
}
.about_sec2 .aboutico img,
.about_sec .aboutico img{width: 40px; height: 40px; 
    object-fit: contain; border-radius: 0;
} 

.faq_sec{}
.faq_sec .row{
    flex-direction: row-reverse;
}
.faqimg{position: relative;}
.faqimg img{
    border-radius: 20px;
}
.faqimg .cn_no{
    right: 0;
    top: 0;
    bottom: auto;
    text-align: center;
    border-width: 0 0 20px 20px;
    border-radius: 0 0 0 20px;
}
.faqimg .cn_no:before{
    left: -30px;
    top: 0; 
    transform: rotate(-90deg);
}
.faqimg .cn_no:after{
    right:0;
    bottom: -30px; 
    transform: rotate(-90deg);
    left: auto;
    top: auto;
}
.faqimg .cn_no .number{display: inline-block;}
.faqimg .cn_no .number + span{display: block;}
.faqimg .cn_no .number img{width: 52px;}
.faqContent{}
.faqdiv{
    border: 1px solid #dee0e5;
    padding: 20px;
    border-radius: 10px;
    margin: 0 0 20px;
}
.faqdiv p{margin: 0;}
h3.faqhead{
    font-size: 18px;
    font-weight: 600;
    color: var(--primary);
    margin: 0;
    padding: 0 30px 0 0;
    
    cursor: pointer;
    background: url(../images/bottomarr.svg) no-repeat right 5px;
}
.faqpara{
    border-top: 1px solid #dee0e5;
    padding: 20px 0 0 0;
    margin: 20px 0 0;
    display: none;
}
.faqpara{}
.faqpara p{}


.feature_sec1 .row >div{
    margin: 0 0 20px;
}
.feature_sec1 .featureDiv{
    background: var(--lightbg);
}
.feature_sec1 .featureDiv .read{
    background: var(--lightbg);
}
.feature_sec1 .featureDiv:after{
    background: url(../images/subtract3.svg) no-repeat right bottom;
    background-size: 110px;
        right: -1px;
    bottom: -1px;
}
.feature_sec1 .featureDiv:hover{
    background: var(--secondary);
}

/* blog-details page */

.blogdetails .blogDiv h2{
    font-size: 32px;font-weight: 700;
    color: var(--black);margin-bottom: 10px;
}
.blogdetails .blogDiv .date{
    font-size: 16px;font-weight: 6 00;
    color: var(--primary);
    margin-bottom: 30px;
}
.blogdetails .blogDiv img{
    margin-bottom: 40px;
}
.blogdetails .blogDiv h3{
    font-size: 24px;font-weight: 600;
    color: var(--black);margin-bottom: 20px;
}
.blogdetails .blogDiv p{
    font-size: 16px;color: #4F4F4F;
    margin-bottom: 20px;
}
.blogdetails .blogDiv figcaption{
    padding: 0px 10px;
    border-left: 2px solid var(--primary);
    display: block;
    position: relative;
    font-weight: 600;
    top: -30px;
    color: var(--primary);
}
.blogdetails .blogDiv h4{
    font-size: 20px;font-weight: 600;
    color: var(--black);
    margin-bottom: 25px;
}
.clientcom.rightpost h2{
    font-size: 24px;
    font-weight: 700;
    color: var(--black);
    position: relative;
    padding-bottom: 5px;
    margin-bottom: 20px;
}
.clientcom.rightpost h2:before {
    position: absolute;
    content: "";
    left: 0;
    bottom: 0;
    width: 55px;
    height: 2px;
    border-radius: 2px;
    background: var(--primary);
}
.clientcom.rightpost h4{
    margin: 0;
    font-size: 16px;font-weight: 600;
}
.clientcom.rightpost h4 a{
    color: var(--black);
}



/* career page */

.therasearch form input{
    width: 100%;
    border: 1px solid var(--textColor);
    padding: 11px 0 11px 20px;
    border-radius: 5px;
    outline: 0;
}
.therasearch form input::placeholder{
    font-size: 16px;
    color: var(--black);
}
.therasearch form{
    position: relative;
}
.searchbut{
    position: absolute;
    top: 0;
    right: 0;
    background: var(--primary);
    height: 100%;
    width: 56px;
    border-radius: 0 4px 4px 0;
    display: flex;
    align-items: center;
    justify-content: center;
}
.therasearch form .searchbut input{
    width: 24px;
    background: url(../images/search.svg) no-repeat 0 0;
    font-size: 0;
    padding: 0;
    border: none;
    outline: 0;
}

 .theraup .row{
    align-items: center;
    justify-content: space-between;
 }
 .sortdrop .topdrop .nav-link {
    color: var(--secondary);
    font-size: 18px;
    font-weight: 600;
}
.sortdrop .topdrop ul{
    margin-bottom: 0;
}
.sortdrop .topdrop{
    display: flex;
    align-items: center;
    justify-content: end;
}
.sortdrop .topdrop .dropdown-toggle::after{
    position: relative;
    content: "";
    background: url(../images/angle-down.svg) no-repeat 0 0;
    top: 3px;
    width: 17px;
    height: 14px;
    object-fit: cover;
}
.therapbox{
    border-radius: 15px;
    border: 1px solid #e2e4e8;
    padding: 30px;
}
.therapbox h3{
    color: var(--black);
    font-size: 24px;
    font-weight: 600;
}
.therapbox p{
    color: #4F4F4F;
    -webkit-line-clamp: 4;
    font-size: 16px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    margin: 0;
}
.diffpoint ul li{
    position: relative;
    margin-bottom: 20px;
    padding-left: 29px;
    font-size: 16px;
    color: var(--textColor);
}
.diffpoint ul li:last-child{
    margin-bottom: 0;
}
.diffpoint ul li:before{
    position: absolute;
    content: "";
    left: 0;
    top: 0;
    background: url(../images/location.svg) no-repeat 0 0;
    width: 16px;height: 22px;
    background-size: cover;
}
.therapbox .row{
    justify-content: space-between;
    align-items: center;
}
.therapbox{
    margin-top: 30px;
}
.diffpoint ul{
    margin-bottom: 0;
}
.diffpoint{
    padding-left: 66px;
}

.blog-pagination{
    margin-top: 40px;
}
.blog-pagination nav ul li:before{
    background: none;
    content: none;
}
.blog-pagination nav ul li a{
    width: 40px;
    height: 40px;
    background: #fff;
    color: var(--secondary);
    border: 1px solid var(--secondary);
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    outline: 0;
}
.blog-pagination nav ul li{
    margin: 0 16px;
    outline: none;
}
.blog-pagination .pagination{
    justify-content: center;
    display: flex;
    padding-top: 70px;
    margin-bottom: 0;
}

.blog-pagination .page-link:hover,.blog-pagination .page-link.active{
    background: var(--secondary) !important;
    color: #fff !important;
}
.page-item:first-child .page-link, .page-item:last-child .page-link {
    border-radius: 10px!important;
}


#menu-header-menu li{position:relative;}
#menu-header-menu .sub-menu{
    width: 250px;
    padding: 30px 20px;
    box-shadow: 0 5px 10px 0 rgba(0, 0, 0, .2);
    border-radius: 8px;

    position: absolute;
    top: 100%;
    left: 0;
    background: var(--white);
    transition: .5s;
    transform: rotateX(90deg);
    transform-origin: center 0;
}
#menu-header-menu li:hover .sub-menu{
    transform: rotateX(0deg);
}
#menu-header-menu li .sub-menu li{margin: 0; display: block;}
#menu-header-menu li .sub-menu li a{padding: 10px 15px; border-radius: 8px;
    display: block;
}
#menu-header-menu li .sub-menu li a:hover{
    background: var(--primary);
    color: var(--white);
}
 
 
@media (max-width:1300px){
    .container{max-width: 1170px;}
    .logo{max-width: 200px;}
    .menulist,.headerRight{gap:20px;}
}

@media (max-width:1199px){
    .cmnbtn{padding: 10px 25px;}
    .logo{max-width: 190px;}
    .menulist li a{
        font-size: 15px;
    }
    .menulist,.headerRight{gap:10px;}
    .bannerContent{
        max-width: 1000px;
    }
    .bannerContent h1{
        font-size: 55px; line-height: 65px;
    }
     
    .banner.innerbanner{height: 250px;}
}

@media (max-width:991px){
    .container{
        max-width: inherit;
        padding: 0 25px;
    }
    .headerRight .menu-header-menu-container,
    .menulist{
        display: none;
    }
    .menubtn{
        display: flex;
        flex-wrap: wrap;
        align-items: center;
    }

    .banner{height: 600px;}
    .bannerContent{max-width: inherit; padding: 0 25px;}

     .featureImg >img{height: 220px;}
     .blog_sec .featureDiv h3{font-size: 18px; line-height: 26px;}
     .testimonialSlider{max-width: 90%;}
     .testimonialSlider .owl-nav button.owl-prev{
        left: -55px;
     }
     .testimonialSlider .owl-nav button.owl-next{
        right: -55px;
     }
     .aboutImg{
        margin: 0 0 30px;
        height: auto;
     }
     .featureDiv h3{
        font-size: 18px;
        line-height: 26px;
     }


     .contactInfoDiv{
        padding: 10px;
     }
     .contactInfoDiv address, .contactInfoDiv a{
        font-size: 17px;
     }
     .contactimg{
        margin-right: 0;
     }
	.about_sec .aboutVideo{
		margin-right: 0;
		margin-left: 0
	}
	
	.mobilemenu .menu{display:block;}
	.mobilemenu ul{padding:0;}
	.mobilemenu ul li{display:block; margin:0;}
	.mobilemenu ul li a{color:#fff;}
	.menulist li, .menu-header-menu-container .menu li{display:block;}
	.menulist li a, .menu-header-menu-container .menu li a{color:#fff;}
	.menu-header-menu-container .menu li.menu-item-has-children > a{display:none;}
	
	.featureDiv{padding:15px;height: auto;}
	.feature_sec .row{
		row-gap: 25px;
	}
	.featureContent {
		padding-right: 30px;
	}
	.footerDiv ul.footerlist2 li{width:100%;}
	.read{width:35px; height:35px;}
	.featureDiv:after{width:80px; height:80px; background-size:80px;}
	
	.menu-header-menu-container .menu li.current-menu-item a{width:auto;}
}
 
@media (max-width:767px){
    .banner{margin-top: 70px;}
    .bannerContent h1{font-size: 40px; line-height: 50px;}
    .aboutBottom{
        flex-wrap: wrap;
        gap:20px;
    }
    .footerTopHold{
        flex-wrap: wrap;
        gap:20px;
    }
    .footerDiv{
        width: 100%;
    }
    .footerBottomHold{
        flex-wrap: wrap;
        gap:10px;
        text-align: center;
        justify-content: center;
    }
    .blog_sec .row >div,
    .feature_sec .row >div{margin: 0 0 20px;}
    .tophd1{
        flex-wrap: wrap;
        gap:0;
    }
    .testdiv .star { 
        margin: 0 0 10px;
        width: 135px;
    }
    .tophd{
        margin: 0 0 25px;
    }
    .tophd p{
        max-width: inherit;
        margin: 0;
    }
    .testimonialSlider .owl-nav button.owl-prev{
        left: -20px;
    }
    .testimonialSlider .owl-nav button.owl-next{
        right: -20px;
    }
    .testimonialSlider .owl-nav button.owl-prev,
    .testimonialSlider .owl-nav button.owl-next{
        width: 30px;
        height: 30px;
    }
    .testimonialSlider .owl-nav button.owl-prev:before{
        font-size: 17px;
        right: 0;
        background: none;
    }
    .testimonialSlider .owl-nav button.owl-next:before{
        font-size: 17px;
        left: 0;
        background: none;
    }
    h2.title1{
        font-size: 28px;
        line-height: 35px;
    }
    .aboutCounter .counter{
        font-size: 40px;
        line-height: 40px;
    }
    .aboutCounter sup{
        font-size: 28px;
        line-height: 40px;
    }
    .aboutCounter >div{
        width: 174px;
    }
    .aboutImg img{height: 300px;}

    .contactimg{margin: 0  0 30px;}
    .contactForm_sec .contactForm{
        padding: 0;
    }
    
    .footerBottomPart{font-size:14px;}
    .footerBottomHold ul li{margin:0 8px;}
    .footerBottomPart:last-child li:after{right:-12px;}
	    .faqimg .cn_no .number img {
        width: 38px;
    }
	    .faqimg .cn_no >div {
        padding: 20px 10px;
    }
	    .faqimg .cn_no .number + span {
        display: none;
    }
	
	
}

@media (max-width:576px){
    .headerRight .cmnbtn{display: none;}
}
@media (max-width:479px){
    .banner{height: 500px;}
    .bannerContent{
        font-size: 16px;
        line-height: 24px;
        padding: 0 15px;
    }
    .bannerContent h1{font-size: 25px; line-height: 35px;}
	.therapbox .diffpoint{
		    padding-left: 0;
	}
	.blog-pagination nav ul li {
    margin: 0 5px;
    outline: none;
}
	.team_sec{
		padding-top: 0;
		padding-bottom: 0
	}
}
.video_in_sec video{
	 width: 100%;
	height: 500px;
	object-fit: cover;
	border-radius: 15px;
}