#header-main {
    overflow: unset !important
}

.active {
    /* background-color: #04AA6D;
  */ color: white;
}

.nav-primary li:not(:last-child) {
    margin: 8px;
}

.nav-primary li:not(:first-child) {
    margin: 8px;
}

.new {
    height: 60% !important;
    top: 40px !important
}

li {
    text-transform: uppercase;
}

.dropdown-content li {
    padding: 15px;
}

.dropdown-content1 li {
    padding: 15px;
}

.dropdown-content2 li {
    padding: 15px;
}

.dropdown-content3 li {
    padding: 15px;
}

.topnav .icon {
    display: none;
}

.menu-item {
    font-weight: 500 !important;
}

.nav-primary li a {
    font-size: medium;
}

.dropdown {
    float: left;
    overflow: hidden;
}

    .dropdown .dropbtn {
        font-size: 17px;
        border: none;
        outline: none;
        color: white;
        padding: 14px 16px;
        background-color: inherit;
        font-family: inherit;
        margin: 0;
    }

.nav-primary li a {
    padding: 0 !important;
}

@media screen and (max-width: 600px) {
    #header-main {
        z-index: 999999999;
    }

    .dropdown-content {
        display: none;
        position: absolute;
        background-color: #144f3b;
        width: fit-content;
        box-shadow: none !important;
        z-index: 999999999 !important;
        padding: 16px 0;
        list-style: none;
    }
}

.dropdown-content {
    display: none;
    position: absolute;
    background-color: #144f3b;
    width: fit-content;
    box-shadow: 0px 8px 16px 0px rgb(0 0 0 / 20%);
    z-index: 1;
    padding: 16px 0;
    list-style: none;
}

.dropdown-content1 {
    display: none;
    position: absolute;
    background-color: #e4e6e99e;
    width: fit-content;
    box-shadow: 0px 8px 16px 0px rgb(0 0 0 / 20%);
    z-index: 1;
    padding: 16px 0;
    list-style: none;
}

.dropdown-content2 {
    display: none;
    left: 186px;
    position: absolute;
    background-color: #e4e6e99e;
    width: fit-content;
    box-shadow: 0px 8px 16px 0px rgb(0 0 0 / 20%);
    z-index: 1;
    padding: 16px 0;
    top: 83px;
    list-style: none;
}

.dropdown-content3 {
    display: none;
    left: 186px;
    position: absolute;
    background-color: #144f3b;
    width: fit-content;
    box-shadow: 0px 8px 16px 0px rgb(0 0 0 / 20%);
    z-index: 1;
    padding: 16px 0;
    top: 83px;
    list-style: none;
}

.dropdown-content a {
    float: none;
    color: black;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
    text-align: right;
}

.dropdown-content li {
    margin: auto !important;
    cursor: pointer;
}

.dropdown-content1 a {
    float: none;
    color: black;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
    text-align: right;
}

.dropdown-content2 a {
    float: none;
    color: black;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
    text-align: right;
}

.dropdown-content3 a {
    float: none;
    color: black;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
    text-align: right;
}

.dropdown-content1 li {
    margin: auto !important;
    cursor: pointer;
}

.dropdown-content2 li {
    margin: auto !important;
    cursor: pointer;
}

.dropdown-content3 li {
    margin: auto !important;
    cursor: pointer;
}

.topnav a:hover, .dropdown:hover .dropbtn {
    color: white;
}

.dropdown-content a:hover {
    /* background-color: #ddd;*/
    color: black;
}

#menu-main-menu-2 li a {
    font-size: 18px;
}

.nav-mobile li:not(:last-child) {
    margin-bottom: 0px !important
}

.dropdown:hover .dropdown-content {
    display: block;
}

.dropdown-content1 a:hover {
    /*    background-color: #ddd;*/
    color: black;
}

.dropdown-content2 a:hover {
    /*    background-color: #ddd;*/
    color: black;
}

.dropdown-content3 a:hover {
    /*    background-color: #ddd;*/
    color: black;
}

.dropdown:hover .dropdown-content1 {
    display: block;
}

