.logo {
    position: absolute;
    top: 0;
    background-color: #3f5046;
    padding: 4px;
}

.logo img {
    height: 110px;
}

.team_area_five .team_single_box .team_icon_list ul li a {
    font-size: 12px;
    height: 25px;
    width: 25px;
    line-height: 25px;
}

.team_area_five .team_single_box .team_icon_list {
    position: absolute;
    top: 6%;
    left: 12px;
}

.team_area_five .team_single_box {
    margin: 0px;
    padding: 0px;
}

.team_area_five .team_single_box .team_title h3,
.team_area_five .team_single_box .team_title,
.team_area_five .team_single_box .team_single_thumb {
    margin: 0;
}

.team_area_five .section_title_five {
    margin-bottom: 60px;
}

.main_title h4,
.main_title h2,
.main_title h5,
.about_description h6,
.about_description h4 {
    margin-bottom: 20px;
}

.about_area_five {
    background: #101010;
    padding: 100px 0 70px;
}

.logo_thumb img {
    height: 100px;
}

.team-ceo {
    position: absolute;
    bottom: 0;
    left: 0;
    background-color: rgb(0 28 13 / 89%);
}

.img-title h4 span {
    color: #419463;
}

.portfolio-masonary-area .single-portfolio-masonary-box:hover .portfolio-masonary-content {
    background: #406850;
}

.brand-thumb img {
    object-fit: contain;
    max-height: 90px;
}

.about_description.abt_top {
    width: 70%;
}

.breadcumb-area::before {
    content: '';
    background: #000;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0.4;
}

.breadcumb-area.abt-banner {
    background: url(../images/about/about-us-banner.webp);
    background-size: cover;
}

.project-banner {
    background-size: cover !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
}

.about_icon_list ul {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    margin: 20px 0;
}

.contact_area_three {
    height: max-content;
    padding-right: calc(var(--bs-gutter-x)* .5);
    padding-left: calc(var(--bs-gutter-x)* .5);
    padding-top: 0;
    padding-bottom: 0;
}

.contact_area_three .contact_from_box {
    position: relative;
    left: 0px;
    background: #48564d;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    padding: 30px 15px;
}

.about_button {
    margin-top: 0px;
}

.about_button a {
    display: inline-block;
    font-size: 15px;
    line-height: 30px;
    color: #ffffff;
    font-weight: 500;
    background: #406850;
    padding: 14px 35px;
    position: relative;
    z-index: 1;
}

.about_button a::before {
    position: absolute;
    content: "";
    z-index: -1;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: #fff;
    transform: scale(0);
    transition: .5s;
}

.portfolio-minimal-area .about_button {
    margin: 0 0 0 auto;
    text-align: right;
}

.hendre_nav_manu {
    padding: 10px 90px 10px;
}

nav.hendre_menu {
    text-align: right;
}

.project-logo {
    width: 100%;
    height: auto;
    background-color: #181a19;
    display: flex;
    align-items: center;
    padding: 20px;
    max-height: 250px;
}

.project-logo img {
    width: 100%;
}

.about_area_five .about_icon_list ul li {
    display: flex;
}

.mainhead {
    display: grid;
    column-gap: 50px;
    grid-template-columns: 30% 60%;
    margin-bottom: 40px;
}

.hendre_menu ul .sub-menu .sub-menu {
    left: -100%;
}

.contact_area_three .form_box input {
    margin: 0 0 0;
}

.form_box {
    margin-bottom: 20px;
}

.success-msg-bottom,
.error-msg-bottom {
    display: none;
}

.error {
    color: #de0000;
    font-weight: 500;
    font-size: 13px;
    background-color: #fff;
    padding: 8px 10px;
    line-height: 1;
}

.success-msg {
    padding: 100px 0;
    line-height: 1.2;
    font-weight: 700;
    font-size: 25px;
    text-align: center;
    color: #0ab64f;
}

.about_area_five .about_icon_list ul li i {
    color: #56926e;
    margin-right: 10px;
}

.about_area_five .about_icon_list ul li b {
    display: contents;
}

.breadcumb-content ul li {
    position: relative;
}

.breadcumb-content ul li:after {
    position: absolute;
    content: "";
    height: 16px;
    width: 2px;
    background: #515151;
    top: 7px;
    right: -13px;
    opacity: 0.5;
    transform: rotate(29deg);
}

.breadcumb-content ul li:last-child::after {
    display: none;
}

.portfolio-minimal-area .case-study-single-box {
    padding: 15px;
}

.portfolio-minimal-area .case-study-thumb2 img {
    height: 150px;
    object-fit: cover;
}

.about_description p.proj-sub-head {
    color: #e2e2e2;
}

.about_description p.proj-sub-head i {
    color: #56926e;
    font-size: 18px;
}

.breadcumb-area .breadcumb-content h1 {
    font-size: 48px;
    line-height: 1.1;
    text-transform: none;
}

