@font-face {
    font-family: 'adelle_sans_arabold';
    src: url('fonts/fonnts.com-adelle_sans_ara_bold-webfont.woff2') format('woff2'),
        url('fonts/fonnts.com-adelle_sans_ara_bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'adelle_sans_aralight';
    src: url('fonts/fonnts.com-adelle_sans_ara_lt-webfont.woff2') format('woff2'),
        url('fonts/fonnts.com-adelle_sans_ara_lt-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'adelle_sans_araregular';
    src: url('fonts/fonnts.com-adelle_sans_ara_regular-webfont.woff2') format('woff2'),
        url('fonts/fonnts.com-adelle_sans_ara_regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'adelle_sans_arasemibold';
    src: url('fonts/fonnts.com-adelle_sans_ara_sb-webfont.woff2') format('woff2'),
        url('fonts/fonnts.com-adelle_sans_ara_sb-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

:root {
    --PrimaryColor: #F58220;
    --BgColor: #F2EAE2;
    --TextColor: #414042;
    --SectionSpacing: 80px;
    --CardRadius: 10px;
    --Space40: 40px;
    --HeadingFont: 21px;
    --SubHeadingFont: 20px;
    --BodyFont: 16px;
}

body {
    background: var(--BgColor);
    color: var(--TextColor);
    font-size: var(--BodyFont);
    font-family: 'adelle_sans_araregular', sans-serif;
}

a {
    text-decoration: none;
}

.PrimarycColor {
    color: var(--PrimaryColor);
}

.fw-bold {
    font-family: 'adelle_sans_arabold', sans-serif;
}

.fw-semibold {
    font-family: 'adelle_sans_arasemibold', sans-serif;
}

.fw-light {
    font-family: 'adelle_sans_aralight', sans-serif;
}

.mt-40 {
    margin-top: 40px
}

.mt-80 {
    margin-top: var(--SectionSpacing)
}

.SectionPadding {
    padding-top: var(--SectionSpacing);
}

.SectionTitle {
    text-align: center;
    font-size: 21px;
    margin-bottom: 40px;

}

.SectionHeader {
    text-align: center;
    margin-bottom: 30px;
}

.SectionHeader h2 {
    font-size: 21px;
    text-transform: uppercase;
    font-family: 'adelle_sans_arabold';
    margin-bottom: 0;
}

.SectionDivider {
    width: 50px;
    height: 3px;
    background: #DEDCDC;
    margin: 0 auto;
}

.OverviewItem {
    font-size: var(--HeadingFont)
}

.HighlightText {
    font-size: 32px;
}




.PrimaryBtn {
    background: var(--PrimaryColor);
    color: white;
    border: none;
}

/* Header */

.MainHeader {
    background: #F2EAE2;
    padding: 10px 0;
}

.HeaderTop {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    font-size: 14px;
    color: var(--TextColor);
}

.CallNumber {
    margin-left: 10px;
    margin-right: 8px;
    color: var(--TextColor);
}

.CallNumber:hover {
    color: var(--PrimaryColor);
}

.NavbarNav a {
    font-family: 'adelle_sans_arasemibold';
    line-height: 1;
    font-size: 14px;
}

/* Hero */

/*.HeroSection{
position:relative;
height:500px;
background:url("hero.jpg") center/cover no-repeat;
display:flex;
align-items:center;
}*/

.HeroOverlay {
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, 0.2);
    display: none
}

/* Form */

.LeadFormWrapper {

    position: relative;
    z-index: 3;
}

@media(min-width:768px) {
    .LeadFormWrapper {
        margin-top: -70px;
    }
}

.LeadForm {
    background: white;
    padding: 20px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
    border-radius: 6px;
}

label.error {
    display: block;
    color: red;
    font-size: 14px;
}

/* Overview */

.OverviewItem {
    text-align: center;
    padding: 0 20px;

}

@media(min-width:992px) {
    .BorderDivider {
        border-right: 2px solid var(--PrimaryColor);
    }
}

@media(max-width:991px) {
    .OverviewItem {
        padding-top: 20px;
        padding-bottom: 20px;
    }

    .OverviewItem:nth-child(1),
    .OverviewItem:nth-child(3) {
        border-right: 2px solid var(--PrimaryColor);
    }

    .OverviewItem:nth-child(1),
    .OverviewItem:nth-child(2) {
        border-bottom: 2px solid var(--PrimaryColor);
    }
}

@media(max-width:575px) {

    .OverviewItem:nth-child(1),
    .OverviewItem:nth-child(3) {
        border-right: 0;
    }

    .OverviewItem:nth-child(3) {
        border-bottom: 2px solid var(--PrimaryColor);
    }
}

/* Philosophy */

.PhilosophyIntro {
    text-align: center;
    max-width: 800px;
    margin: auto;
    margin-bottom: 50px;
}

.PhilosophyCard {
    text-align: center;
}

.PhilosophyIcon {
    margin-bottom: 15px;
}

.PhilosophyImage {
    margin: 12px 0 14px 0;
}

.PhilosophyTitle {
    font-size: 27px;
}

.HighlightImageFrame {
    border: 20px solid var(--PrimaryColor);
}



.PhilosophyCard p {
    padding: 0 40px;
}

@media(min-width:992px) {
    .GadāCircle .PhilosophyContent {
        border-left: 4px solid var(--PrimaryColor);
        border-right: 4px solid var(--PrimaryColor);
    }

    .HighlightImage:nth-child(1) .HighlightImageFrame {
        border-right-width: 10px;
    }

    .HighlightImage:nth-child(2) .HighlightImageFrame {
        border-left-width: 10px;
    }
}

@media(max-width:991px) {
    .PhilosophyIcon {
        width: 100px;
    }

    .HighlightImage:nth-child(1) .HighlightImageFrame {
        border-bottom-width: 10px;
    }

    .HighlightImage:nth-child(2) .HighlightImageFrame {
        border-top-width: 10px;
    }
}

/* Highlight List */

.HighlightList {
    list-style: none;
    padding: 0;
    margin: 0;
}

.HighlightList li {
    padding-left: 18px;
    position: relative;
    margin-bottom: 12px;
    font-size: 18px;
}

.HighlightList li::before {
    content: "";
    width: 6px;
    height: 6px;
    background: var(--PrimaryColor);
    border-radius: 50%;
    position: absolute;
    left: 0;
    top: 8px;
}

.SubHighlightTitle {
    font-size: 23px;
    font-family: 'adelle_sans_arasemibold';
}


#Location li {
    margin-bottom: 12px;
    font-size: 18px;
}

/* Amenities */


.AmenitiesCard {
    text-align: center;
    padding: 20px 10px;
}

.AmenitiesIcon {
    margin-bottom: 10px;
}

@media(min-width:992px) {
    .AmenitiesCard {
        padding: 0 20px;
    }
}

@media(max-width:767px) {
    .AmenitiesIcon {
        width: 70px
    }
}

.AmenitiesCard p {
    font-size: 20px;
    margin-bottom: 0;
    line-height: 1.3;
}

.AmenitiesCol {
    border-bottom: 1px solid var(--PrimaryColor);
    border-right: 1px solid var(--PrimaryColor);
}

.AmenitiesCol:last-child {
    border-right: 0;
}

@media(min-width:768px) {
    .AmenitiesCol {
        border-bottom: 0;
        border-right: 1px solid var(--PrimaryColor);
    }
}

@media(max-width:767px) {
    .AmenitiesCol:nth-child(odd) {
        border-right: 1px solid var(--PrimaryColor);
        border-left: 0;
    }

    .AmenitiesCol:nth-child(even) {
        border-right: 0;
    }

    .AmenitiesCol:last-child {
        border: 0;
    }
}



/* Clubhouse */

.ClubhouseGrid img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* Download */

.DownloadItem {
    display: flex;
    align-items: center;
    gap: 15px;
    color: var(--TextColor);
    font-size: 16.7px
}


/* Makers */

.MakersSection {
    background: var(--PrimaryColor);
    color: white;
    text-align: center;
    padding: 40px 0;
}

.MakersLogo {
    width: 120px;
    margin-bottom: 25px;
}

.SocialIcons a {
    margin: 0 10px;
    color: white;
    font-size: 20px;
}

.FooterCopy {
    margin-top: 20px;
    font-size: 10px;
}