:root {
    --clr-theme-color: #343f4e !important;
}


@font-face {
    font-family: 'Aspektavf';
    src: url("fonts/Aspekta-200.woff2") format("truetype");
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

body,
p,
.banner-header .breadcrumbs li,
input[type="submit"],
input[type="reset"],
input[type="button"],
input[type="password"],
input[type="email"],
input[type="text"],
input[type="file"],
textarea,
.work-single strong{
    font-family: 'Aspektavf', sans-serif !important;
}

h1,
h2,
h3,
h4,
h5,
h6,
.nav-link,
.blog2 .item .wrapper .con .text,
.btn-1,
.btn-2,
.btn-3,
.btn-4,
.btn-5 {
    font-family: 'Cabin', sans-serif !important;
}

.nav-scroll {
    background-color: #343f4e !important;
}

.nav-scroll .logo-sticky img {
    width: 60px
}

.nav-scroll .navbar-nav .nav-link,
.nav-scroll .navbar-right .wrap .text h5,
.nav-scroll .navbar-right .wrap .text h5 a {
    color: #FFF !important;
}

.navbar .navbar-nav .nav-link {
    font-size: 18px !important;
    font-weight: 400 !important;
}

.nav-scroll .navbar-nav .nav-link:hover {
    color: #f9d586 !important;
}

.navbar .navbar-nav .nav-link:hover,
.navbar .navbar-nav .active .nav-link {
    color: #F9D586 !important;
}

.navbar .navbar-right .wrap .text p,
.navbar .navbar-right .wrap .icon {
    color: #f9d586 !important;
}

.navbar .navbar-right .wrap .text {
    margin-left: 10px !important;
}

.nav-scroll .navbar-toggler-icon,
.nav-scroll .icon-bar {
    color: #FFF !important;
}

@media screen and (max-width: 768px) {
    .nav-scroll .logo-wrapper {
        padding-top: 14px !important;
    }
}

.parallax-header h1,
.parallax-header[data-overlay-dark] h1 {
    font-size: 60px !important;
    line-height: 1.2em !important;
    max-width: 800px;
    margin: 0 auto;
}

@media (max-width: 767px) {

    .parallax-header h1,
    .parallax-header h1 span,
    .parallax-header[data-overlay-dark] h1,
    .parallax-header[data-overlay-dark] h1 span,
    .not-found h1,
    .header .caption h1,
    .header .caption h1 span,
    .video-fullscreen h1,
    .events .item .date > span {
        font-size: 40px !important;
    }
}

.section-padding h2 {
    color: #343f4e !important;
}

.line-hr-section,
.line-vr-section {
    color: #f6c142 !important;
    border-color: #f6c142 !important;

}

.line-hr-section {
    border-top: 3px solid #f6c142 !important;
}

.line-hr-section.center {
    border-top-color: #f6c142 !important;
}

.services .item {
    background-color: #f2f2f2 !important;
}

.services .item:hover {
    background-color: #343f4e !important;
}

.services .item .wrap .con h4 {
    color: #343f4e !important;
}

.services .item:hover .wrap .con h4,
.services .item.active:hover .wrap .con p {
    color: #fff !important;
}

.services .item .wrap .icon-1 {
    margin-bottom: 0 !important;
}

.services .item .wrap .icon-1 svg {
    width: 8rem;
    height: 8rem;
    stroke: #F9D586;
    fill: #F9D586;
}

.services .item.active .wrap .con p {
    color: #7b7b7b !important;
    min-height:140px;
}

.section-padding[data-overlay-dark] h6,
.section-padding h6 {
    color: #FFF !important;
    max-width: 700px;
    margin: 0 auto 30px auto !important;
}

.elementor-widget-bdevs-video .section-padding h2 {
    color: #F9D586 !important;
}

.video-popup .vid-butn .vid .icon {
    line-height: 100px !important;
    color: #F9D586 !important;
}

.works .item .wrap .text p {
    color: #F9D586 !important;
}

.owl-theme .owl-dots .owl-dot.active span,
.owl-theme .owl-dots .owl-dot:hover span {
    background: #f6c142 !important;
    border: #f6c142 !important;
}

.about .item .wrap .img {
    background: transparent !important;
    padding-left: 3rem;
}

.about .item .wrap .img:before {
    display: none !important;
}

.about .list {
    display: none !important;
}

.testimonials.section-padding h6 {
    color: #343f4e !important;
    margin-bottom: 0 !important;
}

.clients .clients-logo {
    background-color: #FFF !important;
}

.blog2.section-padding.bg-drk {
    background-color: #FFF !important;
}

.footer,
.footer .top {
    background-color: #F9D586 !important;
}

.banner-header .breadcrumbs li a {
    color: #F9D586 !important;
}

.banner-header .breadcrumbs li:not(:last-child):after {
    color: #f2f2f2 !important;
}

.contact h5 {
    color: #343f4e !important;
}

[data-overlay-dark]:before {
    background: #343f4e !important;
}

.contact .con .icon {
    background-color: #f6c142 !important;
    border-color: #f6c142 !important;
}

input[type="submit"],
input[type="reset"],
input[type="button"] {
    background-color: #f6c142 !important;
    border-color: #f6c142 !important;
}

.footer .top .social a {
    background: #343f4e !important
}

.footer .top p {
    color: #343f4e !important;
}

.footer .top h5 {
    color: #343f4e !important;
}

.footer .bottom {
    background: #343f4e !important
}

.footer .bottom p {
    color: #e5e5e5 !important
}

.wpcf7-select {
    max-width: 100%;
    margin-bottom: 15px;
    padding: 15px 20px;
    height: auto;
    background-color: #fff;
    -webkit-box-shadow: none;
    box-shadow: none;
    display: block;
    width: 100%;
    line-height: 1.5em;
    font-family: 'Hind', sans-serif;
    font-size: 16px;
    font-weight: 400;
    color: #1b1b1b;
    background-image: none;
    border: 2px solid #f0f0f3;
    border-radius: 30px;
}

.subscribe form input.wpcf7-email {
    background-color: #FFF !important;
    border: 1px solid #343f4e !important
}

.footer .bottom .horizontal-link li a {
    color: #FFF !important
}

[data-overlay-dark="5"]:before {
    opacity: 0.7 !important
}

.blog2 .item .wrapper .con .text h3 a{
 color:#343f4e !important   
}