/* --------------- contact ---------------- */

.breadcumb-area.contact-banner {
    background: url(../images/banners/contact-banner.jpg);
    background-size: cover;
}
.breadcumb-area.blog-banner {
    background: url(../images/banners/blog-banner.jpg);
    background-size: cover;
}

.contact-sec .sub-title h2 {
    top: 0;
}

.contact-details.counter_area_three {
    background: none;
}

.contact-details .single-contact-thumb p,
.contact-details .single-contact-thumb p a {
    color: #999;
}

.contact-details .single-contact-thumb:hover p a {
    color: #406850;
}

.contact-sec .counter_area_three .counter-single-item-inner {
    background: #0f0f0f;
}

.contact-sec .counter_area_three .counter-single-item-inner::before,
.contact-sec .counter_area_three .counter-single-item-inner::after {
    display: none;
}

.m-navbar .mean-container .mean-bar {
    background: #3f5046;
}

.m-navbar .mean-container .mean-bar::before {
    /* content: url(../images/bull-&-bear.svg); */
    display: none;
}

.m-navbar .logo_img {
    position: absolute;
    height: auto;
    z-index: 999999;
    left: 0;
    top: 8px;
}

.m-navbar .mean-container .mean-nav {
    background: #f8f8f8;
}

.m-navbar .mean-container .mean-nav ul li a,
.m-navbar .mean-container .mean-nav ul li {
    background: transparent;
}

.m-navbar .mean-container .mean-nav ul li:first-child {
    border-top: transparent;
}

.img-title p {
    font-size: 14px;
}

.about_area_five .qr-code img {
    height: 100%;
    object-fit: contain;
}

.team_single_box .qr-code img {
    width: 100%;
    height: 100%;
}

.testi-list .owl-stage-outer,
.testi-list .owl-stage,
.testi-list .owl-stage .owl-item {
    height: 100%;
}

.testi-list .owl-stage .owl-item {
    background: #1E1E1E;
    padding: 30px 40px 50px;
}

.testimonial-area.one .testimonial-tmb::before {
    display: none;
}

.testimonial-area.one .testimonial-description p {
    margin: 0 0 80px;
}
.blog-area-seven.gallery-wrap {
    background: #101010;
}
.gallery-wrap.blog-area-seven .blog-number {
    display: flex;
    justify-content: center;
    align-items: center;
    line-height: 0;
    height: 60px;
    width: 70px;
}
.gallery-wrap.blog-area-seven .blog-number i {
    font-size: 20px;
}
.gallery-wrap.blog-area-seven .blog-number.play-icon i {
    color: #fff;
}
/* .gallery-wrap.project_area_five .single_project_box::before {
    background: #3f5046;
    background: #406850;
}
.gallery-wrap.project_area_five .single_project_box:hover::before {
    opacity: 0.9;
}
.gallery-wrap.project_area_five .single_project-tmb img {
    height: 100%;
    object-fit: cover;
}
.gallery-wrap.project_area_five .single_project_content {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
    top: 0;
}
.gallery-wrap.project_area_five .single_project_button a {
    background: transparent;
    font-size: 40px;
}
.gallery-wrap.project_area_five .single_project_button a i {
    color: red;
} */

@media screen and (max-width: 1440px) {
    .gallery-wrap.blog-area-seven .blog-number {
        height: 50px;
        width: 60px;
    }
    .gallery-wrap.blog-area-seven .blog-number i {
        font-size: 18px;
    }
}

@media screen and (min-width: 1200px) and (max-width: 1440px) {
    .slider-area.one .row.bor-der {
        padding-left: 100px;
    }
}

@media screen and (min-width: 992px) and (max-width: 1199px) {
    .single_about_box .main_title h2 {
        font-size: 28px;
    }

    .about_description.abt_top {
        width: 65%;
    }
}

@media screen and (max-width: 1199px) {
    .footer_section_five .widgets-company-content.upper {
        margin-left: 0;
    }

    .img-title h4 {
        font-size: 22px;
    }
}

@media screen and (max-width: 991px) {
    .m-navbar .logo_img {
        width: 10%;
    }

    .owl-nav {
        right: -40px;
    }

    .brand-area.one .brand-title::before,
    .brand-area.one .brand-title::after {
        width: 18%;
    }

    .testimonial-area.one .section-title {
        text-align: center;
    }

    .breadcumb-area {
        margin-top: 60px;
    }

    .breadcumb-area {
        height: 350px;
    }

    .about-area.one .about-thumb img {
        width: 100%;
        height: 100%;
        aspect-ratio: 1 / 1;
        object-fit: cover;
    }

    .team-ceo {
        position: inherit;
        text-align: center;
    }

    .about_area_five .qr-code img {
        width: 40%;
    }

    .img-title h4 {
        font-size: 20px;
    }

    .map-section iframe {
        height: 400px;
    }
}

