:root {
    --theme: #176f85;
    --theme2: #176f85;
    --theme4: #176f85;
    --theme-secondary: #b7cf4b;
}

.preloader .animation-preloader .txt-loading .letters-loading::before {
    color: var(--theme-secondary);
}

.as-bg-cover {
    /* background-size: contain; */
    background-position: top center;
}

.text-anim * {
    color: var(--theme);
}

a.logo img {
    width: 100%;
    height: 150px;
}

.sticky a.logo img {
    width: 100%;
    height: 100px;
}

.offcanvas__logo img {
    width: 100%;
    max-height: 150px;
}

.footer-logo img {
    width: 100%;
    height: 250px;
}

.team-details-wrapper .team-details-content {
    background-color: transparent;
}

.as-description p {
    color: #000;
    text-align: justify;
    margin-bottom: 25px;
}

.as-description ul li {
    text-align: justify;
    color: #000;
}

.as-description ul li i {
    color: var(--theme);
    padding-right: 5px;
}

h1 {
    color: var(--theme-secondary);
    font-family: "Carlito", sans-serif;
    font-weight: 700;
    font-size: 32px;
    letter-spacing: 0px;
    line-height: 35px !important;
}

.as-hero-title {
    color: var(--header4);
    font-family: "Carlito", sans-serif;
    font-size: 122.704px;
    font-weight: 700;
    line-height: 100%;
    letter-spacing: -3.408px;
    text-transform: uppercase;
}

.as-hero-title>div:nth-child(2) {
    padding-left: 100px;
}

.as-hero-title>div:nth-child(3) {
    padding-left: 100px;
}

@media (max-width: 1399px) {
    .as-hero-title {
        font-size: 100px;
    }
}

@media (max-width: 1199px) {
    .as-hero-title {
        font-size: 90px;
    }
}

@media (max-width: 991px) {
    .as-hero-title {
        font-size: 65px;
    }
    .as-hero-title img {
        display: none;
    }
    .as-hero-title>div:nth-child(3) {
        padding-left: 200px;
    }
}

@media (max-width: 767px) {
    .as-hero-title {
        font-size: 46px;
    }
    .as-hero-title>div:nth-child(2) {
        padding-left: 50px;
    }
    .as-hero-title>div:nth-child(3) {
        padding-left: 100px;
    }
}

@media (max-width: 575px) {
    .as-hero-title {
        font-size: 42px;
    }
}

@media (max-width: 470px) {
    .as-hero-title {
        font-size: 36px;
    }
}

.as-description h2 {
    font-weight: 700;
    font-size: 18px;
    margin-bottom: 10px;
}

.as-description h3 {
    color: var(--theme-secondary);
    font-weight: 700;
    font-size: 16px;
    margin-bottom: 10px;
}

.section-bg-2 {
    background-color: var(--theme);
}

@media (min-width: 1200px) {
    .as-menu-right {
        display: none;
    }
}

.as-marquee {
    padding: 80px 0;
}

@media (max-width: 991px) {
    .as-actu-slide {
        padding: 40px 0px 0px;
    }
    .as-actu-slide .as-description {
        margin-top: 30px;
    }
    .as-marquee {
        padding: 40px 0 0;
    }
}

.project-box-items .content h3 a:hover {
    color: var(--theme-secondary);
}

.footer-widget-wrapper {
    padding: 0;
}

@media (max-width: 575px) {
    .footer-bottom .footer-bottom-wrapper .footer-list li a {
        font-size: 15px;
    }
}

@media (max-width: 575px) {
    .marquee.style-2 .text {
        font-size: 31px;
        letter-spacing: -3px;
    }
}

.choose-us-wrapper-2 .choose-us-wrap-item .choose-us-content {
    background-color: #edf7fa;
    width: 333px;
}

@media (max-width: 991px) {
    .choose-us-wrapper-2 .choose-us-wrap-item .left {
        display: flex;
    }
}

.header-main .main-menu ul li .submenu {
    min-width: 450px;
}

.section-padding {
    padding: 60px 0;
}

.team-details-wrapper .team-details-content {
    padding: 0 40px;
}

@media (max-width: 991px) {
    .team-details-wrapper .team-details-content {
        padding: 0;
    }
}

.theme-btn,
.news-box-items .content .news-bottom .link-btn {
    text-transform: initial;
}

.hero-4 .hero-image {
    height: auto;
}

.hero-4 .hero-content .hero-bottom .content {
    border-top: 1px solid #fff;
}

.hero-4 .hero-content .hero-bottom .content p,
.hero-4 .hero-content .hero-bottom .content span,
.hero-4 .hero-content .hero-bottom .content a {
    color: #fff;
}


/* .as-theme-btn {
    background-color: var(--theme-secondary);
} */

.header-main .main-menu ul li:last-child,
.header-main .main-menu ul li {
    margin-inline-start: 30px;
    margin-inline-end: 30px;
}

.header-4 .mean__menu-wrapper {
    /* border-radius: 0; */
    background-color: #fff;
    border: none;
}

.header-4 .mean__menu-wrapper.home {
    background-color: #fff6;
}

.header-4 .mean__menu-wrapper .main-menu ul li a {
    color: var(--theme);
}

.theme-btn .btn_inner::before {
    background-color: var(--theme-secondary) !important;
}

.about-wrapper .about-content .theme-btn {
    background-color: var(--theme);
}

.check {
    cursor: pointer;
    position: relative;
    margin: auto;
    width: 18px;
    height: 18px;
    -webkit-tap-highlight-color: transparent;
    transform: translate3d(0, 0, 0);
    padding: 0 25px 0 0;
    float: left;
}

.check:before {
    content: '';
    position: absolute;
    top: -15px;
    left: -15px;
    width: 48px;
    height: 48px;
    border-radius: 50%;
    background: rgba(34, 50, 84, 0.03);
    opacity: 0;
    transition: opacity 0.2s ease;
}

.check svg {
    position: relative;
    z-index: 1;
    fill: none;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke: #c8ccd4;
    stroke-width: 1.5;
    transform: translate3d(0, 0, 0);
    transition: all 0.2s ease;
}

.check svg path {
    stroke-dasharray: 60;
    stroke-dashoffset: 0;
}

.check svg polyline {
    stroke-dasharray: 22;
    stroke-dashoffset: 66;
}

.check:hover:before {
    opacity: 1;
}

.check:hover svg {
    stroke: #91ee17;
}

#cbx:checked+.check svg {
    stroke: #91ee17;
}

#cbx:checked+.check svg path {
    stroke-dashoffset: 60;
    transition: all 0.3s linear;
}

#cbx:checked+.check svg polyline {
    stroke-dashoffset: 42;
    transition: all 0.2s linear;
    transition-delay: 0.15s;
}