/*
Theme Name: Format Homes 2026
Theme URI: https://virtualadagency.com.au/
Author: Virtual Ad Agency
Author URI: https://virtualadagency.com.au/
Version: 1.0.6
*/

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

:root {
    --primary: #02717a;
    --secondary: #b8a21e;
        --navy: #124b5c;
    --navy-deep: #122840;
    --navy-mid: #24507F;
    --red: #E8472A;
    --red-dark: #c20000;
    --gold: #C9992A;
    --white: #FFFFFF;
    --off-white: #F7F8FA;
    --light: #EEF1F6;
    --border: #D8DDE6;
    --text: #1A2535;
    --text-mid: #445570;
    --text-muted: #7A8BA0;
    --green-dot: #2ECC71;
    --black: #000;
    --bg: #f4f4f4;
    --white: #ffffff;
    --font1: 'Montserrat' , sans-serif;
    --font2: 'Oswald' , sans-serif;
    --font3: "Roboto", sans-serif;
}
body{font-family: var(--font1);width: 100%;}
html,body{scroll-behavior: smooth;}

ul,ol {padding: 0;list-style: none;margin: 0;}
li {padding: 0;margin: 0;}
a {text-decoration: none;color: var(--black);}
img {max-width: 100%;object-fit: cover;width: auto;height: auto;}
h1 {font-size: 42px;line-height: 50px;font-weight: 400;}
h2 {font-size: 42px;line-height: 40px;font-weight: 400;}
h3 {font-size: 38px;line-height: 40px;}
h4,.h4 {font-size: 28px;line-height: 45px;font-weight: 600;}
h5 {font-size: 24px;line-height: 30px;font-weight: 600;}
h6 {font-size: 20px;line-height: 28px;font-weight: 600;}
.sub-heaidng {font-size: 23px;line-height: 32px;color: var(--blue);margin-bottom: 1rem;}
p {color: var(--dark);font-family: var(--font1);margin-bottom: 10px;font-weight: 500;   }

section {padding: 40px 0;}

h1,
h2,
h3,
h4,
h5,
h6 {
font-family: var(--font1);font-weight: 500;
}

h1 span,
h2 span,
h3 span,
h4 span,
h5 span,
h6 span {
    color: var(--primary);
}

::after,
::before {
    pointer-events: none;
}
.row-gap-4{row-gap: 1.2rem;}
button,a{cursor: pointer;}
.btn-primary {
background: linear-gradient(22deg, #ccb62e 59%, rgb(240, 212, 148) 100%);color: #fff;font-family: var(--font1);font-size: 14px;text-transform: uppercase;text-decoration: none;display: flex;box-shadow: inset 0 0 3px rgb(255 255 255);align-items: center;justify-content: center;border: 1px solid #ccb62e;font-weight: 600;width: fit-content;padding: 10px 25px;gap: 20px;
}

.btn-primary:hover {background-color: #ccb62e;
}

.btn-secondary {background-color: var(--primary);color: var(--white);display: flex;font-size: 14px;align-items: center;justify-content: center;transition: all .3s ease-in;border: 1px solid var(--primary);box-shadow: inset 0 0 3px rgb(255 255 255);font-weight: 600;padding: 10px 25px;width: fit-content;text-transform: uppercase;
}

.btn-secondary:hover {background-color: var(--primary);}
.btn-red {background-color:#c20000;;color: var(--white);display: flex;align-items: center;justify-content: center;transition: all .3s ease-in;padding: 10px 25px;width: fit-content;font-size: 16px;}
.btn-white {background-color:var(--white);;color: var(--red);display: flex;align-items: center;justify-content: center;transition: all .3s ease-in;padding: 10px 25px;width: fit-content;font-weight: 600;}
.btn-secondary:hover {background-color: var(--primary);}
header {position: relative;z-index: 99;right: 0;left: 0;}
header .logo {margin-top: 6px;padding-right: 18px;}
header .logo a img {max-width: 180px;width: 100%;}
ul.top_right {padding: 0;margin: 0;list-style: none;text-align: right;}
ul.top_right li {display: inline-block;margin-right: 25px;}
ul.top_right li:last-child {margin-right: 0;}
ul.top_right li a {font-size: 18px;font-weight: 500;color: #000000;}
.top-bar {background: linear-gradient(to bottom, rgb(23 134 140) 0, rgb(14 94 112) 100%);padding: 10px 0;}
.top-bar>ul>li {position: relative;display: block;}
.top-bar .expert>ul>li {position: relative;}
.top-bar .expert>ul>li>a {border: 1px solid #000;background: #fff;color: #b67c4a;padding: 10px 12px;font-weight: bold;text-transform: uppercase;display: block;text-decoration: none;position: relative;border-radius: 4px;transition: color .3s linear, background-color .3s linear;}
.top-bar .expert>ul {display: flex;align-items: center;gap: 5px;}
.top-bar .expert>ul>li>a:hover {background: #b67c4a;color: #550505;}
.top-bar .expert>ul>li>a::after {content: '\f107';font-family: 'FontAwesome'; margin-left: 5px;}
.top-bar .expert>ul>li>a:only-child::after { content: ''; margin-left: 0;}

.top-bar .expert>ul>li:hover>ul {
    visibility: visible;
    opacity: 1;
    display: block;
}

.top-bar .expert>ul>li>ul {
    position: absolute;
    left: 0;
    z-index: 999;
    visibility: hidden;
    opacity: 0;
    min-width: 220px;
    box-shadow: 0 2px 8px rgba(50, 50, 50, .3);
    background: #fff;
}

.top-bar .expert>ul>li>ul li {
    color: #000;
    font-size: 15px;
    padding: 10px 23px;
    border-radius: 0;
    font-weight: 400;
    border-color: transparent;
    background: #fff;
    border-bottom: 1px solid rgba(0, 0, 0, 0.09);
    text-transform: uppercase;
    white-space: nowrap;
}

.top-bar .expert>ul>li>ul li:hover {
    background-color: #b67c4a;
}

.top-bar .expert>ul>li>ul li:hover a {
    color: var(--white);
}

.top_featured_wrap {
    position: relative;
}

#menu {
    position: relative;
}

#menu ul {
    list-style: none;
    margin: 0px 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-inline: auto;
}

#menu ul li {
    position: relative;
}

#menu ul li a {
    font-weight: 400;
    font-size: 14px;
    color: white;
    margin: 0;
    padding: 15px;
    display: block;
}

#menu li>a:only-child::after {
    margin-left: 0;
    content: '';
}

/* #menu ul>li:has(ul)>a::after {
    content: "";
    display: inline-block;
    width: 10px;
    height: 10px;
    margin-left: 8px;
    background-image: url('images/icons/down-arrow.svg');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
} */

#menu ul li:hover>a,
#menu ul li.active>a,
#menu ul li.current_page_item>a,
#menu ul li.current-menu-ancestor>a,
#menu ul li.current-menu-item>a,
#menu ul li.current-menu-parent>a {
    color: var(--secondary);
}

#menu ul li.active a {
    color: var(--black);
}

#menu ul li:hover a {
    color: var(--secondary)
}

#menu li>ul {
    position: absolute;
    left: 0;
    top: 46px;
    z-index: 999;
    white-space: nowrap;
    padding-left: 0;
    display: flex;
    align-items: flex-start;
    backdrop-filter: unset;
    gap: 10px;
    min-width: 235px
}
#menu li>ul {
    transition: all linear .2s 0s;
    -webkit-transition: all linear .2s 0s;
    visibility: hidden;
    opacity: 0;
    width: 100%;
    display: block;
    flex-direction: column;
    margin: 0;
    background: #124b5c;
}

#menu li>ul li {display: block;position: relative;margin: 0;text-align: left;padding: 0 !important;border-bottom: #0e5d75 solid 1px !important;}
#menu li>ul li:hover {background: #f1ca31;border-bottom: 1px solid rgba(0, 0, 0, 0.09);}

#menu li>ul li a:hover {color: #fff;text-decoration: none;}
#menu li ul li.current_page_item>a,
#menu li ul li.current-menu-ancestor>a,
#menu li ul li.current-menu-item>a,
#menu li ul li.current-menu-parent>a {
color: #fff}
#menu>li:first-child,
#menu>li.has-submenu+li {
    border-left: 0
}

#menu li>ul>li>ul {
    position: absolute;
    left: 100%;
    top: 0;
    transition: all linear .2s 0s;
    -webkit-transition: all linear .2s 0s;
    visibility: hidden;
    opacity: 0
}

#menu li>ul>li:hover>ul {
    visibility: visible;
    opacity: 1;
    display: block
}



#menu li:hover>ul {
    visibility: visible;
    opacity: 1;
    display: block;
}


#menu li>ul li a {
    display: block;
    text-transform: none;
    font-weight: 400;
    ;
    padding: 8px 20px;
    text-align: left;
    margin: 0;
    border-radius: 0;
    color: #fff !important;
    width: 235px;
    white-space: wrap;
    font-size: 12px;
}
#menu li>ul .current-menu-item{background: #f1ca31;}
#menu li ul li:hover ul li a { color: #000;}
#menu li ul li:hover ul li:hover a {
    color: var(--white);
}

#menu li ul li:hover a {
    color: #fff;
    border-color: var(--primary);
}

