@import url('https://fonts.googleapis.com/css2?family=Josefin+Sans:ital,wght@0,100..700;1,100..700&display=swap');

body {
    font-family: "Josefin Sans", sans-serif;
}

h2,
h3,
h4 {
    color: #F8D449;
}

a {
    text-decoration: none;
}

.btn-theme-one {
    background-color: #800E13;
    color: #F8D449;
    border-radius: 5rem;
    padding: 0.3rem 2rem;
}

.btn-theme-one:hover {
    background-color: #740c12;
    color: #fff;
}

.group-btn-theme-one.active {
    background-color: #F8D449;
    color: #800E13;
    border-radius: 5rem !important;
    padding: 0.3rem 1rem;
    z-index: 999;
    position: relative;
}

.group-btn-theme-one {
    background-color: #800E13;
    color: #F8D449;
    border-radius: 5rem !important;
    padding: 0.3rem 1rem;
}

.group-btn-theme-one:hover {
    background-color: #800E13;
    color: #fff;
    z-index: 0;
}

.margin-n1rem-lft {
    margin-left: -1.7rem !important;
}

.margin-n1rem-rht {
    margin-right: -1.7rem !important;
}

.padding-p2rem-rht {
    padding-right: 1.5rem !important;
}

.padding-p2rem-lft {
    padding-left: 1.5rem !important;
}

.main-nav {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    z-index: 1030;
    background-color: #000;
    transition: all ease 500ms;

    .navbar-brand {
        width: 10%;
        -webkit-transition: 0.5s ease-in-out;
        transition: 0.5s ease-in-out;
    }

    .navbar-nav .nav-link {
        color: #fff;
        text-transform: uppercase;
        font-size: 0.8rem;
        padding-right: 1rem;
        padding-left: 1rem;
    }

    .navbar-nav .nav-link.active {
        color: #F8D449;
    }

    .navbar-toggler-icon {
        background-image: url(img/menu-ico.png);
    }
}

.hero {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    height: 100svh;
}

.hero .hero-title {
    position: absolute;
    color: #fff;

    text-transform: uppercase;
    top: 40%;
    width: 100%;
    text-align: center;
    font-weight: 400 !important;
    text-shadow: 2px 0px 4px rgba(0, 0, 0, 0.6)
}

.hero .hero-title h1 {
    font-weight: 300;
    font-size: 3rem;
}

.hero .hero-title h1 span {
    font-weight: 700;
    font-size: 3.2rem;
}

