@media only screen and (max-width:1600px){
    .dotsWrap {height: 550px;}

    
    ul.appStore{margin: 10px 0 0 0;}
    .countBox{margin: 0 0 40px 0;}
    ul.navigationUL{height: 315px;}
    ul.navigationUL.lastNavLI{height: 460px;}
    ul.formsUL li{margin:0 0 30px 0 ;}
    ul.formsUL li:last-child{margin: 0;}
    .homepage section{min-height: 2700px;}
    .bottomNav{padding: 20px 0;}
    .copyRightsWrap{margin: 50px 0;}
    .footer .middleWrapper{padding: 50px 0 30px 0;}
    .footer .footerWrap{padding: 0;}

    .newsSlider ul.newSwiper li{height: auto}
    .newsSlider ul.newSwiper li .box{padding:30px 25px;}
    .newsSlider ul.newSwiper li .box h3{margin-bottom: 55px;}
    .newsSlider ul.newSwiper li .box h4{min-height: 45px;}    
    .clarityMatters .middleWrapper .topDesc h2{height: 55px;}
    .clarityMatters .middleWrapper{padding: 60px 0 20px 0;}
    
    .quizWrap{margin: 75px 0 0 0; padding: 0 0 0 300px;}
    a.backToTop{right: 10px;}

    .popup .content{margin: 120px auto 0 auto; width: 90%; min-width: 940px; }
    .popup .content .cont{width: calc( 100% - 420px);}
    .popup .content .cont p{font-size: 2em; line-height: 34px;}


}


@media only screen and (max-width:1140px){
    ul.appStore li a{height: 60px; line-height: 60px; width: 340px;}
    .middleWrapper{width: 1200px;}
    .newsSlider .swiper-container{padding-left: calc(50% - 600px);}
    .scrollDown{left: calc(50% - 480px);}

    header{padding: 25px 0;}
    header nav ul li{line-height: 50px;}
    a.loginBtn{height: 50px; line-height: 50px;}
    

    .firstWrap .caption h2{font-size: 7em;}
    ul.formsUL li input, ul.formsUL li button, .loaderW, ul.appStore li a, .newsSlider ul.newSwiper li .box h3, .thankYou a.continue, .clarityMatters .middleWrapper .topDesc p, ul.dotsUL li a, .firstWrap .caption p{font-size: 2em;}
    .quizWrap ul.quizUL > li h3, .thankYou h2, .keyWrap p, .aboutWrapper .caption p{font-size: 2.8em; line-height: 45px; }
    
    .keyWrap h2{font-size: 6em;}
    .footer .middleWrapper h2, .clarityMatters .middleWrapper .topDesc h2{font-size: 3.8em;}
    .footer ul.leftNav li, .newsSlider ul.newSwiper li .box h4, .countBox ul.counter li, header nav ul li a, a.loginBtn, .scrollDown{font-size: 1.4em;color:white;}
    .quizWrap ul.quizUL > li h3{ height: 85px; }

    .firstWrap .caption h2{height: 90px; top: -75px; }
    .firstWrap .caption p{width: 600px;}
    .dotsWrap {height: 480px; width: 800px;}
    .aboutWrapper .caption p.slideCont01{width: 600px;}
    

    .thankYou{width: 480px;}
    .thankYou h2{height: 85px;}
    
    

   

    /************** InnerPage *************/
    ul.bodUL li a h3, ul.visionUL li p, ul.detailsUL li .rightCont p{font-size: 1.3em !important; line-height: 32px;padding:25px !important;}
    ul.bodUL li a p, ul.detailsUL li .leftCont h3{font-size: 1.4em; line-height: 22px;text-align:center;}
    .contactWrapper h2, .bodWrapper h2, ul.visionUL li h2, ul.detailsUL li .leftCont h2{font-size: 4.5em; line-height: 65px;}
    ul.detailsUL li .leftCont{padding: 0 0px 0 0; width: 60%;background: url(../images/frame-bottom.png), #03002f;
  background-size: cover;}
    ul.detailsUL li .rightCont{width: 40%;background: url(../images/frame-right-bottom.png) right 0, #c08b37;
  background-size: cover;}
    .popup{padding: 45px 0;}
    .ourDetailsWrapper{padding: 0px 0 0px 0;background:white;}
    .ourVisionWrap{padding: 140px 0;}
    .bodWrapper h2{margin:40px 0 20px 0 ;}
    ul.bodUL li{margin: 20px 0; padding: 0 50px 0 0;}
    .bodBox{margin: 20px 0 0 0;}
    .innerpage .footer .footerWrap{padding: 0px 0 0 0;}
    

    ul.addressUL li h3{font-size: 3em; line-height: 50px;}
    .officeAddress{margin: 60px 0 0 0;}
    ul.addressUL li p, ul.addressUL li h4{font-size: 2em; line-height: 32px;}
    ul.addressUL li h5{font-size: 1.4em; line-height: 20px; margin: 40px 0 0 0;}
    .rightContact {padding: 120px 0 120px 120px;}
    
    

    

    
    
}
@media only screen and (max-width:1366px){
    .middleWrapper{width: 1246px;}
    .newsSlider .swiper-container{padding-left: calc(50% - 623px);}
    .scrollDown{left: calc(50% - 503px);}


    .newsSlider ul.newSwiper li .box h3{font-size: 1.8em; line-height: 32px; margin-bottom:45px;}
    .newsSlider ul.newSwiper li .box h4{min-height: 40px;}
    .newsSlider ul.newSwiper li .box .readMore{font-size: 1.4em;}
    .footer .middleWrapper{padding: 30px 0 20px 0;}
    .footer .middleWrapper h2{font-size: 3.4em;}
    .footer.articleActive:after{height: calc( 50% + 60px );}
    .newsSlider ul.newSwiper li .box{padding: 20px 15px;}

    .clarityMatters .middleWrapper{padding: 40px 0 20px 0;}
    .keyAttribute .dotsWrap{height: 320px; margin: 70px 0 0 0;}
    .keyWrap h2{top: 8%;}
    .quizWrap{margin: 50px 0 0 0;}
    /* ul.formsUL li{margin: 0 0 25px 0;} */
    .scrollDownPage{height: 40px;}
    .scrollDownPage:after{    width: 15px;        height: 20px;}
    .countBox{margin: 0 0 30px 0;}
    ul.navigationUL.lastNavLI{height: 430px;}

    .bottomNav{padding: 15px 0;}
    ul.appStore li a{height: 55px; line-height: 55px;}
    
    .footer .footerWrap{padding: 25px 0 20px 0;}
    .copyRightsWrap{margin: 15px 0 0 0;}
    .innerpage .copyRightsWrap{margin: 20px 0;}

    .popup .content{margin: 100px auto 0 auto;}
    .popup .content .cont p{font-size: 1.8em; line-height: 32px; }
    .popup .content .cont h4{margin-bottom: 25px;}


}
@media only screen and (max-width:1280px){
    .middleWrapper{width: 1160px;}
    .newsSlider .swiper-container{padding-left: calc(50% - 580px);}
    .scrollDown{left: calc(50% - 460px);}

    /* ul.formsUL li{margin: 0 0 15px 0;} */
    /* ul.formsUL li .error{font-size: 1.2em; bottom: -20px;} */
    .loaderW, ul.formsUL li button{margin: 20px 0 0 0;}
    ul.navigationUL.lastNavLI{height: 370px;}
}

