/* 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: "DM-Sans";font-weight:900;font-style: normal;}
h3, h4 { margin:0; font-size: 1em;font-family: "DM-Sans";font-weight:800;font-style: normal;}
h5,h6 { margin:0; font-size: 1em;font-family: "DM-Sans";font-weight:700;font-style: normal;}
p{line-height:1.5em; padding-bottom:1em; font-size:0.9em; margin: 0; letter-spacing: 0em;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;color: #000;}
:-moz-placeholder{font-weight: 400;color: #000;}
::-moz-placeholder{font-weight: 400;color: #000;}
:-ms-input-placeholder{font-weight: 400;color: #000;}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
-webkit-appearance: none; 
margin: 0;
}

/* Firefox */
input[type=number] {
-moz-appearance: textfield;
}
:root{
    --on-band:#eef4ee;
    --green:#1f3527;
    --orange:#d9a15f;
    --band-mute:#a9c2b8;
    --muted:#4d615a;
    --yellow:#f9f0e5;
    --grey1:#f4f8f5;
    --grey2:#edf5f0;
    --grey3:#fdfcf7;
    
}
/* ==========================================================================
                              text colors related
   ========================================================================== */
/* normal */
*{box-sizing:border-box;}
body {color:#000;font-family:"DM-Sans";overflow: hidden;font-weight:400;}
body.loaded {overflow-x: hidden; overflow-y: auto;}
.clearfix:before, .clearfix:after {content: "";display: table;} 
.clearfix:after {clear: both;}
/* .clearfix: {*zoom: 1;} */
/*body{background: url(../bg//Attrarre1.jpg) no-repeat 0 0 /100% auto;padding-bottom: 1000px;}*/
@font-face {font-family:"DM-Sans";src:url("DM_Sans/DMSans-Thin.ttf");font-weight:100;font-style:normal;}
@font-face {font-family:"DM-Sans";src:url("DM_Sans/DMSans-Light.ttf");font-weight:200;font-style:normal;}
@font-face {font-family:"DM-Sans";src:url("DM_Sans/DMSans-ExtraLight.ttf");font-weight:300;font-style:normal;}
@font-face {font-family:"DM-Sans";src:url("DM_Sans/DMSans-Regular.ttf");font-weight:400;font-style:normal;}
@font-face {font-family:"DM-Sans";src:url("DM_Sans/DMSans-Medium.ttf");font-weight:500;font-style:normal;}
@font-face {font-family:"DM-Sans";src:url("DM_Sans/DMSans-SemiBold.ttf");font-weight:600;font-style:normal;}
@font-face {font-family:"DM-Sans";src:url("DM_Sans/DMSans-Bold.ttf");font-weight:700;font-style:normal;}
@font-face {font-family:"DM-Sans";src:url("DM_Sans/DMSans-ExtraBold.ttf");font-weight:800;font-style:normal;}
@font-face {font-family:"DM-Sans";src:url("DM_Sans/DMSans-Black.ttf");font-weight:900;font-style:normal;}
/* ==========================================================================
                             commoncode
   ========================================================================== */
.mob,.mob1,.mob2,.sldmnu{display: none;}

input.error, input.error ~ .drpdwn .efrm11, input.error ~ .drpdwn .expfrm11 {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,.8)}
#message,#flashmessage{width:50%;color:#000;text-align:center;/*margin:23% auto 0 auto;*/padding:20px}
#message,#flashmessage{border-radius: 15px;background-color: #fff;}
#message,#flashmessage{font-weight:400}
#message #okbtn,#flashmessage #okbtn{color: #fff;padding: 10px 40px;background: var(--green);border-radius: 10px;}
#overlay.closes,#FlashmesOverlay.closes{display: flex;}
#message > p{font-size: 18px;line-height: 1.5em;}
#flashmessage > p {padding: 25px;font-size: 18px;line-height: 1.5em;}
@media only screen and (max-width: 600px){#message,#flashmessage{width: 90%;}}
@media only screen and (max-width: 767px) and (min-width: 470px) and (orientation: landscape) {
#orimode {display: block;}
}
/* ==========================================================================
                              animation
   ========================================================================== */
a,.sldmnu,.logo,.hmbtn > a span{-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;}
.highlight32,.cplot1,.amentes1{overflow: hidden;}
.highlight3:hover .highlight32 img,.cplot1:hover img,.amentes1:hover img{transform: scale(1.05);}
.highlight32 img,.cplot1 img,.amentes1 img{transition: all 500ms ease-in-out;}


.hmbnercnt > h6{-webkit-transition: all 500ms ease-in-out 0.3s;-moz-transition: all 500ms ease-in-out 0.3s;-ms-transition: all 500ms ease-in-out 0.3s;-o-transition: all 500ms ease-in-out 0.3s;transition: all 500ms ease-in-out 0.3s;}
.hmbaner2 > h3,.hmbaner2  > h4{-webkit-transition: all 500ms ease-in-out 0.5s;-moz-transition: all 500ms cubic-bezier( .42, 0, .58, 0.5 ) 0.5s;-ms-transition: all 500ms ease-in-out 0.5s;-o-transition: all 500ms ease-in-out 0.5s;transition: all 500ms ease-in-out 0.5s;}
.hmbaner2 > p{-webkit-transition: all 500ms ease-in-out 0.7s;-moz-transition: all 500ms cubic-bezier( .42, 0, .58, 0.5 ) 0.7s;-ms-transition: all 500ms ease-in-out 0.7s;-o-transition: all 500ms ease-in-out 0.7s;transition: all 500ms ease-in-out 0.7s;}
.hmbtnz{-webkit-transition: all 500ms ease-in-out 0.9s;-moz-transition: all 500ms cubic-bezier( .42, 0, .58, 0.5 ) 0.9s;-ms-transition: all 500ms ease-in-out 0.9s;-o-transition: all 500ms ease-in-out 0.9s;transition: all 500ms ease-in-out 0.9s;}
.hmbaner2 > h6,.hmbaner2 > h3,.hmbaner2 > h4,.hmbaner2 > p,.hmbaner2 > .hmbtnz{opacity: 0;transform: translateY(30px);}
.content.anmtr .hmbaner2 > h6,.content.anmtr .hmbaner2 > h3,.content.anmtr .hmbaner2 > h4,.content.anmtr .hmbaner2 > p,.content.anmtr .hmbaner2 > .hmbtnz{opacity: 1;transform: translateY(0px);}

.approvl,.highlight3,.cplots,.wbuy{transition: all 500ms ease-in-out;}
.eeffrm1 > input:hover,.accenq > a:hover,.loctvis1 > a:hover,.btnz1 > a.quotebtn:hover{background-color: var(--green);color: #fff;}
.btnz1 > a.brochre:hover{background-color: var(--orange);color: #000;}
.approvl:hover,.highlight3:hover {box-shadow: 0 2px 18px var(--orange);}
.cplots:hover,.wbuy:hover {box-shadow: 0 2px 18px var(--band-mute);}

.pagetop > a:hover {
    background-color: var(--green);
}

button.owl-prev,button.owl-prev span,button.owl-next,button.owl-next span {transition: all 500ms ease-in-out;}
.owl-nav button.owl-prev:hover,.owl-nav button.owl-next:hover {
    background-color: var(--green) !important;
}
button.owl-prev:hover span,button.owl-next:hover span {
    filter: brightness(0) invert(1);
}
#preloader {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: var(--green);
    z-index: 3000;display: flex;align-items: center;justify-content: center;
}
.loader-img{display: flex;justify-content: center;align-items: center;gap: 50px;}
.loader-img img{width: auto;
    max-height: 100px;
}
.loader-img span {
    display: block;
    width: 1px;
    height: 100px;
    background-color: rgba(255, 255, 255, 0.5);
}
.loader-prog {
    width: 316px;
    height: 4px;
    background: rgba(255, 255, 255, 0.9);
    border-radius: 5px;
    overflow: hidden;
    margin-top: 35px;
}
.progres-bar {
    width: 0;
    height: 100%;
    background-color: var(--orange);
    border-radius: 5px;
}

/* ==========================================================================
                              header
   ========================================================================== */
header,.header{display: contents;}
.headtop {
    background-color: var(--orange);
    display: flex;    align-items: center;
    justify-content: center;
    padding: 0.6vw;
    gap: 10px;transition: max-height 400ms ease, padding 400ms ease, opacity 300ms ease;
}
/* .header.shead .headtop {
    max-height: 0;
    padding: 0;
    opacity: 0;
    pointer-events: none;
} */
.hdtop1 > p {
    padding-bottom: 0;
    font-weight: 500;
    font-size: 1vw;
}
.hdtop2 > a {
    background-color: #000;
    border-radius: 30px;
    padding: 5px 10px 3px;
    display: block;
    color: var(--orange);
    font-weight: 600;
    font-size: 0.8vw;
}
.hedcontainer{padding: 1% 6.7% 1%;display: flex;align-items: center;justify-content: space-between;position: sticky;top: 0;z-index: 666;width: 100%;background-color: var(--green);transition: padding 500ms ease-in-out;}
.header.shead .hedcontainer{padding: 1% 6.7%;}
.logo{width: 4.9vw;}
.header.shead .logo{width: 3vw;}
.logo img{width: auto;}
.navi{display: flex;align-items: center;}
.navi > li{padding-right: 2.3vw;position: relative;}
.navi > li:last-child{padding-right: 0;}
.navi > li > a{color: #fff;font-size: 1.1vw;display: block;font-weight: 400;text-transform: capitalize;}
.navi > li.active > a,.navi > li > a:hover,.navi > li.active > a.quotebtn:hover{color: var(--orange);}
.opts > li.active > a{color: var(--orange);}
.navi > li.active > a.quotebtn,
.opts > li.active > a.quotebtn{color: #fff;}
.navi > li > a.quotebtn,.opts > li > a.quotebtn {position: relative;
    display: flex;
    align-items: center;background-color: var(--orange); padding: 0.5vw 1.6vw 0.4vw;border-radius: 30px;color: #000;font-weight: 600;
}
.sticn2 {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 1.1vw;
    width: 10px;
    height: 10px;
    border: 3px solid #fff;
    border-radius: 50%;transition: all 500ms ease-in-out;
}
.phmenu{display: none;}
.hedright{display: flex;align-items: center;}
.bliss {
    width: 8vw;
    padding-left: 2vw;
    margin-left: 2vw;
    border-left: 1px solid rgba(255, 255, 255, 0.5);
}
.header.shead .bliss {
    width: 6vw;
}
/* ==========================================================================
                              content / hero
   ========================================================================== */
.content {
    padding-top: 0;
}
.container{padding: 0 6.7%;}
.banner {
    padding: 5% 0;
    background: url(../assets/banner.webp) no-repeat center / cover;
    position: relative;
}
.banner::before {
    position: absolute;
    content: '';
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(100deg, color-mix(in srgb, var(--green) 86%, transparent) 35%, color-mix(in srgb, var(--green) 39%, transparent) 75%, transparent 100%);
}
.banercnt {
    display: flex;align-items: flex-start;
    justify-content: space-between;
    position: relative;
    z-index: 1;
}
.banercnt1 {
    width: 40%;    padding-top: 2vw;
}
.bnr-stat {
    display: flex;
    gap: 1vw;
}
.bnr-stat > span {
    background-color: var(--green);
    color: #fff;
    padding: 7px 15px 7px;
    border-radius: 30px;
    font-size: 0.9vw;
    display: block;
}
.banercnt1 h1 {
    color: #fff;
    font-size: 4vw;
    line-height: 1.2em;
    padding-top: 1vw;
}
.banercnt1 h1 span {
    display: block;
    color: #d9a15f;
}
.banercnt1 > p {color: var(--on-band);
    font-size: 1.1vw;
    padding-top: 1vw;
}
.hmfacts {
    display: flex;    justify-content: space-between;
    border-top: 1px solid rgba(255, 255, 255, 0.5);
    padding-top: 1.5vw;
    margin-top: 1vw;
}
.hmfct > h5 {
    font-size: 2vw;color: #fff;
    line-height: 1em;
}
.hmfct > h5 small {
    font-size: 1vw;
}
.hmfct > span {
    font-size: 0.9vw;
    color: var(--on-band);
}

.banercnt2 {
    width: 50%;
    background-color: #fff;
    border-radius: 20px;
    padding: 2vw;
}
.hmfrm {
    display: flex;
    background-color: var(--yellow);
    border-radius: 10px;
}
.hmfrm1:first-child {
    border-right: 1px solid #ddd;
}
.hmfrm1 {
    padding: 1vw;
    width: 50%;
}
.hmfrm1 > h5 {
    font-size: 1.3vw;
}
.hmfrm1 > p {
    font-size: 1.1vw;padding-bottom: 0;
}
.hmfm-hed {
    padding-top: 1vw;
}
.hmfm-hed > h5 {
    font-size: 1.6vw;
}
.hmfm-hed > p {
    font-size: 1.1vw;
}
.efrm {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.efrm1 {
    width: 48%;
    padding-bottom: 4%;
}
.efrm1 > label {
    font-size: 1vw;
    padding-bottom: 0.6vw;
    display: block;
}
.efrm11 {
    background-color: var(--yellow) !important;
    border-radius: 8px !important;
    padding: 0.9vw 1.1vw;
    font-size: 1vw;
    color: #000;
    width: 100%;
    display: block;
}
a.efrm11.slctnm, .drpdwn{
    position: relative;
}
.drpdwn.active {
    z-index: 10;
}
a.efrm11.slctnm::after, a.itfrm1.slctnm::after {
    position: absolute;
    content: '';
    top: 40%;
    right: 19px;
    width: 8px;
    height: 8px;
    border-top: 1px solid #000;
    border-right: 1px solid #000;
    transform: translateY(-50%) rotate(135deg);
}
.drpdwn.active a.efrm11.slctnm::after, .drpdwn.active a.itfrm1.slctnm::after {
    top: 50%;
    transform: translateY(-50%) rotate(-45deg);
}
.dropcnt {
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    border: 1px solid var(--yellow);
    border-radius: 8px;
    background-color: #fff;display: none;
}
.dropcnt > li > a {
    color: #000;
    text-transform: capitalize;
    padding: 7px 20px;
    display: block;font-size: 1vw;
}
.dropcnt > li.active > a {background-color: #ccc}
.efrm1.full {
    width: 100%;
}
.eeffrm1 > input {
    text-align: center;
    color: #000;
    font-size: 1vw;
    padding: 0.8vw 2vw;border-radius: 30px;font-weight: 700;
    background-color: var(--orange);transition: all 500ms ease-in-out;
}

.hmfm-trm {
    padding-top: 1vw;
}
.hmfm-trm > p {
    font-size: 0.9vw;
}
.hmfm-trm ul li::before {
    position: absolute;
    content: '';
    left: 0;
    top: 10%;
    width: 1vw;
    height: 1vw;
    background: url(../img/tick.png) no-repeat 0 0 / 100% auto;
}
.hmfm-trm ul li {
    font-size: 1vw;
    padding-left: 1.3vw;
    position: relative;
}
.hmfm-trm ul {
    display: flex;
    gap: 2vw;
}

.approval {
    padding: 5% 0;
    display: flex;
    gap: 5vw;
}
.approvl {
    display: flex;
    align-items: center;
    width: 30%;
    gap: 8%;
    background-color: var(--yellow);
    padding: 2%;
    border-radius: 15px;
}
.approvl1 {
    width: 30%;
}
.approvl2 {
    width: 60%;
}
.approvl2 > h5 {
    font-weight: 400;
    text-transform: uppercase;
    font-size: 1vw;
}
.approvl2 > h4 {
    font-size: 1.2vw;
    padding: 2px 0 3px;
}
.approvl2 > p {
    padding-bottom: 0;
    font-size: 1vw;
}
.loffer {
    background-color: var(--grey1);
    padding: 5% 0;
}
.offer {
    display: flex;
    justify-content: space-between;
}
.offer1 {
    width: 30%;
}
.offer1 > span {    font-weight: 500;
    text-transform: uppercase;
    font-size: 1.1vw;
}
.offer1 > h3 {
    font-size: 3.7vw;
    line-height: 1.2;
}
.offer1 > p {
    font-size: 1.1vw;
    padding-top: 1vw;
}
.offer2 {
    width: 60%;
}
.offer3 {
    display: flex;
    background-color: var(--yellow);
    border-radius: 20px;
    padding: 4%;
    border: 1px solid var(--orange);
    gap: 13%;
}
.offer31 {
    text-align: center;
    width: 25%;
}
.offer31 > h5 {
    font-weight: 400;
    text-transform: uppercase;
    font-size: 1vw;
    display: flex;align-items: center;
    justify-content: center;
    gap: 7px;
}
.offer31 > h5 span {
    background-color: var(--orange);
    border-radius: 50%;
    width: 1.2vw;
    height: 1.2vw;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.7vw;
    line-height: 1em;
}
.oferig {
    width: 45%;
    margin: 0 auto;
}
.offer31 > h3 {
    font-size: 2vw;
}
.offer31 > p {
    font-size: 1vw;
    padding-bottom: 0;
}
.offer4 {
    padding-top: 1vw;
}
.offer4 > p {
    font-size: 0.9vw;
    padding-bottom: 0;
}
.highlight {
    padding: 5% 0;
}
.cmntxt {
    width: 57%;
    margin: 0 auto;
    text-align: center;
}
.cmntxt > h5 {
    text-transform: uppercase;
    font-weight: 500;
    font-size: 1.1vw;    padding-bottom: 10px;
}
.cmntxt > h3 {
    font-size: 3vw;
    line-height: 1.2;
}
.cmntxt > h3 span{display: block;}
.cmntxt > p {
    font-size: 1.1vw;
    padding-top: 10px;
    padding-bottom: 0;
}
.highlight2 {
    padding-top: 3vw;
    display: flex;
    flex-wrap: wrap;
    gap: 1%;
}
.highlight3 {
    width: 32.6%;
    display: flex;align-items: flex-start;
    justify-content: space-between;
    background-color: #fcf9f3;
    padding: 2%;
    border-radius: 20px;
    margin-bottom: 2%;
    border: 1px solid var(--yellow);
}
.highlight31 {
    width: 55%;
}
.highig {
    width: 20%;
    display: none;
}
.highlight31 > span {
    background-color: var(--orange);
    border-radius: 30px;
    font-size: 0.8vw;
    padding: 2px 10px 3px;
    text-transform: capitalize;
}
.highlight31 > h3 {
    font-size: 2vw;
    padding-top: 5px;
}
.highlight31 > h5 {
    font-size: 1.3vw;    line-height: 1.2;
    padding-bottom: 5px;
}
.highlight31 > p {
    font-size: 1vw;
    padding-bottom: 0;
    line-height: 1.4;
}
.highlight32 {
    width: 40%;border-radius: 10px;
    overflow: hidden;
}
.configure {
    padding: 5% 0;
    background-color: var(--grey1);
}
.configplot {
    padding-top: 3vw;
    display: flex;
    flex-wrap: wrap;
    gap: 2%;
}
.cplots {
    width: 23.5%;
    border-radius: 20px;
    overflow: hidden;
    background-color: #fff;
    border: 1px solid var(--band-mute);
}
.cplot2 {
    padding: 7%;display: flex;flex-wrap: wrap;align-content: space-between;    width: 100%;
}
.cplot21 {
    width: 100%;
}
.cplot21 > h5 {
    font-size: 1.3vw;
    padding-bottom: 10px;
}
.cplot3 > li {
    display: flex;
    padding-bottom: 7px;
}
.cplot3 > li dt {
    font-size: 1vw;
    color: var(--muted);
    width: 30%;
}
.cplot3 > li dd {
    margin-left: 0;font-size: 1vw;
    width: 70%;
    font-weight: 600;
}
.accenq {
    padding-top: 1vw;
}
.accenq > a {
    background-color: var(--orange);
    padding: 0.4vw 1.6vw 0.4vw;
    border-radius: 30px;
    color: #000;
    font-weight: 600;
    display: inline-block;font-size: 1vw;
}
.amenitie {
    padding: 5% 0;
    background-color: var(--grey2);
}
.ameniti {
    padding-top: 3vw;
}
.amentes {
    position: relative;    border-radius: 20px;
    overflow: hidden;
}
.amentes2 {
    position: absolute;
    left: 10px;
    bottom: 10px;
}
.amentes2 > h5 {
    background-color: #000;
    color: #fff;
    border-radius: 30px;
    padding: 5px 15px;
    font-size: 0.9vw;
    text-transform: capitalize;
}
.amencrsl .owl-nav,.configcrsl .owl-nav,.hlcrsl .owl-nav{position: absolute;top: 50%;transform: translateY(-50%);left: -2vw;right: -2vw;display: flex;justify-content: space-between;pointer-events: none;}
.amencrsl .owl-nav button,.configcrsl .owl-nav button,.hlcrsl .owl-nav button{pointer-events: all;width: 3vw;height: 3vw;background-color: #fff !important;border-radius: 50% !important;border: 1px solid #000 !important;display: flex !important;align-items: center;justify-content: center;margin: 0 !important;}
.amencrsl .owl-nav button span,.configcrsl .owl-nav button span,.hlcrsl .owl-nav button span{font-size: 0;background: url(../img/rarrow.png) no-repeat 0 0 / 100% auto;display: block;width: 0.6vw;height: 1vw;}
.amencrsl .owl-nav button.owl-prev span,.configcrsl .owl-nav button.owl-prev span,.hlcrsl .owl-nav button.owl-prev span{transform: rotate(-180deg);}
.amencrsl .owl-nav button.owl-prev.disabled,.amencrsl .owl-nav button.owl-next.disabled,.configcrsl .owl-nav button.owl-prev.disabled,.configcrsl .owl-nav button.owl-next.disabled,.hlcrsl .owl-nav button.owl-prev.disabled,.hlcrsl .owl-nav button.owl-next.disabled{pointer-events: none;opacity: 0.5;}
.amencrsl .owl-dots,.configcrsl .owl-dots,.hlcrsl .owl-dots{display: flex;justify-content: center;align-items: center;gap: 8px;margin-top: 18px;}
.amencrsl .owl-dots .owl-dot,.configcrsl .owl-dots .owl-dot,.hlcrsl .owl-dots .owl-dot{background: none;border: 0;padding: 0;width: auto;height: auto;}
.amencrsl .owl-dots .owl-dot span,.configcrsl .owl-dots .owl-dot span,.hlcrsl .owl-dots .owl-dot span{display: block;width: 8px;height: 8px;border-radius: 20px;background: #d5ddd8;transition: width 300ms ease, background 300ms ease;}
.amencrsl .owl-dots .owl-dot.active span,.configcrsl .owl-dots .owl-dot.active span,.hlcrsl .owl-dots .owl-dot.active span{width: 28px;background: var(--green);}
.owl-carousel .highlight3,.owl-carousel .cplots,.owl-carousel .amentes{opacity: 1 !important;transform: none !important;visibility: visible !important;}
.infrastyle {
    padding-top: 3vw;
    display: flex;
    gap: 20px;
}
.infrasaf {
    width: 49%;
    background-color: #fff;
    border-radius: 20px;
    padding: 3%;
    border: 1px solid var(--band-mute);
}
.infrasaf > h5 {
    font-size: 1.5vw;
}
.inflife {
    display: flex;
    flex-wrap: wrap;
    gap: 6%;
    padding-top: 1.5vw;
}
.inflif {
    display: flex;
    align-items: center;
    width: 47%;
    gap: 5%;
    padding-bottom: 1.3vw;
}
.inflif:last-child, .inflif:nth-last-child(2) {
    padding-bottom: 0;
}
.inflif1 {
    width: 15%;
}
.inflif2 {
    width: 80%;
}
.inflif2 > span {
    font-size: 1vw;line-height: 1.2em;
    display: block;
}

.locatin {
    padding: 5% 0;background-color: var(--grey3);
}
.loctadvntde {
    padding-top: 3vw;
}
.loctadvntde > .loctadv {
    display: flex;    justify-content: center;position: relative;    gap: 1vw;
}
.loctadv > li > a {
    background-color: var(--green);
    border-radius: 30px;
    padding: 0.5vw 1vw;    display: flex;    align-items: center;
}
.loctadv > li.active > a,.loctadv > li > a:hover {background-color: var(--orange);}
.loctadv > li > a img {
    width: 1vw;
}
.loctadv > li > a span {
    font-size: 0.9vw;
    color: #fff;display: block;
    padding-left: 7px;
}
.loctadv > li > a span em{color: var(--orange);}
.loctadv > li.active > a span em,.loctadv > li > a:hover span em{color: var(--green);}
.mbloctadv {
    padding-top: 2vw;
}
.advdet {
    display: flex;    justify-content: center;
    flex-wrap: wrap;
    gap: 1%;
}
.advdet li {
    width: 19.2%;
    border: 1px solid var(--band-mute);
    border-radius: 5px;
    padding: 1vw;
    margin-bottom: 1%;font-size: 1.1vw;    display: flex;
    align-items: center;
}
.loct-det a.mob {
    display: none;
}
.loct-visit {
    padding-top: 2vw;
    display: flex;
    align-items: center;    justify-content: center;
    gap: 15px;
}
.loctvis1 > a {
    background-color: var(--orange);
    padding: 0.5vw 1.6vw 0.4vw;
    border-radius: 30px;
    color: #000;
    font-weight: 600;
    display: inline-block;    font-size: 1vw;
}
.loctvis2 > p {
    font-size: 1vw;
    padding-bottom: 0;
}
.buyhere {
    padding: 5% 0;
}
.whybuy {
    display: flex;    padding-top: 3vw;
    gap: 3%;
}
.wbuy {
    width: 31%;
    background-color: var(--grey2);
    border: 1px solid var(--band-mute);
    padding: 2%;
    border-radius: 20px;
    text-align: center;
}
.wbuyig {
    width: 20%;
    margin: 0 auto;
}
.wbuy > h5 {
    font-size: 1.5vw;    line-height: 1.2;
    padding-top: 10px;
    padding-bottom: 10px;
}
.wbuy > p {
    font-size: 1.1vw;
    padding-bottom: 0;
}
.dfaq {
    background-color: var(--grey3);
    padding: 5% 0;
}
.faqs {
    display: flex;
    justify-content: space-between;    align-items: flex-start;
}
.faq1 {
    width: 40%;    position: sticky;
    top: 8vw;    padding-bottom: 1vw;
}
.faq1 .cmntxt {
    width: 100%;
    margin: 0;
    text-align: left;
}
.faq2 {
    width: 55%;
}
.faq3 > li {
    background-color: #fff;
    border: 1px solid var(--band-mute);
    padding: 1vw;
    margin-bottom: 13px;
    border-radius: 10px;
}
.faq3 > li a {
    color: #000;
    font-weight: 600;
    font-size: 1.1vw;display: block;position: relative;
}
.faq3 > li a::after{position: absolute;content: '';right: 10px;width: 1vw;height: 1vw;background: url(../img/rarrow.png) no-repeat center / contain;transform: rotate(90deg);transition: all 500ms ease-in-out;}
.faq3 > li.active a::after{transform: rotate(-90deg);}
.faq-ans {
    padding-top: 10px;display: none;
}
.faq-ans > p {
    font-size: 1vw;
    padding-bottom: 0;
}
.lnchofr {
    padding: 5% 0;
}
.launch {
    position: relative;
}
.launch1 {
    border-radius: 20px;
    overflow: hidden;position: relative;
}
.launch1::before {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    background: linear-gradient(90deg, transparent 48%, rgba(238, 222, 204, 0.12) 58%, rgba(238, 222, 204, 0.45) 70%, rgba(238, 222, 204, 0.82) 84%, #eedecc 100%);
}
.launch2 {
    position: absolute;
    top: 50%;
    right: 3%;
    transform: translateY(-50%);
    width: 30%;
    z-index: 1;
}
.launch2 > p {
    font-size: 1.1vw;
}
.launch2 > h4 {
    font-size: 2vw;
    line-height: 1.2;
    padding-bottom: 10px;
}
.btnz {
    display: flex;
    flex-wrap: wrap;
    gap: 1vw;    padding-top: 5px;
}
.btnz1 > a {
    padding: 0.5vw 1.6vw 0.4vw;
    border-radius: 30px;
    color: #000;
    font-weight: 600;
    display: inline-block;
    font-size: 1vw;
}
.btnz1 > a.quotebtn{background-color: var(--orange);}
.btnz1 > a.brochre{background-color: var(--green);color: #fff;}


.footer {
    background-color: #000;
}
.foter {
    padding: 5% 0;
    display: flex;
    gap: 5%;
}
.foter1 {width: 45%;padding-right: 8%;}
.ft-logo{display: flex;gap: 3vw;}
.ft-logo1 {width: 20%;position: relative;}
.ft-logo1::after{position: absolute;content: '';right: -1.5vw;top: 0;width: 1px;height: 100%;background-color: #fff;}
.ft-logo2 {width: 22%;}
.ft-logo22 {
    width: 100%;
    padding-top: 10px;
}
.ft-logo21 > p {
    color: #fff;
    font-size: 0.8vw;
    padding-bottom: 0;text-align: center;
}
.foter1 > h5{color: #fff;font-size: 1.3vw;padding-top: 15px;}
.foter1 > p {
    color: rgba(255, 255, 255, 0.8);
    font-size: 1vw;
    padding-top: 5px;
}
.foter2 {
    width: 15%;
}
.foter3 {
    width: 30%;
}
.foter2 > h5,.foter3 > h5 {
    color: #fff;
    font-size: 1.2vw;
    text-transform: capitalize;
    padding-bottom:2vw;
}
.ftmenu > li {
    padding-bottom: 1vw;
}
.ftmenu > li > a {text-transform: capitalize;
    color: #fff;opacity: 0.9;
    font-size: 1.2vw;
}
.ftmenu > li > a:hover {
    color: var(--orange);
}
.ft-contact {
    display: flex;
    align-items: center;
    gap: 10px;    padding-bottom: 15px;
}
.ft-conct {
    display: flex;
    gap: 1vw;
    padding-bottom: 2vw;
}
.ft-conct1 {
    width: 2.5vw;
    height: 2.5vw;
}
.ft-conct2 {
    width: calc(100% - 3.9vw);
}
.ft-conct2 a {
    color: #fff;
    font-size: 1.1vw;
    display: block;
}
.ft-conct2 a:hover {
    color:  var(--orange);
}
.footer2 {
    background-color: var(--green);
    padding: 2% 6.7%;
    text-align: center;
}
.footer2 > p {
    color: rgba(255, 255, 255, 0.8);
    font-size: 0.9vw;
    width: 70%;
    margin: 0 auto;
}
.footer2 > h5 {
    color: rgba(255, 255, 255, 0.8);
    font-weight: 400;
    font-size: 1vw;
}
.footer2 > h5 a{color: var(--orange);font-weight: 700;}
.social {
    padding-top: 5px;
    display: flex;
}
.social > li {
    margin-right: 17px;position: relative;overflow: hidden;border-radius: 50%; background-color: #2c2c2c;
}
.social > li::before{    content: "";
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    height: 100%;
    background: var(--orange);
    transition: .5s;
    z-index: 2;}
.social > li:hover::before{top: 0;}
.social > li > a {
    width: 40px;
    height: 40px;
    display: block;
    background-image: url(../img/social.png);
    background-repeat: no-repeat;
    background-size: 200px;transition: 0s;    position: relative;
    z-index: 5;
}
.social > li > a.fb{background-position: 1px 1px;}
.social > li > a.insta{background-position: -49px 1px;}
.social > li > a.fb:hover{background-position: 1px -53px;}
.social > li > a.insta:hover{background-position: -49px -53px;}
#enqpop {
    display: none;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 4000;
    background: rgba(0, 0, 0, 0.72);
    align-items: flex-start;
    justify-content: center;
    padding: 20px;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
}
#enqpop.active { display: flex; }
.enqpop-box {
    position: relative;
    width: 100%;
    max-width: 720px;
    max-height: none;
    margin: auto;
    flex-shrink: 0;
    overflow: visible;
    background: #fff;
    border-radius: 20px;
    padding: 28px 24px 22px;
}
.enqpop-close {
    position: absolute;
    top: 16px;
    right: 16px;
    width: 32px;
    height: 32px;
}
.enqpop-close::before,
.enqpop-close::after {
    content: '';
    position: absolute;
    top: 15px;
    left: 6px;
    width: 20px;
    height: 2px;
    background: var(--green);
}
.enqpop-close::before { transform: rotate(45deg); }
.enqpop-close::after { transform: rotate(-45deg); }
#enqpopTitle {
    font-size: 22px;
    padding-right: 36px;
    color: var(--green);
}
.enqpop-note {
    font-size: 14px;
    padding-bottom: 16px;
}
#enqForm .efrm1 {
    width: 48%;
    padding-bottom: 16px;
}
@media only screen and (max-width: 700px) {
    #enqForm .efrm1 { width: 100%; }
}
#enqForm .efrm1 > label {
    font-size: 14px;
    padding-bottom: 6px;
}
#enqForm .efrm11 {
    font-size: 15px;
    padding: 12px 14px;
}
#enqForm em.error {
    display: block;
    padding-top: 4px;
}
#enqForm .eeffrm1 > input {
    width: 100%;
    font-size: 15px;
    padding: 12px 20px;
}

/*pagetop*/
.pagetop > a {display: block;width: 45px;height: 45px;background-color: #000;border-radius: 50%;position: relative;border: 1px solid #fff;}
.pagetop {position: fixed;right: 10px;bottom: 30px;z-index: 2002;transform: translateY(100px);transition: all 500ms ease-in-out;}
.main.thead .pagetop{transform: translateY(0);}
.pagetop > a::after{position: absolute;content: '';top: 56%;left: 50%;border-top: 2px solid #fff;border-right: 2px solid #fff;transform: translate(-50%,-50%) rotate(-45deg);width: 10px;height: 10px;}
  /*----------------------sticky--------------------*/
.enbt {position: fixed;right: 10px;bottom: 20%; z-index: 660;}
.enbt a{color:#fff;padding:10px;display:flex;justify-content: center;align-items: center;margin:8px 5px;position:relative;background-color: var(--green);
    padding: 10px;
    border-radius: 50%;
    border: 1px solid #fff;
    width: 45px;
    height: 45px;}
.enbt a>img{width:20px;display: inline-block;vertical-align: middle;position: relative;z-index: 1;}
.enbt a span{display:block;position: absolute;top: 0px;text-align: left;color: #fff; background:var(--green);border: 1px solid var(--green);z-index:-1;right:20px;border-radius: 30px 0 0 30px;padding: 10px 10px 8px 25px;font-size: 1.1em;transform:translateX(0px);visibility:hidden;opacity:0;text-transform:capitalize;    transition: all 500ms ease-in-out;}
.enbt a.ecall span{width:120px}
.enbt a.ewhatsapp span{width:145px}
.enbt a.eenquire span{width:160px}
.enbt a:hover span{opacity:1;visibility:visible;transform:translateX(-7px)}
/* ==========================================================================
                                  Responsive
========================================================================== */
@media only screen and (max-width: 1024px) {
.offer31 > h5 span{font-size: 1vw;}
.hdtop2 > a,.highlight31 > span{font-size: 1.4vw;}
.bnr-stat > span,.hmfct > span,.hmfm-trm > p,.offer4 > p,.amentes2 > h5,.loctadv > li > a span,.footer2 > p{font-size: 1.3vw;}
.hdtop1 > p,.hmfct > h5 small,.efrm1 > label,.efrm11,.dropcnt > li > a,.eeffrm1 > input,.hmfm-trm ul li,.approvl2 > h5,.approvl2 > p,.offer31 > h5,.offer31 > p,.highlight31 > p,.cplot3 > li dt,.cplot3 > li dd,.cplot3 > li dd,.cplot3 > li dd,.accenq > a,.inflif2 > span,.loctvis1 > a,.loctvis2 > p,.faq-ans > p,.btnz1 > a,.foter1 > p,.footer2 > h5{font-size: 1.4vw;}
.navi > li > a,.banercnt1 > p,.hmfrm1 > p,.hmfm-hed > p,.offer1 > span,.offer1 > p,.cmntxt > h5,.cmntxt > p,.advdet li,.wbuy > p,.launch2 > p,.ft-conct2 a{font-size: 1.5vw;}
.ftmenu > li > a,.faq3 > li a{font-size: 1.7vw;}
.approvl2 > h4,.foter2 > h5,.foter3 > h5{font-size: 1.9vw;}
.hmfrm1 > h5,.highlight31 > h5,.cplot21 > h5,.foter1 > h5{font-size: 2.1vw;}
.infrasaf > h5,.wbuy > h5{font-size: 2.4vw;}
.hmfm-hed > h5{font-size: 2.6vw;}
.hmfct > h5,.offer31 > h3,.highlight31 > h3,.launch2 > h4{font-size: 3vw;}
.cmntxt > h3{font-size: 4vw;}
.offer1 > h3{font-size: 4.5vw;}
.banercnt1 h1{font-size: 5vw;}

.headtop{padding: 1vw;}
.hedcontainer {padding: 1% 5%;}
    .logo {width: 6vw;}
    .header.shead .logo {width: 4vw;}
    .bliss {width: 10vw;}
    .header.shead .bliss {width: 8vw;}
    .content {padding-top: 0;}
    .container {padding: 0 5%;}
    .bnr-stat {flex-wrap: wrap;}
    .banercnt1 {width: 45%;}
    .hmfm-trm ul li::before{width: 1.2vw;height: 1.2vw;    top: 12%;}
    .hmfm-trm ul li{padding-left: 1.5vw;}
    .approval{gap: 2vw;}
    .approvl{width: 32%;}
    .offer1 {width: 35%;}
    .offer31 > h5 span{    width: 1.4vw;height: 1.4vw;}
    .offer3{gap: 9%;}
    .offer31{width: 27%;}
    .cmntxt {width: 80%;}
    .highlight2{gap: 0;}
    .highlight2 .highlight3{width: 100%;margin-bottom: 0;height: auto;}
    .hlcrsl .owl-stage{display: flex;}
    .hlcrsl .owl-item{display: flex;}
    .configplot .cplots{width: 100%;height: auto;}
    .configcrsl .owl-stage{display: flex;}
    .configcrsl .owl-item{display: flex;}
    .amencrsl .owl-nav, .configcrsl .owl-nav, .hlcrsl .owl-nav{left: -5vw;right: -5vw;}
    .amencrsl .owl-nav button, .configcrsl .owl-nav button, .hlcrsl .owl-nav button{width: 4vw;height: 4vw;}
    .amencrsl .owl-nav button span, .configcrsl .owl-nav button span, .hlcrsl .owl-nav button span{width: 0.8vw;height: 1.3vw;}
    .amentes1 {height: 27vw;}
    .amentes1 img {object-fit: cover;height: 100%;}
    .loctadvntde > .loctadv{flex-wrap: wrap;}
    .loctadv > li > a img {width: 1.7vw;}
    .launch2{width: 40%;}
    .foter1 {width: 40%;padding-right: 3%;}
    .foter3 {width: 35%;}
    .ft-logo2 {width: 22%;}
    .ft-logo21 > p{font-size: 1.1vw;}

}
@media only screen and (max-width: 900px){
.desk1 { display: none; }
.mob1 { display: block; }
.hedright .navi { display: none; }
.phmenu { display: block; }
.moblnk {
    display: block;
    width: 30px;
    height: 22px;
    position: relative;
    z-index: 10;
}
.moblnk span,
.moblnk span::before,
.moblnk span::after {
    content: '';
    position: absolute;
    left: 0;
    width: 100%;
    height: 2px;
    background-color: #fff;
    transition: all 300ms ease-in-out;
}
.moblnk span { top: 10px; }
.moblnk span::before { top: -8px; }
.moblnk span::after { top: 8px; }
.sldmnu {
    display: block;
    position: fixed;
    top: 0;
    right: -100%;
    width: 70%;
    max-width: 360px;
    height: 100%;
    background-color: var(--green);
    z-index: 667;
    padding: 80px 40px 40px;
    overflow-y: auto;
    transition: right 400ms ease-in-out;
}
.sldmnu.open { right: 0; }
.smclos {
    position: absolute;
    top: 20px;
    right: 22px;
    width: 30px;
    height: 30px;
    display: block;
    z-index: 2;
    padding: 8px;
    border-radius: 50%;
    background-color: #fff;
}
.smclos img {
    width: 100%;
    height: auto;
    display: block;
    filter: brightness(0);
}
.opts > li { padding-bottom: 18px; }
.opts > li > a {
    color: #fff;
    font-size: 16px;
    text-transform: capitalize;
    display: block;
}
.opts > li > a.quotebtn {
    margin-left: 0;
    display: inline-flex;
    margin-top: 10px;
    padding: 12px 22px;
    font-size: 14px;
}
.opts > li > a.hcall { color: var(--orange); }
.offer31 > h5 span{font-size: 1.2vw;}
.hdtop2 > a,.highlight31 > span{font-size: 1.6vw;}
.bnr-stat > span,.hmfct > span,.hmfm-trm > p,.offer4 > p,.amentes2 > h5,.loctadv > li > a span,.footer2 > p{font-size: 1.5vw;}
.hdtop1 > p,.hmfct > h5 small,.efrm1 > label,.efrm11,.dropcnt > li > a,.eeffrm1 > input,.hmfm-trm ul li,.approvl2 > h5,.approvl2 > p,.offer31 > h5,.offer31 > p,.highlight31 > p,.cplot3 > li dt,.cplot3 > li dd,.cplot3 > li dd,.accenq > a,.inflif2 > span,.loctvis1 > a,.loctvis2 > p,.faq-ans > p,.btnz1 > a,.foter1 > p,.footer2 > h5{font-size: 1.6vw;}
.navi > li > a,.banercnt1 > p,.hmfrm1 > p,.hmfm-hed > p,.offer1 > span,.offer1 > p,.cmntxt > h5,.cmntxt > p,.advdet li,.wbuy > p,.launch2 > p,.ft-conct2 a{font-size: 1.7vw;}
.ftmenu > li > a,.faq3 > li a{font-size: 2vw;}
.approvl2 > h4,.foter2 > h5,.foter3 > h5{font-size: 2.2vw;}
.hmfrm1 > h5,.highlight31 > h5,.cplot21 > h5,.foter1 > h5{font-size: 2.4vw;}
.infrasaf > h5,.wbuy > h5{font-size: 2.8vw;}
.hmfm-hed > h5{font-size: 3vw;}
.hmfct > h5,.offer31 > h3,.highlight31 > h3,.launch2 > h4{font-size: 3.5vw;}
.cmntxt > h3{font-size: 4.6vw;}
.offer1 > h3{font-size: 5.2vw;}
.banercnt1 h1{font-size: 5.4vw;}
    .banercnt2,.highlight3,.wbuy,.launch1,.infrasaf,.amentes,.enqpop-box,.approvl{border-radius: 10px;}
    .efrm11{border-radius: 5px !important;}

.headtop{padding: 1.2vw;}
.hedcontainer{padding: 1.2% 4%;}
.navi > li{padding-right: 1.4vw;}
.logo{width: 7.5vw;}
.header.shead .logo{width: 5vw;}
.bliss{width: 14vw;padding-right: 2.5vw;margin-right: 2.5vw;border-left: none;border-right: 1px solid rgba(255, 255, 255, 0.5);}
.header.shead .bliss{width: 9vw;}
.content{padding-top: 0;}
.banercnt1{width: 46%;}
.efrm11{padding: 1.2vw 1.5vw;}
.dropcnt > li > a{padding: 7px 10px;}
    .eeffrm1 > input{padding: 1.2vw 2vw;}
.hmfm-trm ul{flex-wrap: wrap;gap: 1vw;}
.hmfm-trm ul li::before{width: 1.6vw;height: 1.6vw;}
.hmfm-trm ul li{padding-left: 2vw;}
.approval{gap: 1.5vw;}
.approvl{width: 32.3%;}
.offer {display: block;}
.offer1{width: 100%;text-align: center;}
.offer2{width: 100%;}
.offer31 > h5 span{width: 1.8vw;height: 1.8vw;}
.offer3{gap: 6%;}
.offer31{width: 28%;}
.cmntxt{width: 92%;}
.highlight3{padding: 4%;}
.cplots{border-radius: 10px;}
.launch2{width: 46%;}
    .loctadv > li > a{padding: 1vw 2vw;}
.accenq > a,.loctvis1 > a{    padding: 1vw 2.6vw 0.8vw;}
    .enqpop-box{max-width: 600px;}
.loctadv > li > a img{width: 2vw;}
.amencrsl .owl-nav,.configcrsl .owl-nav,.hlcrsl .owl-nav{left: -4.8vw;right: -4.8vw;}
.amencrsl .owl-nav button,.configcrsl .owl-nav button,.hlcrsl .owl-nav button{width: 5vw;height: 5vw;}
.amencrsl .owl-nav button span,.configcrsl .owl-nav button span,.hlcrsl .owl-nav button span{width: 1vw;height: 1.7vw;}
.amentes1{height: 30vw;}
    .inflif1 {width: 20%;}
    .inflif2 {width: 75%;}
    .faq3 > li a::after{width: 2vw;height: 2vw;}
    .launch1::before {    background: linear-gradient(90deg, transparent 20%, rgba(238, 222, 204, 0.12) 30%, rgba(238, 222, 204, 0.45) 40%, rgba(238, 222, 204, 0.82) 50%, #eedecc 100%);}
    .faq3 > li{padding: 2vw;}
.foter{gap: 3%;}
.foter1{width: 42%;padding-right: 2%;}
.whybuy{gap: 2%;}
.wbuy{width: 32%;}
.footer2 > p{width: 100%;}
    .ft-logo2 {width: 25%;}
    .ft-logo21 > p{font-size: 1.5vw;}
}

@media only screen and (max-width: 39em) {
.desk { display: none; }
.mob { display: block; }
.offer31 > h5 span{font-size: 3.2vw;}
.hdtop2 > a,.highlight31 > span{font-size: 3.4vw;}
.bnr-stat > span,.hmfct > span,.hmfm-trm > p,.offer4 > p,.amentes2 > h5,.loctadv > li > a span,.footer2 > p{font-size: 3.6vw;}
.hdtop1 > p,.hmfct > h5 small,.efrm1 > label,.efrm11,.dropcnt > li > a,.eeffrm1 > input,.hmfm-trm ul li,.approvl2 > h5,.approvl2 > p,.offer31 > h5,.offer31 > p,.highlight31 > p,.cplot3 > li dt,.cplot3 > li dd,.cplot3 > li dd,.cplot3 > li dd,.accenq > a,.inflif2 > span,.loctvis1 > a,.loctvis2 > p,.faq-ans > p,.btnz1 > a,.foter1 > p,.footer2 > h5{font-size: 3.8vw;}
.banercnt1 > p,.hmfrm1 > p,.hmfm-hed > p,.offer1 > span,.offer1 > p,.cmntxt > h5,.cmntxt > p,.advdet li,.wbuy > p,.launch2 > p,.ft-conct2 a,.ftmenu > li > a{font-size: 4vw;}
.approvl2 > h4,.foter2 > h5,.foter3 > h5{font-size: 4.6vw;}
.faq3 > li a{font-size: 4.3vw;padding-right: 20px;}
.hmfrm1 > h5,.highlight31 > h5,.cplot21 > h5,.foter1 > h5{font-size: 5vw;}
.infrasaf > h5,.wbuy > h5{font-size: 5.4vw;}
.hmfm-hed > h5{font-size: 6vw;}
.hmfct > h5,.offer31 > h3,.highlight31 > h3,.launch2 > h4{font-size: 7vw;}
.cmntxt > h3{font-size: 8vw;}
.offer1 > h3{font-size: 8.5vw;}
.banercnt1 h1{font-size: 9vw;}

.loader-img{gap: 30px;}
.loader-img img{max-height: 70px;}
.loader-img span{height: 70px;}
.loader-prog {width: 210px;}
.container{padding: 0 5%;}
.headtop{padding: 10px 5%;display: block;text-align: center;}
.hdtop2 {display: inline-block;padding-top: 5px;}
.hdtop2 > a{padding: 6px 15px 5px;}
.hedcontainer{padding: 12px 5%;}
.header.shead .hedcontainer{padding: 10px 5%;}
.logo{width: 15vw;}
.header.shead .logo{width: 12vw;}
.bliss{width: 25vw;padding-right: 20px;margin-right: 20px;}
.header.shead .bliss{width: 23vw;}
.content{padding-top: 0;}
.sldmnu{width: 82%;padding: 80px 24px 30px;}
.smclos{top: 18px;right: 16px;}
.opts > li > a{font-size: 16px;}

.banner {padding: 10% 0;}
.banercnt{flex-direction: column;gap: 30px;}
.banercnt1,.banercnt2{width: 100%;}
.banercnt1{padding-top: 0;}
.banercnt1 h1{padding-top: 20px;}
.banercnt1 > p{padding-top: 10px;}
.banercnt2{padding: 18px;}
.hmfrm1 {padding: 3vw;}
.hmfm-hed {padding-top: 15px;}
.bnr-stat{gap: 8px;}
.bnr-stat > span{padding: 6px 12px;}
.hmfacts{flex-wrap: wrap;gap: 14px;padding-top: 16px;margin-top: 14px;}
.hmfct{width: 30%;}
.efrm1{width: 100%;padding-bottom: 15px;}
.efrm11{padding: 12px 14px;}
.eeffrm1 > input{padding: 12px 20px;}
.hmfm-trm{padding-top: 8px;}
.hmfm-trm ul{gap: 1vw 4vw;}
.hmfm-trm ul li{padding-left: 22px;}
.hmfm-trm ul li::before{width: 14px;height: 14px;}

.offer3{border-radius: 10px;}
.approval,.loffer,.highlight,.configure,.amenitie,.locatin,.buyhere,.dfaq,.foter{padding: 10% 0;}
.approval{flex-direction: column;gap: 14px;}
.approvl{width: 100%;padding: 5%;gap: 8%;}
.approvl1{width: 25%;}
.approvl2 {width: 65%;}
.offer1,.offer2,.offer31{width: 100%;}
.offer2 {padding-top: 10px;}
.offer3{flex-direction: column;gap: 18px;padding: 18px;}
.offer31 > h5 span{width: 22px;height: 22px;}
.oferig {width: 35%;}
.offer31:nth-child(1), .offer31:nth-child(2) {border-bottom: 1px dashed #000;padding-bottom: 14px;}
.offer4 {padding-top: 10px;text-align: center;}
.cmntxt{width: 100%;}
.cmntxt > h5{padding-bottom: 5px;}
.cmntxt > h3 span {display: inline-block;}
.highlight2 {padding-top: 20px;}
.highlight3{padding: 16px;gap: 14px;}
.highlight31,.highlight32{width: 100%;}
.configcrsl .cplot2{height: auto;padding: 16px;}
.accenq > a,.loctvis1 > a,.btnz1 > a{padding: 10px 20px;}
.infrastyle{flex-direction: column;gap: 14px;}
.infrasaf{width: 100%;padding: 16px;}
.inflif{width: 100%;padding-bottom: 15px;}
.inflif:nth-last-child(2){padding-bottom: 15px;}
.inflif1{width: 36px;}
.inflif2{width: calc(100% - 48px);}
.amentes1{height: 52vw;}
.amencrsl .owl-nav,.configcrsl .owl-nav,.hlcrsl .owl-nav{left: -18px;right: -18px;}
.amencrsl .owl-nav button,.configcrsl .owl-nav button,.hlcrsl .owl-nav button{width: 34px;height: 34px;}
.amencrsl .owl-nav button span,.configcrsl .owl-nav button span,.hlcrsl .owl-nav button span{width: 8px;height: 13px;}
.configplot,.ameniti,.loctadvntde,.loct-visit,.whybuy {padding-top: 20px;}
.infrastyle {padding-top: 30px;}
.inflife{padding-top: 15px;}
.accenq {padding-top: 10px;}
.loctadvntde > .loctadv {display: none;}
.loct-det a.mob {display: flex;}
.mbloctadv > .loct-det {display: block;margin-bottom: 10px;}
.mbloctadv .loctadv > li > a.mob {width: 100%;position: relative;padding-right: 36px;}
.mbloctadv .loctadv > li > a.mob::after {content: '';position: absolute;right: 16px;top: 46%;width: 8px;height: 8px;border-right: 2px solid #fff;border-bottom: 2px solid #fff;transform: translateY(-50%) rotate(45deg);transition: transform 300ms ease;}
.mbloctadv .loctadv > li.active > a.mob::after {transform: translateY(-20%) rotate(-135deg);}
.mbloctadv .advdet {display: none;padding-top: 10px;    justify-content: flex-start;}
.mbloctadv .loctadv > li.active > .advdet {display: flex !important;}
.loctadv > li > a{padding: 10px 12px;}
.loctadv > li > a img{width: 6vw;}
.advdet li{width: 49%;padding: 10px 12px;font-size: 3.8vw;}
.loct-visit{flex-direction: column;gap: 10px;text-align: center;}
.whybuy{flex-direction: column;gap: 14px;}
.wbuy{width: 100%;padding: 18px;}
.faqs{flex-direction: column;gap: 20px;}
.faq1 .cmntxt{text-align: center;}
.faq1,.faq2{width: 100%;position: static;}
.faq3 > li{padding: 14px 16px;}
.faq3 > li a::after{width: 14px;height: 14px;right: 0;top: 10%;}
.launch2{top: 30px;left: 20px;right: 20px;transform: none;width: auto;text-align: center;}
.launch1::before {background: linear-gradient(0deg, transparent 40%, rgba(238, 222, 204, 0.12) 50%, rgba(238, 222, 204, 0.45) 60%, rgba(238, 222, 204, 0.82) 80%, #eedecc 100%);}
.btnz{gap: 10px;justify-content: center;}
    
.foter{flex-direction: column;gap: 28px;}
.foter1,.foter2,.foter3{width: 100%;padding-right: 0;}
.ft-logo1{width: 20%;}
.ftmenu > li {padding-bottom: 10px;}
    .ftmenu > li:last-child{padding-bottom: 0;}
.ft-conct1 {width: 5.5vw;height: 5.5vw;}
.ft-conct2 {width: calc(100% - 7.9vw);}
.ft-contact:last-child {padding-bottom: 0;}
.footer2{padding: 25px 5% 70px;}
    .ft-logo{gap: 7vw;}
    .ft-logo1::after{right: -3.5vw;}
    .ft-logo2 {width: 25%;}
    .ft-logo22{padding-top: 5px;}
    .ft-logo21 > p{font-size: 3.5vw;}
#enqpop{padding: 16px;align-items: flex-start;}
.enqpop-box{padding: 22px 16px 18px;border-radius: 10px;margin: 0 auto;}

.pagetop{bottom: 70px;}
.pagetop > a{width: 40px;height: 40px;}
.pagetop > a::after{width: 8px;height: 8px;}
.enbt {left: 0;right: 0;bottom: 0;display: flex;justify-content: space-around; background-color: var(--yellow);padding: 5px 5% 5px;border-radius: 15px 15px 0 0;}
.enbt a{display: flex;margin: 0;text-align: center;background-color: transparent;border: none;width: auto;height: auto;}
.enbt a .mob{width: 25px;background-color: #fff;border-radius: 50%;border: 1px solid var(--orange);padding: 5px;display: flex;}
.enbt a.ecall span,.enbt a.eenquire span,.enbt a.ewhatsapp span {width: auto;}
.enbt a span {display: block;position: static;opacity: 1;visibility: visible;color: #000;background-color: transparent;border: none;padding: 0px 0 0 5px;font-size: 0.8em;}
}