/* Should you need to overwrite any of our SCSS or LESS or SASS code need to add any custom code, We highly recommend that you add your code into this file, so whenever theme update is available and you update the theme, You will not lose your hard work :) */

/* button */
.btn-theme {
    color: #fff;
    background-color: #ed184a;
    border-color: #ed184a;
}

.btn-theme:hover {
    color: #fff;
    background-color: #d31541;
    border-color: #d31541;
}

.butn-style3-outline {
    color: #000;
    padding: 10px 34px;
    margin-bottom: 12px;
    text-align: center;
    display: inline-block;
    position: relative;
    overflow: hidden;
    transition: all 0.3s linear;
    z-index: 1;
    background: #fff;
    border: 1px solid #f68ba4;
    border-radius: 50rem;
    line-height: normal;
    font-size: 1.25em;
    font-weight: bold;
    vertical-align: top;
}

/* .btn-check:checked+.butn-style3-outline, .butn-style3-outline.active, .butn-style3-outline.show, .butn-style3-outline:first-child:active, :not(.btn-check)+.butn-style3-outline:active {
    color: #fff;
    background: linear-gradient(45deg, #ED184B, #840715);
    border-color: var(--bs-btn-active-border-color);
} */

@media screen and (min-width: 992px) {
    .butn-style3-outline:not(:last-child) {
        margin-right: 14px;
    }
    
    .butn-style3-outline:first-of-type {
        margin-right: 28px;
    }
}


/* dropdown-toggle */
.dropdown-container a:hover, 
.dropdown-container a:active {
    color: #000;
}

.dropdown-container > .dropdown-toggle {
    padding: 20px 10px;
    cursor: pointer;
    border: none;
    border-radius: 4px;
    width: 100%;
    display: inline-block;
    position: relative;

}

.dropdown-container > .dropdown-toggle::after {
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    pointer-events: none;
}

.dropdown-content {
    max-height: 0;
    overflow: hidden;
    opacity: 0;
    transform: translateY(-10px);
    transition: max-height 0.55s ease, opacity 0.55s ease, transform 0.55s ease;
    padding: 0 10px;
    /* background-color: #f1f1f1; */
    /* border-radius: 4px; */
}

/* When dropdown is shown */
.dropdown-content.show {
    max-height: 800px; /* or adjust to the content height */
    opacity: 1;
    transform: translateY(0);
    padding: 0 10px;
}


/* section */
section {
    padding: 70px 0;
}


/* header */
.header-style1 {
    background: linear-gradient(2deg, #ED184B, #840715);
}

.navbar-nav li.active > a {
    font-weight: 700;
}

.navbar-nav li ul {
    display: none;
    padding: 0 !important;
    margin: 0 !important;
}

.navbar-nav li.active > ul {
    display: block !important;
}

.navbar ul ul {
    background-color: #ed184a !important;
}

.menu_area-light .navbar-nav li.current>a,
.menu_area-light .navbar-nav li.active>a {
    color: #fff;
}

.navbar ul ul li {
    padding: 0;
    margin: 0 !important;
}

.navbar ul ul li:not(:first-child) {
    border-top: 1px solid #fff;
}

.navbar ul ul li a {
    padding: 14px 20px;
    font-weight: 300;
    color: #fff;
}

.navbar ul ul li.active a {
    font-weight: 700;
}

.navbar > ul > li.has-sub > a:after {
    top: 29px;
    right: -7px;
    background-color: #fff;
    clip-path: polygon(50% 0%, 0% 100%, 100% 100%); /* Creates a triangle shape */
    transform: rotate(180deg);
    width: 10px;
    height: 7px;
}

/* .navbar-brand img {
    max-height: 140px;
} */


@media screen and (max-width: 991px) {
    .navbar-toggler {
        width: 45px;
        height: 40px;
        top: auto;
        background: #ed184a !important;
    }

    .navbar-toggler:before {
        top: 13px;
        right: 13px;
        background: #fff !important;
    }

    .navbar-toggler:after {
        top: 19px;
        right: 13px;
        border-top: 2px solid #fff !important;
        border-bottom: 2px solid #fff !important;
    }

    .navbar-toggler.menu-opened:before {
        top: 19px;
        width: 19px;
        background: #fff !important;
    }

    .navbar-toggler.menu-opened:after {
        top: 19px;
        background: #fff !important;
        border-bottom: none !important;
    }

    .navbar-nav {
        top: 56px;
        background-color: #ed184a !important;
    }

    .navbar-nav > li {
        border-top: none;
    }

    .navbar-nav li:not(:first-child) {
        border-top: 1px solid #e6e6e6;
    }

    .navbar-nav > li > a {
        color: #fff;
    }

    .navbar-brand img {
        max-height: 80px;
    }

    .navbar ul ul {
        background-color: #d4143e !important;
    }

    .navbar ul ul li a {
        padding: 14px 20px 14px 33px;
        font-weight: 300;
        color: #fff;
    }

    .navbar-nav .submenu-button:before {
        background: #fff;
    }
    
    .navbar-nav .submenu-button:after {
        background: #fff;
    }
}

@media screen and (max-width: 767px) {
    .navbar-nav {
        top: 55px;
    }
}


.footer-top {
    background: #840715;
}


.scroll-to-top {
    line-height: 35px;
}

.scroll-to-top, .scroll-to-top:hover {
    background: linear-gradient(2deg, #ED184B, #840715);
    border: none;
}



/* slider banner */
.slider-fade .owl-nav .owl-prev:hover,
.slider-fade .owl-nav .owl-next:hover {
    background-color: #d4143e !important;
}

.owl-carousel .owl-nav button.owl-prev, .owl-carousel .owl-nav button.owl-next {
    border-radius: 50%;
}