h1, h2, h3, h4, h5 {
    font-family: 'Syne', sans-serif !important;
}
.welcome-area--l4 {
    background-size: cover;
    background-position: bottom;
    background-color: #242424;
}

.contact-form input.form-control, .contact-form-inner-2 input.form-control {
    border-radius: 5px;
}

.contact-form {
    background: rgba(0, 0, 0, 1);
    padding: 30px 40px;
    border-radius: 20px;
    box-shadow: 0 0 20px rgba(0, 0, 0, .2);
    margin: 0 auto;
    max-width: 70%;
}

.contact-form .form-check .form-check-label, .contact-form-inner-2 .form-check .form-check-label {
    color: red;
    font-size: 12px;
}

.btn.btn-torch-red:hover {
    background: #ffe000;
    opacity: 1;
}

.btn.btn-electric-violet-2 {
    color: #fff;
    background: #000;
    border-radius: 5px !important;
    padding-left: 20px;
    padding-right: 20px;
    border: none;
    box-shadow: none;
}

.welcome-area--l4::before {
    background: rgba(0, 0, 0, .32);
}

.welcome-content--l3__descriptions {
    font-weight: 100;
    color: #fff;
}

.site-menu-main {
    min-height: 75px;
}

.reveal-header .dark-version-logo {
    display: none !important;
}

.reveal-header .light-version-logo {
    display: block !important;
}

.site-navbar {
    height: 75px;
}

@media (max-width: 768px) {

    .welcome-area--l4 {
        text-align: center;
    }

    .welcome-area--l4::before {
        width: 100%;
    }
}

@media (min-width: 1200px) {
    .welcome-area--l4 {
        padding-top: 130px;
        padding-bottom: 107px;
    }
}

.customer-logos {
    display: flex;
    list-style-type: none;
    align-items: center;
    justify-content: space-between;
}

.customer-logos li {
    max-width: 5%;
}


.customer-logos li img {
    max-width: 100px;
}

.widgets__single__icon {
    min-width: 60px;
    max-width: 60px;
    min-height: 60px;
    max-height: 60px;
    border-radius: 50%;
    background-color: #b500f3;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 25px;
    box-shadow: none;
    /* border: 3px solid; */
}

.card-testimonial--l4 .card-icon {
    color: #000;
}

.card-testimonial--l4:hover {
    background-color: #fc0;
    color: #000;
}

.footer-social-share--rounded a:hover {
    box-shadow: none;
    background-color: #FFCC00;
    color: #000;
}

.card--table-single:hover .card--price__price, .card--table-single:hover .card--price__price-time, .card--table-single:hover .card--price__currency {
    color: #ffcc00;
}

.widget--content-l4:hover .widget--content-l3__circle-content, .widget--content-l4 .widget--content-l3__circle-content , .widget--content-l4.active .widget--content-l3__circle-content {
    color: #000 !important;
    background-color: #fff !important;
}

.card-testimonial--l4 {
    border: 1px solid #ddd;
}

.integrations-group {
    position: relative;
}

.integrations-group .integrations {
    width: 100px;
    height: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    box-shadow: 0 0 30px rgba(0,0,0,.1);
    padding: 10px;
    background: #fff;
    overflow: hidden;
    float: left;
    margin: 10px;
    transition: all ease-in-out 0.2s;
}

.integrations-group .integrations:hover {
    transform: scale(1.5);
    cursor: pointer ;
    z-index: 2;
}
.integrations-group .integrations img {
    max-width: 100%;
}

.bolder {
    font-weight: bold !important;
}

.dynamic-sticky-bg.reveal-header {
    background-color: #242424 !important;
}

.widgets__single__icon {
    font-size: 22px;
}

.site-header {
    background-color: #242424;
    border-bottom: 2px solid #000;
}

.menu-sep-left::before {
    display: none !important;
}

.divisor {
    background-color: transparent;
    border-bottom: 1px dashed #242424;
}

.text-muted {
    color: #727272 !important;
}

.btn-check:focus + .btn-torch-red, .btn-torch-red:focus {
    background-color: #fc0;
    color: #000;
    border: #ffcc00;
}

.card--services-l4__icon {
    background-color: #80e3fd !important;
    color: #6002d3;
    box-shadow: none;
}

.card--services-l4 {
    background: #6002d3;
}

.card--services-l4__heading {
    font-weight: bold;
    color: #80e3fd;
}

.card--services-l4__content {
    color: rgb(255 255 255 / 89%);
}

.card--services-l4 .btn-link {
    color: #80e3fd;
    transition: 0.4s;
    text-decoration: underline;
}

.card--services-l4__icon {
    min-width: 20px;
    min-height: 20px;
    font-size: 10px;
    font-weight: 100;
}

.card--services-l4__icon i {
    display: none;

}

.about-us-counter--l4 .counter-content__heading {
    color: #80e3fd !important; 
}


@media (max-width: 1000px) {

    .site-header--sticky:not(.mobile-sticky-enable) {
        margin-top: 0 !important;
    }

    .brand-logo img {
        max-width: 150px !important;
        margin-top: 0px !important;
    }

    .contact-form {
        max-width: 100%;
    }

    .customer-logos {
        display: block;
        columns: 3 !important;
    }

    .customer-logos li {
        max-width: 100%;
        padding: 20px;
    }

    .remove-mobile {
        display: none !important;
    }

    .about-us-section a {
        width: 100% !important;
    }

    .promo-area img {
        max-width: 200px !important;

    margin-right: -100px !important;
    bottom: -60px !important;
    }

    footer {
        margin-top: 70px !important;
    }
}

@media (max-width: 375px) {
    .integrations-group .integrations {
        width: 90px !important;
        height: 90px !important;
    }

    .customer-logos li img {
        max-width: 73px !important;
    }
    
}

@media (max-width: 1400px) {
    .section-title--l4 .section-title__heading {
        font-size: 40px;
    }
}

.welcome-area {
    background-image: url("https://flixlog.com/images/kam-idris-_HqHX3LBN18-unsplash.jpg") !important;
}

.welcome-area--l4::before {
    width: 100% !important;
}