/*
Theme Name: cg-suncity
Theme URI: https://casagrand.co.in/
Author: SocialBeat
Author URI: https://Socialbeat.in/
Description: Custom theme for Casagrand Suncity.
Version: 1.0
Requires at least: 5.0
Tested up to: 5.4
Requires PHP: 7.0
*/


*{margin:0;padding:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;word-wrap:break-word;word-break: break-word;line-height:1.5;}
*:before,*:after{-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
a{text-decoration: none;outline: none;color:inherit;}
a:hover{cursor: pointer;}
a:focus {outline:none;box-shadow: none;}
img {outline:none;border: 0;vertical-align: middle;}
ul{list-style: none}
b,strong {font-weight: 700;}
input:focus, textarea:focus, input:required, textarea:required{outline:none;box-shadow: none;}
input, textarea, select{border: none;-webkit-border-radius: 0;-moz-border-radius:0;border-radius: 0;font-family: 'Montserrat', sans-serif;}
input[type="submit"], input[type="button"]{-webkit-appearance: none;-moz-appearance: none;appearance: none;}
select::-ms-expand{display:none;}
textarea{resize: vertical;}
input[placeholder] {text-overflow: ellipsis;}
::-moz-placeholder {text-overflow: ellipsis;}
input:-moz-placeholder {text-overflow: ellipsis;}
h1,h2,h3,h4,h5,h6{font-weight: 400;}
footer,header,nav{display: block;}
html {-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;-ms-text-size-adjust:100%;}

.small-big-div{display: flex;}
.big-div{width:75%;} .small-div{width:25%;padding:0 15px;}

.container-spacing{
    margin:30px auto!important;
}
.gold-bg{
    background-color: var(--goldbg);
}
.banner-text-gold{
    position: absolute;
    top: 21px;
    text-align: center;
    width: 100%;
    font-family: 'Montserrat','sans-serif';
    font-size: 50px;
    text-transform: uppercase;
    background: linear-gradient(90deg, rgb(205, 169, 76) 0%, rgb(209, 168, 81) 50%, rgb(153, 112, 55) 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    line-height: 2.8rem;
}
.banner-small-text{
    position: absolute;
    bottom: 0px;
    width: 100%;
    color: #fff;
    font-weight: 500;
    text-shadow: 5px 5px 30px #000;
    font-size: 15px;
}

.overlay-swiper {
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.15) 30%, transparent 100%);
    width: 100%;
    height: 100%;
    position: absolute;
}
.anniversary-img {
    position: absolute;
    right: 10px;
    bottom: 2%;
    z-index: 999;
}

.gold-text{
    color: var(--goldcolor)!important;;
}
 
.swiper {
    width: 100%;
    height: 100%;
  }

  .swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
  }

  .mySwiper {
      height: 205px;
      box-sizing: border-box;
      border: 0;
      background: #fff;
  }
  .mySwiper .swiper-slide img{
    width: 100%;
    height: 25vh;
    max-height:128px;
    max-width:178px;
    border-radius: 10px;
    cursor: pointer;
  }

  .mySwiper2 .swiper-slide img{
      height:70vh;
  }
  .swiper-slide img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
  }

  .swiper {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
  }

  .swiper-slide {
    background-size: cover;
    background-position: center;
  }

  .mySwiper2 {
    height: 80%;
    width: 100%;
  }   

  .mySwiper .swiper-slide {
    width: 25%;
    height: 100%;
    opacity: 0.6;
  }

  .mySwiper .swiper-slide-thumb-active {
    opacity: 1;
  }

  .swiper-slide img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
  }

