
:root{
  --secondary-color:#686868;
  --section-color:#F3EDE4;
  --primary-color:#B18F56;
}
@font-face {
  font-family: "IvyMode";
  src: url("../fonts/IvyMode-Regular.woff2") format("woff2"),
       url("../fonts/IvyMode-Regular.woff") format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "IvyMode";
  src: url("../fonts/IvyMode-Light.woff2") format("woff2"),
       url("../fonts/IvyMode-Light.woff") format("woff");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "IvyMode";
  src: url("../fonts/IvyMode-SemiBold.woff2") format("woff2"),
       url("../fonts/IvyMode-SemiBold.woff") format("woff");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "IvyMode";
  src: url("../fonts/IvyMode-Bold.woff2") format("woff2"),
       url("../fonts/IvyMode-Bold.woff") format("woff");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
/* body *{transition: 1s all;} */
body {font-family: "IvyMode", Arial, sans-serif;letter-spacing: 1px;position: relative;overflow-x: hidden;}
.fw-300{font-weight: 300;}
.fw-normal{font-weight: normal;}
.py_section{padding:100px 0;}
.know_more_btn{text-decoration: none;color: #000;display: inline-flex;align-items: center;gap: 15px;}
.know_more_btn svg{width: 80px;}
.know_more_btn path {
  transform: translateX(0px);
  visibility: visible;
}

.know_more_btn.animated path {
  animation: redirect-anim 0.5s ease-in-out 1 forwards;
}

@keyframes redirect-anim {
  0% {
    transform: translateX(0px);
    visibility: visible;
  }
  25% {
    transform: translateX(100px);
    visibility: hidden;
  }
  75% {
    transform: translateX(-100px);
    visibility: hidden;
  }
  100% {
    transform: translateX(0px);
    visibility: visible;
  }
}
header{position: absolute;top: 0;left: 0;width: 100%;z-index: 2;padding: 20px 50px;}
header  .logo_container  img{max-width: 65px;}
header a{margin: 0!important;}
header .contact_detail a{text-decoration: none;color: #fff;}
header .logo_container .partition_line{height: 60px;width: 1px;background-color: #ffffff5c;margin: 0 20px;}
header.fixed{position: fixed; background-color: #8a5b0c;padding: 5px 15px;z-index: 99;border-bottom: 2px solid #8a5b0c;}
header .fix_logo{display: none;}

/* header.fixed .fix_logo{display: block;}
header.fixed .fix_logo img{max-width: 65px!important;}

header.fixed .normal_logo{display: none;} */
header .normal_logo img{max-width: 85px!important;}

header.fixed img{max-width: 65px;}
header.fixed  .contact_icons li span{font-size: 14px;}
header.fixed  .contact_icons li img{max-width: inherit;width: 20px;}
header.fixed .ham_menu{width: 25px;}
header .contact_icons{display: flex;align-items: center;gap:15px;padding: 0;margin: 0;}
header .contact_icons li{display: flex;color: #fff;}
header .contact_icons li img{margin-right: 15px;}
header .contact_detail{display: flex;align-items: center;gap:45px}
header .contact_detail .partition_line{height: 30px;width: 1px;background-color: #ffffff5c;margin: 0 10px;}

header .ham_menu{width: 30px;cursor: pointer;}
.heading {text-align: center;font-size: 34px;margin-bottom: 24px;}
.block {display: block;}
.paragraph {line-height: 27px;text-align: center;font-size: 16px;letter-spacing: 2px;}
.bg_slide_clr{background-color: var(--section-color);}

.banner_sec{height: 100vh;color:#fff}
.banner_sec .art_txt{z-index: 2;}
.banner_sec .bg_banner{object-fit: cover;}
.banner_sec .absolute_container{position: absolute;bottom: 0;left: 0;width: 100%;;}
.banner_sec .banner_item_main .typology,.banner_sec .banner_item_main .price{position: absolute;bottom: 0;text-align: center;}
.banner_sec .banner_item_main h1{position: absolute;top: 24%;z-index: 88;left: 50%;transform: translateX(-50%);    width: 100%;
    font-size: 38px;}
.banner_sec .banner_item_main .elevation_img{height: 105vh;object-fit: cover;object-position: 40% 100%}
.banner_sec .banner_item_main .typology{left: 250px;}
.banner_sec .banner_item_main .price{right: 190px;}
.banner_sec .banner_item  h2{font-size: 36px;letter-spacing: 3px;}
.banner_sec .elevation_img{z-index: 1;position: relative;}
.banner_sec .gallery_item{position: absolute;z-index: 1;left: 52px;bottom: 30px;cursor: pointer;display: flex;gap:12px;align-items: center;padding: 10px 16px;background: rgba(0, 0, 0, 0.01);backdrop-filter: blur(25px);z-index: 2;}
.banner_sec .gallery_item img{width: 30px;}
.banner_sec .gallery_item span{line-height: normal;}
.banner_sec .bg_banner{height: 100%;}
.two_column_sec  .absolute_sec .image_container{position: relative;}
.two_column_sec p{line-height: 1.8;}
.heading_cont .heading{    font-size: 26px;
    padding-right: 30px;
    line-height: 1.4;}
/* .two_column_sec  .heading_cont{text-align: justify;right: 0;position: absolute;width: 60%;top:0;height: 100%;right: 0;} */
.two_column_sec  .absolute_sec .absolute_img{position: absolute;left: 0;top: 100px;}
.two_column_sec   .logo_blob{    position: absolute;bottom: 20px;right: -100px;width: 180px;z-index: 3;}
.two_column_sec   .content_container{padding-right:120px;line-height: 1.5;}
.two_column_sec .second_sec{margin-top: -80px;}
.area_sec{margin-top: 45px!important;}
.area_sec h6{    font-size: 18px;
    margin: 0;
    font-weight: 600;
    margin-bottom: 2px;
    color: var(--primary-color);}
.area_sec small{    font-size: 14px;
    font-weight: 500;
    letter-spacing: 2px;
}
.area_sec .partition_line{width: 80%;margin: auto;height: 2px;background-color: #b18f5670;border-radius: 50%;}

.cta_sec_1{background: url("../images/cta_one_banner.webp") no-repeat;height: calc(100vh - 100px);}
.cta_sec_2 {background: url("../images/cta_two_banner.jpg") no-repeat;}
.cta_sec_1 h2{text-align: right;}
.cta_sec {color:#fff;background-size: cover;}
.cta_sec h2{line-height: 1.5;letter-spacing: 3px;}
.cta_sec .table_container .flex_cont{display: flex;align-items: center;padding: 0;}
.cta_sec .table_container .flex_cont:not(:first-child){margin-bottom: 50px;}
.cta_sec .table_container .flex_cont.table_header::after{content: '';position: absolute;width: 88%;height: 1px;background-color:  var(--secondary-color);bottom: 0;left: 50%;transform: translateX(-50%);}
.cta_sec .table_container .flex_cont.table_header{margin-bottom: 30px;position: relative;}
.cta_sec .table_container .flex_cont li{list-style: none;flex:0 0 calc(25%);text-align: center;}
.cta_sec .table_container .pricing span{font-size: 26px;}
.cta_sec .table_container .typology{font-size: 18px;}
.cta_sec .table_container .area{font-size: 16px;}
.cta_sec .table_container .book-btn{border: none;border-radius: 6px;padding: 8px 30px;transition: 0.4s;}
.cta_sec .table_container .book-btn:hover{background-color: var(--primary-color);color: #fff;}

.spirit_sec .overlay_font{font-weight: 700;font-size: 70px;color: #C9C9C91A;}
.spirit_sec .heading{line-height:1.5;}
.cta_sec_2 .small_txt{font-size: 20px;}

.beyond-comfort {background: url("../images/beyond-comfort/beyond_comfort_bg.png");}

.beyond_comfort_sec{position: relative;overflow: hidden;}
.beyond_comfort_sec .swiper-container {position: relative;width: 100%;margin: 0 auto;}
.beyond_comfort_sec .slide-content {color: #333;padding: 20px 10px;text-align: center;}
.beyond_comfort_sec .slide-title {font-size: 18px;font-weight: 400 !important;letter-spacing: 1.4px;margin: 0;letter-spacing: 0.5px;padding-top: 10px;color: #000;letter-spacing: 1.2px;}
.beyond_comfort_sec .swiper-slide img{    height: 510px;object-fit: cover;}
.beyond_comfort_sec .nav-arrow {position: absolute;top: 42%;transform: translateY(-50%);width: 50px;height: 50px;background: var(--primary-color);order: none;border-radius: 50%;cursor: pointer;z-index: 10;display: flex;align-items: center;justify-content: center;transition: all 0.3s ease;box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);border: none;}
.beyond_comfort_sec .nav-arrow{background-color: var(--primary-color);}
.beyond_comfort_sec .nav-arrow.prev {left: -25px;}
.beyond_comfort_sec .nav-arrow.next {right: -25px;transform: rotate(180deg);}
.beyond_comfort_sec .nav-arrow.prev {transform: rotate(0deg);}
.masterplan_sec .blob_img{position: absolute;right: 88px;width: 300px;top: 0;z-index: -1;opacity: 0.1;}
.masterplan_sec .desclaimer_txt{font-size: 7px;
    line-height: 1.9;
    letter-spacing: 2px;
    position: absolute;
    bottom: 0;
    background: linear-gradient(359deg, #000000ed 0, transparent 18%);
    color: #fff;
    padding: 8px 10px;
    height: 100%;
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: end;
    width: 100%;
    text-align: center;}
.floor_plan_sec .nav-link{border: 1px solid #000;border-radius: 0;color: #000;}
.pricing_container h3{margin:0}
.pricing_container h6{margin: 0;}
.floor_plan_sec .nav-link.active{background-color: var(--primary-color);border-color: var(--primary-color);font-weight: 600;font-size: 20px;
    padding: 12px 0;}
.floor_plan_sec .tabs_main_container {gap:50px;position: relative;}
.floor_plan_sec .tabs_main_container .tab-container{flex:0 0 28%}
.floor_plan_sec .tabs_main_container .tab-content{flex:0 0 calc(78% - 50px)}
.floor_plan_sec  .blob_img_2{position: absolute;top: 0;    width: 300px;
right: 0;opacity: 0.1;}
.floor_plan_sec .blob_img_1{position: absolute;bottom: 100px;    width: 300px;
left: 0;opacity: 0.1;}

.tour_sec .uppercase_text{font-size: 18px;line-height: 1.7;}
.tour_sec .uppercase_text span{text-transform: uppercase;font-weight: 500;}
.tour_sec .blob_img{width: 100px;opacity: 0.6;}

.visual_sec{position: relative;overflow: hidden;}
.visual_sec .blob_img_1{top: 38px;position: absolute;left: 145px;opacity: 0.2;}
.visual_sec .swiper-slide img{height: 500px;object-fit: cover;}
.visual_sec .view_all{display: flex;align-items: center;justify-self: center}
.visual_sec .view_all img{width: 100px;}
.visual_sec .nav-arrow {width: 50px;height: 50px;background: var(--primary-color);order: none;border-radius: 50%;cursor: pointer;z-index: 10;display: flex;align-items: center;justify-content: center;transition: all 0.3s ease;border: none;}
.visual_sec .nav-arrow{background-color: var(--primary-color);}
.visual_sec .nav-arrow.prev {left: -25px;}
.visual_sec .nav-arrow.next {right: -25px;transform: rotate(180deg);}
.visual_sec .nav-arrow.prev {transform: rotate(0deg);}

.location_advantage_sec .loc_item{border-bottom: 1px solid var(--primary-color);padding-bottom: 15px;}
.location_advantage_sec .loc_item span{color: var(--primary-color);display: block;margin-bottom: 10px;font-size: 18px;}
.location_advantage_sec .loc_item  .span_title{font-size: 20px;}


.contact_sec .buidling_frame{position: absolute;right: 0;top: 0;height: 95%;}
.contact_sec .heading{color: var(--primary-color);font-size: 42px;}
.contact_sec input,.contact_sec textarea{border: none;border-bottom: 1px solid #00000036;padding: 15px 0px;outline: none;resize: none;}
.contact_sec .checkbox_div  input ,.contact_sec textarea{margin-right: 10px;}
.contact_sec input::placeholder,.contact_sec textarea::placeholder{color: #897059;letter-spacing: 1.5px;}
.contact_sec .checkbox_div{display: flex;font-size:12px ;align-items: flex-start;color: #303030;}
.contact_sec .checkbox_div input{margin-top: 4px;display: block;accent-color: var(--primary-color);}
.contact_sec .know_more_btn{font-size: 24px;font-weight: 600;color: var(--primary-color);}
.contact_sec .input_container label{padding: 0!important;margin-top: 10px;font-size: 12px;}

#formModal .input_container{margin-bottom:15px;}
#formModal .checkbox_div{font-size: 10px;}
#formModal input{padding: 8px 0px;}
.contact_sec button{background-color: transparent;border: none;letter-spacing: 2px;}
.img_txt{position: absolute;bottom: 0;width: 100%;font-size: 10px;}
footer{padding-top: 25px;padding-bottom: 10px;}
footer .description{font-size: 12px;line-height: 2;}
hr{background: linear-gradient(270deg, #FFF 2.4%, #B18F56 52.88%, #FFF 100%);height: 2px;width: 100%;border: none;margin-top: 45px;}
footer p{letter-spacing: 2px;font-weight: 300;}
footer .rera_txt{color: var(--primary-color);text-transform: uppercase;}
footer .desclaimer_txt{font-size: 14px;}
footer .desclaimer_txt a{color: var(--primary-color);text-decoration: none;}



.direction_sec .curve_img_container{gap:160px;margin-bottom:100px;}
.direction_sec .line_item{position: absolute;width: 100%;}
.direction_sec .line_item.top{top: -124px;left: 50%;transform: translate(-50%, -50%);}
.direction_sec .line_item.left{display: flex;top: 50%;left: -98%;transform: translateY(-50%);align-items: center;gap: 20px;}
.direction_sec .line_item.right{right: -100%;top: 50%;transform: translateY(-50%);gap: 15px;}
.direction_sec .line_item .img_title{color: var(--primary-color);font-size: 28p;}
.direction_sec .line_item.bottom{bottom: -55%;transform: translateX(-50%);left: 50%;}

.about_developer_sec .paragraph{font-size: 12px;}
.abs_sec{transform: scale(0.8);}
.sidebar_menu{position: fixed;top: 0;right: -100%;height: 100%;width: 20%;z-index: 999;padding-top: 80px;overflow-y: scroll;transition: 1s all;}
.sidebar_menu.active{right: 0}
.sidebar_menu li{list-style: none;}
.sidebar_menu li a{list-style: none;text-decoration: none;color: #000;font-size: 20px;color:var(--primary-color)}
.sidebar_menu .cross_icon{cursor: pointer;z-index: 6;}
.sidebar_menu .cross_icon img{width:35px;height: 35px;position: absolute;right: 20px;top: 30px;}

#formModal .cross_icon{cursor: pointer;}
#formModal .cross_icon img{width:35px;height: 35px;position: absolute;right:30px;top: 25px;}
#formModal .modal_header .modal_logo{max-width: 150px;}
#formModal .heading{font-size: 36px;}
#formModal .know_more_btn{font-size: 18px;}
#formModal .know_more_btn svg{max-width: 70px;}
.thx_pg{height: 100vh;text-align: center;}
.thx_pg h1{color: var(--primary-color);font-size: 45px;}
.banner_sec .banner_item_main .location  img{height: 30px;}
.banner_sec .banner_item_main .location{    display: flex;gap: 5px;justify-content: center;position: absolute;padding-bottom: 6px;bottom: 0;z-index: 2;left: 50%;transform: translateX(-50%);background: linear-gradient(#ffffff00, #000);width: 100%;bottom: 0px;padding: 36px 10px;;} 
.banner_sec .banner_item_main .location p{margin: 0;font-size: 22px;}
.pricing_container{border: 1px solid var(--primary-color);    display: flex;
    align-items: center;
    justify-content: center;
    padding: 12px 10px !important;
    gap: 16px;
}
.pricing_container h3{color:var(--primary-color);}

.enquire_nowbtn{position: fixed;top: 50%;right: -54px;background: var(--primary-color);color: #fff;padding: 14px 30px;z-index: 999;transform: rotate(270deg);border-top-right-radius: 10px;border-top-left-radius: 10px;cursor: pointer;text-decoration: none;}
.bottom_nav{bottom: 0;position: fixed;background-color: var(--primary-color);width: 100%;padding: 0;margin: 0;z-index: 999;display: none;}
.bottom_nav ul{padding: 0;margin: 0;display: flex;align-items: center;padding: 5px 0;}
.bottom_nav li{list-style: none;flex:0 0 33.33%;display: flex;justify-content: center;align-items: center;}
.bottom_nav li a {text-decoration: none;color:#fff;font-size: 12px;}
.bottom_nav .partition_line{    height: 35px;width: 12px;border-radius: 50%;background-color: #fff;flex: 0 0 1px;}
.bottom_nav a img{height: 18px;width: 18px;margin-right: 10px;}


/* .banner_sec .banner_item_main .location {margin-bottom: 32px;} */
@media (max-width: 1367px) {
header {padding: 10px 30px;}
header img {max-width: 50px;}
header .ham_menu {width: 20px;}
h1 {font-size: 2rem;}
.right_abs_img{width: 80%;}
.right_abs_img img{width: 100%;}
.banner_sec .banner_item_main .typology {left: 235px;}
.banner_sec .banner_item_main .elevation_img {object-fit: cover;object-position: center;}
h2 {font-size: 1.5rem;}
.banner_sec .line {height: 200px;}
.heading {font-size: 26px;}
.py_section {padding: 80px 0;}
.abs_sec {transform: scale(0.6);margin: -100px 0;}
}

@media (max-width: 991px) {
  .banner_sec .banner_item_main .location{display: none;}
  header .contact_icons{display: none;}
  .bottom_nav{display: block;}
footer{padding-top: 25px;padding-bottom: 60px;}
#formModal .cross_icon img {
    width: 35px;
    height: 35px;
    position: absolute;
    right: 12px;
    top: 12px;
    z-index: 2;
}
header .normal_logo img{max-width: 65px!important;}
  .desclaimer_sec{padding-top: 110px!important;}
  body{position: relative;overflow-x: hidden;}
  .floor_plan_sec .tabs_main_container{flex-wrap: wrap;gap:40px}
  .floor_plan_sec .tabs_main_container .tab-container{flex:0 0 100%}
  .floor_plan_sec .tabs_main_container .tab-content{flex:0 0 100%;order: -1;}
  .two_column_sec .flex_div{flex-wrap: wrap;}
  .two_column_sec .flex_div img{width: 100%;}
  .two_column_sec .heading_cont{position: static;width: 100%;text-align: left;}
  .two_column_sec .heading_cont .heading{text-align: left;}
  .spirit_sec .overlay_font{position: absolute;width: 100%;top: 0;left: 0;}
  .two_column_sec .second_sec{margin-top: 30px;}
  .two_column_sec .flex_div img{width: 100%;}
  .two_column_sec .logo_blob {position: absolute;bottom: -118px;right: 0;width: 180px;opacity: 0.1;z-index: -1;}
  header .contact_detail a span{display: none;}
  .two_column_sec .content_container{padding: calc(var(--bs-gutter-x) * .5)}
  .sidebar_menu{width: 50%;}
  .pricing_mob_sec .banner_item h2{margin: 0;font-size: 32px;color: var(--primary-color);}
.pricing_mob_sec .banner_item:nth-child(2){padding-bottom: 32px;}
.pricing_mob_sec .banner_item{text-align: center;}
.pricing_mob_sec .partition_line{height: 2px;width: 50%;border-radius: 50%;background-color: #DDB848;margin:10px auto 20px auto;}
.pricing_mob_sec .banner_item_main {overflow: hidden;position: relative;border-radius: 6px;}
.pricing_mob_sec .banner_item_main .location  img{height: 30px;}
.pricing_mob_sec .banner_item_main .location{display: flex;gap: 5px;justify-content: center;}
.pricing_mob_sec .banner_item_main .location p{margin: 0;}
.pricing_mob_sec .banner_item_main .location {margin-bottom: 32px;}
/* .pricing_mob_sec .banner_item:nth-child(1){background: var(--primary-color);} */
.pricing_mob_sec .banner_item span{font-size: 18px;}
.banner_sec .banner_item_main .elevation_img{height: 60vh;object-position: 47% 100% ;}
.banner_sec .bg_banner{height: 70vh;}
.banner_sec{height: auto  ;}
.banner_sec .banner_item_main h1{width: 100%;}

}
.location_advantage_sec .loc_txt{font-weight: 500;}
.location_advantage_sec .loc_txt img{width: 30px;margin-right: 4px;}
.relative_div img{transform: scale(1);transition: 1s all;}
.relative_div:hover img{transform: scale(1.1);}
.fancybox__container *{transition: inherit;}
@media (min-width:768px) {
.direction_sec .circle_img{position: absolute;top: -60px;left: 50%;transform: translate(-50%, 50%);}
}
@media (max-width:768px) {
  .heading{font-size: 20px;}
  .py_section{padding: 50px 0;}
  .heading_cont .heading{font-size: 20px!important;}
  .enquire_nowbtn{display: none}
.cta_sec_1{height: 72vh;background-position: center;}
/* .row{margin: 0;} */
.contact_sec .know_more_btn{font-size: 20px;}
#formModal .know_more_btn{font-size: 16px;}
.paragraph{line-height: 22px!important;font-size: 16px;}
.cta_sec .table_container .flex_cont {flex-wrap: wrap;padding: 25px 17px;border: 1px solid #fff;border-radius: 10px;}
.cta_sec .table_container .flex_cont li{flex:0 0 100%;border-radius: 8px;}
.cta_sec .table_container .flex_cont li button{margin-top: 26px;font-size: 16px;}
.cta_sec .table_container .flex_cont.table_header  {display: none;}
.cta_sec .table_container .flex_cont .pricing{margin: 15px 0;}
.floor_plan_sec .blob_img_2{width: 40%;}
.floor_plan_sec .blob_img_1{width: 40%;}
.sidebar_menu{width: 70%;}
header.fixed{padding: 2px 5px;}
.tour_sec .blob_img{width: 60px;}
.visual_sec .view_all img{width: 60px;}
.nav-arrow {width: 40px;height: 40px;}
.nav-arrow img{width: 100%;padding: 12px}
/* .beyond_comfort_sec .nav-arrow{padding: 9px;} */
.beyond_comfort_sec .nav-arrow.prev{left: -8px;}
.beyond_comfort_sec .nav-arrow.next{right: -8px;}
.masterplan_sec .blob_img{width: 30%;}
.beyond_comfort_sec .swiper-slide img{height: inherit;}
.relative_div{margin: 15px;}

#swiperWrapperLandScape img{height: 268px;}
.location_advantage_sec .loc_item{border-bottom: 1px solid #b18f5638;padding-bottom: 8px;display: flex;justify-content: start;align-items: center;gap: 20px;margin-left: 15px;padding-left: 10px;}
.location_advantage_sec .loc_item span{color: var(--primary-color);display: block;margin-bottom: 10px;font-size: 16px;width: 70px;}
.location_advantage_sec .loc_item  .span_title{font-size: 16px;}
hr{margin: 0;}
#contact_us{padding-bottom: 50px;}
.cta_sec_2 .small_txt{font-size: 16px;line-height: 1.8;}
.floor_plan_sec .nav-link{flex: 1;padding: 14px 11px;font-size: 14px;letter-spacing: 2px;}
header{
padding: 10px 5px;
}
header .logo_container img{max-width: 45px;}
header .contact_detail .partition_line{height: 22px;}
header .contact_detail{gap: 18px;}
.banner_sec .banner_item_main .typology, .banner_sec .banner_item_main .price
{position: static;}
#formModal .heading{font-size: 32px;}
.banner_sec .banner_item_main .elevation_img{height: 60vh;object-position: 47% 100% ;}
.banner_sec{height: auto  ;}
header .contact_icons li img{margin: 0;width: 16px!important;}
.know_more_btn svg{width: 60px;}
.know_more_btn{gap:10px}
header .contact_icons{gap:10px}
header .logo_container .partition_line{height: 40px;}
.banner_sec .banner_item_main h1{font-size: 24px;top: 20%;}
#about_developer .paragraph{font-size: 12px;}
.direction_sec .curve_img_container{display: none;}
.abs_sec{position: static;transform:inherit;}
.direction_sec {position: relative;overflow: hidden;}
.direction_sec {        
display: flex;
align-items: center;
flex-direction: column;
justify-content: center;}
.direction_sec .line_item{flex-wrap: wrap;}
.circle_img {    margin: auto;
width: 90px;} 
.circle_img >img{width: 100%;}
.direction_sec .line_item.top{top:-231px;}
.direction_sec .line_item.bottom{bottom: inherit;}
.direction_sec .line_item.right{right: 0;}
.direction_sec .line_item .img_title{flex:0 0 60%}
.direction_sec .line_item.right {
right: -193px;
top: -25px;
}
.direction_sec .line_item.left{        left:18px;
justify-content: start;
top: -15px;}
.direction_sec .line_item.left img{transform: scale(0.5);
transform-origin: left;}
.direction_sec .line_item.right img{transform: scale(0.5);
transform-origin: right;}
.direction_sec .line_item.left .img_title{order: 1;text-align: left;}
.direction_sec .line_item .img_title{font-size: 16px;}
.rera_txt{font-size: 14px;line-height: 1.4;}
.img_item_main_container .img_item{margin-bottom: 30px;gap:25px;position: relative;}
.img_item_main_container .img_item span{font-weight: 500;font-size: 14px;position: absolute;top: 20px;right: 12px}
.img_item_main_container .img_item  .img_title {        color: var(--primary-color);
font-size: 18px;
margin-top: 2px;}
.img_item_main_container .img_item img{width: 170px;}
.img_item_main_container .img_item .img_title{font-size: 16px;}
.img_item_main_container .content{flex:1}
footer .desclaimer_txt{margin: 0;font-size: 10px;}
.sidebar_menu li a{font-size: 16px;}
.contact_sec .checkbox_div{font-size: 10px!important;}
.beyond_comfort_sec .swiper-slide img{height: 370px;}
footer .description {
font-size: 8px;
line-height: 2;
letter-spacing: 1px;
}
.nav-arrow{height: 46px!important;width: 46px!important;}
#formModal input{font-size: 12px;}
#formModal textarea{font-size: 12px;}

}  


.img_item_main_container{transform: scale(0.99);} 

.img_item.right {
    position: absolute;
    top: calc(45% - 2px);
    left: 0;
    transform: translateY(-50%);
}
.img_item.tops{    margin-bottom: -52px;}
.img_item.botttom {
    margin-top: -56px;
    display: inline-block;
    margin: 0;
}
.img_item.left {
    position: absolute;
    top: calc(45% - 2px);
    transform: translateY(-50%);
    right: 0;
}

.img_item.tops {position: relative;display: inline-block;}
.img_item.tops span{     right: 8px;
    background: #fff;
    padding: 0px 8px;
    font-size: 12px;
    /* bottom: 20px; */
    top: 44px;}
.img_item_main_container .img_item.bottom{margin-top: -55px;margin-bottom:0}
    .img_item_main_container .img_item.left span{    right: 6px;
    background: #fff;
    padding: 0px 8px;
    font-size: 12px;
    top: inherit;
    bottom: 32px;}
      .img_item_main_container .img_item.right span{left: 22px;
    background: #fff;
    padding: 0px 8px;
    font-size: 12px;
    right: inherit;
    top: 33px;}

    .img_item_main_container .img_item.bottom span{  right: inherit;
    background: #fff;
    padding: 0px 8px;
    font-size: 12px;
    top: inherit;
    bottom: 32px;
    left: 0;}
    .img_item_main_container .img_item{display: inline-block;}

    .arrow_lline{position: relative;z-index: 1;}

  

    .custom-artistic-caption {
    font-family: "IvyMode", sans-serif;
    font-weight: 600; /* SemiBold for emphasis */
    font-size: 1.2rem;
    color: #ffffff; /* White text for contrast */
    background: rgba(0, 0, 0, 0.7); /* Semi-transparent black background */
    padding: 10px 20px;
    text-align: center;
    border-radius: 5px;
    position: absolute;
    bottom: 10px;
    left: 50%;
    transform: translateX(-50%);
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5); /* Artistic shadow */
    z-index: 10; /* Ensure it appears above the image */
}

.fancybox__content {
    position: relative; /* Ensure positioning context for caption */
}
.art_txt{background:linear-gradient(0deg, #00000075 20%, #ffffff00);}
.custom-text{background: linear-gradient(0deg, #00000075 20%, #ffffff00);
    padding: 5px;
    color: #fff;
    position: absolute;
    bottom: 4px;
    width: 100%;
    font-size: 12px;
    padding: 10px;
}