body{ margin: 0; padding: 0; font-family: 'Poppins', sans-serif !important;}

.mobilemenu li{list-style: none;}

.mobilemenu a img {width: 65%;margin: 0 0 0px 60px;}

.mobilemenu a.btnNavToggle img {width: 7%;margin: 0 0 0px 10px;}

.btnNavToggle i{font-size: 25px;}

.navigations {

  background-color: #fff;

  border-color: #fff;

  margin: 0px 0 0;

  padding: 5px 20px;

  border-bottom: 2px solid #fff;

}nav ul li { list-style-type:none;}

nav ul li a {padding: 0px 25px 0px;font-size: 14px;display: block;color: #000;font-weight: 400;list-style-type: none;}

nav ul li a:hover{color: #2A9DBC;text-decoration: none;}

ul.mainNav {padding: 0; margin: 0;}

nav ul li a:hover {color: #2A9DBC;}

.mobmenu {display: none!important;}

a.popupbtn{ background-color: #052944; border: 1px solid #052944; color: #fff; border-radius: 20px; padding: 5px 20px;}

a.popupbtn:hover{ color: #fff; background-color: #2A9DBC; border:1px solid #2A9DBC; text-decoration: none;}

.topheader {background-color: #2A9DBC;    padding: 4px 0 6px;}

.topheader ul.iconTop{padding-left: 0; display: flex; margin-bottom: 0;}

.topheader ul.iconTop li{list-style: none; margin-right: 10px;}

a.btntopheader {background-color: #C84D9E;border-radius: 20px;padding: 8px 20px;color: #fff;position: relative;bottom: -20px;float: right;}

a.btntopheader:hover {color: #fff; text-decoration: none;}

a.btntopheader span { background-color: #fff; color: #000;border: 2px solid #c84d9e; border-radius: 50%; padding: 10px 15px; margin-left: -22px;}

.scroll-header .navigations {

  margin: 0;

  padding: 0 20px;z-index: 99;

}

/*MainBanner Start*/

.mainbanner {position: relative;}

.blogs-section {position: relative;}

.mainbanner .bannertext {

  position: absolute;

  top: 50%;

  left: 10%;

  transform: translateY(-50%);

  color: #154d6d;

  width: 38%;

}.mainbanner .bannertext h1 {font-size: 34px;font-weight: 700;color: #fff;margin: 15px 0;text-transform: uppercase;}

.mainbanner .bannertext p {color: #fff;line-height: 36px;font-size: 16px;}

#main-carousal .owl-prev {position: absolute;top: 42%;left: 10px;font-size: 40px;color: #fff;}

#main-carousal .owl-next {position: absolute;top: 42%;right: 10px;font-size: 40px;color: #fff;}

.homeBtn{background-color: #C84D9E;border-radius: 20px;padding: 8px 20px;color: #fff; font-size: 14px;   display: inline-block;

  width: 230px;}

.whitebtn {

  background-color: #ffffffb5;

  border-radius: 20px;

  padding: 8px 20px;

  color: #C84D9E;

  font-size: 14px;

  display: inline-block;

  width: 230px;

}

.whitebtn:hover{background-color: #fff;border-radius: 20px;padding: 8px 20px;color: #C84D9E; font-size: 14px; text-decoration: none;}

a.homeBtn:hover {color: #fff; text-decoration: none;}

.owl-theme .owl-nav {margin-top: 0 !important;}

button:focus {outline: inherit !important;outline: inherit !important;}

.scroll-header {position: fixed;top: 0;width: 100%;z-index: 9999999;left: 0;right: 0;box-shadow: 0 0 10px #d5d5d5;background-color: #fff;}

/*MainBanner End*/





/**** middle Section ***/

.psychiaty-section { position: relative; z-index: 999;}

.good-Box { background-color: #C84D9E; padding: 50px 20px 50px 120px;  z-index: 99;    position: relative;}

.good-Box h2{ color: #fff;}

.good-Box p{ color: #fff;}

.good-Box .good-Textbox{ height: 200px;}

.good-Box::before {

  content: "";

  background: url(../images/plusIcon.png) 0% 0% / contain no-repeat;

  width: 200px;

  height: 120px;

  position: absolute;

  left: 10px;

  z-index: 9;

  top: 0;

  opacity: 100%;

}

.bucks_section {background-color: #fff; height: 400px; position:absolute; top: -50px; z-index: 9; width: 100%;}

.bucks_section::before {

  content: "";

  background-color: #D9D9D9;

  width: 90px;

  height: 71px;

  position: absolute;

  top: 21px;

  left: -39px;

  transform: rotate(45deg);

  z-index:9;

}

.bucks_section::after {

  content: "";

  background-color: #D9D9D9;

  width: 90px;

  height: 71px;

  position: absolute;

  bottom:21.59px;

  left: -52px;

  transform: rotate(45deg);

  z-index: 9;

}



.bucks_section .innerBuck{padding: 50px 40px;

  background: #fff;

  z-index: 9999;

  position: relative; height: 400px;}

.bucks_section ul {padding-left: 0; }

.bucks_section ul li {

  list-style: none;

  display: flex;

  margin-bottom: 15px;

  font-size: 14px;

}

.bucks_section ul li img { margin-right: 10px;}



/******* ApproachSection ****************/

.approachSection{background:url(../images/bannergirl.png)center center no-repeat;background-size:cover;padding:180px 0 140px;color:#000;position:relative}

.approachSection h4 { color: #fff;}

.approachSection p { color: #fff;}





/******* PremierSection ****************/

.premierSection { text-align: center; margin: 50px 0; padding: 30px 0;}

.premierSection .premierBox{background-color:#2a9dbc;border-radius:50%;padding:50px;height:180px;width:180px;display:flex;justify-content:center;align-items:center; margin: auto;}

.premierSection .premierText { margin: 10px 0;}

.premierSection h4{margin-bottom: 20px;}

.premierSection .row.justify-content-center.align-items-center.mt-5{

  margin-top: 70px !important;

}





/******   AppointmentSection **********/

.appointmentSection {position: relative; content: ""; background-image: url(../images/appointmentBanner-desk.png); width: 100%; text-align: center; background-repeat: no-repeat; background-size: cover; padding: 100px 0;}

.appointmentSection h4 { font-size: 20px; text-transform: uppercase; color: #fff; line-height: 25px; }

.appointmentSection h5 { font-size: 25px; color: #fff; margin: 20px 0;}

.appointmentSection p {color: #fff;     margin-bottom: 40px;}

.appointmentSection a {color: #fff; text-decoration: underline;}

.appointmentSection a:hover {color: #fff; text-decoration: none; }

.appointmentSection:after {

  content: "";

  background-image: url(../images/bg-round.png);

  width: 250px;

  height: 250px;

  position: absolute;

  bottom: -80px;

  right: 100px;

  background-size: contain;

}







/********* testimonial-section **********/

.testimonial-section { padding: 80px 0 100px; background-color: #E8E4E4;}

.testimonial-section h4.title{ font-size: 24px; text-align: center; margin-bottom: 60px;}

.testimonial-section p{font-size: 18px;}





.testimonial-section .testimonial-text a{ text-decoration: underline; color: #C84D9E; font-size: 16px; margin-top: 30px;}

.testimonial-section .testimonial-text a:hover{ text-decoration: none;}

/* #testimonial-carousel .owl-prev {position: absolute;top: -45px;left: -50px;font-size: 70px;color: #D9D9D9;}

#testimonial-carousel .owl-next {position: absolute;top: -45px; right: -50px;font-size: 70px;color: #D9D9D9;} */

#testimonial-carousel .owl-nav {

  position: absolute;

  top: 25%;

  transform: translateY(-50%);

  width: 100%;

}

#testimonial-carousel .owl-prev {

  transform: translateY(-50%);

  position: absolute;

  top: 50%;

  left: -60px;

  font-size: 40px;

  color: #fff;

  background: url(../images/icon-angle-left.png) no-repeat center;

  width: 15px;

  height: 25px;

  background-size: contain;

}

#testimonial-carousel .owl-nav .owl-next span, #testimonial-carousel .owl-nav .owl-prev span {

  opacity: 0;

}

#testimonial-carousel .owl-next {

  transform: translateY(-50%);

  position: absolute;

  top: 50%;

  right:-60px;

  font-size: 40px;

  color: #fff;

  background: url(../images/icon-angle-right.png) no-repeat center;

  width: 15px;

  height: 25px;

  background-size: contain;

}





button:focus {outline: inherit !important;outline: inherit !important;}



/*Blogs Start*/

.blog-Section { margin: 50px 0;}

.blog-Section .Title-Blog{ text-align: center; width: 60%;margin: auto;}

.blog-Section .Title-Blog h5{ font-size: 14px; color: #c84d9e; text-transform: uppercase;}

.blog-Section .Title-Blog h6{ font-size: 30px; color: #000;}

.blog-Section .blog-Box {  border-radius: 15px;}

.blog-Section .blog-Box .blog-img img{border-radius: 15px 15px 0 0;}

.blog-Section .blog-Box .blog-text{padding: 40px 20px; border: 1px solid #ddd; border-radius: 0 0 15px 15px;}

.blog-Section .blog-Box .blog-text h5{

  font-size: 16px;

  font-weight: 600;

  line-height: 23px;

}

.blog-Section .blog-Box .blog-img {position: relative;}

.blog-Section .blog-Box .blog-img .dateSection{position:absolute;bottom:-30px;right:10px;background-color:#2a9dbc;padding:10px;width:70px;text-align:center}

.blog-Section .blog-Box .blog-img .dateSection span{font-size: 40px; color: #fff; display: block; line-height: 30px; margin-bottom: 6px;}

.blog-Section .blog-Box .blog-img .dateSection{font-size: 16px; color: #fff; }

.blog-Section .blog-Box .blog-text p{

  font-size: 13px;

  color: #827f7f;

  line-height: 23px;

}



.blog-Section .blog-Box .blog-text a{

  font-size: 16px;

  font-weight: 500;

  text-decoration: none;

  color: #2a9dbc;

}





.navHeader ul.mainNav li.nav-item.ddYes {

  text-transform: uppercase !important;

} 



.navication .nav-item.ddYes:nth-child(2){

  text-transform: uppercase !important;

}





/*Blogs End*/





/*********** ************/

.get-touch-section{ overflow-x: hidden; background-color: #2A9DBC; margin: 50px 0 0 0; }

.get-touch-section .get-Text{color: #fff; text-align: center; padding: 100px 20px;}

.get-touch-section .get-Text p.address{font-size: 18px;margin: 30px 0 20px 0;}

.get-touch-section .get-Text p.address a{

  color: #fff;

}

.get-touch-section .get-Text:after{content:"";background-image:url(../images/plus-bg.png);width:250px;height:250px;position:absolute;bottom: -30px;

  right: -70px;

  z-index: 9; background-repeat: no-repeat;

  background-size: contain;}



.get-touch-section .white-area{background-color: #fff; padding: 100px 50px;}

.get-touch-section .white-area h5{font-size: 20px;

font-weight: 100;

margin-bottom: 60px;

text-align: center; color: #C84D9E;}

.get-touch-section .white-area .form-control {    border-top: 0;

  border-right: 0;

  border-left: 0;

  border-radius: 0;}

.get-touch-section .white-area button.btn-sing {background-color: #c84d9e;

  padding: 5px 60px;

  border-radius: 20px;

  border: none;

  margin: auto;

  display: block;

  font-size: 18px;    text-transform: uppercase;}



/*Footer Start*/

.footer-main{

  background: #E8E4E4;

  border-top: 1px solid #E8E4E4;

  padding: 50px 0 0 0;

}



.footer-main .footer-info ul{padding: 0;}

.footer-main .footer-info ul li {

  list-style: none;

  background: #052944;

  border-radius: 50%;

  line-height: 35px;

  margin-right: 10px;

  width: 35px;

  height: 35px;

}

.footer-link ul { padding: 0;}

.footer-link ul li{ list-style: none; margin-bottom: 5px;     line-height: 30px;}

.footer-link ul li a{ color: #052944; text-decoration: none;}

.footer-link ul li a:hover{ color: #2A9DBC;}

.footer-main .footer-info ul li a {color: #fff; margin-left: 10px;}

.footer-link p a{color: #052944;  text-decoration: none;}

.footer-link p a:hover{ color: #2A9DBC;}

.footer-link h5 {

  font-size: 18px;

  color: #000;

  text-transform: uppercase;

}

.footer-link p i { color: #000; margin-right: 5px;}

.footer-bottom {  background-color: #c84d9e; padding: 10px 0; color: #fff;}

.footer-bottom p{  margin-bottom: 0;}

/*Footer End*/







/* INNER PAGE CSS */





/*Media Query Start*/







  .nav-logo-c{

    margin-right: 80px;

  }

  .navication .nav-item.ddYes{

    position: relative !important;

  }

    @media(min-width:992px){

.dekMenu { display: block;}

.mobmenu { display: none;}

.mainNav>li .megamenuWapper {
        max-height: 0;
        visibility: hidden;
        overflow: hidden;
        position: absolute;
        box-shadow: 1px 1px 10px 2px #a9a6a666;
        z-index: 999;
        left: 0;
        right: 0;
        top: 100%;
        background-color: #fff;
        padding: 0px;
        transition: all .8s linear;
        width: 300px;
    }
        .mainNav> li:hover .megamenuWapper {
        max-height: 1000px;
        visibility: visible;
    }
    .megamenuWapper ul {         padding: 10px 0; width: 100%;}
     .megamenuWapper ul.navCatList li {border-bottom: 1px solid #eeebeb;}
     .megamenuWapper ul.navCatList li:last-child {border-bottom: none;}
    .megamenuWapper ul.navCatList li a{
    padding: 0 10px;
    margin:5px 0;
    
}

     }





  @media(max-width:992px){ 

  .dekMenu { display: none;}

.mobmenu { display: block;}

  .p0{padding: 0;}

.logo img {width: 80%;margin:0 auto 6px;display: table;}

.rightSpace a {margin: 0 16px 0 0;}

 .ml-space {margin-left: auto;}                      

#navication {    position: relative;}

.navication ul > li .megamenuWapper {

  max-height: 0;

  overflow: hidden;

  position: absolute;

  z-index: 999;

  left: 15px;

  right: 0;

  top: 35px;

  background-color: #C84D9E;

  box-shadow: 1px 0px 2px #ccc;

  padding: 10px 0 10px;

  transition: all 0.8s linear;

  display: none;

  width: 293px;

  margin: 0 auto;}





.navication ul > li:hover .megamenuWapper { max-height: 1000px;  display: block;}

.navCatList > li { flex: 1 1 25%;  max-width: 100%;   padding: 0 15px;}

.navCatList > li > a{position: relative; color: #000; margin-bottom: 10px;}

.navCatList > li > a:before { content: "";  position: absolute;  left: 0px;  bottom: 0;  width: 100%;  height: 0.6px; display: none;   background-color:rgba(0,0,0,0.05);}

.navCatChildList li a{ text-transform: capitalize;}

.navication ul > li .megamenuWapper li a{padding: 5px 20px; color:#000;}

.navication ul > li .megamenuWapper li a:hover{padding: 5px 20px; color:#2A9DBC;}

.navication ul > li .navCatChildList li a { color:#052944;font-size: 15px;}

.mainNav>li .megamenuWapper {max-height: 0;overflow: hidden;position: absolute;box-shadow: 1px 1px 8px -7px #ccc;z-index: 999;left: 0;right: 0;top: 100%;background-color: #fff; padding: 0px;transition: all .8s linear;}

.mainNav>li .megamenuWapper>.toggleSubMenu {display: none;}

.menuCatBox {padding: 0;}

.navCatList {margin: 0;padding: 0;list-style: none;width:100%;}

.navCatList>li {width: 100%;padding: 0;margin-bottom: 0;}

.navCatList>li>a {display: block;border: none;font-size: 14px;font-weight: 500;color: var(--clrTheme);text-transform: capitalize;position: relative;margin: 0;}

}

.footer-bottom { text-align: center;}

@media(max-width:992px){ 

  nav ul li a span.d-lg-none{float: right; }   

  nav ul li a span.d-lg-none .iconfont {font-size: 14px;}   

 .mainBanner .itemContent{right:5%;}

  .mainBanner .itemContent .title{font-size: 32px;}

  .mainBanner .itemContent > a{font-size: 16px; padding: 12px 30px;}

  nav {margin:0;padding:0;width:100%;position:fixed;left:0;top:0;bottom:0;right:0;background-color:rgba(0, 0, 0, .4);overflow: hidden;visibility:hidden;opacity: 0;-webkit-transition:all .5s ease-in-out;-moz-transition:all .5s ease-in-out;-o-transition:all .5s ease-in-out;transition:all .5s ease-in-out;z-index: -1;}

  nav .navication {padding:0;margin:0;top:-10px;width:300px;height:100vh;background-color:#fff;left:-300px;position:relative;-webkit-transition:all .5s ease-in-out;-moz-transition:all .5s ease-in-out;-o-transition: all .5s ease-in-out;transition: all .5s ease-in-out;overflow-y: auto;overflow-x: hidden;}

  nav .navHeader {padding: 10px 0;}

  nav .navHeader .btnNavToggle {width: 20%;z-index: 99;height: 48px;display:inline-block;color:#060404;text-align:center;border: none;position: fixed;right: 0;top: 0px;}

  nav .navHeader .navLogo img {max-height: 12px;}

  nav .navHeader .btnNavToggle .iconfont {font-size: 30px;}

  nav.showMainNav {visibility:visible;opacity: 1;z-index: 99999;}

  nav.showMainNav .navication {left: 0; top: -10px;visibility: visible;  opacity: 1;}

  nav .container-fluid{padding:0;}

  nav .navication ul {flex-wrap:wrap;}

  nav ul li:first-child {border-top:none;}

  nav ul li {width: 100%;border-top:1px solid #ddd;}

  .searchnav{padding:10px 15px;}

  .scrollNone{overflow:hidden;}

  .navHeader .dropdown-menu{left:10%!important;right:inherit!important;transform: inherit !important; top:28px !important;}

  .navHeader .dropdown-menu a{padding: 6px 10px !important; font-size: 12px !important;}

  .subscribeBlock ul{margin-top: 15px;}    

  .navigations {background-color: #1512133b;border-color: #1512133b;}

  nav .navication ul {padding: 0;}

  .midHeader {padding: 14px 0 22px;}

  .navCatChildList { margin: 0;  padding: 0; display: block !important;  list-style: none;  position: fixed;  background: #fff;   height: calc(100vh - 60px);   overflow-y: auto;   z-index: 999;  width: 300px;  top: 60px;  left: -100%;  transition: all 0.4s ease-in-out;}  

  .navCatChildList > li:first-child { border-top: none;  background: #000; color: #fff;}

  .navCatChildList > li:first-child a{color: #fff; padding-left: 32px;}

  .navCatChildList > li a.closeDropdown { position: absolute;  left: 10px;  top: 0px;  font-size: 24px;  padding: 0;}

  .navCatChildList > li a.closeDropdown .iconfont, nav ul li a.d-lg-none .iconfont {font-size: 14px;}

  .navCatChildList.showSubcategery{left:0;}

  nav ul.navCatList  li:first-child{border-top: 1px solid #ddd;}

  .navHeader img{width:70%;}

  nav .container {padding:0;margin:0;}

  nav .navication ul.navCatList {width:100%;}

  nav ul li a {padding:10px 25px 10px;font-size:16px;display:block;color:#262222;}

  .mobilemenu {margin:0;}

  nav .container-fluid {padding: 0 !important;padding-top: 0px;padding-right: 0px;padding-bottom: 0px;padding-left: 0px;}

  .navigations {padding: 0;}

 

}

@media(max-width:990px){

.mainNav>li.show.ddYes .megamenuWapper {display: inline-block;width: 100%; position: static;        transition: inherit;background-color: inherit;
        box-shadow: 1px 0px 2px #ccc;
        padding: 0 10px;}

.mainNav>li .megamenuWapper {overflow: hidden;position: static;margin: 4px 0 0;z-index: 1;display: none;}

.dekMenu {display: none!important;}

.mobmenu {display: block!important;}

nav ul li a:hover {color: #000;}

.nav-link {display: block;padding: 7px 14px 0px !important;}

.mobilemenu a img {width: 20%;margin: 0;}

.scroll-header .navigations {

  margin: 0;

  padding: 0;




}

    .mainNav > li.ddYes.show .megamenuWapper {
        visibility: visible;
        width: 100%;
    }
.menuCatBox {background: #eee;}

.mobilemenu a.btnNavToggle img {

  width: 4%;

  margin: 0 0 0px 10px;

}

.bucks_section {

  padding: 30px 20px;

  height: auto;

  position: inherit;

  top: 0; 

  z-index: 99;

}

.good-Box .good-Textbox {

  height: auto;

}

.mainbanner .bannertext h1 {

  font-size: 24px;

}

a.btntopheader {

  padding: 8px 10px;

}

.bucks_section::after{ display: none;}

.bucks_section::before{ display: none;}

.bucks_section .innerBuck {

  padding: 0;

  height: auto;

}

.good-Box {

  padding: 20px;

}

.good-Box::before {

  width: 150px;

  height: 100px;

  right: -50px !important;

  top: inherit;

  left: inherit;

  z-index: -9;

  bottom: -30px !important;

  opacity: 40% !important;

}

.good-Box h2 {

  font-size: 22px;

}

.approachSection {

  padding: 50px 0;

}

.premierSection .premierBox {

  padding: 50px;

  height: 150px;

  width: 150px;

}



.blog-Section .Title-Blog {

  width: 100%;

}

.blog-Section .blog-Box {

  margin-bottom: 20px;

}

.get-touch-section .get-Text:after {

  width: 150px;

  height: 150px;

  bottom: 0px;

  right: 0px;

}

.get-touch-section .get-Text {

  color: #fff;

  text-align: center;

  padding: 50px 20px;

}

.get-touch-section .white-area {

  background-color: #fff;

  padding: 50px 40px;

}

.appointmentSection:after {

  width: 150px;

  height: 150px;

  bottom: -60px;

  right: 200px;

  background-repeat: no-repeat;

  background-size: contain;

}

 }

@media screen and  (min-width:1200px) and (max-width:1600px){.p120{ padding: 0 120px!important;}}

@media screen and (max-width:1200px){.p120{ padding: 0!important;} nav ul li a {padding: 0px 15px 0px;font-size: 14px;}}

@media screen and (max-width:1000px){.navigation ul li {display: inline-flex;margin: 0 2px;}

  nav ul li a {padding: 7px 14px 0px;font-size: 15px;}}

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

  .p120 {padding: 0 10px !important;}

  .menu-btn i{color: #fff; font-size: 30px; text-align: left; display: block;} 

  .navigation ul {display:block; align-items: center; margin: 0; padding:15px; background-color:#fff;}

  .navigation ul li {display: block; margin: 40px  20px; border-bottom: 1px solid #000; }

  .navigation ul li a{color: #000; }

  .navigation ul {position: fixed; left: -100%; top: 0; width: 40%; height: 100%; display: block; text-align: center; transition:all 0.9s ease; z-index: 999;}

  #click:checked ~ .menu-btn i::before{content: "\f00d";}

  .container {max-width: 100%!important;}

  .nav-tabs .nav-item {margin-bottom: -2px;}

  .mainbanner .bannertext {left: 10%;width: 70%;}

  .contentbox h3 {font-size: 20px;margin-top: 30px;}

  .contentbox h3::after {width: 150px;margin-bottom: 20px;}

  h2.title {font-size: 32px;padding-bottom: 20px;}

  .mainbanner .bannertext {top: 50%;transform: translateY(-50%);}

  .mainbanner .bannertext h1 {font-size: 20px;}

.mainbanner .bannertext p {line-height: 24px;font-size: 14px;}

h2.title {

  font-size: 26px;

  width: 200px;

  height: 40px;

}

.titlebg::before {

 

  width: 310px;

  height: 50px;

  top: 0;

  left: 50%;  

}

.blogs-box {

  margin-bottom: 30px;

}

.profileImg img {

  border-radius: 50%;

  width: 60% !important;

  margin:20px auto;

}

.topheader { padding: 10px 0;}

a.btntopheader {

  font-size: 12px;

  position: inherit;

  bottom: 0;

  width: 100%;

  display: block;

}

a.btntopheader span {

  padding: 8px 12px;

}



.whitebtn {

  width: 100%;

  text-align: center;

}

.psychiaty-section {

  overflow-x: hidden;

}

.footer-bottom p {

  font-size: 12px;

  padding: 0 10px;

}

.footer-main {

  padding: 20px 0 0 0;

}

  } 

  @media(max-width:1200px){

    .mainbanner .bannertext {

      width: 60%;

  }

  .good-Box {

    padding: 50px 20px 50px 20px;



}

.good-Box::before {



  z-index: -99;



}

.bucks_section .innerBuck {

  padding: 30px 40px;

}

  }



  @media(max-width:680px){

.mainbanner .bannertext {

  transform: inherit;

  position: static;

  padding: 20px 0;

  margin: auto;

}

.mainbanner .bannertext h1 {

  color: #000;

text-align: center;

}

.mainbanner .bannertext p {

  color: #000;

text-align: center;

}

.homeBtn {

  padding: 8px 15px;

  font-size: 14px;

  width: 50%;

  text-align: center;

  margin: auto;

  display: block;

}

.mobilemenu a.btnNavToggle img {

  width: 7%;

  margin: 0 0 0px 10px;

}

.mobilemenu a img {

  width: 30%;

  margin: 0;

}

.mainbanner .bannertext {

  width: 80%;

}

.bucks_section .innerBuck {

  padding: 0;

}

}

@media(max-width:450px){

.homeBtn {

  width: 80%;

  margin: auto;

  display: block;

}

}



.premierSection .premierText p {

  font-size: 14px;

  height: 62px;

  overflow: hidden;

  display: -webkit-box;

  -webkit-line-clamp: 3;

  -webkit-box-orient: vertical;

}



.formValidationError {

    border: 1px solid red !important;

}


  :root { --bg:#0b1020; --card:#111735; --muted:#7e88a3; --accent:#5b8def; --ok:#29c48a; --warn:#f0c04a; --high:#f2637e; --text:#e6ecff; }

  a { color: var(--accent); }
  .wrap { max-width: 960px; margin: 0 auto; padding: 24px; }
  .card { background: var(--card); border: 1px solid rgba(255,255,255,0.08); border-radius: 16px; padding: 20px; box-shadow: 0 10px 25px rgba(0,0,0,0.25); }
  h1 { margin: 0 0 8px; font-size: clamp(24px,4vw,34px); letter-spacing: 0.2px;}
  h2 { margin: 24px 0 8px; font-size: clamp(18px,3vw,22px); color:#d7def7;}
  p.lead { color: var(--muted); margin: 0 0 16px; }
  .grid { display: grid; gap: 14px; }
  @media (min-width: 720px) { .grid.two { grid-template-columns: 1fr 1fr; } }
  .q {     margin-bottom: 10px;
    padding: 25px;
    background: rgb(25 25 25 / 3%);
    border-radius: 12px;
    border: 1px solid rgb(20 19 19 / 6%);
  }
  .row { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap;}
  .row label { flex:1 1 260px; }
  .choices { display:flex; gap:8px; flex-wrap:wrap; }
  .pill {     background: rgb#0e0e0e0f(14 14 14 / 6%);
    border: 1px solid rgb(208 208 208);
    padding: 6px 10px;
    border-radius: 999px;
    cursor: pointer;
    user-select: none;}
  .pill input { display:none; }
  .pill.active { outline: 2px solid var(--accent); background: rgba(91,141,239,0.15); }
  .muted { color: var(--muted); font-size: 14px; }
  .btns { display:flex; gap:10px; flex-wrap:wrap; margin-top: 16px; }
  button, .btn { background: var(--accent); border:none; color:white; padding: 12px 16px; border-radius: 12px; font-weight: 600; cursor:pointer; }
  button.secondary, .btn.secondary { background: transparent; border:1px solid rgba(255,255,255,0.2); }
  .summary { margin-top: 18px; padding:16px; border-radius: 14px; border:1px solid rgba(255,255,255,0.1); background: rgba(255,255,255,0.04); }
  .badge { display:inline-block; padding:6px 10px; border-radius:999px; font-weight:700; }
  .low { background: rgba(41,196,138,0.2); border:1px solid rgba(41,196,138,0.5); }
  .mod { background: rgba(240,192,74,0.2); border:1px solid rgba(240,192,74,0.5); }
  .high { background: rgba(242,99,126,0.2); border:1px solid rgba(242,99,126,0.5); }
  .cta { margin-top: 18px; padding: 16px; border-radius: 12px; background: rgba(91,141,239,0.12); border: 1px dashed rgba(91,141,239,0.5); }
  .disclaimer { margin-top: 16px; font-size: 13px; color: var(--muted); }
  footer { margin-top: 24px; color: var(--muted); font-size: 12px; text-align:center; }
  .table { width:100%; border-collapse:collapse; margin-top:10px; }
  .table th, .table td { border-bottom:1px solid rgba(255,255,255,0.08); padding:8px; text-align:left; vertical-align:top;}
  .diff { color:#ffd27a; font-weight:600; }
  .ok { color: #7fe4c4; font-weight:600; }
  .sr { position:absolute; left:-9999px; width:1px; height:1px; overflow:hidden; }
  @media print {
    .btns, .cta { display:none !important; }
    body { background:white; color:black; }
    .card { box-shadow:none; border: none; background:white; }
    .q { background: #fff; border-color: #ddd; }
    .summary { background: #fff; border-color: #ccc; }
  }
      #quizForm {
            display: none;
            margin-top: 20px;
        }
        .btn {
            padding: 10px 20px;
            font-size: 16px;
            cursor: pointer;
        }
		 .error-message {
        color: red;
        font-size: 14px;
        margin-top: 5px;
        display: none;
    }
	    .step {
        display: none;
    }
    .step.active {
        display: block;
    }


#introSection .form-group {
    margin-bottom: 20px;
    text-align: left;
}

#introSection .form-control {
    width: 40%;
    padding: 8px;
    font-size: 16px;
    box-sizing: border-box;
}

.error-message {
    color: red;
    font-size: 14px;
    display: none;
}