body{font-family:'Outfit', sans-serif;}

a{text-decoration: none}
a:hover{text-decoration: underline}

.pt-80, .py-80{padding-top:80px}
.pb-80, .py-80{padding-bottom:80px}

.fs-14{font-size: 14px;}
.fs-12{font-size: 12px;}

.fw-bolder{font-weight: 800 !important;}

.btn{padding: 10px 30px;}
.btn-sm{padding: var(--bs-btn-padding-y) var(--bs-btn-padding-x) !important}
.btn-light{color:rgba(var(--bs-primary-rgb)) }

.top-unset{top:unset}

header{background: var(--bs-primary)}
#header .nav .dropdown-toggle:after{content:unset;}
#header .nav .dropdown-menu{width:300px; border-radius:4px 0 4px 4px !important;}
#mainMenu .nav-link{color:#fff !important}
.navbar-toggler{display:block; padding:5px 0;}
.navbar-toggler .icon-bar{background-color:#fff; transform:rotate(0deg) translate(0px, 0px); transition:300ms;}
.navbar-toggler .icon-bar{display:block; width:22px; height:2px; border-radius:1px;}
.navbar-toggler .icon-bar+.icon-bar{margin-top:4px;}
.navbar-toggler .icon-bar:nth-child(2){width:16px; transition:300ms;}
.navbar-toggler:hover>.icon-bar:nth-child(2){width:22px; transition:300ms;}
.navbar-toggler:active>.icon-bar:nth-child(2){width:22px; transition:300ms;}
.navbar-toggler:not(.collapsed) .icon-bar:nth-child(1){transform:rotate(45deg) translate(5px, 4px); transition:300ms;}
.navbar-toggler:not(.collapsed) .icon-bar:nth-child(2){opacity:0; transition:300ms;}
.navbar-toggler:not(.collapsed) .icon-bar:nth-child(3){transform:rotate(-45deg) translate(4px, -4px); transition:300ms;}


#bannerArea{position:relative}
#bannerArea .carousel-caption{top:0; bottom:0; left:0; right:0;}

#ctaArea{background:url("../template/imgs/cta-bg.jpg") no-repeat center fixed; background-size:cover;}
#advantagesArea .card-img-overlay{background: linear-gradient(0deg, rgba(5,3,38,1) 0%, rgba(255,255,255,0) 100%);}
#partnerArea{background:url("../template/imgs/partner-bg.jpg") no-repeat center fixed; background-size:cover;}
#processArea .card-img-overlay{background: linear-gradient(0deg, rgba(5,3,38,1) 0%, rgba(255,255,255,0) 100%);}
#footer{background:url("../template/imgs/footer-bg.jpg") no-repeat center fixed; background-size:cover;}


#pageHeading {
    padding-top: 105px !important;
    background: url("../template/imgs/footer-bg.jpg") no-repeat center fixed;
    background-size: cover;
}

#pageHeading a,
.breadcrumb-item.active,
.breadcrumb-item+.breadcrumb-item::before {
    color: #fff;
}

#largeArea .carousel-indicators {
    position: unset;
}

#largeArea .carousel-indicators>a {
    height: 80px;
    height: auto;
    margin: 0 5px 0 0;
}

#largeArea .carousel-indicators a img {
    display: block;
}



@media (min-width:768px){
#filter{display:block;}
.container-fluid{padding:0 60px}
#coaArea .card{padding:150px 0}
}

@media (min-width:1200px){
header{position:absolute; z-index:555; z-index: 111; width: 100%; background: none}
}

@media (min-width:1200px) and (max-width:1399px){}
@media (min-width:992px) and (max-width:1199px){}
@media (min-width:768px) and (max-width:991px){}
@media (min-width:576px) and (max-width:767px){}
@media (min-width:0px) and (max-width:575px){

    #header .nav .dropdown-menu{width:240px;}
    #header #basket{position:relative;}
    #header #basket span{position:absolute; right:-14px; top:-8px; background:#fff; color:#000; font-size:12px; width:20px; line-height:20px; border-radius:25px;}

    #bannerArea .carousel-caption .btn{padding: var(--bs-btn-padding-y) var(--bs-btn-padding-x) !important; font-size: 14px;}
    #bannerArea .carousel-caption h5{font-size:16px !important;}
    #bannerArea .carousel-caption .display-6{font-size:20px;}
}