/* normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
    html{font-family: Arial, Helvetica, sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background-color:transparent}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:bold}dfn{font-style:italic}h1{font-size:2em;margin:.67em 0}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:bold}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}
    /*! HTML5 Boilerplate v5.2.0 | MIT License | https://html5boilerplate.com/ */

    /*
     * What follows is the result of much research on cross-browser styling.
     * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
     * Kroc Camen, and the H5BP dev community and team.
     */

    /* ==========================================================================
       Base styles: opinionated defaults
       ========================================================================== */

    html, button{ color: #222; -webkit-tap-highlight-color: transparent;}
    input, textarea, select {width: 100%;}
    html { font-size: 1em;line-height: 1.4;  } 

    ::-moz-selection { background: #e7e7e7; color: #000; text-shadow: none; outline: 0; }
    ::selection { background: #e7e7e7; color: #000; text-shadow: none; }
    /* Misc defaults */
    hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; } 
    audio, canvas, img, video { vertical-align: middle; }
    fieldset { border: 0; margin: 0; padding: 0;} 
    textarea { resize: vertical;}

    /* ==========================================================================
       Browser Upgrade
       ========================================================================== */

    .browserupgrade { margin:0; background: #e8e8e8; color: #000; padding: 0.2em; text-transform: uppercase; text-align: center;}
    .browserupgrade a {color: #b81424;}  


    /* ==========================================================================
       Author's custom styles
       ========================================================================== */
    body{font-size:16px; background-color:#fff;}
    h1, h2 { margin:0; font-size: 1em;font-family: "Inter", sans-serif;font-weight: 700}
    h3, h4{margin:0; font-size: 1em;font-family: "Inter", sans-serif;font-weight: 600}
    h5,h6 { margin:0; font-size: 1em;font-family: "Inter", sans-serif;font-weight: 500}
    p{line-height:1.6em; padding-bottom:1em; font-size:0.9em; margin: 0; letter-spacing: 0.01em;color: #000;font-weight: 400;}
    a {text-decoration:none;outline:0; outline-color: rgba(0, 0, 0, 0);}
    ul {list-style:none; padding:0; margin:0;}
    img {max-width:100%; height:auto;width: 100%;}
    input, textarea, button, select {box-sizing:border-box; border: none; outline: 0; outline-color: rgba(0, 0, 0, 0);}
    textarea, input[type="text"], input[type="tel"], input[type="email"], input[type="submit"], input[type="reset"], select, button {-webkit-appearance: none; -moz-appearance: none; border: 0; appearance:none; -webkit-border-radius:0; border:none; border-radius: 0; background-color: transparent;}
    select > option {padding: 0; -moz-padding:0;}
    ::-webkit-input-placeholder{font-weight: 400;}
    :-moz-placeholder{font-weight: 400;}
    ::-moz-placeholder{font-weight: 400;}
    :-ms-input-placeholder{font-weight: 400;}
    input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none; 
  margin: 0;
}

/* Firefox */
input[type=number] {
  -moz-appearance: textfield;
}
     
    /* ==========================================================================
                                  text colors related
       ========================================================================== */
    /* normal */
 *{box-sizing:border-box;}
 body {color:#000;font-family: "Inter", sans-serif;overflow-x: hidden;}
.clearfix:before, .clearfix:after {content: "";display: table;} 
.clearfix:after {clear: both;}
.clearfix: {*zoom: 1;}
/*body{background: url(../bg/CSR_Builders_Interior_Landingpage.jpg) no-repeat 0 0 /100% auto;padding-bottom: 1000px;}*/
    /* ==========================================================================
                                 commoncode
       ========================================================================== */
.mob,.mob1,.sldmnu{display: none;}
.mmenu{font-size: 0;}
.mmenu > li{display: inline-block;vertical-align: top;font-size: 16px;}
.albaneslid > div{display: inline-block;vertical-align: middle;font-size: 16px;}
.mdestpe{display: table;width: 100%;}
.mdestpe > li{display: table-cell;vertical-align: top;}
.bannerslid,.bannercls,.albane{position: relative;}

input.error {border: 1px solid #ff0000 !important;}
em.error {
    font-size: 0.75em;
    color: #ff0000;
}
#orimode{position:fixed;z-index:9999999;left:0;right:0;top:0;bottom:0;background-color:rgba(0,0,0,.9);display:none}.oriprompt{-moz-transform:translateY(-50%);-webkit-transform:translateY(-50%);-o-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);text-align:center;color:#fff;position:absolute;top:50%;left:0;right:0;padding:20px}.oriprompt{text-align:center;color:#fff}.oriprompt h3{color:#fff;text-transform:uppercase;font-size:1.6em}.oriprompt p{color:#fff;text-align:center;font-size:1em;}
.oriprompt img {width: auto;}
#overlay,#FlashmesOverlay{z-index:999999;align-items: center;justify-content: center;display: none;}
#overlay,#FlashmesOverlay{width:100%;height:100%;top:0;min-width:320px}
#overlay,#FlashmesOverlay{position:fixed}
#overlay,#FlashmesOverlay{background-color:rgba(0,0,0,.6)}
#message,#flashmessage{width:47%;color:#000;text-align:center;/*margin:23% auto 0 auto;*/padding:50px 7%;}
#message,#flashmessage{border-radius: 15px;background-color: #fff;}
#message,#flashmessage{font-weight:400}
#message #okbtn,#flashmessage #okbtn{color: #fff;padding: 10px 40px;background: #ec6c07;border-radius: 30px;display: inline-block;}
#overlay.closes,#FlashmesOverlay.closes{display: flex;}
#flashmessage > p {padding: 25px;font-size: 18px;line-height: 1.5em;}
.apprve {width: 40px;margin: 0 auto;}
#message h5, #flashmessage h5{font-weight: 600;font-size: 1.4vw;padding-top: 5px;padding-bottom: 15px;}
#message p, #flashmessage p {font-size: 1.3vw;  line-height: 1.3em;}
@media only screen and (max-width: 767px) and (min-width: 470px) and (orientation: landscape) {
    #orimode {display: block;}
}
 /* ==========================================================================
                                  animation
       ========================================================================== */
a,.sldmnu,.hedcontainer,.header,.logo,.eeffrm > input,.bbnxt >input {-webkit-transition: all 500ms ease-in-out;-moz-transition: all 500ms ease-in-out;-ms-transition: all 500ms ease-in-out;-o-transition: all 500ms ease-in-out;transition: all 500ms ease-in-out;}
.bhkig img,.enqury1 img,.comsite1 img,.iguide1 img{-webkit-transition: all 500ms ease-in-out;-moz-transition: all 500ms ease-in-out;-ms-transition: all 500ms ease-in-out;-o-transition: all 500ms ease-in-out;transition: all 500ms ease-in-out;}
.bhkig,enqury1,.iguide1,.comsite1{overflow: hidden;}
.bhktyp > a:hover .bhkig img,.enqury1:hover img,.iguide1:hover img,.comsite > a:hover .comsite1 img{transform: scale(1.1);}

.banerovr1 > h1,.banerovr2{-webkit-transition: all 800ms cubic-bezier( .42, 0, .58, 1 ) 0.25s;-moz-transition: all 800ms cubic-bezier( .42, 0, .58, 1 ) 0.25s;-ms-transition: all 800ms cubic-bezier( .42, 0, .58, 1 ) 0.25s;-o-transition: all 800ms cubic-bezier( .42, 0, .58, 1 ) 0.25s;transition: all 800ms cubic-bezier( .42, 0, .58, 1 ) 0.25s;}
.banerovr1 > p,.wrkchrt:nth-child(1){-webkit-transition: all 800ms cubic-bezier( .42, 0, .58, 1 ) 0.5s;-moz-transition: all 800ms cubic-bezier( .42, 0, .58, 1 ) 0.5s;-ms-transition: all 800ms cubic-bezier( .42, 0, .58, 1 ) 0.5s;-o-transition: all 800ms cubic-bezier( .42, 0, .58, 1 ) 0.5s;transition: all 800ms cubic-bezier( .42, 0, .58, 1 ) 0.5s;}
.gawar,.wrkchrt:nth-child(2){-webkit-transition: all 800ms cubic-bezier( .42, 0, .58, 1 ) 0.75s;-moz-transition: all 800ms cubic-bezier( .42, 0, .58, 1 ) 0.75s;-ms-transition: all 800ms cubic-bezier( .42, 0, .58, 1 ) 0.75s;-o-transition: all 800ms cubic-bezier( .42, 0, .58, 1 ) 0.75s;transition: all 800ms cubic-bezier( .42, 0, .58, 1 ) 0.75s;}
.hmpricz,.wrkchrt:nth-child(3){-webkit-transition: all 500ms cubic-bezier( .42, 0, .58, 1 ) 1s;-moz-transition: all 500ms cubic-bezier( .42, 0, .58, 1 ) 1s;-ms-transition: all 500ms cubic-bezier( .42, 0, .58, 1 ) 1s;-o-transition: all 500ms cubic-bezier( .42, 0, .58, 1 ) 1s;transition: all 500ms cubic-bezier( .42, 0, .58, 1 ) 1s;}
.wrkchrt:nth-child(4){-webkit-transition: all 500ms cubic-bezier( .42, 0, .58, 1 ) 1.25s;-moz-transition: all 500ms cubic-bezier( .42, 0, .58, 1 ) 1.25s;-ms-transition: all 500ms cubic-bezier( .42, 0, .58, 1 ) 1.25s;-o-transition: all 500ms cubic-bezier( .42, 0, .58, 1 ) 1.25s;transition: all 500ms cubic-bezier( .42, 0, .58, 1 ) 1.25s;}
.wrkchrt:nth-child(5){-webkit-transition: all 500ms cubic-bezier( .42, 0, .58, 1 ) 1.5s;-moz-transition: all 500ms cubic-bezier( .42, 0, .58, 1 ) 1.5s;-ms-transition: all 500ms cubic-bezier( .42, 0, .58, 1 ) 1.5s;-o-transition: all 500ms cubic-bezier( .42, 0, .58, 1 ) 1.5s;transition: all 500ms cubic-bezier( .42, 0, .58, 1 ) 1.5s;}

.banerovr1 > h1,.banerovr1 > p,.gawar,.banerovr2{opacity: 0}
.content.anmtr .banerovr1 > h1,.content.anmtr .banerovr1 > p,.content.anmtr .gawar,.content.anmtr .banerovr2{opacity: 1;}
.hmbaner21 img{opacity: 0.7;transform: scale(1.2);}
.content.anmtr .hmbaner21 img{opacity: 1;transform: scale(1);}
.hmbaner21 {overflow: hidden;}

a.btn:hover,.estmbud > a::after{transition: all 500ms ease-in-out 0s;}
a.btn:hover,.navi > li.quoteh > a:hover,.startcon > a:hover,.conpkglt3 > a:hover,.eeffrm > input:hover,.bbnxt >input:hover,.quote:hover,.estmbud > a:hover,.iguide2 > a:hover,.fftr2 > a:hover{color: #ec6c07;background-color: #fff;}
.estmbud > a:hover::after {background-image: url(../img/rarrow.png);}
.iguide2 > a:hover::before {background:url(../img/download.png) no-repeat -36px 0 / 55px auto;}

.wrkchart::after{transition: all 1500ms ease-in-out 0s;}
.wrkchart.htg.in-view::after {width: 100%;}
.wrkchart.htg::after {position: absolute;content: '';right: 0px;top: 0px;width: 0%;background: #000;height: 100%;}
.wrkchart.htg.in-view .wrkchrt {opacity: 0;}

.wokbsde > a:hover,.wokbsde.active > a,.ftmenu > li > a:hover,.ftmenu > li.active > a,.fotr4 > a:hover,.cpyrt > li > a:hover,.cpyrt > li.active > a{color: #ec6c07;}
   /* ==========================================================================
                                  header
       ========================================================================== */
.header {position: fixed;width: 100%;top: 0;background-color: #fff;z-index: 666;}
.hedcontainer {padding: 2.1% 9.2% 2.1% 9.2%;display: flex;align-items: center;justify-content: space-between;position: relative;}
.header.shead .hedcontainer::before{bottom: 0;}
.header.shead .hedcontainer {   padding:1% 9.2% 1% 9.2%;}
.logo {width: 15.7vw;}
.header.shead .logo {width: 10vw;}
.navi {display: flex;align-items: center;}
.navi > li {padding-right: 2.3vw;position: relative;}
.navi > li:last-child {
    padding-right: 0;
}
/*
.navi > li::after {position: absolute;content: '';right: 0.9vw;width: 1px;height: 0.9vw;background-color: #585858;top: 50%;transform: translateY(-50%);}
.navi > li:last-child::after{display: none;}
*/
.navi > li > a {color: #585858;text-transform: capitalize;font-size: 1.2vw;display: block;}
/* .navi > li.active > a,.navi > li > a:hover {font-weight: 500;color: #000;} */
li.quoteh > a {color: #fff;background-color: #ec6c07;border: 1px solid #ec6c07;padding: 6px 26px;border-radius: 30px;}
   /* ==========================================================================
                                  content
       ========================================================================== */
.content {
    padding-top: 8.8%;
}
.inbanner {
    position: relative;
}
.inbanner2 {
    position: absolute;
    top: 23.5%;
    left: 11.6%;
    right: 6.8%;
}
.banerovr {
    display: flex
;    justify-content: space-between;
}
.banerovr1 {
    width: 58%;
}
.banerovr1 > p {
    color: #fff;
    font-size: 1.7vw;
    font-weight: 300;
    line-height: 1.5em;
    padding-top: 1.3%;
    width: 75%;
}

.banerovr1 > h1 span {
    color: #ec6c07;
}
.banerovr1 > h1 {
    color: #fff;
    font-size: 4.3vw;
    line-height: 1.1em;
}
.banerovr1 {
    width: 58%;
    padding-top: 4%;
}
.gawar {
    display: flex
;
    padding-top: 9%;
}
.gawarc:nth-child(1) {
    width: 38%;
}
.gawarc:nth-child(2) {
    width: 31%;
}
.gawarc:nth-child(3) {
    width: 29%;
}
.gawarc {
    display: flex
;align-items: center;
}
.gawarc1
 {
    width: 3.3vw;
}
.gawarc2 {
    width: calc(100% - 3.3vw);
    padding-left: 4%;
}
.gawarc2 > p {
    color: #fff;
    padding-bottom: 0;
    font-size: 1.4vw;
    line-height: 1.3em;
}
.banerovr2 {
    width: 32.5%;
}
.banerovr2 {
    width: 32.5%;
    padding: 3.3% 4%;
    border-radius: 20px;
    background-color: #fff;
}
.banerovr2 > h3 {font-size: 1.7vw;line-height: 1.2em;padding-bottom: 8%;}
.brms {padding-bottom: 18px;}
input.burm {border: 1px solid #bfbfbf;border-radius: 5px;padding: 12px 16px;font-size: 1vw;}
.trmcnd {position: relative;}
.tcnds {position: absolute;display: none;}
.trmcnd label {position: relative;color: #6d6d6d;padding-left: 30px;font-size: 0.9vw;cursor: pointer;}
label.chkerrs > a{font-weight: 600;color: #6d6d6d;}
label.chkerrs::before {position: absolute;left: 0px;display: block;pointer-events: none;content: "";-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;transition: background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;border: 1px solid #ec6c07;border-radius: 0;height: 16px;top: 50%;transform: translateY(-50%);width: 16px;border-radius: 2px;}
.tcnds:checked~.chkerrs::after {border-top: 2px solid #ec6c07;border-right: 2px solid #ec6c07;transform:translateY(-50%) rotate(135deg);height: 3px;top: 50%;width: 7px;position: absolute;left: 5px;display: block;content: "";}
.ppfrm {padding-top: 5px;}
.pfrm1 {margin-bottom: 15px;}
input.pfrm11 {font-size: 0.9em;padding: 12px 20px;border: 1px solid #ccc;background-color: transparent;border-radius: 30px !important;color: #ccc;}
input#subtn7 {width: 100%;background-color: #000;color: #fff;text-transform: capitalize;font-size: 0.8em;padding: 12px 25px;text-align: center;border-radius: 30px;}
.bbnxt {padding: 10% 0 8%;}
.bbnxt >input {color: #fff;background-color: #ec6c07;padding: 10px;border-radius: 30px;border: 1px solid #ec6c07;}
.btrms {padding: 0 10%;}
.btrms > p {font-size: 0.8vw;text-align: center;line-height: 1.5em;    padding-bottom: 0;}
.btrms > p a {color: #ec6c07;}
.whchose {
    padding: 4.5% 9.2%;
    background-color: #f2f2f2;
}
.whycsr {padding: 5.3% 9.2%;background-color: #efefef; }
.whycsr > h2 {text-align: center;font-size: 3.1vw;letter-spacing: 0.01em;}
.statse {display: flex;flex-wrap: wrap;padding: 3.5% 0 0% 0;}
.abtcsrfact:nth-child(3n+1) {padding: 1.6% 2.5% 3.5% 0;width: 32%;}
.abtcsrfact:nth-child(3n+2) {padding: 1.6% 4% 3%;width: 35%;}
.abtcsrfact:nth-child(3n+3) {width: 33%;padding: 1.6% 0% 3.5% 3.5%;   border-right: none;}
.abtcsrfact:nth-child(1),.abtcsrfact:nth-child(2),.abtcsrfact:nth-child(3){border-bottom: 1px solid #bbb;}
.abtcsrfact:nth-child(4),.abtcsrfact:nth-child(5),.abtcsrfact:nth-child(6){padding-top: 4.3%;}
.abtcsrfact {text-align: center;border-right: 1px solid #bbb;}
.hrdwrfct {width: 6vw;margin: 0 auto 14px;}
.abtcsrfact h5 {font-size: 1.9vw;font-weight: 700;}
.abtcsrfact p {font-size: 1.2vw;padding-top: 5px;line-height: 1.4em;}
.whchose > h3 {
    text-align: center;
    font-size: 3vw;
}
.wystats {
    display: flex
;
    padding: 2.8% 0 2% 0;
}
.wystas:nth-child(4) {
    width: 25.4%;
}
.wystas:nth-child(3) {
    width: 23.3%;
    border-right: 1px solid #bbb;
}
.wystas:nth-child(2) {
    width: 28.5%;
    border-right: 1px solid #bbb;
}
.wystas:nth-child(1) {
    width: 22.7%;
    border-right: 1px solid #bbb;
}

.wystas {
    text-align: center;
}
.wystas > h5 {
    font-size: 3vw;
    letter-spacing: 0.05em;
}
.wystas > span {font-size: 1.2vw;
}
.hombugt {
    padding: 5.2% 9.2%;
}
.hombugtf {
    display: flex
;
    justify-content: space-between;
    align-items: flex-end;
}
.hombugt1 {
    width: 55%;
}
.hombugt1 > h3 {
    font-size: 3vw;    text-transform: capitalize;
} 
.hombugt1 > p {
    font-size: 1.5vw;
    font-weight: 300;
    padding-top: 1.1%;
    line-height: 1.5em;
    padding-bottom: 0;
}
.quote {
    color: #fff;
    border: 1px solid #ec6c07;
    background-color: #ec6c07;
    padding: 10px 28px;
    border-radius: 30px;
    font-size: 1.2vw;
    display: inline-block;
    margin-bottom: 3px;
}
.bhktype {
    display: flex
;
    padding: 4.7% 0 3% 0;
}
.bhktyp {
    width: 32.3%;
    margin-right: 1.5%;
    position: relative;    border-radius: 25px;
    overflow: hidden;
}
.bhkig{position: relative;}
.bhkig::before {
    position: absolute;
    content: '';
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    border-radius: inherit;
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0.1) 60%, rgba(0, 0, 0, 0.7) 80%, rgba(0, 0, 0, 0.9) 100%);    z-index: 1;
}
.bhktyp:last-child {
    margin-right: 0;
}
.bhkcnt {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 8% 11%;
    display: flex
;
    justify-content: space-between;    align-items: center;z-index: 2;
}
.bhkcnt1 > h4 {
    color: #fff;
    font-size: 1.6vw;
    text-transform: uppercase;
}
.bhkcnt1 > span {
    color: #fff;
    font-size: 1.4vw;
}
.bhkcnt2 {
    width: 3vw;
    height: 3vw;background-color: #fff;
    border-radius: 50%;    display: flex
;
    align-items: center;
    justify-content: center;transition: all 500ms ease-in-out;
}
.bhktyp > a:hover .bhkcnt2{background-color: #ec6c07;}
.bhkcnt2 span {
    width: 1vw;
    height: 1vw;
    background: url(../img/barrow.png) no-repeat 0 0 / 100% auto;display: block;transition: all 500ms ease-in-out;
}
.bhktyp > a:hover .bhkcnt2 span{background-image: url(../img/warrow.png)}
.hombugt > p {
    font-size: 1.35vw;
    color: rgba(0, 0, 0, 0.7);
    padding-bottom: 3%;
}
.watofer {
    padding: 5.3% 9.2%;
    background-color: #000;
}
.watofere {
    display: flex
;
    justify-content: space-between;
}
.watofere > h3 {
    font-size: 3vw;
    color: #fff;
}
.watofdes {
    padding: 5.4% 0 2.3% 0;
    display: flex
;
}
.ofrdecp {
    width: 32.4%;
    margin-right: 1.5%;
    border: 2px solid #4d4d4d;
    border-radius: 25px;
    overflow: hidden;
}
.ofrdecp1 {
    display: flex
;
    padding: 7% 7% 6% 7%;
    align-items: center;
    justify-content: center;
    background-color: #202020;height: 8.1vw;
}
/* .ofrdecp2 pre {
    display: flex;
    font-family: "Inter", sans-serif;
    padding: 0% 7% 8% 7%;
    align-items: center;
    justify-content: center;
    background-color: #202020;
    margin: 0 -18%;    color: #fff;
    font-weight: 600;    margin-bottom: 20px;    font-size: 1.7vw;
    line-height: 1em;
}
.ofrdecp2 pre img {
    width: 11%;margin-right:5%;margin-top: 25px;
} */
.ofrdecp11 {
    width: 11%;
}
.ofrdecp12 {
    padding-left: 5%;
}

.ofrdecp12 > h4
 {
    color: #fff;
    font-size: 1.7vw;
    text-transform: capitalize;
}
.ofrdecp2 {
    padding: 10% 13%;
}
.ofrdecp2 h3{font-weight: 500;color: #fff;font-size: 1.5vw;padding-bottom: 20px;}
.ofrdecp2 p{color: rgba(255,255,255,0.6);font-size: 1.3vw;padding-bottom: 20px;}
.ofrdecp2 ul{padding-bottom: 30px;}
.ofrdecp2 ul li {
    color: rgba(255,255,255,0.6);
    position: relative;
    padding-left: 2.1vw;
    font-size: 1.3vw;
    padding-bottom: 27px;
}
.ofrdecp2 ul li:last-child {
    padding-bottom: 0;
}
.ofrdecp:last-child {
    margin-right: 0;
}
.ofrdecp2 ul li::before {
    position: absolute;
    content: '';
    left: 0;
    top: 0.6vw;
    width: 1vw;
    height: 1vw;
    background: url(../img/rarrow.png) no-repeat 0 0 / 100% auto;
}
.partner {
    padding: 5.2% 9.2%;
    background-color: #f3f3f3;
}
.partner > h3 {
    text-align: center;
    font-size: 3vw;
}
.partner > p {
    text-align: center;
    font-size: 1.4vw;
    font-weight: 300;
    padding-top: 3px;
}
.partnrcrsl {
    padding: 1.6% 0 0% 0;
}
.partnr {
    display: flex
;
    flex-wrap: wrap;
}
.trust {
    width: 14%;
    margin-right: 3%;
    margin-bottom: 2%;
}
.trust:nth-child(6),.trust:nth-child(12),.trust:nth-child(18) {
    margin-right: 0;
}
.partnr .owl-nav {
    position: absolute;
    left: -40px;
    right: -40px;
    top: 50%;
    transform: translateY(-50%);
}
.partnr .owl-nav button.owl-prev.disabled,.partnr .owl-nav button.owl-next.disabled {
    opacity: 0.5;
}
.partnr .owl-nav button.owl-prev {
    width: 30px;
    height: 30px;float: left;
}
.partnr .owl-nav button.owl-next {
    width: 30px;
    height: 30px;float: right;
}
.partnr .owl-nav button.owl-prev span {font-size: 0;border-right: 2px solid #000;border-top: 2px solid #000;width: 10px;height: 10px; display: block;transform: rotate(-135deg);margin-left: 12px;}
.partnr .owl-nav button.owl-next span {font-size: 0;border-right: 2px solid #000;border-top: 2px solid #000;width: 10px;height: 10px; display: block;transform: rotate(45deg);margin-left: 7px;}
.esteem {
    padding: 5% 9.2%;
}
.esteem > h3 {
    text-align: center;
    font-size: 3vw;
}
.conpackg > p{color: #fff;}
.conpackg > p, .sitepics > p, .esteem > p
 {
    text-align: center;
    font-weight: 300;
    font-size: 1.45vw;    padding-top: 7px;
}
.estembud
 {
    padding: 3.1% 0 2.7% 0;
    display: flex
;
}
.estmbud{
    width: 32.3%;
    border: 1px solid #d1d1d1;
    border-radius: 25px;
    margin-right: 1.5%;    padding: 4.7% 4.8%;background-color: #f5f5f5;
}
.estmbud:last-child {
    margin-right: 1%;
}
.estmbud1 {
    width: 28%;
    padding-bottom: 8%;
}
.estmbud > h4 {
    font-size: 2vw;
}
.estmbud > p {
    font-weight: 400;
    font-size: 1.4vw;
    padding-top: 9px;
    line-height: 1.4em;
}
.estmbud > a {
    color: #fff;
    background-color: #ec6c07;
    padding: 10px 57px 10px 41px;
    border-radius: 30px;
    border: 1px solid #ec6c07;
    display: inline-block;
    font-size: 1.2vw;
    position: relative;
}
.estmbud > a::after {
    position: absolute;
    content: '';
    top: 50%;
    transform: translateY(-50%);
    right: 37px;
    width: 15px;
    height: 15px;
    background: url(../img/warrow.png) no-repeat 0 0 / 100% auto;
}
.howwrks {
    padding: 5.7% 9.2%;
    background-color: #000;
}
.howwrks > h3 {
    text-align: center;
    color: #fff;
    font-size: 3vw;
}
.wrkchart {
    margin:5.5% 0 3.7% 0;
    position: relative;
    display: flex
;
}
.wrkchrt:nth-child(1) {width: 18%;}
.wrkchrt:nth-child(2) {width: 25%;}
.wrkchrt:nth-child(3) {width: 15%;}
.wrkchrt:nth-child(4) {width: 24%;}
.wrkchrt:nth-child(5) {width: 17%;}
.wrkchrt.odd {
    padding-top: 6.4%;
}
.wrkchrt {
    text-align: center;
}
.chrtig {
    width: 8.2vw;
    margin: 0 auto;
}
.wrkchrt.odd .chrttxt {
    padding-top: 4.4vw;
}
.wrkchrt.even .chrtig {
    padding-top: 3.9vw;
}
.chrttxt > span {
    color: #fff;
    font-size: 1.5vw;
    line-height: 1.5em;min-height: 4.5vw;
    display: block;
}
.wrkchart::before {
    position: absolute;
    content: '';
    top: 49%;
    transform: translateY(-50%);
    left: 0;
    right: 0;
    width: 100%;
    height: 52%;
    background: url(../assets/curve.png) no-repeat 0 0 / 100% auto;
}
.intguide {
    padding: 6.4% 9.2%;
}
.intguidet {
    display: flex
;
    padding: 3%;
    background-color: #f9f9f9;
    border-radius: 30px;
    border: 1px solid #cfcfcf;
}
.iguide1 {
    width: 48%;    border-radius: 5px 0 0 5px;
    overflow: hidden;
}
.iguide2 {
    width: 52%;
    background-color: #323232;
    padding: 6% 6% 3% 8.8%;    border-radius: 0px 5px 5px 0;
    overflow: hidden;
}
.iguide2 > h4 {
    color: #fff;
    font-size: 3vw;
    line-height: 1.2em;
}
.iguide2 > p
 {
    font-size: 1.3vw;
    color: #fff;
    padding-top: 3%;padding-bottom: 18px;
}
.iguide2 > a {
    color: #fff;
    background-color: #ec6c07;
    padding: 10px 32px 10px 57px;
    border-radius: 30px;
    border: 1px solid #ec6c07;
    text-transform: capitalize;
    font-size: 1.2vw;
    display: inline-block;
    position: relative;
}
.iguide2 > a::before {
    position: absolute;
    content: '';
    left: 29px;
    top: 50%;
    transform: translateY(-50%);
    width: 20px;
    height: 20px;
    background: url(../img/download.png) no-repeat 0 0 / 55px auto;
}
.testimnl {
    position: relative;
    /* background-color: #f2f2f2; */
    padding:0 9.2%;
}
.testimon {
    display: flex
;
    /* border: 1px solid #bcbcbc; */
    /* border-radius: 20px; */
    overflow: hidden;
}
.testimon1 {
    /* width: 49%; */ width: 100%;
}
.testimon1 > a {
    position: relative;
    display: block;
}
.testimon1 > a::before {
    position: absolute;
    content: '';
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.1);
}
.testimon1 > a::after {
    position: absolute;
    content: '';
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 4vw;
    height: 4vw;
    background: url(../img/play.png) no-repeat 0 0 / 100% auto;
}
.testimon2 {
    width: 51%;
    background-color: #fff;
    padding: 8% 7.2% 4%;
}
.testimon2 > h3 {
    font-size: 2.15vw;
    padding-bottom: 2px;
}
.testimon2 > span {
    font-size: 1.4vw;
}
.testimon2 > p {
    padding-top: 7%;
    font-size: 1.4vw;
    font-weight: 300;
    line-height: 1.4em;
}
.testimnlz {
    position: relative;
}
.testimnlx .owl-dots {
    padding-top: 20px;
    display: flex
;
    align-items: center;
    justify-content: center;
}
.testimnlx button.owl-dot {
    border: 2px solid #ec6c07 !important;
    width: 13px;
    height: 13px;
    border-radius: 50%;
    margin: 0 5px;
}
.testimnlx button.owl-dot.active{background-color: #ec6c07 !important; }
.conpackg { padding: 6.3% 9.2%;background-color: #000;}
.conpackg > h2 {text-align: center;font-size: 3.1vw;letter-spacing: 0.01em;color: #fff;}
.conpkgl {padding: 4.6% 0 2.2% 0;display: flex;}
.conpkglt {width: 23.5%;margin-right: 2%;border: 1px solid rgba(255, 255, 255, 0.5);border-radius: 10px;}
.conpkglt.three{width: 30%;margin-right: 4%;}
.conpkglt:last-child {margin-right: 0;}
.conpkglt1 {padding: 7% 12%;border-bottom: 1px solid rgba(255, 255, 255, 0.5);}
.conpkglt1 > h5 {text-transform: capitalize;color: #ec6c07;font-size: 1.4vw;}
.conpkglt1 > h4 {font-weight: 600;color: #fff;font-size: 1.8vw;line-height: 1.2em;letter-spacing: 0.04em;}
.conpkglt1 > h4 span {text-transform: uppercase;font-size: 0.9vw;color: rgba(255, 255, 255, 0.7);letter-spacing: 0;padding-left: 4px;display: inline-block;}
.conpkglt3 > a {color: #fff;font-size: 1.15vw;display: block;padding: 9px 20px;background-color: #ec6c07;border: 1px solid #ec6c07;border-radius: 30px;text-transform: capitalize;text-align: center;}
.conpkglt3 {padding: 37px 13%;}
.wokbsde.active > a{color: #ec6c07;}
.wokbsde {padding: 17px 8% 20px 13.5%;border-bottom: 1px solid rgba(255, 255, 255, 0.2);}
.wokbsde > a {color: #fff;font-size: 1.2vw;position: relative;display: block;}
.wokbsde.active > a::after {content: '-';}
.wokbsde > a::after {position: absolute;top: 50%;right: 0;transform: translateY(-50%);content: '+';font-size: 1.7vw;line-height: 0.8em;}
ul.subdesig {padding: 13px 0 0 16px;list-style: disc;display: none;}
.subdesig > li::marker {color: #ec6c07;}
.subdesig > li {color: rgba(255, 255, 255, 0.7);font-size: 0.9vw;padding-bottom: 11px;}
.subdesig > li:last-child {padding-bottom: 0;}
.conpkglt3 > a {color: #fff;font-size: 1.15vw;display: block;padding: 9px 20px;background-color: #ec6c07;border: 1px solid #ec6c07;border-radius: 30px;text-transform: capitalize;text-align: center;}
.conpkglt3 {padding: 37px 13%;}
.uvdoslid2 {
    position: absolute;
    top: 0%;
    left: 0%;
    right: 0%;
    bottom: 0%;
    z-index: 1;
    display: none;
}
.closevid {
    position: absolute;
    top: 15px;
    right: 25px;
    background-color: #fff;
    border-radius: 50%;
    width: 30px;
    height: 30px;
    display: flex
;
    align-items: center;
    justify-content: center;
    padding: 9px;
}
.faqs {
    padding: 5.1% 9.2% 3.7%;
}
.faqs > h2 {
    font-size: 3.1vw;
    letter-spacing: 0.01em;
}
.faqns {
    padding: 4% 0 0 0;
}
.faq-item > li {
    background-color: #f7f7f7;
    padding: 3.2% 0% 3% 4%;
    margin-bottom: 1.5%;}
.faq-item > li > a {
    color: #000;
    font-weight: 600;
    font-size: 1.6vw;
    letter-spacing: 0.01em;position: relative;
    display: block;    padding-right: 7%;
}
.faq-item > li > a::after {
    position: absolute;
    content: '+';
    top: 50%;
    transform: translateY(-50%);
    right: 0;
    font-size: 2.5vw;
    font-weight: 400;
    line-height: 1em;
}
.faq-item > li.active > a::after {content: '-';}

.faqs.frprj .faqns {
    margin: 2.4% 0 0 0;
    border-top: 1px solid #bbb;
    padding: 0;
}
.faqs.frprj .faq-item > li {
    background-color: transparent;
    padding: 3% 0% 3% 0;
    margin-bottom: 5px;    border-bottom: 1px solid #bbb;
}
.faq-ans {
    display: none;
    padding-top: 1.3%;    padding-right: 7%;
}
.faq-ans > p {
    font-size: 1.4vw;
    font-weight: 300;
    line-height: 1.4em;
    padding-bottom: 5px;
}
.sitepics {padding: 5.5% 9.2%;}
.sitepics > h2 {text-align: center;font-size: 3.1vw;letter-spacing: 0.01em;}
.comsitelst {padding: 3.4% 0;}
.comsite > a {position: relative;border-radius: 10px;overflow: hidden;}
.comsite1 {border-radius: inherit;}
.comsite2 {position: absolute;top: 0;left: 0;right: 0;bottom: 0;background-color: rgba(0, 0, 0, 0.5);display: flex;align-items: center;justify-content: center;border-radius: inherit;opacity: 0;transform: scale(0);transition: all 500ms ease-in-out;}
.comsite > a:hover .comsite2{opacity: 1;transform: scale(1);}
.comsite2 > img {width: 13% !important;}
.startcon > a {color: #fff;font-size: 1.55vw;display: inline-block;padding: 12px 47px;background-color: #ec6c07;border: 1px solid #ec6c07;border-radius: 30px;}
.startcon {text-align: center;padding: 10px 0;}
.comsitelst .owl-nav {
    position: absolute;
    left: -50px;
    right: -50px;top: 50%;
    pointer-events: none;    transform: translateY(-50%);
}
.comsitelst .owl-nav .owl-prev.disabled,.comsitelst .owl-nav .owl-next.disabled{display: none;}
.comsitelst .owl-nav .owl-prev{width: 35px;height: 35px;border: 1px solid #000;border-radius: 50%;background-color: #000 !important;float: left;display: flex;align-items: center;justify-content: center;pointer-events: all;}
.comsitelst .owl-nav .owl-next{width: 35px;height: 35px;border: 1px solid #000;border-radius: 50%;background-color: #000 !important;float: right;display: flex;align-items: center;justify-content: center;pointer-events: all;}
.comsitelst .owl-nav .owl-prev span{font-size: 0;border-top: 1px solid #fff;border-right: 1px solid #fff;width: 10px;height: 10px;transform: rotate(-135deg);margin-left: 5px;}
.comsitelst .owl-nav .owl-next span{font-size: 0;border-top: 1px solid #fff;border-right: 1px solid #fff;width: 10px;height: 10px;transform: rotate(45deg);margin-right: 5px;}

.quickcntk {padding: 3.4% 9.2%;background-color: #e9e9e9;text-align: center;}
.quickcntk p {font-size: 1.45vw;}
.quickcntk h4 {font-size: 1.9vw;}
.quikct {display: flex;justify-content: space-around;padding: 2.5% 0 0 0;}
.quikct1 {width: 25%;}
.quikig {width: 19%;margin: 0 auto 16px;}
.quikct1 a {color: #fff;font-size: 1vw;display: inline-block;padding: 10px 40px;background-color: #ec6c07;border: 1px solid #ec6c07;border-radius: 30px;text-transform: capitalize;text-align: center;font-weight: 600;}
.quikct1 h5 {font-weight: 600;font-size: 1vw;padding-top: 8px;}
.quikct1 a.mob1{display: none;}
.quikct1 a:hover {color: #ec6c07;background-color: #fff;}
/*********************************** common page -----------------------------*/
.enqpop,.enqpopd {position: fixed;left: 0;top: 0; right: 0px;bottom: 0px;background-color: rgba(0,0,0,0.7);z-index: 2001;transition: all 500ms ease-in-out;display: none;align-items: center;justify-content: center;}
.enqpop.active,.enqpopd.active{display: flex;}
a.pfmcls {position: absolute;right: 28px;top: 20px;font-size: 1em;line-height: 0.8em;width: 25px;height: 25px;display: flex;align-items: center;justify-content: center;color: #000;padding: 5px;}
.enqpop1{position: relative;padding: 40px 30px 20px;background-color: #fff;width: 380px;border-radius: 10px;}
.enqpop1 > h5{text-transform: capitalize;font-size: 1.4em;padding-bottom: 20px;}
.enqpop1 > p {font-size: 0.9em;font-weight: 300;}

/*--------------------------- Footer ----------------------------*/
.footer {
    padding: 4.5% 9.2% 0;background-color: #000;
}
.footer1 {
    display: flex
;
    justify-content: space-between;
    align-items: center;
    padding-bottom: 4.4%;
    border-bottom: 1px solid #bbb;
    margin-bottom: 4.3%;
}
.fftr1 > h2 {
    font-size: 3vw;
    color: #fff;
    line-height: 1.2em;
}
.fftr2 > a {
    color: #fff;
    background-color: #ec6c07;
    padding: 10px 25px;
    border-radius: 30px;
    border: 1px solid #ec6c07;
    font-size: 1.2vw;
    display: inline-block;
}
.footer2 {
    display: flex;padding-bottom: 3.5%;
    border-bottom: 1px solid #bbb;
}
.fotr1 {
    width: 26.8%;
    padding-right: 6%;
}
.foot11 {
    width: 73%;
    padding-bottom: 14%;
}
.footer21 > h3 {
    color: #fff;
    text-transform: uppercase;
    font-size: 1.4vw;
    padding-bottom: 8%;
}
.footer21 > p {
    color: #fff;
    font-size: 1.35vw;
    font-weight: 300;
    line-height: 1.5em;    padding-bottom: 10px;
}
.fotr2 {
    width: 25.9%;
    padding-right: 5%;
    padding-top: 1%;
}
.footer21 > h5 {
    color: #fff;
    text-transform: uppercase;
    font-size: 1.4vw;
    padding-bottom: 12%;
}
.ftmenu > li {
    padding-bottom: 7%;
}
.ftmenu > li > a {
    color: #fff;
    font-weight: 300;
    font-size: 1.4vw;
    text-transform: capitalize;
}
.fotr3 {
    width: 24.5%;
    padding-right: 5%;
    padding-top: 1%;
}
.fotr4 {
    width: 22.7%;
    padding-top: 1%;
}
a.fcall::after {
    position: absolute;
    content: '';
    left: 0;
    bottom: 0;
    width: 70px;
    height: 1px;
    background-color: #bbb;
}
a.fcall::before {
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    width: 70px;
    height: 1px;
    background-color: #bbb;
}
.fotr4 > a.fcall {
    padding: 19px 0;
    position: relative;
}
.fotr4 > a {
    color: #fff;
    font-weight: 300;
    font-size: 1.4vw;
    display: inline-block;
    padding: 12px 0;
}
.footer3 {
    padding: 3% 0;
    display: flex
;
    justify-content: space-between;
}
.compny > p {
    color: rgba(255, 255, 255, 0.5);
    font-size: 1.4vw;
    font-weight: 300;
    padding-bottom: 0;
}
.cpyrt > li:last-child::after {
    display: none;
}

.cpyrt > li::after {
    position: absolute;
    content: '';
    right: 10px;
    width: 1px;
    height: 20px;
    background-color: #bbb;
    top: 50%;
    transform: translateY(-50%);
}
.cpyrt > li:last-child {
    padding-right: 0;
}
.cpyrt > li {
    padding-right: 19px;
    position: relative;
}
.cpyrt > li > a {
    color: rgba(255, 255, 255, 0.5);
    font-size: 1.4vw;
    font-weight: 300;
}
.cpyrt {
    display: flex
;
}
.social {
    display: flex
;
}
.social > li {
    margin-right: 10px;
}
.social > li > a {
    width: 28px;
    height: 28px;
    background-image: url(../img/social.png);
    background-repeat: no-repeat;
    background-size: 210px auto;
    display: block;
}
.social > li > a.insta {background-position: 0 0px;}
.social > li > a.fb {background-position: -46px 0px;}
.social > li > a.twtr {background-position: -93px 0px;}
.social > li > a.utbe {background-position: -140px 0px;}
.footer4 {display: flex;justify-content: end;padding-bottom: 15px;}
.footer4 > a,.footer4 > a span:hover {color: #ec6c07;    font-size: 1vw;}
.footer4 > a span {color: #fff;}

    /* ==========================================================================
                                  Responsive
       ========================================================================== */
@media only screen and (max-width: 1250px){
    .quikct1 a.desk1{display: none;}
    .quikct1 a.mob1{display: inline-block;}
    #message h5, #flashmessage h5{font-size: 1.1em;}
       
}
@media only screen and (max-width: 1024px){
    .desk1,.navi{display: none;}
    .mob1{display: block;}
    .hedcontainer {padding: 20px 30px;}
    .header.shead .hedcontainer {padding: 15px 30px;}
    .logo {width: 130px;}
    .header.shead .logo {width: 120px;}
    .abtcsrfact h5 {font-size: 2.4vw;}
    .phmenu {display: block;height: 30px;}
    .moblnk {display: inline-block;width: 30px;height: 30px;}
    .moblnk span{width: 13px;display: block;height: 2px;background-color: #000;position: relative;top: 14px;left: 5px; border-radius: 2px;}
    .moblnk span::before {top: -7px;}
    .moblnk span::after {top: 7px;}
    .moblnk span::before, a.moblnk span::after {content: "";display: block;position: absolute;background: #000;height: 2px;width: 20px;transition: all 300ms ease-in-out;left: 0px;border-radius: 2px;}
    .moblnk.active span{height: 0;}
    .moblnk.active span::before{transform: rotate(45deg);top: 0;}
    .moblnk.active span::after{transform: rotate(-45deg);top: 0;}
    .sldmnu.open {transform: translateX(0);}
    .sldmnu {position: fixed;top: 77px;;right: 0;bottom: 0;transform: translateX(100%);display: block;width: 50%;background-color: #000;z-index: 999;transition: all 500ms ease-in-out;overflow-y: auto;}
    header.hdesd .sldmnu {top: 64px;}
    .opts > li {padding-bottom: 20px;}
    .opts > li > a {color: #fff;font-size: 1.1em;text-transform: capitalize;}
    .opts > li.active > a{color: #ec6c07;}
    .opts {padding: 50px 40px;}
    .abtcsrfact p,.brochtxt > p,.quickcntk p{font-size: 1.8vw;}
    .conpkglt1 > h5,.whchose > h3,.hombugt1 > h3,.watofere > h3,.partner > h3,.esteem > h3,.howwrks > h3,.sitepics > h2,.faqs > h2{font-size: 3vw;}
    .faq-item > li > a::after,.quickcntk h4{font-size: 3vw;}
    .testimon2 > h3{font-size: 2.5vw;}
    .ofrdecp12 > h4,.estmbud > h4,.ofrdecp2 pre{font-size: 2.2vw;}
    .banerovr2 > h3{font-size: 2vw;}
    .conpkglt3 > a,.banerovr1 > p,.bhkcnt1 > h4,.faq-item > li > a{font-size: 1.9vw;}
    .gawarc2 > p,.wystas > span,.hombugt1 > p,.bhkcnt1 > span,.ofrdecp2 ul li,.partner > p,.conpackg > p,.esteem > p,.estmbud > p,.estmbud > a,.chrttxt > span,.iguide2 > a,.iguide2 > p,.testimon2 > span,.testimon2 > p,.faq-ans > p,.sitepics > p,.quickcntk p,.ofrdecp2 h3,.ofrdecp2 p{font-size: 1.7vw;}
    input.burm,.trmcnd label,.quote,.hombugt > p,.quikct1 a,.quikct1 h5{font-size: 1.5vw;}
    .btrms > p{font-size: 1.3vw;}
    .comsite2 {opacity: 1;transform: scale(1);}
    .whchose,.hombugt,.watofer,.partner,.esteem,.howwrks,.intguide,.sitepics,.faqs{padding: 50px 30px;}
    .testimnl{padding: 0px 30px;}
    .conpkgl {flex-wrap: wrap;}
    .conpkglt1 {padding: 15px 10% 11px 8%;}
    .wokbsde {padding: 17px 8% 20px 8%;}
    .conpkglt {width: 48.5%;}
    .conpkglt1 > h4 span{font-size: 1.3vw;}
    .conpkglt:nth-child(1), .conpkglt:nth-child(2) {margin-bottom: 20px;}
    .content {padding-top: 77px;}
    .inbanner2 {top: 50%;transform: translateY(-50%);left: 30px;right: 30px;}
    .gawarc1 {width: 3.8vw;}
    .gawarc2 {width: calc(100% - 3.8vw);}
    .btrms {padding: 0;}
    /* .banerovr2 {width: 38%;padding: 3.3% 3.3%;} */
    .wystats{padding: 4% 0 0% 0;}
    .hombugt1 {width: 60%;}
    .bhktyp{border-radius: 15px;}
    .bhkcnt2{width: 4vw;height: 4vw;}
    .bhkcnt2 span {width: 1.3vw;height: 1.3vw;}
    .hombugt > p{padding-bottom: 0;}
    .ofrdecp{border-radius: 15px;}
    .ofrdecp11 {width: 14%;}
    .ofrdecp2 ul li{padding-bottom: 22px;padding-left: 18px;}
    .ofrdecp2 ul li::before{top: 4px;width: 10px;height: 10px;}
    .ofrdecp2 {padding: 10% 10%;}
    .ofrdecp1{padding: 7%;height: 10.1vw;}
    .watofdes {padding: 5.4% 0 0% 0;}
    .estembud {padding: 3.1% 0 0% 0;}
    .estmbud{padding: 4.7% 3.5%;}
    .estmbud > a::after{right: 30px;width: 13px;height: 13px;}
    .wrkchart::before{height: 55%;}
    .wrkchrt.odd .chrttxt {padding-top: 5vw;}
    .intguidet{border-radius: 15px;}
    .iguide2{    padding: 5% 5% 3% 5%;}
    .testimon2{padding: 6% 7% 4%;}
    .uvdoslid2{top: 30px;left: 30px;right: 30px;bottom: 30px;}
    .partnr .owl-nav{left: -30px;right: -30px;}
    .comsitelst {padding: 3.4% 30px;}
    .comsitelst .owl-nav{left: -15px;right: -15px;}
    .quickcntk {padding: 30px;}
    .quikct1 {width: auto;}
    .quikct1 a{padding: 10px 30px;}
    .quikig {width: 5vw;}
     .testimon1 > a::after{    width: 8vw;height: 8vw;}
    /*-------------Footer-------------------*/
    #message h5, #flashmessage h5 {font-size: 1.1em;}
     #message, #flashmessage {width: 60%;}
    .footer{padding: 40px 30px 0;}
    .foot11 {width: 90%;}
    .footer21 > h3,.footer21 > h5,.ftmenu > li > a,.fotr4 > a,.cpyrt > li > a,.compny > p{font-size: 1.7vw;}
    .footer21 > p,.fftr2 > a {font-size: 1.5vw;}
    .fotr4 > a.fcall {padding: 15px 0;}
    .footer4 > a {font-size: 0.7em;}
    #message p, #flashmessage p {font-size: 0.9em;}
}
@media only screen and (max-width: 900px){
    .comsitelst .owl-nav{left: -15px;right: -15px;}
}
@media only screen and (max-width: 39em){
    .desk{display: none;}
    .mob{display: block;}
    .sldmnu{width: 100%;}
    .hrdwrfct {width: 12vw;}
    .banerovr1 {text-align: center;padding-top: 0;padding-bottom: 30px;}
    #message, #flashmessage {width: 80%;padding:5%;}
    #message > h1, #flashmessage > h1 {font-size: 6vm;}
    .banerovr1 > h1{font-size: 7.3vw;}
    .conpkglt1 > h4{font-size: 6.3vw;padding: 10px 0;}
    .conpackg > h2,.whchose > h3, .hombugt1 > h3, .watofere > h3,.sitepics > h2, .partner > h3, .esteem > h3, .howwrks > h3, .faqs > h2,.whycsr > h2, .fftr1 > h2 {font-size: 5.5vw;}
    .wystas > h5,.faq-item > li > a::after,.quickcntk h4 {font-size: 5vw;}
    .iguide2 > h4{font-size: 4.5vw;}
    .wokbsde > a,.banerovr2 > h3, .bhkcnt1 > h4,.ofrdecp12 > h4, .estmbud > h4,.testimon2 > h3,.ofrdecp2 pre{font-size: 4vw;}
    .content.anmtr .banerovr1 > p{font-size: 3.2vw;}
    .subdesig > li,.faq-item > li > a,.ofrdecp2 h3{font-size: 3.5vw;}
    .conpkglt3 > a,.startcon > a,.banerovr1 > p,input.burm, .quote, .hombugt > p, .hombugt1 > p, .bhkcnt1 > span, .ofrdecp2 ul li, .partner > p,.conpackg > p, .esteem > p, .estmbud > p, .estmbud > a, .chrttxt > span, .iguide2 > a, .iguide2 > p, .testimon2 > span, .testimon2 > p, .faq-ans > p,.fftr2 > a,.sitepics > p,.quickcntk p,.quikct1 a,.quikct1 h5,.ofrdecp2 p {font-size: 3.2vw;}
    .conpkglt1 > h4 span,.gawarc2 > p, .wystas > span{font-size: 3vw;}
    .trmcnd label{font-size: 2.7vw;}
    .btrms > p {font-size: 2.5vw;}
    .footer4 > a {font-size: 0.6em;}
    .abtcsrfact:nth-child(1), .abtcsrfact:nth-child(2), .abtcsrfact:nth-child(3) {
        border-bottom: none;
    }
    .abtcsrfact {
        width: 100% !important;
        text-align: center;
        border-right: none;
        padding: 5px 0 15px !important;
    }
     .comsite {width: 100%;margin-left: 0 !important;}
    .banerovr,.hombugtf,.bhktype,.watofere,.intguidet,.testimon,.wrkchart {display: block;}
    .banerovr1,.hombugt1,.iguide1,.iguide2,.testimon1,.testimon2 {width: 100%;}
    .whchose, .hombugt, .watofer, .partner, .esteem, .howwrks, .intguide,.sitepics, .faqs {padding: 30px 30px;}
    .testimnl{padding: 0px 30px;}
    .sitepics{overflow: hidden;}
    .conpkglt,.conpkglt.three {width: 100%;margin-right: 0;}
    .conpkgl {padding: 6% 5% 0% 5%;}
    .conpkglt:nth-child(3){margin-bottom: 20px;}
    .comsite {width: 100%;margin-left: 0 !important;}
    .comsitelst.owl-carousel {padding: 10px 10%;}
    .comsitelst.owl-carousel .owl-stage-outer {overflow: visible;}
    .comsitelst .owl-item.active .comsite2 {opacity: 1;transform: scale(1);}
    .comsite2 > img {width: 13% !important;}
    .startcon > a{padding: 12px 35px;}
    .hombugtf,.watofere {text-align: center;}
    .watofer,.esteem {overflow: hidden;}
    .abtcsrfact h5{font-size: 5vw;}
    .abtcsrfact p,.brochtxt > p{font-size: 4vw;}
    .abtcsrfact {width: 100% !important;text-align: center;border-right: none;padding: 5px 0 15px !important;}
    .abtcsrfact:nth-child(1), .abtcsrfact:nth-child(2), .abtcsrfact:nth-child(3) {border-bottom: none;}
    .banerovr1{text-align: center;padding-top: 0;padding-bottom: 30px;}
    .banerovr1 > p{padding-top: 10px;width: 80%;margin: 0 auto;}
    .gawar{padding-top: 0;}
    .conpackg {padding: 30px 30px;}
    .gawarc1 {width: 7vw;}
    .gawarc2 {width: calc(100% - 7vw);text-align: left;}
    .banerovr2 {width: 80%;margin: 0 auto;padding: 7% 7%;border-radius: 10px;}
    label.chkerrs::before{width: 14px;height: 14px;}
    .trmcnd label{padding-left: 25px;}
    .brms {padding-bottom: 15px;}
    .bbnxt {padding: 8% 0 8%;}
    .wystats{flex-wrap: wrap;}
    .wystas:nth-child(2) {border-right: none;}
    .wystas:nth-child(1), .wystas:nth-child(2) {border-bottom: 1px solid #bbb;}
    .wystas > h5 {line-height: 1em;}
    .wystas {width: 50% !important;padding: 5% 3%;}
    .hombugt2 {padding-top: 15px;}
    .bhktype{padding: 30px 5% 0px;}
    .bhktyp {width: 100%;margin-right: 0;margin-bottom: 20px;}
    .bhkcnt2 {width: 9vw;height: 9vw;}
    .bhkcnt2 span {width: 3.3vw;height: 3.3vw;}
    .hombugt > p {padding: 0 5%;text-align: center;}
    .watofere > h3 {padding-bottom: 10px;}
    .watofdes {padding: 30px 0 4% 0;width: 200%;}
    .watofdesz,.estembudz{overflow-x: auto;scroll-snap-type: x mandatory;overflow-y: hidden;}
    .estembud {padding: 3.1% 0 4% 0;width: 210%;}
    .estmbud > a{    padding: 10px 50px 10px 20px;}
    .estmbud > a::after {right: 25px;}
    .iguide1{border-radius: 5px 5px 0 0;}
    .iguide2{border-radius: 0 0 5px 5px;text-align: center;padding: 7% 5%;}
    .testimon{border-radius: 15px;}
    .testimon1 > a::after{width: 8vw;height: 8vw;}
    .faqs.frprj .faqns {margin: 20px 0 0 0;}
    .faqs.frprj .faq-item > li{padding: 20px 0;}
    .wrkchart::before {height: 14%;transform: rotate(90deg);top: 42%;width: 110%;left: -3%;}
    .wrkchrt {display: flex;align-items: center;width: 100% !important;padding: 10px 0 !important;}
    .wrkchrt.odd .chrtig,.wrkchrt.even .chrttxt {order: 2;margin-left: 20px;}
    .wrkchrt.odd .chrttxt,.wrkchrt.even .chrtig {order: 1;}
    .chrtig {width: 13vw;margin: 0;}
    .wrkchrt.odd .chrttxt,.wrkchrt.even .chrtig {padding-top: 0;}
    .wrkchrt.odd {justify-content: flex-end;padding-right: 35% !important;}
    .wrkchrt.even {padding-left: 38% !important;}
    .wrkchart.htg::after {top: auto;bottom: 0; left: 0;right: 0;width: 100%;height: 0%;}
    .wrkchart.htg.in-view::after{height: 100%;}
    .enqpop1{width: 90%;}
    .tcnds:checked~.chkerrs::after{left: 3px;}
    .enqpop1 > h5{font-size: 1.2em;}
    .trust:nth-child(3n+3) {margin-right: 0;}
    .trust {width: 30.5%;margin-right: 4%;margin-bottom: 4%;}
    .quikct{display: block;    padding: 10px 0 0 0;}
    .quikig {width: 10vw;}
    .quikct1 {padding-bottom: 30px;}
    .quikct1:last-child{padding-bottom: 0;}
    .ofrdecp1{padding: 7%;height: 18.1vw;}
    #message, #flashmessage {width: 90%;padding: 30px 30px;}
    .footer {padding: 30px 30px 0;}
    .footer1{display: block;text-align: center;padding-bottom: 25px;margin-bottom: 30px;}
    .fftr2 {padding-top: 10px;}
    .footer2{display: block;}
    .fotr1 {width: 100%;padding-right: 0;text-align: center;padding-bottom: 30px;}
    .foot11 {width: 50%;margin: 0 auto;padding-bottom: 25px;}
    .footer21 > h3, .footer21 > h5, .ftmenu > li > a, .fotr4 > a, .cpyrt > li > a, .compny > p,.footer21 > p{font-size: 4vw;}
    .footer21 > h3{padding-bottom: 12px;padding-top: 10px;/*border-top: 1px solid #bbb;*/}
    .fotr4 {width: 100%;padding-top: 0;text-align: center;padding-bottom: 10px;}
    .footer21 > h5{padding-bottom: 15px;}
    .fotr4 > a{font-weight: 600;}
    a.fcall::before,a.fcall::after{display: none;}
    .fotr4 > a.fcall {padding: 0;}
    .fotr4 > a{padding: 5px;}
    .fotr4.footer21 > p {padding-bottom: 20px;}
    .social,.cpyrt {justify-content: center;padding-bottom: 10px;}
    .footer3 {padding: 30px 0 20px;display: block;text-align: center;}
    .cpyrt > li::after{top: 52%; height: 15px;}
     .testimon1 > a::after{    width: 8vw;height: 8vw;}
    
}