.drop1:hover .dropdown-content2 {
    display: block;
}

.drop:hover .dropdown-content3 {
    display: block;
}

@media screen and (max-width: 600px) {
    .topnav a:not(:first-child), .dropdown .dropbtn {
        display: none;
    }

    .topnav a.icon {
        float: right;
        display: block;
    }
}

@media screen and (max-width: 600px) {
    .dropdown-content {
        position: relative;
    }

    img.logo-light.ls-is-cached.lazyloaded {
        height: 100% !important;
        width: 100% !important;
    }
}

@media screen and (max-width: 600px) {
    .topnav.responsive {
        position: relative;
    }

        .topnav.responsive .icon {
            position: absolute;
            right: 0;
            top: 0;
        }

        .topnav.responsive a {
            float: none;
            display: block;
            text-align: right;
        }

        .topnav.responsive .dropdown {
            float: none;
        }

        .topnav.responsive .dropdown-content {
            position: relative;
        }

        .topnav.responsive .dropdown-content1 {
            position: relative;
        }

        .topnav.responsive .dropdown-content2 {
            position: relative;
        }

        .topnav.responsive .dropdown-content3 {
            position: relative;
        }

        .topnav.responsive .dropdown .dropbtn {
            display: block;
            width: 100%;
            text-align: right;
        }
}



.call-to-us {
    position: fixed !important;
    display: block !important;
    margin: 68px 35px;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    bottom: -43px;
    right: -7px;
    text-decoration: none;
    /*animation: rotating 1.5s infinite;*/
    background-color: #000000;
    z-index: 99999999 !important;
}

    .call-to-us:before {
        content: '';
        position: absolute;
        z-index: 999999 !important;
        top: 50%;
        left: 50%;
        display: block;
        border: 2px solid #000000;
        border-radius: 50%;
        /*animation: squeeze 2s infinite;*/
    }

.bg-overly {
    position: absolute;
    width: 100%;
    height: 100%;
    background: linear-gradient( 87deg, #00000045, #0000005c);
}

.call-to-us:after {
    content: '';
    position: absolute;
    z-index: 999999;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    color: #fff;
    background: #144f3b center no-repeat;
    background-image: url('../../images/phone-24.ico');
}

.composition {
    max-height: 600px;
    border-radius: 76px;
}

.comment {
    height: 400px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.call-to-us__label {
    box-sizing: border-box;
    position: absolute;
    top: 0;
    left: 0;
    background-color: #144f3b;
    width: 100%;
    height: 100%;
    padding-top: 20px;
    font-size: 8px;
    font-family: Tahoma, sans-serif;
    font-weight: bold;
    color: #fff;
    border-radius: 50%;
    text-align: center;
    opacity: 0;
    animation: none;
    transition: all .5s ease;
    transform: scale(1.5);
}

.call-to-us:hover {
    animation: none;
}

    .call-to-us:hover .call-to-us__label {
        opacity: 1;
        z-index: 99999999;
    }

    .call-to-us:hover:before {
        border-color: #000000;
    }

@keyframes squeeze {
    0% {
        width: 10px;
        height: 10px;
        margin-top: -5px;
        margin-left: -5px;
    }

    50% {
        width: 90px;
        height: 90px;
        margin-top: -47px;
        margin-left: -47px;
    }

    100% {
        width: 10px;
        height: 10px;
        margin-top: -5px;
        margin-left: -5px;
    }
}

@keyframes rotating {
    0% {
        transform: rotate(0deg);
    }

    30% {
        transform: rotate(-45deg);
    }

    40% {
        transform: rotate(0deg);
    }

    50% {
        transform: rotate(-45deg);
    }

    65% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(0deg);
    }
}

.member-item-image {
    display: none
}

.text-black {
    color: black !important;
}

@media screen and (min-width: 1800px) {
    .imporloder {
        width: 50vw !important;
        top: 217px !important;
        height: 311px !important;
    }
}

@media screen and (min-width: 1920px) {
    .imporloder {
        width: 50vw !important;
        top: 221px !important;
        height: 334px !important;
    }
}

@media screen and (max-width: 767px) {
    .imporloder {
        width: 50vw !important;
        top: 31% !important;
        height: 0vw !important;
    }

    .imporloder1 {
        height: 0vw !important;
    }
}

@media screen and (min-width: 1336px) {
    #header-sidebar .module-logo img {
        width: 130px !important;
    }

    .imporloder {
        height: 396px !important;
        top: 202px !important;
    }
}