.swiper-button-next, .swiper-rtl .swiper-button-prev{color:#fff;}
.swiper-button-prev, .swiper-rtl .swiper-button-next{color:#fff;}

.mySwiper2 .swiper-button-prev, .swiper-rtl .swiper-button-next, .mySwiper2 .swiper-button-next, .swiper-rtl .swiper-button-prev {background-color:rgba(255,255,255,0.4); padding: 20px;}


.mySwiper-fp1  .swiper-button-prev, .mySwiper-fp1 .swiper-button-next, .mySwiper-fp2  .swiper-button-prev, .mySwiper-fp2 .swiper-button-next, .mySwiper-fp3  .swiper-button-prev, .mySwiper-fp3 .swiper-button-next{color:#252222;}

.ccd-hero-banner-sec figure{position: relative;}
.slick-slide{outline: none;}
.img-responsive{width: 100%;height: auto;display: block;margin: 0 auto;}
.container{width: 100%;max-width: 1270px;padding: 0 15px;margin: 0 auto;}

.floorplan-block{margin:20px 0 0 0;}
.floorplan-tab-sec li, .yt-tab-sec li {width: 33.3%;border: 0;}
.yt-tab-sec{padding:30px 0;}
.yt-tab-sec .yt-thumb-img{height: 400px; object-fit:cover;border-radius: 10px;margin:30px 0 0 0;}

button.download-now-button{margin: 0;}


.mySwiper-fp1 .swiper-slide{height: 150px;object-fit: cover;border: 1px solid #000;border-radius: 10px;}
.mySwiper-fp1 .swiper-slide figure {margin: 20px 0;height: 140px;}
.mySwiper-fp2 .swiper-slide{height: 150px;object-fit: cover;border: 1px solid #000;border-radius: 10px;}
.mySwiper-fp2 .swiper-slide figure {margin: 20px 0;height: 140px;}
.mySwiper-fp3 .swiper-slide{height: 150px;object-fit: cover;border: 1px solid #000;border-radius: 10px;}
.mySwiper-fp3 .swiper-slide figure {margin: 20px 0;height: 140px;}

.nav-tabs .nav-link, .nav-tabs .nav-link:hover {
    border: 0;
    border-radius:0;
    text-align: center;
    font-size: 12px;
    font-weight: bold;
}
.clearfix:after,.clearfix:before{content:" ";display:table}
.clearfix:after{clear:both}
.tran{ transition: all 0.30s ease-in-out;-webkit-transition: all 0.30s ease-in-out;-moz-transition: all 0.30s ease-in-out;}
.hidden{visibility: hidden;}
.row{margin: 0 -15px;}
.lc-row{display: flex;justify-content: space-between;flex-flow: row wrap;}
.col-2{float: left;width: 20%;padding: 0 15px;}
.col-3{float: left;width: 25%;padding: 0 15px;}
.col-4{float: left;width: 33.33%;padding: 0 15px;}
.col-6{float: left;width: 50%;padding: 0 15px;}
.tw-col-4{float: left;width: 33.33%;padding: 0 8px;}
.rt-container{float: right;width: calc((100% - 1300px) / 2 + 1270px);}

/*:root{
--primarycolor:#4E555B;
--secondarycolor:#249AD0;
--ternarycolor:#144677;
--whitecolor: #ffffff;
}*/
:root{
--primarycolor:#0d252c;
--secondarycolor:#ef3935; 
/* #EF4746; */
--ternarycolor:#ef3935;
--whitecolor: #ffffff;
--goldbg: #202324;
--goldcolor: #cc9934;
}
::-webkit-scrollbar-track {-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);background-color: #f5f5f5;}
::-webkit-scrollbar {width: 10px;background-color: var(--primarycolor);}
::-webkit-scrollbar-thumb {background-color: var(--secondarycolor);border: 0 none;}

body{font-size: 14px;color:var(--primarycolor);font-family: 'Montserrat', sans-serif;font-weight: 400;}
.no-scroll{overflow: hidden;width: 100%;height: 100%;}
.sticky-content{min-height: calc(100vh - 243px);}

/* Style for left Section */
.wrapper{padding: 0 20px 0 72px;}
input::-webkit-input-placeholder {color: rgba(78,85,91,0.4);}
input::-ms-input-placeholder{color: rgba(78,85,91,0.4);}
input:-ms-input-placeholder{color: rgba(78,85,91,0.4);}
input::-moz-placeholder{color: rgba(78,85,91,0.4);}
input:-moz-placeholder{color: rgba(78,85,91,0.4);}
input::placeholder{color: rgba(78,85,91,0.4);}

.gform_wrapper.gravity-theme .gfield_error label, .gform_wrapper.gravity-theme .gfield_error legend{color:#ffffff!important;}
.download-now-button{background: var(--secondarycolor);color: #fff;border: 0;padding: 10px;border-radius: 5px;margin-top: 20px;font-weight: bold;font-size:18px;}
.gallery-button{background:var(--secondarycolor);color: #fff;border: 0;padding: 10px 20px;border-radius: 5px;font-weight: bold;font-size: 22px;}
.section-heading{font-size: 32px;font-weight: 500;line-height: 1.3;color: var(--ternarycolor);margin-bottom: 30px;text-transform: uppercase;}

.ccd-header-logo{position: absolute;z-index:10; top:50;width:100%;height: auto;padding: 0 15px;display: flex;justify-content: center;align-items: center;flex-direction: column;}
.ccd-header-logo h1{ color: #fff; text-align: center;margin-top: 15px;}
.ccd-header-logo a img{max-width: 200px;}
.multi-level-list{position: relative;background: rgb(239,227,211);
background: linear-gradient(180deg, rgba(239,227,211,1) 0%, rgba(251,239,223,1) 51%, rgba(225,209,186,1) 100%);padding: 30px 130px;}
.multi-level-list ul{display: flex;justify-content: flex-start;flex-flow: row wrap;margin: 0 -15px;}
.multi-level-list ul li{flex: 1 1 33.33%;padding: 0 15px;display: flex;justify-content: center;}
.multi-level-list ul li .multi-level-item{display: flex;justify-content: space-between;align-items: center;max-width: 250px;width: 100%;}
.multi-level-list ul li .multi-level-item .mlt-icon{width: 56px;flex-shrink: 0;margin-right: auto;}
.multi-level-list ul li .multi-level-item .mlt-icon img{max-width: 100%;width: auto;height: auto;display: block;}
.multi-level-list ul li .multi-level-item .multi-level-text{width: calc(100% - 72px);margin-left: auto;}
.multi-level-list ul li .multi-level-item .multi-level-text span{display: block;font-size: 16px;}
.multi-level-list ul li .multi-level-item .multi-level-text h3{font-size: 16px;font-weight: 600;color:#113743;}

.ccd-hero-banner-sec figure img{height: 100vh;width: 100%;}
.ccd-hero-banner-sec .desktop-banner{min-height: 600px;}
.ccd-hero-banner-sec .mobile-banner{display: none;}
.ccd-overview-section{position: relative;padding: 30px 0 30px 0;background: #113743;color: #fff;}
.ccd-overview-wrap{display: flex;justify-content: space-between;align-items: center;}
.ccd-overview-left{width: calc(100% - 320px);margin-right: auto;}
.ccd-overview-right{width: 284px;margin-left: auto;}
.ccd-overview-content{padding: 0 15px 0 0;}
.ccd-overview-content p{font-size: 14px;margin-bottom: 0;}
.ccd-overview-content h3{font-size: 20px; margin-bottom: 20px;}

.mb-call-us-top{text-align:center;}
.mb-call-us-top .call-icon{margin-right: 12px;}

.callus-text-button{
    width: 100%;
    text-align: center;
    justify-content: center;
    display: flex;
    align-items: center;
    border: 1px solid;
    border-radius: 5px;
    padding: 5px 0;
}
.mb-call-us-top{
    display: flex;
    width: 100%;
}

.gchoice{
	display: flex;
	align-items: baseline;
} 
#choice_1_8_1, #choice_5_8_1{
	margin-right: 5px;
}
#label_1_8_1, #label_5_8_1{
	font-size: 12px;
	position: relative;
    top: -3px;
	color:#fff;
}
#label_1_8_1 a, #label_5_8_1 a{
    cursor: revert;
    pointer-events: visible !important;
}
#input_1_8 .gfield-choice-input, #label_1_8_1 , #input_5_8 .gfield-choice-input, #label_5_8_1 {
    pointer-events: none;
}
#label_1_8_1,#label_5_8_1{
	font-size: 12px;
	position: relative;
    top: -3px;
	color:#fff;
}
#choice_1_8_1, #choice_5_8_1{
    width: 12px!important;
}

.ccd-overview-price-card{position: relative;background: rgb(192,137,46);background: linear-gradient(90deg, rgba(192,137,46,1) 0%, rgba(247,193,87,1) 50%, rgba(164,108,41,1) 100%);border-radius: 4px;padding: 30px 35px;}
.ccd-overview-price-card span{color: var(--whitecolor);}
.ccd-overview-price-card .bh-type{font-size: 16px;font-weight: 600;display: block;margin-bottom: 5px;}
.ccd-overview-price-card .bh-price{margin-bottom: 10px;justify-content: flex-start;}
.ccd-overview-price-card .bh-price span{display: block;line-height: 1;}
.ccd-overview-price-card .bh-price span:first-child{font-size: 64px;}
.ccd-overview-price-card .bh-price span:last-child{font-size: 14px;align-self: flex-end;margin:0 0 6px 6px;}
.ccd-overview-price-card .str-text{display: block;font-size: 18px;text-transform: capitalize;margin-bottom: 20px;}
.dwd-brochure{padding-top: 24px;border-top: 1px solid var(--whitecolor);}
.dwd-brochure .dwd-brochure-btn, .dwd-brochure .broch-list-title{cursor: pointer;display:block;font-size: 14px;font-weight: 600;color: var(--ternarycolor);padding: 15px 20px 15px 34px;border-radius: 4px;background:var(--whitecolor) url('https://casagrandsuncity.com/wp-content/uploads/2024/03/Pdf_icon.png') no-repeat 12px center;background-size: 14px;transition: all 0.30s ease-in-out;-webkit-transition: all 0.30s ease-in-out;-moz-transition: all 0.30s ease-in-out;}.broch-list ul{padding: 0; background: #fff;}
/*.dwd-brochure .dwd-brochure-btn:hover, .dwd-brochure .broch-list-title:hover{background-color: var(--primarycolor);color: var(--whitecolor);background-image: url('assets/img/wh_Pdf_icon.png');}*/
.phase_table_wrap_mobile {width: 100%;text-align: center;}
.phase_table_mobile_row {position: relative;border: 1px solid var(--ternarycolor);padding: 0 12px;margin-bottom: 25px;font-size: 14px;}
.ptm_row {position: relative;overflow: hidden;border-bottom: 1px solid var(--ternarycolor);}
.ptm_row .ptm_col {float: left;width: 50%;text-align: left;padding: 15px 0;line-height: 20px;font-size: 14px;}
.ptm_row .ptm_col.ptm_col_heading {font-weight: 600;text-transform: uppercase;color: var(--ternarycolor);padding-right: 8px;}
.phase_table_mobile_row .ptm_row:last-child{border-bottom: 0 none;}
.m-group-note {margin-bottom: 30px;}
.m-group-title {font-size: 16px;font-weight: 600;margin-bottom: 10px;}
.phase_table_wrap_mobile .m-group-note:last-child{margin-bottom: 0;}
.dwd-brochure .broch-list-title{padding-right: 30px;position: relative;}
.dwd-brochure .broch-list-title:after{content: '';position: absolute;right: 10px;top: 18px;width: 14px;height: 14px;background-repeat: no-repeat;background-position: center;background-size: contain;background-image: url(https://casagrandsuncity.com/wp-content/themes/cg-suncity/img/down-arrow-blue.svg);transform: rotate(0deg);transition: all 0.30s ease-in-out;-webkit-transition: all 0.30s ease-in-out;-moz-transition: all 0.30s ease-in-out;}
.dwd-brochure .broch-list-title.active:after{transform: rotate(180deg);}
.broch-list {position: relative;z-index: 10;}
.broch-list ul {position: absolute;left: 0;top: 100%;width: 100%;margin-top: -3px;box-shadow: 0 3px 5px rgba(0,0,0,0.1);display: none;}
.broch-list ul li {clear: both;border-top: 1px solid var(--ternarycolor);}
.broch-list ul li a {display: block;background-color: #ffffff; color:#000;font-size: 14px;padding: 10px 20px 10px 34px;}

.amanities-tab-sec{position: relative;padding:0 0 30px 0;}
.amanities-tab-header{display: flex;justify-content: flex-start;align-items: center;margin:30px 0;}
.amanities-tab-header li{width: calc(100% / 7);}
.amanities-tab-header li:not(:last-child){margin-right:32px;}
.amanities-tab-header li a{position: relative;display: block;color:#4A4848;font-size: 20px;font-weight: 600;transition: all 0.30s ease-in-out;-webkit-transition: all 0.30s ease-in-out;-moz-transition: all 0.30s ease-in-out;}
.amanities-tab-header li a:hover, .amanities-tab-header li a.active{color: #ffffff;}
.amanities-tab-header li a:hover:before, .amanities-tab-header li a.active:before{width: 100%;}
.wlk-item a{display: block;position: relative;}
.wlk-item .play-icon{position: absolute;left: 47%;top: 44%;width: 80px;height: 80px;background-image: url(http://casagrandavenuepark.com/wp-content/uploads/2024/07/Icon_play.png);background-size: cover;}
.amanities-tab-panel{display: none;}
.amanities-block{position: relative;background-repeat: no-repeat;height: 600px;border-radius: 10px;background-size:cover;background-position: 50% 50%;}
.amanities-content{width: 80%;margin: 0 auto;text-align: center;display: block;bottom: 20px;position: absolute;left: 10%;}
.amanities-content ul {display: flex;flex-flow: column wrap;height: 150px;background: rgba(255, 255, 255, 0.75);border-radius: 10px;justify-content: center;align-items: center;width: 100%;color: #000;font-weight: 500;}
.amanities-content ul li {font-size: 14px;padding: 9px 0;font-weight: bold;}
.amanities-figures .col-6:first-child figure{height: 100%;}
.amanities-figures img{height: 100%;object-fit: cover;}
.amanities-figures .col-6:last-child figure:not(:last-child){margin-bottom: 30px;}
.arrow_1{position: absolute;right: 0;top: 50%;transform: translateY(-50%);width: 75px;}
.sq-prvarrow{width: 48px;height: 48px;border: 1px solid var(--secondarycolor);background-color: var(--whitecolor);float: left;margin-bottom: 16px;cursor: pointer;background-position: center;background-repeat: no-repeat;background-image: url(https://casagrandsuncity.com/wp-content/uploads/2024/03/arrow-prev.png)}
.sq-nxtarrow{width: 48px;height: 48px;border: 1px solid var(--secondarycolor);background-color: var(--whitecolor);float: right;cursor: pointer;background-position: center;background-repeat: no-repeat;background-image: url(https://casagrandsuncity.com/wp-content/uploads/2024/03/arrow-next.png)}

.slnt-features-sec{position: relative; background: #fff;color:var(--primarycolor); padding:0;background-color: transparent;}
.slnt-features-sec ul{display: flex;justify-content:space-between;flex-flow: row wrap;}
.slnt-features-sec ul li{width: 48%;position: relative;margin-bottom: 24px;padding-left: 18px; color:#fff;}
.slnt-features-sec ul li:before{position: absolute;content: '';left: 0;top: 3px;width: 14px;height: 14px;background-image: url('/wp-content/themes/cg-suncity/img/hexagon.svg');}
.slnt-features-sec ul li:nth-child(odd){margin-right: auto;}
.slnt-features-sec ul li:nth-child(even){margin-left: auto;}


.prop-details{
    display: flex;
    justify-content: space-between;
    padding: 20px 30px 30px 0;
    text-align:right;
}
.prop-details img{
    width: 25px;
    height: 23px;
    margin-right: 10px;
}

.mySwiper3{
    max-height: 400px;
}
.mySwiper3 .overlay-swiper, .mySwiper3 .swiper-slide img, .mySwiper3 .swiper-slide{border-radius:10px;}

.location-fluid{padding: 30px 0;}
.loc-adv-sec{position: relative;}
.loc-adv-wrap .col-4{margin-bottom: 30px;}
.loc-adv-item{display: flex;justify-content: center;flex-flow: row wrap;border-radius: 4px;padding: 20px 0px;height: 100%;border: 1.5px solid #fff;min-width: 150px;}
.loc-adv-item .loc-adv-icon{width: 48px;margin:0 auto;}
.loc-adv-item .loc-adv-content{width: 100%;margin:0 auto;text-align: center;font-weight: 600;}
.loc-adv-item .loc-adv-content span{font-size: 20px;margin-top: 35px;line-height: 1.2;display: block;text-transform: uppercase;color:#fff;}
.loc-adv-item .loc-adv-content span b{font-size: 20px;font-weight: 400;}
.loc-adv-item .loc-adv-content p{font-size: 12px; color:#fff;margin: 0;text-transform: uppercase;}

.loc-tab-sec .loc-address h2,.qr-box .qr-box-single h2{color: #ef3935;font-weight: 600;font-size: 25px;text-transform: uppercase;}
.loc-tab-sec .loc-address address{text-transform: uppercase; font-weight: 500;line-height: 1.75em;}
.loc-address{margin: 30px 0;}


.qr-code-sec{padding:50px 0 30px 0px;}
.qr-box{text-align: center;justify-content: space-around;align-items: center;}
.qr-box .qr-box-single img{width: 100px;}
.qr-box .qr-box-single p{font-size:18px;}
.qr-box-single{border: 2px solid #dedede;padding: 60px 50px 20px 50px;border-radius: 30px;position: relative;box-shadow: 1px 1px 10px #9a9a9a;}
.qr-box-single img{position: absolute;top: -34%;left: 34%;border: 10px solid #fff;}

.ccd-config-sec{position: relative;padding: 30px 0;}
.ccd-config-top{display: flex;justify-content: flex-start;align-items: center;flex-flow: row wrap;margin-bottom: 30px;}
.ccd-config-top span{display: block;font-size: 20px;font-weight: 600;}
.ccd-config-top del{color: rgba(255, 255, 255, 0.4);font-size: 20px;font-weight: 600;margin-right: 24px;}
.ccd-config-top .text-1{color: var(--secondarycolor );margin-right: 24px;}
.ccd-config-top .text-2{color: var(--ternarycolor)}
.ccd-config-tabel table{width: 100%;border-collapse: collapse;}
.ccd-config-tabel table thead{background-color: var(--ternarycolor);}
.ccd-config-tabel table thead th{color: var(--whitecolor);font-size: 14px;font-weight: 600;padding: 14px 5px;text-align: center;}
.ccd-config-tabel table td{color: #fff;font-size: 14px;padding: 14px 5px; text-align: center;}
.ccd-config-tabel table td b{font-weight: 600;color: var(--secondarycolor);}
.ccd-config-tabel table tbody tr{border-bottom: 1px solid #ffffff78;}
.ccd-config-tabel table tbody tr.tr-main-head, .ccd-config-tabel table tbody tr.tr-sm-text{border-bottom: 0 none;}
.ccd-config-tabel table .tr-main-head{background-color: #F3FAFF;font-size: 14px;font-weight: 600;text-transform: uppercase;}
.ccd-config-tabel table .tr-sm-text{font-size: 10px;color: #4E555B;text-align: center;}

.footer-call-sec{position: relative;padding: 30px 0;}
.footer-call-wrap{display: flex;justify-content: space-between;align-items: center;}
.footer-call-wrap .footer-logo{height: 113px;margin-right: auto;}
.footer-call-wrap .footer-call-right{margin-left: auto;}
.footer-call-box{position: relative;display: flex;justify-content: flex-start;align-items: center;flex-shrink: 0;}
.footer-call-box .call-icon{width: 40px;height: 45px;flex-shrink: 0;margin-right: 16px;}
.footer-call-box .callus-text{width: 100%;margin:0 auto;text-align: center;font-weight: 600;}
.footer-call-box .callus-text span{display: block;font-size: 17px;color: #ef3935;}
.footer-call-box .callus-text a{font-size: 25px;color: #ef3935;}
.footer-call-box .callus-text img{width:20px;}
.footer-copyright-sec{background-color:#FF8B8B;padding: 10px 0;}
.footer-copyright-wrap p{font-size: 14px;color: #ef3935;text-align: center;padding: 0;margin: 0;}

/* Style for Right Section */
.bg-form{background-color: var(--ternarycolor);border-radius: 10px;}
.call-us-top{position: relative;padding: 15px 0px;display: flex;justify-content: space-between;align-items: center;}
.call-us-top .call-icon{width: 48px;height: 48px;flex-shrink: 0;margin-right: auto;}
.call-us-top .callus-text{margin:0 auto;}
.call-us-top .callus-text span{display: block;font-size: 16px;color: var(--whitecolor);}
.call-us-top .callus-text a{font-size: 20px;color: var(--whitecolor);line-height: 1.4;}

.enquirenow-form{width:80%; margin:0 auto;}
.mb-enquirenow-form h2{font-size: 20px;color: var(--whitecolor);font-weight: 600;margin-bottom: 20px;line-height: 1.2;text-align: center;}
.enquirenow-form-block h2{font-size: 20px;color: var(--whitecolor);font-weight: 600;margin-bottom: 10px;line-height: 1.2;text-align: center;}
.enq-form-group{position: relative;margin-bottom: 10px;}
.enq-form-group label{font-size: 12px;margin-bottom: 4px;color: var(--whitecolor);font-weight: 700;display: block;}
.enq-input{position: relative;width: 100%;font-size: 12px;padding: 14px 16px;border-radius: 4px;background-color: var(--whitecolor);}
.enq-form-group-btn{margin-top: 20px;}
.enq-sub-btn{width: 100%;font-size: 16px;color: var(--whitecolor);text-transform: capitalize;padding: 12px 20px;border-radius: 4px;background-color: var(--ternarycolor);cursor: pointer;transition: all 0.30s ease-in-out;-webkit-transition: all 0.30s ease-in-out;-moz-transition: all 0.30s ease-in-out;background-repeat: no-repeat;background-position: center;}
.enq-sub-btn:hover, .booknow-btn:hover{background-color: var(--primarycolor);color: var(--whitecolor);}



/* Mobile style for some elements */
.ccd-mb-header{position: fixed;left: 0;top: 0;width: 100%;z-index: 100;color:#ef3935; background-color: #FFEBEA;padding: 5px 15px;display: none;justify-content: space-between;align-items: center;}

.ccd-mb-footer{
    position: fixed;
    bottom: 0;
    left: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    background-color: #FFEBEA;
    z-index: 55;
    color: #ef3935;
    display: none;
    padding: 0;
    font-weight: bold;
}
.ccd-mb-header .mb-dwd-brochure, .ccd-mb-header .broch-list-title{display: block; font-size: 12px;font-weight: 600;background-color: var(--ternarycolor);padding: 8px 8px 8px 32px;border-radius: 4px;color: var(--whitecolor);background-repeat: no-repeat;background-position: 8px center;background-image: url(https://casagrandsuncity.com/wp-content/uploads/2024/03/download.png);background-size: 16px auto;}
.ccd-mb-header .call-icon{width: 24px;height: 24px;}
.ccd-mb-header .callus-text span{font-size: 10px;}
.ccd-mb-header .callus-text a{font-size: 14px;font-weight: 600;}
.ccd-mb-header .broch-list ul li a{padding: 8px 12px 8px 32px;font-size: 13px;}
.ccd-mb-header .broch-list-title{position: relative;padding-right: 25px;}
.ccd-mb-header .broch-list-title:after{content: '';position: absolute;right: 6px;top: 10px;width: 12px;height: 12px;background-repeat: no-repeat;background-position: center;background-size: contain;background-image: url(https://casagrandsuncity.com/wp-content/themes/cg-suncity/img/down-arrow-white.svg);transform: rotate(0deg);transition: all 0.30s ease-in-out;-webkit-transition: all 0.30s ease-in-out;-moz-transition: all 0.30s ease-in-out;}
.ccd-mb-header .broch-list-title.active:after{transform: rotate(180deg);}
.yt-tab-header, .floorplan-tab-header{border: 0;}
.mb-over-apt-block, .mb-booknow-block{display: none;}
.mb-booknow-block{overflow: hidden;}
.mb-over-apt-top{position: relative;background:#113743;padding: 16px 70px;display: flex;justify-content: space-between;align-items: center;}
.mb-over-apt-top span{display: block;font-size: 16px;font-weight: 600;margin-bottom: 5px;color: var(--whitecolor);}
.mb-booknowbtn{text-align: center;}
.mb-booknowbtn span{color: var(--whitecolor);}
.mb-over-apt-top .bh-price{margin-right: 10px;}
.mb-over-apt-top .bh-price span{display: block;line-height: 1;}
.mb-over-apt-top .bh-price span:first-child{font-size: 48px;}
.mb-over-apt-top .bh-price span:last-child{font-size: 16px;align-self: flex-end;margin:0 0 10px 6px;}
.mbcallus-btns{position: fixed;left:0;bottom:0;width: 100%;display:flex;justify-content: space-between;flex-flow: row wrap;text-align: center;z-index: 800;}
.mbcallus-btns a{width: 50%;font-size: 20px;font-weight: 600;padding: 14px 10px;color: var(--whitecolor);}
.mbcallus-btns .mbenq-btn{background-color: var(--ternarycolor);}
.mbcallus-btns .mbcallus-btn{background-color:#113743;}

.mb-enquirenow-form{display: none;background-color: var(--secondarycolor);padding: 30px;}
.mb-enquirenow-form h2{font-size: 24px;}

.ovr-enquirenow-popup{position: fixed;left: 0;width: 100%;bottom: -100%;background-color:var(--ternarycolor);padding: 30px 0;z-index: 999;transition: bottom 0.3s ease-in-out;}
.ovr-close-btn, .book-close-btn{cursor: pointer; position: absolute;right: 12px;top: 12px;width: 24px;height: 24px;border-radius: 50%;background-repeat: no-repeat;background-position: center;background-size: contain;background-image: url(https://casagrandsuncity.com/wp-content/uploads/2024/03/close-icon-2.png);}
.ovr-enquirenow-popup.active{bottom: 0;}
.book-enquirenow-popup{position: fixed;left: 50%;width: 400px;max-width: 90%;max-height: 90vh; top: 50%;background-color:var(--ternarycolor);padding: 40px 0;z-index: 999;transform: translate(-50%, -50%);display: none;}
.ovr-enquirenow-form{padding: 15px 40px;max-height: calc(90vh - 90px);overflow-y: auto;}
.popup-overlay{position: fixed;left: 0;top: 0;width: 100%;height: 100vh;background-color: rgba(0, 0, 0, 0.75);z-index: 900;display: none;}

/* Validation style */
.wpcf7-spinner{display: none !important;}
.wpcf7 form.invalid .wpcf7-response-output{display: none;}
body .wpcf7-not-valid-tip {color: #f75353;font-size: 13px;font-weight: normal;display: block;margin-top: 5px;line-height: 16px;text-align: left;position: absolute;right: 0;bottom: calc(100% + 4px);background-color: #ffffff;padding: 5px 10px;margin-bottom: 2px;border-radius: 4px;font-size: 11px;}
body .wpcf7-not-valid-tip:after{content: '';position: absolute;bottom: -4px;right: 10px;width: 0;height: 0;border-style: solid;border-width: 6px 6px 0 6px;border-color: #ffffff transparent transparent transparent;}
form .ques-btn{background-position: center;}
form.submitting .enq-sub-btn{color: transparent;background-image: url(https://casagrandsuncity.com/wp-content/uploads/2024/03/loading.gif);background-color: var(--ternarycolor) !important}
.wpcf7 form.sent .wpcf7-response-output {color: #3c763d;background-color: #dff0d8;font-size: 13px;padding: 15px 10px;text-align: center;border-color: #d6e9c6;margin: 30px 0 0;border-width: 1px !important;}
.wpcf7 form.failed .wpcf7-response-output {color: #a94442;background-color: #f2dede;font-size: 13px;padding: 15px 10px;text-align: center;border-color: #ebccd1;margin: 30px 0 0;border-width: 1px !important;}
.wpcf7-form-control-wrap{display: block;}
.inputwrap{position: relative;}
body .intl-tel-input ul.country-list{left: 0;max-width: 310px;overflow-x: hidden;}

/* Style for 404 */
.wrap-404 {position: relative;padding: 180px 20px 150px;text-align: center;background-color: #ffffff;}
.wrap-404-inner{position: relative;}
.nf404-title-1 {display: block;font-size: 95px;color: #ef3935;font-weight: 400;line-height: 1;margin:0 0 20px 0;font-family: 'Montserrat', sans-serif;letter-spacing: 1px;}
.nf404-title-2 {display: block;font-size: 24px;line-height: 1.5;color:#ef3935;font-weight: 600;margin:0 0 40px 0;}
.wrap-404-inner p{font-size: 18px;color: rgba(0, 0, 0, 0.5);margin-bottom: 35px;}
.wrap-404 a.primary-btn{font-size: 18px;padding: 10px 35px;line-height: 32px;font-weight: 600;color: #000000;}
.wrap-404 a.primary-btn:hover{text-decoration: underline;}
.imgbox-404{margin:0 0 40px 0;text-align: center;}
.imgbox-404 img{width: 100px;height: auto;}

.page-container{position: relative;padding: 80px 0 40px 0;}
.page-container h1{color: var(--ternarycolor);font-size: 36px;line-height: 1.2;margin-bottom: 20px;}
.page-container h2{color: var(--ternarycolor);font-size: 30px;line-height: 1.2;margin-bottom: 15px;padding-top: 10px;}
.page-container h3{color: var(--ternarycolor);font-size: 26px;line-height: 1.2;margin-bottom: 15px;padding-top: 10px;}
.page-container h4{color: var(--ternarycolor);font-size: 22px;line-height: 1.2;margin-bottom: 15px;padding-top: 10px;}
.page-container h5{color: var(--ternarycolor);font-size: 18px;line-height: 1.2;margin-bottom: 15px;padding-top: 10px;}
.page-container h6{color: var(--ternarycolor);font-size: 16px;line-height: 1.2;margin-bottom: 15px;padding-top: 10px;}
.page-container p{font-size: 16px;line-height: 1.6;margin-bottom: 20px;}
.page-container ul{list-style-type: disc;margin-bottom: 20px;margin-left: 20px;}
.page-container ol{margin-bottom: 20px;margin-left: 20px;}
.page-container li{line-height: 1.6;margin-bottom: 5px;}

.back-home-cta{display: inline-block;vertical-align: top;font-size: 14px;font-weight: 600;padding: 15px 15px 15px 40px;color: var(--whitecolor);background:var(--ternarycolor);background-repeat: no-repeat;background-position: 10px center;background-image: url(https://casagrandsuncity.com/wp-content/themes/cg-suncity/img/home-icon.svg);background-size: 24px auto;}
.fancybox-slide--video .fancybox-content{max-width: 800px !important;max-height: 450px;}
.fancybox-slide--video .fancybox-content iframe{max-height: 450px;}

.cs-wrap-main{display: flex;justify-content:center;align-items:center;width:100%;height:100vh;}
.cs-wrap-main-inner{position: relative;}
.cs-wrap-main h1{font-size: 45px;color: #000000;}

.ccd-full-section {width: 100%;padding-top: 100px;}

.nav-tabs .nav-link, .nav-tabs .nav-link:hover{border: 0;border-radius: 0px;text-align: center;}
.nav-link{background-color:#FFEBEA; color:#4A4848;padding: 10px 20px; text-transform: uppercase;}
.nav-link:hover{background-color: var(--secondarycolor); color:#fff;}
/*.amanities-tab{max-height: 800px; height: 100%;}*/
.amanities-tab-header {border: 0;}
.nav-tabs .nav-link.active {background-color: var(--secondarycolor); color:#fff; border-radius: 0;}
.gform_wrapper.gravity-theme .gfield_required{display: none!important;}
.gform_wrapper.gravity-theme .gfield input{position: relative;width: 100%!important;font-size: 12px!important;padding: 10px!important;border-radius: 4px;background-color: var(--whitecolor);}
#input_1_4, #input_2_4, #input_4_4, #input_3_4, #input_5_4, #input_5_4{padding-left: 88px!important;}
#input_1_4::placeholder, #input_2_4::placeholder ,#input_4_4::placeholder,#input_5_4::placeholder {
        color: transparent;
      }
 #gform_submit_button_1, #gform_submit_button_5{
 	background: #fff!important;
    color:var(--ternarycolor);
 }
#gform_submit_button_1 , #gform_submit_button_2 ,#gform_submit_button_3, #gform_submit_button_4, #gform_submit_button_5  {
    width: 100%;
    font-size: 16px;
    color: var(--ternarycolor);
    text-transform: uppercase;
    font-weight: bold;
    padding: 10px 20px;
    border-radius: 4px;
    background-color: #fff;
    cursor: pointer;
    transition: all 0.30s ease-in-out;
    -webkit-transition: all 0.30s ease-in-out;
    -moz-transition: all 0.30s ease-in-out;
    background-repeat: no-repeat;
    background-position: center;
}
#gform_submit_button_1:hover, #gform_submit_button_2:hover, #gform_submit_button_4:hover, #gform_submit_button_5:hover, #gform_submit_button_3:hover;{background-color: var(--primarycolor);}
span.spf-phone.valid-msg{
	color: #fff!important;
}
#gform_confirmation_message_1, #gform_confirmation_message_2, #gform_confirmation_message_4, #gform_confirmation_message_3, #gform_confirmation_message_5{
    color: #fff;
    font-size: 16px;
    text-align: center;
}
.gform_wrapper.gravity-theme .gfield_label {
	font-size: 12px!important;
	color: #fff;
}
#gform_1_validation_container, #gform_2_validation_container,  #gform_4_validation_container, #gform_3_validation_container,#gform_5_validation_container{
	display: none!important;
}
figure {
    margin: 0!important;
}
.gfield_description.validation_message.gfield_validation_message{
	font-size: 10px!important;
}
tr.tr-main-head td
{
	padding: 0px;
}
.ccd-map-sec iframe
{
	width: 100% !important;
}
@media screen and (max-width: 1280px){
.multi-level-list{padding: 30px 15px;}
.wrapper{padding: 0 20px;}
.slnt-features-sec{padding: 0px 15px;}
.mb-over-apt-top{padding: 16px 25px;}
}
@media screen and (max-width: 1200px){
.loc-adv-wrap .col-4{width: 50%;}
.amanities-tab-header li{width:unset;}
.amanities-tab-header{justify-content: center;}
.qr-box{flex-flow: row wrap;}
}
@media screen and (max-width: 1024px){
.ccd-hero-banner-sec{margin-top: 60px;}
.ccd-hero-banner-sec figure .desktop-banner{object-fit: cover;}
.ccd-hero-banner-sec figure img{min-height: 500px;}
.multi-level-list ul li .multi-level-item{flex-direction: column;text-align: center;}
.multi-level-list ul li .multi-level-item .mlt-icon{margin: 0 auto 8px;}
.multi-level-list ul li .multi-level-item .multi-level-text{width: 100%;margin: 0;}
.ccd-overview-left, .ccd-overview-right{width: 48%;}
.loc-adv-item{padding: 16px;margin: 20px;}
.ccd-config-tabel{overflow-x: auto;}
.ccd-config-tabel table{width: 1000px;}
.wlk-item .play-icon{width: 44px;height: 44px;}
.wlk-item .play-icon:before {left: 19px;top: 14px;border-width: 8px 0 8px 14px;}
.loc-adv-wrap .col-4{width: 33.33%;}
.ccd-header-logo{top: 50px;padding: 0 12px;}
.footer-copyright-sec{margin-bottom: 0px;}
.multi-level-list::-webkit-scrollbar, .ccd-config-tabel::-webkit-scrollbar {height: 5px;}
.multi-level-list::-webkit-scrollbar-track, .ccd-config-tabel::-webkit-scrollbar-track{background-color: #f5f5f5;}
.mb-booknow-block{margin: 0 20px;}
.ccd-config-top del, .ccd-config-top span{font-size: 16px}
.ovr-enquirenow-form .gform-body.gform_body,.ovr-enquirenow-form #gform_submit_button_5{max-width: 350px;margin: 0 auto;}
.enquirenow-form-block h2{font-size:15px;}
.amanities-tab-sec {padding: 0 0 30px 0;}
.amanities-tab-header li:not(:last-child) {margin-right: 10px;}
.nav-tabs .nav-link, .nav-tabs .nav-link:hover{font-size: 12px;}
.amanities-tab-header{justify-content: center;}
.amanities-content{bottom: 30px;width: 100%;margin: 0 auto;text-align: center;display: block;bottom: 30px;position: absolute;left: 0;}
.amanities-content ul{height: 120px;width: 90%;margin: 0 auto;padding: 0;}
.amanities-content ul li{font-size: 10px;padding: 5px 0;font-weight: bold;}
.amanities-block{height: 400px;}
.lc-row {display: flex;justify-content: center;flex-flow: row wrap;}
.qr-box-single{margin: 50px 0;}
}

@media screen and (max-width:1023px){
    .ccd-right-section, .ccd-overview-price-card{display: none;}
    .ccd-left-section{width: 100%;margin: 0;padding-top: 51px;}
    .mb-over-apt-block, .mb-enquirenow-form, .mb-booknow-block{display: block;}
    .big-div{width:60%;} .small-div{width:40%;padding:0 15px;}
}
@media screen and (max-width: 767px){
    .small-big-div{display: flex; flex-direction: column;}
.big-div{width:100%;} .small-div{width:100%;padding:0 15px;}
.banner-text-gold{font-size:45px;}
.ccd-mb-header{display: flex;box-shadow: 0 0 5px rgba(0,0,0,0.1);}
.ccd-mb-footer{display: flex;}

.ccd-overview-wrap, .slnt-features-sec ul{flex-direction: column;}
.ccd-overview-left{width: 100%;margin: 0 0 0px 0;}
.ccd-overview-right{width: 100%;margin: 0;}
.slnt-features-sec ul li{width: 100%;}
.slnt-features-sec ul li, .slnt-features-sec ul li:nth-child(odd){margin: 0 0 16px 0;}
.loc-adv-wrap .lc-row{margin: 0 -10px;}
.loc-adv-wrap .col-4{width: 50%;}
.loc-adv-item{flex-direction: column;justify-content: flex-start;}
.loc-adv-item .loc-adv-icon{margin-bottom: 8px;}
.loc-adv-item .loc-adv-content{width: 100%;margin: 0;}
.amanities-tab-header li a{font-size: 16px;}
.footer-call-box .callus-text span{font-size: 10px;}
.footer-call-box .callus-text a{font-size: 14px;font-weight: 600;}
.footer-call-wrap .footer-logo{width: 88px;height: 100%;}
.footer-call-box .call-icon {width: 24px;height: 25px;}
.mb-over-apt-top{text-align: center;}
.mb-over-apt-top-inner {/*margin: 0 auto;*/width: auto;display: inline-block;vertical-align: top;text-align: left;}
.bg-form{max-width: 320px;margin: 30px auto 0 auto;}
.download-now-button{font-size:15px;margin-bottom: 30px;}
.section-heading{font-size:30px;}
.mySwiper3{height:200px;}
.amanities-tab-header{margin:10px 0 20px 0;justify-content: center;}
.amanities-tab-header li{width:unset;margin:10px!important;}
.amanities-tab-header li a{font-size:15px;}
.amanities-tab-header li:not(:last-child){margin:0;}
.nav-tabs .nav-link, .nav-tabs .nav-link:hover{font-size:12px;}
.yt-tab-header, .floorplan-tab-header{display: flex;justify-content: center;flex-flow: row wrap;}
.yt-tab-header li, .floorplan-tab-header li{width:unset;}
.yt-tab-header li a, .floorplan-tab-header li a{margin: 10px;}
.yt-tab-sec .yt-thumb-img {
    height: 250px;
    object-fit: cover;
    border-radius: 10px;
    margin: 20px 0;
}
.loc-adv-item .loc-adv-content span{margin-top: 5px;}
.amanities-tab-header li{width:29%;}
}
@media screen and (max-width: 599px){
.container-spacing{margin:15px auto!important;}
.banner-text-gold{font-size:35px;}
.multi-level-list{overflow-x: auto;}
.multi-level-list ul{width: 500px;margin: 0 auto;}
.amanities-block{padding: 0;}
.arrow_1 {right: auto;top: auto;transform: none;width: 100%;float: right; z-index: 8; display: flex;
    justify-content: space-between;
    margin-top: 12px;}
.amanities-figures .lc-row{flex-direction: column;}
.amanities-figures .col-6{width: 100%;}
.amanities-figures .col-6 figure, .amanities-figures .col-6:last-child figure:not(:last-child){margin-bottom: 10px;}
.amanities-figures .col-6:last-child{display: flex;justify-content: space-between;flex-flow: row wrap;}
.amanities-figures .col-6:last-child figure{width: 49%;}
.amanities-figures .col-6:last-child figure:nth-child(odd){margin-right: auto;}
.amanities-figures .col-6:last-child figure:nth-child(even){margin-left: auto;}
.ccd-config-top del, .ccd-config-top .text-1{margin-bottom: 8px;}
.section-heading , .loc-address h2{font-size: 24px;text-align: center;margin-bottom: 15px;}
.ccd-overview-content, .slnt-features-sec p{text-align: center;}
.ccd-config-top{justify-content: center;}
.gallery-button{font-size: 14px;}
.nf404-title-1{font-size: 55px;color:#ef3935;}
.nf404-title-2{font-size: 18px;color:#ef3935;}
/*.multi-level-list ul li:nth-child(2){display: none;}*/
.multi-level-list ul{max-width: 100%;display: flex;
    flex-direction: column;
    margin: 0px auto;
    padding: 0;}
    .multi-level-list ul li {padding: 20px 0;}
.ccd-mb-header .callus-text span img{width: 15px;height: 15px;}
.ccd-mb-header .callus-text a{font-size: 16px;}
.ccd-mb-header .call-icon{width: 20px;height: 20px;margin-right: 6px;}
.ccd-mb-header .mb-dwd-brochure, .ccd-mb-header .broch-list-title{font-size: 11px;}
/*.amanities-tab { max-height: 930px;height: 100%;}*/
.slnt-features-sec ul {display: unset;}
.gform_wrapper.gravity-theme .gfield input{
	padding:7px 16px!important;
}
.gform_wrapper.gravity-theme .gform_fields{
	grid-row-gap:0;
}
.ccd-hero-banner-sec figure img{
	min-height: 400px;
    height: 500px;
    object-fit: cover;
	}
    .mySwiper2 .swiper-slide img{
        height: 450px;
    }
    .mySwiper{
        height: 150px;
    }
    .mySwiper .swiper-slide img {
        height: 100px;
    }
    .ccd-header-logo a img{
        max-width: 150px;
    }
    .ccd-header-logo h1{
        font-size:20px;
    }
    .footer-call-sec{padding: 0px 0 30px 0;}
    .qr-code-sec {padding: 0;}
    .qr-box-single{padding: 50px 40px 20px 50px;margin:40px 0;}
    .qr-box-single h2 {font-size: 20px!important;}
    .qr-box .qr-box-single p {font-size: 16px;}
    .footer-copyright-wrap p{font-size: 12px;}
    .loc-address{text-align: center;margin: 15px 0 0 0;}
    .yt-tab-sec .yt-thumb-img {margin:30px 0 0 0;}
    .yt-tab-sec{padding:15px 0;}
    .mySwiper-fp1, .mySwiper-fp2, .mySwiper-fp3{width:80%;}

}
@media screen and (max-width:480px){
    .ccd-hero-banner-sec .desktop-banner{display: none;}
    .ccd-hero-banner-sec .mobile-banner{display: block;min-height: 400px;height: 500px;object-fit: cover;}
    .banner-text-gold{display: none;}
    .amanities-tab-header li{width:43%;}
}
@media screen and (max-width: 380px){
.amanities-tab-header li:not(:last-child) {margin-right: 0px;}
.amanities-tab-header li a{font-size: 13px;}
/*.loc-adv-wrap .col-4 {width: 100%;}*/
/*.ccd-mb-header .callus-text a{font-size: 12px;}*/
.ccd-header-logo{top: 56px;}
.booknow-btn{padding: 10px 20px;}
.mb-over-apt-top .bh-price span:first-child{font-size: 42px;}
.mb-over-apt-top span, .mb-over-apt-top .bh-price span:last-child{font-size: 14px;}
.ccd-mb-header .callus-text a{font-size: 13px;}
.ccd-mb-header .call-icon {width: 16px;height: 16px;margin-right: 5px;}
.ccd-mb-header .mb-dwd-brochure, .ccd-mb-header .broch-list-title{font-size: 10px;}
/*.amanities-tab { max-height: 540px;height: 100%;}*/

/*.mb-over-apt-top{flex-direction: column;}
.mb-over-apt-top-inner{margin-bottom: 10px}*/
}