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


body, div, h1, h2, h3, h4, h5, h6, p, li, ul, span {
    font-family: "Open Sans", sans-serif!important;
}

body {
    background: #020202;
    font-family: 'Open Sans', sans-serif;
}
.main {
    background-color: #f0f0f0;
}

header ul {
    list-style-type: none;
    padding: 0;
}

header ul li {
    padding: 10px 15px;
}

header .sub-menu {
    display: none;
    position: absolute;
    background: #fff;
    top: 60px;
    padding: 30px 0px 0 0px;
}

.active a {
    color: #fff!important;
}


header ul.sub-menu li {
    padding: 15px 22px;
    border-bottom: 1px solid #f0f0f0;
}

header ul.sub-menu li a:hover {
    color: #fff;
    text-decoration: none;
}

header ul.sub-menu li a {
    color: #DD1C43;
}


header ul.sub-menu li:hover {
    background-color: #DD1C43;
}

.primary-color {
    color: #DD1C43!important;
}

.btn-primary {
    background: #DD1C43;
    border: 1px solid #DD1C43;
    color: #fff !important;
}

.btn-border {
    background: #DD1C43;
    border: 1px solid #fff;
    color: #fff;
}

.btn-primary:hover {
    background: #fff;
    color: #DD1C43!important;
    border: 1px solid #DD1C43;
}


.top-fold {
    background-image: url('/homepage/assets/images/homepage-topfold-bg.jpg');
    background-size: cover;
    background-position: center center;
    padding: 200px 0;
}

.top-fold h1 {
    font-weight: 700;
    color: #fff;
    padding: 25px 0;
}

.top-fold h4 {
     color: #fff;
}

.top-fold button {
    margin: 50px 0;
}

.sec-1 {
    padding: 60px 0;
    background: #DD2046;
}

.sec-2 {
    padding: 60px 0;
    background-color:#fff;
}
.sec-4 {
    background-color: #fff;
}
.sec-2 h2 {
    font-weight: 700;
    font-size: 40px;
}

.text-primary {
    color: #DD2046!important;
}

.bg-map {
    background: url(/homepage/assets/images/hero-img2-1.jpg);
}

.bg-map h3 {
    font-weight: 700;
}

.sec-1 h2, .sec-1 p {
    color: #fff;
}

.prod-box {
    box-shadow: 0 0 15px rgba(0,0,0,0.5);
    /*    width: 80%;*/
    padding: 0;
    margin: 0 auto;
    transition: .3s ease-in-out;
    min-height: 570px;
}
.prod-boxs {
    box-shadow: 0 0 15px rgba(0,0,0,0.5);
    width: 80%;
    padding: 0;
    margin: 0 auto;
    transition: .3s ease-in-out;
}
    .prod-box:hover {
        transition: .3s ease-in-out;
        border-bottom: 3px solid #c13652;
        box-shadow: 0 0 15px rgba(0,0,0,0.9);
    }
.prod-box h3 {
    font-weight: 700;
    font-size: 21px;
}

.sec-3 {
    background: #DD2046;
}

.widget-banner {
    background: #343A40;
}

footer {
    background: #131414;
}

footer ul {
    list-style-type: none;
    padding: 0;
}

footer ul li {
    padding: 10px 0;
}

    footer i {
        color: white;
        font-size: 30px !important;
        padding: 10px 35px 10px 0;
    }

footer ul li a {
    color: #fff;
}

.copyright {
    background: #020202;
    color: #fff;
    border-top: 1px solid #ddd;
}

button {
    transition: .6s ease-in-out;
}

button:hover {
     transition: .3s ease-in-out;
     transform: scale(1.1);
}

@media screen and (max-width: 768px) {
    header .sub-menu {
        display: none;
        position: relative;
        background: #fff;
        top: 0;
        padding: 0;
    }

    .widget-banner h2, .widget-banner button {
        text-align: center !important;
        display: block;
        margin: 0 auto;
    }
}

/* Contact Us */
.contact-sec1 {
    padding: 60px 0;
    font-family: Montserrat;
    color: #453F3F;
}

.text-pink {
    color: #F5204B;
}

.contact-sec1 i {
    background: #F5204B;
    color: #fff;
    padding: 20px;
    font-size: 45px;
    border-radius: 45px;
    width: 86px;
}

.contact-sec2 {
    padding: 40px 0;
    background: #fff;
}

@media screen and (max-width: 768px) {
    .contact-sec1 i {
        font-size: 25px;
        border-radius: 45px;
        width: 66px;
    }

    .contact-sec1 h4 {
        font-size: 18px;
    }

    .contact-sec1 p {
        font-size: 12px;
    }
}

html {
    scroll-behavior: smooth;
}

.dropdown-one-time {
    color: #414141;
    border-color: #414141;
    border-radius: 3px;
    min-height: 43px;
}