.win-des-sec {
    background-image: url(img/winning-des-bg.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 0;
}

.win-des-sec .row {
    padding: 3rem 0;
}

.gradient-border {
    background: rgb(134, 82, 29);
    background: linear-gradient(90deg, rgba(134, 82, 29, 1) 0%, rgba(218, 159, 51, 1) 25%, rgba(255, 230, 181, 1) 50%, rgba(218, 159, 51, 1) 75%, rgba(134, 82, 29, 1) 100%);
    padding: 0.1rem;
}

.win-des-sec h2 {
    color: #F8D449;
    text-transform: uppercase;
    text-align: center;
}

.win-des-sec p {
    color: #fff;
}

.win-des-sec p:last-child {
    margin-bottom: 0;
}

.what-we-offer {
    background-color: #2E0506;
    background-image: url(img/pattern.png);
    padding: 3rem 0;
    text-align: center;
}

.what-we-offer h2 {
    text-transform: uppercase;
}

.what-we-offer .wwo-itm {
    color: #fff;
    text-align: center;
    text-transform: uppercase;
}

.what-we-offer .wwo-itm img {
    margin-bottom: 1rem;
}

.git-with-us {
    background-color: #3A0608;
    background-image: url(img/pattern.png);
    text-align: center;

    .git-with-us-info {
        text-align: center;
        width: 100%;
        color: #fff;
        padding: 2rem 0;
    }
}

.git-with-us .git-with-us-info p strong {
    color: #F8D449;
}

.git-with-us .git-with-us-info p strong a {
    color: #F8D449;
    text-decoration: none;
}

.git-with-us .git-with-us-info h3 {
    color: #fff;
    text-transform: uppercase;
}

.git-with-us .git-with-us-map .iframe-container {
    position: relative;
    width: 100%;
    padding-bottom: 61%;
    /* Ratio 16:9 ( 100%/16*9 = 56.25% ) */
}

.git-with-us .git-with-us-map .iframe-container iframe {
    filter: grayscale(100%) invert(92%) contrast(83%);
}

.git-with-us .git-with-us-map .iframe-container>* {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: 0;
    padding: 0;
    height: 100%;
    width: 100%;
}

.online-now {
    background-color: #3A0608;
    background-image: url(img/pattern.png);
    text-align: center;
    padding: 10% 0 3% 0;
}

.online-now .online-now-link h2 {
    text-transform: uppercase;
}

.online-now .online-now-link img {
    width: 10%;
    margin-bottom: 1rem;
}

footer {

    .top-footer {
        background-color: #3A0608;
        background-image: url(img/pattern.png);

        img {
            width: 100%;
        }
    }

    .footer {
        background-color: #1B1B1B;
        padding-bottom: 3rem;
        text-transform: uppercase;

        a {
            color: #fff;
        }

        h5 {
            color: #fff;
            text-align: center;
            font-size: 1rem;
            margin-bottom: 1rem;
        }

        ul {
            margin: 0;
            padding: 0;
            text-align: center;

            li {
                margin-bottom: 0.3rem;
                list-style: none;
                font-size: 0.8rem;
                font-weight: 300;
            }
        }

        .flogo-cont {
            text-align: center;

            h4 {
                color: #fff;
                font-size: 1rem;
            }

            img {
                width: 12%;
                margin-bottom: 1rem;
            }

            .socialies {
                padding: 0.1rem 0.1rem;

                a {
                    color: #fff;
                    padding-left: 0.3rem;
                    padding-right: 0.3rem;

                    i {
                        border: 1px solid #fff;
                        border-radius: 50%;
                        font-size: 1rem;
                        margin-left: 0;
                        transition: 0.4s;
                    }

                    .fa-facebook-f {
                        padding: 6px 9px;
                    }

                    .fa-instagram {
                        padding: 6px 7px;
                    }
                }

                a:hover i {
                    background-color: #ebebeb;
                    color: #1B1B1B;
                }
            }
        }

        .experience-cont {
            padding: 12% 0;
        }
    }

    .devtxt {
        padding: 1rem;
        text-align: center;
        font-size: 0.7rem;
        color: #343434;

        a {
            color: #626262;
        }
    }
}


.cph {
    background-color: #3A0608;
    background-image: url(img/pattern.png);
    padding: 30% 0 2rem 0;

    h1 {
        color: #F8D449;
        text-align: center;
        text-transform: uppercase;
        margin-bottom: 2rem;
        font-size: 2.2rem;
    }

    p {
        color: #ffffff;
        text-align: center;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 2rem;
    }

    .game-itm {
        text-align: center;
        margin-bottom: 2rem;
        color: #ebebeb;

        .game-itm-img {
            padding: 1rem;

            img {
                border-radius: 2.188rem;
                box-shadow: 0 0 8px #F8D449;
            }

            h6 {
                text-transform: uppercase;
            }
        }
    }
}

.lounges .lounge-slider-carousel {
    margin-bottom: 1rem;
}

.lounges .lounge-slider-carousel .owl-stage-outer {
    border-radius: 2.188rem;
    box-shadow: 0 0 8px #F8D449;
}

.lounges .lounge-slider-carousel .owl-dots {
    margin-top: -1rem;
}

.lounges .longe-cont {
    text-align: center;
    color: #fff;
    margin-bottom: 2rem;
}

.lounges .longe-cont h6 {
    text-transform: uppercase;
}

.lounges .longe-cont .owl-theme .owl-dots .owl-dot.active span,
.lounges .longe-cont .owl-theme .owl-dots .owl-dot:hover span {
    background: #F8D449
}

.contact-us .git-with-us-info {
    text-align: justify;
    width: 100%;
    color: #fff;
}

.contact-us .git-with-us-info p strong {
    color: #F8D449;
}

.contact-us .git-with-us-info p strong a {
    color: #F8D449;
    text-decoration: none;
}

.contact-us .git-with-us-info h3 {
    color: #fff;
    text-transform: uppercase;
    text-align: center;
}

.contact-us .form-label {
    color: #F8D449;
}

.contact-us .form-control {
    border-radius: 1.5rem;
    background-color: #BC955E;
    border-color: #BC955E;
}

.contact-us .lead-form {
    padding: 0rem;
    margin-bottom: 2rem;
}

.packages .pack-itm {
    text-align: center;
    margin-bottom: 2rem;
    color: #ebebeb;
}

.packages .pack-itm .pack-itm-img {
    margin-bottom: 2rem
}

.packages .pack-itm .pack-itm-img img {
    border-radius: 2.188rem;
    box-shadow: 0 0 8px #F8D449;
}

.packages .pack-itm h6 {
    text-transform: uppercase;
}

.packages .pack-itm .pack-itm-info {
    border: 1px solid #fff;
    border-radius: 2rem;
    font-size: 0.9rem;
    padding: 0 1rem 1rem 1rem;
}

.packages .pack-itm .pack-itm-info h6 {
    margin-top: -0.5rem !important;
    background-color: #3a0608;
    width: fit-content;
    margin: auto;
    padding: 0 0.5rem;
}

.packages .pack-itm .pack-itm-info img {
    width: 10%;
    margin-top: 2rem;
    margin-bottom: 0.5rem;
}

.packages .pack-itm .pack-itm-info .coupons {
    margin-bottom: 0;
    text-transform: uppercase;
    font-size: 0.8rem;
}

.packages .pack-itm .pack-itm-info h4 {
    color: #fff;
    font-size: 1.9rem;
}

.packages .pack-itm .pack-itm-info h5 {
    color: #fff;
    font-weight: 300;
    text-transform: uppercase;
}

.packages .pack-itm .pack-itm-info strong {
    text-transform: uppercase;
    font-weight: 300;
}

@media (min-width: 576px) {}


@media (min-width: 768px) {}


@media (min-width: 992px) {
    .main-nav {
        background-color: transparent;

        .navbar-brand {
            width: 5%;
        }
    }

    .git-with-us {
        .git-with-us-info {
            padding: 0;
        }

        .git-with-us-map {
            padding-right: 0;
        }
    }

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

        .footer {
            .experience-cont {
                padding: 0;
            }
        }

    }

    .cph {
        padding: 10% 0 2rem 0;

        p {
            width: 85%;
        }
    }

    .contact-us {
        .lead-form {
            padding: 0 5rem;
            margin-bottom: 0;
        }
    }
}


@media (min-width: 1200px) {}


@media (min-width: 1400px) {}