@font-face {
    font-family: kravet;
    src: url(/../../fonts/Cravet/KRAVET_.TTF);
}

@font-face {
    font-family: QS;
    src: url(../../fonts/Quicksand/Quicksand-VariableFont_wght.ttf);
}

@media (min-width: 500px) {
    nav {
        justify-content: center !important;
        flex-wrap: wrap;
    }

        nav .navbar-collapse {
            width: 98%;
            margin-top: 1px;
            padding: 0 15px 0 0;
        }

    footer .row p {
        font-size: 12px;
    }
}

@media (min-width: 768px) {
    nav {
        justify-content: space-between !important;
    }

        nav .navbar-collapse {
            position: relative;
            height: 80px;
            padding-left: 15px;
        }

            nav .navbar-collapse .navbar-nav {
                height: 80px;
            }

    footer .row p {
        font-size: 14px;
    }
}

* {
    font-family: "Plus Jakarta Sans", sans-serif;
    color: white;
}

ul,
ol,
li {
    list-style: none;
}

a {
    text-decoration: none !important;
}

.textGray {
    color: rgb(101, 101, 101);
}

.sectionTitle {
    border: 1px solid rgb(55, 55, 55);
    border-radius: 20px;
    padding: 10px 20px;
}

html {
    scroll-behavior: smooth;
}

body {
    background-color: #0c0c0c !important;
    scroll-behavior: smooth;
}

.bg2 {
    background-color: #0f0f0f;
}

.sectionBorderBottom {
    border-bottom: 1px solid #161616;
}

nav .row div {
    text-align: center;
    border-radius: 4px;
}

    nav .row div ul {
        border-radius: 4px;
        background-color: #161616;
    }

        nav .row div ul li {
            padding-right: 10px;
            padding-left: 10px;
        }

            nav .row div ul li a {
                font-family: kravet;
                color: white;
                transition: color 0.3s;
            }

                nav .row div ul li a:hover {
                    color: #c49b66;
                }

nav .row .navbar-toggler {
    border: 1px solid rgb(55, 55, 55);
    background-color: rgba(18, 18, 18, 0.8);
}

    nav .row .navbar-toggler i {
        color: white;
        padding-top: 4px;
    }

    nav .row .navbar-toggler:active, nav .row .navbar-toggler:focus {
        outline: none;
    }

nav .row .brand {
    border: 1px solid rgb(55, 55, 55);
    overflow: hidden;
    background-color: #0c0c0c;
    padding: 0;
    display: flex;
    align-items: center;
}

    nav .row .brand .navbar-brand {
        width: 100%;
        margin: 0;
    }

nav .row .social {
    border: 1px solid rgb(55, 55, 55);
    background-color: rgba(18, 18, 18, 0.8);
}

    nav .row .social a {
        display: inline-block;
        border: 1px solid rgb(55, 55, 55);
        padding: 6px;
        border-radius: 50%;
        margin-top: 12px;
    }

        nav .row .social a i {
            width: 26px;
            height: 20px;
            color: white;
            font-size: 18px;
        }

#contact .row .inputs {
    margin-bottom: 100px;
}

    #contact .row .inputs .coolinput {
        display: flex;
        flex-direction: column;
        position: static;
    }

        #contact .row .inputs .coolinput .text {
            font-size: 14px;
            color: white;
            position: relative;
            top: 0.85rem;
            margin: 0 0 0 16px;
            padding: 0 3px;
            background: #0c0c0c;
            width: -moz-fit-content;
            width: fit-content;
        }

        #contact .row .inputs .coolinput .input {
            padding: 11px 10px;
            font-size: 1rem;
            border: 1px rgb(45, 45, 45) solid;
            border-radius: 12px;
            background: transparent;
            transition: all 0.7s;
            padding-left: 12px;
        }

            #contact .row .inputs .coolinput .input:focus {
                outline: none;
                border-color: white;
            }

        #contact .row .inputs .coolinput input {
            height: 4rem;
        }

    #contact .row .inputs div .send-btn {
        height: 3.6rem;
        border: 1px solid rgb(55, 55, 55);
        border-radius: 14px;
        overflow: hidden;
        transition: color 0.4s 0.1s;
    }

        #contact .row .inputs div .send-btn::after {
            content: "";
            display: block;
            position: absolute;
            width: 1%;
            height: 100%;
            top: 0;
            left: 0;
            background-color: #c49b66;
            border-radius: 14px;
            transition: width 0.4s;
            z-index: -1;
        }

        #contact .row .inputs div .send-btn:hover {
            color: black !important;
        }

            #contact .row .inputs div .send-btn:hover::after {
                width: 100%;
            }

footer .row {
    border-top: 1px solid rgb(45, 45, 45);
}

    footer .row p span {
        color: #c49b66;
    }

.swal2-popup {
    background: #0f0f0f;
    color: white;
    box-shadow: 3px 3px 12px 6px black;
}

.swal2-styled {
    background-color: #c49b66 !important;
    color: black !important;
    font-size: 1em !important;
}
/*# sourceMappingURL=base.css.map */