@font-face {font-family: TrajanPro;src: url(../font/Trajan-Pro-Regular.ttf);font-weight: normal;} @font-face {font-family: Jost;src: url(../font/Jost-Light.ttf);font-weight: normal;} @font-face {font-family: ElMessiri;src: url(../font/ElMessiri-VariableFont.ttf);font-weight: normal;}
:root{--black-color: #000; --white-color: #fff; --title-color: #d1b04e; --text-color: #3B818C; --site-color: #3B818C; --light-bg-color: #fafafa; --border-color: #e4e5e6; --primary-font: 'Kano'; --secondary-font: 'ElMessiri'; --tertiary-font: 'ElMessiri'; }
body{margin: 0;padding: 0;}
header{position: relative;}
.headers{width: 100%;background: rgb(1 49 12 / 45%);padding: 10px 10px;position: fixed;z-index: 1000;-webkit-transition: all ease-out .5s;-moz-transition: all ease-out .5s;-o-transition: all ease-out .5s;transition: all ease-out .5s;}
.logo-box{width: 150px;float: left;} .logo-box a{} .logo-box a img{width: 100%;}
.headeractive{background: var(--white-color);opacity: 1 !important;} .headers{opacity: 0;}
.navs{float: right;display: flex;padding-top: 10px;} .navs ul{margin-bottom: 0;} .navs ul li{display: inline-block;padding: 1px 10px;} .navs ul li a{font-family: var(--tertiary-font);color: var(--site-color);font-size: 18px;text-decoration: none;text-transform: capitalize;} .navs ul li a:hover{color: var(--text-color);}
.callnowbtn{padding: 1px 10px;font-family: var(--tertiary-font);color: var(--site-color);font-size: 18px;text-decoration: none;text-transform: capitalize;cursor: pointer;} .callnowbtn:hover{color: var(--site-color);} .callmobile{display: none;}
.header-navigaton-menu{float: right;width: 50%;display: none;}
.sidenav {height: 100%;width: 0;position: fixed;z-index: 1;top: 0;right: 0;background-color: var(--site-color);overflow-x: hidden;transition: 0.5s;padding-top: 60px;} .sidenav a {transition: 0.3s;}
.navtoggles{cursor:pointer;position: absolute;right: 15px;top: 10px;color: var(--white-color);}
.navtoggles img{width: 35px;}
.sidenav .closebtn{text-decoration: none;position: absolute;top: 10px;right: 25px;font-size: 35px;margin-left: 50px;display: block;color: var(--title-color);} .sidenav .closebtn img{width: 30px;} .sidenav ul{padding: 0 20px;} .sidenav ul li{width: 100%;list-style: none;} .sidenav ul li a{font-family: var(--tertiary-font);text-decoration: none;width: 100%;display: block;color: var(--white-color);font-size: 16px;margin-bottom: 10px;text-transform: capitalize;}
.overviewbox{margin-bottom: 20px;width: 100%;position: relative;} .overviewbox img{width: 100%;} .overviewbox span{position: absolute; bottom: 0px; left: 0px;display: block; font: normal normal 300 8px var(--secondary-font); color: var(--white-color); background: transparent; padding: 5px;} .overviewbox p{font-family: var(--secondary-font);color: var(--text-color);font-size: 16px;letter-spacing: 0.5px;text-align: justify;} .overviewbox p::first-letter {float: left;font-size: 3em; line-height: 0.8; padding-top: 0.2em; padding-right: 0.1em; padding-left: 0;} .overviewbox ul{} .overviewbox ul li{font-family: var(--secondary-font);color: var(--text-color);font-size: 16px;letter-spacing: 0.5px;} .overviewbox h5{font-family: var(--secondary-font);color: var(--text-color);letter-spacing: 0.5px;}
.overviewbox a{font: normal normal 400 15px/1.5 var(--secondary-font);color: var(--text-color);background: var(--white-color);border: 2px solid var(--text-color);padding: 6px 15px;text-decoration: none;}.overviewbox a:hover{background: var(--text-color);color: var(--white-color);}
.luxury-boxes{width: 100%;margin-bottom: 30px;}
.luxury-box {position: relative; width: 100%; height: 100%; overflow: hidden; }
.luxury-box-image {width: 100%; height: 345px; object-fit: cover; transition: transform 0.3s ease;filter: brightness(0.8); }
.luxury-box:hover .luxury-box-image {transform: scale(1.1); filter: brightness(0.6);}
.luxury-box-title {position: absolute; top: 20px; left: 20px; color: white; font-size: 24px; font-weight: 500; z-index: 1; opacity: 1; transition: opacity 0.5s ease;font-family: var(--secondary-font);color: var(--white-color);font-size: 20px; }
.luxury-box-description {position: absolute; top: 30px; left: 20px; color: white; font-size: 18px; opacity: 0; transform: translateY(100%); transition: opacity 0.3s ease, transform 0.5s ease; display: block; width: 90%;height: 300px;}
.luxury-box:hover .luxury-box-title {opacity: 0; }
.luxury-box:hover .luxury-box-description {opacity: 1; transform: translateY(0); }
.luxury-box-description-inner{position: relative;width: 100%;height: 100%;}
.luxury-box-description-inner ul{list-style: disc;padding-left: 20px;display: grid;grid-template-columns: repeat(1, 1fr);margin-bottom: 5px;}
.luxury-box-description-inner ul li{font: normal normal 300 16px/1.5 var(--secondary-font);color: var(--white-color);}
.luxury-box-description-inner ul li span{margin-right: 10px;float: right;}
.luxury-box-description-inner p{font: normal italic 300 8px/1.5 var(--secondary-font);color: var(--white-color);position: absolute;bottom: 16px;}
.connected-boxes{width: 100%;position: relative;}
.connected-boxes img{width: 100%;}
.connected-boxes-img span{position: absolute; bottom: 0px; left: 0px; display: block; font: normal normal 300 8px var(--secondary-font); color: var(--white-color); background: transparent; padding: 5px;}
.connected-boxes ul{list-style: disc; padding-left: 20px; display: grid; grid-template-columns: repeat(1, 1fr); margin-bottom: 5px;}
.connected-boxes ul li{font-family: var(--secondary-font);color: var(--text-color);font-size: 18px;letter-spacing: 0.5px;text-align: justify;}
.connected-boxes ul li span{margin-right: 50%;float: right;}
.connected-boxes p{font-family: var(--secondary-font);color: var(--text-color);font-size: 14px;letter-spacing: 0.5px;text-align: justify;font-style: italic;}
.galleryplanoneclear:after, .galleryplantwoclear:after, .galleryplanthreeclear:after, .galleryplanfourclear:after, .galleryplanfiveclear:after, .galleryplansixclear:after, .galleryplanoneclear:before, .galleryplantwoclear:before, .galleryplanthreeclear:before, .galleryplanfourclear:before, .galleryplanfiveclear:before, .galleryplansixclear:before {content: '';display: table;clear: both;}
.galleryplanone, .galleryplantwo, .galleryplanthree, .galleryplanfour, .galleryplanfive, .galleryplansix {display: flex;flex-wrap: wrap;width: 100%;}
.galleryplanone a, .galleryplantwo a, .galleryplanthree a, .galleryplanfour a, .galleryplanfive a, .galleryplansix a {display: block;text-decoration: none;width: 33.33333%;overflow: hidden;outline: none;margin: 0 auto;padding: 15px 15px 60px 15px;}
.galleryplanone a img, .galleryplantwo a img, .galleryplanthree a img, .galleryplanfour a img, .galleryplanfive a img, .galleryplansix a img {height: 100%;transform: scale(1,1);transition: all 300ms ease;}
.galleryplanone a img:hover, .galleryplantwo a img:hover, .galleryplanthree a img:hover, .galleryplanfour a img:hover, .galleryplanfive a img:hover, .galleryplansix a img:hover {transform: scale(1.1,1.1);}
.galleryplanone p, .galleryplantwo p, .galleryplanthree p, .galleryplanfour p, .galleryplanfive p, .galleryplansix p {font: normal normal 18px var(--secondary-font);text-align: center;color: var(--site-color);position: absolute;bottom: -35px;margin: 0 auto;width: 100%;text-transform: uppercase;}
.galleryplanone span, .galleryplantwo span, .galleryplanthree span, .galleryplanfour span, .galleryplanfive span, .galleryplansix span{font: normal normal 8px var(--secondary-font);text-align: center;color: var(--white-color);position: absolute;bottom: 4px;margin: 0 auto;width: 100%;}
.galleryplanonebg, .galleryplantwobg, .galleryplanthreebg, .galleryplanfourbg, .galleryplanfivebg, .galleryplansixbg {width: 100%;height: 250px;background-size: cover;background-position: center;transform: scale(1,1);transition: all 300ms ease;}
.galleryplantwo a:nth-child(1) span, .galleryplantwo a:nth-child(2) span, .galleryplanthree a:nth-child(2) span, .galleryplansix a:nth-child(3) span{color: var(--black-color);}
.galleryplanonebg:hover, .galleryplantwobg:hover, .galleryplanthreebg:hover, .galleryplanfourbg:hover, .galleryplanfivebg:hover, .galleryplansixbg:hover {transform: scale(1.1,1.1);}
.luxury-box-arrow {position: absolute; bottom: 6px; left: 10px; font: normal normal 38px/1.5  var(--secondary-font); color: var(--white-color); }
.luxury-box-disclaimer{position: absolute; bottom: 0px; left: 0px;display: block; font: normal normal 300 8px var(--secondary-font); color: var(--white-color); background: transparent; padding: 5px;}
.upsbox{font-family: var(--secondary-font);margin-bottom: 20px;}.upsbox h4{color: var(--text-color);font-size: 17px;display: flex;align-items: center;}.upsbox h4 img{width: 45px;margin-right: 10px;}
.unboxpadleft{padding-left: 20px;}
section{width: 100%;padding: 100px 20px 50px 20px;}
.light-bg-color{background: var(--light-bg-color);} .site-bg-color{background: var(--site-color);} .white-bg-color{background: var(--white-color);}
.site-title{position: relative;color: var(--site-color);text-align: center;font-family: var(--tertiary-font);margin-bottom: 25px;text-transform: uppercase;} .site-title:after {content: '';display: block;width: 65px;height: 2px;background-color: var(--site-color);margin: 0 auto;margin-top: 2px;}
.bannersection button{border: none;padding: 0;width: 100%;}
.customNavigationBanner{width: 100%;position: relative;bottom: 50%;} .customNavigationBanner a{cursor: pointer;color: var(--white-color);font-size: 20px;background: var(--site-color);padding: 5px 6px;} .customNavigationBanner a:hover{color: var(--title-color);} .customNavigationBanner .prev{position: absolute;left: 0;} .customNavigationBanner .next{position: absolute;right: 0;}
.desktop-masterhead{display: block;} .mobile-masterhead{display: none;}
.bannersection{width: 100%;height: 100%;position: relative;}.bannersection img{width: 100%;}.mobile-masterhead{display: none;} .bannersection video{width: 100%;height: 100%;position: relative;}
.bannersection button::after {content: ""; bottom: 6px; left: 0; width: 100%; height: 100%; background-image: linear-gradient(2deg, rgb(0 0 0 / 7%), #00000000); opacity: .9; position: absolute; }
.bannersection button span{ position: absolute; bottom: 30px; left: 20px;display: none; font: normal normal 300 8px var(--secondary-font); color: var(--white-color); padding: 5px;}
.masthead-section-texts{position: absolute; width: 100%; bottom: 40%;}
.masthead-section-texts h1{position: relative;font: normal normal 400 80px/1 var(--tertiary-font);color: var(--white-color);margin-bottom: 25px;padding-left: 46%;}
.masthead-section-texts h1:after {content: ''; display: block; width: 65px; height: 1px; background-color: var(--white-color); margin: 0 auto; margin-top: 2px;}
.masthead-section-texts h3{font: normal normal 300 44px/ 1 var(--secondary-font);color: var(--black-color);padding-left: 46%;bottom: -48px;position: relative;}
.fadeIn {animation: fadeIn 2s ease-in-out; }
@keyframes fadeIn {from { opacity: 0; } to { opacity: 1; } }
.gallersliders{width: 100%;position: relative;} #owl-demo .item, #gallery-owl-demo .item{text-align: center;} .customNavigationGallery{width: 100%;position: absolute;bottom: 55%;} .customNavigationGallery a{cursor: pointer;color: var(--white-color);font-size: 30px;background: var(--site-color);padding: 5px 1px;} .customNavigationGallery a:hover{color: var(--title-color);} .customNavigationGallery .prev{position: absolute;left: 0;} .customNavigationGallery .next{position: absolute;right: 0;}
.nav{justify-content: center;} .nav-pills .nav-link{font-family: var(--tertiary-font);color: var(--title-color);border-radius: 0 !important;} .nav-pills .nav-link:hover{color: var(--title-color);} .nav-pills .nav-link.active{background-color: var(--site-color) !important;color: var(--white-color)!important;}
/*.owl-carousel{position: relative;}*/
.lifestyle-list-box{} .lifestyle-list-box ul{list-style: none;padding-left: 0;} .lifestyle-list-box ul li{font: normal normal 300 18px/1.5 var(--secondary-font);color: var(--text-color);} .lifestyle-list-box p{font: normal italic 300 8px/1.5 var(--secondary-font);color: var(--text-color);}
.lifestyle-gallery-box{width: 100%; position: relative;} .lifestyle-gallery-box img{width: 100%; position: relative;} .lifestyle-gallery-box span{position: absolute;bottom: 0;display: block;font: normal normal 300 10px var(--secondary-font);color: var(--white-color);background: var(--text-color);padding: 5px} .amenities-box{text-align: center;margin-bottom: 20px;padding: 5px;}
.amenities-box img{width: 50px;margin-bottom: 14px;} .amenities-box h4{font: normal normal 300 20px/1.5 var(--secondary-font);color: var(--text-color);}
#lifestyle-owl-demo .item, #cultural-owl-demo .item{text-align: center;}
#gallery-owl-demo .item{margin: 10px;}
.gallerycards{width: 100%;position: relative;} .gallerycards img{width: 100%;} .gallerycards .gallerytexts{font: normal normal 400 16px/1 var(--secondary-font);color: var(--white-color);text-transform: uppercase;position: absolute;bottom: 30px;background: rgb(59 129 140 / 60%);width: 100%;padding: 10px 0px;}  .gallerycards span{font: normal normal 400 8px/1 var(--secondary-font);color: var(--white-color);position: absolute;bottom: 10px;left:10px;}
.owl-pagination{width: 100%;position: relative;display: flex;align-items: center;justify-content: center;}
.owl-theme .owl-controls{} .owl-theme .owl-controls .owl-page span{width: 6px !important;height: 6px !important;background: var(--text-color) !important;} .owl-theme .owl-controls .owl-page.active span{width: 10px !important;height: 10px !important;}
.gallerysliderimg{width: 100%;text-align: center;} .gallerysliderimg img{width: 100%;}
.table-responsive{} .table-responsive .table{} .table>:not(:last-child)>:last-child>*{border-bottom-color:var(--site-color) !important;} .table thead{border: 1px solid var(--site-color);background: var(--site-color);} .table thead tr{} .table thead tr th{font-family: var(--secondary-font);color: var(--white-color);text-align: center;} .table tbody{border: 1px solid var(--border-color);} .table tbody tr{vertical-align: middle;} .table tbody tr td{font-family: var(--secondary-font);color: var(--text-color);text-align: center;} .table tbody tr td button{border: none;outline: none;background: none;}
.about-ltr-box{padding: 15px 10px;background: var(--light-bg-color);text-align: center;min-height: 135px;} .about-ltr-box h4{font-family: var(--tertiary-font);color: var(--title-color);font-size: 35px;} .about-ltr-box h4 .countunits{font-size: 20px;margin-left: 4px;} .about-ltr-box p{font-family: var(--secondary-font);color: var(--text-color);font-size: 15px;text-transform: capitalize;margin-bottom: 0;}
.aboutboxessection{width: 100%;padding: 50px 10px;}
.about-box{padding: 20px 10px;background: rgb(255 255 255 / 20%);border: 1px solid var(--title-color); text-align: center;}.about-box h5{color: var(--title-color);font-family: var(--tertiary-font);font-size: 25px;}.about-box h6{color: var(--text-color);font-family: var(--secondary-font);font-size: 15px;margin-bottom: 1px;}
.textdescp{font-family: var(--secondary-font);color: var(--text-color);font-size: 16px;letter-spacing: 0.4px;text-align: justify;}
.locationmap{width: 100%;} .locationmap img{width: 100%;} .locationinfos{width: 100%;} .locationlists{width: 100%;display: grid;margin-bottom: 10px;} .locationlists h5{font-family: var(--secondary-font);color: var(--site-color);position: relative;margin-bottom: 10px} .locationlists h5:after {content: '';display: block;width: 40px;height: 2px;background-color: var(--site-color);margin-top: 4px;margin-left: 25px;} .locationlists ul{padding-left: 22px;list-style: none;} .locationlists ul li{font-family: var(--secondary-font);width: 50%;float: left;margin-bottom: 5px;color: var(--text-color);font-size: 16px;letter-spacing: 0.4px;}.locationlists p{font-family: var(--secondary-font);float: left;margin-bottom: 5px;color: var(--text-color);font-size: 16px;font-weight: 600;letter-spacing: 0.4px;} .locationaddress{margin: 20px 0px 30px 0px;} .locationaddress h5{text-align: center;font-family: var(--secondary-font);color: var(--text-color);font-size: 18px;letter-spacing: 0.4px;line-height: 1.5;} .locationaddress h5 i{font-size: 25px;vertical-align: middle;}
.locationlistscenter{width: 100%;display: grid;margin-bottom: 10px;} .locationlistscenter h5{font-family: var(--secondary-font);color: var(--site-color);position: relative;margin-bottom: 10px} .locationlistscenter h5:after {content: '';display: block;width: 40px;height: 2px;background-color: var(--site-color);margin-top: 4px;margin: 0 auto;} .locationlistscenter ul{padding-left: 22px;list-style: none;} .locationlistscenter ul li{font-family: var(--secondary-font);float: left;margin-bottom: 5px;color: var(--text-color);font-size: 16px;letter-spacing: 0.4px;}.locationlistscenter p{font-family: var(--secondary-font);float: left;margin-bottom: 5px;color: var(--text-color);font-size: 16px;font-weight: 600;letter-spacing: 0.4px;}
.sidebar-widgets{position: fixed; /*z-index: 99999999999; */ bottom: 25%;right: 15px;background: var(--site-color);padding: 10px 10px;border-radius: 38px;} .sidebar-widgets ul {list-style: none;font-family: var(--tertiary-font);padding-left: 0;margin-bottom: 0;border: 1px solid var(--white-color);text-align: center;border-radius: 38px;} .sidebar-widgets ul li button, .sidebar-widgets ul li a{color: var(--white-color) !important;padding: 10px 10px 10px 10px;border: none;background-color: var(--teal-color);font-size: 16px;outline: none;}.sidebar-widgets ul li button i, .sidebar-widgets ul li a i{margin-right: 5px;display: block;font-size: 22px;} .sidebar-widgets ul li:first-child{display: none;}
.sidebar-widgets ul li button span, .sidebar-widgets ul li a span {font-family: var(--secondary-font); color: var(--white-color); font-size: 10px;display: block; }
.modal {display: none;position: fixed;z-index: 99999999999;padding-top: 100px;left: 0;top: 0;width: 100%;height: 100%;overflow: auto;background-color: rgb(0,0,0);background-color: rgba(0,0,0,0.4);} .modal-contents {background-color: var(--white-color);margin: auto;padding: 0px;width: 40%;border: none;border-radius: 0;} .close {color: var(--site-color);float: right;font-size: 36px;font-weight: 100;margin-top: -8px;} .close:hover,.close:focus {color: var(--site-color);text-decoration: none;cursor: pointer;} .modal-form{} .modal-form h2{text-align: center;font-family: var(--tertiary-font);color: var(--site-color);text-transform: uppercase;background: var(--white-color);font-size: 25px;padding: 10px 10px 10px 25px;font-weight: 600;} .popupforms{padding: 0px 25px 25px 25px;} .form-item{width: 100%;margin-bottom: 20px;font-family: var(--secondary-font);} .form-item label{width: 100%;color: var(--text-color);margin-bottom: 3px;font-size: 12px;} .fullinput{width: 100%;} .form-item input{outline: none;border: 1px solid var(--title-color);padding: 8px 10px;} .form-item input[type="checkbox"]{margin-right: 10px;} .form-item select{outline: none;border: 1px solid var(--title-color);padding: 8px 5px 8px 5px;margin-right: 5px;} .form-item input, .form-item select{color: var(--black-color);} .halfinput{width: calc(100% - 100px);} .form-group button{width: 100%;display: inline-block;border: 2px solid var(--title-color);background: var(--title-color);color: var(--white-color);text-align: center;padding: 8px 100px;font-family: var(--secondary-font);font-size: 18px;letter-spacing: 0.5px;margin: 10px 0px 0px 0px;} .form-group button:hover{background-color: var(--white-color);color: var(--title-color);}
.formField{width: 100%;margin-bottom: 20px;font-family: var(--secondary-font);} .formField label{color: var(--text-color);margin-bottom: 3px;} .fullinput{width: 100%;} .formField input{outline: none;border: 1px solid var(--title-color);padding: 8px 10px; width: 100%;} .formField input[type="checkbox"]{margin-right: 10px;} .mobileField{display: flex;} .formField select{outline: none;border: 1px solid var(--title-color);padding: 8px 5px 8px 5px;margin-right: 5px;width: 100px;} .formField input, .formField select{color: var(--black-color);} .halfinput{} .formbutton a, .formbutton input{width: 100%;display: inline-block;border: 2px solid var(--title-color);background: var(--title-color);color: var(--white-color);text-align: center;padding: 8px 100px;font-family: var(--secondary-font);font-size: 18px;letter-spacing: 0.5px;margin: 10px 0px 0px 0px;text-decoration: none;} .formbutton a:hover, .formbutton input:hover{background-color: var(--white-color);color: var(--title-color);}
.configurationField select{outline: none;border: 1px solid var(--title-color);padding: 8px 10px; width: 100%;border-radius: 0;}
.configurationField select:focus{box-shadow: none;border-color:  var(--title-color);}
.form-item{width: 100%;margin-bottom: 20px;font-family: var(--secondary-font);}
.form-item input{outline: none;border: 1px solid var(--title-color);padding: 8px 10px; width: 100%;margin-bottom: 10px;}
.form-item .btn-resend-otp{border: none;background-color: transparent;text-decoration: underline;color: var(--black-color);padding: 0;font-size: 15px; cursor: pointer;}
.form-items input[type="checkbox"]{margin-right: 10px;}
.form-items label{font-family: var(--secondary-font);color: var(--text-color);margin-bottom: 3px;font-size: 12px;}
.lnt_form_error, .lnt_form_msg{color: red;font-family: var(--secondary-font);} #thank-you-campaign{width: 100%;margin: 0;padding: 0;text-align: center;background: var(--site-color);position: absolute !important;top: 50%;left: 50%;transform: translate(-50%, -50%) !important;} .thank-you-campaign-section img{text-align: center;margin-bottom: 20px} .thank-you-campaign-section h1{font-family: var(--tertiary-font);text-align: center;color: var(--white-color);margin-top: 0;font-weight: 500;font-size: 45px;text-transform: uppercase;margin-bottom: 10px;} .thank-you-campaign-section p{font-family: var(--tertiary-font);text-align: center;color: var(--white-color);margin-top: 0;font-weight: 500;font-size: 18px;margin-bottom: 12px;line-height: 1.5;}
.modal-calls{border: none !important;border-radius: 0px !important;} .modal-calls h4{text-align: center;font-family: var(--tertiary-font);color: var(--site-color);text-transform: uppercase;background: var(--white-color);font-size: 25px;padding: 10px 10px 10px 35px;font-weight: 600;} .modal-calls h4 button{float: right;color: var(--site-color);background: none;font-size: 36px;opacity: 1;padding: 0;margin-top: -8px} .modal-calls h4 button:focus{box-shadow: none;} .modal-calls a, .modal-calls p, .modal-calls img{text-align: center;font-family: var(--secondary-font);} .modal-calls a{color: var(--title-color);display: inline-block;text-decoration: none;font-size: 18px;margin-bottom: 10px;} .modal-calls a:hover{color: var(--title-color);} .modal-calls p{color: var(--text-color);font-size: 18px;margin-bottom: 10px;} .modal-calls img{width: 120px; margin: auto;}
.grecaptcha-badge{visibility: hidden !important;}
.whatsappwidgets{display: none;} .whatsappwidgets{position: fixed;z-index: 9;bottom: 12%;right: 15px;background: transparent;padding: 0px;} .whatsappwidgets a{width: 60px;height: 60px;display: inline-block;border-radius: 50%;text-decoration: none;float: right} .whatsappwidgets a img{width: 100%;} .whatsappwidgets-ctc{padding: 0px 16px;font: normal normal 300 15px/1.8 var(--secondary-font);background-color: #25D366; color: var(--white-color);border-radius:10px;margin:0 10px;display: none;position: relative;right: 52px;top: 38px;} .whatsappwidgets:hover .whatsappwidgets-ctc{display: block !important;}
@media only screen and (max-width: 1024px){.bannersection iframe{height: 580px;} } @media only screen and (max-width: 992px){section, .aboutboxessection{padding: 90px 15px 50px 15px;} .about-box, .about-ltr-box{margin-bottom: 20px;} .bannersection iframe{} .callnowbtn{color: var(--title-color);} .callnowbtn span{display: none;} .logo-box{width: 140px;} .desktop-nav{display: none;} .header-navigaton-menu{display: block;} .callnowbtn{font-size: 23px;margin: -12px 35px 0px 0px;} .modal-contents{width: 80%;} .locationmap{margin-bottom: 20px;} .mobo-rev{flex-direction: column-reverse;} .lifestyle-gallery-box{margin-bottom: 20px;} .galleryplanone a, .galleryplantwo a, .galleryplanthree a, .galleryplanfour a, .galleryplanfive a, .galleryplansix a {width: 50%;}  } 
@media only screen and (max-width: 800px){.modal-contents{width: 94%;} .unboxpadleft{padding-left: 0px;} .calldesk{display: none;} .callmobile{display: block;} .customNavigationGallery{display: none;} .masthead-section-texts{bottom: 50%;} .masthead-section-texts h1{font-size: 40px;padding-left: 0px;}.masthead-section-texts h3{font-size: 30px;position: static;padding-left: 0;color: var(--white-color);} .bannersection button span{color: var(--white-color);} .sidebar-widgets{width: 100%;right: 0;bottom: 0;} .sidebar-widgets ul{display: flex;align-items: center;height: 48px;} .sidebar-widgets ul li{width: 50%;}  .sidebar-widgets ul li button, .sidebar-widgets ul li a {padding: 1px 0px 1px 0px;display: flex;justify-content: center;margin: 0 auto;align-items: center;text-decoration: none;} .sidebar-widgets ul li:last-child{border-left: 1px solid var(--white-color);} .sidebar-widgets ul li a span, .sidebar-widgets ul li button span{display: block;margin-left: 5px;font-size: 18px;} .customNavigationBanner{position: static;text-align: center;} .customNavigationBanner .prev, .customNavigationBanner .next{position: static;} } @media only screen and (max-width: 767px){.about-box h5{font-size: 20px;} .about-box h6, .about-ltr-box p{font-size: 15px;} .textdescp{font-size: 16px;} .bannersection iframe{height: 430px;} .locationlists ul li{width: 100%;font-size: 15px;}.navtoggles{top: 10px;} .desktop-masterhead{display: none;} .mobile-masterhead{display: block;} .sidebar-widgets ul li:first-child{display: block;} .sidebar-widgets ul li:nth-child(2){display: none;}.luxury-box-description ul{padding-left: 10px;} .luxury-box-description ul li{font-size: 15px;} .whatsappwidgets{display: block;} #sf-chatbot-container{display: none;}}  
@media only screen and (max-width: 450px){.galleryplanone a, .galleryplantwo a, .galleryplanthree a, .galleryplanfour a, .galleryplanfive a, .galleryplansix a{width: 100%;}}
@media only screen and (max-width: 375px){.about-box{min-height: 140px;} .bannersection iframe{height: 210px;} .textdescp{font-size: 15px;} .about-ltr-box{min-height: 160px;} .about-ltr-box h4{font-size: 28px;} .luxury-box-description ul{padding-left: 5px;} .luxury-box-description ul li{font-size: 13px;} } @media only screen and (max-width: 350px){.about-box{min-height: 130px;} }