@media only screen and (max-width:1100px){
    .middleWrapper{width: 90%;}    
    header a img{width: 160px;}
    header nav ul li{margin: 0 20px;}
    .firstWrap .caption{padding: 50px 90px;}
    .scrollDown{left: calc(5% + 90px);}
    .newsSlider .swiper-container{padding-left: 5%;}
    .keyWrap p{left: calc( 50% - 400px);}
    .clarityMatters .middleWrapper{padding: 50px 0 20px 0;}
    .countBox a.backSlide{margin: 2px 0 0 0;}
    .quizWrap{padding: 0 0 0 175px;}

    ul.detailsUL li .leftCont{max-width: 40%; width: 40%;}
    ul.detailsUL li .rightCont{max-width: 60%; width: 60%;}
    ul.visionUL li{padding: 0 0px 0 60px;}
    ul.visionUL li:first-child{padding: 0 60px 0 0;}
    .ourVisionWrap{padding: 120px 0;}
    ul.bodUL li{width: 25%;}
    ul.bodUL li:nth-child(5n+1){clear: none;}
    ul.bodUL li:nth-child(4n+1){clear: left;}
    .ourDetailsWrapper{padding: 120px 0 80px 0;}

    ul.mediaUL li h3{font-size: 2.8em; line-height: 45px; padding: 0 40px 0 0;}

    .rightContact{padding: 90px 0 90px 90px;}
    .leftContact{margin: 0 90px 0 0; max-width: calc(45% - 90px);}
    .selectWrap .select-wrapper{font-size: 2em;}
    .selectWrap .select-wrapper .holder{padding: 0 20px;}
    .selectWrap .select-wrapper select{font-size: 0.8em; padding: 0px 20px 0px 20px;}

    .popup .content{min-width: 100%;}

}

@media only screen and (max-width:900px){
    header nav ul li{ margin: 0 10px; line-height: 30px;}
    a.loginBtn{line-height: 40px; height: 40px; padding: 0 30px;}
    /* .firstWrap .caption h2{height: 180px;top: -176px;} */
    .firstWrap .caption h2{font-size: 5.5em; top: -60px;}
    .firstWrap .caption{padding: 50px 60px;}
    .scrollDown{left: calc(5% + 60px);}

    ul.formsUL li input, ul.formsUL li button, .loaderW, ul.appStore li a, .newsSlider ul.newSwiper li .box h3, .thankYou a.continue, .clarityMatters .middleWrapper .topDesc p, ul.dotsUL li a, .firstWrap .caption p{font-size: 1.5em;}

    .firstWrap .caption p{width: 550px;}
    .dotsWrap {width: 700px;}
    .quizWrap ul.quizUL > li h3, .thankYou h2, .keyWrap p, .aboutWrapper .caption p{font-size: 2.6em; line-height: 43px;}
    .aboutWrapper .caption p.slideCont01{width: 560px;}
    .aboutWrapper .caption p.slideCont02{width: 700px;}
    .keyWrap p{left: calc( 50% - 320px);}
    .quizWrap{padding: 0 0 0 100px;}
    .quizWrap ul.quizUL{width: 100%; max-width: 600px;}
    .quizWrap ul.quizUL > li ul.ansUL li{margin: 0 40px 0 0;}
    ul.appStore li a{width: 320px;}
    .copyRightsWrap ul.rightFloat{width: 100%; float: left !important; margin: 30px 0 0 0;}
    .copyRightsWrap ul.rightFloat li:first-child{margin-left: 0;}
    .dotedWrapper ul li{width: 45px; height: 45px;}

    .homepage section{min-height: 3000px;}

    .bodWrapper h2, ul.visionUL li h2, ul.detailsUL li .leftCont h2{font-size: 3.4em; line-height:55px ;}
    ul.detailsUL li .leftCont{padding: 0 50px 0 0;}
    ul.detailsUL li .leftCont h3 span:after{width: 70px;}

    .popup .content{width: 100%; margin: 120px auto 0 auto;}
    .popup .content .cont{width: 100%; margin: 40px 0 0 0;}

    ul.bodUL li{width: 33.33%; padding: 0 20px 0 0;}
    ul.bodUL li:nth-child(4n+1){clear: none;}
    ul.bodUL li:nth-child(3n+1){clear: left;}
    .popup .content .img{width: 250px;}

    .leftContact{width: 100%; margin: 0 0 0px 0; max-width: 100%;}
    .contactWrapper .middleWrapper{display: block; width: 100%; padding: 0 5%;}
    .rightContact{max-width: 100%; padding: 100px 0;}
    .rightContact::after{left: -5%;}
    


}

