@font-face {
    font-family: 'Euclid';
    font-family: Euclid;
    src: url("../assests/fonts/EuclidFlex-Medium.otf") format("opentype");
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Euclid';
    font-family: Euclid;
    src: url("../assests/fonts/EuclidFlex-Light.otf") format("opentype");
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Austin';
    font-family: Austin;
    src: url("../assests/fonts/Austin-Bold-Trial.otf") format("opentype");
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

body{

    color: #000;
    font-size: 16px;
    font-family: Euclid,sans-serif;
    margin: 0;
}

.copper{
    color: #8F6D4F;
}

.header-body-section{
    background: url("../assests/bg-pattern.png");
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-size: cover;
    background-color: #fff;
}
.footer-section {
    background: rgba(219, 220, 221, 0.50);
}


.content{
    display: flex;
    flex-direction: column;
    padding: 4rem;
    padding-top:1rem;
    gap: 2rem;
    max-width: 1700px;
    margin: 0 auto;

}
.footer-section content{
    padding-top: 0;
}

.header{
    display: flex;
    flex: 1;
    align-items: center;
    justify-content: space-between;
}

.mobile-video-container{
    display: none;
}

.header .logo{

}
.header .logo img{
    width: 20vw;
    height: auto;
}
.header .let-description{
    padding-right: 10%;
}

.header .brochure-download{
    padding-top: 10%;
}


.header .let-description h1{
    font-size:3.8vw;
    margin: 0;
}
.header .let-description p{
    font-size: 3vw;
    margin: 0;
    line-height: 0.9;
}
.header .let-description span{
    font-size: 2.8vw;
}

.header .brochure-download a{
   width: 300px;
    max-width:343px;
    padding: 1rem;
    background: #8F6D4F;
    color: white;
    font-size: 1.875rem;
    font-weight: 700;
    border: 0;
    border-radius: 3rem;
    cursor:pointer;
    font-family: Austin;
    text-decoration: none;
    display: inline-block;
    text-align: center;

}

.video-container{
    flex: 3;
}
.video-container{
    position: relative;
}


.video-container .play-button {
    display: inline-block;
    position: absolute;
    top: calc(50% - 130px);
    left: calc(50% - 150px);
    cursor:pointer;
}
.video-container .play-button img{
    width: 300px;
}

.video-container video{
    max-width: 100%;
    object-fit: cover;
    width: 100%;
}
.video-container button{
    background-color: transparent;
    border: medium none;
    color: #fff;
    font-size: 18px;
    left: 0;
    margin: 0 auto;
    padding: 8px 16px;
    position: absolute;
    right: 0;
    top: 22.5%;
    z-index:4;
    cursor:pointer;
}
.video-container button img{
    width: 25%;
}
.video-container button .visible{
    display:none;
}

/* Footer Stuff*/

.footer{
    display: flex;
    flex: 1;
    align-items: center;
    justify-content: space-between;
}

.agent-logo img{
    width: 178px;
}

.prsa-info p{
    margin: 0;
    font-size: 14px;
}

.office-contact{
    font-size: 1.4vw;
}

.footer .agent-contact p, a{
    margin: 0;
    font-size: 1.4vw;
}

.footer-section .content{
    gap: 0rem;
}

.footer-description{
    text-align: right;
}

@media screen and (max-width:1450px){
    .header .let-description{
        padding-right: 8%;
    }

    .header .logo img {
        width: 16vw;
        height: auto;
    }

    .footer .agent-contact p, a {
        margin: 0;
        font-size: 1.8vw;
    }
    .header .brochure-download a {
        padding: 1rem;
        width: 300px;
    }


}
@media screen and (max-width:1150px){
    .header{
        gap:2rem;
    }

    .header .let-description br{
        display: none;
    }
    .header .let-description{
        padding-right: 0;
    }







}
@media screen and (min-width:1800px){

    .header{
        gap:4rem;
    }
    .header .logo img{
        width: 20vw;
        height: auto;
    }
    .header .brochure-download{
        padding-top: 20%;
    }
    .header .brochure-download a{
        width: 343px;
        padding: 1rem;
        background: #8F6D4F;
        color: white;
        font-size: 1.875rem;
        font-weight: 700;
        border: 0;
        border-radius: 3rem;
        cursor:pointer;
        font-family: Austin;


    }

    .header .let-description {
         padding-right: 3%;
    }

    .let-description h1{
        font-size:90px;
    }

    .let-description p{
        font-size:63px;
    }
    .let-description span{
        font-size:58px;
    }

    .agent-logo img{
        width: 190px;
    }

    .office-contact{
        font-size: 1.2vw;
    }

    .footer .agent-contact p, a{
        margin: 0;
        font-size: 1.2vw;
    }

}
@media screen and (max-width:900px){

    .content{
        flex-direction: column;
        padding: 1rem;
    }


    .header{
        flex-direction: column;
    }

    .mobile-video-container{
        display: block;
    }
    .header .logo{

    }
    .header .logo img{
        width: 184px;
        height: auto;
    }
    .header .let-description{
        padding-right: 0%;
        text-align: center;

    }

    .header .brochure-download{
        padding-top: 0rem;

    }


    .header .let-description h1{
        font-size:11.8vw;
        margin: 0;
        padding-bottom: 1rem;
    }
    .header .let-description p{
        font-size: 9.15vw;
        margin: 0;
        line-height: 0.9;
    }
    .header .let-description span{
        font-size: 8.9vw;
    }

    .header .brochure-download a{
        width: auto;
        max-width:243px;
        padding: 1rem;
        background: #8F6D4F;
        color: white;
        font-size: 18px;
        font-weight: 700;
        border: 0;
        border-radius: 3rem;
        cursor:pointer;
        font-family: Austin;

    }

    .mobile-video-container{
        display: block;
        position: relative;
    }

    .mobile-video-container .play-button {
        display: inline-block;
        position: absolute;
        top: calc(50% - 45px);
        left: calc(50% - 50px);
        cursor:pointer;
    }
    .mobile-video-container .play-button img{
        width: 100px;
    }

    .mobile-video-container video{
        max-width: 100%;
        object-fit: cover;
    }
    .mobile-video-container button{
        background-color: transparent;
        border: medium none;
        color: #fff;
        font-size: 18px;
        left: 0;
        margin: 0 auto;
        padding: 8px 16px;
        position: absolute;
        right: 0;
        top: 22.5%;
        z-index:4;
        cursor:pointer;
    }
    .mobile-video-container button img{
        width: 25%;
    }



    .video-container{
        display: none;
        position: relative;
    }

    .video-container .play-button {
        display: inline-block;
        position: absolute;
        top: calc(50% - 45px);
        left: calc(50% - 50px);
        cursor:pointer;
    }
    .video-container .play-button img{
        width: 100px;
    }

    .video-container video{
        max-width: 100%;
        object-fit: cover;
    }
    .video-container button{
        background-color: transparent;
        border: medium none;
        color: #fff;
        font-size: 18px;
        left: 0;
        margin: 0 auto;
        padding: 8px 16px;
        position: absolute;
        right: 0;
        top: 22.5%;
        z-index:4;
        cursor:pointer;
    }
    .video-container button img{
        width: 25%;
    }

    .footer{
        flex-direction: column-reverse;
        text-align: center;
    }


    .agent-logo img{
        width: 104px;
    }

    .prsa-info p{
        margin: 0;
        font-size: 14px;
    }

    .office-contact{
        font-size: 3.9vw;

    }
    .footer .agent-contact{
        padding-bottom: 1rem;
    }
    .footer .agent-contact p, a{
        margin: 0;
        font-size: 3.9vw;
    }

    .footer-section .content{
        gap: 0rem;
    }

    .footer-description{
        text-align: center;
        font-size: 14px;
    }


    /*
    .video-container{
        display: none;
    }

    .video-container .play-button {
        display: inline-block;
        position: absolute;
        top: calc(50% - 130px);
        left: calc(50% - 150px);
        cursor:pointer;
    }
    .video-container .play-button img{
        width: 300px;
    }

    .video-container video{
        max-width: 100%;
        object-fit: cover;
    }
    .video-container button{
        background-color: transparent;
        border: medium none;
        color: #fff;
        font-size: 18px;
        left: 0;
        margin: 0 auto;
        padding: 8px 16px;
        position: absolute;
        right: 0;
        top: 22.5%;
        z-index:4;
        cursor:pointer;
    }
    .video-container button img{
        width: 25%;
    }

     */

}
/* First Column */

/*
.col-1 {
    flex: 1;
    display: flex;
    flex-direction: column;
    padding-left: 2rem;

}

.col-1 .logo img{
    max-width:203px;
}
.col-1 .video-container-mobile{
    display: none;
}

.col-1 .bottom-sticker-mobile{
    display: none;
}

.col-1 .let-description{
    padding-bottom: 2rem;

}

.col-1 .let-description p{
    font-size: 28px;
    margin-bottom: 0px;
}
.col-1 .let-description span{
    font-size: 28px;

}


.col-1 .enquire-description div h1{
    font-family:'Playfair Display', serif;
    font-size: 16px;
}
.col-1 .enquire-description .contact-info{
    color: #906d4f;
}
.col-1 .enquire-description .contact-info p a{
    color: #906d4f;
    text-decoration: none;
}
.col-1 .enquire-description .prsa-info{
    font-size:0.563rem;
}
.col-1 .enquire-description .email-list{
    font-size: 1rem;

}
.col-1 .enquire-description .email-list .email{
    color: #906d4f;
    text-decoration: none;
}

.col-1 .enquire-description .email-list div p{
    margin-bottom: 0;
}

.col-1 .enquire-description .footer-description{
    font-size:0.563rem;
}



.col-2{
    flex: 4;
}
.video-container{
    position: relative;
}


.video-container .play-button {
    display: inline-block;
    position: absolute;
    top: calc(50% - 130px);
    left: calc(50% - 150px);
    cursor:pointer;
}
.video-container .play-button img{
    width: 300px;
}

.video-container video{
    max-width: 100%;
    object-fit: cover;
    width: 100%;
}
.video-container button{
    background-color: transparent;
    border: medium none;
    color: #fff;
    font-size: 18px;
    left: 0;
    margin: 0 auto;
    padding: 8px 16px;
    position: absolute;
    right: 0;
    top: 22.5%;
    z-index:4;
    cursor:pointer;
}
.video-container button img{
    width: 25%;
}
.video-container button .visible{
    display:none;
}

.col-2 .video-container .bottom-sticker{
    position: absolute;
    background-color: transparent;
    border: medium none;
    color: #fff;
    font-size: 18px;

    margin: 0 auto;
    padding: 8px 16px;
    position: absolute;
    right: 0;
    bottom: -35px;
    z-index:4;
    cursor:pointer;
}
.col-2 .video-container .bottom-sticker img{
    max-width:109px;
}

@media screen and (max-width:900px){

    .content{
        flex-direction: column;
    }



    .col-1 {
        flex: 1;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        padding-left: 0;

    }
    .col-1 .logo {
        display: flex;
        justify-content: center;
        padding-bottom: 2rem;
    }

    .col-1 .logo img{
        max-width:203px;
    }
    .col-1 .video-container-mobile{
        display: block;
        position: relative;
    }

    .col-1 .video-container-mobile .play-button {
        display: inline-block;
        position: absolute;
        top: calc(50% - 45px);
        left: calc(50% - 50px);
        cursor:pointer;
    }
    .col-1 .video-container-mobile .play-button img{
        width: 100px;
    }

    .col-1 .video-container-mobile video{
        max-width: 100%;
        object-fit: cover;
    }
    .col-1 .video-container-mobile button{
        background-color: transparent;
        border: medium none;
        color: #fff;
        font-size: 18px;
        left: 0;
        margin: 0 auto;
        padding: 8px 16px;
        position: absolute;
        right: 0;
        top: 22.5%;
        z-index:4;
        cursor:pointer;
    }
    .col-1 .video-container-mobile button img{
        width: 25%;
    }
    .col-1 .video-container-mobile button .visible{
        display:none;
    }

    .col-1 .video-container-mobile .bottom-sticker{
        display: none;
    }
    .col-1 .video-container-mobile .bottom-sticker img{
        max-width:109px;
    }

    .col-1 .bottom-sticker-mobile{
        display: flex;
        justify-content: center;
        padding: 1rem;
    }
    .col-1 .bottom-sticker-mobile img{
        max-width:120px;
    }

    .col-1 .let-description{
        display: flex;
        flex-direction: column;
        align-items: center;


    }

    .col-1 .let-description p{
        text-align: center;
    }

    .col-1 .enquire-description {
        text-align: center;
    }


    .col-1 .enquire-description div h1{
        font-family:'Playfair Display', serif;
        font-size: 16px;
    }
    .col-1 .enquire-description .contact-info{
        color: #906d4f;
    }
    .col-1 .enquire-description .contact-info p a{
        color: #906d4f;
        text-decoration: none;
    }
    .col-1 .enquire-description .prsa-info{
        font-size:0.563rem;
    }
    .col-1 .enquire-description .email-list{
        font-size: 1rem;

    }
    .col-1 .enquire-description .email-list .email{
        color: #906d4f;
        text-decoration: none;
    }

    .col-1 .enquire-description .footer-description{
        font-size:0.563rem;
    }



    .col-2{
        flex: 4;
    }
    .col-2 .video-container{
       display: none;
    }

    .col-2 .video-container .play-button {
        display: inline-block;
        position: absolute;
        top: calc(50% - 130px);
        left: calc(50% - 150px);
        cursor:pointer;
    }
    .col-2 .video-container .play-button img{
        width: 300px;
    }

    .col-2 .video-container video{
        max-width: 100%;
        object-fit: cover;
    }
    .col-2 .video-container button{
        background-color: transparent;
        border: medium none;
        color: #fff;
        font-size: 18px;
        left: 0;
        margin: 0 auto;
        padding: 8px 16px;
        position: absolute;
        right: 0;
        top: 22.5%;
        z-index:4;
        cursor:pointer;
    }
    .col-2 .video-container button img{
        width: 25%;
    }
    col-2 .video-container button .visible{
        display:none;
    }

    .col-2 .video-container .bottom-sticker{
        position: absolute;
        background-color: transparent;
        border: medium none;
        color: #fff;
        font-size: 18px;

        margin: 0 auto;
        padding: 8px 16px;
        position: absolute;
        right: 0;
        bottom: -35px;
        z-index:4;
        cursor:pointer;
    }
    .col-2 .video-container .bottom-sticker img{
        max-width:109px;
    }

}


 */