@font-face {
    font-family: anakotmai;
    src: url(font/anakotmai-medium.woff2);
}

@font-face {
    font-family: anakotmai;
    src: url(font/anakotmai-bold.woff2);
    font-weight: bold;
}

body {
    font-family: anakotmai;
}

.bold {
    font-weight: bold;
}

.navbar {
    background-color: transparent;
    border-color: #b40000;
    border-width: 1px;
    border-bottom-style: solid;
    backdrop-filter: blur(10px);
}

.navbar-dark {
    --bs-navbar-toggler-border-color: rgb(255 255 255 / 50%);
}

.navbar-nav {
    gap: 1.5rem;
}

.btn-outline-dark {
    --bs-btn-color: var(--bs-navbar-color);
    --bs-btn-border-color: transparent;
    --bs-btn-hover-bg: transparent;
    --bs-btn-hover-border-color : var(--bs-navbar-color);
    --bs-btn-hover-color: var(--bs-navbar-color);
}

.btn-outline-light {
    --bs-btn-border-color: transparent;
    --bs-btn-hover-bg: transparent;
    --bs-btn-hover-color: var(--bs-btn-color);
}

.card-img {
    height: 616px;
    object-fit: cover;
    width: 100%;
}

.banner1bg {
    background: #b40000;
    position: relative;
    border: 0;
}

.banner1 {
    filter: grayscale(100%);
    opacity: 0.4;
}

.header-card {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    padding: 20px;
    white-space: nowrap;
}

.header-card-2 {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 10px;
    padding: 20px;
    white-space: nowrap;
}

.about-big-text {
    font-size: 6.521vw;
}

.big-two {
    font-size: 35vw;
}

.about-big-sub {
    font-size: 4.347vw;
}

.big-text {
    font-size: 175px;
    color: white;
}

.Subtitle {
    display: flex;
    flex-direction: column;
}

.sub {
    font-size: 50px;
}

.sub-2 {
    font-size: 2.173vw;
}

.white-text {
    color: #f0f8ff;
}

.red-text {
    color: #b40000;
}

.section2-title {
    text-align: center;
    margin-top: 20px;
}

.row {
    margin-left: auto;
    margin-right: auto;
    justify-content: center;
}

.bd-footer {
    background-color: #b40000;
}

.footer-container {
    display: flex;
    flex-direction: column;
    gap: 2rem;
    max-width: 100rem;
    width: 95%;
    margin: auto;
}

.footer-icon-text {
    display: flex;
    flex-direction: row;
    align-items: center;
    text-decoration: none;
    gap: 10px;
}

.flex-row-cloumn-rev {
    display: flex;
    flex-direction: row;
}

/* Responsive stuff */

@media (max-width: 1160px) {
    .card-img {
        height: 573px;
    }
}

@media (max-width: 1024px) {
    .flex-row-cloumn-rev {
        flex-direction: column-reverse;
    }
}

@media (max-width: 920px) {
    .about-big-text {
        font-size: 60px;
    }

    .big-two {
        font-size: 350px;
    }

    .about-big-sub {
        font-size: 40px;
    }

    .sub-2 {
        font-size: 20px;
    }
}

@media (max-width: 770px) {
    .card-img {
        height: 76.5vw;
    }

    .big-text {
        font-size: 20vw;
        margin-top: 20px;
    }

    .Subtitle {
        margin-top: 20px;
    }

    .sub {
        font-size: 6vw;
    }
}

@media (max-width: 500px) {
    .card-img {
        height: 525px;
    }

    .header-card {
        flex-direction: column;
        text-align: center;
        gap: 0px;
        height: auto;
    }

    .big-text {
        font-size: 150px;
        margin-top: 20px;
        
    }

    .Subtitle {
        margin-top: 0px;
    }

    .sub {
        margin-bottom: 0;
        font-size: 50px;
    }

    .section2-title {
        font-size: 40px;
    }
}