/* UTILITIES */
.mr-2,
.mx-2 {
    margin-right: 0.5rem !important;
}
/* END UTILITIES */

/* HERO SLIDER */
.banner-section .swiper-slide.opacity-00::before, .vinars-sec.opacity-00::after, .greeting-sec.opacity-00::after, .bg-overlay-black.opacity-00 {background: rgba(0,0,0,0);}
.banner-section .swiper-slide.opacity-01::before, .vinars-sec.opacity-01::after, .greeting-sec.opacity-01::after, .bg-overlay-black.opacity-01 {background: rgba(0,0,0,0.1);}
.banner-section .swiper-slide.opacity-02::before, .vinars-sec.opacity-02::after, .greeting-sec.opacity-02::after, .bg-overlay-black.opacity-02 {background: rgba(0,0,0,0.2);}
.banner-section .swiper-slide.opacity-03::before, .vinars-sec.opacity-03::after, .greeting-sec.opacity-03::after, .bg-overlay-black.opacity-03 {background: rgba(0,0,0,0.3);}
.banner-section .swiper-slide.opacity-04::before, .vinars-sec.opacity-04::after, .greeting-sec.opacity-04::after, .bg-overlay-black.opacity-04 {background: rgba(0,0,0,0.4);}
.banner-section .swiper-slide.opacity-05::before, .vinars-sec.opacity-05::after, .greeting-sec.opacity-05::after, .bg-overlay-black.opacity-05 {background: rgba(0,0,0,0.5);}
.banner-section .swiper-slide.opacity-06::before, .vinars-sec.opacity-06::after, .greeting-sec.opacity-06::after, .bg-overlay-black.opacity-06 {background: rgba(0,0,0,0.6);}
.banner-section .swiper-slide.opacity-07::before, .vinars-sec.opacity-07::after, .greeting-sec.opacity-07::after, .bg-overlay-black.opacity-07 {background: rgba(0,0,0,0.7);}
.banner-section .swiper-slide.opacity-08::before, .vinars-sec.opacity-08::after, .greeting-sec.opacity-08::after, .bg-overlay-black.opacity-08 {background: rgba(0,0,0,0.8);}
.banner-section .swiper-slide.opacity-09::before, .vinars-sec.opacity-09::after, .greeting-sec.opacity-09::after, .bg-overlay-black.opacity-09 {background: rgba(0,0,0,0.9);}
.banner-section .swiper-slide.opacity-10::before, .vinars-sec.opacity-10::after, .greeting-sec.opacity-10::after, .bg-overlay-black.opacity-10 {background: rgba(0,0,0,1);}
/* END HERO SLIDER */

/* INNER LAYOUT */
.body-text-m p {
    font-family: 'Lato', sans-serif;
    font-size: 17px;
    font-weight: 400;
    line-height: 1.9;
}
.fr-view {
    color: black;
    padding: 0 0 60px;
}
.fr-view img {
    width: unset;
}
ol,ul {
    margin-left: 20px;
}
ul li {
    list-style-type: disc;
}
ol li{
    list-style-type: decimal;
}
/* END INNER LAYOUT */

/* PROJECT RESULTS LAYOUT */
.project-results {
    margin-top: 5rem;
}
.no-category {
    height: 100vh;
    text-align: center;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}
/* END PROJECT RESULTS LAYOUT*/

/* CONTACT FORM */
.anim-line-top, .anim-line-bottom {
    background-color: #000;
}
fieldset {
    border: none;
}
.form-input {
    color: #000;
}
.grecaptcha-badge {
    visibility: hidden;
}
.form-label:before {
    color: #000;
}
form .border-btn:before, form .border-btn:after, form .border-btn__inner:before, form .border-btn__inner:after {
    background-color: #000;
}
form .border-btn__inner {
    color: #000;
}
form .border-btn__lines-1:before, form .border-btn__lines-1:after, form .border-btn__lines-2:before, form .border-btn__lines-2:after {
    content: '';
    position: absolute;
    background-color: #000;
    transition: .5s cubic-bezier(.17, .85, .438, .99);
}
/* END CONTACT FORM */

/* MEDIA QUERIES */
    @media screen and (max-width: 575px) {
        /* HEADER */
        .header-logo {
            top: 20px;
        }
        /* END HEADER */

        /* SLIDER */
        .js-home-slider .swiper-button-prev-box,
        .js-home-slider .swiper-button-next-box {
            bottom: 20%;
        }
        .headline-l {
            text-align: center;
        }
        .margin-top-40.anim-fade-to-top {
            width: 100%;
            display: flex;
            justify-content: center;
        }
        /* END SLIDER */

        /* FEATURED PROJECTS */
        .pos-rel.project-title-offset {
            margin-bottom: unset;
            text-align: center;
        }
        .pos-rel.project-title-offset p {
            padding: unset!important;
            margin-top: -10px;
        }
        .featured-projects .padding-bottom-150 {
            padding-bottom: 100px;
        }
        .featured-projects h2.container {
            width: 100%;
        }
        /* END FEATURED PROJECTS */

        /* ABOUT US */
        .about-us > div {
            padding-top: unset;
            text-align: center;
        }
        /* END ABOUT US */

        /* OUR SERVICES */
        .section-bg-light .our-services {
            padding-top: 60px;
        }
        .our-services .title-offset-2 {
            left: unset;
        }
        .our-services .pos-rel.project-title-offset {
            margin-bottom: 90px;
            margin-top: 0;
        }
        .our-services .is-inview {
            transform: unset!important;
        }
        .our-services.padding-top-bottom-120 {
            padding-bottom: unset;
        }
        /* END OUR SERVICES */

        /* INSTAGRAM */
        .instagram h2 {
            text-align: center;
            padding-left: unset;
        }
        .instagram.padding-top-bottom-120 {
            padding-bottom: unset;
        }
        /* END INSTAGRAM*/

        /* FOOTER */
        footer {
            text-align: center;
        }
        footer .list.list_row {
            justify-content: center;
        }
        footer .copyright {
            flex-direction: column;
        }
        footer .copyright > div {
            margin-bottom: 2rem;
        }
        footer .copyright.margin-right-30 {
            margin-right: unset;
        }
        footer .copyright .mr-2 {
            margin-right: unset!important;
        }
        footer.margin-top-60 {
            margin-top: unset;
        }
        footer .padding-top-bottom-30 {
             padding-top: unset;
        }
        /* END FOOTER */

        /* INNER LAYOUT */
       .main-content section:last-child {
            padding-bottom: 60px;
        }
        .section-bg-light.container {
            width: 100% !important;
            padding-left: 20px;
            padding-right: 20px;
        }
        .section-bg-light .padding-top-60 {
            padding-top: unset;
        }
        /* END INNER LAYOUT */
        /* CONTACT PAGE */
        .contact-page-details {
            text-align: center;
        }
        form .padding-top-90 {
            padding-top: 50px;
        }
        form button {
            margin-bottom: 60px;
        }
        /* END CONTACT PAGE */
        .secondary-image-container {
            max-width: 170px;
            position: relative;
        }
        .nav-btn__inner {
            font-size: 18px;
            margin-bottom: 20px;
        }
    }
/* END MEDIA QUERIES */

.col-md-3 {
    width: 25%;
}

.mb-5 {
    margin-bottom: 2.5rem;
}
.nav-bg-box {
    opacity: 0.8;
}