@keyframes menu_sticky {
    0% {
        margin-top: -240px;
    }

    50% {
        margin-top: -90px;
    }

    100% {
        margin-top: 0;
    }
}

header.sticky {  margin:0;  position: fixed;  background:var(--black);top:0; left:0; width:100%; z-index:999; animation-name:menu_sticky; animation-duration: 0.60s; animation-timing-function:ease-out;}
header.sticky .btn-dark {
    padding: 10px 30px;
}

.inner-header.sticky {
    background-color: var(--white);
}

header .btn-white {
    padding: 0;
    aspect-ratio: 1/1;
    width: 30px;
    height: fit-content;
}

header.sticky .top-bar {
    display: none;
}

header .enquiry {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background-color: #ccb62e;
    gap: 30px;
}

header .enquiry span {
    padding-left: 20px;
    color: #000;
    font-size: 16px;
    font-weight: 600;
    text-transform: uppercase;
}

header .enquiry img {
    width: 100%;
    max-width: 50px;
    object-fit: cover;
}

header .enquiry .btn {
    color: var(--black);
}

@media (min-width: 1200px) {
    .container {
        width: 1170px;
        margin: 0 auto;
    }
}

header .years img {
    max-width: 200px;
    width: 100%;
    object-fit: cover;
}

.top-bar .wrapper {
    display: flex;
    align-items: center;
    gap: 5px;
}
.top-bar .wrapper  .number img{width: 24px;height: auto;aspect-ratio: 1/1;}
.top-bar .help-box p {
    font-size: 14px;
    font-weight: 500;
    color: white;
}

#slider .owl-dots {
    display: flex;
    justify-content: center;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 25px;
}

#slider .owl-dots button.owl-dot {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    display: inline-block;
    background: #ccc;
    margin: 0 5px;
}

#slider .owl-dots button.owl-dot.active {
    background-color: white;
}