/* added on 031121 for new link in navbar remove incase removed 5th link */
@media only screen  and (max-width: 769px) {
    a.menuMobile{width: 20px; height: 20px; float: left;  text-indent: -99px; position: fixed; right: 20px; top: 35px;  display: block; overflow: hidden; }
    a.menuMobile:after{width: 20px; height: 20px; content: ''; display: block; position: absolute; left: 0; top: 0;}
    .mobileNavigationActive a.menuMobile{-webkit-transition: all ease 0.2s; -moz-transition: all ease 0.2s; transition: all ease 0.2s;}
    a.menuMobile:after {width: 100%;height: 2px;background: #ffffff;content: '';display: block;position: absolute;left: 0;top: 0px;-moz-transition: all ease .5s; -o-transition: all ease .5s;transition: all ease .5s;-webkit-transform-origin: 0 0;-moz-transform-origin: 0 0;transform-origin: 0 0}
    a.menuMobile span:after, a.menuMobile span:before {width: 100%;height: 2px;background: #ffffff;content: '';display: block;position: absolute;right: 0; top: 7px; -webkit-transition: all ease .5s;-moz-transition: all ease .5s;-o-transition: all ease .5s;transition: all ease .5s;-webkit-transform-origin: 0 0;-moz-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: rotate(0) translate(0, 0);-moz-transform: rotate(0) translate(0, 0);transform: rotate(0) translate(0, 0); }
    a.menuMobile span:before {top: 14px; }
    .mobileNavigationActive a.menuMobile span:after {display: none}
    .mobileNavigationActive a.menuMobile span:before, .mobileNavigationActive a.menuMobile:after {-webkit-transform: rotate(45deg) translate(-50%, -50%);  -moz-transform: rotate(45deg) translate(-50%, -50%); transform: rotate(45deg) translate(-50%, -50%);left: 50%;top: 50%}
    .mobileNavigationActive a.menuMobile span:before {-webkit-transform: rotate(-45deg) translate(-50%, -50%);-moz-transform: rotate(-45deg) translate(-50%, -50%); transform: rotate(-45deg) translate(-50%, -50%);}

    header .navWrap{width: 100% !important; height: 100%; position: fixed; left: 100%; top: 0; background: #181F29; -webkit-transition: all ease 1s; -moz-transition: all ease 1s; transition: all ease 1s;}
    header .navWrap nav{position: absolute !important; width: 100% !important; height: auto; top: 50% !important; left: 0; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); transform: translateY(-50%) !important;}
    header .navWrap nav ul li{width: 100%; margin:30px 0; text-align: center; line-height: normal;}
    header nav ul li a{font-size: 1.8em; letter-spacing: 2.64px; line-height: 24px; color: #fff; opacity: 1; }

    a.loginBtn{ width: calc( 100% - 40px);  position: absolute; left: 20px; bottom: 20px; text-align: center; height: 56px; line-height: 56px; font-size: 1.4em; letter-spacing: 1.68px; }
    a.loginBtn:hover{background: transparent; color: #fff }
    a.loginBtn:active{background: #fff; color: #19191A; }
    header{padding: 30px 0;}
    .mobileNavigationActive .navWrap{left: 0;}
    header a.logo{position: relative; z-index: 4;   float: left; }
    header a.logo img{width: 120px; float: left;}
    ul.detailsUL li .leftCont{
        width:100%!important;
    }
    ul.detailsUL li .rightCont{
        width:100%!important;
    }
    ul.bodUL li{
        width:100%!important;
    }
    .bodBox iframe{
        width:380px;
    }
    .about-contact-button{
        width:39%;
    }
    .innerpage .copyRightsWrap{
        margin:0px;
    }
    .foot_box{
        width:100% !important;
        margin-bottom:10px;
        text-align:center!important;
    }
    #foot_box1{
    width:60% !important;
    margin-bottom:10px;
    text-align:left !important;
    }
    .foot_box_middle{
        width:40% !important;
        margin-bottom:10px;
        text-align:left;
        padding-left:20px !important;
    }
    ul.socialNav, ul.socialNav li, ul.socialNav li a{
        /*float:left;*/
        padding-left:15px;
        /*right:0%;*/
    }
    header a.logo img{
        width:100px!important;
    }
    .rs-breadcrumbs .breadcrumbs-image:before{
        width:90%!important;
    }
    [class$='feature-card']{
        width:97%!important;
    }
    .formation li:before{
        margin-left:10px!important;
        font-size:20px!important;
    }
    .formation-card{
        padding:24px 40px!important;
    }
img.img_mobs {
    width: 285px !important;
    height: 155px !important;
}
    img.stock_img{
        width:165px!important;
    }
    .point-1{
        line-height: 20px!important;
        margin-top: -207px!important;
        font-size:14px!important;
    }
    .point-2{
        margin-top: -122px!important;
    margin-left: -120px!important;
    font-size: 14px!important;
    line-height: 20px!important;
    }
    .point-3{
        margin-top: -140px!important;
    margin-left: 120px!important;
    font-size: 14px!important;
    line-height: 20px!important;
    }
    .point-4{
        margin-top: 2px!important;
    margin-left: -81px!important;
    font-size: 14px!important;
    line-height: 20px!important;
    }
    .point-5{
        margin-top: -40px!important;
    margin-left: 114px!important;
    font-size: 14px!important;
    line-height: 20px!important;
    }
    img.comp{
        width:400px;
    }
    .image-main-insurance img{
        height:160px!important;
    }
    .image-main-insurance1 img{
        height:300px!important;
    }
    .main-insurance-content{
        margin:0%!important;
        padding:10px!important;
    }
    .complaint-form{
        background:#0D3958!important;
    }
}
/* added on 031121 for new link in navbar remove incase removed 5th link ends here */

@media only screen and (max-width:767px){
    /* a.menuMobile{width: 20px; height: 20px; float: left;  text-indent: -99px; position: fixed; right: 20px; top: 35px;  display: block; overflow: hidden; }
    a.menuMobile:after{width: 20px; height: 20px; content: ''; display: block; position: absolute; left: 0; top: 0;}
    .mobileNavigationActive a.menuMobile{-webkit-transition: all ease 0.2s; -moz-transition: all ease 0.2s; transition: all ease 0.2s;}
    a.menuMobile:after {width: 100%;height: 2px;background: #ffffff;content: '';display: block;position: absolute;left: 0;top: 0px;-moz-transition: all ease .5s; -o-transition: all ease .5s;transition: all ease .5s;-webkit-transform-origin: 0 0;-moz-transform-origin: 0 0;transform-origin: 0 0}
    a.menuMobile span:after, a.menuMobile span:before {width: 100%;height: 2px;background: #ffffff;content: '';display: block;position: absolute;right: 0; top: 7px; -webkit-transition: all ease .5s;-moz-transition: all ease .5s;-o-transition: all ease .5s;transition: all ease .5s;-webkit-transform-origin: 0 0;-moz-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: rotate(0) translate(0, 0);-moz-transform: rotate(0) translate(0, 0);transform: rotate(0) translate(0, 0); }
    a.menuMobile span:before {top: 14px; }
    .mobileNavigationActive a.menuMobile span:after {display: none}
    .mobileNavigationActive a.menuMobile span:before, .mobileNavigationActive a.menuMobile:after {-webkit-transform: rotate(45deg) translate(-50%, -50%);  -moz-transform: rotate(45deg) translate(-50%, -50%); transform: rotate(45deg) translate(-50%, -50%);left: 50%;top: 50%}
    .mobileNavigationActive a.menuMobile span:before {-webkit-transform: rotate(-45deg) translate(-50%, -50%);-moz-transform: rotate(-45deg) translate(-50%, -50%); transform: rotate(-45deg) translate(-50%, -50%);}

    header .navWrap{width: 100%; height: 100%; position: fixed; left: 100%; top: 0; background: #181F29; -webkit-transition: all ease 1s; -moz-transition: all ease 1s; transition: all ease 1s;}
    header .navWrap nav{position: absolute; width: 100%; height: auto; top: 50%; left: 0; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); transform: translateY(-50%);}
    header .navWrap nav ul li{width: 100%; margin:30px 0; text-align: center; line-height: normal;}
    header nav ul li a{font-size: 1.8em; letter-spacing: 2.64px; line-height: 24px; color: #fff; opacity: 1; }

    a.loginBtn{ width: calc( 100% - 40px);  position: absolute; left: 20px; bottom: 20px; text-align: center; height: 56px; line-height: 56px; font-size: 1.4em; letter-spacing: 1.68px; }
    a.loginBtn:hover{background: transparent; color: #fff }
    a.loginBtn:active{background: #fff; color: #19191A; }
    header{padding: 30px 0;}
    .mobileNavigationActive .navWrap{left: 0;}
    header a.logo{position: relative; z-index: 4;   float: left; }
    header a.logo img{width: 120px; float: left;} */

    .firstWrap .caption h2{font-size: 5em; width: 280px; letter-spacing: normal; line-height: 55px; height: 140px; top: -100px;}
    .firstWrap .caption{padding: 25px 20px;}
    .firstWrap .caption p{width: calc(100% - 50px) ; font-size: 1.4em; letter-spacing: 0.24px; line-height: 22px; height: 170px;}
    

    .scrollDown{font-size: 1.2em; color: #fff; letter-spacing: 1.2px; line-height: 24px; left:50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%);  transform: translateX(-50%); padding-left: 0; height: 65px;}
    .scrollDown:after, .scrollDown:before{left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); transform: translateX(-50%); height: 40px;}
    .aboutWrapper .caption p.slideCont02, .aboutWrapper .caption p.slideCont01{width: calc(100vw - 80px); padding: 0 0px;}
    .aboutWrapper .caption p.slideCont02 br{display: none;}

    .aboutWrapper .caption p{font-size: 1.8em; letter-spacing: 0.36px; line-height: 30px; color: #040B14; }
    .dotsWrap{width: calc(100vw - 40px); height: 450px;}
    .dots4 ul.dotsUL li{width: 10px; height: 10px;}
    .dots4 ul.dotsUL li:after{width: 10px; height: 10px;}
    .dotsLineStright .dotsWrap{width: 10px;}
    .dotsLine ul.dotsUL:after, .dotsLine ul.dotsUL:before{width: 2px;}
    .dotsLine .dotsWrap:after, .dotsLine .dotsWrap:before{height: 2px;}

    .keyWrap h2{font-size: 5em; letter-spacing: 1px; line-height: 70px; height: 155px; top: 50px;}
    .keyWrap p{font-size: 1.8em; letter-spacing: 0.36px; line-height: 30px; color: #040B14; width: 100%; left: 0; text-align: center; max-width: 100%; padding: 0 20px; border: none; top: 200px; }
    .keyWrap p br{display: none;}
    .keyAttribute .dotsWrap{height: 300px; margin: 60px 0 0 0;}
    ul.dotsUL li a{text-align: center; width: 100vw;left: calc(-50vw + 5px); margin: 30px 0 0 0; color: #040B14; font-size: 1.4em; letter-spacing: 1.68px; line-height: 24px; font-weight: 400;}

    ul.navigationUL{display: none;}
    .quizWrap{padding: 0; margin: 40px 0 0 0;}
    .quizWrap ul.quizUL > li ul.ansUL{height: auto; margin: 20px 0 0 0;}
    .quizWrap ul.quizUL > li ul.ansUL li span.number{width: 40px; height: 40px; line-height: 36px; float: left; font-size: 1.4em;}
    .quizWrap ul.quizUL > li ul.ansUL li{width: 100%; margin: 10px 0; }
    .quizWrap ul.quizUL > li h3{font-size: 1.8em; letter-spacing: 0.36px; line-height: 30px; height: auto; min-height: 70px;}
    .quizWrap ul.quizUL > li ul.ansUL li p{width: auto; float: left; line-height: 40px; margin: 0 0 0 15px; font-size: 1.4em; letter-spacing: 0.28px; color: rgba(255,255,255,0.4); }
    .quizWrap ul.quizUL > li ul.ansUL li p br{display: none;}
    .countBox{margin: 0 0 30px 0;}
    
    .clarityMatters .middleWrapper .topDesc p{font-size: 1.4em; letter-spacing: 0.28px; line-height: 22px; height: 50px;}
    .clarityMatters .middleWrapper .topDesc h2{font-size: 3em; letter-spacing: 0.6px;  }
    .countBox ul.counter li{font-size: 1.2em; letter-spacing: 1.2px;}
    .clarityMatters.articleActive .middleWrapper h2 span, .clarityMatters.articleActive .middleWrapper p span{ -webkit-transition-delay: 0s; -moz-transition-delay: 0s; transition-delay: 0s;}
    .quizWrap ul.quizUL > li h3 span{position: relative;}

    ul.formsUL li button, .loaderW{height: 56px; line-height: 56px; padding: 0 30px; font-size: 1.4em; letter-spacing: 1.68px; background-size: 20px; }
    .loaderW{padding-left: 60px;}
    .loaderW .loader{width: 16px; height: 16px; top: 20px; left:30px }
    
    
    .aboutWrapper:after, .firstWrap:after{bottom: -140%;}
    
    .homepage section{min-height: 3200px;}

    .thankYou{width: 100%; padding:  0 20px;}
    .thankYou h2{overflow: visible; font-size: 1.8em; letter-spacing: 0.36px; line-height: 30px; height:auto; min-height: 60px; margin: 0 0 20px 0;}
    .thankYou a.continue{line-height: 56px; font-size: 1.4em; letter-spacing: 1.68px; padding: 0 0 0 70px; }
    .thankYou a.continue:after{width: 56px; height: 56px;}


    /* article,  .firstWrap:after, .keyWrap, .aboutWrapper:after{height: 100%;}
    .footer, .firstWrap .middleWrapper{min-height: auto; height: 100%;} */

    
    .footer.articleActive .footerWrap{ bottom: -100%; -webkit-transition: all ease 0s; -moz-transition: all ease 0s; transition: all ease 0s; -webkit-transition-delay: 0s; -moz-transition-delay: 0s; transition-delay: 0s; opacity: 0; z-index: -1; }

    .footer.articleActive .footerWrap.activate{ bottom: 0; -webkit-transition: all ease 1s; -moz-transition: all ease 1s; transition: all ease 1s;opacity: 1; z-index: 9; }

    .footer .middleWrapper{padding: 60px 0 60px 0;}
    .newsSlider ul.newSwiper li .box{padding: 40px 30px;}
    .newsSlider ul.newSwiper li .box h3{font-size: 1.8em; letter-spacing: 0.36px; line-height: 30px; margin-bottom: 140px;}
    .newsSlider ul.newSwiper li .box h4{font-size: 1.4em; letter-spacing: 0.28px; line-height: 22px; min-height: 72px; }
    .newsSlider ul.newSwiper li .box a{font-size: 1.4em; letter-spacing: 1.68px; line-height: 24px;}
    .footer{background: #fff;}
    .footer:after{height: 100%; background: #181F29;}
    .footer.articleActive:after{height: 100%;}
    .footer .footerWrap.middleWrapper{width: 100%;
        background: #fff;
        padding: 40px 20px 20px 20px;
        height: 100%;}
        ul.appStore li{width: 100%; margin: 0 0 10px 0;}
        ul.appStore li a{width: 100%;  color: #040B14; font-weight: 500; padding: 0 0 0 70px;}
        ul.appStore{margin: 20px 0 20px 0;}
        
        ul.appStore li a:after{width: 30px; height: 30px; left: 20px;}
        
 
        .bottomNav{padding: 0px 0 20px 0; }
        .footer .bottomNav ul.leftNav li{width: 100%; float: left; margin: 0 0 30px 0;}
        .footer .bottomNav ul.leftNav li a{ color: #040B14; line-height: 24px; letter-spacing: 1.68px; }
        .bottomNav ul.socialNav{float: left;}
        ul.socialNav li{margin: 0 0 0 30px;}
        ul.socialNav li:first-child{margin: 0;}
        

        .footer .copyRightsWrap ul.leftNav li{font-size: 1.2em; letter-spacing: 0.24px; margin: 0 20px 0 0;}
        .copyRightsWrap ul.leftNav li a{letter-spacing: 0.24px; line-height: 12px; color: #040B14;}
        .copyRightsWrap ul.leftNav li:last-child{margin: 10px 0 0 0; width: 100%; float: left;}
        .copyRightsWrap ul.rightFloat{margin: 10px 0 0 25px;}
        .copyRightsWrap ul.leftNav.rightFloat li{margin: 0 5px 0 0;}
        .copyRightsWrap ul.leftNav.rightFloat li:last-child{width: auto; margin: 0px;}

        body.homepage:after{background-position: center 0;}
        body.homepage{height:calc(100vh - 60px) ;  overscroll-behavior: contain; overscroll-behavior-y: contain; touch-action: none;}

        .iosDeviceActive{height:calc(100vh - 110px) ;}

        ul.dotsUL li{text-indent: 0;}
        .clarityMatters.articleActive .quizWrap{ -webkit-transition-delay: 1s; -moz-transition-delay: 1s; transition-delay: 1s;}
        
        .scrollDownPage{width: 12px; height: 30px;}
        .scrollDownPage:after{width: 12px; height: 18px;}
        a.backToTop{ background-size: 16px 16px; right: 10px;}
        .sectionActivate a.backToTop{bottom: 10px;}
        .sectionActivate a.backToTop:hover{background-color: #182028;}
        .sectionActivate a.backToTop:active{background-color: #86B359;}

        .quizWrap ul.quizUL > li ul.ansUL li a:hover span.number{ background: transparent; color: #74787c; border-color: #74787c;}

        .quizWrap ul.quizUL > li ul.ansUL li a:active span.number, .quizWrap ul.quizUL > li ul.ansUL li a.selected span.number{ background: #86B359; color: #fff; border-color: #86B359; -webkit-transition: none; -moz-transition: none; transition: none;}

        .countBox a.backSlide{background-size: cover; height: 12px; margin: 3px 0 0 0;}
        .countBox a.backSlide.active{width: 15px;}
        ul.formsUL li input{ font-size: 1.4em; letter-spacing: 0.28px; height: 25px; line-height: 25px;}
        ul.formsUL li{margin: 0 0 40px 0 ;}
        .thankYou a.continue:after{background-image: url(../images/icon_arrow_down-white.svg);}
        .newsSlider ul.newSwiper li .box .readMore{background-size: 15px 12px; padding: 0 25px 0 0;}

        /**** Innerpages ********/
        .innerpage a.menuMobile {right: 0; top: 8px; position: absolute;}
        .innerpage a.menuMobile span:after, .innerpage a.menuMobile span:before, .innerpage a.menuMobile:after{background: white;}
        .innerpage .mobileNavigationActive a.menuMobile span:after, .innerpage .mobileNavigationActive a.menuMobile span:before, .innerpage .mobileNavigationActive a.menuMobile:after{background: #fff;}
        .innerpage header.mobileNavigationActive nav ul li a{color: #fff;}
        .innerpage .mobileNavigationActive a.loginBtn{border: 1px solid rgba(255,255,255,0.2); color: #fff;}
        ul.detailsUL li .leftCont{max-width: 100%; width: 100%; padding: 0;}
        .ourDetailsWrapper{padding: 30px 0 60px 0;}
        ul.detailsUL li .rightCont{max-width: 100%; width: 100%;}
        ul.detailsUL li .leftCont h3{font-size: 1.2em; letter-spacing: 1.2px; color: #182028; line-height: 24px; }
        ul.detailsUL li .leftCont h2{ font-size: 3em; letter-spacing: 0.6px; line-height: 50px; color: #182028; margin: 10px 0; }
        ul.detailsUL li .leftCont p{font-size:1.4em !important; letter-spacing: 0.28px; line-height: 22px; color: #182028;padding:28px !important; height:300px !important; }
        ul.detailsUL li{margin-top:60px ;}
        ul.detailsUL li .leftCont h3 span:after{width: 60px; left: calc(100% + 10px);}

        ul.visionUL li{width: 100%; padding: 0;}
        ul.visionUL li:first-child{padding: 0 0 40px 0; border: none;}
        .ourVisionWrap{padding: 60px 0;}
        ul.visionUL li h2{ font-size: 3em; letter-spacing: 0.6px; line-height: 50px; margin: 0 0 10px 0;}
        ul.visionUL li p{font-size:1.4em; letter-spacing: 0.28px; line-height: 22px;}

        .bodWrapper h2{font-size: 3em; letter-spacing: 0.6px; line-height: 50px; }
        .bodWrapper{padding: 0px 0 60px 0;}
        /*ul.bodUL li{width: 33.33%;  margin: 30px 0 0 0;*/  }
        .bodWrapper h2{margin-bottom: 0;}
        .innerpage .footer{padding: 0;}
        .innerpage .footer .footerWrap.middleWrapper{padding: 0px 20px 20px 20px;}
        .innerpage .footer ul.appStore{margin: 20px 0 ;}

        .popup{padding: 30px 0;}
        .popup .middleWrapper{width: 100%; float: left; padding: 0 20px;}
        .popup .content{float: left; margin: 40px auto 0 auto;}
        .popup .content .img{width: 235px; margin: 0;}
        .popup .header a.logoPop{width: 120px;}
        .popup .header a.logoPop img{width: 100%; float: left;}
        .popup a.backPopup{color: #182028; font-weight: 500; font-size: 1.4em; letter-spacing: 1.4px; line-height: 5px; position: relative; top: 13px; }
        .popup .content .cont{margin: 10px 0 0 0;}
        .popup .content .cont h3{font-size: 1.8em; letter-spacing: 0.36px; line-height: 30px; color: #182028; font-weight: 500; margin: 0 0 0px 0;}
        .popup .content .cont h4{font-size: 1.4em; letter-spacing: 0.28px; line-height: 22px; margin: 0 0 10px 0;}
        .popup .content .cont p{font-size: 1.4em; letter-spacing: 0.28px; line-height: 22px;}

        ul.mediaUL{margin: 20px 0 0 0;}
        ul.mediaUL li{padding: 30px 0;}
        ul.mediaUL li h4{font-size: 1.4em; letter-spacing: 0.28px; line-height: 22px;}
        ul.mediaUL li h3{font-size: 1.8em; letter-spacing: 0.36px; line-height: 30px; margin: 20px 0;}
        ul.mediaUL li a.readMore{font-size: 1.4em; letter-spacing: 1.68px; line-height: 24px; background-size: 15px 12px; padding: 0 25px 0 0;}
        ul.mediaUL li a.readMore:hover{padding: 0 25px 0 0;}
        ul.mediaUL li a.readMore:active{padding: 0 30px 0 0;}

        a.viewMore{font-size: 1.4em; letter-spacing: 1.4px; }
        a.viewMore:hover{background: transparent; border-color: rgba(24, 32, 40, 0.4); color: #182028;  }
        a.viewMore:active{background: rgba(24, 32, 40, 1); border-color: rgba(24, 32, 40, 1); color: #fff;  }
        ul.detailsUL li .leftCont h2 br{display: none;}
        .ourDetailsWrapper.pressRelease{padding-top: 50px;}

        /* .innerpage header.positionFixed{position: fixed;} */
        .innerpage.positionFixed{overflow: hidden; position: fixed;}

        .contactWrapper h2{font-size: 3em; letter-spacing: 0.6px; line-height: 50px; margin: 0 0 30px 0; }
        .selectWrap .select-wrapper .holder, .selectWrap .select-wrapper, .selectWrap .select-wrapper select{height: 60px; line-height: 60px;}
        .selectWrap .select-wrapper{font-size: 1.4em; letter-spacing: 0.28px; line-height: 36px; }
        .officeAddress{margin: 40px 0 0 0;}
        ul.addressUL li h3{font-size: 1.8em; letter-spacing: normal; line-height: 26px;}
        ul.addressUL li h4{margin: 5px 0 0 0; font-size: 1.4em; letter-spacing: 0.28px; line-height: 20px;}
        ul.addressUL li h5{margin:30px 0 0 0; font-size: 1.2em; letter-spacing: 1.2px;}
        ul.addressUL li p{margin: 5px 0 0 0; font-size: 1.4em; letter-spacing: 0.28px; line-height: 22px; }
        ul.addressUL li .box{margin:0 0 60px 0}
        .rightContact{padding: 60px 0;}
        .rightContact:after{height: 100%; width: 115vw; left: -7%; }
        .rightContact h3{font-size: 3em; letter-spacing: 0.6px; line-height: 50px; margin-bottom: 40px;}
        
        .newsSlider ul.newSwiper li a:hover .box{background: #fff;}
        .newsSlider ul.newSwiper li a:hover .box h3, .newsSlider ul.newSwiper li a:hover .box h4, .newsSlider ul.newSwiper li a:hover .box .readMore{color: #182028;}
        .newsSlider ul.newSwiper li a:hover .box .readMore{background-image: url(../images/readMoreArrow.svg); }
        .newsSlider ul.newSwiper li a:hover .box .readMore{padding-right: 25px;}

        .newsSlider ul.newSwiper li a:active .box{background: #B4B4BE;}
        .newsSlider ul.newSwiper li a:active .box h3, .newsSlider ul.newSwiper li a:active .box h4, .newsSlider ul.newSwiper li a:active .box .readMore{color: #fff;}
        .newsSlider ul.newSwiper li a:active .box .readMore{background-image: url(../images/readMoreArrow-white.svg); }
        .newsSlider ul.newSwiper li a:active .box .readMore{padding-right: 25px;}

        /* body.bodPopupActive{position: fixed; overflow: hidden;} */

        .scrollDownPage::before{font-size: 1em;}
    

}
@media only screen and (max-width:767px) and (max-height:640px){

    .keyWrap h2{font-size: 4.5em; line-height: 65px; top:40px; height: auto;  padding: 0 25px;}
    .keyWrap p{top: 180px;}
    .keyAttribute .dotsWrap{    height: 260px;        margin: 70px 0 0 0;}
    .clarityMatters .middleWrapper{padding: 40px 0 20px 0;}
    .quizWrap{margin: 30px 0 0 0;}
    .countBox{margin: 0 0 20px 0;}
    .quizWrap ul.quizUL > li ul.ansUL{margin: 5px 0 0 0;}
    .quizWrap ul.quizUL > li ul.ansUL li{margin: 15px 0 0 0;}
    .quizWrap ul.quizUL > li h3{height: auto;}
    ul.formsUL li{ margin: 0 0 25px 0;}
    ul.formsUL li button, .loaderW{margin: 25px 0 0 0;}
    .footer .middleWrapper h2, .clarityMatters .middleWrapper .topDesc h2{font-size: 3.4em;}
    .footer .middleWrapper{padding: 40px 0 30px 0;}
    .footer .footerWrap.middleWrapper{padding: 30px 20px 20px 20px;}
    
    .footer .bottomNav ul.leftNav li{margin: 0 0 18px 0;}
    .copyRightsWrap ul.leftNav li:last-child{margin: 15px 0 0 0;}

    .popup .content .img{width: 180px;}

    

    

}
@media only screen and (max-width:640px){
    ul.bodUL li{width: 50%; padding: 0 10px 0 0 ;}
    ul.bodUL li:nth-child(3n+1){clear: none;}
    ul.bodUL li:nth-child(2n+1){clear: left;}
    ul.bodUL li:nth-child(2n){padding: 0 0 0 10px;}
    a.viewMore{width: 100%; height: 60px; line-height: 60px;}

    .popup .content .img{width: 190px;}
    
}

@media only screen and (max-width:380px){
    
    
    .firstWrap .caption{min-height: calc( 45% + 100px );}
    .keyWrap h2{font-size: 4em; line-height: 55px;}
    .keyWrap p{top: 160px;}
    .keyAttribute .dotsWrap{height: 260px; margin: 0; top: 240px; -webkit-transform: translateY(0); -moz-transform: translateY(0); transform: translateY(0);}

    .quizWrap ul.quizUL > li ul.ansUL{margin: 10px 0 0 0;}
    .quizWrap ul.quizUL > li ul.ansUL li{margin: 15px 0 0 0;}
    ul.formsUL li{
        width: -webkit-fill-available;
        margin-left: 0px !important;
    }
    ul.formsUL li button, .loaderW{margin: 25px 0 0 0;}
    
    .footer .bottomNav ul.leftNav li{margin: 0 0 22px 0;}
    ul.dotsUL li a{margin: 20px 0 0 0; left: calc(-50vw + 0px); }
    .dotsWrap{width: calc(100vw - 20px);}
    .aboutWrapper .caption p.slideCont02, .aboutWrapper .caption p.slideCont01{width: calc(100vw - 60px);}
    .quizWrap ul.quizUL > li h3{min-height: 50px;}

    .popup .content{margin: 30px 0 0 0;}
    .popup .content .img{width: 170px;}
    .popup .content .cont h4{margin: 0 0 10px 0;}

    ul.bodUL li a h3{font-size: 1.6em; line-height: 26px;text-align:center; }
    
}
@media only screen and (max-width:360px){
    .newsSlider ul.newSwiper li .box h3{margin-bottom: 90px;}
    .newsSlider ul.newSwiper li .box h4{min-height: 60px;}
    .keyAttribute .dotsWrap{top: 220px;}
    .firstWrap .caption h2{font-size: 4.5em; line-height: 60px; top: -105px;}
    .aboutWrapper .caption p{font-size: 1.6em; line-height: 27px;}
    .quizWrap ul.quizUL > li h3{font-size: 1.6em; line-height: 27px;}
    .countBox{margin: 0 0 15px 0;}
    .quizWrap{margin: 20px 0 0 0;}
    .quizWrap ul.quizUL > li ul.ansUL li{margin: 10px 0 0 0;}
    .clarityMatters .middleWrapper{padding: 25px 0 0px 0;}
    .footer .middleWrapper h2, .clarityMatters .middleWrapper .topDesc h2{font-size: 3.0em;}
    .clarityMatters .middleWrapper .topDesc h2{height: auto;}
    .clarityMatters .middleWrapper .topDesc h2 span{position: relative;}
    ul.formsUL li button, .loaderW{height: 50px; line-height: 50px;}
    .loaderW .loader{top:17px}
    ul.appStore li a{font-size: 1.6em; padding: 0 0 0 70px;}
    ul.appStore li a:after{left: 15px;}
    .firstWrap .caption{min-height: calc( 40% + 100px );}
    ul.appStore li a{height: 55px; line-height: 55px;}
    ul.appStore{margin: 10px 0 20px 0;}
    .footer .bottomNav ul.leftNav li{margin: 0 0 15px 0;}
    .bottomNav{padding: 0px 0 15px 0;}
    
}

@media only screen and (max-width:360px){
    .popup .content .img{width: 100px;}
    .popup .content .cont p{font-size: 1.3em; line-height: 18px;}
    .popup .content .cont h4{margin: 0 0 5px 0;}
}


ul.detailsUL li .leftCont p{
    padding: 50px;
    color: white;
    font-size: 22px;
    height:420px;
}

ul.detailsUL li .rightCont p {
    padding: 50px;
    color: white;
    font-size: 22px;
    height:420px;
}
 ul.detailsUL li .leftCont {
    padding: 0 0px 0 0;
    width: 60%;
    background: url(../images/frame-bottom.png), #03002f;
    background-size: auto, auto;
    background-size: cover;
  }
   ul.detailsUL li .rightCont {
    width: 40%;
    background: url(../images/frame-right-bottom.png) right 0, #c08b37;
    background-size: auto, auto;
    background-size: cover;
  }
  
  
  
  
         .bg-container {
            background: url(./bg1.jpg) no-repeat center center / cover;
            position: relative;
            padding: 50px 20px;
        }

        /* Background overlay for better text visibility */
        .bg-container::before {
            content: "";
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: rgba(0, 0, 0, 0.5);
            z-index: 1;
        }

        /* Card container adjustments */
        .content-card {
            position: relative;
            z-index: 2;
            background-color: rgba(255, 255, 255, 0.1);
            border: none;
            transition: transform 0.3s ease, box-shadow 0.3s ease;
        }

        .content-card:hover {
            transform: translateY(-10px);
            box-shadow: 0 4px 15px rgba(0, 0, 0, 0.3);
        }

        /* Spacing for text inside cards */
        .content-card p {
            margin: 0;
        }

        /* Responsive adjustment for row spacing */
        @media (max-width: 767px) {
            .row-gap-3 {
                row-gap: 1rem !important;
            }
        }