@font-face {    font-family: 'Playfair';    src: url('PlayfairDisplay.ttf') format('truetype');}
* {    margin: 0px;    padding: 0px;    box-sizing: border-box;}
html {    overflow-x: hidden;}
body {    overflow-x: hidden;font-family: 'Playfair', sans-serif !important; }

#footersection {    position: relative;    clear: both;   padding: 10px 15px;}
.reradisclaimerbtn {    cursor: pointer;}
.menu {    top: 0px;    width: 100%;    height: 80px;    background-color:#ffffffe0;    position: fixed;    -webkit-transition: all 0.4s ease;    -moz-transition: all 0.4s ease;    -o-transition: all 0.4s ease;    transition: all 0.4s ease;    z-index: 999; display: flex;justify-content: space-between;align-items: center;}
.light-menu {    width: 100%;    height: 80px;    background-color: rgba(255, 255, 255, 1);    position: fixed;    background-color: rgba(4, 180, 49, 0.6);    -webkit-transition: all 0.4s ease;    -moz-transition: all 0.4s ease;    -o-transition: all 0.4s ease;    transition: all 0.4s ease;}
#menu-center {    height: 100%;    float: right;display:flex;justify-content: center;align-items: center;}
.logo {      display: inline-block;float: left;position: relative;display: flex;justify-content: center;align-items: center;height: 100%; margin-left: 20px;max-width: 50%;width: 230px; }
.logoimg {  height: 70%;  width: auto;max-width: 100%;    display: inline-block;      position: relative;    z-index: 999;object-fit: contain;object-position: center;}
.logo.desktop{margin-left: 0;}
.men_ull1,.men_ull2{width: calc(50% - 115px);}
#menu-center ul {    margin: 0 0 0 0;    float: right;    margin-right: 20px;}
#menu-center ul li a {    font-size: 14px;      color: rgb(0, 0, 0);float: left;position: relative;padding: 2px 0; }
#menu-center ul li span {    color: rgb(0, 0, 0);    font-size: 14px;    cursor: pointer;display: none;}
#menu-center ul li {    list-style: none;    margin: 0; border-right: 1px solid #000;    display: inline;}
#menu-center ul li:last-child {border: none;}
#menu-center ul li a:hover {    text-decoration: none;      }
#menu-center ul li span:hover {    text-decoration: none;     }
.menu_li{float: left;position: relative;padding: 0 15px;}
a {    font-size: 14px;    color: black;    text-decoration: none;  }
#home {    overflow: hidden;    width: 100%;    clear: both;    float: left;    position: relative;    margin-top: 80px;}
.bannerslider {    max-width: 100%;    display: block;}
.bannersliderm {    max-width: 100%;    display: none !important;}
.enanchor:hover {    background-color: #fff;   color: #1e3d72; border: 1px solid #1e3d72;    transition: all 0.7s linear;}
.enanchor { z-index: 999;   cursor: pointer;    border: 0.5px solid #fff;    border-radius: 5px;    background-color: #1e3d72;    text-decoration: none !important;    position: fixed;    top: 25%;    right: 0%;    display: none;    padding: 5px 20px;    color: #fff;    font-size: 16px !important;    height: 100%;    float: right;    margin-right: 33px;    transform-origin: right top 0;    transform: rotate(270deg) !important;  display: block;  -webkit-transform: rotate(270deg) !important;    -webkit-transform-origin: right top;    -moz-transform: rotate(270deg) !important;    -moz-transform-origin: right top;    -o-transform: rotate(270deg) !important;    -o-transform-origin: right top;    -ms-transform: rotate(270deg) !important;    -ms-transform-origin: right top;}
.enanchor1 {    top: 65%;    line-height: 1.5;}
#enqform,.reconfirm_popup {    position: fixed;    top: 0%;    width: 100%;    z-index: 999;    background-color: rgb(0 0 0 / 89%);    height: 100vH;    transition: all 0.5s linear;    display: none;}
.reconfirm_popup_sub,.enqcontainer {    padding: 30px;    max-width:90%;    width:640px ;    background-color: #1e3d72;    margin: 0 auto;    border-radius: 2px;    box-shadow: -1px -1px 4px 3px rgba(255, 255, 255, 0.3);    overflow: hidden;    border: 2px solid #000;    margin-top: 10%;    position: relative;}
.enqcontainer h1 {    text-align: center;    font-size: 16px;    color: #fff;}
.enqcontainer input[type=text],input[type=select] {    height: 30px;    font-size: 16px;    width: 100%;    margin-bottom: 10px;    -webkit-appearance: none;    background: #fff;    border: 1px solid #d9d9d9;    border-top: 1px solid #c0c0c0;    padding: 0 8px;    box-sizing: border-box;    -moz-box-sizing: border-box;    border-radius: 0.25rem !important;}
.sidecontainer { position: fixed; bottom: 10%; width: 280px; right: 0px; z-index: 999; background-color: #000; transition: all 0.5s linear; padding: 10px 20px; background-color: #1e3d72; margin: 0 auto; border-radius: 2px; box-shadow: none; overflow: hidden; border: 2px solid #000; -webkit-transition: all 0.5s linear; -moz-transition: all 0.5s linear; -ms-transition: all 0.5s linear; -o-transition: all 0.5s linear; }
.sidecontainer2 {    right: -280px;}
.sidecontainer h1 {    text-align: center;    font-size: 16px;    color: #fff;}
.sidecontainer input[type=text],input[type=select] {    height: 30px;    font-size: 16px;    width: 100%;    margin-bottom: 10px;    -webkit-appearance: none;    background: #fff;    border: 1px solid #d9d9d9;    border-top: 1px solid #c0c0c0;    padding: 0 8px;    box-sizing: border-box;    -moz-box-sizing: border-box;    border-radius: 0.25rem !important;}
.form-control {    padding-left: 5px;    height: auto;}
.enqformbtn {    border: 0px;    color: #000;    text-shadow: 0 1px rgba(0, 0, 0, 0.1);    background-color: #b87432;    padding: 5px 0px;    font-size: 16px;    width: 100%;    text-transform: uppercase;    letter-spacing: 3px;  width: 150px;border-radius:7px  }
.sideformbtn,.reconfirm_submit {    border: 0px;    color: #000;    text-shadow: 0 1px rgba(0, 0, 0, 0.1);    background-color: #b87432;    padding: 5px 0px;    font-size: 16px;    width: 100%;    text-transform: uppercase;    letter-spacing: 3px;   }
.close {    color: #fff;  background: transparent;  font-size: 30px;    box-shadow: none;    border: 0px;    position: absolute;    right: 10px;    top: -2px;}
.sideclose {    color: #fff;    font-size: 25px;    float: right;    background: transparent;    box-shadow: none;    border: 0px;    position: absolute;    right: 10px;    top: -2px;}
.eftwopp {    text-align: center;    color: #fff;    clear: both;    padding-top: 4px;    margin-bottom: 0px;    font-size: 12px;}
.eftwopps {    text-align: center;    color: #fff;    clear: both;    padding-top: 4px;    margin-bottom: 0px;    font-size: 12px;}
.footermain span {    font-size: 14px;}
.footermodal-container {    padding: 30px;    width: 100% !important;    background-color: #000;    margin: 0 auto;    border-radius: 2px;    box-shadow: -1px -1px 4px 3px rgba(255, 255, 255, 0.1);    overflow: hidden;    border: 2px solid #000;    color: #fff;    font-size: 13px;    text-align: justify;    line-height: 1.8;}
.hamclick {    display: none;    cursor: pointer;}
.bar1,.bar2,.bar3 {    width: 35px;    height: 3px;    background-color: #b87432;    margin: 6px 0;    transition: 0.4s;}
.change .bar1 {    -webkit-transform: rotate(-45deg) translate(-8px, 6px);    transform: rotate(-45deg) translate(-8px, 6px);}
.change .bar2 {    opacity: 0;}
.change .bar3 {    -webkit-transform: rotate(45deg) translate(-6px, -6px);    transform: rotate(45deg) translate(-6px, -6px);}
.sidemenu {    width: 280px;    position: fixed;    height: 100vH;    z-index: 99;    right: 0px;    background-color: rgba(0, 0, 0, 0.7);}
#rera-modal .modal-dialog h3 {    text-align: center;    font-size: 20px !important;}
#rera-modal .modal-dialog {    max-width: 70% !important;    margin: 1% auto;}
#disc-modal .modal-dialog {    max-width: 70% !important;    margin: 1% auto;}
#disc-modal .modal-dialog h3 {    text-align: center;    font-size: 20px !important;}
.sec-eqMobile {    display: none;}
.main_sec{margin-top: -80px;padding-top: 80px;clear: both;width: 100%;float: left;position: relative;}
.sub_sec{float: left;position: relative;width: 100%;padding:30px 5%;}
.headingg{width: 100%;float: left;position: relative;margin-bottom: 20px;display: flex;justify-content: center;align-items: center;}
.head{float: left;text-align: center;color: #1e3d72;font-size: 25px;font-weight: 900;margin-bottom: 0;letter-spacing: 2px;display: flex;}
.head_block{display: block !important}
.headdp{float: left;position: relative;margin-bottom: 0;}
.head_line{position: relative;width: 150px;display: block;margin-left: 20px;}
.head_line::before{content: "";position: absolute;left: 0; top: 50%;width: 100%;z-index: 1;height: 1px;background-color: #1e3d72;}
.head_line_yellow::before{content: "";position: absolute;left: 0; top: 50%;width: 100%;z-index: 1;height: 1px;background-color: #b87432;}
.head_line_white::before{content: "";position: absolute;left: 0; top: 50%;width: 100%;z-index: 1;height: 1px;background-color: #fff;}
.main_div{width: 100%;float: left;position: relative;display: flex;justify-content: center;align-items: center;}
.main_left{width: 50%;padding-left: 1%;padding-right: 1%;float: left;position: relative;}
.main_right{width: 50%;padding-left: 1%;padding-right: 1%;float: left;position: relative;}
#bot_form{ float: left; position: relative; width: 100%; border: 1px solid #fff; padding: 20px; background-color: #fff; border-radius: 15px; -webkit-border-radius: 15px; -moz-border-radius: 15px; -ms-border-radius: 15px; -o-border-radius: 15px; }
.bot_inp{width: 100%;float: left;position: relative;margin: 10px 0%;padding: 5px 10px;height: 35px;border: 1px solid #ccc;outline: none;border-radius: 5px;background-color: #f5f7f9;}
.bot_inp50{width: 48%;}
.bot_sub_div{width: 100%;float: left;position: relative;display: flex;justify-content: center;align-items: center;padding:10px 0}
.bot_sub{float: left;position: relative;padding: 7px 15px;border-radius: 5px;border: none;background-color: #b87432;}
.main_sec1 .sub_sec{background-color: #1e3d72;}
/* .main_sec1 .head{color:#fff} */
.site_addr{width: 100%;float:left;position:relative;padding:15px 0;margin:0;text-align:center;color:#fff}
.site_addr b{color:#b87432}
#enqform{justify-content:center;align-items:center;}
.reconfirm_popup_sub, .enqcontainer{margin:0}
.elevation{float: left;position: relative;width: 100%;}
.fl{float: left;position: relative;}
.w100{width: 100%;}
.flex{display: flex;}
.jcsb{justify-content: space-between;}
.jcc{justify-content: center;}
.jcs{justify-content: flex-start;}
.jce{justify-content: flex-end;}
.aic{align-items: center;}
.ais{align-items: flex-start;}
.aie{align-items: flex-end;}
.big{font-size:25px}
.ebig{font-size:35px}
.small{font-size:14px}
.medium{font-size:16px}
.bold,.head{font-weight:900; }
.non_bold{font-weight:500;}
.tc{text-align:center;}
.tl{text-align:left;}
.tr{text-align:right;}
.tj{text-align:justify;}
.uc{text-transform: uppercase;}
.blue{color:#1e3d72}
.red{color:#6d1210}
.grey{color:#7d7f80}
.yellow{color:#b87432}
.red_bg{background-color:#6d1210}
.blue_bg{background-color:#1e3d72}
.grey_bg{background-color:#ebeced}
.bg_gradient{background: linear-gradient(to right, #1d416a 0%,#0d2949 90%,#000000 100% );}
.yellow_bg{background-color:#b87432}
.lyellow_bg{background-color:#e1c5a9}
.white{color:#fff !important}
.mobile{display: none !important;}
.desktop{display: flex !important;}
.fwrap{flex-wrap:wrap;}
.owl-stage-outer{overflow: hidden;}
.form-control{margin-bottom:10px}
.slider .disabled{display:none}
.prevv,.nexxt{width: 30px;margin:0 10px}
.close{cursor:pointer;}
.sideformbtn,.reconfirm_submit {    border-radius: 5px;    width: 120px;    margin-left: calc(50% - 60px);}
.mt20{margin-top: 20px;}
.mb20{margin-bottom: 20px;}
.mt10{margin-top: 10px;}
.mb10{margin-bottom: 10px;}
.mb0{margin-bottom: 0px;}
.ml0{margin-left: 0px !important}
.pt20{padding-top: 20px;}
.pb20{padding-bottom: 20px;}
.pb0{padding-bottom: 0px;}
.fade_in { opacity: 0; transform: translateY(40px); transition: opacity 1s ease, transform 1s ease; -webkit-transition: opacity 1s ease, transform 1s ease; -moz-transition: opacity 1s ease, transform 1s ease; -ms-transition: opacity 1s ease, transform 1s ease; -o-transition: opacity 1s ease, transform 1s ease; }
.fade_in.visible {  opacity: 1;  transform: translateY(0);}
.nowrap{  white-space: nowrap;}
.btnn{ border:1px solid #1e3d72; border-radius:15px ; -webkit-border-radius:15px ; -moz-border-radius:15px ; -ms-border-radius:15px ; -o-border-radius:15px ;padding: 7px 15px;margin: 10px 15px;cursor: pointer; }
.yellow_border{border: 1px solid #b87432;}
.btnn:hover,.btnn_selected{background-color: #1e3d72;color: #fff;} 
.owl-loaded{overflow: hidden;}
.btnn_nomargin{margin: 0;}
.btnn_nomargin15{margin: 0px;padding: 2px 15px !important}
.banner_ovlay{width: 100%;height: 100%;top: 0;z-index: 9; position: absolute;left: 0;padding: 20px 5%; }
.map_btnn{font-size: 12px;width: 140px;text-align: center;}
.w50{width: 50%;}
.counter{list-style: none;}
.count_lii{width: 25%;padding: 20px;border-right: 1px solid #fff;}
.count_num{float: left;position: relative;width: 100%;}
.counttext{margin-left: 15px;font-size: 20px;}
.count_lii:last-child{border: none;}
.foundation_year{ aspect-ratio: 1/1; padding: 15px; border-radius:50% ; -webkit-border-radius:50% ; -moz-border-radius:50% ; -ms-border-radius:50% ; -o-border-radius:50% ;display: flex;justify-content: center; align-items: center;color: #fff;margin-bottom: 0;margin-top: -35px;}
.foundation{border-top: 0.5px solid #404041;width: calc(100% / 6);padding-right:30px}
.foundation_main{padding-top: 60px;}
.foundation_head{height: 50px;margin-top: 20px;}
.foundation_pp{font-size: 14px;}
.pillar_head{height: auto;}
.pillar{ width: 30%; overflow: hidden; border-radius:15px ; -webkit-border-radius:15px ; -moz-border-radius:15px ; -ms-border-radius:15px ; -o-border-radius:15px ; margin-bottom: 20px; border:1px solid #adadad ;box-shadow: 4px 0px 11px 0px #adadad; }
.pillar_sub{padding: 20px;}
.pillar_head{margin-top: 0;}
.unit_pp{ padding: 15px; border-radius:10px ; -webkit-border-radius:10px ; -moz-border-radius:10px ; -ms-border-radius:10px ; -o-border-radius:10px ;border: 1px solid #fff;margin-bottom: 20px; }
.unit_number{ aspect-ratio: 1; width: 30px; margin-right: 10px; border-radius:7px ; -webkit-border-radius:7px ; -moz-border-radius:7px ; -ms-border-radius:7px ; -o-border-radius:7px ; }
.unit_right{width: calc(100% - 40px);font-size: 14px;}
.countt_dd{ width: 45%; margin: 20px 2.5%; border-radius:7px ; -webkit-border-radius:7px ; -moz-border-radius:7px ; -ms-border-radius:7px ; -o-border-radius:7px ; border: 1px solid #fff;padding: 15px;background-color: #0b1c3360;}
.countt_pp{font-size: 14px;letter-spacing: 2px;}
.countt_num{font-size: 17px;margin-bottom: 10px;}
.clients_img{ border-radius:10px ; -webkit-border-radius:10px ; -moz-border-radius:10px ; -ms-border-radius:10px ; -o-border-radius:10px ;width: 80%;border: 1px solid #c0c0c0; }
.ctaa_divv{margin: 15px;}
.cta_ic_div{ width: 35px; border-radius:10px ; -webkit-border-radius:10px ; -moz-border-radius:10px ; -ms-border-radius:10px ; -o-border-radius:10px ;padding: 10px; }
.cta_rightt{margin-left: 15px;width: calc(100% - 50px);}
.trusted_man_imgg{ border-radius:30% 0 0 0 ; -webkit-border-radius:30% 0 0 0 ; -moz-border-radius:30% 0 0 0 ; -ms-border-radius:30% 0 0 0 ; -o-border-radius:30% 0 0 0 ; }
.principles{ width: 47%; border: 1px solid #1e3d72; border-radius:15px ; -webkit-border-radius:15px ; -moz-border-radius:15px ; -ms-border-radius:15px ; -o-border-radius:15px ; background-color: #fff;padding: 20px;margin: 15px 0;}
.principles_ic{width: 50px;}
.principles_head{margin: 15px 0;font-size: 16px;}
.principles_pp{font-size: 14px;}
.vision_mainn{padding: 20px 15%;}
.vision_icc{width: 35px;margin-right: 15px;}
.vision_hh{max-width: calc(100% - 50px);}
.vision_imggg{ border-radius:30% 0 0 0 ; -webkit-border-radius:30% 0 0 0 ; -moz-border-radius:30% 0 0 0 ; -ms-border-radius:30% 0 0 0 ; -o-border-radius:30% 0 0 0 ; }
.vision_imggg1{ border-radius:0 0 30% 0 ; -webkit-border-radius:0 0 30% 0 ; -moz-border-radius:0 0 30% 0 ; -ms-border-radius:0 0 30% 0 ; -o-border-radius:0 0 30% 0 ; }
.vision_ppp{font-size: 14px;}
.vision_mainn .main_left{width: 48%;}
.vision_mainn .main_right{width: 48%;}
.why_shivangi_bg{background: url("../images/why-shivangi.webp");background-repeat: no-repeat;background-size: cover;background-position: center center;}
.whyy_divv{ width: 48%; margin: 15px 1%; border-radius:10px ; -webkit-border-radius:10px ; -moz-border-radius:10px ; -ms-border-radius:10px ; -o-border-radius:10px ; border: 1px solid #fff;padding: 10px;}
.why_icc{width: 35px;margin-right: 15px;}
.why_pp{text-align: left;width: calc(100% - 50px);}
.partner_with_bg{background: url("../images/partner-with-shivangi.webp");background-repeat: no-repeat;background-size: cover;background-position: center center;min-height: 500px;}
.download_icc{width: 20px;margin-right: 10px;}
.hidden{visibility: hidden !important;}




/* Responsive CSS */

@media (max-width: 1250px) {
    #menu-center ul {        padding-left: 0;    }
    #menu-center ul li a {        letter-spacing: 0;    }
}

@media (max-width: 1178px) {
}

@media (max-width: 1114px) {
}

@media (max-width: 1052px) {}

@media (max-width: 1024px) {
    .hamclick {        display: inline-block;        cursor: pointer;         margin-right: 20px;             position: relative;        z-index: 1000;}
    .menu-center {     position: fixed;top: 0;right: -200px;width: 200px;     background-color: rgb(0 0 0 / 84%);    -webkit-transition: all 0.4s ease;  -moz-transition: all 0.4s ease;    -o-transition: all 0.4s ease;    transition: all 0.4s ease;z-index: 998;padding: 15px;padding-top: 90px;height: 100vH;overflow-x: scroll; flex-wrap: wrap; display: block !important;}
    .change .menu-center{right: 0;}
      #menu-center ul{margin: 0;}
    #menu-center ul li{display: block;width: 100%;padding: 10px 0; text-align: center;border: none; border-bottom: 1px solid #fff;}
    #menu-center ul li a{color: #fff;width: 100%;text-align: center;}
    #menu-center{align-items: flex-start;}
.men_ull1 .menu_li:last-child {border-bottom: 1px solid #fff !important;}
.foundation{width: calc(100% / 3);margin-bottom: 50px;} 
.pillar {width: 47%;}
.menu .mobile{display: flex !important;}
.menu .desktop{display: none !important;}
}

@media (max-width: 901px) {
    .inp_eq {        width: 40%;        margin-left: 2.5%;        margin-right: 2.5%;    }
}

@media (max-width: 867px) {}

@media (max-width: 767px) {
     .enanchor {        display: none !important;    }
    /* .mobEqNow {        border-left: 1px solid #ffffff;    } */
    .sec-eqMobile {        height: 40px;        display: flex;        position: fixed;        bottom: 0;        left: 0;        font-size: 20px;        color: #000;        border-bottom: 0;        background: #1e3d72;        width: 100%;        text-align: center;        z-index: 99;    }
    #footersection {        padding-bottom: 60px;    }
    .sec-eqMobile a {        padding: 8px 0;        width:100%;        color: rgb(255, 255, 255);        display: flex;        align-items: center;        justify-content: center;    }
    /* #enqform {        display: none !important;    } */
        #rera-modal .modal-dialog {        max-width: 85% !important;        margin: 1% auto;    }
    #disc-modal .modal-dialog {        max-width: 85% !important;        margin: 1% auto;    }
    #email_form01 {        width: 95%;        margin: 0 auto;    }
    #footersection {        font-size: 14px;    }
    .bannerslider {        max-width: 100%;        display: none !important;    }
    .bannersliderm {        max-width: 100%;        display: block !important;    }
    .main_div{width: 100%;float: left;position: relative;display: block;justify-content: center;align-items: center;}
.main_left{width: 100%;padding-left: 0%;padding-right:0%;float: left;position: relative;}
.main_right{width: 100%;padding-left: 0%;padding-right: 0%;float: left;position: relative;margin-top: 20px;}
.bot_form{padding:20px}
.bot_inp{width: 100%;margin: 15px 0;}
.mtc{text-align:center;}
.mtl{text-align:left;}
.mtr{text-align:right;}
.mobile{display: flex !important;}
.mfwrap {flex-wrap: wrap;}
.desktop{display: none !important;}
.mjcc{justify-content: center;}
.mjcs{justify-content: flex-start;}
.mjce{justify-content: flex-end;}
.maic{align-items: center;}
.mais{align-items: flex-start;}
.maie{align-items: flex-end;}
.mtc{text-align:center;}
.mtl{text-align:left;}
.mtr{text-align:right;}
.mtj{text-align:justify;}
.ebig,.big {    font-size: 22px;}
.banner_sub.w50{width: 100%;}
.btnn{text-align: center;}
.count_lii {width: 50%;margin: 10px 0;border: none;}
.count_num{flex-wrap: wrap;}
.counttext {width: 100%;} 
.head_line{display: none;}
.foundation{width: calc(100% / 2);border-top:none} 
.pillar {width: 100%;}
.vision_mainn .main_left{width: 100%;}
.vision_mainn .main_right{width: 100%;}
.principles{width: 100%;margin: 15px 0;} 
.vision_headd_main {justify-content: center !important;}
.vision_ppp{text-align: center !important;}
.vision_mainn {padding-left: 0;padding-right: 0;}
.why_shivangi_bg{background:#b87432;}
}

@media (max-width: 640px) {
}

@media (max-width: 540px) {
  .whyy_divv {width: 100%;margin: 15px 0;}
}

@media (max-width: 484px) {
}

@media (max-width: 450px) {
.countt_dd {width: 100%;margin: 10px 0;}

}

@media (max-width: 384px) {
  
}

@media (max-width: 380px) {
.foundation{width: calc(100%);} 
}

@media (max-width: 352px) {

}

@media (max-width: 340px) {}

@media (max-width: 330px) {

}