@media screen and (max-width: 1335px) {
    #header-sidebar .module-logo img {
        width: 130px !important;
    }

    #header-main .module-logo img {
        height: 122px !important;
    }
}

@media screen and (max-width: 790px)and (min-width: 768px) {
    .imporloder {
        top: 250px !important;
        height: 336px !important;
    }
}

@media screen and (min-width: 791px)and (max-width:900px) {
    .imporloder {
        left: 56vw !important;
        top: 184px !important;
    }
}

@media screen and (min-width: 900px)and (max-width:990px) {
    .imporloder {
        height: 371px !important;
        top: 215px !important;
    }
}

@media screen and (min-width:1243px)and (max-width:1275px) {
    .imporloder {
        height: 402px !important;
        top: 200px !important;
    }
}

@media screen and (min-width:1200px)and (max-width:1242px) {
    .imporloder {
        height: 428px !important;
        top: 200px !important;
    }
}

@media screen and (min-width: 1277px)and (max-width: 1799px) {
    .imporloder {
        height: 392px !important;
        top: 207px !important;
    }
}

.imporloderno {
    top: 0 !important;
    height: 0 !important;
}

.parallax {
    /* The image used */
    background-image: url("https://i.ibb.co/VH2B3X5/pic3.jpg");
    /* Set a specific height */
    min-height: 500px !important;
    /* Create the parallax scrolling effect */
    background-attachment: fixed !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
}


.bgimagesback {
    background-image: url('../../images/about us.jpeg') !important;
}


.justify-content-between {
    justify-content: space-between;
}

#google-map {
    overflow: hidden;
}

.goog {
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
    background-color: rgb(229, 227, 223);
}

.gm-style {
    position: absolute;
    z-index: 0;
    left: 0px;
    top: 0px;
    height: 100%;
    width: 100%;
    padding: 0px;
    border-width: 0px;
    margin: 0px;
}

.imgrec {
    display: flex;
    justify-content: center;
    align-items: center;
}

.justify-space-evenly {
    justify-content: space-evenly;
}

.section.section-hero-4 .section-content-inner:before {
    background: linear-gradient(86deg,#03552d66, #9f9f9f78) !important;
}

.section.section-hero {
    background-color: none !important;
    background-image: url('../images/home-asseta2a9.jpg');
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-position: center center;
}

.w-100 {
    width: 100% !important;
}

.rounded-circle {
    border-radius: 50%
}
/*
svg path:hover {
    fill: #5ea448;
}
*/
.modal {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 1; /* Sit on top */
    padding-top: 100px; /* Location of the box */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Modal Content */
.modal-content {
    background-color: #fefefe;
    margin: auto;
    padding: 20px;
    border: 1px solid #888;
    width: 80%;
}

/* The Close Button */
.close {
    color: #aaaaaa;
    float: right;
    font-size: 28px;
    font-weight: bold;
}

    .close:hover,
    .close:focus {
        color: #000;
        text-decoration: none;
        cursor: pointer;
    }

.modal-title {
    font-weight: bold;
    margin: 0;
}
.text-greendark {
    color: #003a1e;
}
.list-unstyleds {
    text-align: start;
    list-style: none;
}
.activ {
    color: #63b646 !important
}
.text-greendark {
    font-size: medium;
    /*    border: 1px solid #4aaa35;
*/ /*padding: 8px;*/
    border-radius: 50px;
    color: #003538;
    margin-left: 10px !important;
    margin-right:0!important
}
.swiper-slide{
    margin:0 20px!important;
}
.section-logo img {
    left:0 !important;
    right:unset !important
}