body {
    smooth-scroll: smooth;
}

/* === Import Google Font === */
@font-face {
    font-family: 'Anton-Regular';
    font-style: 300;
    src: url(../fonts/Anton-Regular.ttf) format('opentype');
    font-display: swap;
}

@font-face {
    font-family: 'Gotham-Light';
    font-style: 300;
    src: url(../fonts/Gotham-Light.otf) format('opentype');
     font-display: swap;
}

@font-face {
    font-family: 'Gotham-Book';
    font-style: 500;
    src: url(../fonts/Gotham-Book.otf) format('opentype');
     font-display: swap;
}

@font-face {
    font-family: 'Gotham-Medium';
    font-style: 500;
    src: url(../fonts/Gotham-Medium.otf) format('opentype');
     font-display: swap;
}

@font-face {
    font-family: 'Gotham-Bold';
    font-style: 700;
    src: url(../fonts/Gotham-Bold.otf) format('opentype');
     font-display: swap;
}

@font-face {
    font-family: 'Gotham-thin';
    font-style: 400;
    src: url(../fonts/Gotham-Thin.otf) format('opentype');
     font-display: swap;
}

@font-face {
    font-family: 'Gotham-XLight';
    font-style: 400;
    src: url(../fonts/Gotham-XLight.otf) format('opentype');
     font-display: swap;
}


@font-face {
    font-family: 'Playfair-Regular';
    font-style: 400;
    src: url(../fonts/playfair/PlayfairDisplay-Regular.ttf) format('opentype');
     font-display: swap;
}

@font-face {
    font-family: 'Playfair-Italic';
    font-style: 400;
    src: url(../fonts/playfair/PlayfairDisplay-Italic.ttf) format('opentype');
     font-display: swap;
}

@font-face {
    font-family: 'Playfair-Medium';
    font-style: 700;
    src: url(../fonts/playfair/PlayfairDisplay-Medium.ttf) format('opentype');
     font-display: swap;
}

@font-face {
    font-family: 'Playfair-Bold';
    font-style: 700;
    src: url(../fonts/playfair/PlayfairDisplay-Bold.ttf) format('opentype');
     font-display: swap;
}

@font-face {
    font-family: 'Anton-Regular';
    font-style: 400;
    src: url(../fonts/anton/Anton-Regular.ttf) format('opentype');
     font-display: swap;
}

@font-face {
    font-family: 'Cardo-Regular';
    font-style: 400;
    src: url(../fonts/cardo/Cardo-Regular.ttf) format('opentype');
     font-display: swap;
}

@font-face {
    font-family: 'Cardo-Italic';
    font-style: 400;
    src: url(../fonts/cardo/Cardo-Italic.ttf) format('opentype');
     font-display: swap;
}

@font-face {
    font-family: 'Hevantica-Regular';
    font-style: 400;
    src: url(../fonts/Hevantica-Regular.ttf) format('opentype');
     font-display: swap;
}

[data-weight='500'] {
    font-weight: 500;
}

[data-fontfamily='Gotham-Light'] {
    font-family: 'Gotham-Light', sans-serif;
}

[data-fontfamily='Gotham-Medium'] {
    font-family: 'Gotham-Medium', sans-serif;
}

[data-fontfamily='Gotham-Bold'] {
    font-family: 'Gotham-Bold', sans-serif;
}

[data-fontfamily='Playfair-Regular'] {
    font-family: 'Playfair-Regular', sans-serif;
}

[data-fontfamily='Playfair-Italic'] {
    font-family: 'Playfair-Italic', sans-serif;
}

[data-fontfamily='Gotham-Light'] {
    font-family: 'Gotham-Light', sans-serif;
}

[data-fontfamily='Playfair-Medium'] {
    font-family: 'Playfair-Medium', sans-serif;
}

[data-fontfamily='Playfair-Bold'] {
    font-family: 'Playfair-Bold', sans-serif;
}

[data-fontfamily='Hevantica'] {
    font-family: 'Hevantica-Regular';
}

a{
    cursor: pointer;
}
button{
    cursor: pointer;
}
h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: 'Playfair-Regular';
}

p {
    font-family: 'Gotham-Light';
}

.top-navbar {
    background: rgba(217, 217, 217, .5);
    backdrop-filter: blur(20px);
}

.top-navbar img.main-logo {
    width: 80px;
}

img.footer-logo {
    width: 100px;
}

.top-navbar .navbar-btn {
    background: #6d2732;
    color: #fff;
    border-radius: 20px;
}

/* === Header Section === */
.main-header {
    position: relative;
    /* background-image: url('banner-4.jpg');
    background-size: cover;
    background-position: center;
    text-align: center;
    background-color: var(--color-cream); */

}

.main-header video {
    object-fit: cover;
}

.main-header::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #322d2a6e;
    backdrop-filter: blur(1px);
    z-index: 1;
}

.main-header img.header-image {
    width: 130px;
}

/* === Header Section === */



/* === Marquee Section === */
.scroller-section {
    width: 100%;
    overflow: hidden;
    min-height: 100px;
    display: flex;
    align-items: center;
}

.marquee-inner {
    display: flex;
    white-space: nowrap;
}

.marquee-text {
    font-size: 250px;
    font-family: 'Anton-Regular', sans-serif;
    color: #d1c7bc;
    font-weight: 400;
    white-space: nowrap;
    line-height: 100%;
}

@media screen and (max-width: 991px) {
    .marquee-text {
        font-size: 220px;
    }
}

@media screen and (max-width: 767px) {
    .marquee-text {
        font-size: 160px;
    }
}

@media screen and (max-width: 479px) {
    .marquee-text {
        font-size: 130px;
    }
}

/* === Marquee Section === */


/* === Clients Section === */
.clients-section {
    position: relative;
    /* background-image: url('banner-5.jpg');
    background-size: cover;
    background-position: top center;
    text-align: center;
    background-color: var(--color-cream);*/
    z-index: 0;
}

.clients-section video {
    object-fit: cover;
    z-index: -1;
}

.clients-section::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #322d2a6e;
    backdrop-filter: blur(1px);
    z-index: 0;
}

/* === Clients Section === */