.collection-sec {
    background: linear-gradient(135deg, #c9c9c9, #6e6e6e);
    padding: 30px 0;
}

.collection-sec h4 {
    color: #fff;
    font-weight: 700;
    text-transform: uppercase;
}

/* ONE ROW */
.filter-row {
    display: flex;
    align-items: center;
    gap: 12px;
    flex-wrap: wrap;
    overflow-x: auto;  
    justify-content: center;
}

/* FILTER ITEM */
.filter-item {
    position: relative;
    background: rgb(255, 255, 255);
    border-radius: 30px;
    padding: 6px 12px;
    min-width: 120px;
    display: flex;
    align-items: center;
}

/* ICON */
.filter-item img {
    /* position: absolute; */
    left: 10px;filter: invert(1);
    top: 50%;
    /* transform: translateY(-50%); */
    width: 16px;
    opacity: 0.8;
}

/* SELECT */
.filter-item select {
    width: 100%;
    background: transparent;
    border: none;
    color: var(--navy);
    /* padding-left: 28px; */
    font-size: 14px;
    outline: none;
}

.filter-item select option {
    color: #000;
}

/* STOREY BUTTONS */
.storey-group {
    display: flex;
    gap: 6px;
}

.storey-group input {
    display: none;
}

.storey-group label {
    padding: 6px 14px;
    border-radius: 20px;
    background: rgb(255, 255, 255);
    color: var(--navy);
    border: 1px solid transparent;
    cursor: pointer;
    transition: 0.3s;
    font-size: 13px;
    text-align: center;

}

/* ACTIVE */
.storey-group input:checked + label {
    background: var(--gold);color: var(--white);
    box-shadow: inset 0px 0 2px rgb(255, 255, 255);
    border: 1px solid var(--gold);
}

/* BUTTON */
.btn-search {
    background: #ccb62e;box-shadow: inset 0 0 3px rgb(255, 255, 255);
    border: 1px solid #ccb62e;
    padding: 8px 22px;
    border-radius: 30px;
    color: #fff;
    font-weight: 600;
    transition: 0.3s;
    white-space: nowrap;
}



.help-box {
    display: flex;
    gap: 20px;
}

.help-box .number a {
    color: var(--white);display: flex;align-items: center;
}

.help-box .number i {
    font-size: 18px;
    color: var(--secondary);
    margin-right: 5px;
    line-height: 26px;
}

.head-btn {
    transition: 0.3s linear;
}

.head-btn:hover span {
    color: white;
}

.years {
    padding-left: 18px;
}

.hero-sec .image-box {
    position: relative;
    width: 100%;
    display: flex;
}

.hero-sec .image-box img{width:100%;}

.collection-sec .heading {
    margin-bottom: 30px;
}

.form-select:focus {
    outline: none !important;
    box-shadow: none !important;
    border-color: inherit;
}

.collection-sec .story-box input {
    display: none;
}

.collection-sec .story-box label {
    position: relative;
    padding-left: 24px;
    cursor: pointer;
    font-size: 14px;
    line-height: 18px;
    font-weight: 400;
    text-transform: uppercase;
    color: var(--white);
}

.collection-sec .story-box label::before {
    content: "";
    width: 18px;
    height: 18px;
    background-color: var(--white);
    border-radius: 50%;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}

.collection-sec .story-box label::after {
    content: "";
    width: 8px;
    height: 8px;
    background: #9f8d1d;
    border-radius: 50%;
    position: absolute;
    left: 5px;
    top: 50%;
    opacity: 0;
    transition: all 0.2s linear;
    transform: translateY(-50%);
}

.collection-sec .story-box input:checked+label::after {
    opacity: 1;
}

.collection-sec .story-box input[type="checkbox"] {
    position: absolute;
    opacity: 0;
    pointer-events: none;
}

.collection-sec form button {
    border: 0;
    padding: 8px 28px;
    border-radius: 0;cursor: pointer;
}
.adelade-sec{overflow: hidden;position: relative;}
.adelade-sec .heading {
    text-align: center;
    margin-bottom: 20px;
}
.adelade-sec .heading h2{margin-bottom: 16px; font-size: clamp(30px, 2.5vw, 36px)}
.adelade-sec .heading  p{font-size: 14px;font-weight: 400;}
.madison-box {background-color: var(--white); box-shadow: 0px 4px 4px 0px #00000040;   border-radius: 20px;}
.madison-box .details h3 {color: var(--black);font-weight: 700;margin-bottom: 24px;font-size: 26px;}
.madison-box .details {height: 100%;}
.madison-box .spec-list ul {list-style: none;padding: 0;margin: 0;}
.madison-box .spec-list ul li {display: flex;align-items: center;gap: 10px;margin-bottom: 15px;font-size: 16px;line-height: 1.4;}
.madison-box .spec-list ul .label {white-space: nowrap;color: var(--primary);font-weight: 600;font-size: 16px;}
.madison-box .spec-list ul .line {flex: 1;border-bottom: 1px solid #ccc;}
.madison-box .spec-list ul .value {white-space: nowrap;color: var(--black);font-weight: 600;font-size: 16px;}
.madison-box .spec-list .btn {width: 100%;border: 0;}
.adelade-sec .image-box {width: 100%;height: 100%;position: relative;}
.adelade-sec .madison-box .image-box img {width: 100%;height: 100%;border-bottom-right-radius: 20px;border-top-right-radius: 20px;}
.adelade-sec .madison-box .wrapper {display: flex;flex-direction: column;padding: 30px 20px;flex-grow: 1;justify-content: space-between;}
.btn-box {display: flex;flex-direction: column;gap: 10px;}
.btn-box .btn {width: 100%;border: 0;}
.adelade-sec .madison-box .tabs {position: absolute;background-color: #00000085;backdrop-filter: blur(4px);border-radius: 20px;padding: 40px 20px;top: 50%;transform: translateY(-50%);left: 20px;}
.adelaide-carousel .owl-dots{display: none;}
.adelade-sec .madison-box .tabs ul {
    display: flex;
    align-items: center;
    flex-direction: column;
    gap: 20px;
    padding: 0 10px;
}

.adelade-sec .madison-box .tabs ul li {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 3px;
}

.adelade-sec .madison-box .tabs ul li {
    max-width: 30px;
}

.adelade-sec .madison-box .tabs ul li span {
    color: var(--white);
}

.adelade-sec .owl-carousel {
    position: relative;
}

.adelade-sec .owl-carousel .owl-nav {
    position: absolute;
    top: 50%;
    left: 50%;
    right: 0;
    display: flex;
    justify-content: space-between;
    transform: translate(-50%, -50%);
    pointer-events: none;
    width: calc(100% + 110px);
    margin: 0 auto;
    align-items: center;
}

.adelade-sec .owl-nav button {
    pointer-events: all;
}

.adelade-sec .owl-carousel .owl-nav button.owl-next,
.adelade-sec .owl-carousel .owl-nav button.owl-prev {
    background-color: var(--black);
    width: 40px;
    height: 40px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.adelade-sec .owl-carousel .owl-nav button.owl-next img,
.adelade-sec .owl-carousel .owl-nav button.owl-prev img {
    max-width: 24px;
}

.adelade-sec .owl-carousel .owl-nav button.owl-next:hover,
.adelade-sec .owl-carousel .owl-nav button.owl-prev:hover {
    background-color: var(--primary);
}

.adelade-sec .owl-carousel .owl-stage-outer {
    padding: 30px 0;
}

.krdb-sec {
    padding-top: 0;
}

.krdb-sec .knock-box {
    width: 100%;
}

.krdb-sec .knock-box img {
    width: 100%;
    height: auto;
}

.display-homes .heading {
    margin-bottom: 30px;
    text-align: center;
}

.display-homes .heading p {
    font-size: 18px;
    line-height: 26px;
    font-weight: 500;
}

.display-homes h2 {
    margin-bottom: 10px;
}

.home-item {cursor: pointer;height: 100%;aspect-ratio: 1/1; text-align: center; position: relative;display: flex;}

.home-item img {
    width: 100%;
    height: 100%;
    border-radius: 20px;
    border: 4px solid transparent;
    transition: all 0.3s;
}

.home-item.active img {
    border-color: var(--primary);
}

.home-label {margin-top: 8px;font-size: 12px;position: absolute;background-color: var(--secondary);bottom: 20px;width: 90%;padding:10px ;color: var(--white);margin-inline: auto;left: 0;right: 0;border-radius: 10px;font-size: calc(12px ,2.5vw, 14px);transition: 0.3s linear;}

.home-item.active .home-label {
    background-color: var(--primary);
}



.home-detail {
    display: none;
  
}

.home-detail.active {
    display: block;
    margin: 30px auto 0;
}

.home-image{width: 100%;}

.home-image img {
   width: 100%;
    object-fit: cover;
    height: 100%;
}
.home-info{height: 100%;padding: 30px;}
.home-info h3{margin:10px 0;}

.home-info .tag {
    font-size: 18px;
    margin-bottom: 10px;
    font-weight: 500;
}

.home-info p {
   
    font-size: 14px;
   
}

.map iframe {
    border: none;
    border-radius: 10px;
}

.tabs-row {
    margin-top: 30px;
}
.village-box{display: flex;gap:30px;align-items: center;margin-bottom:20px;border: 1px solid #02717a;border-radius: 16px;background-color: transparent;position: relative;overflow: hidden;background-color: #fff;}
.detail-wrapper{padding: 20px 0;}
.village-box .image-box{height: 100%;width: 175px;position: relative;}
.village-box .image-box a{display: flex;height: 100%;}
.village-box .image-box iframe{height: 100%;width: 100%;min-height: 200px;display: -webkit-box;}
.village-box .image-box img{width:100%;height: 100%;}
.village-box .small-box {margin-bottom: 5px;}
.village-box .small-box span{font-size:16px;font-weight: 700;line-height: 26px;}
.village-box .small-box p{font-size:14px;line-height: 22px;color:var(--black);}
.village-box  .numbers ul{display: flex;align-items: center;gap: 10px;line-height: 22px;}
.village-box  .numbers ul li{display: flex;align-items: center;gap: 10px;border: 1px solid transparent;border-radius: 8px;padding: 2px 4px;height: 40px;border-color: var(--primary);}
.village-box  .numbers ul li img{max-width:30px;width: 100%;object-fit: cover;padding: 4px; filter: brightness(0) saturate(100%) invert(28%) sepia(53%) saturate(2107%) hue-rotate(157deg) brightness(91%) contrast(98%);}
.village-box  .numbers ul li span{font-size: 20px;font-weight:500;color: var(--black);}

.builders-sec {position: relative;background: transparent !important;overflow: hidden;}



.builders-sec .content-box .heading{
  margin-bottom: 25px;
}
.builders-sec .content-box .heading h2{margin-bottom: 24px;font-size: 40px;line-height: 1.3;font-weight: 600;}

.builders-sec .content-box .heading p {
  line-height: 27px;
 
}



.builders-sec .image-box {
  position: relative;
    display: flex;
flex-grow: 1;
    position: relative;
    min-height: 639px;
  height: 100%;

  justify-content: flex-end; 
}

.builders-sec .image-box img {   position: absolute;    left: 0;    width: calc(100% + (50vw - 500px) + 8px);    max-width: none;    object-fit: cover;    top: 0;    height: 100%;}
.builders-sec.display .image-box img {   left: unset;   right: 0;}

.builders-sec::after {content: "";position: absolute;top: 0;right: 0;width: 40%;height: clamp( 50% ,2.5vw ,100%);background: #02717a;clip-path: polygon(30% 0, 100% 0, 100% 100%, 0% 100%);z-index: -1;}
.display::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 40%;
    height: clamp( 50% ,2.5vw ,100%);;
    background: #b8a21e;
    clip-path: polygon(0 0, 70% 0, 100% 100%, 0% 100%);
    z-index: -1;
}

.builders-sec .content-box p a{color: var(--gold);transition: 0.3s linear;}
.builders-sec .content-box p a:hover{color: var(--primary);}
.builders-sec .content-box p{font-size: 18px;
    font-weight: 500;
    line-height: 26px;}
.awards-sec {
   
    position: relative;
}

.awards-sec::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.65);
    z-index: 1;
}

.awards-sec .container {
    position: relative;
    z-index: 2;
}

.awards-heading {
    text-align: center;
    margin-bottom: 50px;
}

.awards-heading h2 {
    color: #ffffff;font-size: 36px;
    line-height: 56px;
}
.awards-sec .award-badge{background: transparent;position: relative;top: unset;left: unset;padding: 0;}
.award-badge {
    text-align: center;
}
.award-badge img {
    width: 100%;
    max-width: 215px;
    height: auto;
}

.badges-box ul{
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
}

.blog-sec .heading{text-align: center;}
.blog-sec .row{row-gap:40px;}
.blog-card{background-color: var(--white);padding:20px;border: 1px solid #e5e5e5;border-radius:20px;   box-shadow: 0 20px 50px rgba(0, 0, 0, 0.15);height:100%;display: flex;flex-direction: column;}
.blog-card a{width: 100%;}
.blog-card .image-box{width:100%;position: relative;margin-bottom:20px;}
.blog-card .image-box > img{width: 100%;aspect-ratio: 4 / 3;object-fit: cover;border-radius: 16px;}
.blog-card .date{display: flex;align-items:center;justify-content: center;gap:5px;padding: 6px 10px; border-radius: 6px; background-color:var(--primary);font-weight: 500;position: absolute;left: 12px;bottom: 12px}
.blog-card .date img{max-width:20px;object-fit:cover;}
.blog-card .date span{color: var(--white);font-family: var(--font1);font-size:14px;text-transform: uppercase;font-weight:500;}
.blog-card .details{display: flex;flex-direction: column;height: 100%;}
.blog-card .details h3{font-size:22px;line-height:28px;font-weight: 600;}
.blog-card .details .wrapper {flex-grow: 1;   }
.details .btn {margin-top: 10px;}
.blog-sec .more-btn{display: flex;justify-content: center;}
.form-select, .form-control {display: block;width: 100%;padding: 5px 10px;font-size: 16px;font-weight: 400;line-height: 1.5;color: #212529;background-color: #fff;background-clip: padding-box;border: 1px solid #ced4da;border-radius: 8px;height: 100%;}
.form-control:disabled {background-color: #e9ecef;opacity: 1;}
textarea.form-control {min-height: 100px;resize: vertical;}
.message-sec{min-height:500px;display: flex;align-items: center;justify-content: center;}
.message-sec .main-box{background-color: white;}
.message-sec .message-box{background-color: var(--navy);}
.message-sec .logos-box{padding: 30px;}
.message-sec .logos-box .addres{margin-top:-40px;}
.message-sec .logos-box .addres span{font-size: 18px;line-height: 28px;font-weight: 500;color: var(--primary);}
.message-sec .logos-box .addres h2{font-weight: 800;font-size: 26px;line-height: 1.2;margin-bottom: 12px;text-transform: uppercase;}
.message-sec .logos-box .addres p{margin-bottom: 8px;}      
.message-sec .call-us-box img{width: 24px;height: auto;object-fit: contain;margin-right: 10px;}
.message-sec .call-us-box a{font-size: 16px;font-weight: 500;color:var(--white);}
.message-sec .message-box{padding:30px;text-align: center;height: 100%;}
.message-sec .message-box h2{color: var(--white);margin-bottom:30px;}
.message-sec .message-box h2 span{color: var(--gold);}
.form-control:focus {outline: none !important;box-shadow: none !important;border-color: inherit !important;}
.message-sec .message-box button{border: 0;cursor: pointer;}
.totop-sec{padding: 0;text-align: center;display: flex;justify-content: center;align-items: center;}
.totop-btn{display: flex;justify-content: center;}
.totop-btn a .scroll{display: flex;align-items: center;justify-content: center;padding: 20px 10px;gap:10px;background-color: #AC9820;width: fit-content;}
.totop-btn a{display: block;}
.totop-btn span{display: block;text-transform: uppercase;font-size: 14px;font-weight:600;color: var(--black);}
.icon-box{min-width:30px;height:30px;border-radius: 50%;display: flex;align-items: center;justify-content: center;border: 2px solid var(--black);}
.icon-box img{max-width: 20px;object-fit: cover;}
footer{color: var(--white);padding:50px 0;text-align: center;}
footer .wrapper{display: flex;align-items: center;justify-content: center;gap: 20px;margin-bottom: 20px;}
footer .wrapper .years img{max-width: 200px;width: 100%;object-fit: cover;}
footer .footer-content .policy p a{color: var(--white);font-size: 14px;font-weight: 500;}
footer .footer-content .policy p{padding-right:10px;}
footer .footer-content .policy ul li:last-child{border-right: 0;padding-left:10px;}
.story-box {display: flex; align-items: center; gap: 20px;}
.tours-sec .row{row-gap: 30px;align-items: center;}
.tours-sec .video-box iframe{aspect-ratio: 16/9;}
.tours-sec .buton-box{display: flex;align-items: center;gap: 20px;justify-content: end;}
.ann-bar {
       background: var(--red-dark);
    color: #fff;
    text-align: center;
    padding: 8px 16px;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: .03em;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 20px;
    flex-wrap: wrap;
}
.ann-tag {
    background: var(--red);
    color: #fff;
    font-size: 10px;
    font-weight: 600;
    padding: 2px 8px;
    letter-spacing: .08em;
    text-transform: uppercase;
    border-radius: 2px;
    margin-right: 4px;
}
.ann-link{color: var(--white);text-decoration:underline;}

/* POPUP BASE */
.enquiry-popup {
  position: fixed;
  inset: 0;
  z-index: 99999;
  display: none;
}

.enquiry-popup.active {
  display: block;    overflow-x: hidden;    scrollbar-width: none;
    overflow-y: auto;background: rgba(0,0,0,0.5);
}

/* OVERLAY */
.enquiry-popup__overlay {
  position: absolute;
  inset: 0;
  /* background: rgba(0,0,0,0.5); */
}

/* BOX */
.enquiry-popup__box {
  position: relative;
  max-width: 520px;
  margin: 60px auto;
}

.enquiry-popup__content {
  background: #fff;
  padding: 30px;
  position: relative;
  border-radius: 4px;
}

/* CLOSE */
.enquiry-popup__close {
  position: absolute;
  top: 10px;
  right: 15px;
  border: none;
  background: none;
  font-size: 22px;
  cursor: pointer;
}

/* HEADER */
.enquiry-popup__title {
  font-size: 18px;line-height: 1.2;
  font-weight: 700;
  margin-bottom: 10px;
}

.enquiry-popup__subtitle {
  font-size: 14px;
  color: var(--text-mid);
}

.enquiry-popup__note {
  font-size: 12px;
  color: var(--text-muted);
  display: block;
  margin-top: 5px;margin-bottom: 12px;
}

/* FORM */
.enquiry-popup__form-title {
  font-size: 22px;color: var(--navy);font-weight: 700;
  margin-top: 20px;
}

.enquiry-popup__form-desc {
  font-size: 14px;
  margin-bottom: 15px;
}

/* INPUTS */
.enquiry-popup__input,
.enquiry-popup__select,
.enquiry-popup__textarea {
  border-radius: 0;
  border: 1px solid var(--border);
  font-size: 14px;
  padding: 10px;
}

.enquiry-popup__textarea {
  min-height: 100px;
  resize: none;
}

/* BUTTON */
.enquiry-popup__submit {
  background: var(--primary);
  color: #fff;border-color: var(--primary);margin-inline: auto;border: 0;
  padding: 10px 30px;
  border-radius: 0;
}

.enquiry-popup__submit:hover {
  background: var(--navy);
}
.text-center{text-align: center;}





/* ── HOMES GRID ── */
.homes-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:20px}
.home-card{background:#fff;border:1px solid var(--border);border-radius:12px;overflow:hidden;transition:transform .22s,box-shadow .22s;cursor:pointer;position: relative;}
.home-card:hover{transform:translateY(-5px);box-shadow:0 16px 40px rgba(27,58,92,.12)}
.home-card .card-img:after {background: url(images/boxes/60K-Identifier.png) no-repeat 0 0;width: 100%;height: 100%;background-position: right; background-size: contain;position: absolute;content: "";right: 0;top: 0;bottom: 0;}
.card-img{aspect-ratio:16/8;background:linear-gradient(135deg,#E8EDF4 0%,#D0D8E6 100%);position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden}
.card-img-placeholder{font-family:'Playfair Display',serif;font-size:18px;color:var(--text-muted);opacity:.35}
.card-badge-display{position:absolute;top:12px;left:12px;background:var(--red);color:#fff;font-size:9.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;padding:3px 9px;border-radius:4px}
.card-badge-new{position:absolute;top:12px;left:12px;background:var(--navy);color:#fff;font-size:9.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;padding:3px 9px;border-radius:4px}
.card-tour-badge{position:absolute;bottom:12px;right:12px;background:#edededde;color:#fff;font-size:10px;font-weight:500;padding:4px 9px;border-radius:4px;backdrop-filter:blur(4px);z-index: 9;}
.card-body{padding:18px 20px 0}
.card-name{font-family:'Montserrat',serif;font-size:20px;font-weight:700;color:var(--navy);margin-bottom:4px;line-height:1.2;display: block;}
.card-size{font-size:11.5px;font-weight:500;color:var(--text-muted);margin-bottom:12px}
.card-specs-row{display:flex;gap:0;border:1px solid var(--border);border-radius:7px;overflow:hidden;margin-bottom:14px}
.card-spec{flex:1;padding:8px 6px;text-align:center;border-right:1px solid var(--border);transition:background .15s}
.card-spec:last-child{border-right:none}
.card-spec-val{display:block;font-size:14px;font-weight:700;color:var(--navy);line-height:1}
.card-spec-key{display:block;font-size:9.5px;font-weight:500;color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em;margin-top:2px}
.card-dims{display:flex;justify-content:space-between;font-size:11.5px;color:var(--text-muted);padding-bottom:14px;border-bottom:1px solid var(--light)}
.card-actions{display:grid;grid-template-columns:1fr 1fr;gap:0;margin:0 -0px;padding:12px 0 16px}
.card-btn{padding:9px 8px;border:none;border-radius:6px;font-size:12.5px;font-weight:600;cursor:pointer;transition:all .15s;font-family:'Inter',sans-serif;letter-spacing:.01em;text-align:center}
.card-btn-primary{background:var(--navy);color:#fff;margin-right:6px;border: 1px solid var(--navy);box-shadow: inset 0 0 3px rgb(255 255 255)}
.card-btn-primary:hover{background:var(--navy-deep)}
.card-btn-secondary{background:var(--light);color:var(--navy)}
.card-btn-secondary:hover{background:var(--border)}
.village-banner {position: relative;padding: 0;}
.village-banner .details-box{position: absolute;border-radius: 180px;overflow: hidden;left: 9%;top: 50%;transform: translateY(-50%);height: 380px;width: 380px;-webkit-box-shadow: 0 0 17px 0 rgb(79 79 79);-moz-box-shadow: 0 0 17px 0 rgb(79 79 79);box-shadow: 0 0 17px 0 rgb(79 79 79);display: flex;flex-direction: column;align-items: center;justify-content: center;}
.village-banner .details-box .image-box{width: 100%;}
.village-banner .details-box .image-box img{width: 100%;height: 100%;}
.village-banner .details-box .text_area{background: rgb(2 113 122 / .8);position: absolute;text-align: center;color: #fff;bottom: 0;padding: 20px 80px;left: 50%;transform: translateX(-50%);width: 100%;}
.banner-sec .heading{text-align: center;}
.banner-sec .heading h1{color: var(--white);}
.btn-outline {background-color: transparent;color: var(--white);display: flex;align-items: center;justify-content: center;transition: all .3s ease-in;padding: 10px 25px;width: fit-content;border: 1px solid var(--white);}
.btn-outline:hover{background-color: var(--white);color: var(--primary);}
.banner-sec .think-box{display: flex;flex-direction: column;align-items:center;height:100%;min-height:370px;}
.banner-sec .think-box h2{color: var(--white);text-align: center;font-weight: 300;}
.banner-sec .think-box h2 span{color: var(--white);display: block;}
.banner-sec .btn-outline{margin-top: auto;}
.banner-sec .badge{display: flex;flex-direction: column;align-items: center;}
.banner-sec .badge img{max-width:300px;margin-bottom:30px;}
.banner-sec .row{row-gap:40px;}
.line-card {background-color: var(--white);display: flex;flex-direction: column;align-items: center;justify-content: flex-start; gap: 20px;text-align: center;height: 100%;}
.line-card .icon-box{width: 100px;height: 100px;border-radius:50%;display: flex;align-items: center;border: 0;background-color: #c20000;aspect-ratio: 1/1;}
.line-card .icon-box img{min-width:50px;}
.line-card  .details{display: flex;flex-direction: column;height: 100%;}
.line-card h4{font-size: 20px;font-weight: 500;color: var(--red);line-height: 1.3;margin-bottom: 13px;}
.line-card p{font-size: 18px;font-weight: 300;}
.condition-sec .image-box{min-height: 500px;width: 100%;}
.condition-sec .image-box img{width: 100%;}
.condition-sec .image-box{display: flex;flex-direction: column;justify-content: space-between;padding: 30px;}
.condition-sec .image-box .after{text-align: end;}
.condition-sec .image-box .after h4{color: var(--white);}
.six-sec .heading{text-align: center;}
.six-sec .heading h2{color: var(--white);}
.steps-sec .steps ul li{display: flex;gap:20px;align-items: baseline;margin-bottom: 20px;}
.steps-sec .steps ul li span{display: flex;align-items: center;justify-content: center;background-color:#c20000;border-radius:50%;min-width: 50px;height:50px;color: var(--white);font-size:30px;font-weight: 700;}
.beats-sec .heading{text-align: center;max-width: 500px;margin: 0 auto;}
.beats-sec .renovate-box{margin-top: 30px;}
.beats-sec .renovate-box ul{margin: 10px 0 20px 10px;}
.beats-sec .renovate-box ul li{font-size: 20px;margin-bottom: 10px;list-style-type: disc;}
.beats-sec .renovate-box p{font-size: 20px;}
.beats-sec .renovate-box .btn{margin-top:30px;}
.video-wrapper {position: relative;width: 100%;height: 500px; overflow: hidden;}
.video-wrapper .videos {position: relative;width: 100%;height: 100%; }
.video-wrapper .videos video {width: 100%;height: 100%;object-fit: cover; }
.video-overlay {position: absolute;inset: 0;z-index: 2;cursor: pointer;}
.video-overlay img {width: 100%;height: 100%;object-fit: cover;}
.videos-sec .heading h2{color: var(--white);text-align: center;margin-bottom: 30px;}
.enqu-sec .heading{text-align: center;margin-bottom: 30px;}
.enqu-sec .heading h2{color: var(--primary);margin-bottom:10px;}
.enqu-sec form .row{row-gap: 25px;}
.enqu-sec form input{padding: 12px;font-size: 16px;}
.enqu-sec form select{padding: 12px;font-size: 16px;}
button{border: 0;}
.btn-theme{background-color: var(--primary);color: var(--white);display: flex;align-items: center;justify-content: center;transition: all .3s ease-in;padding: 10px 25px;width: fit-content;}
.hero-sec.rent-banner .image-box .start-link {right:26%;position: absolute;}
.hero-sec.rent-banner .image-box .qoute-link {right: 60%;position: absolute;bottom: 40px;width: 200px;height: 100px;}
.dream-sec .line-card img{max-width: 100px;width: 100%;}
.dream-sec .line-card h4{color: var(--primary);}
.dream-sec .line-card {background: transparent;}
.along-sec{min-height: 100vh;display: flex;align-items: center;position: relative;}
.along-sec h1{color: var(--white);margin-bottom: 20px;font-size:120px;line-height: 1.3;font-family: var(--font2);font-weight:200;}
.along-sec .along_text p{color: var(--white);font-size:24px;line-height:1.3;margin-bottom: 30px;font-family: var(--font1);font-weight: 300;}
.along-sec .btns-box{display: flex;align-items:center;gap:20px;}
.better-sec{min-height:700px;display: flex;align-items:center;position: relative;}
.better-sec .heading h2{color: var(--white);}
.better-sec .cta-box h3{color: #c20000;;font-weight: 500;margin-bottom: 10px;}
.better-sec .cta-box .btns-box{display: flex;gap: 20px;}
.better-sec .list-box{padding: 25px 40px;border: 1px solid #fff;max-width: 250px;position: relative;z-index: 1;}
.better-sec .list-box ul li{font-weight: 700;color: var(--white );font-size:18px;text-transform: uppercase;margin-bottom: 20px;position: relative;display: flex;flex-direction: column;align-items: center;justify-content: center;text-align: center;}
.better-sec .list-box ul li .point_number {background: #c20000;padding: 4px 6px;width: 30px;margin: 0 auto 5px;}
.dream-sec{position: relative;display: flex;align-items: center;}
.dream-sec .container{position: relative;z-index: 2;}
.dream-sec .right-box h2{color: #c20000;margin-bottom:20px;}
.dream-sec .right-box h4{color: var(--white);}
.dream-sec .left-box .median-box{margin-bottom: 20px;}
.dream-sec .left-box .median-box p{color: var(--white);font-size: 20px;line-height:26px;}
.dream-sec .left-box .median-box h4{color:#c20000;}
.dream-sec .cta-box{display: flex;align-items: center;justify-content: center;}
.dream-sec .row{row-gap: 30px;}
.dream-sec .cta-box .btns-box{display: flex;gap:20px;}
.award-sec .row{row-gap: 30px;}
.award-sec .heading{margin-bottom: 20px;text-align: center;}
.award-sec .image-box{width: 100%;}
.award-sec .image-box img{width: 100%;}
.steel-sec .info-wrap h2{color: var(--white);margin-bottom:25px;font-family: var(--font2);font-weight: 300;font-size: 48px;line-height: 1.3;}
.steel-sec .info-wrap p{font-size:22px;margin-bottom:30px;color: var(--white);font-family: var(--font2);font-weight: 300;}
.steel-sec .address_text{color: var(--white);}
.steel-sec .address_text h6{margin-bottom: 16px;font-family: var(--font2);}
.btn-white img{max-width: 30px;}
.steel-sec .btn-white{color: var(--primary);    width: 100%; max-width: 208px; gap: 18px; justify-content: start; padding: 8px 16px;border-radius: 12px;font-family: var(--font2);}
.steel-sec .btn-white img{width: 22px;}

.steel-sec .contact_badges{margin-top: 30px;}
.steel-sec .contact_badges ul{display: flex;align-items: center;gap:10px;}
.steel-sec .form-box h4{text-transform: uppercase;color: var(--black);text-align: center;font-family: var(--font3);font-weight: 600;}
.steel-sec .form-box .custom_btns .btn-danger{width: fit-content;background: #c20000;border:1px solid #c20000;font-weight: 600;text-transform: uppercase;font-size: 20px;margin-right: 7px;color: var(--white);padding:6px 24px;box-shadow: inset 0 0 10px rgba(255, 255, 255, 0.541);margin-inline: auto;}
.steel-sec {position: relative;}
.inner-btn{display: flex;gap: 20px;}
.hero-sec.build-banner .logo-box{width:100%;display: flex;justify-content: flex-end;margin: 10px 0;}
.hero-sec.build-banner .logo-box img{width:100%;max-width: 200px;}
.hero-sec.build-banner .content-box h3{color: var(--white);font-weight: 100;font-family: var(--font2);font-size: 50px;line-height: 1.1;}
.hero-sec.build-banner .content-box .btns-box{margin-top: 30px;display: flex;align-items: center;gap:20px;}
.red-sec .heading h2{margin-bottom: 30px;color: var(--white);}
.red-sec .heading p{color: var(--white);font-size: 20px;line-height:26px;}
.together-sec{min-height:600px;}
.together-sec{position: relative;}
.together-sec .after{position: absolute;bottom: 40px;}
.together-sec h4{color: var(--white);}
.red-sec{overflow: visible;}
.red-sec .heading{position: relative;}
.red-sec .heading .left img{position: absolute;z-index: 9;left: -110px;top:60%;}
.red-sec .heading .right img{position: absolute;z-index: 9;right: -110px;top:-60%;}
.madison-sec{padding: 110px 0;}
.madison-sec .image-box img{aspect-ratio: 4/3;object-fit: cover;}
.madison-sec .content-box h3{color: var(--primary);margin-bottom: 16px;font-family: var(--font2);font-weight: 100;font-size: 36px;}
.madison-sec .content-box p{color: var(--primary);font-size:25px;line-height:26px;font-weight: 400;}
.madison-sec .row{margin:0 0 50px;}
.madison-sec .row:last-child{margin: 0;} 
.madison-sec .row .content-box{padding-left: 48px;}
.madison-sec .row:nth-child(even) {flex-direction: row-reverse;}
.madison-sec .row:nth-child(even) .content-box{padding-left: 0;padding-right: 48px;}
.fold-sec{min-height: 500px;display: flex;align-items: center;}
.fold-sec .content-box p{font-size: 32px;color: var(--primary);margin-bottom: 20px;font-family: var(--font2);font-weight: 300;}
.fold-sec .tag-box img{max-width: 200px;}
.fold-sec .tag-box {display: flex;justify-content: end;height: 100%;align-items: end;}



.sixty-banner {position: relative;overflow: hidden;display: flex;align-items: center;min-height: 700px;}
.sixty-banner .right-image{position: absolute;right: 0;top: 0;bottom: 0;height: 100%;}
.sixty-banner .red-effect{position: absolute;top: 0;left: 0;width: 100%;bottom: 0;}
.sixty-banner .container{position: relative;z-index: 2;}
.sixty-banner .btn-secondary{text-transform: uppercase;font-family: var(--font3);font-weight: 900;}
.sixty-banner .btn-white{text-transform: uppercase;font-family: var(--font3);font-weight: 900;}
.text-white * {color: var(--bg);}
.xl-heading h1{font-size: 82px; line-height: 1.3;font-weight: 100;font-family: var(--font2);max-width: 380px;}
.xl-heading p{font-size: 24px;line-height: 1.3;font-family: var(--font1);font-weight: 400;margin-bottom: 18px;}

.dream-sec.beta-dream-sec::before{content: unset;}
.flyer-sec{padding: 0;position: relative;overflow: hidden;display: flex;}
.flyer-sec a{position: absolute;bottom: 10%;width: fit-content;padding: 12px 50px;opacity: 0;}
.flyer-sec a.banner_r_link{right: 5%;bottom: 6%; width: 19%;height: 90px;}
.flyer-sec a.banner_lt_link{right: 30%;  bottom: 6%; width: 19%;height: 90px;}



.room-point-sec {
  font-family: 'Roboto Condensed', sans-serif;position: relative;padding: 0;display: flex;
}
.room-point-sec .top-left-tag{position: absolute;left: -25px;top: 2%;width: fit-content;transform: skewX(-16deg);padding: 30px 60px 30px;background: var(--primary);color: white;max-width: 600px;}
.room-point-sec .top-left-tag h2{transform: skewX(16deg);font-size: 32px;line-height: 1.2;font-weight: 700;}
.room-point-sec .bottom-content{position: absolute;bottom: 40px;left: 45px;color: var(--white);}
.right-content{position: absolute;right: 0;top: 0;height: 100%;display: flex;justify-content: center;align-items: center;padding: 30px 50px 30px 150px;clip-path: polygon(30% 0, 100% 0%, 100% 100%, 30% 100%, 0% 50%);background: rgb(0 0 0 / .5);width: 40%;}
.right-content .wrapper{ padding: 25px 20px;border: 1px solid #fff; max-width: 250px;display: flex;flex-direction: column;gap: 12px;text-align: center;}
.right-content .wrapper .point-box .no{background: #c20000;padding: 4px 6px; width: 30px;color: var(--white);margin-bottom: 16px;display: block;margin-inline: auto;}
.right-content .wrapper .point-box P{color: var(--white);font-weight: 700;}
.room-point-sec .bottom-content h3{font-size: 42px;margin-bottom: 24px;}
.room-point-sec .bottom-content a{font-size: 18px;}

.more-better{position: relative;padding: 0;font-family: var(--font2);}
.more-better .img-box{ clip-path: polygon(100% 0%, 50% 50%, 100% 100%, 0 100%, 50% 50%, 0 0);position: relative;height: 100%;}
.more-better .img-box::before{position: absolute;left: 0;right: 0;top: 0;bottom: 0;content: "";background: rgb(255 255 255 / .3);}
.more-better .img-box .btn-white{position: absolute;bottom: 20px;left: 0;right: 0;margin-inline: auto;z-index: 2;font-size: 24px;}
.more-better .img-box img{height: 100%;object-fit: cover;width: 100%;min-height:500px;}
.more-better .left-wrap{display: flex;flex-direction: column;gap: 20px;}
.more-better .better-content h4{color: var(--red-dark);font-family: var(--font2);font-size: 38px;font-weight: 600;text-transform: uppercase;margin-bottom: 16px;}
.more-better .better-content P{color: var(--white);font-size: 28px;font-family: var(--font2);font-weight: 100;}
.steel-sec {position: relative;z-index: 2;overflow: hidden;}
.steel-sec .image-box{height: 100%;    flex-grow: 1;position: relative;display: flex; align-items: center;justify-content: end;}
.steel-sec .image-box img{height: 100%;}
.steel-sec .image-box img{    width: calc(100% + (50vw + 249px) + 8px);object-position: left;   position: absolute;left: 0;max-width: none;object-fit: cover; top: 0; height: 100%;}


.better-sec{position: relative;}
.better-sec .heading{position: absolute;left: -34px;top: 4%;width: fit-content;transform: skewX(20deg);padding: 30px 60px 30px;background: var(--primary);color: white;max-width: 600px;}
.better-sec .heading h2{transform: skewX(-20deg);font-size: 38px;}
.better-sec .cta-box{position: absolute;bottom: 40px;left: 45px;color: var(--white);}
.steel-sec .info-wrap{padding: 80px 0;}
.steel-sec .form-box {position: relative;z-index: 2;background: var(--bg);border-radius: 12px;padding: 12px 20px;max-width: 450px;}

.more-better .right-big , .more-better .left-wrap{padding: 120px 0;}

.more-better .right-big{display: flex;flex-direction: column;justify-content: center;}
.more-better .right-big h3{color:#c20000;font-family: var(--font2);font-size:80px;font-weight: 700;text-transform: uppercase;margin-bottom: 16px;line-height: 1.2;}
.more-better.more-big .right-big h3{font-size: 180px;}
.more-better .right-big p{color: var(--white);font-size: 45px;font-family: var(--font2);font-weight: 100;}
.more-better .img-box .btn-secondary {position: absolute;top: 20px;left: 0;right: 0;margin-inline: auto;}

.awards-sec.promotion::before{display: none;}
.awards-sec.promotion .awards-heading h2{color: var(--black);}
.blog-details-sec{position: relative;background-color: #f3f9f9;}
.blog-details-sec .details-box .image-box{width: 100%;border-radius: 4px;}
.blog-details-sec .details-box .image-box img{width: 100%;border-radius: 4px;margin-bottom: 30px; filter: sepia(40%) hue-rotate(-10deg) saturate(120%);height: auto;object-fit: contain;}
.editorial{margin-bottom:20px;background-color: var(--primary);color: var(--white);font-size: 16px;font-family: var(--font2);width: fit-content;padding: 6px 8px;border-radius: 6px;}

.blog-details-sec h1{color: var(--primary); font-size: 38px;line-height: 42px;margin-bottom: 10px;}
.blog-details-sec h2{margin-top: 30px;font-size: 32px;}
.blog-details-sec h2 b,.blog-details-sec h3 b,.blog-details-sec h4 b,.blog-details-sec h5 b{font-weight: 600;}
.blog-details-sec h3{font-size: 26px;line-height: 32px}
.blog-details-sec h2,.blog-details-sec h3,.blog-details-sec h4,.blog-details-sec h5{margin-bottom: 10px;font-weight: 500;text-align: unset !important;}
.blog-details-sec .heading{padding-bottom: 20px;}
.blog-details-sec .details-box ul{margin-left: 30px;margin-bottom: 20px;}
.blog-details-sec .details-box ul li{list-style-type: disc;font-weight: 500;margin-bottom: 10px;}
.blog-details-sec .details-box ol li{list-style-type: decimal;margin-left: 30px;margin-bottom: 10px;}
.blog-details-sec .details-box ol li strong{color: var(--primary);}
.blog-details-sec .details-box ul li::marker{color: var(--primary);}
.blog-details-sec .details-box ol li::marker{color: var(--primary);}
.blog-details-sec .details-box h4{font-size: 22px;line-height: 30px;margin-bottom: 16px;}
.contact-box{background:var(--white);padding:30px;border-radius:12px;box-shadow:0 10px 30px rgba(0,0,0,0.08);}
.blog-details-sec .details-box p{line-height: 1.3;font-size: 16px;}
.contact-box h2{font-weight:600;margin-bottom:20px;}
.form-control, .form-select{border-radius:8px;padding:12px;}
.contact-box .btn-secondary{font-size: 18px;}
.btn-custom:hover{background:#0d5f59;}
.location-card{background:var(--primary);color:var(--white);border-radius:12px;margin-bottom:20px;transition:0.3s;height: 100%;}
.location-card .content{padding: 10px 20px 20px;}
.location-card .content h5{margin-bottom: 16px;font-size: 20px;}

.location-card .content p{font-weight: 400;line-height: 1.38;font-size: 15px;}
.location-card .content p strong{margin-bottom: 6px;display: block;}
.location-card .content p strong+br{display: none;}
.location-card:hover{transform:translateY(-5px);}
.location-card iframe{width:100%;aspect-ratio: 1/1; border-radius:8px 8px 0 0;border:0;height: auto;}
.location-card p a{color: var(--white);}
.awards-sec.promotion::before{content: unset;}
.heading.knock h1{font-size: 55px;font-weight: 300;line-height:62px;}
.flex-box{display: flex;gap: 20px;flex-wrap: wrap;justify-content: space-between;}
.flex-box .image-box{max-width: 35%;}
.flex-box  .heading{max-width: 62%;}
.blog-details-sec .heading-main h2{font-size: 50px;font-weight: 700;color: var(--primary);margin-bottom: 32px;font-family: var(--font1);}



.prize-sec .row{row-gap: 20px;}
.prize-sec .heading h1{font-size: 24px;line-height:30px;font-weight: 700;}
.award-card {display: flex;justify-content: space-between;align-items: flex-start;background: #f2f2f2;padding: 18px 22px;border-radius: 10px;margin-bottom: 15px;border: 1px solid var(--border);transition: 0.3s;}
.award-card:hover {transform: translateY(-4px);box-shadow: 0 10px 25px rgba(0,0,0,0.08);border-left: 4px solid var(--primary);background: linear-gradient(to right, #f9fdfd, #ffffff);}
.award-left {display: flex;gap: 15px;align-items: flex-start;}
.award-card .icon img { min-width: 40px; height: 40px; border-radius: 50%;}
.award-card .content h4 {margin: 0;font-size: 16px;}
.award-card .content h4 span {color: var(--secondary);}
.award-card .content p {margin: 4px 0 0;font-size: 13px;color: var(--text-muted);line-height: 1.5;}
.award-card .award-right {display: flex;flex-direction: column;gap: 5px;text-align: right;min-width: fit-content;}
.award-card .price {color: var(--primary);font-weight: 600;}
.name {font-weight: 700;}
.img-card {background: #fff;padding: 10px;border-radius: 10px;margin-bottom: 20px;border: 1px solid var(--border); transition: 0.3s;}
.img-card img {width: 100%;border-radius: 8px;}
.img-card:hover {transform: scale(1.02);box-shadow: 0 10px 25px rgba(0,0,0,0.1);}
.win-card-card:hover {transform: translateY(-2px);}
.win-card p{font-size: 16px;line-height: 22px;}
.win-card{background: var(--white);border-radius: 8px;padding: 10px; background: var(--white); border: 1px solid rgba(26,23,20,0.07);transition: box-shadow 0.25s, transform 0.25s;overflow: hidden;height: 100%;}
.win-card .card-image {position: relative; overflow: hidden; }
.card-image img { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform 0.5s;border-radius:12px;}
.award-badge {position: absolute; top:20px; left: 20px;background: var(--black); color:var(--gold);font-size: 12px;text-transform: uppercase ;font-weight:600;padding:6px;border-radius: 12px;}
.award-badge.gold { background: var(--gold); color: #1A1714; }
.card-content { padding:20px; display: flex; flex-direction: column; }
.card-meta-row {display: flex; align-items: flex-start; justify-content: space-between;margin-bottom: 10px;}
.card-org { font-size:14px;  text-transform: uppercase; color:var(--gold); }
.card-year-badge {font-size: 18px;background: var(--primary); color:var(--white);padding: 0.25rem 0.6rem; border: 1px solid rgba(26,23,20,0.1);}
.card-home-name {font-size: 32px;font-weight: 400;color: #1A1714;line-height: 1.1;margin-bottom: 8px;}
.card-category {font-size: 14px;color: var(--black);margin-bottom: 4px;background-color: var(--gold);padding: 5px 10px;font-weight: 600;max-width: fit-content;}
.card-price {font-size: 12.5px;color: rgba(26, 23, 20, 0.35);letter-spacing: 0.8px;margin-bottom: 24px;font-weight: 700;}
.card-divider {width: 32px;height: 1px;background: var(--gold);margin-bottom: 24px;}
.judges-label {font-size: 10px;letter-spacing: 2.88px;text-transform: uppercase;margin-bottom: 9.6px;font-weight: 700;}
.judges-text {font-size: 14px;line-height: 1.7;color: rgba(26, 23, 20, 0.6);flex: 1;}
.card-footer {margin-top: 24px;padding-top: 20px;border-top: 1px solid rgba(26, 23, 20, 0.06);}
.view-home-btn {font-size: 11.2px;letter-spacing: 2.4px;text-transform: uppercase;color: #1A1714;text-decoration: none;display: inline-flex;align-items: center;gap: 8px;cursor: pointer;background: none;border: none;font-family: 'Outfit', sans-serif;transition: gap 0.2s;}
.win-card .wrapper{display: flex;align-items: center;justify-content: space-between;}
.cta-band {background: #1A1714;padding: 64px 48px;display: flex;align-items: center;justify-content: space-between;gap: 32px;}
.cta-band h2 {font-size: 35.2px;font-weight: 300;color: var(--white);}
.cta-band h2 em {font-style: italic;color: var(--gold);}
.cta-band p {font-size: 14px;color: rgba(247, 244, 239, 0.45);margin-top: 8px;max-width: 400px;line-height: 1.6;}
.btn-gold:hover {background: var(--gold);}
.awards-section .row{row-gap: 20px;}
.awards-section .heading h1{font-size: 24px;line-height: 30px;}
.win-card h4{font-size: 18px;line-height: 24px;color: var(--primary);text-transform: uppercase;font-weight: 700;margin-bottom:5px;}
.brouchers-sec .row{row-gap: 20px;}
.brouchers-sec .heading h1{font-size: 30px;line-height: 36px;font-weight: 500;}
.main-tag{background-color: #17878c;;display: flex;justify-content: center;align-items: center;padding: 12px;margin-bottom: 10px;}
.main-tag h3{font-size: 20px;line-height: 26px;color: white;font-weight: 500;}
.broucher-card{display: flex;flex-direction: column;align-items: stretch;justify-content: center;text-align: center;height: 100%;}
.broucher-card > a{width: 100%;height: 100%;}
.broucher-card a img{width: 100%;height: 100%;}
.broucher-card .btn-primary{width: 100%;flex: 1;}
.broucher-card p{font-size: 14px;line-height: 20px;}
.truce-sec .text-box h1{font-size: 32px;line-height: 38px;color: var(--primary);}
.truce-sec .image-box {display: flex;align-items: center;justify-content: center;flex-direction: column;height:100%;}
.once-sec{position: relative;min-height:500px;display: flex;justify-content: center;align-items: center;}
.once-sec::before{position: relative;background: rgba(13, 61, 75, 0.8);content: "";position: absolute;left: 0;right: 0;bottom: 0;top: 0;z-index: 1;}
.once-sec .container{position: relative;z-index: 9;}
.once-sec .row{align-items: center;}
.once-sec .image-box{width: 100%;}
.once-sec .image-box img{width: 100%;height: 100%;border-radius: 20px;}
.once-sec .content-box h3{color: var(--white);text-transform: uppercase;margin-bottom: 7px;}
.once-sec .content-box h2{color: var(--primary);text-transform: uppercase;margin-bottom: 10px;font-size: 50px;font-weight: 600;}
.once-sec .content-box p{color: var(--white);font-size:15px;line-height:22px;font-family: var(--font1);}
.frame-sec .content-box .tag{padding: 4px 14px;border-radius: 40px;font-size:14px;font-weight: 700;text-transform: uppercase;background: #b7dcdd;width: fit-content;color: var(--white);margin-bottom: 10px;}
.frame-sec .content-box h2{margin-bottom: 10px;font-size: 24px;line-height:30px;text-transform: uppercase;}
.frame-sec .video-box{width: 100%;}
.frame-sec .video-box iframe{width: 100%;aspect-ratio: 16/9;border-radius: 20px;}
.content-box.white h2{color: var(--white);}
.image-box.effect{box-shadow: 0 0 42px -4px rgb(110 110 110);}
.generic-sec .content-box h2{color: var(--primary);font-size: 32px;line-height: 38px;}
.generic-sec .wrapper{box-shadow: 0 0 42px -4px rgb(110 110 110);}
.image-carousel .owl-item img {display: block;width: 100%;min-height: 450px;}
.image-carousel .owl-nav{position: absolute;width:96%;display: flex;align-items: center;transform: translateY(-50%);transform: translateX(-50%);bottom: 5%;gap: 30px;right: -120%;overflow: hidden;}
.generic-sec .build-row {margin: 70px 0;}
.image-carousel .owl-nav button.owl-next, .image-carousel .owl-nav button.owl-prev{background-color: var(--primary);display: flex;align-items: center;justify-content: center;min-width: 40px;height:40px;}
.image-carousel .owl-nav button.owl-next img, .image-carousel .owl-nav button.owl-prev img{max-width: 24px;}
.tour-sec .detail-box{display: flex;justify-content: center;align-items: center;position: relative;margin-inline: auto;width: fit-content;}
.tour-sec .detail-box .tour-scroll-btn{position: absolute;top: 20px;left:20px;}
.product-carousel  .owl-nav{position: absolute;width:calc(100% + 0px);display: flex;align-items: center;justify-content: space-between;top: 50%;transform: translateY(-50%);left: 50%;transform: translateX(-50%);}
.product-carousel .owl-nav button.owl-next, .product-carousel .owl-nav button.owl-prev{background-color: var(--primary);display: flex;align-items: center;justify-content: center;min-width: 40px;height:40px;}
.product-carousel .owl-nav button.owl-next img, .product-carousel .owl-nav button.owl-prev img{max-width: 24px;}
.tour-sec .addres-box{display: flex;align-items: center;justify-content: space-between;bottom: 0;height: 50px;width: 100%;background: rgb(2 113 122 / .7);padding: 10px;}
.tour-sec .addres-box .title h4{color: var(--white);font-size: 22px;line-height: 28px;}
.tour-sec .addres-box .social-box{display: flex;align-items: center;justify-content: center;gap: 10px;}
.tour-sec .addres-box .social-box span{color: var(--white);}
.tour-sec .grid-box {display: grid;grid-template-columns: repeat(6, 1fr);}
.tour-sec .grid-box .item{text-align: center;font-weight: 600;padding: 18px 0;font-size: 14px;line-height: 20px;}
.tour-sec .grid-box .item span{color: var(--primary);}
.tour-sec .grid-box .item:nth-child(odd) {border-left: #fff solid 1px;background: #e6e6e6;}
.tour-sec .grid-box .item:nth-child(even) {background: #d3d3d3;}
.tour-sec .row{row-gap: 20px;}
.aria-sec .size-grid{display: grid;grid-template-columns: repeat(5, 1fr);}
.aria-sec .size-grid .item{display: flex;flex-direction: column;align-items: center;justify-content: center;gap: 10px;border: #ccc solid 1px;padding: 23px 0 9px 0;border-collapse: collapse;padding-inline: 10px;text-align: center;}
.aria-sec .size-grid .item .icon-box{border: none;width: 100%;;height: auto;min-height: 50px;display: flex;align-items: center;justify-content: center;flex-direction: column;}
.aria-sec .size-grid .item .icon-box img{max-height:45px;max-width: 100%;}
.aria-sec .size-grid .item span{display: block;font-size: 14px;font-weight: 500;color: #666;margin-top: auto;}
.aria-sec .text-box .heading{display: flex;align-items: center;gap: 20px;margin: 20px 0;}
.aria-sec .text-box .heading h1{font-size: 36px;line-height:42px;font-weight: 500;}
.aria-sec .text-box ul{margin-bottom: 20px;}
.aria-sec .text-box ul li{list-style-type: disc;margin-left: 20px;font-size:14px;line-height:20px;}
.aria-sec .text-box h4{font-weight: 500;margin: 20px 0 10px 0;font-size: 24px;line-height: 30px;}
.aria-sec .text-box p{font-size: 14px;color: var(--black);line-height: 20px;}
.aria-sec .text-box h2{font-size: 30px;line-height: 36px;font-weight: 500;margin: 20px 0 10px 0;}
.aria-sec .text-box h2 a{font-weight: 400;}
.planmap {position: relative;background: #f5f5f5;text-align: center;width: 100%;padding: 20px;margin-top: 30px;}
.planmap span {position: absolute;right: 15px;top: 15px;}
.aria-sec .btns-box{display: flex;flex-direction: column;justify-content: center;gap: 20px;}
.aria-sec .btns-box .btn-primary{min-width: 311px;justify-content: space-between;}
.aria-sec .side-bar h2{font-size: 30px;line-height: 36px;font-weight: 500;margin-top: 20px;}
.aria-sec .side-bar p{font-size: 15px;line-height: 18px;font-weight: 500;}
.side-bar form .row{row-gap: 15px;}
.side-bar form .form-control, .side-bar form .form-select{display: block;width: 100%;height: 34px;padding: 6px 12px;font-size: 14px;line-height: 1.42857143;color: #555;background-color: #fff;background-image: none;border: 1px solid #ccc;border-radius: 0;}
.room-point-mob .main-box ul li::before{content: "";background-image: url(images/icons/check-icon.svg);background-position: center;background-repeat: no-repeat;background-size: cover;display: inline-block;margin-right:5px;width: 16px;height: 16px;}
.locations-sec .row{row-gap: 20px;}
.featured-product .heading{margin-bottom: 20px;}
.pull-right-bar{float:right;margin:15px 0 0 0}
.dropdown {
    position: relative;
    display: inline-block;
}
.dropbtn {
    background-color: #fff;
    padding: 5px 16px;
    font-size: 14px;
    border: 0;
    font-weight: 700;
    color: #155568;
}
.dropdown-content {
    display: none;
    position: absolute;
    background-color: #fff;
    min-width: 160px;
    box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.2);
    z-index: 999;
}
.dropdown:hover .dropdown-content {
    display:flex;flex-direction: column;
}
.dropdown:hover .dropdown-content a{display: flex;    color: black;
    padding: 12px 16px;  text-decoration: none; border-bottom: #ccc solid 1px; }
#load_properties{display: flex;flex-direction: column;}
#load_properties .form-select{height: fit-content;}


@media (min-width:1440px) {
    .hero-sec .image-box .banner-link {position: absolute;width: 340px;height: 100px;right: 60px;bottom: 40px;}
    .hero-sec .image-box .start-link {position: absolute;width: 600px;height: 100px;right: 26%;bottom: 40px;}
    .hero-sec .image-box .list-link {position: absolute;width: 340px;height: 100px;right: 2%;bottom: 40px;}
}

.tour-sec.new-home-detail .row{row-gap: 0;}
.page-header ul{margin-top:10px;}
.cards-row{row-gap: 30px;}
.page-numbers {display: inline-block;padding-left: 0;margin: 0;border-radius: 4px;margin-top: 20px;}
.page-numbers>li { display: inline}
.page-numbers>li>a,.page-numbers>li>span {position: relative;float: left;padding: 5px 15px;font-size: 14px;margin-left: -1px;line-height: 1.42857143;color: #333;text-decoration: none;background-color: #fff;border: 1px solid #ddd;border-radius: 0;}

.page-numbers>li:first-child>a,.page-numbers>li:first-child>span {
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px
}

.page-numbers>li:last-child>a,.page-numbers>li:last-child>span {
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px
}

.page-numbers>li>a:hover,.page-numbers>li>span:hover,.page-numbers>li>a:focus,.page-numbers>li>span:focus {
    color: #02717a;
    background-color: #eee;
    border-color: #ddd
}

.page-numbers>.active>a,.page-numbers>.active>span,.page-numbers>.active>a:hover,.page-numbers>.active>span:hover,.page-numbers>.active>a:focus,.page-numbers>.active>span:focus {
    z-index: 2;
    color: #fff;
    cursor: default;
    background-color: #02717a;
    border-color: #02717a
}

.page-numbers .current,.page-numbers .current:hover {
    z-index: 2;
    color: #fff;
    cursor: default;
    background-color: #02717a;
    border-color: #02717a
}

.page-numbers>.disabled>span,.page-numbers>.disabled>span:hover,.page-numbers>.disabled>span:focus,.page-numbers>.disabled>a,.page-numbers>.disabled>a:hover,.page-numbers>.disabled>a:focus {
    color: #999;
    cursor: not-allowed;
    background-color: #fff;
    border-color: #ddd
}


.blog_section .row{row-gap: 20px;}

.dream-sec .btn-secondary ,.dream-sec .btn-white ,.along-sec .btn-secondary ,.along-sec .btn-white , .room-point-sec  .btn-secondary ,
       .room-point-sec   .btn-white ,.more-better  .btn-secondary ,.more-better   .btn-white  {font-family:'Roboto Condensed', sans-serif;text-transform: uppercase;} */

       
.alignleft{float:left;margin:0 15px 10px 0}
.alignright{float:right;margin:0 0 10px 15px}
.aligncenter{text-align:center}
img.aligncenter{text-align:center;position:relative;left:50%;transform:translate(-50%);-webkit-transform:translate(-50%)}
.alignnone{float: none}
.blog-details-sec h1{margin-bottom: 20px;}
.truce-sec .h2{font-size: 32px;line-height:38px;color: var(--primary);margin-bottom:10px;font-weight: 600;text-transform: uppercase;}
.truce-sec p {line-height: 23px;font-size: 16px;font-family: var(--font1);}
.frame-sec p {line-height: 23px;font-size: 16px;font-family: var(--font1);}
.generic-sec h2{margin-bottom: 10px;}
.generic-sec{overflow: hidden;}
.broucher-card .btn-primary {padding: 8px 15px;font-size: 12px;}
.inner_contents h1{font-size: 36px;line-height: 42px;font-weight: 500;margin-bottom: 10px;}
.inner_contents h2{font-size: 30px;line-height: 36px;font-weight: 500;margin-bottom: 10px;}
.inner_contents p{line-height: 1.4;font-weight: 400;}
.contact-box h1{font-size: 34px;font-weight: 500;}
.contact-box .head-text{margin-bottom: 20px;max-width: 700px;margin-inline: auto;text-align: center;}
.contact-box .head-text p a,.contact-box .bottom-text p a{color: var(--secondary);}
.contact-box .head-text p,.contact-box .bottom-text p{line-height: 1.3;font-weight: 400;}
.locations-sec h3{font-weight: 500;}
 .web_popup {position:fixed; top:10%; left:10%; right:10%;  z-index: 9999; max-width:900px; margin:0 auto; background-position: center; background-repeat: repeat; }
.web_popup::-webkit-scrollbar, .web_popup::-moz-scrollbar, .web_popup::-o-scrollbar, .web_popup::-ms-scrollbar {display:none;}
.popup_content_area { padding:35px 45px 35px 8px; color:#fff; position:relative;}
.popup_content_area .popup_heading {font-size:36px; margin:0 0 25px; font-weight:300; text-shadow:0px 1px 1px rgba(0, 0, 0, 0.70); text-transform: uppercase;}
.popup_content_area .desc_popup { margin:0 0 25px;}
.popup_content_area p {font-size:16px;}
.web_popup .btn-red{font-size:14px;}
.popup_content_note p {font-size:18px; font-weight: 700; text-transform: uppercase;}
.popup_content_note a{color:#c20000;}
.popup_phone {margin:0 0 25px;}
.popup_phone a {font-size: 20px; font-weight: 700; color:#fff;}
.popup_phone a:hover, .popup_phone a:focus {text-decoration:none;}
.close_popup {position:absolute; right:15px; top:5px; font-size:55px; line-height:1; z-index:9;}
.close_popup a {color:#fff;}
.close_popup a:hover, .close_popup a:focus {text-decoration:none;}
.popup_btns {margin:0 0 15px; width: 100%; overflow: hidden;}
.popup_right_img{margin-bottom: -4px;} 
.featured-product h1{font-size: 36px;font-weight: 500;}
.timeline-sec .line-card{padding: 20px;border-radius: 20px;}
.condition-sec h4{font-style: italic;}

.error{border-color: red !important;color: red !important;height: auto !important;}
label.error{margin-bottom: 5px;display: inline-block;text-align: start;font-size: 14px;}


.product-carousel.owl-carousel .owl-item img{height: 500px; width: auto;}
.product-carousel.owl-carousel .tour-scroll-btn a{display: block;}
.product-carousel.owl-carousel .tour-scroll-btn a img{height:35px;}
.full-block{display: flex;width: 100%;height: 100%;}
.full-block img{width: 100%;object-fit: cover;}


.scrollTop{scroll-margin-top: 13vh;}



.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0,0,0,0);
  white-space: nowrap;
  border: 0;
}

.collection-bg{
  background: linear-gradient(135deg, #0f3f4f, #135366);
}