@media screen and (max-width: 768px) {
    .m-navbar .logo_img {
        width: 12%;
    }
}

@media screen and (max-width: 767px) {
    .about_icon_list ul {
        grid-template-columns: repeat(1, 1fr);
    }

    .slider-area.one .slider-thumb img {
        aspect-ratio: 1 / 1;
        width: 100%;
        height: 100%;
        margin-bottom: 70px;
    }

    .hero-slides.owl-carousel .owl-stage-outer {
        padding-top: 60px;
    }

    .slider-icon-box {
        display: none;
    }

    .slider-area.one .row.bor-der::before,
    .slider-area.one .single-slider::before,
    .slider-area.one .single-slider::after {
        background: inherit;
    }

    .brand-thumb img {
        max-height: 70px;
    }

    .brand-area.one .brand-title::before,
    .brand-area.one .brand-title::after {
        width: 12%;
    }

    .blog-area.one .blog-title h3 a {
        font-size: 23px;
    }

    .single_about_box .main_title h2 {
        font-size: 28px;
    }

    .about_description.abt_top {
        width: 65%;
    }

    .about_thumb img {
        aspect-ratio: 1 / 1;
        object-fit: cover;
        object-position: 0 20%;
    }

    .team-ceo {
        text-align: left;
    }

    .about_area_five .qr-code img {
        width: 100%;
    }

    .team_single_box .qr-code img {
        width: 25%;
    }

    .slider-area.one .slider-number h1 {
        font-size: 80px;
    }
}

@media screen and (max-width: 680px) {
    .m-navbar .logo_img {
        width: 15%;
    }

    .owl-nav {
        right: -42px;
    }

    .service_area_five .service-top-button a {
        font-size: 14px;
    }

    .breadcumb-content ul li {
        font-size: 12px;
    }

    .breadcumb-content ul {
        padding: 10px 0px 10px 20px;
        right: 5%;
    }

    .breadcumb-area .breadcumb-content h1 {
        font-size: 40px;
    }
}

@media screen and (max-width: 599px) {
    .about_description.abt_top {
        width: 100%;
    }
}

@media screen and (max-width: 576px) {
    .m-navbar .logo_img {
        width: 17%;
    }

    .mainhead {
        grid-template-columns: 100%;
        margin-bottom: 0;
    }

    .project-logo {
        width: 35%;
        margin-bottom: 25px;
    }

    .slider-area.one .slider-number h1 {
        font-size: 85px;
    }

    .brand-thumb img {
        max-height: 90px;
    }

    .about_area_five .qr-code img {
        width: 25%;
    }

    .team-ceo {
        text-align: center;
    }

    .about_icon_list ul {
        margin-top: 0;
    }
}

@media screen and (max-width: 480px) {
    .m-navbar .logo_img {
        width: 20%;
    }

    .slider-area.one .slider-number h1 {
        font-size: 70px;
    }

    .slider-area.one .slider-number {
        top: 18px;
        right: 18px;
    }

    .slider-area.one .slider-button a,
    .more-btn a {
        font-size: 14px;
    }

    .slider-area.one .slider-button::before,
    .more-btn::before {
        left: 132px;
    }

    .brand-thumb img {
        max-height: 78px;
    }

    .brand-area.one .brand-title::before,
    .brand-area.one .brand-title::after {
        display: none;
    }

    .footer_section_five .widgets-company-title h3 {
        margin-bottom: 18px;
    }

    .widgets-company-info {
        margin-bottom: 40px;
    }

    .footer_section_five .copy-rights {
        margin-top: 10px;
    }

    .about_area_five .qr-code img,
    .team_single_box .qr-code img {
        width: 30%;
    }
    .gallery-wrap.blog-area-seven .blog-number i {
        font-size: 15px;
    }
    .gallery-wrap.blog-area-seven .blog-number {
        height: 40px;
    width: 50px;
    }
}

@media screen and (max-width: 380px) {
    .m-navbar .logo_img {
        width: 26%;
    }

    .slider-area.one .slider-number h1 {
        font-size: 55px;
    }

    .slider-area.one .slider-number {
        top: 14px;
    }

    .slider-area.one .slider-title h1 {
        font-size: 25px;
        line-height: 36px;
    }

    .slider-area.one .slider-content {
        margin-top: 65px;
    }

    .slider-area.one .single-slider-left {
        margin-top: 40px;
    }

    .slider-area.one .singles-sliders .slider-content {
        margin-top: 45px;
    }

    .slider-area.one .slider-thumb img {
        margin-bottom: 55px;
    }

    .sub-title h2 {
        font-size: 24px;
    }

    .main-title h1 {
        font-size: 55px;
    }

    .brand-thumb img {
        max-height: 60px;
    }

    .brand-area.one {
        padding-bottom: 60px;
    }

    .breadcumb-area .breadcumb-content h1 {
        font-size: 35px;
    }

    .breadcumb-area {
        height: 280px;
    }
}