/* Constrc Construction Business HTML-5 Template */

/*** 

====================================================================
	Attachment Css Files
====================================================================

***/

@import url('https://fonts.googleapis.com/css2?family=DM+Serif+Display:ital@0;1&display=swap');


@import url('global.css');
@import url('header.css');
@import url('footer.css');
@import url('animate.css');
@import url('rtl.css');
@import url('dark-body.css');
@import url('jquery-ui.css');
@import url('swiper.min.css');
@import url('font-awesome.css');
@import url('custom-animate.css');
@import url('magnific-popup.css');
@import url('odometer-theme-default.css');
@import url('jquery.bootstrap-touchspin.css');

/*** 

====================================================================
	Main Slider
====================================================================

***/

.slider-one {
    position: relative;
}

    .slider-one .slider-one_pagination {
        position: absolute;
        top: 34%;
        z-index: 999;
        left: 40px !important;
        right: auto !important;
        width: 60px !important;
    }

        .slider-one .slider-one_pagination .swiper-pagination-bullet {
            position: relative;
            opacity: 1;
            width: auto;
            height: auto;
            display: block;
            background: none;
            font-weight: 600;
            line-height: 36px;
            text-align: right;
            font-size: 26px;
            opacity: 0.60;
            padding-right: 0px;
            color: var(--white-color);
            margin: 35px 0px !important;
            transition: all 300ms ease;
            -moz-transition: all 300ms ease;
            -webkit-transition: all 300ms ease;
            -ms-transition: all 300ms ease;
            -o-transition: all 300ms ease;
        }

            .slider-one .slider-one_pagination .swiper-pagination-bullet::before {
                position: absolute;
                content: '';
                left: 0px;
                top: 20px;
                width: 1px;
                height: 65px;
                background-color: var(--white-color);
            }

            .slider-one .slider-one_pagination .swiper-pagination-bullet::after {
                position: absolute;
                content: '';
                left: -5px;
                top: 14px;
                width: 10px;
                height: 10px;
                outline-offset: 1px;
                border-radius: 50px;
                display: inline-block;
                background-color: var(--white-color);
            }

            .slider-one .slider-one_pagination .swiper-pagination-bullet:last-child::before {
                display: none;
            }

            .slider-one .slider-one_pagination .swiper-pagination-bullet:hover,
            .slider-one .slider-one_pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
                opacity: 1;
                font-size: 26px;
            }

                .slider-one .slider-one_pagination .swiper-pagination-bullet:hover::before,
                .slider-one .slider-one_pagination .swiper-pagination-bullet.swiper-pagination-bullet-active::before {
                    opacity: 1;
                }

    .slider-one .swiper-slide {
        position: relative;
        padding: 152px 0px;
    }

.slider-one_image-layer {
    position: absolute;
    left: 0px;
    top: 0px;
    right: 0px;
    bottom: 0px;
    z-index: 1;
    opacity: 0;
    overflow: hidden;
    background-size: cover;
    background-position: center center;
    clip-path: polygon(0 0, 40% 0, 40% 100%, 0% 100%);
    -webkit-transition: all 1000ms linear;
    -moz-transition: all 1000ms linear;
    -ms-transition: all 1000ms linear;
    -o-transition: all 1000ms linear;
    transition: all 1000ms linear;
}

    .slider-one_image-layer::before {
        position: absolute;
        content: '';
        left: 0;
        top: 0;
        right: 0;
        bottom: 0;
        /* opacity: 0.6; */
        background: linear-gradient(to right, rgb(0 0 0 / 56%) 0%, rgba(0, 0, 0, 0.3) 60%, rgba(0, 0, 0, 0) 100%);
        z-index: 1;
        transition: all 0.4s ease-in-out;
    }

.slider-one .swiper-slide-active .slider-one_image-layer {
    opacity: 1;
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
}

.slider-one_pattern {
    position: absolute;
    left: 0px;
    top: 0px;
    z-index: 1;
    width: 306px;
    height: 306px;
    background-repeat: no-repeat;
}

.slider-one_content {
    position: relative;
    z-index: 2;
    /* text-align:center; */
}

.slider-one_content-inner {
    position: relative;
}

.slider-one_title {
    position: relative;
    font-size: 20px;
    font-weight: 600;
    /* padding:11px 25px; */
    border-radius: 50px;
    display: inline-block;
    color: var(--white-color);
    transition: all 900ms ease;
    -moz-transition: all 900ms ease;
    -webkit-transition: all 900ms ease;
    -ms-transition: all 900ms ease;
    -o-transition: all 900ms ease;
    text-transform: capitalize;
    /* background-color: var(--main-color); */
}

.slider-one .swiper-slide-active .slider-one_title {
    -webkit-transition-delay: 500ms;
    -moz-transition-delay: 500ms;
    -ms-transition-delay: 500ms;
    -o-transition-delay: 500ms;
    transition-delay: 500ms;
}

.slider-one_heading {
    margin-top: 20px;
    font-weight: 800;
    margin-bottom: 20px;
    color: var(--white-color);
    /* text-transform: uppercase; */
    transition: all 900ms ease;
    -moz-transition: all 900ms ease;
    -webkit-transition: all 900ms ease;
    -ms-transition: all 900ms ease;
    -o-transition: all 900ms ease;
    transition: 1.3s cubic-bezier(0.5, 0.5, 0, 1);
    clip-path: polygon(0% 0%, 0% 0%, 0% 100%, 0% 100%);
    font-family: 'Manrope', sans-serif;
}

    .slider-one_heading span {
        color: transparent;
        font-weight: 800;
        font-family: "Raleway", serif;
        -webkit-text-stroke-width: 2px;
        -webkit-text-stroke-color: rgba(var(--white-color-rgb), 1);
    }

.slider-one .swiper-slide-active .slider-one_heading {
    -webkit-transition-delay: 800ms;
    -moz-transition-delay: 800ms;
    -ms-transition-delay: 800ms;
    -o-transition-delay: 800ms;
    transition-delay: 800ms;
    clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
}

.slider-one_text {
    margin-top: 20px;
    font-weight: 400;
    font-size: 18px;
    max-width: 600px;
    /* margin:0 auto; */
    /* text-align:center; */
    line-height: 32px;
    margin-bottom: 35px;
    color: var(--white-color);
    text-transform: capitalize;
    transition: all 900ms ease;
    -moz-transition: all 900ms ease;
    -webkit-transition: all 900ms ease;
    -ms-transition: all 900ms ease;
    -o-transition: all 900ms ease;
    transition: 1.3s cubic-bezier(0.5, 0.5, 0, 1);
    clip-path: polygon(0% 0%, 0% 0%, 0% 100%, 0% 100%);
}

.slider-one .swiper-slide-active .slider-one_text {
    -webkit-transition-delay: 1200ms;
    -moz-transition-delay: 1200ms;
    -ms-transition-delay: 1200ms;
    -o-transition-delay: 1200ms;
    transition-delay: 1200ms;
    clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
}

.slider-one_arrow {
    position: absolute;
    content: '';
    right: 0%;
    bottom: -30px;
    width: 227px;
    height: 202px;
    background-repeat: no-repeat;
}

.slider-one .slider-one_button {
    position: relative;
    gap: 5px;
    display: inline-block;
    transition: all 900ms ease;
    -moz-transition: all 900ms ease;
    -webkit-transition: all 900ms ease;
    -ms-transition: all 900ms ease;
    -o-transition: all 900ms ease;
    transition: 1.3s cubic-bezier(0.5, 0.5, 0, 1);
    clip-path: polygon(0% 0%, 0% 0%, 0% 100%, 0% 100%);
}

.slider-one_video {
    position: relative;
}

.slider-one .slider-one_button .slider-one_video:before {
    position: absolute;
    content: '';
    left: -18px;
    top: 50%;
    height: 20px;
    width: 20px;
    transform: translateY(-50%);
    background-color: var(--white-color);
}

.slider-one .swiper-slide-active .slider-one_button {
    -webkit-transition-delay: 1400ms;
    -moz-transition-delay: 1400ms;
    -ms-transition-delay: 1400ms;
    -o-transition-delay: 1400ms;
    transition-delay: 1400ms;
    clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
}

/* Play Box */

.slider-one .play-box {
    position: relative;
}

    .slider-one .play-box:hover .fa {
        color: var(--white-color);
        border-color: var(--black-color);
        background-color: var(--main-color);
    }

    .slider-one .play-box .fa {
        position: relative;
        width: 62px;
        height: 62px;
        margin-top: 3px;
        font-size: 18px;
        line-height: 50px;
        border-radius: 50px;
        display: inline-block;
        color: var(--white-color);
        text-align: center !important;
        border: 6px solid var(--white-color);
        transition: all 300ms ease;
        -moz-transition: all 300ms ease;
        -webkit-transition: all 300ms ease;
        -ms-transition: all 300ms ease;
        -o-transition: all 300ms ease;
        background-color: var(--main-color);
    }

/* Slider Socials Box */

.slider-one_socials {
    position: absolute;
    left: 0px;
    bottom: 0px;
    z-index: 1;
    padding: 25px 30px;
    border-radius: 0px 50px 50px 0px;
    background-color: rgba(var(--white-color-rgb), 0.15);
}

    .slider-one_socials a {
        position: relative;
        font-size: 14px;
        margin: 0px 15px;
        text-transform: capitalize;
        color: var(--white-color);
    }

        .slider-one_socials a::before {
            position: absolute;
            content: '-';
            right: -20px;
            font-size: 24px;
            color: var(--white-color);
        }

        .slider-one_socials a:hover {
            color: var(--main-color);
        }

        .slider-one_socials a:last-child::before {
            display: none;
        }

.slider-two_options {
    position: absolute;
    right: 0px;
    bottom: 0px;
    z-index: 10;
}

    .slider-two_options .button {
        position: relative;
        border-radius: 40px 0px 0px 0px;
        background-color: var(--white-color);
        border: 10px solid var(--white-color);
        border-bottom: none;
        border-right: none;
    }

        .slider-two_options .button a {
            position: relative;
            font-weight: 600;
            font-size: 16px;
            display: flex;
            gap: 55px;
            padding: 15px 30px;
            color: var(--black-color);
        }

        .slider-two_options .button i {
            position: relative;
            font-weight: 700;
            font-family: 'Font Awesome 6 Free';
        }

        .slider-two_options .button a:hover {
            color: var(--main-color);
        }

.slider-two_authors {
    position: relative;
    display: flex;
    gap: 20px;
    align-items: center;
    background-color: var(--white-color);
    border-left: 10px solid var(--white-color);
    border-right: 25px solid var(--white-color);
    border-radius: 0px 0px 0px;
    padding: 5px 0px 20px;
}

    .slider-two_authors ul {
        position: relative;
        display: flex;
        margin-left: 40px;
    }

        .slider-two_authors ul li {
            position: relative;
            width: 54px;
            height: 54px;
            margin-left: -20px;
            border-radius: 50px;
            display: inline-block;
            border: 3px solid var(--white-color);
        }

.slider-two_reviews {
    position: relative;
    font-weight: 800;
    font-size: 26px;
    color: var(--main-color);
}

    .slider-two_reviews span {
        position: relative;
        font-weight: 600;
        font-size: 16px;
        color: var(--black-color);
    }

/*** 

====================================================================
	About One
====================================================================

***/

.about-one {
    position: relative;
    padding: 180px 0px 70px;
    background-image: linear-gradient(to bottom, #f6f6f6, #f8f8f8, #fafafa, #fdfdfd, #ffffff);
}

.about-one_pattern-layer {
    position: absolute;
    left: 0px;
    top: 0px;
    right: 0px;
    height: 70px;
    background-repeat: repeat-x;
    animation: slideBackground 10s linear infinite;
}

.about-one_cap {
    position: absolute;
    right: 0px;
    bottom: 100px;
    width: 348px;
    height: 205px;
}

@keyframes slideBackground {
    0% {
        background-position: 0 0;
    }

    100% {
        background-position: 100% 0;
    }
}

.about-one .sec-title_heading {
    position: absolute;
    left: 295px;
    top: -25px;
    letter-spacing: -1px;
}

.about-one_image-column {
    position: relative;
    margin-bottom: 30px;
}

.about-one_image-outer {
    position: relative;
}

    .about-one_image-outer .image {
        position: relative;
        display: block;
        opacity: 0;
        transition: all 500ms ease;
        -moz-transition: all 500ms ease;
        -webkit-transition: all 500ms ease;
        -ms-transition: all 500ms ease;
        -o-transition: all 500ms ease;
        clip-path: polygon(0 0, 15% 0, 15% 100%, 0% 100%);
    }

        .about-one_image-outer .image.now-in-view {
            opacity: 1;
            -webkit-transition-delay: 300ms;
            -moz-transition-delay: 300ms;
            -ms-transition-delay: 300ms;
            -o-transition-delay: 300ms;
            transition-delay: 300ms;
            clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
        }

        .about-one_image-outer .image img {
            position: relative;
            width: 100%;
            display: block;
            overflow: hidden;
            border-radius: 30px;
        }

.about-one_image-column .column:nth-child(2) .image {
    position: relative;
    margin-top: 170px;
}

.about-construction_image {
    position: absolute;
    left: 30px;
    bottom: 185px;
}

.about-one_button {
    position: relative;
    margin-top: 300px;
}

.about-one_content-column {
    position: relative;
    margin-bottom: 30px;
}

.about-one_content-outer {
    position: relative;
    margin-top: 165px;
    padding-left: 20px;
}

/* Feature Block One */

.feature-block_one {
    position: relative;
    margin-bottom: 30px;
}

.feature-block_one-title {
    position: relative;
    font-weight: 700;
    margin-bottom: 12px;
    color: var(--black-color);
}

.feature-block_one-text {
    position: relative;
    font-weight: 400;
    font-size: 16px;
    color: #666666;
    line-height: 28px;
}

/* Feature Block Two */

.feature-block_two {
    position: relative;
    margin-bottom: 30px;
}

.feature-block_two-inner {
    position: relative;
    overflow: hidden;
    border-radius: 25px;
    padding: 12px 25px 30px;
    background-image: linear-gradient(to bottom, #010101, #0c0c0c, #141414, #1a1a1a, #202020);
}

    .feature-block_two-inner:hover {
        background-image: linear-gradient(to bottom, #fe5d01, #f65a01, #ed5701, #e55401, #dd5101);
    }

.feature-block_two-title {
    position: relative;
    font-size: 10px;
    font-weight: 600;
    margin-bottom: 10px;
    letter-spacing: 0.40;
    color: var(--white-color);
    text-transform: uppercase;
    font-family: "Lexend Deca", sans-serif;
}

.feature-block_two-icon {
    position: relative;
    display: block;
    text-align: right;
    margin-bottom: 30px;
    border-bottom: 1px solid var(--white-color);
}

    .feature-block_two-icon i {
        position: relative;
        display: inline-block;
        transition: all 500ms ease;
        -moz-transition: all 500ms ease;
        -webkit-transition: all 500ms ease;
        -ms-transition: all 500ms ease;
        -o-transition: all 500ms ease;
    }

.feature-block_two-inner:hover .feature-block_two-icon i {
    transform: rotateY(180deg);
}

.feature-block_two_count {
    position: relative;
    font-weight: 700;
    font-size: 48px;
    line-height: 50px;
    color: var(--white-color);
    font-family: "Lexend Deca", sans-serif;
}

    .feature-block_two_count sup {
        position: relative;
        color: var(--main-color);
    }

.feature-block_two-inner:hover .feature-block_two_count sup {
    color: var(--white-color);
}

.feature-block_two_text {
    position: relative;
    font-size: 12px;
    color: var(--white-color);
    text-transform: capitalize;
}

/*** 

====================================================================
	Offer One
====================================================================

***/

.service-one {
    position: relative;
    overflow: hidden;
    z-index: 1;
    padding: 20px 0px 40px;
}

.service-one_pattern-layer {
    position: absolute;
    left: 0px;
    top: 0px;
    bottom: 0px;
    width: 150%;
    overflow: hidden;
    border-radius: 40px 40px;
    background-repeat: repeat;
}

.service-one_shadow {
    position: absolute;
    left: 0px;
    top: 0px;
    bottom: 0px;
    width: 100%;
    z-index: 1;
    background-position: right bottom;
    background-repeat: no-repeat;
}

.service-one .auto-container {
    max-width: 1450px;
}

.service-one .inner-container {
    padding-top: 100px;
    padding-bottom: 100px;
}

    .service-one .inner-container:before {
        position: absolute;
        content: '';
        left: 0px;
        top: 0px;
        bottom: 0px;
        width: 150%;
        border-radius: 0px 0px 0px 0px;
        background-color: var(--black-color);
    }

.service-one_title {
    position: relative;
    margin-bottom: 10px;
}

    .service-one_title .service-one_arrow {
        position: absolute;
        right: 8px;
        top: 9px;
        width: 70px;
        height: 70px;
        font-size: 24px;
        text-align: center;
        line-height: 70px;
        border-radius: 50px;
        display: inline-block;
        color: var(--white-color);
        transform: rotate(-45deg);
        background-color: var(--black-color);
    }

    .service-one_title:last-child {
        margin-bottom: 0px;
    }

.service-one_heading {
    font-weight: 600;
    color: var(--white-color);
    text-transform: capitalize;
    transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -webkit-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
}

    .service-one_heading a {
        position: relative;
        display: block;
        border-radius: 50px;
        color: var(--white-color);
        text-transform: capitalize;
        background-color: rgba(var(--white-color-rgb), 0.12);
        padding: 28px 25px 28px 50px;
    }

.service-one_title.active .service-one_arrow,
.service-one_title:hover .service-one_arrow {
    color: var(--black-color);
    background-color: var(--white-color);
}

.service-one_title.active .service-one_heading a,
.service-one_title:hover .service-one_heading a {
    color: var(--white-color);
    background-color: var(--main-color);
}

.service-one_image-column {
    position: relative;
    z-index: 10;
}

.service-one_image-outer {
    position: relative;
    height: 100%;
}

.service-one_images_outer {
    position: relative;
    height: 100%;
}

.service-one_title.active .service-one_subtitle,
.service-one_title:hover .service-one_subtitle {
    background-color: var(--color-two);
}

.service-one_image {
    position: absolute;
    right: 15px;
    top: 0px;
    opacity: 0;
    display: block;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -webkit-transform: rotate(-5deg) translateX(0px);
    transform: rotate(-5deg) translateX(0px);
}

    .service-one_image > img {
        position: relative;
        width: 100%;
        display: block;
        overflow: hidden;
        border-radius: 30px;
    }

    .service-one_image.active {
        opacity: 1;
        -webkit-transform: rotate(0deg) translateX(0px);
        transform: rotate(0deg) translateX(0px);
    }

.service-one_content-column {
    position: relative;
    z-index: 10;
}

.service-one_content-outer {
    position: relative;
    padding-left: 70px;
    padding-right: 60px;
}

.service-one_content {
    position: relative;
    padding-top: 35px;
}

.service-one_sub-title {
    position: relative;
    font-weight: 600;
    color: var(--white-color);
    text-transform: capitalize;
}

.service-one_text {
    position: relative;
    font-weight: 400;
    font-size: 16px;
    line-height: 28px;
    margin-top: 12px;
    color: var(--white-color);
    text-transform: capitalize;
}

.service-one_button {
    position: absolute;
    right: 5px;
    top: -90px;
    padding: 10px 10px 0px;
    border-radius: 50px 0px 50px 50px;
}

/*** 

====================================================================
	Project One
====================================================================

***/

.project-one {
    position: relative;
    border-radius: 50px 50px;
    padding: 80px 0px 60px;
    background-color: #F5F5F5;
}

    .project-one .auto-container {
        max-width: 1320px;
    }

.project-block_one.style-two .project-block_one-overlay {
    display: flex;
    justify-content: end;
}

.project-block_one.style-two .project-block_one-image:before {
    left: -1px;
    right: auto;
    background: url(../images/icons/shape-2.png);
}

.project-block_one {
    position: relative;
    margin-bottom: 50px;
}

.project-block_one-inner {
    position: relative;
}

.project-block_one-image {
    position: relative;
}

    .project-block_one-image img {
        position: relative;
        width: 100%;
        display: block;
        overflow: hidden;
        border-radius: 40px;
    }

    .project-block_one-image:before {
        position: absolute;
        content: '';
        right: 0px;
        top: -1px;
        width: 393px;
        height: 111px;
        z-index: 1;
        background: url(../images/icons/shape-1.png);
        background-repeat: no-repeat;
    }

.project-block_one-overlay {
    position: absolute;
    left: 100px;
    top: 110px;
    right: 130px;
}

.project-block_one-overlay_inner {
    position: relative;
    width: 100%;
    max-width: 478px;
    min-height: 332px;
    padding: 42px 45px 42px;
    background-size: cover;
    background-color: #fffffff5;
    border-radius: 30px;
}

.project-block_one-title {
    position: relative;
    font-weight: 600;
    font-size: 18px;
    color: rgb(173 139 58);
    text-transform: capitalize;
}

.project-block_one-location {
    position: relative;
    font-weight: 600;
    font-size: 18px;
    display: flex;
    gap: 15px;
    align-items: center;
    color: #45443F;
    text-transform: capitalize;
}

    .project-block_one-location .icon {
        position: relative;
        width: 24px;
        display: inline-block;
    }

.project-block_one-heading {
    font-weight: 500;
    margin-top: 18px;
}

    .project-block_one-heading a {
        position: relative;
        color: #45443F;
    }

        .project-block_one-heading a:hover {
            color: var(--main-color);
        }

.project-block_one-text {
    position: relative;
    font-weight: 400;
    font-size: 16px;
    color: #45443F;
    line-height: 30px;
    margin-top: 25px;
    text-transform: capitalize;
}

.project-block_one-arrow {
    position: absolute;
    right: 66px;
    bottom: -30px;
    width: 59px;
    height: 59px;
    font-size: 20px;
    line-height: 59px;
    text-align: center;
    border-radius: 50px;
    display: inline-block;
    color: var(--white-color);
    transform: rotate(-45deg);
    background-color: rgb(173 139 58);
}

    .project-block_one-arrow:hover {
        background-color: var(--black-color);
    }

/*** 

====================================================================
	Testimonial One
====================================================================

***/

.testimonial-one {
    position: relative;
    overflow: hidden;
    padding: 110px 0px 110px;
    background-color: var(--white-color);
}

.testimonial-one_circle {
    position: absolute;
    right: -250px;
    top: 80px;
    width: 536px;
    height: 536px;
    border-radius: 550px;
    border: 80px solid #f5f5f5;
}

.testimonial-one .single-item_carousel-pagination {
    position: absolute;
    top: 5%;
    z-index: 999;
    right: 0px !important;
    left: auto !important;
    width: 20px !important;
}

    .testimonial-one .single-item_carousel-pagination .swiper-pagination-bullet {
        position: relative;
        opacity: 1;
        width: 10px;
        height: 10px;
        display: block;
        background: none;
        margin: 30px 0px !important;
        transition: all 300ms ease;
        -moz-transition: all 300ms ease;
        -webkit-transition: all 300ms ease;
        -ms-transition: all 300ms ease;
        -o-transition: all 300ms ease;
        border-radius: 50px;
        display: block;
        background-color: #d9d9d9;
    }

        .testimonial-one .single-item_carousel-pagination .swiper-pagination-bullet::before {
            position: absolute;
            content: '';
            left: -8px;
            top: -8px;
            right: -8px;
            bottom: -8px;
            opacity: 0;
            border-radius: 50px;
            border: 1px solid var(--white-color);
        }

        .testimonial-one .single-item_carousel-pagination .swiper-pagination-bullet:hover,
        .testimonial-one .single-item_carousel-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
            opacity: 1;
            background-color: var(--black-color);
        }

            .testimonial-one .single-item_carousel-pagination .swiper-pagination-bullet:hover::before,
            .testimonial-one .single-item_carousel-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active::before {
                opacity: 1;
                border-color: var(--black-color);
            }

.testimonial-one_options {
    position: relative;
    font-size: 24px;
    font-weight: 600;
    color: var(--black-color);
}

    .testimonial-one_options .rating {
        position: relative;
        font-size: 24px;
        margin-top: 15px;
        color: var(--main-color);
    }

.testimonial-one__authors {
    position: relative;
    margin-top: 10px;
    margin-left: 60px;
}

    .testimonial-one__authors li {
        position: relative;
        width: 74px;
        height: 74px;
        margin-left: -30px;
        border-radius: 50px;
        display: inline-block;
        border: 3px solid var(--white-color);
    }

.testimonial-one__trusted {
    position: relative;
    font-size: 24px;
    color: #666666;
    font-weight: 700;
    line-height: 36px;
    margin-left: 40px;
}

    .testimonial-one__trusted span {
        position: relative;
        display: block;
        font-size: 22px;
        font-weight: 400;
        color: var(--black-color);
    }

.testimonial-one_carousel {
    position: relative;
    margin-top: 50px;
}

.testimonial-block_one {
    position: relative;
}

.testimonial-block_one-inner {
    position: relative;
}

.testimonial-block_one-text {
    position: relative;
    font-size: 40px;
    font-weight: 700;
    line-height: 55px;
    max-width: 990px;
    color: var(--black-color);
}

.testimonial-block_one-designation {
    position: relative;
    font-size: 20px;
    font-weight: 700;
    line-height: 30px;
    margin-top: 30px;
    color: var(--black-color);
}

    .testimonial-block_one-designation span {
        position: relative;
        display: block;
        font-size: 16px;
        color: #666666;
        font-weight: 400;
    }

/*** 

====================================================================
	Counter One
====================================================================

***/

.counter-one {
    position: relative;
    overflow: hidden;
    padding: 0px 0px 70px;
}

.counter-one_pattern {
    position: absolute;
    left: 0px;
    top: 0px;
    right: 0px;
    bottom: 0px;
    background-position: center bottom;
    background-repeat: repeat-x;
    animation: slideBackground 10s linear infinite;
}

.counter-one .counter-block_one:nth-child(2n + 1) {
    transform: translateY(90px);
}

.counter-block_one {
    position: relative;
    margin-bottom: 120px;
}

.counter-block_one-inner {
    position: relative;
    padding-left: 40px;
}

.counter-block_one-outline {
    position: absolute;
    left: 0px;
    top: 90px;
    width: 2px;
    height: 180%;
    background-image: linear-gradient(to bottom, #999999, #717171, #4c4c4c, #2a2a2a, #060606);
}

    .counter-block_one-outline:before {
        position: absolute;
        content: '';
        left: -5px;
        top: 0px;
        width: 14px;
        height: 14px;
        border-radius: 50px;
        background-color: #999999;
        outline: 1px dashed var(--black-color);
        outline-offset: 10px;
    }

.counter-block_one-count {
    position: relative;
    font-size: 64px;
    font-weight: 700;
    line-height: 1em;
    color: var(--black-color);
    font-family: "Lexend Deca", sans-serif;
}

    .counter-block_one-count sup {
        position: relative;
        color: var(--main-color);
    }

.counter-block_one-text {
    position: relative;
    font-size: 24px;
    font-weight: 700;
    line-height: 36px;
    color: var(--black-color);
    text-transform: capitalize;
    font-family: "Lexend Deca", sans-serif;
}

/*** 

====================================================================
	Faq One
====================================================================

***/

.faq-one {
    position: relative;
    padding: 110px 0px 125px;
    background-color: #f5f5f5;
}

    .faq-one.style-two {
        background-color: inherit;
        background-position: left top;
        background-repeat: no-repeat;
    }

        .faq-one.style-two:before {
            position: absolute;
            content: '';
            left: 0px;
            top: 0px;
            right: 0px;
            height: 50%;
            z-index: -1;
            background-image: linear-gradient(to bottom, #f5f5f5, #f7f7f7, #fafafa, #fcfcfc, #ffffff);
        }

.faq-one_pattern {
    position: absolute;
    left: 0px;
    right: 0px;
    bottom: 0px;
    height: 70px;
    background-position: center bottom;
    background-repeat: repeat-x;
    animation: slideBackground 10s linear infinite;
}

.faq-one_image-column {
    position: relative;
    margin-bottom: 30px;
}

.faq-one_image {
    position: relative;
    margin-left: -180px;
}

.faq-one_accordian-column {
    position: relative;
    margin-bottom: 30px;
}

.faq-one_accordian-outer {
    position: relative;
    padding-left: 40px;
}

/*** 

====================================================================
	Accordion Style
====================================================================

***/

.accordion-box {
    position: relative;
    z-index: 1;
}

    .accordion-box .block {
        position: relative;
        border-radius: 50px;
        margin-bottom: 25px;
        background-color: var(--white-color);
    }

        .accordion-box .block.active-block {
            border-radius: 35px;
        }

        .accordion-box .block:last-child {
            margin-bottom: 0px;
        }

        .accordion-box .block .acc-btn {
            position: relative;
            cursor: pointer;
            line-height: 30px;
            font-weight: 600;
            font-size: 20px;
            border-radius: 50px;
            padding: 22px 55px 22px 35px;
            color: var(--black-color);
            transition: all 500ms ease;
            -ms-transition: all 500ms ease;
            -o-transition: all 500ms ease;
            -moz-transition: all 500ms ease;
            -webkit-transition: all 500ms ease;
            font-family: "Lexend Deca", sans-serif;
            background-image: linear-gradient(to right, #eeeeee, #f2f2f2, #f6f6f6, #fbfbfb, #ffffff);
        }

            .accordion-box .block .acc-btn.active {
                background: none;
            }

        .accordion-box .block .icon-outer {
            position: absolute;
            right: 12px;
            top: 10px;
            transition: all 500ms ease;
            -moz-transition: all 500ms ease;
            -webkit-transition: all 500ms ease;
            -ms-transition: all 500ms ease;
            -o-transition: all 500ms ease;
        }

            .accordion-box .block .icon-outer .icon {
                position: relative;
                width: 50px;
                height: 50px;
                line-height: 50px;
                text-align: center;
                border-radius: 50px;
                display: inline-block;
                transform: rotate(-45deg);
                color: var(--white-color);
                transition: all 500ms ease;
                -moz-transition: all 500ms ease;
                -webkit-transition: all 500ms ease;
                -ms-transition: all 500ms ease;
                -o-transition: all 500ms ease;
                background-color: var(--main-color);
            }

        .accordion-box .block .acc-btn.active .icon-outer .icon {
            transform: rotate(45deg);
            background-color: var(--black-color);
        }

        .accordion-box .block.active-block .icon {
            opacity: 1;
            color: var(--white-color);
        }

        .accordion-box .block .acc-content {
            position: relative;
            display: none;
        }

            .accordion-box .block .acc-content .content-text {
            }

            .accordion-box .block .acc-content.current {
                display: block;
            }

        .accordion-box .block .content {
            position: relative;
            padding: 0px 30px 30px;
        }

            .accordion-box .block .content .text {
                line-height: 32px;
                font-size: 18px;
                color: #666666;
            }

    .accordion-box.style-two .block {
        border: 1px solid rgba(0,0,0,0.60);
    }

        .accordion-box.style-two .block .acc-btn {
            background: none;
        }

        .accordion-box.style-two .block.active-block {
            background-color: #eeeeee;
        }

.clients-box_one {
    position: relative;
    margin-top: 80px;
}

    .clients-box_one.style-two {
        position: relative;
        margin-bottom: 100px;
    }

    .clients-box_one .client-image {
        position: relative;
        text-align: center;
    }

.client-one_subtitle {
    position: relative;
    padding: 10px 25px;
    color: #666666;
    font-size: 16px;
    font-weight: 700;
    margin-top: 70px;
    border-radius: 50px;
    display: inline-block;
    text-transform: uppercase;
    border: 1px solid #666666;
}

/*** 

====================================================================
	Contact One
====================================================================

***/

.contact-one {
    position: relative;
    padding: 110px 0px 200px;
}

    .contact-one .sec-title_text {
        font-weight: 600;
        font-size: 21px;
        line-height: 32px;
        color: var(--black-color);
    }

.info-block_one {
    position: relative;
    margin-bottom: 45px;
}

.info-block_one-inner {
    position: relative;
    color: #666666;
    font-size: 16px;
    padding-left: 75px;
}

.info-block_one-icon {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 60px;
    height: 60px;
    font-size: 22px;
    border-radius: 50px;
    text-align: center;
    line-height: 60px;
    display: inline-block;
    color: var(--white-color);
    background-color: var(--main-color);
}

.info-block_one-inner strong {
    position: relative;
    display: block;
    font-size: 24px;
    line-height: 30px;
    margin-bottom: 5px;
    color: var(--black-color);
    font-family: "Lexend Deca", sans-serif;
}

/* Contact Form */

.contact-form {
    position: relative;
    z-index: 10;
}

    .contact-form .form-group {
        margin-bottom: 20px;
    }

        .contact-form .form-group:last-child {
            margin-bottom: 0px;
        }

        .contact-form .form-group input[type="text"],
        .contact-form .form-group input[type="password"],
        .contact-form .form-group input[type="tel"],
        .contact-form .form-group input[type="email"],
        .contact-form .form-group select {
            position: relative;
            display: block;
            width: 100%;
            height: 48px;
            line-height: 28px;
            padding: 10px 30px;
            font-weight: 400;
            font-size: 14px;
            background: none;
            color: var(--black-color);
            border-radius: 12px;
            -webkit-transition: all 300ms ease;
            -ms-transition: all 300ms ease;
            -o-transition: all 300ms ease;
            -moz-transition: all 300ms ease;
            transition: all 300ms ease;
            background-color: #ffffff;
            border: 1px solid #ddd;
        }

            .contact-form .form-group input[type="text"]:focus,
            .contact-form .form-group input[type="password"]:focus,
            .contact-form .form-group input[type="tel"]:focus,
            .contact-form .form-group input[type="email"]:focus,
            .contact-form .form-group select:focus,
            .contact-form .form-group textarea:focus {
            }

        .contact-form .form-group textarea {
            position: relative;
            display: block;
            width: 100%;
            height: 112px;
            resize: none;
            font-size: 16px;
            line-height: 26px;
            padding: 20px 20px;
            border-radius: 12px;
            color: var(--black-color);
            background-color: #ffffff;
            -webkit-transition: all 300ms ease;
            -ms-transition: all 300ms ease;
            -o-transition: all 300ms ease;
            -moz-transition: all 300ms ease;
            transition: all 300ms ease;
            border: 1px solid #DDD;
        }

    .contact-form input:focus,
    .contact-form select:focus,
    .contact-form textarea:focus {
    }

    .contact-form input.error,
    .contact-form select.error,
    .contact-form textarea.error {
        border-color: #ff0000 !important;
    }

    .contact-form label.error {
        display: block;
        line-height: 24px;
        padding: 5px 0px 0px;
        margin: 0px;
        text-transform: uppercase;
        font-size: 12px;
        color: #ff0000;
        font-weight: 500;
    }

.contact-form_text {
    position: relative;
    font-weight: 600;
    font-size: 18px;
    line-height: 32px;
    color: var(--black-color);
}

.contact-one .video-image {
    position: relative;
    margin-top: -70px;
    z-index: 1;
}

    .contact-one .video-image img {
        position: relative;
        width: 100%;
        display: block;
        overflow: hidden;
        border-radius: 40px;
    }

    .contact-one .video-image:before {
        position: absolute;
        content: '';
        right: 0px;
        top: 0px;
        z-index: 1;
        width: 724px;
        height: 156px;
        background: url(../images/background/pattern-5.png);
        background-repeat: no-repeat;
    }

.contact-one_video {
    position: absolute;
    right: 90px;
    bottom: -90px;
    width: 176px;
    height: 176px;
    font-size: 40px;
    text-align: center;
    border-radius: 100px;
    line-height: 176px;
    display: inline-block;
    color: var(--white-color);
    background-color: var(--black-color);
}

    .contact-one_video:before {
        position: absolute;
        content: '';
        right: 7px;
        top: 7px;
        left: -7px;
        bottom: -7px;
        z-index: -1;
        border-radius: 150px;
        background-color: var(--main-color);
    }

    .contact-one_video .ripple,
    .contact-one_video .ripple:before,
    .contact-one_video .ripple:after {
        position: absolute;
        top: 50%;
        left: 50%;
        width: 176px;
        height: 176px;
        -webkit-transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        -o-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        -ms-border-radius: 50%;
        -o-border-radius: 50%;
        border-radius: 50%;
        -webkit-box-shadow: 0 0 0 0 rgba(255,101,12, .3);
        -moz-box-shadow: 0 0 0 0 rgba(255,101,12, .3);
        -ms-box-shadow: 0 0 0 0 rgba(255,101,12, .3);
        -o-box-shadow: 0 0 0 0 rgba(255,101,12, .3);
        box-shadow: 0 0 0 0 rgba(255,101,12, .3);
        -webkit-animation: ripple 3s infinite;
        -moz-animation: ripple 3s infinite;
        -ms-animation: ripple 3s infinite;
        -o-animation: ripple 3s infinite;
        animation: ripple 3s infinite;
    }

        .contact-one_video .ripple:before {
            -webkit-animation-delay: .9s;
            -moz-animation-delay: .9s;
            -ms-animation-delay: .9s;
            -o-animation-delay: .9s;
            animation-delay: .9s;
            content: "";
            position: absolute;
        }

        .contact-one_video .ripple:after {
            -webkit-animation-delay: .6s;
            -moz-animation-delay: .6s;
            -ms-animation-delay: .6s;
            -o-animation-delay: .6s;
            animation-delay: .6s;
            content: "";
            position: absolute;
        }

@-webkit-keyframes ripple {
    70% {
        box-shadow: 0 0 0 70px rgba(253, 167, 0, 0);
    }

    100% {
        box-shadow: 0 0 0 0 rgba(253, 167, 0, 0);
    }
}

@keyframes ripple {
    70% {
        box-shadow: 0 0 0 70px rgba(253, 167, 0, 0);
    }

    100% {
        box-shadow: 0 0 0 0 rgba(253, 167, 0, 0);
    }
}

/*** 

====================================================================
	Marketing One
====================================================================

***/

.marketing-one {
    position: relative;
    z-index: 1;
    overflow: hidden;
}

    .marketing-one .animation_mode {
        position: relative;
        min-height: 100px;
        margin-left: -10px;
    }

        .marketing-one .animation_mode h1 {
            font-weight: 800;
            font-size: 64px;
            line-height: 1em;
            padding: 20px 0px 6px;
            display: inline-block;
            text-transform: uppercase;
            color: var(--black-color);
        }

            .marketing-one .animation_mode h1.light {
                color: transparent;
                font-weight: 800;
                opacity: 0.70;
                -webkit-text-stroke-width: 2px;
                font-family: "Raleway", serif;
                -webkit-text-stroke-color: rgba(var(--black-color-rgb), 1);
            }

        .marketing-one .animation_mode .marketing-one_icon {
            position: relative;
            top: -15px;
            line-height: 1em;
            margin: 0px 15px;
        }

    .marketing-one .animation_mode-two {
        position: relative;
        min-height: 100px;
        top: 0px;
        margin-left: -10px;
        transform: rotate(0deg);
        background-color: var(--color-five);
    }

        .marketing-one .animation_mode-two::before {
            position: absolute;
            content: '';
            left: 0px;
            top: 8px;
            right: 0px;
            bottom: 8px;
            background-color: var(--main-color);
        }

        .marketing-one .animation_mode-two h1 {
            font-weight: 800;
            font-size: 36px;
            line-height: 1em;
            padding: 30px 0px 15px;
            display: inline-block;
            text-transform: uppercase;
            color: var(--white-color);
        }

        .marketing-one .animation_mode-two .marketing-one_icon {
            position: relative;
            top: -8px;
            line-height: 1em;
            margin: 0px 15px;
        }

/*** 

====================================================================
	Blog One
====================================================================

***/

.news-one {
    position: relative;
    padding: 110px 0px 80px;
}

    .news-one.style-two {
        padding-top: 110px;
    }

.news-block_one {
    position: relative;
    z-index: 2;
    margin-bottom: 30px;
}

.news-block_one-inner {
    position: relative;
}

.news-block_one-image_outer {
    position: relative;
}

.news-block_one-image {
    position: relative;
    overflow: hidden;
    border-radius: 30px;
}

    .news-block_one-image:before {
        position: absolute;
        content: '';
        right: 0px;
        bottom: 0px;
        width: 174px;
        height: 66px;
        z-index: 9;
        background: url(../images/icons/shape-3.png);
        background-repeat: no-repeat;
    }

    .news-block_one-image img:first-child {
        position: absolute;
        left: 0px;
        top: 0px;
        right: 0px;
        bottom: 0px;
        z-index: 1;
        -webkit-transform: translatex(50%) scalex(2);
        transform: translatex(50%) scalex(2);
        opacity: 0;
        -webkit-filter: blur(10px);
        filter: blur(10px);
    }

.news-block_one-inner:hover .news-block_one-image img:first-child {
    -webkit-transform: translatex(0) scalex(1);
    transform: translatex(0) scalex(1);
    opacity: 1;
    -webkit-filter: blur(0);
    filter: blur(0);
}

.news-block_one-inner:hover .news-block_one-image img:nth-child(2) {
    -webkit-transform: translatex(-50%) scalex(2);
    transform: translatex(-50%) scalex(2);
    opacity: 0;
    -webkit-filter: blur(10px);
    filter: blur(10px);
}

.news-block_one-image img {
    position: relative;
    width: 100%;
    display: block;
    -webkit-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease;
}

.news-block_one-content {
    position: relative;
    padding-top: 30px;
}

.news-block_one-date {
    position: absolute;
    right: 10px;
    bottom: 0px;
    z-index: 10;
    font-size: 16px;
    font-weight: 600;
    padding: 9px 35px;
    border-radius: 50px;
    letter-spacing: 1px;
    color: var(--white-color);
    text-transform: uppercase;
    font-family: "Lexend Deca", sans-serif;
    background-color: var(--black-color);
}

.news-block_one-meta {
    position: relative;
}

    .news-block_one-meta li {
        position: relative;
        font-size: 16px;
        padding-left: 30px;
        margin-right: 15px;
        display: inline-block;
        color: var(--black-color);
    }

        .news-block_one-meta li .icon {
            position: absolute;
            left: 0px;
            top: 2px;
            line-height: 1em;
            color: var(--main-color);
        }

        .news-block_one-meta li:last-child {
            margin-right: 0px;
            padding-right: 0px;
        }

.news-block_one-title {
    position: relative;
    margin-top: 15px;
    text-transform: capitalize;
}

    .news-block_one-title a {
        position: relative;
        color: var(--black-color);
    }

        .news-block_one-title a:hover {
            color: var(--main-color);
        }

.news-block_one-text {
    position: relative;
    color: #666666;
    font-size: 16px;
    line-height: 28px;
    margin-top: 15px;
}

.news-block_one-button {
    position: relative;
    margin-top: 25px;
}

    .news-block_one-button:before {
        position: absolute;
        content: '';
        left: 25px;
        bottom: 0px;
        right: 0px;
        border-bottom: 2px solid #f5f5f5;
        transition: all 500ms ease;
        -moz-transition: all 500ms ease;
        -webkit-transition: all 500ms ease;
        -ms-transition: all 500ms ease;
        -o-transition: all 500ms ease;
    }

    .news-block_one-button:after {
        position: absolute;
        content: '\f0da';
        right: 0px;
        bottom: -10px;
        color: #f5f5f5;
        font-size: 20px;
        font-weight: 800;
        font-family: 'Font Awesome 6 Free';
        transition: all 500ms ease;
        -moz-transition: all 500ms ease;
        -webkit-transition: all 500ms ease;
        -ms-transition: all 500ms ease;
        -o-transition: all 500ms ease;
    }

.news-block_one-more {
    position: relative;
    font-weight: 700;
    letter-spacing: 1px;
    padding: 17px 35px;
    border-radius: 50px 50px 0px 50px;
    display: inline-block;
    background-color: #f5f5f5;
    color: var(--black-color);
    text-transform: uppercase;
    font-family: "Lexend Deca", sans-serif;
}

.news-block_one-inner:hover .news-block_one-button:after {
    color: var(--main-color);
}

.news-block_one-inner:hover .news-block_one-button:before {
    border-color: var(--main-color);
}

.news-block_one-inner:hover .news-block_one-more {
    color: var(--white-color);
    background-color: var(--main-color);
}

/*** 

====================================================================
	Banner One
====================================================================

***/

.banner-one {
    position: relative;
    overflow: hidden;
    padding: 270px 0px 70px;
}

.banner-one_image {
    position: absolute;
    right: 0px;
    top: 0px;
    width: 50%;
    bottom: 0px;
    overflow: hidden;
    border-radius: 0px 0px 0px 75px;
}

.banner-one_content {
    position: relative;
}

.banner-one_text {
    position: relative;
    font-weight: 600;
    font-size: 20px;
    line-height: 34px;
    margin-bottom: 45px;
    color: var(--black-color);
}

.banner-one_title {
    position: relative;
    font-size: 100px;
    line-height: 1em;
    text-transform: uppercase;
    color: var(--black-color);
    font-family: "Lexend Deca", sans-serif;
}

.banner-one_subtitle {
    position: relative;
    font-size: 276px;
    font-weight: 800;
    line-height: 1em;
    text-transform: uppercase;
    color: var(--main-color);
    font-family: "Alumni Sans", sans-serif;
}

    .banner-one_subtitle span {
        position: relative;
        color: var(--white-color);
    }

.banner-one_button {
    position: relative;
}

.banner-one_video {
    position: absolute;
    left: 46%;
    top: 10%;
    width: 126px;
    height: 126px;
    font-size: 30px;
    text-align: center;
    border-radius: 100px;
    line-height: 126px;
    display: inline-block;
    color: var(--white-color);
    background-color: var(--black-color);
}

    .banner-one_video:before {
        position: absolute;
        content: '';
        right: 7px;
        top: 7px;
        left: -7px;
        bottom: -7px;
        z-index: -1;
        border-radius: 150px;
        background-color: var(--main-color);
    }

    .banner-one_video .ripple,
    .banner-one_video .ripple:before,
    .banner-one_video .ripple:after {
        position: absolute;
        top: 50%;
        left: 50%;
        width: 126px;
        height: 126px;
        -webkit-transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        -o-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        -ms-border-radius: 50%;
        -o-border-radius: 50%;
        border-radius: 50%;
        -webkit-box-shadow: 0 0 0 0 rgba(255,101,12, .3);
        -moz-box-shadow: 0 0 0 0 rgba(255,101,12, .3);
        -ms-box-shadow: 0 0 0 0 rgba(255,101,12, .3);
        -o-box-shadow: 0 0 0 0 rgba(255,101,12, .3);
        box-shadow: 0 0 0 0 rgba(255,101,12, .3);
        -webkit-animation: ripple 3s infinite;
        -moz-animation: ripple 3s infinite;
        -ms-animation: ripple 3s infinite;
        -o-animation: ripple 3s infinite;
        animation: ripple 3s infinite;
    }

        .banner-one_video .ripple:before {
            -webkit-animation-delay: .9s;
            -moz-animation-delay: .9s;
            -ms-animation-delay: .9s;
            -o-animation-delay: .9s;
            animation-delay: .9s;
            content: "";
            position: absolute;
        }

        .banner-one_video .ripple:after {
            -webkit-animation-delay: .6s;
            -moz-animation-delay: .6s;
            -ms-animation-delay: .6s;
            -o-animation-delay: .6s;
            animation-delay: .6s;
            content: "";
            position: absolute;
        }

/*** 

====================================================================
	Service Two
====================================================================

***/

.service-two {
    position: relative;
    overflow: hidden;
    padding: 100px 0px 80px;
    background-position: right bottom;
    background-repeat: no-repeat;
}

    .service-two .auto-container {
        max-width: 1650px;
    }

    .service-two .service-block_one {
        width: 20%;
        padding: 0px 15px;
    }

.service-block_one {
    position: relative;
    margin-bottom: 30px;
}

.service-block_one-inner {
    position: relative;
    padding: 20px 20px;
    border-radius: 10px;
    border: 1px solid #ad8b3a;
    box-shadow: 0px 21px 46px rgb(0 0 0 /10%);
    min-height: 372px;
    display: flex;
    flex-direction: column;
}

.service-block_one-icon {
    position: relative;
    width: 80px;
    height: 80px;
    line-height: 80px;
    border-radius: 50px;
    text-align: center;
    transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -webkit-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    background-color: rgb(173 139 58);
    background: linear-gradient(to right, #ba8100 0%, #d7ac32 50%, #fdd656 100%);
}

.service-block_one-inner:hover .service-block_one-icon {
    transform: rotateY(180deg);
}

.service-block_one-heading {
    position: relative;
    margin-top: 24px;
}

    .service-block_one-heading a {
        position: relative;
        color: #45443F;
    }

.service-block_one-text {
    position: relative;
    font-size: 15px;
    color: #45443F;
    line-height: 27px;
    margin-top: 20px;
    margin-bottom: 10px;
}

.service-block_one-more {
    position: relative;
    font-size: 15px;
    margin-top: 20px;
    font-weight: 500;
    color: rgb(210 165 58);
    font-family: "Lexend Deca", sans-serif;
    border: 1px solid #d2a53a;
    padding: 10px 10px;
    display: inline-block;
    margin-top: auto;
    text-align: center;
}

.service-block_one_image {
    position: absolute;
    left: 0px;
    top: 0px;
    right: 0px;
    bottom: 0px;
    opacity: 0;
    overflow: hidden;
    border-radius: 10px;
    background-size: cover;
    transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -webkit-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transform: scale(0.2,1);
}

.service-block_one-inner:hover .service-block_one_image {
    opacity: 1;
    transform: scale(1,1);
}

.service-block_one-inner:hover .service-block_one-text,
.service-block_one-inner:hover .service-block_one-heading a {
    color: var(--white-color);
}

.service-block_one_hover-image {
    position: absolute;
    right: -30px;
    top: 40px;
    z-index: 1;
    opacity: 0;
    width: 210px;
    height: 100px;
    border-radius: 15px;
    transform: scale(1,0.2);
    transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -webkit-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
}

.service-block_one-inner:hover .service-block_one_hover-image {
    opacity: 1;
    transform: scale(1,1);
}

.service-two_btn {
    position: relative;
    margin-top: 30px;
}

/*** 

====================================================================
	Fluid One
====================================================================

***/

.fluid-one {
    position: relative;
}

    .fluid-one:before {
        position: absolute;
        content: '';
        right: 0px;
        top: 90px;
        bottom: 0px;
        left: 0px;
        background-color: #F5F5F5;
    }

    .fluid-one .outer-container {
        position: relative;
    }

    .fluid-one .left-box {
        position: absolute;
        left: 0px;
        top: 0px;
        width: 50%;
        height: 100%;
        background-size: cover;
        border-radius: 0px 50px 50px 0px;
    }

.fluid-one_image {
    position: relative;
    display: none;
}

    .fluid-one_image img {
        position: relative;
        width: 100%;
        display: block;
    }


.fluid-one .right-box {
    position: relative;
    float: right;
    width: 50%;
    padding: 210px 15px 40px 80px;
}

.fluid-one .right-box_inner {
    position: relative;
    max-width: 650px;
}

.fluid-one .sec-title_text {
    max-width: 550px;
}

.fluid-one_list {
    position: relative;
    margin-bottom: 50px;
}

    .fluid-one_list li {
        position: relative;
        font-size: 18px;
        font-weight: 700;
        margin-bottom: 20px;
        color: var(--black-color);
        font-family: "Lexend Deca", sans-serif;
    }

        .fluid-one_list li i {
            position: relative;
            margin-right: 20px;
            color: var(--main-color);
        }

        .fluid-one_list li:last-child {
            margin-bottom: 0px;
        }

.fluid-one_experiance {
    position: relative;
    line-height: 1em;
    font-size: 120px;
    font-weight: 700;
    color: #ffffff;
    -webkit-text-stroke-width: 2px;
    font-family: "Raleway", serif;
    -webkit-text-stroke-color: rgba(var(--black-color-rgb), 1);
}

    .fluid-one_experiance span {
        position: relative;
        font-size: 16px;
        font-weight: 300 !important;
        margin-left: -30px;
        letter-spacing: 2px;
        color: var(--black-color);
        text-shadow: 0px 0px 0px rgba(0,0,0,1);
    }

.fluid-one_author {
    position: relative;
}

.fluid-one_author-inner {
    position: relative;
    font-size: 20px;
    min-height: 98px;
    font-weight: 700;
    padding-top: 22px;
    padding-left: 125px;
    color: var(--main-color);
    text-transform: uppercase;
    font-family: "Lexend Deca", sans-serif;
}

.fluid-one_author-image {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 98px;
    height: 98px;
    border-radius: 150px;
    border: 3px solid var(--white-color);
}

.fluid-one_author-inner span {
    position: relative;
    color: #666666;
    font-size: 14px;
    display: block;
    margin-top: 5px;
    text-transform: capitalize;
}

.fluid-one_video {
    position: relative;
    padding: 8px 8px;
    border-radius: 200px;
    background-color: var(--main-color);
}

.fluid-one_video-text {
    position: relative;
    font-size: 16px;
    color: var(--white-color);
    text-transform: capitalize;
    font-family: "Lexend Deca", sans-serif;
}

.fluid-one_author {
    position: relative;
    display: inline-block;
}

.fluid-one_video-play {
    position: relative;
    width: 80px;
    height: 80px;
    font-size: 22px;
    text-align: center;
    border-radius: 100px;
    line-height: 80px;
    display: inline-block;
    color: var(--white-color);
    background-color: var(--black-color);
}

    .fluid-one_video-play:before {
        position: absolute;
        content: '';
        right: 7px;
        top: 7px;
        left: -7px;
        bottom: -7px;
        z-index: -1;
        border-radius: 150px;
        background-color: var(--main-color);
    }

    .fluid-one_video-play .ripple,
    .fluid-one_video-play .ripple:before,
    .fluid-one_video-play .ripple:after {
        position: absolute;
        top: 50%;
        left: 50%;
        width: 80px;
        height: 80px;
        -webkit-transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        -o-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        -ms-border-radius: 50%;
        -o-border-radius: 50%;
        border-radius: 50%;
        -webkit-box-shadow: 0 0 0 0 rgba(0,0,0, .3);
        -moz-box-shadow: 0 0 0 0 rgba(0,0,0, .3);
        -ms-box-shadow: 0 0 0 0 rgba(0,0,0, .3);
        -o-box-shadow: 0 0 0 0 rgba(0,0,0, .3);
        box-shadow: 0 0 0 0 rgba(0,0,0, .3);
        -webkit-animation: ripple 3s infinite;
        -moz-animation: ripple 3s infinite;
        -ms-animation: ripple 3s infinite;
        -o-animation: ripple 3s infinite;
        animation: ripple 3s infinite;
    }

        .fluid-one_video-play .ripple:before {
            -webkit-animation-delay: .9s;
            -moz-animation-delay: .9s;
            -ms-animation-delay: .9s;
            -o-animation-delay: .9s;
            animation-delay: .9s;
            content: "";
            position: absolute;
        }

        .fluid-one_video-play .ripple:after {
            -webkit-animation-delay: .6s;
            -moz-animation-delay: .6s;
            -ms-animation-delay: .6s;
            -o-animation-delay: .6s;
            animation-delay: .6s;
            content: "";
            position: absolute;
        }

/*** 

====================================================================
	Counter Two
====================================================================

***/

.counter-two {
    position: relative;
    padding: 100px 0px 120px;
    background-color: #F5F5F5;
}

.counter-two_pattern {
    position: absolute;
    left: 0px;
    right: 0px;
    bottom: 0px;
    height: 70px;
    background-position: center bottom;
    background-repeat: repeat-x;
    animation: slideBackground 10s linear infinite;
}

.counter-block_two {
    position: relative;
    margin-bottom: 30px;
}

.counter-block_two-inner {
    position: relative;
    padding: 35px 30px 30px;
    border-radius: 25px;
    background-color: rgba(0,0,0,0.05);
}

.counter-block_two-count {
    position: relative;
    font-size: 60px;
    font-weight: 600;
    line-height: 1em;
    color: var(--black-color);
    font-family: "Lexend Deca", sans-serif;
}

    .counter-block_two-count sup {
        position: relative;
        color: var(--main-color);
    }

.counter-block_two-text {
    position: relative;
    font-size: 15px;
    font-weight: 500;
    line-height: 28px;
    margin-bottom: 100px;
    padding-bottom: 10px;
    color: var(--black-color);
    text-transform: uppercase;
    border-bottom: 1px solid rgba(0,0,0,0.10);
    font-family: "Lexend Deca", sans-serif;
}

.counter-block_two-icon {
    position: relative;
    margin-bottom: 20px;
}

/*** 

====================================================================
	Project Two
====================================================================

***/

.project-two {
    position: relative;
    border-radius: 0px 0px 50px 50px;
    padding: 110px 0px 110px;
}

.project-two_bg {
    position: absolute;
    left: 0px;
    top: 0px;
    right: 0px;
    bottom: 0px;
    background-size: cover;
}

.project-two .outer-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    margin-left: -150px;
    margin-right: -150px;
    overflow: hidden;
}

@media only screen and (max-width: 1699px) {
    .project-two .outer-box {
        margin: 0 -50px;
        padding: 0 10px;
    }
}

@media (max-width: 1399.98px) {

    .project-two .outer-box {
        margin: 0;
    }
}

@media (max-width: 991.98px) {
    .project-two .outer-box {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        padding: 0;
    }
}

.project-two .project-block-four {
    min-height: 470px;
    margin-right: 5px;
    margin-left: 5px;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    will-change: flex;
}

    .project-two .project-block-four:hover, .project-two .project-block-four.active {
        -webkit-box-flex: 2;
        -ms-flex: 2;
        flex: 2;
    }

@media (max-width: 991.98px) {
    .project-two .project-block-four {
        width: 50%;
        -webkit-box-flex: 0 !important;
        -ms-flex: 0 0 50% !important;
        flex: 0 0 50% !important;
        padding: 0 15px;
        margin-left: 0;
        margin-right: 0;
    }
}

@media (max-width: 767.98px) {
    .project-two .project-block-four {
        width: 100%;
        -webkit-box-flex: 0 !important;
        -ms-flex: 0 0 100% !important;
        flex: 0 0 100% !important;
    }
}

.project-block-four {
    position: relative;
    margin-bottom: 30px;
    -webkit-transition: 0.8s cubic-bezier(0.29, 0, 0.2, 1);
    transition: 0.8s cubic-bezier(0.29, 0, 0.2, 1);
}

    .project-block-four .active .image-box .image:before {
        opacity: 0.3;
        -webkit-transform: scale(1);
        transform: scale(1);
    }

    .project-block-four .active .icon {
        background-color: var(--theme-color-light);
        color: var(--theme-color-dark);
    }

    .project-block-four .active .content-box .float-text {
        opacity: 1;
    }

    .project-block-four .active .content-box .cat {
        opacity: 1;
        -webkit-transform: translate(0);
        transform: translate(0);
        -webkit-transition-delay: 600ms;
        transition-delay: 600ms;
    }

    .project-block-four .active .content-box .title {
        opacity: 1;
        -webkit-transform: translate(0);
        transform: translate(0);
        -webkit-transition-delay: 900ms;
        transition-delay: 900ms;
    }

    .project-block-four .active .content-box .button {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1);
        -webkit-transition-delay: 1200ms;
        transition-delay: 1200ms;
    }

    .project-block-four .active .content-box-hover .title {
        opacity: 0;
        -webkit-transform: translateY(100);
        transform: translateY(100);
        -webkit-transition-delay: 200ms;
        transition-delay: 200ms;
    }

    .project-block-four .inner-box {
        position: relative;
        overflow: hidden;
        border-radius: 30px;
    }

        .project-block-four .inner-box:hover .image-box .image:before {
            opacity: 0.3;
            -webkit-transform: scale(1);
            transform: scale(1);
        }

        .project-block-four .inner-box:hover .icon {
            background-color: var(--theme-color-light);
            color: var(--theme-color-dark);
        }

        .project-block-four .inner-box:hover .content-box .float-text {
            opacity: 1;
        }

        .project-block-four .inner-box:hover .content-box .cat {
            opacity: 1;
            -webkit-transform: translate(0);
            transform: translate(0);
            -webkit-transition-delay: 600ms;
            transition-delay: 600ms;
        }

        .project-block-four .inner-box:hover .content-box .title {
            opacity: 1;
            -webkit-transform: translate(0);
            transform: translate(0);
            -webkit-transition-delay: 900ms;
            transition-delay: 900ms;
        }

        .project-block-four .inner-box:hover .content-box .button {
            opacity: 1;
            -webkit-transform: scale(1);
            transform: scale(1);
            -webkit-transition-delay: 1200ms;
            transition-delay: 1200ms;
        }

        .project-block-four .inner-box:hover .content-box-hover .title {
            opacity: 0;
            -webkit-transform: translateY(100);
            transform: translateY(100);
            -webkit-transition-delay: 200ms;
            transition-delay: 200ms;
        }

    .project-block-four .image-box {
        position: relative;
        -webkit-transition: all 300ms ease;
        transition: all 300ms ease;
    }

        .project-block-four .image-box .image {
            position: relative;
            margin-bottom: 0;
        }

            .project-block-four .image-box .image::before {
                content: "";
                position: absolute;
                left: 0;
                bottom: 0;
                width: 100%;
                height: 100%;
                pointer-events: none;
                background: #1d1d29;
                opacity: 0;
                -webkit-transition: all 300ms ease;
                transition: all 300ms ease;
                z-index: 2;
            }

            .project-block-four .image-box .image::after {
                content: "";
                position: absolute;
                left: 0;
                bottom: 0;
                width: 100%;
                height: 100%;
                pointer-events: none;
                background: -webkit-gradient(linear, left top, left bottom, from(rgba(29, 29, 41, 0)), color-stop(75%, rgba(29, 29, 41, 0.75)));
                background: linear-gradient(to bottom, rgba(29, 29, 41, 0) 0%, rgba(29, 29, 41, 0.75) 75%);
                -webkit-transition: all 300ms ease;
                transition: all 300ms ease;
                z-index: 2;
            }

            .project-block-four .image-box .image img {
                width: 100%;
                height: 470px;
                -o-object-fit: cover;
                object-fit: cover;
                -webkit-transition: all 300ms ease;
                transition: all 300ms ease;
            }

    .project-block-four .content-box-hover {
        position: absolute;
        left: 0;
        top: 0;
        height: 100%;
        width: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: end;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: end;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        text-align: center;
        z-index: 2;
        padding: 30px 30px;
    }

        .project-block-four .content-box-hover .title {
            -webkit-transform: rotate(180deg);
            -khtml-transform: rotate(180deg);
            transform: rotate(180deg);
            -webkit-writing-mode: vertical-rl;
            -ms-writing-mode: tb-rl;
            writing-mode: vertical-rl;
            text-align: start;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            margin-bottom: 0;
            color: var(--white-color);
            -webkit-transition: all 300ms ease;
            transition: all 300ms ease;
        }

            .project-block-four .content-box-hover .title span {
                position: relative;
                display: block;
                font-size: 16px;
                color: var(--white-color);
            }

            .project-block-four .content-box-hover .title a {
                color: var(--white-color);
            }

    .project-block-four .content-box {
        position: absolute;
        left: 0;
        top: 0;
        height: 100%;
        width: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        z-index: 3;
        padding: 30px 40px;
    }

        .project-block-four .content-box .float-text {
            position: relative;
            font-size: 16px;
            text-transform: capitalize;
            letter-spacing: 0.02em;
            font-weight: 600;
            opacity: 0;
            color: var(--white-color);
            -webkit-transition: all 300ms ease;
            transition: all 300ms ease;
        }

        .project-block-four .content-box .cat {
            position: relative;
            font-weight: 700;
            color: var(--white-color);
            display: inline-block;
            opacity: 0;
            font-size: 20px;
            -webkit-transform: translateY(20px);
            transform: translateY(20px);
            -webkit-transition: all 300ms ease;
            transition: all 300ms ease;
            text-transform: capitalize;
            padding-bottom: 15px;
            margin-top: 18px;
            border-bottom: 1px solid var(--white-color);
        }

            .project-block-four .content-box .cat:before {
                position: absolute;
                content: '';
                right: 0px;
                bottom: -5px;
                width: 10px;
                height: 10px;
                border-radius: 50px;
                background-color: var(--white-color);
            }

            .project-block-four .content-box .cat .icon {
                position: relative;
                margin-right: 10px;
            }

        .project-block-four .content-box .title {
            position: relative;
            font-weight: 600;
            margin-bottom: 0;
            color: var(--white-color);
            -webkit-transform: translateY(20px);
            transform: translateY(20px);
            opacity: 0;
            margin-top: 15px;
            margin-bottom: 15px;
            -webkit-transition: all 300ms ease;
            transition: all 300ms ease;
        }

            .project-block-four .content-box .title a {
                position: relative;
                color: var(--white-color);
            }

@media (max-width: 991.98px) {
    .project-block-four .content-box .title {
        font-size: 30px;
    }
}

.project-block-four .button {
    position: relative;
    margin-top: 15px;
    opacity: 0;
    -webkit-transition: all 300ms ease;
    transition: all 300ms ease;
}

/*** 

====================================================================
	Price One
====================================================================

***/

.price-one {
    position: relative;
    overflow: hidden;
    padding: 110px 0px 80px;
}

    .price-one .auto-container {
        max-width: 1100px;
    }

.price-one_circle {
    position: absolute;
    right: -250px;
    top: 25%;
    width: 536px;
    height: 536px;
    border-radius: 550px;
    border: 80px solid #f5f5f5;
    -webkit-animation: icon-bounce 0.8s ease-out infinite;
    animation: icon-bounce 0.8s ease-out infinite;
}

.price-one_shadow {
    position: absolute;
    left: 0px;
    top: 0px;
    right: 0px;
    bottom: 0px;
    background-position: left center;
    background-repeat: no-repeat;
}

.price-block_one {
    position: relative;
    margin-bottom: 30px;
}

.price-block_one-inner {
    position: relative;
    padding: 55px 35px;
    overflow: hidden;
    border-radius: 30px;
    background-color: #f5f5f5;
}

    .price-block_one-inner:before {
        position: absolute;
        content: '';
        top: 0px;
        left: 0px;
        right: 0px;
        bottom: 0px;
        opacity: 0;
        background-color: #121212;
        transform: scale(1,0.2);
        transition: all 500ms ease;
        -moz-transition: all 500ms ease;
        -webkit-transition: all 500ms ease;
        -ms-transition: all 500ms ease;
        -o-transition: all 500ms ease;
    }

    .price-block_one-inner:hover::before {
        opacity: 1;
        transform: scale(1,1);
    }

.price-block_one.active .price-block_one-list li,
.price-block_one.active .price-block_one-title,
.price-block_one.active .price-block_one-text,
.price-block_one.active .price-block_one-price {
    color: var(--white-color);
}

.price-block_one.active .price-block_one-inner:before {
    opacity: 1;
    transform: scale(1,1);
}

.price-block_one-featured {
    position: absolute;
    left: 15px;
    top: 15px;
    font-weight: 600;
    padding: 7px 20px;
    border-radius: 50px;
    display: inline-block;
    color: var(--main-color);
    text-transform: uppercase;
    font-family: "Lexend Deca", sans-serif;
    background-color: var(--white-color);
}

.price-block_one-shadow {
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    background-position: left bottom;
    background-repeat: no-repeat;
}

.price-block_one-title {
    position: relative;
    font-weight: 700;
    margin-top: 40px;
    color: var(--black-color);
    text-transform: capitalize;
    transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -webkit-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
}

.price-block_one-text {
    position: relative;
    font-weight: 600;
    font-size: 16px;
    line-height: 28px;
    margin-top: 10px;
    color: var(--black-color);
    text-transform: capitalize;
    transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -webkit-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
}

.price-block_one-inner:hover .price-block_one-list li,
.price-block_one-inner:hover .price-block_one-title,
.price-block_one-inner:hover .price-block_one-text,
.price-block_one-inner:hover .price-block_one-price {
    color: var(--white-color);
}

.price-block_one-list {
    position: relative;
}

    .price-block_one-list li {
        position: relative;
        font-weight: 600;
        font-size: 16px;
        padding-left: 30px;
        margin-bottom: 18px;
        color: var(--black-color);
        transition: all 500ms ease;
        -moz-transition: all 500ms ease;
        -webkit-transition: all 500ms ease;
        -ms-transition: all 500ms ease;
        -o-transition: all 500ms ease;
    }

        .price-block_one-list li:before {
            position: absolute;
            content: '';
            left: 0px;
            top: 0px;
            width: 15px;
            height: 17px;
            background: url(../images/icons/price-tag.svg) no-repeat;
        }

        .price-block_one-list li:last-child {
            margin-bottom: 0px;
        }

.price-block_one-price {
    position: relative;
    font-size: 48px;
    font-weight: 700;
    line-height: 42px;
    text-align: center;
    margin-bottom: 15px;
    color: var(--black-color);
    font-family: "Lexend Deca", sans-serif;
}

    .price-block_one-price span {
        position: relative;
        display: block;
        font-size: 16px;
        font-weight: 500;
    }

.price-block_one-inner .theme-btn {
    text-transform: uppercase;
}

/*** 

====================================================================
	Marketing Two
====================================================================

***/

.marketing-two {
    position: relative;
    z-index: 1;
    overflow: hidden;
    padding-bottom: 100px;
}

    .marketing-two.style-two {
        margin-top: 110px;
    }

    .marketing-two .brands-mode {
        position: relative;
        display: flex;
        align-items: center;
    }

    .marketing-two .brand-conetnt {
        display: flex;
        align-items: center;
        justify-content: center;
        animation: slide-left 50s linear infinite;
    }

        .marketing-two .brand-conetnt.two {
            animation: slide-right 50s linear infinite;
        }

            .marketing-two .brand-conetnt.two h1 {
                color: var(--black-color);
            }

        .marketing-two .brand-conetnt h1 {
            font-weight: 800;
            font-size: 96px;
            line-height: 1em;
            padding: 0px 0px 6px;
            display: inline-block;
            text-transform: uppercase;
            color: transparent;
            font-weight: 800;
            -webkit-text-stroke-width: 2px;
            font-family: "Raleway", serif;
            transition: all 500ms ease;
            -moz-transition: all 500ms ease;
            -webkit-transition: all 500ms ease;
            -ms-transition: all 500ms ease;
            -o-transition: all 500ms ease;
            -webkit-text-stroke-color: rgba(var(-rgb), 1);
        }

        .marketing-two .brand-conetnt .marketing-two_icon {
            position: relative;
            top: 0px;
            width: 20px;
            height: 20px;
            line-height: 1em;
            margin: 0px 15px;
            border-radius: 50px;
            display: inline-block;
            border: 2px solid var(--main-color);
        }

        .marketing-two .brand-conetnt .animation_mode-two {
            position: relative;
            min-height: 100px;
            top: 0px;
            margin-left: -10px;
        }

        .marketing-two .brand-conetnt h1:hover {
            color: #000000;
        }

        .marketing-two .brand-conetnt h1 {
            font-weight: 800;
            font-size: 96px;
            line-height: 1em;
            padding: 0px 0px 6px;
            display: inline-block;
            text-transform: uppercase;
            color: transparent;
            font-weight: 800;
            transition: all 500ms ease;
            -moz-transition: all 500ms ease;
            -webkit-transition: all 500ms ease;
            -ms-transition: all 500ms ease;
            -o-transition: all 500ms ease;
            -webkit-text-stroke-width: 2px;
            font-family: "Raleway", serif;
            -webkit-text-stroke-color: rgba(var(--black-color-rgb), 1);
        }

        .marketing-two .brand-conetnt .marketing-two_icon {
            position: relative;
            top: 0px;
            width: 20px;
            height: 20px;
            line-height: 1em;
            margin: 0px 15px;
            border-radius: 50px;
            display: inline-block;
            border: 2px solid var(--main-color);
        }

@-webkit-keyframes slide-left {
    0% {
        -webkit-transform: translateX(0%);
        transform: translateX(0%);
    }

    100% {
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%);
    }
}

@keyframes slide-right {
    0% {
        -webkit-transform: translateX(-90%);
        transform: translateX(-90%);
    }

    100% {
        -webkit-transform: translateX(90%);
        transform: translateX(90%);
    }
}

/*** 

====================================================================
	Award One
====================================================================

***/

.award-one {
    position: relative;
    overflow: hidden;
    padding: 140px 15px 130px;
    background-color: #F5F5F5;
}

    .award-one .auto-container {
        position: relative;
        max-width: 1750px;
    }

    .award-one .inner-container {
        position: relative;
    }

.award-one_pattern {
    position: absolute;
    left: 0px;
    right: 0px;
    top: 0px;
    height: 70px;
    background-position: center bottom;
    background-repeat: repeat-x;
    animation: slideBackground 10s linear infinite;
}

.award-one .animation_mode {
    min-height: 70px;
}

.award-one .animation_mode-two {
    min-height: 70px;
    margin-top: 30px;
}

.award-block_one {
    position: relative;
    display: inline-block;
    margin-bottom: 30px;
    margin: 0px 10px;
}

.award-block_one-inner {
    position: relative;
    padding: 10px 10px;
    align-items: center;
    border-radius: 50px;
    display: inline-block;
    background-color: var(--white-color);
}

.award-block_one-icon {
    position: relative;
    width: 50px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    font-size: 18px;
    border-radius: 50px;
    display: inline-block;
    color: var(--white-color);
    background-color: var(--main-color);
    transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -webkit-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
}

.award-block_one-title {
    position: relative;
    font-weight: 700;
    font-size: 20px;
    margin: 0px 15px;
    display: inline-block;
    color: var(--black-color);
    transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -webkit-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    font-family: "Lexend Deca", sans-serif;
}

    .award-block_one-title i {
        position: relative;
        font-weight: 400;
        color: #666666;
        font-size: 16px;
        margin-right: 10px;
        margin-left: 10px;
        transition: all 500ms ease;
        -moz-transition: all 500ms ease;
        -webkit-transition: all 500ms ease;
        -ms-transition: all 500ms ease;
        -o-transition: all 500ms ease;
        font-family: 'Manrope', sans-serif;
    }

.award-block_one-inner:hover .award-block_one-title i,
.award-block_one-inner:hover .award-block_one-title {
    color: var(--white-color);
}

.award-block_one-inner:hover .award-block_one-icon {
    color: var(--white-color);
    background-color: var(--black-color);
}

.award-block_one-inner:hover {
    background-color: var(--main-color);
}

/*** 

====================================================================
	Team One
====================================================================

***/

.team-one {
    position: relative;
    overflow: hidden;
    padding: 110px 0px 110px;
}

    .team-one.style-two {
        background-position: left top;
        background-repeat: no-repeat;
    }

        .team-one.style-two:before {
            position: absolute;
            content: '';
            left: 0px;
            top: 0px;
            right: 0px;
            height: 50%;
            z-index: -1;
            background-image: linear-gradient(to bottom, #f5f5f5, #f7f7f7, #fafafa, #fcfcfc, #ffffff);
        }

    .team-one .auto-container {
        position: relative;
    }

.team-one_pattern {
    position: absolute;
    left: 0px;
    bottom: 0px;
    right: 0px;
    height: 266px;
    background-position: center bottom;
    background-repeat: repeat-x;
    animation: slideBackground 10s linear infinite;
}

.team-block_one {
    position: relative;
    margin-bottom: 30px;
}

.team-block_one-inner {
    position: relative;
}

.team-block_one-image {
    position: relative;
    padding-top: 15px;
    padding-right: 15px;
}

    .team-block_one-image:before {
        position: absolute;
        content: '';
        right: 0px;
        top: 0px;
        left: 20px;
        bottom: 20px;
        border-radius: 25px;
        border: 1px solid rgba(0,0,0,0.10);
    }

    .team-block_one-image:after {
        position: absolute;
        content: '';
        right: 15px;
        top: 15px;
        width: 97px;
        height: 97px;
        background: url(../images/icons/team-shape.png) no-repeat;
    }

    .team-block_one-image img {
        position: relative;
        width: 100%;
        display: block;
        overflow: hidden;
        border-radius: 25px 0px 25px 25px;
    }

.team-block_one-content {
    position: absolute;
    left: 30px;
    bottom: 30px;
    right: 50px;
    padding: 20px 15px;
    text-align: center;
    overflow: hidden;
    border-radius: 15px;
}

    .team-block_one-content:before {
        position: absolute;
        content: '';
        left: 0px;
        top: 0px;
        right: 0px;
        bottom: 0px;
        -webkit-filter: blur(10px);
        filter: blur(10px);
        background-color: rgba(0,0,0,0.50);
    }

.team-block_one-title {
    position: relative;
    font-size: 28px;
}

    .team-block_one-title a {
        position: relative;
        color: var(--white-color);
    }

        .team-block_one-title a:hover {
            color: var(--main-color);
        }

.team-block_one-designation {
    position: relative;
    font-size: 16px;
    margin-top: 8px;
    color: var(--white-color);
}

.team-block_one-shares {
    position: absolute;
    right: 18px;
    top: 17px;
}

.team-block_one-inner:hover .team-block_one-share_icon {
    color: var(--white-color);
    background-color: var(--black-color);
}

.team-block_one-share_icon {
    position: relative;
    width: 54px;
    height: 54px;
    z-index: 10;
    font-size: 24px;
    line-height: 54px;
    border-radius: 50px;
    border-radius: 50px;
    display: inline-block;
    color: var(--white-color);
    background-color: var(--main-color);
}

.team-block_one-inner:hover .team-block_one-socials {
    top: 140%;
    opacity: 1;
}

.team-block_one-socials {
    position: absolute;
    right: 2px;
    top: -150%;
    width: 50px;
    z-index: 1;
    opacity: 0;
    padding: 10px 0px;
    text-align: center;
    border-radius: 50px;
    transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -webkit-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    background-color: var(--white-color);
}

    .team-block_one-socials a {
        position: relative;
        font-size: 16px;
        display: block;
        width: 40px;
        height: 40px;
        margin: 1px 0px;
        margin: 0 auto;
        line-height: 40px;
        border-radius: 50px;
        color: var(--black-color);
    }

        .team-block_one-socials a:hover {
            color: var(--white-color);
            background-color: var(--main-color);
        }

.team-one .three-item_carousel-prev {
    position: absolute;
    top: 50%;
    z-index: 1;
    left: -80px;
    width: 60px;
    height: 60px;
    cursor: pointer;
    font-size: 18px;
    line-height: 58px;
    text-align: center;
    display: inline-block;
    border-radius: 50px 50px;
    color: var(--main-color);
    transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -webkit-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    border: 1px solid var(--main-color);
}

    .team-one .three-item_carousel-prev:hover {
        color: var(--white-color);
        background-color: var(--main-color);
    }

    .team-one .three-item_carousel-prev.swiper-button-disabled {
        opacity: 0;
        visibility: hidden;
    }

.team-one .three-item_carousel-next.swiper-button-disabled {
    opacity: 0;
    visibility: hidden;
}

.team-one .three-item_carousel-next:hover {
    color: var(--white-color);
    background-color: var(--main-color);
}

.team-one .three-item_carousel-next::after,
.team-one .three-item_carousel-next::after {
    display: none;
}

.team-one .three-item_carousel-next {
    position: absolute;
    right: -80px;
    top: 50%;
    z-index: 1;
    width: 60px;
    height: 60px;
    cursor: pointer;
    font-size: 18px;
    line-height: 58px;
    text-align: center;
    display: inline-block;
    border-radius: 50px 50px;
    color: var(--main-color);
    transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -webkit-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    border: 1px solid var(--main-color);
}

.team-one .lower-box {
    position: relative;
    margin-top: 20px;
}

.team-one_text {
    position: relative;
    font-size: 16px;
    color: #666666;
    line-height: 28px;
}

/*** 

====================================================================
	Testimonial Two
====================================================================

***/

.testimonial-two {
    position: relative;
    padding: 0px 0px 0px;
    background-color: rgb(255 255 255);
}

.testimonial-two_circle-image {
    position: absolute;
    left: 50%;
    bottom: -105px;
    width: 487px;
    height: 192px;
    transform: translateX(-50%);
    background-repeat: no-repeat;
}

.testimonial-two .sec-title {
    display: inline-block;
}

.testimonial-two .swiper-container {
    margin-top: -100px;
    padding-top: 120px;
    padding-bottom: 30px;
}

.testimonial-two_arrow {
    position: absolute;
    right: 0px;
    top: 0px;
    z-index: 1;
}

    .testimonial-two_arrow .four-item_carousel-next,
    .testimonial-two_arrow .four-item_carousel-prev {
        position: relative;
        width: 50px;
        height: 50px;
        font-size: 20px;
        line-height: 50px;
        text-align: center;
        margin-left: 10px;
        border-radius: 50px;
        color: #1b5e20;
        transition: all 500ms ease;
        -moz-transition: all 500ms ease;
        -webkit-transition: all 500ms ease;
        -ms-transition: all 500ms ease;
        -o-transition: all 500ms ease;
        border: 1px solid #1b5e20;
    }

        .testimonial-two_arrow .four-item_carousel-next:hover,
        .testimonial-two_arrow .four-item_carousel-prev:hover {
            color: var(--white-color);
            background-color: rgb(173 139 58);
        }

.testimonial-two .auto-container {
    /* max-width:1780px; */
}

.testimonial-two_pattern {
    position: absolute;
    left: 0px;
    bottom: 0px;
    right: 0px;
    top: 0px;
    background-size: cover;
}

.testimonial-block_two {
    position: relative;
    margin-bottom: 30px;
}

.testimonial-block_two-inner {
    position: relative;
    padding: 30px 30px;
    border-radius: 4px;
    background-color: rgba(255,255,255,0.07);
    box-shadow: 0px 21px 46px rgb(0 0 0 /10%);
    border: 1px solid #ddd;
    min-height: 300px;
    display: flex;
    flex-direction: column;
}

.testimonial-block_two-rating {
    position: relative;
    font-size: 16px;
    color: var(--main-color);
}

.testimonial-block_two-text {
    position: relative;
    font-size: 15px;
    line-height: 24px;
    /* margin-top:35px; */
    margin-bottom: 20px;
    color: #45443F;
}

.testimonial-block_two-author {
    position: relative;
    font-weight: 500;
    font-size: 18px;
    line-height: 28px;
    color: #1b5e20;
    font-family: "Lexend Deca", sans-serif;
    margin-top: auto;
}

    .testimonial-block_two-author span {
        position: relative;
        display: block;
        font-size: 14px;
        font-weight: 400;
        color: rgb(0 0 0);
    }

.testimonial-block_two-image {
    position: absolute;
    right: 0px;
    bottom: -12px;
    width: 70px;
    height: 70px;
    border-radius: 50px;
}

/*** 

====================================================================
	About Two
====================================================================

***/

.about-two {
    position: relative;
    padding: 60px 0px 60px;
}

.about-two_image-column {
    position: relative;
    margin-bottom: 30px;
}

.about-two_image-outer {
    position: relative;
    /* padding-right: 40px; */
}

/*.about-two_image:before{
	position:absolute;
	content:'';
	right:-1px;
	top:0px;
	z-index:1;
	width:267px;
	height:85px;
	background:url(../images/icons/about-1.png) no-repeat;
	
}*/
.about-two_image {
    position: relative;
    display: block;
    overflow: hidden;
    border-radius: 4px;
}

    .about-two_image img {
        position: relative;
        width: 100%;
        display: block;
    }

.about-two_content-column {
    position: relative;
    /* margin-bottom:30px; */
}

.about-two_content-outer {
    position: relative;
    padding-left: 30px;
}

/* Feature Block One */

.feature-block_three {
    position: relative;
    margin-bottom: 40px;
}

.feature-block_three-inner {
    position: relative;
    padding-left: 100px;
}

.feature-block_three-icon {
    position: absolute;
    left: 0px;
    top: 0px;
    line-height: 1em;
    transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -webkit-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    /* filter: brightness(0) invert(1); */
    /* position: relative; */
    width: 70px;
    height: 70px;
    line-height: 70px;
    border-radius: 50px;
    text-align: center;
    transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -webkit-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    background-color: #bf1711;
    /* background: linear-gradient(to right, #ba8100 0%, #d7ac32 50%, #fdd656 100%); */
}

.feature-block_three-inner:hover .feature-block_three-icon {
    transform: rotateY(180deg);
}

.feature-block_three-title {
    position: relative;
    font-weight: 500;
    color: #000000;
    /* font-family: "Lexend Deca", sans-serif; */
}

.feature-block_three-text {
    position: relative;
    font-size: 15px;
    color: #333;
    line-height: 27px;
    margin-top: 10px;
}

/*** 

====================================================================
	Blog Two
====================================================================

***/

.news-two {
    position: relative;
    padding: 0px 0px 90px;
    background-color: var(--white-color);
}

    .news-two.style-two {
        padding-top: 110px;
    }

.news-block_two {
    position: relative;
    z-index: 2;
    margin-bottom: 30px;
}

.news-block_two-inner {
    position: relative;
}

.news-block_two-image_outer {
    position: relative;
}

.news-block_two-image {
    position: relative;
    overflow: hidden;
    border-radius: 20px;
}

    .news-block_two-image img:first-child {
        position: absolute;
        left: 0px;
        top: 0px;
        right: 0px;
        bottom: 0px;
        z-index: 1;
        -webkit-transform: translatex(50%) scalex(2);
        transform: translatex(50%) scalex(2);
        opacity: 0;
        -webkit-filter: blur(10px);
        filter: blur(10px);
    }

.news-block_two-inner:hover .news-block_two-image img:first-child {
    -webkit-transform: translatex(0) scalex(1);
    transform: translatex(0) scalex(1);
    opacity: 1;
    -webkit-filter: blur(0);
    filter: blur(0);
}

.news-block_two-inner:hover .news-block_two-image img:nth-child(2) {
    -webkit-transform: translatex(-50%) scalex(2);
    transform: translatex(-50%) scalex(2);
    opacity: 0;
    -webkit-filter: blur(10px);
    filter: blur(10px);
}

.news-block_two-image img {
    position: relative;
    width: 100%;
    display: block;
    -webkit-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease;
}

.news-block_two-content {
    position: relative;
    padding-top: 30px;
}

.news-block_two-date {
    position: absolute;
    right: 20px;
    bottom: 20px;
    width: 65px;
    height: 65px;
    z-index: 10;
    padding-top: 8px;
    line-height: 28px;
    font-size: 28px;
    font-weight: 600;
    text-align: center;
    color: var(--white-color);
    text-transform: uppercase;
    border-radius: 8px 8px 8px 0px;
    background-color: var(--main-color);
    font-family: "Lexend Deca", sans-serif;
}

    .news-block_two-date span {
        position: relative;
        display: block;
        font-size: 16px;
    }

.news-block_two-meta {
    position: relative;
}

    .news-block_two-meta li {
        position: relative;
        font-size: 16px;
        padding-left: 30px;
        margin-right: 15px;
        display: inline-block;
        color: var(--black-color);
    }

        .news-block_two-meta li .icon {
            position: absolute;
            left: 0px;
            top: 2px;
            line-height: 1em;
            color: var(--main-color);
        }

        .news-block_two-meta li:last-child {
            margin-right: 0px;
            padding-right: 0px;
        }

.news-block_two-title {
    position: relative;
    margin-top: 15px;
    text-transform: capitalize;
}

    .news-block_two-title a {
        position: relative;
        color: var(--black-color);
    }

        .news-block_two-title a:hover {
            color: var(--main-color);
        }

.news-block_two-text {
    position: relative;
    margin-top: 15px;
    color: #666666;
    display: block;
    font-size: 16px;
    line-height: 28px;
    text-transform: capitalize;
}

.news-block_two-more {
    position: relative;
    margin-top: 25px;
    font-size: 14px;
    font-weight: 700;
    display: flex;
    padding: 15px 25px;
    border-radius: 50px;
    justify-content: space-between;
    align-items: center;
    color: var(--black-color);
    text-transform: uppercase;
    background-color: rgba(0,0,0,0.06);
    font-family: "Lexend Deca", sans-serif;
}

    .news-block_two-more:hover {
        color: var(--white-color);
        background-color: var(--main-color);
    }

/*** 

====================================================================
	Slider Three
====================================================================

***/

.slider-three {
    position: relative;
    margin: 15px 15px 0px;
}

.slider-three_big-title {
    position: absolute;
    left: 0px;
    right: 0px;
    top: 260px;
    z-index: 10;
    opacity: 0.10;
    font-size: 182px;
    color: transparent;
    font-weight: 800;
    text-align: center;
    text-transform: uppercase;
    font-family: "Raleway", serif;
    -webkit-text-stroke-width: 2px;
    -webkit-text-stroke-color: rgba(var(--white-color-rgb), 1);
}

.slider-three .slider-one_pagination {
    position: absolute;
    top: 40%;
    z-index: 999;
    left: 40px !important;
    right: auto !important;
    width: 60px !important;
}

.slider-three .slider-one_pagination {
    position: absolute;
    top: 46%;
    z-index: 999;
    padding: 15px 0px;
    padding-left: 25px;
    left: auto !important;
    right: 0px !important;
    bottom: auto !important;
    width: 60px !important;
    border-radius: 30px 0px 0px 30px;
    background-color: var(--white-color);
}

    .slider-three .slider-one_pagination .swiper-pagination-bullet {
        position: relative;
        opacity: 1;
        width: 10px;
        height: 10px;
        display: block;
        font-size: 0px;
        background: none;
        color: var(--white-color);
        margin: 30px 0px !important;
        transition: all 300ms ease;
        -moz-transition: all 300ms ease;
        -webkit-transition: all 300ms ease;
        -ms-transition: all 300ms ease;
        -o-transition: all 300ms ease;
        border-radius: 50px;
        display: block;
        background-color: #bbbbbb;
    }

        .slider-three .slider-one_pagination .swiper-pagination-bullet::before {
            position: absolute;
            content: '';
            left: -8px;
            top: -8px;
            right: -8px;
            bottom: -8px;
            opacity: 0;
            border-radius: 50px;
            border: 1px solid var(--white-color);
        }

        .slider-three .slider-one_pagination .swiper-pagination-bullet:hover,
        .slider-three .slider-one_pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
            opacity: 1;
            background-color: var(--main-color);
        }

            .slider-three .slider-one_pagination .swiper-pagination-bullet:hover::before,
            .slider-three .slider-one_pagination .swiper-pagination-bullet.swiper-pagination-bullet-active::before {
                opacity: 1;
                border-color: var(--main-color);
            }


.slider-three .swiper-slide {
    position: relative;
    overflow: hidden;
    border-radius: 25px 25px 0px 0px;
    padding: 380px 0px 170px;
}

    .slider-three .swiper-slide:before {
        position: absolute;
        content: '';
        left: 0px;
        top: 0px;
        right: 0px;
        height: 100%;
        z-index: 10;
        background-image: linear-gradient(to bottom, #000000, rgba(0,0,0,0.80), rgba(0,0,0,0), rgba(0,0,0,0), rgba(0,0,0,0));
    }

.slider-three_image-layer {
    position: absolute;
    left: 0px;
    top: 0px;
    right: 0px;
    bottom: 0px;
    z-index: 1;
    opacity: 0;
    overflow: hidden;
    background-size: cover;
    background-position: center center;
    clip-path: polygon(0 0, 40% 0, 40% 100%, 0% 100%);
    -webkit-transition: all 1000ms linear;
    -moz-transition: all 1000ms linear;
    -ms-transition: all 1000ms linear;
    -o-transition: all 1000ms linear;
    transition: all 1000ms linear;
}

    .slider-three_image-layer:before {
        position: absolute;
        content: '';
        left: 0px;
        top: 0px;
        right: 0px;
        bottom: 0px;
        opacity: 0.30;
        background-color: var(--black-color);
    }

.slider-three .swiper-slide-active .slider-three_image-layer {
    opacity: 1;
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
}

.slider-three_color-layer {
    position: absolute;
    left: 0px;
    top: 0px;
    right: 0px;
    bottom: 0px;
    z-index: 1;
    opacity: 0.30;
    background-color: var(--black-color);
}

.slider-three_button {
    position: relative;
}

.slider-three .swiper-slide-active .slider-three_button {
    -webkit-transition-delay: 1400ms;
    -moz-transition-delay: 1400ms;
    -ms-transition-delay: 1400ms;
    -o-transition-delay: 1400ms;
    transition-delay: 1400ms;
    clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
}

.slider-three_content {
    position: relative;
    z-index: 20;
}

.slider-three_content-inner {
    position: relative;
    display: inline-block;
    padding: 90px 60px 55px;
    border-radius: 36px 36px;
    border-left: 6px solid var(--white-color);
    background-image: linear-gradient(to right, #000000, rgba(0,0,0,0.50), rgba(255,255,255,0), rgba(255,255,255,0));
}

.slider-three_title {
    position: relative;
    font-size: 76px;
    display: block;
    z-index: 1;
    font-weight: 600;
    color: var(--white-color);
    transition: all 900ms ease;
    -moz-transition: all 900ms ease;
    -webkit-transition: all 900ms ease;
    -ms-transition: all 900ms ease;
    -o-transition: all 900ms ease;
    text-transform: capitalize;
    font-family: "Lexend Deca", sans-serif;
}

    .slider-three_title span {
        position: relative;
        font-weight: 700;
    }

        .slider-three_title span:before {
            position: absolute;
            content: '';
            left: 0px;
            top: 0px;
            width: 452px;
            height: 109px;
            z-index: -1;
            background: url(../images/main-slider/slider-three_vector.png) no-repeat;
        }

.slider-three .swiper-slide-active .slider-three_title {
    -webkit-transition-delay: 500ms;
    -moz-transition-delay: 500ms;
    -ms-transition-delay: 500ms;
    -o-transition-delay: 500ms;
    transition-delay: 500ms;
}

.slider-three_heading {
    font-size: 116px;
    line-height: 166px;
    margin-top: 10px;
    font-weight: 700;
    margin-bottom: 25px;
    color: var(--main-color);
    text-transform: capitalize;
    transition: all 900ms ease;
    -moz-transition: all 900ms ease;
    -webkit-transition: all 900ms ease;
    -ms-transition: all 900ms ease;
    -o-transition: all 900ms ease;
    transition: 1.3s cubic-bezier(0.5, 0.5, 0, 1);
    clip-path: polygon(0% 0%, 0% 0%, 0% 100%, 0% 100%);
}

.slider-three .swiper-slide-active .slider-three_heading {
    -webkit-transition-delay: 800ms;
    -moz-transition-delay: 800ms;
    -ms-transition-delay: 800ms;
    -o-transition-delay: 800ms;
    transition-delay: 800ms;
    clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
}

.slider-three_text {
    font-weight: 400;
    font-size: 16px;
    max-width: 600px;
    line-height: 30px;
    max-width: 520px;
    margin-bottom: 35px;
    color: var(--white-color);
    text-transform: capitalize;
    transition: all 900ms ease;
    -moz-transition: all 900ms ease;
    -webkit-transition: all 900ms ease;
    -ms-transition: all 900ms ease;
    -o-transition: all 900ms ease;
    transition: 1.3s cubic-bezier(0.5, 0.5, 0, 1);
    clip-path: polygon(0% 0%, 0% 0%, 0% 100%, 0% 100%);
}

.slider-three .swiper-slide-active .slider-three_text {
    -webkit-transition-delay: 1200ms;
    -moz-transition-delay: 1200ms;
    -ms-transition-delay: 1200ms;
    -o-transition-delay: 1200ms;
    transition-delay: 1200ms;
    clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
}

.slider-three_arrow {
    position: absolute;
    content: '';
    left: 95%;
    bottom: 80px;
    width: 211px;
    height: 115px;
    background-repeat: no-repeat;
}

.slider-three .slider-three_button {
    position: relative;
    transition: all 900ms ease;
    -moz-transition: all 900ms ease;
    -webkit-transition: all 900ms ease;
    -ms-transition: all 900ms ease;
    -o-transition: all 900ms ease;
    transition: 1.3s cubic-bezier(0.5, 0.5, 0, 1);
    clip-path: polygon(0% 0%, 0% 0%, 0% 100%, 0% 100%);
}

    .slider-three .slider-three_button .theme-btn {
        text-transform: uppercase;
    }

/* Play Box */

.slider-three .play-box {
    position: absolute;
    right: 0px;
    top: 75px;
    display: inline-block;
}

    .slider-three .play-box:before {
        position: absolute;
        content: '';
        right: -6px;
        top: -6px;
        bottom: 6px;
        left: 6px;
        border-radius: 150px;
        background-color: var(--main-color);
    }

    .slider-three .play-box:hover::before {
        background-color: var(--black-color);
    }

    .slider-three .play-box:hover .fa {
        color: var(--white-color);
        border-color: var(--black-color);
        background-color: var(--main-color);
    }

    .slider-three .play-box .fa {
        position: relative;
        width: 126px;
        height: 126px;
        font-size: 32px;
        line-height: 126px;
        border-radius: 150px;
        display: inline-block;
        color: var(--white-color);
        text-align: center !important;
        transition: all 300ms ease;
        -moz-transition: all 300ms ease;
        -webkit-transition: all 300ms ease;
        -ms-transition: all 300ms ease;
        -o-transition: all 300ms ease;
        background-color: var(--black-color);
    }

.slider-three_video .ripple,
.slider-three_video .ripple:before,
.slider-three_video .ripple:after {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 126px;
    height: 126px;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    -webkit-box-shadow: 0 0 0 0 rgba(255,255,255, .3);
    -moz-box-shadow: 0 0 0 0 rgba(255,255,255, .3);
    -ms-box-shadow: 0 0 0 0 rgba(255,255,255, .3);
    -o-box-shadow: 0 0 0 0 rgba(255,255,255, .3);
    box-shadow: 0 0 0 0 rgba(255,255,255, .3);
    -webkit-animation: ripple 3s infinite;
    -moz-animation: ripple 3s infinite;
    -ms-animation: ripple 3s infinite;
    -o-animation: ripple 3s infinite;
    animation: ripple 3s infinite;
}

    .slider-three_video .ripple:before {
        -webkit-animation-delay: .9s;
        -moz-animation-delay: .9s;
        -ms-animation-delay: .9s;
        -o-animation-delay: .9s;
        animation-delay: .9s;
        content: "";
        position: absolute;
    }

    .slider-three_video .ripple:after {
        -webkit-animation-delay: .6s;
        -moz-animation-delay: .6s;
        -ms-animation-delay: .6s;
        -o-animation-delay: .6s;
        animation-delay: .6s;
        content: "";
        position: absolute;
    }

.slider-three_construction {
    position: absolute;
    right: 70px;
    z-index: 1;
    bottom: -60px;
    -webkit-animation: icon-bounce 0.8s ease-out infinite;
    animation: icon-bounce 0.8s ease-out infinite;
}

/*** 

====================================================================
	Counter Three
====================================================================

***/

.counter-three {
    position: relative;
    overflow: hidden;
    padding: 80px 0px;
    /* background-color: #ffffff; */
    margin: 80px 0px 0px;
}

.counter-three_pattern {
    position: absolute;
    left: 0px;
    right: 0px;
    bottom: 0px;
    height: 70px;
    background-position: center bottom;
    background-repeat: repeat-x;
    animation: slideBackground 10s linear infinite;
}

.counter-block_three {
    position: relative;
    /* margin-bottom:30px; */
    text-align: center;
    display: flex;
    justify-content: center;
}

.counter-block_three-inner {
    position: relative;
    /* display: flex; */
    /* align-items: center; */
    gap: 20px;
    text-align: center;
}

.counter-block_three-count {
    position: relative;
    font-size: 90px;
    font-weight: 500;
    line-height: 1em;
    color: #ffffff;
    /* padding-bottom:15px; */
    font-family: "DM Serif Display", serif;
    /* -webkit-text-stroke-width: 2px; */
    /* border-bottom:2px solid rgba(0,0,0,0.10); */
    /* -webkit-text-stroke-color: rgb(170 119 2); */
    /* display: flex; */
    align-items: center;
}

.counter-block_three-inner:hover .counter-block_three-count {
    border-color: rgb(173 139 58);
}

.counter-block_three-title {
    position: relative;
    font-weight: 500;
    font-size: 18px;
    /* margin-top:22px; */
    color: #ffffff;
    text-transform: capitalize;
    font-family: "DM Serif Display", serif;
    text-align: center;
}

.counter-block_three-text {
    position: relative;
    font-size: 16px;
    color: #45443F;
    font-weight: 400;
    line-height: 28px;
    margin-top: 10px;
    text-transform: capitalize;
}

/*** 

====================================================================
	About Three
====================================================================

***/

.about-three {
    position: relative;
    overflow: hidden;
    padding: 100px 0px 0px;
}

.about-three_pattern {
    position: absolute;
    right: 80px;
    top: 80px;
    width: 395px;
    height: 286px;
    background-repeat: no-repeat;
}

.about-three_big-title {
    position: absolute;
    left: 0px;
    top: 0px;
    font-size: 182px;
    font-weight: 800;
    text-transform: uppercase;
    line-height: 1em;
    transform: rotate(-90deg);
    transform-origin: 37% 230%;
    color: transparent;
    letter-spacing: 1px;
    font-family: "Raleway", serif;
    -webkit-text-stroke-width: 2px;
    -webkit-text-stroke-color: rgba(var(--black-color-rgb), 0.30);
}

.about-three .auto-container {
    position: relative;
}

.about-three_content-column {
    position: relative;
    margin-bottom: 30px;
}

.about-three_content-outer {
    position: relative;
    margin-right: -60px;
}

.about-three_list {
    position: relative;
    margin-bottom: 50px;
}

    .about-three_list li {
        position: relative;
        font-size: 18px;
        font-weight: 700;
        margin-bottom: 20px;
        color: var(--black-color);
        font-family: "Lexend Deca", sans-serif;
    }

        .about-three_list li i {
            position: relative;
            margin-right: 20px;
            color: var(--main-color);
        }

        .about-three_list li:last-child {
            margin-bottom: 0px;
        }

.about-three_info {
    position: relative;
    padding: 15px 40px;
    border-radius: 25px;
    background-color: #f5f5f5;
    border: 1px solid var(--black-color);
}

.about-three_text {
    position: relative;
    font-size: 18px;
    font-weight: 700;
    line-height: 34px;
    max-width: 365px;
    color: var(--black-color);
}

.about-three_author {
    position: relative;
    font-size: 18px;
    top: 40px;
    font-weight: 700;
    text-align: center;
    color: var(--main-color);
    text-transform: uppercase;
    font-family: "Lexend Deca", sans-serif;
}

    .about-three_author i {
        position: relative;
        font-size: 14px;
        display: block;
        color: #666666;
        font-weight: 500;
        margin-top: 5px;
        text-transform: capitalize;
    }

    .about-three_author span {
        position: relative;
        width: 92px;
        height: 92px;
        display: block;
        margin: 0 auto;
        margin-top: 15px;
        border-radius: 150px;
    }

.about-three .lower-box {
    position: relative;
    margin-top: 50px;
    gap: 30px;
}

.about-three_button {
    position: relative;
}

.about-three_phone {
    position: relative;
}

.about-three_phone-inner {
    position: relative;
    padding-left: 75px;
    font-size: 16px;
    color: #666666;
    line-height: 30px;
}

.about-three_phone-icon {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 60px;
    height: 60px;
    font-size: 22px;
    line-height: 60px;
    text-align: center;
    border-radius: 50px;
    color: var(--white-color);
    background-color: var(--main-color);
}

.about-three_phone a {
    position: relative;
    font-weight: 700;
    font-size: 24px;
    color: var(--black-color);
    font-family: "Lexend Deca", sans-serif;
}

    .about-three_phone a:hover {
        color: var(--main-color);
    }

.about-three_images-column {
    position: relative;
    margin-bottom: 30px;
}

.about-three_images-outer {
    position: relative;
    padding-left: 120px;
    padding-bottom: 0px;
}

.about-three_image {
    position: relative;
    overflow: hidden;
    border-radius: 0px;
    display: inline-block;
    opacity: 0;
    transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -webkit-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    clip-path: polygon(0 0, 15% 0, 15% 100%, 0% 100%);
}

    .about-three_image.now-in-view {
        opacity: 1;
        -webkit-transition-delay: 300ms;
        -moz-transition-delay: 300ms;
        -ms-transition-delay: 300ms;
        -o-transition-delay: 300ms;
        transition-delay: 300ms;
        clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
    }

.about-three_image-two {
    position: absolute;
    right: -134px;
    top: 0px;
    overflow: hidden;
    border-radius: 10px;
    display: inline-block;
    border: 10px solid var(--white-color);
    -webkit-animation: icon-bounce 0.8s ease-out infinite;
    animation: icon-bounce 0.8s ease-out infinite;
}

.about-three_image-three {
    position: absolute;
    right: -50px;
    bottom: -20px;
    overflow: hidden;
    border-radius: 0px;
    display: inline-block;
    border: 10px solid var(--white-color);
}

.about-three_award {
    position: relative;
    padding-left: 100px;
    font-weight: 700;
    font-size: 20px;
    line-height: 30px;
    padding-top: 22px;
    margin-top: 20px;
    color: var(--black-color);
    font-family: "Lexend Deca", sans-serif;
}

    .about-three_award span {
        position: absolute;
        left: 0px;
        top: 0px;
        line-height: 1em;
    }

/*** 

====================================================================
	Service Three
====================================================================

***/

.service-three {
    position: relative;
    overflow: hidden;
    padding: 0px 0px 0px;
}

    .service-three.style-two {
        padding-top: 0px;
    }

    .service-three .outer-container {
        position: relative;
        max-width: 100%;
        padding: 110px 0px 110px;
        background-color: #F5F5F5;
        background-position: left top;
        background-repeat: no-repeat;
    }

.service-block_three {
    position: relative;
    margin-bottom: 30px;
}

.service-block_three-inner {
    position: relative;
    padding: 40px 35px;
    border-radius: 15px;
    background-color: var(--white-color);
    border: 1px solid rgba(0,0,0,0.10);
}

.service-block_three-icon {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 80px;
    height: 80px;
    line-height: 80px;
    border-radius: 50px;
    text-align: center;
    transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -webkit-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    background-color: var(--main-color);
}

.service-block_three-inner:hover .service-block_three-icon {
    transform: rotateY(180deg);
}

.service-block_three-heading {
    position: relative;
}

    .service-block_three-heading a {
        position: relative;
        color: var(--black-color);
    }

.service-block_three-text {
    position: relative;
    font-size: 15px;
    color: #666666;
    line-height: 27px;
    margin-top: 20px;
    margin-bottom: 28px;
}

.service-block_three-more {
    position: relative;
    font-size: 15px;
    margin-top: 20px;
    font-weight: 700;
    color: var(--main-color);
    font-family: "Lexend Deca", sans-serif;
}

.service-block_three-pattern {
    position: absolute;
    left: 0px;
    top: 0px;
    right: 0px;
    bottom: 0px;
    opacity: 0;
    overflow: hidden;
    border-radius: 15px;
    background-size: cover;
    transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -webkit-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transform: scale(0.2,1);
}

.service-block_three-inner:hover .service-block_three-pattern {
    opacity: 1;
    transform: scale(1,1);
}

.service-block_three-inner:hover .service-block_three-text,
.service-block_three-inner:hover .service-block_three-heading a {
    color: var(--white-color);
}

.service-block_three-upper {
    position: relative;
    padding-left: 105px;
    min-height: 80px;
}

.service-block_three_hover-image {
    position: absolute;
    right: -30px;
    bottom: -10px;
    z-index: 1;
    opacity: 0;
    width: 288px;
    height: 184px;
    border-radius: 15px;
    transform: scale(1,0.2);
    transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -webkit-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
}

.service-block_three-inner:hover .service-block_three_hover-image {
    opacity: 1;
    transform: scale(1,1) rotate(-20deg);
}

.service-three_btn {
    position: relative;
    margin-top: 30px;
}

/*** 

====================================================================
	Choose One
====================================================================

***/

.choose-one {
    position: relative;
}

    .choose-one .outer-container {
        position: relative;
        max-width: 100%;
        padding: 110px 0px 110px;
        background-position: left top;
        background-repeat: repeat;
    }

.choose-one_pattern {
    position: absolute;
    left: 0px;
    bottom: 0px;
    width: 438px;
    height: 597px;
    background-position: left bottom;
    background-repeat: no-repeat;
}

.choose-one_image-column {
    position: relative;
    margin-bottom: 30px;
}

.choose-one_image-outer {
    position: relative;
    text-align: right;
}

.choose-one_image {
    position: relative;
    overflow: hidden;
    border-radius: 30px;
    display: inline-block;
    opacity: 0;
    transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -webkit-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    clip-path: polygon(0 0, 15% 0, 15% 100%, 0% 100%);
}

    .choose-one_image.now-in-view {
        opacity: 1;
        -webkit-transition-delay: 300ms;
        -moz-transition-delay: 300ms;
        -ms-transition-delay: 300ms;
        -o-transition-delay: 300ms;
        transition-delay: 300ms;
        clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
    }

.choose-one_image-two {
    position: relative;
    overflow: hidden;
    margin-left: 50px;
    margin-top: -120px;
    border-radius: 35px;
    display: inline-block;
    border: 8px solid var(--black-color);
    -webkit-animation: icon-bounce 0.8s ease-out infinite;
    animation: icon-bounce 0.8s ease-out infinite;
}

.choose-one_content-column {
    position: relative;
    margin-bottom: 30px;
}

.choose-one_content-outer {
    position: relative;
    padding-left: 40px;
}

.choose-block_one {
    position: relative;
    margin-bottom: 50px;
}

.choose-block_one-inner {
    position: relative;
    padding-left: 85px;
}

.choose-block_one-icon {
    position: absolute;
    left: 0px;
    top: 5px;
    transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -webkit-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
}

.choose-block_one-inner:hover .choose-block_one-icon {
    transform: rotateY(180deg);
}

.choose-block_one-title {
    position: relative;
    color: var(--white-color);
}

.choose-block_one-text {
    position: relative;
    font-size: 16px;
    line-height: 27px;
    margin-top: 12px;
    color: var(--white-color);
}

.choose-block_one-number {
    position: absolute;
    right: -120px;
    top: 0px;
    line-height: 1em;
    font-size: 96px;
    font-weight: 800;
    color: transparent;
    font-family: "Raleway", serif;
    -webkit-text-stroke-width: 2px;
    -webkit-text-stroke-color: rgba(var(--white-color-rgb), 0.20);
}

/*** 

====================================================================
	Project Three
====================================================================

***/

.project-three {
    position: relative;
    overflow: hidden;
    padding: 110px 0px 110px;
}

.project-three_pattern {
    position: absolute;
    left: 50px;
    bottom: 25%;
    width: 50px;
    height: 132px;
    background-repeat: no-repeat;
}

.project-one_circle {
    position: absolute;
    right: -250px;
    top: -150px;
    width: 536px;
    height: 536px;
    border-radius: 550px;
    border: 80px solid #f5f5f5;
}

.project-block_two {
    position: relative;
    margin-bottom: 50px;
}

.project-block_two-inner {
    position: relative;
}

.project-block_two-image {
    position: relative;
    overflow: hidden;
    border-radius: 20px 20px 50px 20px;
}

    .project-block_two-image img {
        position: relative;
        width: 100%;
        display: block;
    }

.project-block_two-content {
    position: relative;
    margin-right: 50px;
    margin-top: -96.5px;
    padding: 0px 80px 40px 50px;
    border-radius: 0px 150px 150px 50px;
    background-image: linear-gradient(to right, #020202, #0d0d0d, #151515, #1b1b1b, #212121);
}

.project-block_two-tag {
    position: relative;
    font-size: 14px;
    top: -20px;
    padding: 10px 20px;
    letter-spacing: 0.5px;
    border-radius: 50px;
    display: inline-block;
    color: var(--white-color);
    background-color: var(--main-color);
}

.project-block_two-title {
    position: relative;
    margin: 0px 0px 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid rgba(255,255,255,0.80);
}

    .project-block_two-title a {
        position: relative;
        color: var(--white-color);
    }

    .project-block_two-title:before {
        position: absolute;
        content: '\f105';
        right: 0px;
        bottom: -7px;
        font-size: 14px;
        line-height: 1em;
        color: var(--white-color);
        font-family: 'Font Awesome 6 Free';
    }

    .project-block_two-title a:hover {
        color: var(--main-color);
    }

.project-block_two-meta {
    position: relative;
    margin-top: 25px;
}

    .project-block_two-meta li {
        position: relative;
        margin-right: 40px;
        font-weight: 500;
        font-size: 16px;
        display: inline-block;
        color: var(--white-color);
        font-family: "Lexend Deca", sans-serif;
    }

        .project-block_two-meta li span {
            position: relative;
            color: var(--main-color);
        }

    .project-block_two-meta li {
        margin-right: 15px;
    }

        .project-block_two-meta li:last-child {
            margin-right: 0px;
        }

/*** 

====================================================================
	Customer One
====================================================================

***/

.customer-one {
    position: relative;
}

    .customer-one.style-two {
        position: relative;
        margin-bottom: 110px;
    }

    .customer-one .inner-container {
        position: relative;
        border-radius: 30px;
        overflow: hidden;
        padding: 140px 15px 110px;
    }

.customer-one_bg {
    position: absolute;
    left: 0px;
    top: 0px;
    right: 0px;
    bottom: 0px;
    overflow: hidden;
    border-radius: 0px;
    background-color: #F5F5F5;
}

.customer-one_pattern {
    position: absolute;
    left: 0px;
    right: 0px;
    top: 0px;
    height: 70px;
    background-position: center bottom;
    background-repeat: repeat-x;
    animation: slideBackground 10s linear infinite;
}

.customer-block_one {
    position: relative;
    margin-bottom: 30px;
}

.customer-block_one-inner {
    position: relative;
    padding: 70px 35px;
    overflow: hidden;
    border-radius: 25px;
    background-color: var(--white-color);
    box-shadow: 0px 0px 15px rgba(0,0,0,0.10);
}

.customer-block_one-bg {
    position: absolute;
    left: 0px;
    top: 0px;
    right: 0px;
    bottom: 0px;
    opacity: 0;
    background-size: cover;
    transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -webkit-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transform: scale(0.2,1);
}

.customer-block_one-inner:hover .customer-block_one-bg {
    opacity: 1;
    transform: scale(1,1);
}

.customer-block_one-icon {
    position: relative;
    line-height: 1em;
}

.customer-block_one-number {
    position: absolute;
    right: 40px;
    top: 65px;
    font-size: 110px;
    line-height: 1em;
    font-weight: 800;
    color: transparent;
    transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -webkit-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    font-family: "Raleway", serif;
    -webkit-text-stroke-width: 2px;
    -webkit-text-stroke-color: rgba(var(--main-color-rgb), 1);
}

.customer-block_one-inner:hover .customer-block_one-number {
    opacity: 0.40;
    -webkit-text-stroke-color: rgba(var(--white-color-rgb), 1);
}

.customer-block_one-title {
    position: relative;
    font-weight: 700;
    margin: 35px 0px 25px;
}

    .customer-block_one-title a {
        position: relative;
        color: var(--black-color);
    }

.customer-block_one-inner:hover .customer-block_one-text,
.customer-block_one-inner:hover .customer-block_one-title a {
    color: var(--white-color);
}

.customer-block_one-text {
    position: relative;
    color: #666666;
    font-size: 16px;
    line-height: 28px;
    transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -webkit-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
}

.customer-block_one-more {
    position: relative;
    font-weight: 700;
    font-size: 18px;
    margin-top: 30px;
    display: inline-block;
    color: var(--main-color);
    font-family: "Lexend Deca", sans-serif;
}

    .customer-block_one-more i {
        position: relative;
        font-size: 16px;
    }

/*** 

====================================================================
	Testimonial Three
====================================================================

***/

.testimonial-three {
    position: relative;
}

    .testimonial-three.style-two {
        /* margin-top:110px; */
        margin-bottom: 110px;
    }

        .testimonial-three.style-two .testimonial-block_three {
            margin-bottom: 80px;
        }

    .testimonial-three .inner-container {
        position: relative;
        border-radius: 30px;
        overflow: hidden;
        padding: 140px 15px 110px;
    }

.testimonial-three_bg {
    position: absolute;
    left: 0px;
    top: 0px;
    right: 0px;
    bottom: 0px;
    overflow: hidden;
    border-radius: 0px;
}

.testimonial-one_shadow {
    position: absolute;
    left: 0px;
    top: 0px;
    right: 0px;
    bottom: 0px;
    background-size: cover;
}

.testimonial-three .sec-title {
    display: inline-block;
}

.testimonial-three .swiper-container {
    margin-top: -100px;
    padding-top: 120px;
    padding-bottom: 30px;
}

.testimonial-block_three {
    position: relative;
    margin-bottom: 30px;
}

.testimonial-block_three-inner {
    position: relative;
    padding: 40px 55px;
    border-radius: 25px;
    background-size: cover;
    background-color: var(--white-color);
}

.testimonial-block_three-rating {
    position: relative;
    font-size: 16px;
    color: var(--main-color);
}

.testimonial-block_three-title {
    position: relative;
    margin-top: 25px;
    margin-bottom: 15px;
}

.testimonial-block_three-text {
    position: relative;
    font-size: 18px;
    color: #666666;
    line-height: 32px;
    margin-top: 18px;
    margin-bottom: 35px;
}

.testimonial-block_three-author {
    position: relative;
    font-weight: 700;
    font-size: 24px;
    line-height: 34px;
    padding-left: 100px;
    min-height: 82px;
    padding-top: 7px;
    color: var(--black-color);
    font-family: "Lexend Deca", sans-serif;
}

    .testimonial-block_three-author span {
        position: relative;
        display: block;
        font-size: 16px;
        font-weight: 400;
        color: var(--black-color);
    }

.testimonial-block_three-image {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 82px;
    height: 82px;
    overflow: hidden;
    border-radius: 150px;
    border: 3px solid var(--main-color);
}

.testimonial-block_three-quote {
    position: absolute;
    right: 50px;
    bottom: -53px;
    width: 106px;
    height: 106px;
    overflow: hidden;
    text-align: center;
    line-height: 90px;
    border-radius: 150px;
    background-color: var(--main-color);
    border: 8px solid var(--black-color);
}

.testimonial-three_arrow {
    position: absolute;
    right: 0px;
    top: 0px;
    z-index: 1;
}

    .testimonial-three_arrow .two-item_carousel-next,
    .testimonial-three_arrow .two-item_carousel-prev {
        position: relative;
        width: 60px;
        height: 60px;
        font-size: 22px;
        line-height: 58px;
        text-align: center;
        margin-left: 10px;
        border-radius: 50px;
        color: var(--main-color);
        transition: all 500ms ease;
        -moz-transition: all 500ms ease;
        -webkit-transition: all 500ms ease;
        -ms-transition: all 500ms ease;
        -o-transition: all 500ms ease;
        border: 1px solid var(--main-color);
    }

        .testimonial-three_arrow .two-item_carousel-next:hover,
        .testimonial-three_arrow .two-item_carousel-prev:hover {
            color: var(--white-color);
            background-color: var(--main-color);
        }

/*** 

====================================================================
	Team Two
====================================================================

***/

.team-two {
    position: relative;
    overflow: hidden;
    padding: 110px 0px 110px;
}

    .team-two .auto-container {
        position: relative;
    }

.team-two_pattern {
    position: absolute;
    left: 0px;
    bottom: 0px;
    right: 0px;
    height: 266px;
    background-position: center bottom;
    background-repeat: repeat-x;
    animation: slideBackground 10s linear infinite;
}


.team-block_two {
    position: relative;
    margin-bottom: 30px;
}

.team-block_two-inner {
    position: relative;
    padding: 15px 15px 15px;
    border-radius: 30px;
    overflow: hidden;
    border: 1px solid rgba(0,0,0,0.10);
}

    .team-block_two-inner:before {
        position: absolute;
        content: '';
        left: 0px;
        bottom: 0px;
        right: 0px;
        height: 50px;
        transition: all 500ms ease;
        -moz-transition: all 500ms ease;
        -webkit-transition: all 500ms ease;
        -ms-transition: all 500ms ease;
        -o-transition: all 500ms ease;
        border-radius: 0px 0px 25px 25px;
        border-bottom: 10px solid transparent;
    }

    .team-block_two-inner:after {
        position: absolute;
        content: '';
        left: 0px;
        top: 0px;
        right: 0px;
        height: 0px;
        z-index: -1;
        opacity: 0;
        transition: all 500ms ease;
        -moz-transition: all 500ms ease;
        -webkit-transition: all 500ms ease;
        -ms-transition: all 500ms ease;
        -o-transition: all 500ms ease;
        background-image: linear-gradient(to bottom, var(--main-color), var(--white-color));
    }

    .team-block_two-inner:hover::after {
        height: 250px;
        opacity: 1;
    }

    .team-block_two-inner:hover::before {
        border-bottom-color: var(--main-color);
    }

.team-block_two-image {
    position: relative;
}

    .team-block_two-image img {
        position: relative;
        width: 100%;
        display: block;
        overflow: hidden;
        border-radius: 25px 0px 25px 25px;
    }

.team-block_two-content {
    position: relative;
    padding: 40px 15px 20px;
}

.team-block_two-title {
    position: relative;
    font-size: 28px;
}

    .team-block_two-title a {
        position: relative;
        color: var(--black-color);
    }

        .team-block_two-title a:hover {
            color: var(--main-color);
        }

.team-block_two-designation {
    position: relative;
    font-size: 16px;
    margin-top: 8px;
    color: #666666;
}

.team-block_two-shares {
    position: absolute;
    right: 40px;
    bottom: -30px;
}

.team-block_two-inner:hover .team-block_two-share_icon {
    color: var(--white-color);
    background-color: var(--black-color);
}

.team-block_two-share_icon {
    position: relative;
    width: 54px;
    height: 54px;
    z-index: 10;
    font-size: 24px;
    line-height: 54px;
    border-radius: 50px;
    border-radius: 50px;
    display: inline-block;
    color: var(--white-color);
    background-color: var(--main-color);
}

.team-block_two-inner:hover .team-block_two-socials {
    bottom: 140%;
    opacity: 1;
}

.team-block_two-socials {
    position: absolute;
    right: 2px;
    bottom: -150%;
    width: 50px;
    z-index: 1;
    opacity: 0;
    padding: 10px 0px;
    text-align: center;
    border-radius: 50px;
    transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -webkit-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    background-color: var(--white-color);
}

    .team-block_two-socials a {
        position: relative;
        font-size: 16px;
        display: block;
        width: 40px;
        height: 40px;
        margin: 1px 0px;
        margin: 0 auto;
        line-height: 40px;
        border-radius: 50px;
        color: var(--black-color);
    }

        .team-block_two-socials a:hover {
            color: var(--white-color);
            background-color: var(--main-color);
        }

.team-two .three-item_carousel-prev {
    position: absolute;
    top: 55%;
    z-index: 1;
    left: -80px;
    width: 60px;
    height: 60px;
    cursor: pointer;
    font-size: 18px;
    line-height: 58px;
    text-align: center;
    display: inline-block;
    border-radius: 50px 50px;
    color: var(--main-color);
    transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -webkit-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    border: 1px solid var(--main-color);
}

    .team-two .three-item_carousel-prev:hover {
        color: var(--white-color);
        background-color: var(--main-color);
    }

    .team-two .three-item_carousel-prev.swiper-button-disabled {
        opacity: 0;
        visibility: hidden;
    }

.team-two .three-item_carousel-next.swiper-button-disabled {
    opacity: 0;
    visibility: hidden;
}

.team-two .three-item_carousel-next:hover {
    color: var(--white-color);
    background-color: var(--main-color);
}

.team-two .three-item_carousel-next::after,
.team-two .three-item_carousel-next::after {
    display: none;
}

.team-two .three-item_carousel-next {
    position: absolute;
    right: -80px;
    top: 55%;
    z-index: 1;
    width: 60px;
    height: 60px;
    cursor: pointer;
    font-size: 18px;
    line-height: 58px;
    text-align: center;
    display: inline-block;
    border-radius: 50px 50px;
    color: var(--main-color);
    transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -webkit-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    border: 1px solid var(--main-color);
}

.team-two .lower-box {
    position: relative;
    margin-top: 20px;
}

.team-two_text {
    position: relative;
    font-size: 16px;
    color: #666666;
    line-height: 28px;
}

/*** 

====================================================================
	Video One
====================================================================

***/

.video-one {
    position: relative;
    z-index: 1;
    overflow: hidden;
    padding: 260px 0px 50px;
    background-attachment: fixed;
    background-size: cover;
    border-radius: 0px 0px 35px 35px;
}

.video-one_play {
    position: relative;
    width: 176px;
    height: 176px;
    font-size: 50px;
    text-align: center;
    border-radius: 100px;
    line-height: 176px;
    display: block;
    margin: 0 auto;
    color: var(--white-color);
    background-color: var(--black-color);
}

    .video-one_play:before {
        position: absolute;
        content: '';
        right: 7px;
        top: 7px;
        left: -7px;
        bottom: -7px;
        z-index: -1;
        border-radius: 150px;
        background-color: var(--main-color);
    }

    .video-one_play:after {
        position: absolute;
        content: '';
        right: 14px;
        top: 10px;
        left: -16px;
        bottom: -10px;
        z-index: -10;
        border-radius: 150px;
        background-color: var(--white-color);
    }

    .video-one_play .ripple,
    .video-one_play .ripple:before,
    .video-one_play .ripple:after {
        position: absolute;
        top: 50%;
        left: 50%;
        width: 176px;
        height: 176px;
        -webkit-transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        -o-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        -ms-border-radius: 50%;
        -o-border-radius: 50%;
        border-radius: 50%;
        -webkit-box-shadow: 0 0 0 0 rgba(255,101,12, .3);
        -moz-box-shadow: 0 0 0 0 rgba(255,101,12, .3);
        -ms-box-shadow: 0 0 0 0 rgba(255,101,12, .3);
        -o-box-shadow: 0 0 0 0 rgba(255,101,12, .3);
        box-shadow: 0 0 0 0 rgba(255,101,12, .3);
        -webkit-animation: ripple 3s infinite;
        -moz-animation: ripple 3s infinite;
        -ms-animation: ripple 3s infinite;
        -o-animation: ripple 3s infinite;
        animation: ripple 3s infinite;
    }

        .video-one_play .ripple:before {
            -webkit-animation-delay: .9s;
            -moz-animation-delay: .9s;
            -ms-animation-delay: .9s;
            -o-animation-delay: .9s;
            animation-delay: .9s;
            content: "";
            position: absolute;
        }

        .video-one_play .ripple:after {
            -webkit-animation-delay: .6s;
            -moz-animation-delay: .6s;
            -ms-animation-delay: .6s;
            -o-animation-delay: .6s;
            animation-delay: .6s;
            content: "";
            position: absolute;
        }

.video-one h1 {
    position: relative;
    font-size: 260px;
    line-height: 1em;
    font-weight: 800;
    color: #ffffff;
    opacity: 0.40;
    margin: 150px 25px 0px;
    display: inline-block;
    text-transform: uppercase;
    -webkit-text-fill-color: transparent;
    -webkit-text-stroke-width: 2px;
    -webkit-text-stroke-color: #ffffff;
    font-family: "Raleway", serif;
}

/*** 

====================================================================
	Contact Two
====================================================================

***/

.contact-two {
    position: relative;
    z-index: 1;
}

    .contact-two .auto-container {
        position: relative;
        max-width: 1650px;
    }

    .contact-two .inner-container {
        position: relative;
        margin-top: -70px;
        border-radius: 50px 50px;
        padding: 90px 40px 0px 160px;
        background-size: cover;
        background-color: var(--black-color);
    }

.contact-two_form-column {
    position: relative;
}

.contact-two_form-outer {
    position: relative;
    padding: 45px 60px 100px;
    border-radius: 30px 30px 0px 0px;
    background-position: right bottom;
    background-repeat: no-repeat;
    background-color: rgba(var(--white-color-rgb), 0.05);
}

    .contact-two_form-outer .title-box {
        position: relative;
        margin-bottom: 30px;
    }

        .contact-two_form-outer .title-box h2 {
            position: relative;
            color: var(--white-color);
        }

        .contact-two_form-outer .title-box .text {
            position: relative;
            font-size: 16px;
            line-height: 28px;
            margin-top: 15px;
            color: var(--white-color);
        }

/* Contact Form */

.contact-form_two {
    position: relative;
    z-index: 10;
}

    .contact-form_two .form-group {
        margin-bottom: 30px;
    }

        .contact-form_two .form-group label {
            position: relative;
            font-size: 16px;
            color: var(--white-color);
        }

        .contact-form_two .form-group:last-child {
            margin-bottom: 0px;
        }

        .contact-form_two .form-group input[type="text"],
        .contact-form_two .form-group input[type="password"],
        .contact-form_two .form-group input[type="tel"],
        .contact-form_two .form-group input[type="email"],
        .contact-form_two .form-group select {
            position: relative;
            display: block;
            width: 100%;
            height: 60px;
            line-height: 28px;
            padding: 10px 15px;
            font-weight: 400;
            font-size: 16px;
            background: none;
            color: var(--white-color);
            -webkit-transition: all 300ms ease;
            -ms-transition: all 300ms ease;
            -o-transition: all 300ms ease;
            -moz-transition: all 300ms ease;
            transition: all 300ms ease;
            background: none;
            border-bottom: 1px solid rgba(var(--white-color-rgb), 0.20);
        }

            .contact-form_two .form-group input[type="text"]:focus,
            .contact-form_two .form-group input[type="password"]:focus,
            .contact-form_two .form-group input[type="tel"]:focus,
            .contact-form_two .form-group input[type="email"]:focus,
            .contact-form_two .form-group select:focus,
            .contact-form_two .form-group textarea:focus {
            }

        .contact-form_two .form-group textarea {
            position: relative;
            display: block;
            width: 100%;
            height: 130px;
            resize: none;
            font-size: 16px;
            line-height: 26px;
            padding: 20px 20px;
            border-radius: 25px;
            color: var(--black-color);
            background-color: #f5f5f5;
            -webkit-transition: all 300ms ease;
            -ms-transition: all 300ms ease;
            -o-transition: all 300ms ease;
            -moz-transition: all 300ms ease;
            transition: all 300ms ease;
        }

    .contact-form_two input:focus,
    .contact-form_two select:focus,
    .contact-form_two textarea:focus {
    }

.contact-two_info-column {
    position: relative;
}

.contact-two_info-outer {
    position: relative;
    z-index: 1;
    padding-left: 30px;
}

.info-block_two {
    position: relative;
    margin-bottom: 45px;
}

.info-block_two-inner {
    position: relative;
    font-size: 16px;
    padding-left: 75px;
    color: var(--white-color);
}

.info-block_two-icon {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 60px;
    height: 60px;
    font-size: 22px;
    border-radius: 50px;
    text-align: center;
    line-height: 60px;
    display: inline-block;
    color: var(--white-color);
    background-color: var(--main-color);
}

.info-block_two-inner strong {
    position: relative;
    display: block;
    font-size: 24px;
    line-height: 30px;
    margin-bottom: 5px;
    color: var(--white-color);
    font-family: "Lexend Deca", sans-serif;
}

.contact-two_image {
    position: absolute;
    right: 0px;
    bottom: 0px;
}

/***

====================================================================
	Page Title
====================================================================

***/

.page-title {
    position: relative;
    background-size: cover;
    padding: 90px 0px 90px;
    background-attachment: fixed;
}

    .page-title:before {
        position: absolute;
        content: '';
        left: 0px;
        top: 0px;
        right: 0px;
        bottom: 0px;
        opacity: 0.20;
        background-color: var(--black-color);
    }

    .page-title h2 {
        font-weight: 500;
        margin-bottom: 15px;
        text-transform: capitalize;
        color: var(--white-color);
        text-align: center;
        letter-spacing: 1px;
    }

    .page-title .bread-crumb {
        position: relative;
        display: inline-block;
    }

        .page-title .bread-crumb li {
            position: relative;
            font-weight: 600;
            display: inline-block;
            font-size: 16px;
            color: var(--white-color);
            text-transform: capitalize;
            margin-right: 15px;
            padding-right: 15px;
        }

            .page-title .bread-crumb li:before {
                position: absolute;
                right: -6px;
                top: 0px;
                content: "-";
                color: var(--white-color);
            }

            .page-title .bread-crumb li:last-child {
                padding-right: 0;
                margin-right: 0;
            }

                .page-title .bread-crumb li:last-child:before {
                    display: none;
                }

            .page-title .bread-crumb li a {
                color: var(--white-color);
                -webkit-transition: all 300ms ease;
                -moz-transition: all 300ms ease;
                -ms-transition: all 300ms ease;
                -o-transition: all 300ms ease;
                transition: all 300ms ease;
            }

                .page-title .bread-crumb li a:hover {
                    color: var(--main-color);
                }

.page-title_text {
    position: relative;
    font-size: 16px;
    line-height: 28px;
    max-width: 320px;
    color: var(--white-color);
}

/***

====================================================================
	Project Detail
====================================================================

***/

.project-detail {
    position: relative;
    padding: 110px 0px 110px;
    background-position: left top;
    background-repeat: no-repeat;
}

    .project-detail:before {
        position: absolute;
        content: '';
        left: 0px;
        top: 0px;
        right: 0px;
        height: 50%;
        z-index: -1;
        background-image: linear-gradient(to bottom, #f5f5f5, #f7f7f7, #fafafa, #fcfcfc, #ffffff);
    }

.project-detail_location {
    position: relative;
    font-size: 16px;
    display: flex;
    gap: 10px;
    font-weight: 500;
    color: var(--black-color);
}

.project-detail_heading {
    position: relative;
    font-weight: 700;
    margin-top: 15px;
    margin-bottom: 35px;
    color: var(--black-color);
}

.project-detail_image {
    position: relative;
    display: block;
    overflow: hidden;
    border-radius: 25px;
}

    .project-detail_image img {
        position: relative;
        width: 100%;
        display: block;
    }

.project-detail_list {
    position: relative;
    margin-top: 60px;
    margin-bottom: 20px;
}

    .project-detail_list li {
        position: relative;
        padding-left: 80px;
        color: #1E1E1E;
        min-height: 62px;
        font-size: 16px;
        margin-right: 45px;
        margin-bottom: 25px;
        display: inline-block;
    }

        .project-detail_list li:last-child {
            margin-right: 0px;
        }

        .project-detail_list li .icon {
            position: absolute;
            left: 0px;
            top: 0px;
            width: 62px;
            height: 62px;
            line-height: 60px;
            text-align: center;
            border-radius: 50px;
            border: 1px solid rgba(0,0,0,0.50);
        }

        .project-detail_list li strong {
            position: relative;
            display: block;
            font-weight: 600;
            margin-top: 5px;
            color: var(--black-color);
            font-family: "Lexend Deca", sans-serif;
        }

.project-detail h3 {
    position: relative;
    margin-bottom: 20px;
    text-transform: capitalize;
}

.project-detail p {
    position: relative;
    font-size: 16px;
    color: #666666;
    line-height: 28px;
    margin-bottom: 15px;
}

.project-detail_list-two {
    position: relative;
}

    .project-detail_list-two li {
        position: relative;
        color: #666666;
        font-size: 16px;
        line-height: 28px;
        margin-bottom: 15px;
    }

        .project-detail_list-two li span {
            position: relative;
            font-weight: 700;
            color: var(--black-color);
        }

.project-detail .middle-box {
    position: relative;
    margin-top: 35px;
    margin-bottom: 40px;
}

.more-projects {
    position: relative;
    margin-top: 40px;
    border-radius: 50px;
    border: 1px solid rgba(0,0,0,0.20);
}

    .more-projects:before {
        position: absolute;
        content: '';
        left: 50%;
        top: 0px;
        width: 1px;
        opacity: 0.20;
        bottom: 0px;
        background-color: var(--black-color);
    }

    .more-projects a {
        position: relative;
        display: block;
        font-weight: 600;
        padding: 22px 30px;
        text-transform: uppercase;
        color: var(--black-color);
        font-family: "Lexend Deca", sans-serif;
    }

    .more-projects i {
        position: relative;
        color: var(--main-color);
    }

    .more-projects a:hover {
        color: var(--main-color);
    }



/***

====================================================================
	Sidebar Page Container
====================================================================

***/

.sidebar-page-container {
    position: relative;
    padding: 110px 0px 100px;
}

    .sidebar-page-container.alternate {
        padding-bottom: 100px;
    }

    .sidebar-page-container .content-side,
    .sidebar-page-container .sidebar-side {
        margin-bottom: 0px;
    }

.sticky-top {
    z-index: 1;
    top: 110px;
}

/* Sidebar Title */

.sidebar-widget {
    position: relative;
    margin-bottom: 40px;
}

.sidebar-title {
    position: relative;
    margin-bottom: 15px;
}

    .sidebar-title h4 {
        position: relative;
        color: var(--black-color);
    }

/* Category List */

.category-list {
    position: relative;
    z-index: 1;
}

    .category-list li {
        position: relative;
        z-index: 1;
        margin-bottom: 15px;
    }

        .category-list li a {
            position: relative;
            display: block;
            font-size: 18px;
            z-index: 1;
            font-weight: 600;
            border-radius: 50px;
            color: var(--black-color);
            text-transform: capitalize;
            padding: 22px 15px 22px 30px;
            font-family: "Lexend Deca", sans-serif;
            -webkit-transition: all 300ms ease;
            -moz-transition: all 300ms ease;
            -ms-transition: all 300ms ease;
            -o-transition: all 300ms ease;
            transition: all 300ms ease;
            border: 1px solid rgba(0,0,0,0.50);
        }

            .category-list li a:hover::before {
                opacity: 1;
            }

            .category-list li a:before {
                position: absolute;
                content: '';
                left: 0px;
                top: 0px;
                right: 0px;
                bottom: 0px;
                z-index: -1;
                opacity: 0;
                border-radius: 50px;
                -webkit-transition: all 300ms ease;
                -moz-transition: all 300ms ease;
                -ms-transition: all 300ms ease;
                -o-transition: all 300ms ease;
                transition: all 300ms ease;
                background-image: linear-gradient(to right, #f9630c, #b54c0f, #773610, #3e1f0d, #040201);
            }

        .category-list li span {
            position: absolute;
            right: 6px;
            top: 6px;
            width: 55px;
            height: 55px;
            padding: 0px 0px;
            line-height: 55px;
            border-radius: 50px;
            display: inline-block;
            color: var(--white-color);
            background-color: var(--black-color);
        }

        .category-list li a:hover span {
            color: var(--black-color);
            background-color: var(--white-color);
        }

        .category-list li a:hover {
            color: var(--white-color);
            transform: rotate(2deg);
        }

        .category-list li:last-child {
            margin-bottom: 0px;
        }


.rating-widget .widget-content {
    position: relative;
    border-radius: 50px;
    padding: 35px 50px 50px;
    background-position: center top;
    background-repeat: no-repeat;
    background-color: var(--black-color);
}

.rating-widget_rating {
    position: relative;
    font-size: 128px;
    font-weight: 700;
    line-height: 1em;
    text-align: center;
    color: var(--white-color);
}

/* Rating Widget Authors */

.rating-widget_authors {
    position: relative;
    display: flex;
    gap: 20px;
    margin-top: 25px;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
}

    .rating-widget_authors ul {
        position: relative;
        display: flex;
        margin-left: 20px;
    }

        .rating-widget_authors ul li {
            position: relative;
            width: 54px;
            height: 54px;
            margin-left: -20px;
            border-radius: 50px;
            display: inline-block;
            border: 3px solid var(--white-color);
        }

.rating-widget_reviews {
    position: relative;
    font-weight: 600;
    font-size: 16px;
    color: var(--white-color);
}

.rating-widget .company-logo {
    position: relative;
    text-align: center;
    margin-top: 40px;
}

.rating-widget_phone {
    position: relative;
    text-align: center;
    margin-top: 30px;
    font-size: 16px;
    line-height: 40px;
    color: var(--white-color);
}

    .rating-widget_phone a {
        position: relative;
        display: block;
        font-weight: 700;
        font-size: 32px;
        color: var(--white-color);
        font-family: "Lexend Deca", sans-serif;
    }

.rating-widget_title-button {
    position: relative;
    text-align: center;
    margin-top: 35px;
}

    .rating-widget_title-button .theme-btn {
        position: relative;
        text-transform: uppercase;
    }

.service-detail {
    position: relative;
}

.service-detail_inner {
    position: relative;
}

.service-detail_image {
    position: relative;
    overflow: hidden;
    border-radius: 25px;
}

    .service-detail_image img {
        position: relative;
        width: 100%;
        display: block;
    }

.service-detail_tag {
    position: absolute;
    right: 0px;
    bottom: 60px;
    font-size: 18px;
    font-weight: 600;
    padding: 18px 30px;
    display: inline-block;
    color: var(--main-color);
    border-radius: 50px 0px 0px 50px;
    background-color: var(--white-color);
    font-family: "Lexend Deca", sans-serif;
}

    .service-detail_tag:before {
        position: absolute;
        content: '';
        right: 0px;
        top: -48px;
        width: 57px;
        height: 49px;
        background: url(../images/icons/shape-8.png) no-repeat;
    }

    .service-detail_tag:after {
        position: absolute;
        content: '';
        right: -2px;
        bottom: -50px;
        width: 68px;
        height: 54px;
        background: url(../images/icons/shape-9.png) no-repeat;
    }

.service-detail_title {
    position: relative;
    margin-top: 30px;
    margin-bottom: 20px;
    text-transform: capitalize;
}

.service-detail p {
    position: relative;
    color: #666666;
    font-size: 16px;
    line-height: 28px;
}

.service-detail_subtitle {
    position: relative;
    margin-bottom: 15px;
    text-transform: capitalize;
}

.service-block_two {
    position: relative;
    margin-bottom: 30px;
}

.service-block_two-inner {
    position: relative;
    color: #666666;
    font-size: 16px;
    line-height: 28px;
    padding-left: 105px;
}

.service-block_two-number {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 80px;
    height: 80px;
    font-size: 24px;
    font-weight: 600;
    border-radius: 50px;
    text-align: center;
    line-height: 80px;
    color: var(--white-color);
    font-family: "Lexend Deca", sans-serif;
    background-image: linear-gradient(to bottom, #f7620c, #e0590b, #ca510a, #b44809, #9f4008);
}

.service-block_two strong {
    position: relative;
    display: block;
    font-size: 24px;
    padding-bottom: 15px;
    margin-bottom: 15px;
    color: var(--black-color);
    text-transform: capitalize;
    border-bottom: 1px solid rgba(0,0,0,0.20);
    font-family: "Lexend Deca", sans-serif;
}

.service-detail_blocks {
    position: relative;
    margin-top: 30px;
}

.service-detail_image-two {
    position: relative;
    margin-top: 30px;
}

.service-detail_image-two {
    position: relative;
    overflow: hidden;
    border-radius: 25px;
    margin-bottom: 30px;
}

    .service-detail_image-two img {
        position: relative;
        width: 100%;
        display: block;
    }

.service-detail_list {
    position: relative;
}

    .service-detail_list li {
        position: relative;
        font-size: 16px;
        color: #666666;
        line-height: 28px;
        padding-left: 35px;
        margin-bottom: 25px;
    }

        .service-detail_list li i {
            position: absolute;
            left: 0px;
            top: 7px;
            font-size: 20px;
            line-height: 1em;
            color: var(--main-color);
        }

        .service-detail_list li span {
            position: relative;
            font-weight: 700;
            font-size: 18px;
            color: var(--black-color);
            font-family: "Lexend Deca", sans-serif;
        }

.service-detail_accordian {
    position: relative;
    margin-top: 40px;
}

/***

====================================================================
	Project Detail
====================================================================

***/

.project-four {
    position: relative;
    padding: 110px 0px 110px;
    background-position: left top;
    background-repeat: no-repeat;
}

    .project-four:before {
        position: absolute;
        content: '';
        left: 0px;
        top: 0px;
        right: 0px;
        height: 50%;
        z-index: -1;
        background-image: linear-gradient(to bottom, #f5f5f5, #f7f7f7, #fafafa, #fcfcfc, #ffffff);
    }

.project-block_three {
    position: relative;
    margin-bottom: 30px;
}

.project-block_three-inner {
    position: relative;
}

.project-block_three-image::before {
    position: absolute;
    content: '';
    left: 0px;
    top: 30%;
    right: 0px;
    bottom: 0px;
    z-index: 1;
    background: rgba(var(--black-color-rgb), 0);
    background: linear-gradient(to top, rgba(var(--black-color-rgb), 1) 0%, rgba(var(--white-color-rgb), 0) 100%);
}

.project-block_three-image {
    position: relative;
    border-radius: 25px;
    overflow: hidden;
}

    .project-block_three-image > img {
        position: relative;
        width: 100%;
        display: block;
    }

.project-block_three-overlay {
    position: absolute;
    left: 35px;
    bottom: -65px;
    right: 35px;
    z-index: 2;
    transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -webkit-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
}

.project-block_three-inner:hover .project-block_three-overlay {
    bottom: 35px;
}

.project-block_three-inner:hover .project-block_three_button {
    opacity: 1;
}

.project-block_three-title {
    position: relative;
}

    .project-block_three-title a {
        position: relative;
        color: var(--white-color);
    }

.project-block_three-designation {
    position: relative;
    font-size: 16px;
    margin-bottom: 20px;
    letter-spacing: 0.5px;
    color: var(--white-color);
}

.project-block_three-location {
    position: relative;
    font-size: 16px;
    display: flex;
    gap: 10px;
    margin-bottom: 15px;
    align-items: center;
    color: var(--white-color);
}

    .project-block_three-location > i {
        position: relative;
        width: 20px;
        display: inline-block;
    }

.project-block_three_button {
    position: relative;
    margin-top: 30px;
    opacity: 0;
}

    .project-block_three_button .theme-btn {
        position: relative;
        text-transform: uppercase;
    }

/*** 

====================================================================
	Styled Pagination
====================================================================

***/

.styled-pagination {
    position: relative;
    margin-top: 40px;
}

    .styled-pagination li {
        position: relative;
        display: inline-block;
        margin: 0px 5px 10px 0px;
    }

        .styled-pagination li a {
            position: relative;
            display: inline-block;
            line-height: 58px;
            height: 60px;
            width: 60px;
            font-size: 20px;
            min-width: 50px;
            font-weight: 600;
            text-align: center;
            border-radius: 50px;
            text-transform: capitalize;
            transition: all 500ms ease;
            -webkit-transition: all 500ms ease;
            -ms-transition: all 500ms ease;
            -o-transition: all 500ms ease;
            -moz-transition: all 500ms ease;
            color: var(--black-color);
            border: 1px solid rgba(0,0,0,0.40);
        }

        .styled-pagination li.prev a,
        .styled-pagination li.next a {
            height: 60px;
            width: 60px;
            color: var(--white-color);
            background-image: none;
            background-color: var(--black-color);
        }

        .styled-pagination li a:hover,
        .styled-pagination li a.active {
            color: var(--white-color);
            border-color: var(--main-color);
            background-color: var(--main-color);
        }

/*** 

====================================================================
	Faq One
====================================================================

***/

.team-detail {
    position: relative;
    padding: 110px 0px 90px;
    background-position: left top;
    background-repeat: no-repeat;
}

    .team-detail:before {
        position: absolute;
        content: '';
        left: 0px;
        top: 0px;
        right: 0px;
        height: 50%;
        z-index: -1;
        background-image: linear-gradient(to bottom, #f5f5f5, #f7f7f7, #fafafa, #fcfcfc, #ffffff);
    }

.team-detail_image-column {
    position: relative;
    margin-bottom: 30px;
}

.team-detail_image-outer {
    position: relative;
}

.team-detail_image {
    position: relative;
    padding-top: 20px;
    padding-right: 20px;
}

    .team-detail_image:before {
        position: absolute;
        content: '';
        right: 0px;
        top: 0px;
        left: 30px;
        bottom: 30px;
        border-radius: 25px;
        background-color: var(--white-color);
        border: 1px solid rgba(0,0,0,0.10);
    }

    .team-detail_image img {
        position: relative;
        width: 100%;
        overflow: hidden;
        border-radius: 25px;
    }

    .team-detail_image:after {
        position: absolute;
        content: '';
        right: 15px;
        top: 15px;
        width: 97px;
        height: 97px;
        background: url(../images/icons/team-shape.png) no-repeat;
    }



.team-block_detail-shares {
    position: absolute;
    right: 18px;
    top: 17px;
}

.team-detail_image:hover .team-block_detail-share_icon {
    color: var(--white-color);
    background-color: var(--black-color);
}

.team-block_detail-share_icon {
    position: relative;
    width: 54px;
    height: 54px;
    z-index: 10;
    font-size: 24px;
    line-height: 54px;
    border-radius: 50px;
    border-radius: 50px;
    display: inline-block;
    color: var(--white-color);
    background-color: var(--main-color);
}

.team-detail_image:hover .team-block_detail-socials {
    top: 140%;
    opacity: 1;
}

.team-block_detail-socials {
    position: absolute;
    right: 7px;
    top: -150%;
    width: 50px;
    z-index: 1;
    opacity: 0;
    padding: 10px 0px;
    text-align: center;
    border-radius: 50px;
    transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -webkit-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    background-color: var(--white-color);
}

    .team-block_detail-socials a {
        position: relative;
        font-size: 16px;
        display: block;
        width: 40px;
        height: 40px;
        margin: 1px 0px;
        margin: 0 auto;
        line-height: 40px;
        border-radius: 50px;
        color: var(--black-color);
    }

        .team-block_detail-socials a:hover {
            color: var(--white-color);
            background-color: var(--main-color);
        }

.team-detail_tag {
    position: relative;
    font-size: 16px;
    padding: 8px 20px;
    border-radius: 50px;
    display: inline-block;
    color: var(--white-color);
    background-color: var(--main-color);
}

.team-detail_title {
    position: relative;
    font-weight: 700;
    margin-top: 20px;
    margin-bottom: 20px;
    color: var(--black-color);
}

.team-detail p {
    position: relative;
    font-size: 16px;
    color: #666666;
    line-height: 28px;
    margin-bottom: 15px;
}

.team-detail_info-outer {
    position: relative;
    margin-top: 30px;
}

.team-detail_info {
    position: relative;
}

    .team-detail_info li {
        position: relative;
        display: block;
        font-size: 16px;
        color: #666666;
        line-height: 26px;
        margin-bottom: 30px;
    }

        .team-detail_info li span {
            position: relative;
            display: block;
            font-size: 20px;
            margin-bottom: 10px;
            font-weight: 700;
            color: var(--black-color);
            font-family: "Lexend Deca", sans-serif;
        }

.team-detail .lower-box {
    position: relative;
    margin-top: 40px;
}

    .team-detail .lower-box h3 {
        position: relative;
        margin-bottom: 20px;
    }

/*** 

====================================================================
	Team Tabs Style
====================================================================

***/

.team-tabs {
    position: relative;
    margin-top: 30px;
}

    .team-tabs .tab-btns {
        position: relative;
    }

        .team-tabs .tab-btns .tab-btn {
            position: relative;
            line-height: 24px;
            cursor: pointer;
            font-weight: 500;
            padding: 13px 36px;
            font-size: 16px;
            margin-right: 10px;
            border-radius: 50px;
            display: inline-block;
            transition: all 500ms ease;
            text-transform: capitalize;
            background-color: #F5F5F5;
            color: var(--black-color);
        }

            .team-tabs .tab-btns .tab-btn:last-child {
                margin-right: 0px;
            }

            .team-tabs .tab-btns .tab-btn:hover,
            .team-tabs .tab-btns .tab-btn.active-btn {
                color: var(--white-color);
                background-color: var(--main-color);
            }

    .team-tabs .tabs-content {
        position: relative;
        padding: 30px 0px 0px;
    }

        .team-tabs .tabs-content .tab {
            position: relative;
            display: none;
            border-top: 0px;
        }

            .team-tabs .tabs-content .tab.active-tab {
                display: block;
            }

.team-detail_contact {
    position: relative;
    margin-top: 60px;
    border-radius: 30px;
    padding: 35px 35px 50px;
    border: 1px solid rgba(var(--black-color-rgb), 0.15);
}

/* Skills Section */

.default-skills {
    position: relative;
}

.default-skill-item {
    position: relative;
    margin-bottom: 25px;
}

    .default-skill-item:last-child {
        margin-bottom: 0px;
    }

.default-skill-title {
    position: relative;
    font-weight: 700;
    font-size: 18px;
    margin-bottom: 10px;
    color: var(--black-color);
    text-transform: capitalize;
    font-family: "Lexend Deca", sans-serif;
}

.default-skill-bar {
    position: relative;
    width: 100%;
    height: 12px;
    border-radius: 50px;
}

    .default-skill-bar:before {
        position: absolute;
        content: '';
        left: 0px;
        bottom: 0px;
        right: 0px;
        height: 12px;
        border-radius: 50px;
        background-color: #dddddd;
    }

.default-bar-inner {
    position: relative;
    width: 100%;
    height: 12px;
    overflow: hidden;
    border-radius: 50px;
}

.default-bar {
    position: absolute;
    left: 0px;
    top: 0px;
    height: 12px;
    width: 0px;
    border-radius: 50px;
    background-color: var(--main-color);
    -webkit-transition: all 2000ms ease;
    -ms-transition: all 2000ms ease;
    -o-transition: all 2000ms ease;
    -moz-transition: all 2000ms ease;
    transition: all 2000ms ease;
}

.default-count-box {
    position: absolute;
    right: 0px;
    top: 0px;
    font-weight: 700;
    font-size: 18px;
    color: var(--black-color);
}

.team-detail_subtext {
    position: relative;
    color: #666666;
    font-size: 16px;
    line-height: 28px;
    margin-top: -10px;
    margin-bottom: 25px;
}

/* Search Widget */

.sidebar .search-box .form-group {
    position: relative;
    margin: 0px;
}

    .sidebar .search-box .form-group input:focus + button {
        background-color: var(--main-color);
    }

    .sidebar .search-box .form-group input[type="text"],
    .sidebar .search-box .form-group input[type="search"] {
        position: relative;
        line-height: 28px;
        font-size: 14px;
        padding: 10px 50px 10px 25px;
        background: none;
        display: block;
        width: 100%;
        height: 64px;
        border-radius: 50px;
        color: var(--black-color);
        transition: all 500ms ease;
        -moz-transition: all 500ms ease;
        -webkit-transition: all 500ms ease;
        -ms-transition: all 500ms ease;
        -o-transition: all 500ms ease;
        background-color: var(--white-color);
    }

    .sidebar .search-box .form-group input::placeholder,
    .sidebar .search-box .form-group textarea::placeholder {
        color: #666666;
    }

    .sidebar .search-box .form-group button {
        position: absolute;
        right: 0px;
        top: 0px;
        bottom: 0px;
        width: 64px;
        width: 64px;
        display: block;
        cursor: pointer;
        line-height: 50px;
        font-weight: normal;
        border-radius: 50px;
        font-size: 16px;
        color: var(--white-color);
        transition: all 500ms ease;
        -moz-transition: all 500ms ease;
        -webkit-transition: all 500ms ease;
        -ms-transition: all 500ms ease;
        -o-transition: all 500ms ease;
        background-color: var(--main-color);
    }

        .sidebar .search-box .form-group button:hover {
            background-color: var(--main-color);
            color: var(--white-color);
        }

.page-top_pattern {
    position: absolute;
    left: 0px;
    top: 0px;
    right: 0px;
    height: 100%;
    background-position: left top;
    background-repeat: no-repeat;
}

    .page-top_pattern:before {
        position: absolute;
        content: '';
        left: 0px;
        top: 0px;
        right: 0px;
        height: 50%;
        z-index: -1;
        background-image: linear-gradient(to bottom, #f5f5f5, #f7f7f7, #fafafa, #fcfcfc, #ffffff);
    }

/* Post Widget */

.post-widget .widget-content {
    position: relative;
}

.post-widget .post {
    position: relative;
    min-height: 160px;
    padding-left: 160px;
    margin-bottom: 32px;
    border-bottom: 1px solid rgba(0,0,0,0.10);
}

    .post-widget .post:last-child {
        margin-bottom: 0px;
        padding-bottom: 0px;
    }

    .post-widget .post .thumb {
        position: absolute;
        left: 0;
        top: 0;
        height: 120px;
        width: 141px;
        overflow: hidden;
        border-radius: 6px;
    }

        .post-widget .post .thumb a {
            display: block;
        }

        .post-widget .post .thumb img {
            display: block;
            width: 100%;
            height: auto;
        }

    .post-widget .post h4 {
        text-transform: capitalize;
    }

        .post-widget .post h4 a {
            color: var(--black-color);
            -webkit-transition: all 300ms ease;
            -moz-transition: all 300ms ease;
            -ms-transition: all 300ms ease;
            -o-transition: all 300ms ease;
            transition: all 300ms ease;
        }

            .post-widget .post h4 a:hover {
                color: var(--main-color);
            }

    .post-widget .post .post-date {
        position: relative;
        display: block;
        font-weight: 400;
        font-size: 14px;
        color: #666666;
        margin-bottom: 5px;
        display: inline-block;
        text-transform: capitalize;
    }

/* Category List */

.category-list_two {
    position: relative;
    z-index: 1;
}

    .category-list_two li {
        position: relative;
        z-index: 1;
        margin-bottom: 10px;
    }

        .category-list_two li a {
            position: relative;
            display: block;
            font-size: 18px;
            z-index: 1;
            font-weight: 700;
            border-radius: 50px;
            color: var(--black-color);
            padding: 24px 25px 24px 40px;
            text-transform: capitalize;
            background-color: #F5F5F5;
            -webkit-transition: all 300ms ease;
            -moz-transition: all 300ms ease;
            -ms-transition: all 300ms ease;
            -o-transition: all 300ms ease;
            transition: all 300ms ease;
            font-family: "Lexend Deca", sans-serif;
        }

            .category-list_two li a:hover::before {
                color: var(--white-color);
            }

            .category-list_two li a:before {
                position: absolute;
                content: '\f105';
                right: 35px;
                top: 22px;
                z-index: 98;
                color: var(--black-color);
                font-family: 'Font Awesome 6 Free';
            }

            .category-list_two li a:hover {
                background-color: var(--main-color);
                color: var(--white-color);
            }

        .category-list_two li:last-child {
            margin-bottom: 0px;
        }

/* Tags */

.popular-tags a {
    position: relative;
    padding: 10px 25px;
    font-size: 14px;
    font-weight: 400;
    border-radius: 50px;
    margin-right: 5px;
    margin-bottom: 10px;
    display: inline-block;
    color: var(--black-color);
    text-transform: capitalize;
    border: 1px solid rgba(var(--black-color-rgb), 0.50);
}

    .popular-tags a:hover {
        color: var(--white-color);
        border-color: var(--main-color);
        background-color: var(--main-color);
    }



.blog-detail {
    position: relative;
}

.blog-detail_inner {
    position: relative;
}

.blog-detail_image-outer {
    position: relative;
}

.news-detail_image {
    position: relative;
    overflow: hidden;
    border-radius: 30px;
}

    .news-detail_image:before {
        position: absolute;
        content: '';
        right: 0px;
        bottom: 0px;
        width: 174px;
        height: 66px;
        z-index: 9;
        background: url(../images/icons/shape-3.png);
        background-repeat: no-repeat;
    }

    .news-detail_image img:first-child {
        position: absolute;
        left: 0px;
        top: 0px;
        right: 0px;
        bottom: 0px;
        z-index: 1;
        -webkit-transform: translatex(50%) scalex(2);
        transform: translatex(50%) scalex(2);
        opacity: 0;
        -webkit-filter: blur(10px);
        filter: blur(10px);
    }

.blog-detail_inner:hover .news-detail_image img:first-child {
    -webkit-transform: translatex(0) scalex(1);
    transform: translatex(0) scalex(1);
    opacity: 1;
    -webkit-filter: blur(0);
    filter: blur(0);
}

.blog-detail_inner:hover .news-detail_image img:nth-child(2) {
    -webkit-transform: translatex(-50%) scalex(2);
    transform: translatex(-50%) scalex(2);
    opacity: 0;
    -webkit-filter: blur(10px);
    filter: blur(10px);
}

.news-detail_image img {
    position: relative;
    width: 100%;
    display: block;
    -webkit-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease;
}

.blog-detail_content {
    position: relative;
    padding-top: 30px;
}

.blog-detail_date {
    position: absolute;
    right: 10px;
    bottom: 0px;
    z-index: 10;
    font-size: 16px;
    font-weight: 600;
    padding: 9px 35px;
    border-radius: 50px;
    letter-spacing: 1px;
    color: var(--white-color);
    text-transform: uppercase;
    font-family: "Lexend Deca", sans-serif;
    background-color: var(--black-color);
}

.blog-detail_meta {
    position: relative;
}

    .blog-detail_meta li {
        position: relative;
        font-size: 16px;
        padding-left: 30px;
        margin-right: 15px;
        display: inline-block;
        color: var(--black-color);
    }

        .blog-detail_meta li .icon {
            position: absolute;
            left: 0px;
            top: 2px;
            line-height: 1em;
            color: var(--main-color);
        }

        .blog-detail_meta li:last-child {
            margin-right: 0px;
            padding-right: 0px;
        }

.blog-detail_title {
    position: relative;
    margin-top: 15px;
    color: var(--black-color);
    text-transform: capitalize;
}

.blog-detail p {
    position: relative;
    color: #666666;
    font-size: 16px;
    line-height: 28px;
    margin-top: 15px;
}

.blog-detail_list {
    position: relative;
    margin-left: 15px;
}

    .blog-detail_list li {
        position: relative;
        color: #666666;
        font-size: 16px;
        margin-bottom: 15px;
        padding-left: 15px;
    }

        .blog-detail_list li:before {
            position: absolute;
            content: '';
            left: 0px;
            top: 8px;
            width: 6px;
            height: 6px;
            border-radius: 50px;
            background-color: #000000;
        }

.blog-detail blockquote {
    position: relative;
    padding: 34px 30px;
    border-radius: 20px;
    margin-top: 30px;
    margin-bottom: 30px;
    background-color: #f5f5f5;
}

    .blog-detail blockquote .blockquote-inner {
        position: relative;
        padding-left: 95px;
        font-size: 18px;
        line-height: 30px;
        padding-top: 5px;
        font-weight: 500;
        color: var(--black-color);
        font-family: "Lexend Deca", sans-serif;
    }

    .blog-detail blockquote:before {
        position: absolute;
        content: '';
        left: -6px;
        top: -6px;
        bottom: 40px;
        width: 60%;
        z-index: -1;
        border-radius: 20px;
        background-color: var(--black-color);
    }

    .blog-detail blockquote .quote {
        position: absolute;
        left: 0px;
        top: 0px;
        width: 68px;
        height: 68px;
        line-height: 68px;
        border-radius: 10px;
        text-align: center;
        display: inline-block;
        background-color: var(--main-color);
    }

    .blog-detail blockquote i {
        position: relative;
        display: block;
        text-align: right;
        font-size: 16px;
        font-weight: 700;
        color: var(--main-color);
        font-family: "Lexend Deca", sans-serif;
    }

.news-detail_image-two {
    position: relative;
    margin-top: 30px;
    overflow: hidden;
    margin-bottom: 25px;
}

    .news-detail_image-two img {
        position: relative;
        border-radius: 25px;
    }

.post-share-options {
    position: relative;
    padding-top: 20px;
    margin-top: 30px;
    margin-bottom: 50px;
    border-top: 1px solid rgba(0,0,0,0.20);
}

    .post-share-options .post-tags {
        position: relative;
        display: flex;
        gap: 20px;
        flex-wrap: wrap;
        align-items: center;
    }

        .post-share-options .post-tags strong {
            position: relative;
            font-weight: 700;
            font-size: 24px;
            color: var(--black-color);
            font-family: "Lexend Deca", sans-serif;
        }

        .post-share-options .post-tags a {
            position: relative;
            font-size: 16px;
            padding: 12px 22px;
            border-radius: 50px;
            display: inline-block;
            color: var(--black-color);
            border: 1px solid rgba(0,0,0,0.20);
        }

            .post-share-options .post-tags a:hover {
                color: var(--white-color);
                border-color: var(--main-color);
                background-color: var(--main-color);
            }

    .post-share-options .social-links {
        position: relative;
    }

        .post-share-options .social-links span {
            position: relative;
            font-weight: 700;
            font-size: 20px;
            color: var(--black-color);
            font-family: "Lexend Deca", sans-serif;
        }

        .post-share-options .social-links a {
            position: relative;
            font-size: 18px;
            margin-left: 10px;
            color: var(--black-color);
        }

            .post-share-options .social-links a:hover {
                color: var(--black-color);
            }

/* Blog Author Post */

.blog-author-post {
    position: relative;
    margin-top: 30px;
    padding-bottom: 60px;
    border-bottom: 1px solid rgba(0,0,0,0.10);
}

.blog-author-post_inner {
    position: relative;
    padding-left: 300px;
}

.blog-detail_author-image {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 266px;
    overflow: hidden;
    border-radius: 15px;
}

.blog-author-post h5 {
    font-weight: 700;
    color: var(--black-color);
}

.blog-author-post .text {
    position: relative;
    line-height: 30px;
    font-size: 16px;
    margin-top: 10px;
    color: #666666;
}

.blog-author-post_socials {
    position: relative;
    margin-top: 15px;
}

    .blog-author-post_socials li {
        position: relative;
        margin-right: 5px;
        display: inline-block;
    }

        .blog-author-post_socials li a {
            position: relative;
            font-size: 16px;
            font-weight: 600;
            color: var(--main-color);
        }

            .blog-author-post_socials li a:hover {
                color: var(--main-color);
            }

/*** 

====================================================================
	Comments Area
====================================================================

 ***/

.sidebar-page-container .comments-area {
    position: relative;
    margin-top: 50px;
    margin-bottom: 50px;
    border-radius: 20px;
}

.sidebar-page-container .group-title {
    position: relative;
    margin-bottom: 30px;
}

    .sidebar-page-container .group-title h4 {
        font-weight: 700;
        color: var(--black-color);
    }

    .sidebar-page-container .group-title .text {
        position: relative;
        font-size: 16px;
        color: var(--color-five);
        margin-top: 5px;
    }

.sidebar-page-container .comments-area .comment-box {
    position: relative;
    margin-bottom: 40px;
    border-radius: 20px;
    -webkit-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    transition: all 300ms ease;
}

    .sidebar-page-container .comments-area .comment-box:last-child {
        margin-bottom: 20px;
    }

.sidebar-page-container .comments-area .comment {
    position: relative;
    font-size: 14px;
    padding: 0px 0px 0px 120px;
}

.sidebar-page-container .comments-area .reply-comment {
    margin-left: 120px;
}

.sidebar-page-container .comments-area .comment-box .author-thumb {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 90px;
    height: 90px;
    overflow: hidden;
    border-radius: 50%;
    margin-bottom: 20px;
}

    .sidebar-page-container .comments-area .comment-box .author-thumb img {
        width: 100%;
        display: block;
    }

.sidebar-page-container .comments-area .comment-info {
    gap: 15px;
    margin-bottom: 15px;
}

.sidebar-page-container .comments-area .comment-box strong {
    position: relative;
    font-weight: 700;
    display: block;
    font-size: 18px;
    color: var(--black-color);
    text-transform: capitalize;
    font-family: "Lexend Deca", sans-serif;
}

.sidebar-page-container .comments-area .comment-box .text {
    line-height: 28px;
    font-size: 16px;
    color: #666666;
    margin-bottom: 15px;
}

.sidebar-page-container .comments-area .comment-info .comment-time {
    position: relative;
    font-weight: 500;
    display: block;
    font-size: 14px;
    color: var(--main-color);
    text-transform: capitalize;
}

.sidebar-page-container .comments-area .comment-box .reply-btn {
    position: absolute;
    right: 0px;
    top: -20px;
    padding: 7px 20px;
    font-weight: 500;
    font-size: 14px;
    border-radius: 50px;
    text-transform: uppercase;
    color: var(--white-color);
    background-color: var(--main-color);
}

    .sidebar-page-container .comments-area .comment-box .reply-btn:hover {
        color: var(--white-color);
        background-color: var(--black-color);
    }

/*** 

====================================================================
	Comment Form
====================================================================

***/

.comment-form-outer {
    position: relative;
}

    .comment-form-outer .rating {
        position: relative;
    }

        .comment-form-outer .rating strong {
            position: relative;
            font-weight: 600;
            font-size: 18px;
            margin-left: 25px;
            color: var(--black-color);
            font-family: "Lexend Deca", sans-serif;
        }

        .comment-form-outer .rating span {
            position: relative;
            color: #FECE50;
        }

.comment-form .form-group {
    margin-bottom: 25px;
}

    .comment-form .form-group:last-child {
        margin-bottom: 0px;
    }

    .comment-form .form-group input[type="text"],
    .comment-form .form-group input[type="password"],
    .comment-form .form-group input[type="tel"],
    .comment-form .form-group input[type="email"],
    .comment-form .form-group select {
        position: relative;
        display: block;
        width: 100%;
        line-height: 28px;
        padding: 10px 25px;
        height: 54px;
        border-radius: 50px;
        font-size: 16px;
        color: #666666;
        -webkit-transition: all 300ms ease;
        -ms-transition: all 300ms ease;
        -o-transition: all 300ms ease;
        -moz-transition: all 300ms ease;
        transition: all 300ms ease;
        background-color: var(--white-color);
        border: 1px solid rgba(var(--black-color-rgb), 0.10);
    }

    .comment-form .form-group textarea::-webkit-input-placeholder,
    .comment-form .form-group input::-webkit-input-placeholder {
        color: var(--color-five);
    }

    .comment-form .form-group input[type="text"]:focus,
    .comment-form .form-group input[type="password"]:focus,
    .comment-form .form-group input[type="tel"]:focus,
    .comment-form .form-group input[type="email"]:focus,
    .comment-form .form-group select:focus,
    .comment-form .form-group textarea:focus {
        border-color: var(--main-color);
    }

    .comment-form .form-group textarea {
        position: relative;
        display: block;
        width: 100%;
        line-height: 24px;
        padding: 15px 25px 25px;
        font-size: 16px;
        color: #666666;
        height: 120px;
        resize: none;
        border-radius: 25px;
        -webkit-transition: all 300ms ease;
        -ms-transition: all 300ms ease;
        -o-transition: all 300ms ease;
        -moz-transition: all 300ms ease;
        transition: all 300ms ease;
        background-color: var(--white-color);
        border: 1px solid rgba(var(--black-color-rgb), 0.10);
    }

.comment-form .theme-btn {
    padding: 17px 40px;
}

/*** 

====================================================================
	Contact Three
====================================================================

***/

.contact-three {
    position: relative;
    padding: 80px 0px 80px;
}

.contact-three_form-column {
    position: relative;
    margin-bottom: 0px;
}

.contact-three_form-outer {
    position: relative;
}

.contact-three_info-column {
    position: relative;
    margin-bottom: 30px;
}

.contact-three_info-outer {
    position: relative;
    padding-left: 50px;
}

.contact-three.style-two .contact-three_info-outer {
    padding-left: 0px;
}

.contact-info_text {
    position: relative;
    color: #333;
    font-size: 15px;
    line-height: 24px;
    margin-top: 15px;
    margin-bottom: 30px;
}


.contact-info_block {
    position: relative;
}

.contact-info_block-inner {
    position: relative;
}

.contact-info_block-icon {
    position: relative;
    width: 45px;
    height: 45px;
    font-size: 20px;
    line-height: 52px;
    font-weight: 700;
    text-align: center;
    border-radius: 50px;
    display: inline-block;
    color: rgb(255 255 255);
    font-family: 'Font Awesome 6 Free';
    border: 1.5px solid var(--main-color);
    background-color: #ad8b3a;
}

.contact-info_block-inner h4 {
    margin: 15px 0px 10px;
    color: var(--black-color);
}

/*** 

====================================================================
	Map One
====================================================================

***/

.map-one {
    position: relative;
    padding: 0px 0px 80px;
}

    .map-one iframe {
        width: 100%;
        height: 450px;
        border-radius: 20px;
    }

/***

====================================================================
	Coming Soon
====================================================================

***/

.coming-soon {
    position: relative;
    display: block;
    text-align: center;
    padding-bottom: 100px;
}

    .coming-soon .content {
        position: relative;
    }

        .coming-soon .content .content-inner {
            position: relative;
            padding: 110px 15px 0px;
        }

            .coming-soon .content .content-inner .logo {
                position: relative;
                z-index: 1;
                margin-bottom: 60px;
            }

.time-counter {
    position: relative;
}

    .time-counter .time-countdown {
        position: relative;
        margin-bottom: 150px;
    }

        .time-counter .time-countdown .counter-column {
            position: relative;
            display: inline-block;
            width: 180px;
            height: 180px;
            line-height: 1em;
            color: var(--white-color);
            text-transform: uppercase;
            font-size: 20px;
            font-weight: 700;
            text-align: center;
            z-index: 7;
            border-radius: 20px;
            background-color: var(--main-color);
            margin: 0 15px 20px;
            font-family: "Lexend Deca", sans-serif;
        }

            .time-counter .time-countdown .counter-column:nth-child(2) {
                background-color: #f5f5f5;
                color: var(--black-color);
                border: 2px solid rgba(0,0,0,0.20);
            }

                .time-counter .time-countdown .counter-column:nth-child(2) .count {
                    color: var(--black-color);
                }

            .time-counter .time-countdown .counter-column:nth-child(3) {
                background-color: #000000;
            }

            .time-counter .time-countdown .counter-column:nth-child(4) {
                background-color: var(--main-color);
            }

            .time-counter .time-countdown .counter-column .count {
                position: relative;
                display: block;
                font-size: 70px;
                line-height: 30px;
                padding: 60px 0px 30px;
                color: var(--white-color);
                font-weight: 600;
            }

.coming-soon .emailed-form {
    position: relative;
}

    .coming-soon .emailed-form h3 {
        color: var(--black-color);
        margin-bottom: 20px;
    }

    .coming-soon .emailed-form .text {
        display: block;
        color: var(--black-color);
        font-size: 18px;
        margin-bottom: 40px;
    }

    .coming-soon .emailed-form .form-group {
        position: relative;
        display: block;
        max-width: 540px;
        width: 100%;
        margin: 0 auto;
    }

        .coming-soon .emailed-form .form-group input[type="text"],
        .coming-soon .emailed-form .form-group input[type="tel"],
        .coming-soon .emailed-form .form-group input[type="email"],
        .coming-soon .emailed-form .form-group textarea {
            position: relative;
            display: block;
            width: 100%;
            line-height: 28px;
            height: 60px;
            color: var(--black-color);
            font-size: 16px;
            overflow: hidden;
            border-radius: 50px;
            padding: 15px 50px 15px 25px;
            background: var(--white-color);
            border: 1px solid rgba(var(--black-color-rgb), 0.15);
            -webkit-transition: all 300ms ease;
            -moz-transition: all 300ms ease;
            -ms-transition: all 300ms ease;
            -o-transition: all 300ms ease;
            transition: all 300ms ease;
        }

            .coming-soon .emailed-form .form-group input:focus,
            .coming-soon .emailed-form .form-group select:focus,
            .coming-soon .emailed-form .form-group textarea:focus {
                border-color: var(--main-color);
            }

        .coming-soon .emailed-form .form-group input[type="submit"],
        .coming-soon .emailed-form button {
            position: absolute;
            right: 10px;
            top: 0px;
            width: 60px;
            height: 60px;
            line-height: 40px;
            font-size: 18px;
            color: var(--main-color);
            background-color: transparent;
            -webkit-transition: all 300ms ease;
            -moz-transition: all 300ms ease;
            -ms-transition: all 300ms ease;
            -o-transition: all 300ms ease;
            transition: all 300ms ease;
        }

            .coming-soon .emailed-form .form-group input[type="submit"]:hover,
            .coming-soon .emailed-form button:hover {
                color: var(--color-two);
            }

.coming-soon .copyright-text {
    position: relative;
    font-size: 18px;
    line-height: 26px;
    color: var(--white-color);
    font-weight: 400;
}

    .coming-soon .copyright-text a {
        color: var(--main-color);
    }

        .coming-soon .copyright-text a:hover {
            text-decoration: underline;
        }

.clock-wrapper {
    position: absolute;
    top: 50%;
    right: 0;
    left: 0;
    width: 250px;
    height: 250px;
    margin: auto;
    margin-top: -145px;
    border-radius: 50%;
    box-shadow: 0 0 20px rgba(0,0,0,0.05);
    background-color: rgba(var(--black-color-rgb), 0.20);
    transform: scale(2);
}

.clock-base {
    width: 250px;
    height: 250px;
    border-radius: 50%;
}

.click-indicator {
    position: absolute;
    z-index: 1;
    top: 10px;
    left: 10px;
    width: 230px;
    height: 230px;
}

    .click-indicator div {
        position: absolute;
        width: 2px;
        height: 4px;
        margin: 113px 114px;
    }

        .click-indicator div > span {
            height: 5px;
            width: 5px;
            background-color: #00022A;
            display: inline-block;
            border-radius: 50%;
            margin-left: -1px;
            margin-top: -1px;
        }

        .click-indicator div:nth-child(1) {
            transform: rotate(30deg) translateY(-120px);
        }

        .click-indicator div:nth-child(2) {
            transform: rotate(60deg) translateY(-120px);
        }

        .click-indicator div:nth-child(3) {
            transform: rotate(90deg) translateY(-120px);
            background-color: var(--main-color);
        }

        .click-indicator div:nth-child(4) {
            transform: rotate(120deg) translateY(-120px);
        }

        .click-indicator div:nth-child(5) {
            transform: rotate(150deg) translateY(-120px);
        }

        .click-indicator div:nth-child(6) {
            transform: rotate(180deg) translateY(-120px);
            background-color: var(--main-color);
        }

        .click-indicator div:nth-child(7) {
            transform: rotate(210deg) translateY(-120px);
        }

        .click-indicator div:nth-child(8) {
            transform: rotate(240deg) translateY(-120px);
        }

        .click-indicator div:nth-child(9) {
            transform: rotate(270deg) translateY(-120px);
            background-color: var(--main-color);
        }

        .click-indicator div:nth-child(10) {
            transform: rotate(300deg) translateY(-120px);
        }

        .click-indicator div:nth-child(11) {
            transform: rotate(330deg) translateY(-120px);
        }

        .click-indicator div:nth-child(12) {
            transform: rotate(360deg) translateY(-120px);
            background-color: var(--main-color);
        }

.clock-hour {
    position: absolute;
    z-index: 2;
    top: 75px;
    left: 123px;
    width: 4px;
    height: 65px;
    background-color: var(--main-color);
    border-radius: 2px;
    box-shadow: 0 0 2px rgba(0,0,0,.2);
    transform-origin: 2px 50px;
    transition: .5s;
    -webkit-animation: rotate-hour 43200s linear infinite;
    -moz-animation: rotate-hour 43200s linear infinite;
}

.clock-minute {
    position: absolute;
    z-index: 3;
    top: 55px;
    left: 123px;
    width: 4px;
    height: 85px;
    background-color: var(--main-color);
    border-radius: 2px;
    box-shadow: 0 0 2px rgba(0,0,0,.2);
    transform-origin: 2px 70px;
    transition: .5s;
    -webkit-animation: rotate-minute 3600s linear infinite;
    -moz-animation: rotate-minute 3600s linear infinite;
}

.clock-second {
    position: absolute;
    z-index: 4;
    top: 15px;
    left: 124px;
    width: 2px;
    height: 130px;
    background-color: var(--black-color);
    opacity: .9;
    box-shadow: 0 0 2px rgba(0,0,0,.2);
    transform-origin: 1px 110px;
    transition: .5s;
    -webkit-animation: rotate-second 60s linear infinite;
    -moz-animation: rotate-second 60s linear infinite;
}

    .clock-second:after {
        content: "";
        display: block;
        position: absolute;
        left: -3px;
        bottom: 16px;
        width: 8px;
        height: 8px;
        background-color: var(--black-color);
        border: solid 2px var(--black-color);
        border-radius: 50%;
        box-shadow: 0 0 3px rgba(0,0,0,.2);
    }

.clock-center {
    position: absolute;
    z-index: 1;
    width: 150px;
    height: 150px;
    top: 50px;
    left: 50px;
    box-shadow: 0 0 3px rgba(0,0,0,.2);
    border-radius: 50%;
}

    .clock-center:after {
        content: "";
        display: block;
        width: 20px;
        height: 20px;
        margin: 65px;
        /* background-color: var(--black-color); */
        border-radius: 50%;
    }

/***

====================================================================
	Error One
====================================================================

***/

.error-one {
    position: relative;
    overflow: hidden;
    text-align: center;
    padding: 120px 0px 80px;
}

.error-one_image {
    position: relative;
    margin-top: 0px;
}

.error-one_content {
    position: relative;
    text-align: center;
    margin-top: 30px;
}

.error-one h2 {
    line-height: 1em;
}

.error-one_text {
    position: relative;
    margin-top: 30px;
    color: #666666;
    font-size: 18px;
}

.error-one_button {
    position: relative;
    margin-top: 30px;
}


/*** 

====================================================================
	Privacy Section
====================================================================

***/

.privacy-section {
    position: relative;
    padding: 100px 0px 100px;
}

    .privacy-section .privacy-content {
        position: relative;
        padding-bottom: 15px;
        margin-bottom: 25px;
        border-bottom: 1px solid #e2e2e2;
    }

        .privacy-section .privacy-content:last-child {
            padding-bottom: 0px;
            margin-bottom: 0px;
            border: none;
        }

    .privacy-section h3 {
        color: var(--black-color);
        margin-bottom: 20px;
    }

    .privacy-section p {
        margin-bottom: 20px;
    }

    .privacy-section .date {
        position: relative;
        font-weight: 500;
        font-size: 18px;
        margin-bottom: 15px;
        color: var(--main-color);
    }

    .privacy-section h4 {
        color: var(--black-color);
        margin-bottom: 20px;
    }

    .privacy-section .privacy-list {
        position: relative;
        margin-left: 20px;
    }

        .privacy-section .privacy-list li {
            position: relative;
            font-weight: 400;
            padding-left: 26px;
            line-height: 1.7em;
            font-size: 18px;
            margin-bottom: 10px;
            color: var(--black-color);
        }

            .privacy-section .privacy-list li:before {
                position: absolute;
                content: '';
                left: 0px;
                top: 10px;
                width: 7px;
                height: 7px;
                border-radius: 50px;
                background-color: var(--main-color);
            }





/* Shop Cat */

.shop-cat {
    position: relative;
}

    .shop-cat li {
        position: relative;
        margin-bottom: 15px;
    }

        .shop-cat li a {
            position: relative;
            font-size: 17px;
            display: block;
            color: var(--black-color);
            -webkit-transition: all 300ms ease;
            -ms-transition: all 300ms ease;
            -o-transition: all 300ms ease;
            -moz-transition: all 300ms ease;
            transition: all 300ms ease;
            padding: 15px 50px 15px 20px;
            margin-bottom: 2px;
            border: 1px solid #eee;
            display: block;
            border-radius: 8px;
        }

            .shop-cat li a span {
                position: absolute;
                right: 20px;
            }

            .shop-cat li a:hover {
                color: var(--main-color);
            }

/*Sidebar Realated Posts */

.sidebar .related-posts .post {
    position: relative;
    padding-top: 40px;
    min-height: 156px;
    padding-left: 150px;
    margin-bottom: 20px;
}

    .sidebar .related-posts .post:last-child {
        margin-bottom: 0px;
        min-height: inherit;
    }

    .sidebar .related-posts .post .post-thumb {
        position: absolute;
        left: 0px;
        top: 0px;
        width: 130px;
        background-color: rgba(0,0,0,0.05);
    }

        .sidebar .related-posts .post .post-thumb img {
            display: block;
            width: 100%;
        }

    .sidebar .related-posts .post h4 {
        top: -2px;
        font-size: 22px;
        font-weight: 500;
        line-height: 1.3em;
        color: var(--black-color);
        text-transform: capitalize;
    }

        .sidebar .related-posts .post h4 a {
            color: var(--black-color);
            transition: all 300ms ease;
            -webkit-transition: all 300ms ease;
            -ms-transition: all 300ms ease;
            -o-transition: all 300ms ease;
            -moz-transition: all 300ms ease;
        }

            .sidebar .related-posts .post h4 a:hover {
                opacity: 1;
                color: var(--main-color);
                text-decoration: underline;
            }

    .sidebar .related-posts .post .price {
        font-size: 18px;
        letter-spacing: 1px;
        font-weight: 400;
        margin-top: 5px;
        color: var(--main-color);
    }

/* Shop Section */

.shop-section {
    position: relative;
}

    .shop-section .items-sorting {
        position: relative;
        margin-bottom: 30px;
    }

        .shop-section .items-sorting .total-items {
            position: relative;
            font-size: 18px;
            color: var(--black-color);
        }

            .shop-section .items-sorting .total-items span {
                color: var(--main-color);
            }

/* Shop Item */

.shop-item {
    position: relative;
    margin-bottom: 40px;
}

    .shop-item .inner-box {
        position: relative;
        transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        -webkit-transition: all 0.3s ease;
        -ms-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
    }

        .shop-item .inner-box:hover .image .overlay-box {
            opacity: 1;
        }

        .shop-item .inner-box .image {
            position: relative;
            text-align: center;
            background-color: rgba(0,0,0,0.04);
        }

            .shop-item .inner-box .image .overlay-link {
                position: absolute;
                left: 0px;
                top: 0px;
                right: 0px;
                bottom: 0px;
                display: block;
                z-index: 1;
            }

            .shop-item .inner-box .image .sale {
                position: absolute;
                right: 10px;
                top: 10px;
                z-index: 2;
                padding: 8px 20px;
                display: inline-block;
                color: var(--white-color);
                text-transform: uppercase;
                background-color: var(--black-color);
            }

            .shop-item .inner-box .image .overlay-box {
                position: absolute;
                content: '';
                left: 0px;
                top: 0px;
                width: 100%;
                height: 100%;
                opacity: 0;
                text-align: center;
                background-color: rgba(0,0,0,0.50);
                transition: all 0.3s ease;
                -moz-transition: all 0.3s ease;
                -webkit-transition: all 0.3s ease;
                -ms-transition: all 0.3s ease;
                -o-transition: all 0.3s ease;
            }

                .shop-item .inner-box .image .overlay-box .cart-option {
                    position: relative;
                    top: 50%;
                    margin-top: -25px;
                }

                    .shop-item .inner-box .image .overlay-box .cart-option li {
                        position: relative;
                        margin: 0px 3px;
                        color: var(--black-color);
                        display: inline-block;
                    }

                        .shop-item .inner-box .image .overlay-box .cart-option li a {
                            position: relative;
                            color: var(--black-color);
                            font-size: 56px;
                            font-weight: 700;
                            display: block;
                            transition: all 0.3s ease;
                            -moz-transition: all 0.3s ease;
                            -webkit-transition: all 0.3s ease;
                            -ms-transition: all 0.3s ease;
                            -o-transition: all 0.3s ease;
                        }

                            .shop-item .inner-box .image .overlay-box .cart-option li a .fa {
                                margin-bottom: 8px;
                                display: inline-block;
                            }

                            .shop-item .inner-box .image .overlay-box .cart-option li a:hover {
                                color: var(--main-color);
                            }

            .shop-item .inner-box .image img {
                width: 100%;
                display: inline-block;
            }

        .shop-item .inner-box .lower-content {
            position: relative;
            padding: 20px 0px 0px;
        }

            .shop-item .inner-box .lower-content h3 {
                position: relative;
                font-size: 22px;
                font-weight: 500;
                margin-bottom: 6px;
            }

                .shop-item .inner-box .lower-content h3 a {
                    color: var(--black-color);
                    transition: all 0.3s ease;
                    -moz-transition: all 0.3s ease;
                    -webkit-transition: all 0.3s ease;
                    -ms-transition: all 0.3s ease;
                    -o-transition: all 0.3s ease;
                }

                    .shop-item .inner-box .lower-content h3 a:hover {
                        color: var(--main-color);
                    }

            .shop-item .inner-box .lower-content .price {
                position: relative;
                font-size: 18px;
                font-weight: 300;
                opacity: 0.9;
                color: var(--black-color);
            }

            .shop-item .inner-box .lower-content .cart {
                position: relative;
                display: inline-block;
                font-size: 28px;
                width: 40px;
                color: var(--black-color);
            }

.shop-section .lower-text {
    position: relative;
    margin-top: 30px;
}

    .shop-section .lower-text .products {
        position: relative;
        color: var(--black-color);
        font-size: 16px;
        font-weight: 600;
        z-index: 1;
        padding-bottom: 4px;
        letter-spacing: 2px;
        display: inline-block;
        text-transform: uppercase;
        border-bottom: 1px solid var(--black-color);
        -webkit-transition: -webkit-transform 0.4s ease;
        transition: -webkit-transform 0.4s ease;
        transition: transform 0.4s ease;
        transition: transform 0.4s ease, -webkit-transform 0.4s ease;
    }

        .shop-section .lower-text .products:before {
            position: absolute;
            content: '';
            left: 0px;
            top: 0px;
            width: 100%;
            height: 100%;
            display: block;
            z-index: -1;
            background-color: var(--black-color);
            -webkit-transition: -webkit-transform 0.4s ease;
            transition: -webkit-transform 0.4s ease;
            transition: transform 0.4s ease;
            transition: transform 0.4s ease, -webkit-transform 0.4s ease;
            -webkit-transform: scale(0, 1);
            -ms-transform: scale(0, 1);
            transform: scale(0, 1);
            -webkit-transform-origin: right center;
            -ms-transform-origin: right center;
            transform-origin: right center;
        }

        .shop-section .lower-text .products:hover::before {
            -webkit-transform: scale(1, 1);
            -ms-transform: scale(1, 1);
            transform: scale(1, 1);
            -webkit-transform-origin: left center;
            -ms-transform-origin: left center;
            transform-origin: left center;
        }

        .shop-section .lower-text .products:hover {
            color: var(--white-color);
        }




/*** 

====================================================================
	Shop Detail
====================================================================

***/

.shop-detail {
    position: relative;
    padding: 100px 0px 70px;
}

.shop-detail_gallery-column {
    position: relative;
    margin-bottom: 30px;
}

    .shop-detail_gallery-column .image {
        position: relative;
        overflow: hidden;
        text-align: center;
        border-radius: 10px;
        margin-bottom: 30px;
        background-color: rgba(var(--color-two-rgb), 0.03);
    }

        .shop-detail_gallery-column .image img {
            position: relative;
            width: 100%;
            display: block;
        }

    .shop-detail_gallery-column .thumb {
        position: relative;
        cursor: pointer;
        transition: all 500ms ease;
        -moz-transition: all 500ms ease;
        -webkit-transition: all 500ms ease;
        -ms-transition: all 500ms ease;
        -o-transition: all 500ms ease;
        border: 2px solid rgba(var(--black-color-rgb), 0.05);
    }

        .shop-detail_gallery-column .thumb img {
            width: 100%;
            display: block;
        }

        .shop-detail_gallery-column .thumb:hover {
            border-color: rgba(var(--black-color-rgb), 0.01);
            background-color: rgba(var(--black-color-rgb), 0.05);
        }

.shop-detail_content-column {
    position: relative;
    margin-bottom: 30px;
}

    .shop-detail_content-column .inner-column {
        position: relative;
        padding-left: 20px;
    }

.shop-detail_title {
    font-weight: 700;
    line-height: 1em;
    font-size: 40px;
    color: var(--black-color);
    text-transform: uppercase;
}

.shop-detail_rating {
    position: relative;
    margin-top: 20px;
}

    .shop-detail_rating .fa-star {
        position: relative;
        font-size: 14px;
        color: var(--black-color);
    }

        .shop-detail_rating .fa-star.light {
            opacity: 0.40;
            color: var(--black-color);
        }

    .shop-detail_rating i {
        position: relative;
        font-size: 18px;
        margin-left: 10px;
        color: var(--black-color);
    }

.shop-detail_price {
    position: relative;
    font-weight: 600;
    font-size: 24px;
    margin-top: 20px;
    color: var(--black-color);
}

.shop-detail_text {
    position: relative;
    line-height: 28px;
    font-size: 16px;
    opacity: 0.80;
    margin-top: 20px;
    margin-bottom: 30px;
    color: var(--black-color);
}

/* Item Quantity */

.item-quantity {
    position: relative;
    width: 100%;
    max-width: 115px;
    padding: 0px 45px;
    border-radius: 5px;
    display: inline-block;
    margin-right: 30px;
    border: 1px solid rgba(var(--black-color-rgb), 0.05);
}

.quantity-box .item-quantity .input-group {
    position: relative;
    display: table;
    border-collapse: separate;
    max-width: 144px;
    width: 100%;
    height: 42px;
}

.quantity-box .item-quantity input.qty-spinner {
    line-height: 40px;
    height: 40px;
    width: 20px !important;
    padding: 0px !important;
    box-shadow: none !important;
    border: none;
    text-align: center;
    font-size: 16px;
    font-weight: 500;
    color: var(--black-color);
    border: none;
    border-radius: 0;
    background: none;
    margin-right: 0px;
}

    .quantity-box .item-quantity input.qty-spinner:focus {
        background: none;
    }

.quantity-box .bootstrap-touchspin .input-group-btn-vertical > .btn.bootstrap-touchspin-down {
    position: absolute;
    height: 44px;
    width: 44px;
    background: none;
    padding: 6px 0px !important;
    line-height: 30px;
    left: -40px;
    top: -40px;
    border: none !important;
    border-radius: 0px;
}

.quantity-box .bootstrap-touchspin .input-group-btn-vertical > .btn.bootstrap-touchspin-up {
    position: absolute;
    height: 44px;
    width: 44px;
    background: none;
    padding: 6px 0px !important;
    line-height: 30px;
    right: -25px;
    top: -40px;
    border: none !important;
    border-radius: 0px;
    margin-top: 0px;
}

    .quantity-box .bootstrap-touchspin .input-group-btn-vertical > .btn.bootstrap-touchspin-down:hover,
    .quantity-box .bootstrap-touchspin .input-group-btn-vertical > .btn.bootstrap-touchspin-up:hover {
    }

.quantity-box .bootstrap-touchspin .glyphicon-chevron-up:before {
    content: "\2b";
    color: var(--black-color);
    font-weight: 700;
    font-style: normal;
    font-size: 12px;
    font-family: 'Font Awesome 6 Free';
}

.quantity-box .bootstrap-touchspin .glyphicon-chevron-down:before {
    content: "\f068";
    color: var(--black-color);
    font-weight: 700;
    font-style: normal;
    font-size: 12px;
    font-family: 'Font Awesome 6 Free';
}

.quantity-box .bootstrap-touchspin .input-group-btn-vertical {
    position: absolute;
    width: 100%;
}

    .quantity-box .bootstrap-touchspin .input-group-btn-vertical i {
        top: 6px;
        left: 14px;
        font-size: inherit !important;
    }

    .quantity-box .bootstrap-touchspin .input-group-btn-vertical .bootstrap-touchspin-down {
        margin-top: 0px;
    }

.shop-detail_list {
    position: relative;
    margin-top: 25px;
}

    .shop-detail_list li {
        position: relative;
        font-weight: 500;
        font-size: 16px;
        margin-bottom: 15px;
        color: var(--black-color);
    }

        .shop-detail_list li span {
            position: relative;
            font-weight: 500;
            color: var(--black-color);
            text-transform: uppercase;
            margin-right: 10px;
        }

.shop-detail_socials {
    position: relative;
}

    .shop-detail_socials .share {
        position: relative;
        font-weight: 600;
        display: inline-block;
        color: var(--black-color);
        font-size: 16px;
    }

.shop-detail_socials {
    position: relative;
    margin-top: 30px;
}

    .shop-detail_socials li {
        position: relative;
        display: inline-block;
        margin-right: 5px;
    }

        .shop-detail_socials li a {
            position: relative;
            width: 40px;
            height: 40px;
            line-height: 38px;
            text-align: center;
            border-radius: 5px;
            display: inline-block;
            color: var(--black-color);
            font-size: 16px;
            font-family: 'Font Awesome 5 Brands';
            border: 1px solid rgba(var(--black-color-rgb), 0.05);
        }

            .shop-detail_socials li a:hover {
                color: var(--white-color);
                border-color: var(--main-color);
                background-color: var(--main-color);
            }

/*** 

====================================================================
	Product Tabs Style
====================================================================

***/

.shop-detail .prod-tabs {
    position: relative;
    margin-top: 30px;
}

    .shop-detail .prod-tabs .tab-btns {
        position: relative;
    }

        .shop-detail .prod-tabs .tab-btns::before {
            position: absolute;
            content: '';
            left: 0px;
            top: 30px;
            right: 0px;
            border-bottom: 1px solid rgba(var(--black-color-rgb), 0.10);
        }

        .shop-detail .prod-tabs .tab-btns .tab-btn {
            position: relative;
            display: inline-block;
            color: var(--black-color);
            line-height: 24px;
            cursor: pointer;
            font-weight: 500;
            padding: 16px 30px;
            font-size: 20px;
            margin-right: 20px;
            transition: all 500ms ease;
            text-transform: capitalize;
            background: var(--white-color);
            border: 1px solid rgba(var(--black-color-rgb), 0.10);
        }

            .shop-detail .prod-tabs .tab-btns .tab-btn:last-child {
                margin-right: 0px;
            }

            .shop-detail .prod-tabs .tab-btns .tab-btn:hover,
            .shop-detail .prod-tabs .tab-btns .tab-btn.active-btn {
                color: var(--white-color);
                background-color: var(--main-color);
            }

    .shop-detail .prod-tabs .tabs-content {
        position: relative;
        padding: 40px 0px 0px;
    }

        .shop-detail .prod-tabs .tabs-content .tab {
            position: relative;
            display: none;
            border-top: 0px;
        }

            .shop-detail .prod-tabs .tabs-content .tab.active-tab {
                display: block;
            }

.prod-tabs .tabs-content p {
    line-height: 28px;
    font-size: 16px;
    color: var(--black-color);
    margin-bottom: 20px;
}

.prod-tabs .tabs-content .tab .title {
    position: relative;
    font-weight: 400;
    margin-bottom: 25px;
    color: var(--black-color);
}

/* Comments Area */

.comments-area {
    position: relative;
    padding: 40px 40px;
    background-color: rgba(var(--black-color-rgb), 0.03);
}

    .comments-area .group-title {
        position: relative;
        margin-bottom: 25px;
    }

        .comments-area .group-title h4 {
            position: relative;
            font-weight: 700;
            color: var(--black-color);
        }

.comments-content {
    position: relative;
    padding: 45px 40px;
    margin-bottom: 30px;
    background-color: var(--black-color);
}

.comment-box {
    position: relative;
    margin-bottom: 25px;
}

    .comment-box:last-child {
        margin-bottom: 0px;
    }

    .comment-box .comment {
        position: relative;
        padding-left: 80px;
    }

    .comment-box .author-thumb {
        position: absolute;
        left: 0px;
        top: 0px;
        width: 60px;
        height: 60px;
        overflow: hidden;
    }

.comment-options {
    position: absolute;
    right: 0px;
    top: 0px;
    z-index: 1;
}

    .comment-options li {
        position: relative;
        display: inline-block;
        margin-left: 15px;
    }

        .comment-options li a {
            position: relative;
            font-size: 14px;
            color: var(--color-two);
        }

            .comment-options li a:hover {
                color: var(--black-color);
            }

.comment-box .comment-info {
    position: relative;
    font-size: 18px;
    padding-bottom: 5px;
    color: var(--black-color);
    font-family: "Lexend Deca", sans-serif;
}

.comment-box .comment-time {
    position: relative;
    font-size: 14px;
    margin-top: 5px;
    color: var(--black-color);
}

.comment-box .text {
    position: relative;
    line-height: 28px;
    font-size: 16px;
    opacity: 0.70;
    color: var(--black-color);
    margin-top: 15px;
    margin-bottom: 15px;
}

.likes-option {
    position: absolute;
    right: 0px;
    bottom: 0px;
}

    .likes-option li {
        position: relative;
        display: inline-block;
        color: var(--black-color);
        margin-left: 15px;
        padding-left: 25px;
    }

        .likes-option li span {
            position: absolute;
            left: 0px;
            font-family: 'Font Awesome 5 Pro';
        }

.comment-reply {
    position: relative;
    font-size: 14px;
    color: var(--black-color);
}

    .comment-reply span {
        position: relative;
        font-family: 'Font Awesome 5 Pro';
        margin-right: 10px;
    }

.reply-comment {
    position: relative;
    margin-left: 40px;
    padding: 30px 30px;
    background-color: var(--white-color);
}

.related-products {
    position: relative;
    margin-top: 70px;
}

    .related-products h3 {
        position: relative;
        margin-bottom: 25px;
        color: var(--black-color);
        text-transform: uppercase;
    }



/*** 

====================================================================
	Cart Section
====================================================================

***/

.shoping-cart-section {
    position: relative;
    padding: 110px 0px 50px;
}

    .shoping-cart-section .cart-column {
        position: relative;
        margin-bottom: 30px;
    }

        .shoping-cart-section .cart-column .inner-column {
            position: relative;
        }

    .shoping-cart-section .cart-table {
        width: 100%;
        min-width: 740px;
    }

.cart-total-outer {
    position: relative;
}

.cart-section .cart-table {
    width: 100%;
    min-width: 900px;
}

.cart-table .cart-header {
    position: relative;
    width: 100%;
    border-radius: 0px;
    font-size: 16px;
    text-transform: capitalize;
    color: var(--color-two);
}

.cart-table thead tr th {
    line-height: 24px;
    padding: 0px 15px 20px;
    min-width: 120px;
    font-weight: 500;
    font-size: 18px;
    color: var(--black-color);
}

    .cart-table thead tr th.prod-column {
        text-align: left;
        padding-left: 40px;
    }

.cart-table tbody tr td {
    line-height: 24px;
    min-width: 100px;
    vertical-align: middle;
    padding: 20px 10px 5px;
}

.cart-table .prod-title {
    font-weight: 500;
    font-size: 16px;
    color: var(--black-color);
}

.cart-table .prod-text {
    font-weight: 400;
    font-size: 16px;
    color: rgba(var(--black-color-rgb), 0.80);
}

.cart-table tbody tr .prod-column .column-box {
    position: relative;
    min-height: 90px;
    padding-left: 90px;
    text-align: left;
}

    .cart-table tbody tr .prod-column .column-box .prod-thumb {
        position: absolute;
        width: 70px;
        left: 0px;
        top: 0px;
        padding: 10px 10px;
        border: 1px solid #f0f0f0;
    }

.cart-table .cross-icon {
    position: absolute;
    right: -8px;
    top: -8px;
    width: 16px;
    height: 16px;
    font-size: 6px;
    font-weight: 700;
    cursor: pointer;
    line-height: 16px;
    text-align: center;
    border-radius: 50px;
    color: var(--white-color);
    font-family: 'Font Awesome 6 Free';
    background-color: var(--main-color);
}

.cart-table tbody tr .prod-column .column-box .prod-thumb img {
    display: block;
    max-width: 100%;
}

.cart-table tbody tr .prod-column .column-box h3 {
    margin-bottom: 10px;
}

.cart-table tbody tr .remove-btn {
    position: relative;
    font-size: 18px;
    color: var(--color-two);
    width: 34px;
    height: 34px;
    text-align: center;
    line-height: 30px;
    display: inline-block;
    border: 2px solid #ececec;
    -webkit-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    transition: all 500ms ease;
}

    .cart-table tbody tr .remove-btn .fa {
        position: relative;
        top: 2px;
        font-size: 14px;
        line-height: 14px;
        width: 14px;
        height: 14px;
        margin-right: 5px;
        background: #f0f0f0;
        color: var(--white-color);
        text-align: center;
        overflow: hidden;
        text-indent: 100px;
    }

.cart-table tbody tr .remove {
    text-align: center;
}

.cart-table tbody tr .remove-btn:hover {
    color: var(--main-color);
    border-color: var(--main-color);
}

    .cart-table tbody tr .remove-btn:hover .fa {
        text-indent: 0px;
        background: var(--main-color);
    }

.cart-table tbody tr {
    border-bottom: 1px solid #f0f0f0;
}

    .cart-table tbody tr td.price {
        font-weight: 500;
        font-size: 15px;
        color: var(--black-color);
    }

    .cart-table tbody tr td.sub-total {
        font-weight: 500;
        font-size: 15px;
        color: var(--black-color);
    }

.shoping-cart-section .total-column {
    position: relative;
    margin-bottom: 25px;
}

    .shoping-cart-section .total-column .inner-column {
        position: relative;
    }

    .shoping-cart-section .total-column .title-box {
        position: relative;
        text-align: center;
        margin-bottom: 20px;
        color: var(--black-color);
    }

        .shoping-cart-section .total-column .title-box h6 {
            color: var(--black-color);
        }

.cart-total-box {
    position: relative;
    padding: 30px 30px;
    margin-bottom: 30px;
    border: 1px solid rgba(var(--black-color-rgb), 0.06);
}

/* Cart Totals */

.cart-totals {
    position: relative;
}

    .cart-totals li {
        position: relative;
        padding: 15px 0px;
        font-size: 18px;
        color: var(--black-color);
        margin-bottom: 5px;
        border-bottom: 1px solid rgba(var(--black-color-rgb), 0.06);
    }

        .cart-totals li span {
            position: absolute;
            right: 0px;
        }

.shoping-cart-section .check-box {
    position: relative;
    margin-bottom: 25px;
    margin-top: 20px;
}

    .shoping-cart-section .check-box label {
        color: #2b2b2b;
    }

    .shoping-cart-section .check-box label {
        position: relative;
        display: block;
        width: 100%;
        cursor: pointer;
        margin-bottom: 0;
        font-weight: 400;
        line-height: 22px;
        padding: 4px 10px 0px;
        padding-left: 30px;
        font-size: 16px;
        color: var(--black-color);
        -webkit-transition: all 300ms ease;
        -moz-transition: all 300ms ease;
        -ms-transition: all 300ms ease;
        -o-transition: all 300ms ease;
        transition: all 300ms ease;
    }

    .shoping-cart-section .check-box input[type="checkbox"]:checked + label {
        border-color: 0px;
    }

.shoping-cart-section .form-group .check-box label {
    padding-left: 30px;
    padding-top: 1px;
    cursor: pointer;
}

.shoping-cart-section .check-box label:before {
    position: absolute;
    left: 0;
    top: 6px;
    height: 20px;
    width: 20px;
    background: #ffffff;
    content: "";
    border-radius: 0px;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
    border: 1px solid rgba(var(--black-color-rgb), 0.10);
}

.shoping-cart-section .check-box label:after {
    position: absolute;
    left: 0px;
    top: 0;
    height: 15px;
    line-height: 15px;
    max-width: 0;
    font-size: 14px;
    color: #ffffff;
    font-weight: 800;
    overflow: hidden;
    background: transparent;
    text-align: center;
    font-family: 'FontAwesome';
    -webkit-transition: max-width 500ms ease;
    -moz-transition: max-width 500ms ease;
    -ms-transition: max-width 500ms ease;
    -o-transition: max-width 500ms ease;
    transition: max-width 500ms ease;
}

.shoping-cart-section .check-box input[type="checkbox"] {
    display: none;
}

    .shoping-cart-section .check-box input[type="checkbox"]:checked + label:before {
        border: 8px solid var(--main-color);
        background-color: var(--white-color);
    }

    .shoping-cart-section .check-box input[type="checkbox"]:checked + label:after {
        max-width: 20px;
        opacity: 1;
    }

/* Shipping Outer */

.shipping-outer {
    position: relative;
}

    .shipping-outer .cart-shipping-box {
        position: relative;
        padding: 20px 30px 20px;
        margin-bottom: 30px;
        border: 1px solid rgba(var(--black-color-rgb), 0.06);
    }

/* Cart Totals */

.shipping-list {
    position: relative;
}

    .shipping-list li {
        position: relative;
        padding: 15px 0px;
        font-size: 16px;
        margin-bottom: 5px;
        color: var(--black-color);
        border-bottom: 1px solid rgba(var(--black-color-rgb), 0.06);
    }

.shipping-outer .buttons-box {
    position: relative;
    margin-top: 25px;
}

/* Checkout Section */

.checkout-section {
    position: relative;
    padding: 100px 0px 80px;
}

    .checkout-section h4 {
        margin-bottom: 25px;
        color: var(--black-color);
    }

    .checkout-section .form-column {
        position: relative;
        margin-bottom: 30px;
    }

        .checkout-section .form-column .inner-column {
            position: relative;
        }

    .checkout-section .order-column {
        position: relative;
        margin-bottom: 30px;
    }

        .checkout-section .order-column .inner-column {
            position: relative;
        }


/*** 

====================================================================
	Shipping Form
====================================================================

***/

.shipping-form .form-group {
    margin-bottom: 30px;
}

    .shipping-form .form-group:last-child {
        margin-bottom: 0px;
    }

    .shipping-form .form-group input[type="text"],
    .shipping-form .form-group input[type="password"],
    .shipping-form .form-group input[type="tel"],
    .shipping-form .form-group input[type="email"],
    .shipping-form .form-group select,
    .shipping-form .form-group .ui-selectmenu-button.ui-button {
        position: relative;
        display: block;
        width: 100%;
        line-height: 45px;
        padding: 10px 25px;
        height: 70px;
        border-radius: 0px;
        font-size: 16px;
        color: var(--black-color);
        background: var(--white-color);
        -webkit-transition: all 300ms ease;
        -ms-transition: all 300ms ease;
        -o-transition: all 300ms ease;
        -moz-transition: all 300ms ease;
        transition: all 300ms ease;
        border: 1px solid rgba(var(--black-color-rgb), 0.06);
    }

    .shipping-form .form-group .ui-button .ui-icon {
        top: 11px;
    }

    .shipping-form .form-group textarea::-webkit-input-placeholder,
    .shipping-form .form-group input::-webkit-input-placeholder {
        color: var(--black-color);
    }

    .shipping-form .form-group input[type="text"]:focus,
    .shipping-form .form-group input[type="password"]:focus,
    .shipping-form .form-group input[type="tel"]:focus,
    .shipping-form .form-group input[type="email"]:focus,
    .shipping-form .form-group select:focus,
    .shipping-form .form-group textarea:focus {
        border-color: var(--main-color);
    }

    .shipping-form .form-group textarea {
        position: relative;
        display: block;
        width: 100%;
        line-height: 24px;
        font-size: 16px;
        height: 200px;
        resize: none;
        font-size: 16px;
        border-radius: 0px;
        padding: 20px 25px 25px;
        color: var(--black-color);
        background: var(--white-color);
        -webkit-transition: all 300ms ease;
        -ms-transition: all 300ms ease;
        -o-transition: all 300ms ease;
        -moz-transition: all 300ms ease;
        transition: all 300ms ease;
        border: 1px solid rgba(var(--black-color-rgb), 0.06);
    }

.shipping-form .check-box {
    position: relative;
}

    .shipping-form .check-box label {
        color: var(--black-color);
    }

    .shipping-form .check-box label {
        position: relative;
        display: block;
        width: 100%;
        cursor: pointer;
        margin-bottom: 0;
        font-weight: 400;
        line-height: 22px;
        padding: 4px 10px 0px;
        padding-left: 30px;
        font-size: 18px;
        display: inline;
        color: var(--black-color);
        -webkit-transition: all 300ms ease;
        -moz-transition: all 300ms ease;
        -ms-transition: all 300ms ease;
        -o-transition: all 300ms ease;
        transition: all 300ms ease;
    }

    .shipping-form .check-box input[type="checkbox"]:checked + label {
        border-color: var(--main-color);
    }

    .shipping-form .check-box label {
        padding-left: 30px;
        padding-top: 1px;
        cursor: pointer;
    }

        .shipping-form .check-box label:before {
            position: absolute;
            left: 0;
            top: 2px;
            height: 20px;
            width: 20px;
            background: #ffffff;
            content: "";
            border-radius: 0px;
            -webkit-transition: all 300ms ease;
            -moz-transition: all 300ms ease;
            -ms-transition: all 300ms ease;
            -o-transition: all 300ms ease;
            transition: all 300ms ease;
            border: 1px solid rgba(var(--black-color-rgb), 0.10);
        }

        .shipping-form .check-box label:after {
            position: absolute;
            left: 0px;
            top: 0;
            height: 15px;
            line-height: 15px;
            max-width: 0;
            font-size: 14px;
            color: #ffffff;
            font-weight: 800;
            overflow: hidden;
            background: transparent;
            text-align: center;
            font-family: 'FontAwesome';
            -webkit-transition: max-width 500ms ease;
            -moz-transition: max-width 500ms ease;
            -ms-transition: max-width 500ms ease;
            -o-transition: max-width 500ms ease;
            transition: max-width 500ms ease;
        }

    .shipping-form .check-box input[type="checkbox"] {
        display: none;
    }

        .shipping-form .check-box input[type="checkbox"]:checked + label:before {
            border: 8px solid var(--main-color);
            background-color: var(--white-color);
        }

        .shipping-form .check-box input[type="checkbox"]:checked + label:after {
            max-width: 20px;
            opacity: 1;
        }

.shipping-form .theme-btn {
    cursor: pointer;
}

.order-box {
    position: relative;
    padding: 25px 25px;
    border: 1px solid rgba(var(--black-color-rgb), 0.10);
}

.order-totals {
    position: relative;
}

    .order-totals li {
        position: relative;
        font-weight: 600;
        padding: 18px 25px;
        border-radius: 3px;
        font-size: 14px;
        text-transform: uppercase;
        margin-bottom: 30px;
        border: 1px solid rgba(var(--black-color-rgb), 0.07);
    }

        .order-totals li span {
            position: absolute;
            right: 25px;
            font-weight: 500;
            color: var(--black-color);
        }

        .order-totals li:last-child {
            color: var(--white-color);
            background-color: var(--black-color);
        }

            .order-totals li:last-child span {
                color: var(--white-color);
            }

/* Voucher Box */

.voucher-box {
    position: relative;
}

    .voucher-box .form-group {
        position: relative;
        margin: 0px;
        width: 100%;
        max-width: 100%;
        padding-right: 100px;
    }

        .voucher-box .form-group input[type="text"],
        .voucher-box .form-group input[type="email"] {
            position: relative;
            line-height: 38px;
            display: block;
            height: 54px;
            width: 100%;
            font-weight: 500;
            border-radius: 0px;
            box-shadow: inherit;
            font-size: 14px;
            transition: all 500ms ease;
            -moz-transition: all 500ms ease;
            -webkit-transition: all 500ms ease;
            -ms-transition: all 500ms ease;
            -o-transition: all 500ms ease;
            padding: 10px 15px 10px 25px;
            color: var(--black-color);
            background-color: rgba(var(--white-color-rgb), 1);
            border: 1px solid rgba(var(--black-color-rgb), 0.07);
        }

        .voucher-box .form-group input::placeholder,
        .voucher-box .form-group textarea::placeholder {
            color: var(--black-color);
        }

        .voucher-box .form-group button {
            position: absolute;
            right: 0px;
            top: 0px;
            font-weight: 500;
            padding: 16px 24px;
            font-size: 14px;
            color: var(--white-color);
            text-transform: capitalize;
            background-color: var(--black-color);
        }

.order-box .order-total {
    position: relative;
    font-weight: 500;
    font-size: 18px;
    color: var(--black-color);
    margin-top: 30px;
}

    .order-box .order-total span {
        position: absolute;
        right: 0px;
    }

.order-box .button-box {
    position: relative;
    margin-top: 30px;
}

.order-box .pay-btn {
    position: relative;
    width: 100%;
    text-align: center;
    padding: 17px 15px;
    border-radius: 6px;
    font-weight: 600;
    color: var(--white-color);
    text-transform: uppercase;
    background-color: var(--black-color);
}

    .order-box .pay-btn:hover {
        letter-spacing: 2px;
        background-color: var(--black-color);
    }

/*** 

====================================================================
	Register One
====================================================================

***/

.register-one {
    position: relative;
    padding: 100px 0px 80px;
}

    .register-one .form-column {
        position: relative;
        margin-bottom: 30px;
    }

        .register-one .form-column .inner-column {
            position: relative;
            padding: 30px 30px;
            border-radius: 5px;
            border: 1px solid rgba(var(--black-color-rgb), 0.10);
        }

    .register-one h3 {
        position: relative;
        margin-bottom: 20px;
        color: var(--black-color);
    }



.expand-section {
    width: 80%;
    margin: 0 auto;
    margin-top: 0px;
    border-radius: 72px;
}





/*-----------------------------custom-------------------------*/


.logo a img {
    width: 180px;
    height: auto;
}


.header-top {
    padding: 8px 0;
    position: relative;
    background: linear-gradient(90deg, rgb(0 37 74) 0%, rgb(0 37 74) 50%, rgb(253 168 1) 100%);
}

    .header-top::before {
        content: "";
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        /* background-color: #ffbf21bf; */
        z-index: 1;
        -webkit-clip-path: polygon(9% 0%, 104% 0%, 100% 97%, 0% 100%);
        /* clip-path: polygon(9% 0%, 104% 0%, 100% 97%, 0% 100%); */
        /* height: 100%; */
        /* width: 645px; */
        /* opacity: .1; */
    }

    .header-top .header-links {
        position: relative;
        z-index: 5;
    }

.header-links ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

.header-links li:not(:last-child) {
    margin: 0 42px 0 0;
}

.header-links li {
    display: inline-block;
    position: relative;
    font-size: 14px;
    font-weight: 400;
}

    .header-links li > i {
        margin-right: 6px;
        color: #fda601;
        font-size: 16px;
    }

.header-links a {
    font-size: 16px;
    color: #fff;
    font-weight: 600;
}

.header-links li:not(:last-child):after {
    content: "";
    height: 14px;
    width: 1px;
    background-color: #797e88;
    position: absolute;
    top: 0px;
    right: -22px;
    margin-top: 7px;
}

.header-links .social-links a {
    font-size: 16px;
    height: 34px;
    width: 34px;
    text-align: center;
    line-height: 30px;
    /* background: #383838; */
    margin: 0 8px 0 0;
    border: 2px solid #fff;
    border-radius: 50%;
    position: relative;
    display: inline-block;
}





.read-btn {
    position: relative;
    font-weight: 500;
    font-size: 16px;
    overflow: hidden;
    text-align: center;
    border-radius: 0px;
    display: inline-block;
    padding: 8px 30px 8px 30px;
    color: #ad8b3a;
    text-transform: uppercase;
    font-family: "Lexend Deca", sans-serif;
    background-color: #ad8b3a00;
    height: 50px;
    line-height: 33px;
    border: 1px solid #ad8b3a;
}

.more-read {
    margin-top: 20px;
}


.main-footer_logo a img {
    width: 250px;
    height: auto;
    border-radius: 0px;
    filter: brightness(0) invert(9);
}

.feature-block_three-icon img {
    filter: brightness(0) invert(1);
    width: 34px;
    height: auto;
}



.whatsapp {
    display: inline-block;
    position: fixed;
    right: 30px;
    bottom: 130px;
    background: limegreen;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    color: #fff !important;
    text-align: center;
    line-height: 63px;
    z-index: 99999999999;
    animation: ripple-out 1.5s ease-in-out infinite;
}

    .whatsapp i {
        font-size: 32px;
    }

@keyframes ripple-out {
    0% {
        box-shadow: 0 0 0 0 rgba(37, 211, 102, 0.5);
    }

    100% {
        box-shadow: 0 0 0 14px rgba(37, 211, 102, 0);
    }
}

.slider-one_arrow {
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    z-index: 10;
    pointer-events: none;
    width: 100%;
    transform: translate(0px, -50%);
}

    .slider-one_arrow .main-slider-prev,
    .slider-one_arrow .main-slider-next {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        font-size: 40px;
        color: #fff;
        background: rgb(173 139 58);
        width: 55px;
        height: 55px;
        border-radius: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
        cursor: pointer;
        transition: all 0.3s ease;
        pointer-events: auto;
    }

    .slider-one_arrow .main-slider-prev {
        left: 25px;
    }

    .slider-one_arrow .main-slider-next {
        right: 25px;
    }

        .slider-one_arrow .main-slider-prev:hover,
        .slider-one_arrow .main-slider-next:hover {
            background: #ad8b3a;
            color: #fff;
            /* transform: translateY(-50%) scale(1.1); */
        }


.main-slider-prev,
.main-slider-next {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    font-size: 24px;
    color: #fff;
    width: 55px;
    height: 55px;
    line-height: 55px;
    text-align: center;
    border: 1px solid rgba(255, 255, 255, 0.4);
    border-radius: 50%;
    cursor: pointer;
    transition: all 0.3s ease;
    background: rgba(255, 255, 255, 0.1);
    z-index: 10;
}

.main-slider-prev {
    left: 30px;
}

.main-slider-next {
    right: 30px;
}

    .main-slider-prev:hover,
    .main-slider-next:hover {
        background: rgba(255, 255, 255, 0.3);
        color: #000;
        border-color: rgba(255, 255, 255, 0.6);
    }


.service-block_one-inner:hover .service-block_one-more {
    color: rgb(255 255 255);
    border: 1px solid #ffffff;
}
/*-----------------------------------rsponsive-------------------------*/

@media (max-width: 767px) {
    .main-header.header-style-one .header-lower .inner-container {
        padding: 0px 0px;
    }

    .logo a img {
        width: 120px;
    }

    .slider-one .swiper-slide {
        padding: 100px 0px !important;
    }

    .counter-three {
        /* padding: 0px 0px 0px; */
    }

    .counter-block_three-count {
        font-size: 45px;
    }

    .about-three {
        padding: 50px 0px 0px;
    }

    .service-two {
        padding: 50px 0px 80px;
    }

    .project-one {
        padding: 50px 0px 30px;
    }

    .testimonial-two {
        padding: 0px 0px 0px;
    }

    .about-two {
        padding: 50px 0px 30px;
    }

    .main-footer {
        padding-top: 40px;
        padding-bottom: 0px;
    }

        .main-footer .widgets-section {
            padding: 0px 0px 0px;
        }

    .copy-right {
        text-align: center;
        font-size: 14px;
        font-weight: 700;
    }

    .contact-info .info-item {
        word-break: break-all;
    }

    @media only screen and (max-width: 1720px) {

        .main-footer_bg::before,
        .main-footer_bg::after {
            display: none;
        }
    }

    *
}



@media (min-width: 1200px) and (max-width: 1399.8px) {
    .logo a img {
        width: 200px;
        height: auto;
    }

    .main-header .main-menu .navigation > li > a {
        font-size: 14px;
    }

    .btn-style-three {
        padding: 2px 8px 2px 28px;
    }

    .main-header_button {
        height: 54px;
    }

    .header-top {
        padding: 4px 0;
    }

    .slider-one .swiper-slide {
        padding: 120px 0px;
    }

    h1 {
        line-height: 60px;
        font-size: 55px;
    }

    .slider-one_content {
        padding-left: 75px;
    }

    .btn-style-two {
        padding: 15px 48px;
    }

    .slider-one_arrow .main-slider-prev, .slider-one_arrow .main-slider-next {
        font-size: 25px;
        width: 45px;
        height: 45px;
    }

    .counter-block_three-count {
        font-size: 60px;
    }

    h2 {
        line-height: 50px;
        font-size: 36px;
    }

    .service-two .service-block_one {
        padding: 0px 6px;
    }

    .testimonial-block_two-inner {
        min-height: 240px;
    }

    .contact-info {
        /* margin-top: 60px; */
    }

    .logo-widget {
        /* margin-top: 80px; */
    }

    .main-footer .widgets-section {
        /* padding: 0px 20px 30px; */
    }

    .main-footer {
        /* margin-left: 10px; */
        /* margin-right: 10px; */
    }

    .main-footer_logo {
        margin-bottom: 20px;
    }

    .main-footer_text {
        margin-bottom: 20px;
    }

    .service-block_one-inner {
        min-height: 396px;
    }
}



.nav-btn:after {
    transition: all 0.3s ease-in;
    -webkit-transition: all 0.3s ease-in;
    -moz-transition: all 0.3s ease-in;
}

.nav-btn {
    display: inline-block;
    color: white;
    background-size: 200% auto !important;
    /* letter-spacing: 0.1em; */
    height: 48px;
    line-height: 48px;
    text-align: left;
    position: relative;
    padding: 0px 48px;
    font-size: 15px;
    border-radius: 40px;
    text-transform: uppercase;
    min-width: 170px;
    text-align: center;
    background: linear-gradient(to right, #cd9e4d 0%, #d1af5d 50%, #87630b 100%);
    background-size: 200% auto !important;
    animation: shine 4s linear infinite !important;
    font-weight: 700;
}

    .nav-btn:hover {
        color: white !important;
        animation-play-state: paused;
    }


@keyframes shine {
    0% {
        background-position: 0% 50%;
    }

    50% {
        background-position: 100% 50%;
    }

    100% {
        background-position: 0% 50%;
    }
}



/*---------------------------------------------------------------new about------------------------------------*/

.about-us {
    position: relative;
    padding: 80px 0px 0px;
}


.project-title {
    font-size: 36px;
    font-weight: 700;
    margin-bottom: 20px;
    position: relative;
    color: #1b5e20;
}

    .project-title::after {
        content: "";
        width: 60px;
        height: 3px;
        background: #1b5e20;
        position: absolute;
        left: 0;
        bottom: -10px;
    }

.project-text {
    color: #333;
    margin-bottom: 25px;
    line-height: 30px;
    font-weight: 500;
}

.project-main-img {
    position: relative;
    overflow: hidden;
}

    .project-main-img img {
        width: 100%;
        height: 344px;
        object-fit: cover;
        border-radius: 4px;
        display: block;
    }

    .project-main-img::after {
        content: "";
        position: absolute;
        inset: 0;
        background: #000;
        z-index: 1;
        opacity: 0.3;
    }

.play-btn {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 75px;
    height: 75px;
    background: rgb(255 255 255 / 76%);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 34px;
    cursor: pointer;
    transition: 0.3s;
    z-index: 2;
}

    .play-btn:hover {
        background: #c49b3f;
        color: #fff;
    }


.vertical-slider {
    height: 579px;
}


.slide-card {
    position: relative;
    overflow: hidden;
    border-radius: 4px;
}

    .slide-card img {
        width: 100%;
        height: auto;
        object-fit: cover;
        transition: 0.4s;
    }

    .slide-card:hover img {
        transform: scale(1.05);
    }

    .slide-card span {
        position: absolute;
        bottom: 30px;
        left: 40px;
        color: #fff;
        font-weight: 500;
        z-index: 2;
        font-size: 25px;
        font-family: 'DM Serif Display';
    }


    .slide-card::after {
        content: "";
        position: absolute;
        inset: 0;
        box-shadow: rgb(0 0 0 / 80%) 0px -95px 36px -28px inset;
    }


.v-arrows {
    position: absolute;
    left: -22px;
    bottom: 0;
    transform: translateY(-8%);
    display: flex;
    flex-direction: column;
    gap: 15px;
    z-index: 10;
}


.v-up,
.v-down {
    width: 45px;
    height: 45px;
    background: transparent;
    border-radius: 50%;
    /* display: flex; */
    /* align-items: center; */
    /* justify-content: center; */
    cursor: pointer;
    font-size: 18px;
    /* box-shadow: 0 3px 10px rgba(0,0,0,0.2); */
    transition: 0.3s;
    border: 1.5px solid #1b5e20;
    line-height: 45px;
    color: #198754;
    text-align: center;
}

    .v-up:hover,
    .v-down:hover {
        background: #c49b3f;
        color: #fff;
        border-color: #c49b3f;
    }


.col-left {
    padding-right: 40px;
}

.col-right {
    padding-left: 40px;
}



.gcc-about-section {
    /* background: #154882; */
    color: #fff;
    padding: 60px 0px 0px;
    position: relative;
    background-color: #997c37;
    margin: 60px 0px 0px;
}


    .gcc-about-section .counter-item h2 {
        font-size: 60px;
        font-weight: 700;
    }

    .gcc-about-section .counter-item p {
        color: #ddd;
    }


    .gcc-about-section .about-img img {
        width: 100%;
        /* height: auto; */
        object-fit: cover;
    }


    .gcc-about-section .about-content h2 {
        font-size: 36px;
        position: relative;
        color: #fff;
        margin-bottom: 20px;
    }

        .gcc-about-section .about-content h2::after {
            content: "";
            width: 70px;
            height: 2px;
            background: #fff;
            position: absolute;
            left: 0;
            bottom: -6px;
        }


    .gcc-about-section .read-btn {
        background: #b8834d;
        color: #fff;
        padding: 12px 28px;
        border-radius: 30px;
    }

.big-gap {
    position: relative;
}

.about-cont-after {
    content: "";
    width: 100%;
    display: inline-block;
    top: 0%;
    left: 0%;
    z-index: 2;
}



.about-cont-aft-in {
    height: 100%;
    width: 100%;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    overflow: hidden;
}

.aboutsection {
    position: relative;
    background-color: #ffffff;
    margin: 80px 0px 0px;
}

.about-text {
    padding-left: 55px;
    padding-top: 43px;
    padding-bottom: 43px;
}



.sf-mission-vision-section {
    padding: 100px 0px 0px;
    position: relative;
}

.sf-mv-title {
    font-size: 40px;
    font-weight: 600;
    color: #000000;
    margin-bottom: 20px;
}

.sf-mv-desc {
    font-size: 16px;
    line-height: 1.8;
    color: #333;
}

.sf-mv-image img {
    width: 100%;
    border-radius: 4px;
    box-shadow: 0 8px 20px rgba(0,0,0,0.1);
    transition: transform 0.4s ease;
}



@media(max-width: 991px) {
    .sf-mv-title {
        text-align: center;
    }

    .sf-mv-desc {
        text-align: center;
    }

    .sf-mv-image {
        text-align: center;
    }
}


.our-services {
    background: #fff;
    position: relative;
    padding: 80px 0px;
}

.section-title {
    font-size: 36px;
    font-weight: 600;
    margin-bottom: 22px;
    color: #1b5e20;
    line-height: 16px;
}

.section-desc {
    max-width: 700px;
    color: #555;
    font-size: 15px;
    line-height: 1.6;
}

.view-all-btn {
    border: 1px solid #1b5e20;
    padding: 6px 18px;
    color: #1b5e20;
    text-decoration: none;
    font-weight: 500;
    transition: 0.3s;
}

    .view-all-btn:hover {
        background: #000;
        color: #fff;
    }

/* Card Design */
.service-card {
    background: #fff;
    border: 1px solid #eee;
    transition: 0.3s;
    height: 100%;
    box-shadow: 14px 14px 40px 0px rgba(0, 0, 0, 0.2);
    border-radius: 4px;
}

    .service-card:hover {
        transform: translateY(-5px);
        box-shadow: 0 10px 25px rgba(0,0,0,0.08);
    }

.service-img img {
    width: 100%;
    height: auto;
    object-fit: cover;
    border-radius: 4px 4px 0px 0px;
}

.service-content {
    padding: 20px;
}

    .service-content h4 {
        font-size: 23px;
        font-weight: 500;
        margin-bottom: 10px;
        color: #1b5e20;
    }

    .service-content p {
        font-size: 14px;
        color: #666;
        margin-bottom: 15px;
    }

.read-more {
    display: inline-block;
    border: 1px solid #1b5e20;
    padding: 5px 14px;
    font-size: 14px;
    color: #1b5e20;
    text-decoration: none;
    transition: 0.3s;
    font-weight: 500;
}

    .read-more:hover {
        background: #000;
        color: #fff;
    }


.img-shine {
    position: relative;
    overflow: hidden;
    PADDING: 16PX;
}

    .img-shine:after {
        position: absolute;
        top: 0;
        left: -75%;
        z-index: 2;
        display: block;
        content: '';
        width: 50%;
        height: 100%;
        background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0.3) 100%);
        background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,0.3) 100%);
        -webkit-transform: skewX(-20deg);
        -ms-transform: skewX(-20deg);
        transform: skewX(-20deg);
    }

    .img-shine:hover:after {
        -webkit-animation: imgShine 1s;
        animation: imgShine 1s;
    }

@-webkit-keyframes imgShine {
    100% {
        left: 125%;
    }
}

@keyframes imgShine {
    100% {
        left: 125%;
    }
}


.khatu-shyam {
    position: absolute;
    right: 10px;
    top: 10px;
}

.ring-wrapper {
    width: 80px;
    height: 80px;
    position: relative;
}

.border-ring {
    position: absolute;
    width: 100%;
    height: 100%;
    animation: rotateRing 12s linear infinite; /* slow smooth */
    z-index: 1;
}

.main-img {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    border-radius: 50%;
    object-fit: cover;
    z-index: 2;
}

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

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


.theme-btn-bg {
    background-color: #bf1711;
}

@media (max-width: 767px) {
    .col-left {
        padding-right: 0px;
    }

    .gcc-about-section .about-img img {
        height: 40dvh;
    }

    .about-cont-after {
        width: 100%;
        position: relative;
    }

    .about-text {
        padding-left: 15px;
    }

    .gcc-about-section .about-content h2 {
        font-size: 26px;
    }

    .counter-block_three-inner {
        flex-direction: column;
    }

    .counter-block_three-title {
        text-align: center;
    }

    .sf-mv-title {
        font-size: 26px;
    }

    .section-title {
        font-size: 26px;
    }

    .our-services {
        padding: 40px 0px;
    }

    .auto-container {
        padding: 0px 15px;
    }

    .v-arrows {
        left: 54%;
        bottom: 83px;
        flex-direction: row;
        transform: translate(-50%, 10px);
    }

    .vertical-slider {
        height: auto;
        margin-top: 20px;
    }

    .col-right {
        padding-left: 15px;
    }

    .v-up, .v-down {
        border: 1.5px solid #ffffff;
        color: rgb(255 255 255);
        rotate: 270deg;
    }

    .about-us {
        padding: 40px 0;
    }

    .project-title {
        font-size: 26px;
    }

    .sf-mission-vision-section {
        padding: 0px 0px 0px;
    }
}

@media (min-width: 1400px) {
    .project-main-img img {
        height: 340px;
    }
}

.about-content h2 {
    font-size: 45px;
    line-height: 45px;
    margin-bottom: 21px;
}


.counter-three {
    position: relative;
    overflow: hidden;
    background: url("../images/about/counter-bg.jpg") center center/cover no-repeat;
    z-index: 1;
    background-attachment: fixed;
}

    .counter-three::before {
        content: "";
        position: absolute;
        inset: 0;
        background: linear-gradient(rgba(0,0,0,.6),rgba(0,0,0,.6));
        z-index: -1;
    }

    .counter-three .auto-container {
        position: relative;
        z-index: 2;
    }

.mb-80 {
    margin-bottom: 80px;
}

.pb-80 {
    padding-bottom: 80px;
}


.contact-info_block-inner {
    display: flex;
    align-items: flex-start;
    gap: 15px;
    margin-bottom: 20px;
}

.contact-info_block-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 17px;
    flex-shrink: 0;
}

.contact-info_block-content h4 {
    margin: 0 0 0px;
    font-size: 18px;
}

.contact-info_block-content p {
    margin: 0;
    line-height: 1.6;
    font-size: 15px;
}

.contact-bg {
    position: relative;
    background-color: #fff;
    padding: 30px;
    border-radius: 10px;
    border: 1px solid #ddd;
    box-shadow: 0px 21px 46px rgb(0 0 0/10%);
}

.contact-info_block-content p a {
    color: #000;
}









.plot-check {
    padding: 80px 0;
    background: #fff;
    position: relative;
}

.plot-heading {
    text-align: center;
    margin-bottom: 60px;
}

    .plot-heading .sub-title {
        display: block;
        font-size: 45px;
        font-weight: 700;
        font-family: "DM Serif Display", sans-serif;
        color: #151515;
        text-transform: uppercase;
        line-height: 1;
    }

    .plot-heading h2 {
        font-size: 45px;
        font-weight: 700;
        color: #ad8b3a;
        font-family: "DM Serif Display", sans-serif;
        text-transform: uppercase;
        margin-top: 10px;
        margin-bottom: 18px;
    }

    .plot-heading p {
        max-width: 700px;
        margin: auto;
        color: #333;
        font-size: 15px;
        line-height: 1.8;
    }

.plot-box {
    background: #fff;
    border: 1px solid #d57a2a;
    border-radius: 25px;
    padding: 40px;
    box-shadow: 0 20px 50px rgba(0,0,0,.05);
}

    .plot-box label {
        display: block;
        font-size: 16px;
        font-weight: 700;
        color: #222;
        margin-bottom: 12px;
    }

    .plot-box .form-control,
    .plot-box .form-select {
        height: 46px;
        border-radius: 10px;
        border: 1px solid #ddd;
        font-size: 15px;
        padding: 0 20px;
        box-shadow: none;
    }

        .plot-box .form-control:focus,
        .plot-box .form-select:focus {
            border-color: #d57a2a;
            box-shadow: 0 0 0 .15rem rgba(213,122,42,.2);
        }

.plot-btn {
    margin-top: 40px;
    display: flex;
    justify-content: center;
    gap: 20px;
}

.btn-checkplot {
    border: none;
    background: #ad8b3a;
    color: #fff;
    height: 52px;
    padding: 0 40px;
    border-radius: 10px;
    font-size: 18px;
    font-weight: 600;
    transition: .4s;
}

    .btn-checkplot:hover {
        background: #151515;
    }

.btn-reset {
    border: none;
    background: #ad8b3a;
    color: #fff;
    height: 52px;
    padding: 0 30px;
    border-radius: 10px;
    font-size: 18px;
    font-weight: 600;
    transition: .4s;
}

    .btn-reset:hover {
        background: #151515;
    }

@media(max-width:991px) {

    .plot-heading .sub-title,
    .plot-heading h2 {
        font-size: 42px;
    }

    .plot-box {
        padding: 25px;
    }

        .plot-box label {
            font-size: 18px;
        }

    .plot-btn {
        flex-direction: column;
    }

    .btn-checkplot,
    .btn-reset {
        width: 100%;
    }
}


/*------------------------------------------------------career-----------------------------------------------*/

.career-section,
.apply-section {
    padding: 80px 0px 0px;
    position: relative;
}

.section-title {
    max-width: 700px;
    margin: 0 auto 30px;
}

    .section-title span {
        display: inline-block;
        color: #ad8b3a;
        font-size: 15px;
        font-weight: 600;
        margin-bottom: 10px;
        text-transform: uppercase;
        letter-spacing: 1px;
    }

    .section-title h2 {
        font-size: 38px;
        font-weight: 700;
        margin-bottom: 15px;
    }

    .section-title p {
        color: #333;
        font-size: 15px;
    }


.career-search {
    background: #fff;
    padding: 25px;
    border-radius: 16px;
    box-shadow: 0 15px 40px rgba(0,0,0,.08);
    margin-bottom: 40px;
}

.search-box {
    position: relative;
}

    .search-box i {
        position: absolute;
        left: 18px;
        top: 50%;
        transform: translateY(-50%);
        color: #999;
    }

    .search-box input {
        padding-left: 48px;
    }

.search-btn {
    width: 100%;
    height: 46px;
    border: none;
    border-radius: 12px;
    background: #ad8b3a;
    color: #fff;
    font-weight: 600;
    transition: .4s;
}

    .search-btn:hover {
        background: #e96b00;
        transform: translateY(-2px);
    }


.job-card {
    background: #fff;
    padding: 20px;
    border-radius: 18px;
    margin-bottom: 25px;
    box-shadow: 0 15px 40px rgba(0,0,0,.06);
    transition: .35s;
    border: 1px solid transparent;
}

    .job-card:hover {
        transform: translateY(-6px);
        border-color: #ff7a00;
        box-shadow: 0 20px 50px rgba(0,0,0,.10);
    }

    .job-card h4 {
        font-size: 22px;
        font-weight: 700;
        margin-bottom: 15px;
    }

.job-meta {
    display: flex;
    flex-wrap: wrap;
    gap: 25px;
    margin-bottom: 18px;
}

    .job-meta span {
        color: #333;
        font-size: 15px;
    }

    .job-meta i {
        color: #ac8a3a;
        margin-right: 8px;
    }

.job-card p {
    color: #333;
    margin-bottom: 0;
    font-size: 15px;
}

.apply-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 170px;
    height: 48px;
    background: #ad8b3a;
    color: #fff;
    border-radius: 50px;
    font-weight: 600;
    transition: .35s;
}

    .apply-btn:hover {
        background: #198754;
        color: #fff;
    }



.apply-section {
    background: #fff;
}

    .apply-section form {
        background: #fff;
        padding: 50px;
        border-radius: 20px;
        box-shadow: 0 20px 60px rgba(0,0,0,.08);
    }

    .apply-section .col-lg-6,
    .apply-section .col-lg-12 {
        margin-bottom: 25px;
    }

.submit-btn {
    min-width: 220px;
    height: 58px;
    border: none;
    border-radius: 50px;
    background: #ad8b3a;
    color: #fff;
    font-size: 16px;
    font-weight: 600;
    transition: .35s;
}

    .submit-btn:hover {
        background: #222;
        transform: translateY(-3px);
    }


@media(max-width:991px) {

    .section-title h2 {
        font-size: 34px;
    }

    .job-card {
        text-align: center;
    }

    .job-meta {
        justify-content: center;
    }

    .apply-btn {
        margin-top: 25px;
    }

    .career-search {
        padding: 20px;
    }
}

@media(max-width:767px) {

    .career-section,
    .apply-section {
        padding: 70px 0;
    }

    .section-title {
        margin-bottom: 40px;
    }

        .section-title h2 {
            font-size: 28px;
        }

    .job-card {
        padding: 25px;
    }

        .job-card h4 {
            font-size: 22px;
        }

    .job-meta {
        gap: 12px;
        flex-direction: column;
    }

    .apply-section form {
        padding: 25px;
    }

    .search-btn,
    .submit-btn {
        width: 100%;
    }
}
/*------------------------------------------------------end-------------------------------------------------*/

/*------------------------------------------------------gallery---------------------------------------------*/

.page-gallery {
    padding: 80px 0px;
}

.page-gallery-box .photo-gallery {
    height: calc(100% - 30px);
    margin-bottom: 30px;
}

    .page-gallery-box .photo-gallery a {
        cursor: pointer;
    }

    .page-gallery-box .photo-gallery figure {
        display: block;
        border-radius: 20px;
    }

    .page-gallery-box .photo-gallery img {
        width: 100%;
        aspect-ratio: 1 / 0.81;
        object-fit: cover;
        border-radius: 20px;
    }



i.fa.fa-check-circle.text-primary.me-2.fs-5 {
    color: #b87a03 !important;
}

.icon-box.mb-3.fs-1 {
    color: #1b5e20;
}
/*------------------------------------------------------end-------------------------------------------------*/


/* Floating Buttons */
.floating-btns {
    position: fixed;
    right: 20px;
    bottom: 25px;
    display: flex;
    flex-direction: column;
    gap: 15px;
    z-index: 9999;
}

.float-btn {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 26px;
    text-decoration: none;
    box-shadow: 0 10px 25px rgba(0,0,0,0.25);
    transition: .3s ease;
    animation: pulse 2s infinite;
}

.call-btn {
    background: #0d6efd;
}

.whatsapp-btn {
    background: #25D366;
}

.float-btn:hover {
    transform: translateY(-5px) scale(1.08);
    color: #fff;
}

@keyframes pulse {
    0% {
        box-shadow: 0 0 0 0 rgba(0,0,0,0.35);
    }

    70% {
        box-shadow: 0 0 0 15px rgba(0,0,0,0);
    }

    100% {
        box-shadow: 0 0 0 0 rgba(0,0,0,0);
    }
}

/* Mobile */
@media (max-width:768px) {
    .floating-btns {
        right: 15px;
        bottom: 20px;
    }

    .float-btn {
        width: 55px;
        height: 55px;
        font-size: 24px;
    }
}







.service-marquee {
    width: 100%;
    background: #00264a;
    padding: 10px 0;
    overflow: hidden;
    border-top: 1px solid rgba(255,255,255,0.15);
    border-bottom: 1px solid rgba(255,255,255,0.15);
}

.service-track {
    display: inline-block;
    white-space: nowrap;
    animation: scrollText 40s linear infinite;
}

    .service-track p {
        margin: 0;
        color: #fff;
        font-size: 17px;
        font-weight: 500;
        letter-spacing: 0.5px;
    }

    .service-track strong {
        color: #ff3b3b;
        margin-right: 10px;
    }

.service-marquee:hover .service-track {
    animation-play-state: paused;
}

@keyframes scrollText {
    0% {
        transform: translateX(100%);
    }

    100% {
        transform: translateX(-100%);
    }
}

@media (max-width:768px) {
    .service-track p {
        font-size: 15px;
    }
}


.vlmom {
    color: #bf1711;
    text-transform: uppercase;
}



/* Custom Services Section Styling */
.vlmom-services-section {
    padding: 80px 20px;
    background-color: #f8fafc;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}

.vlmom-container {
    max-width: 1200px;
    margin: 0 auto;
}

/* Header Styling */
.vlmom-header {
    text-align: center;
    margin-bottom: 50px;
}

.vlmom-subtitle {
    display: inline-block;
    color: #e63946;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 2px;
    font-size: 0.85rem;
    margin-bottom: 8px;
}

.vlmom-title {
    color: #1d3557;
    font-size: 2.25rem;
    font-weight: 800;
    margin: 0 0 15px 0;
}

.vlmom-divider {
    width: 70px;
    height: 4px;
    background: linear-gradient(90deg, #e63946, #457b9d);
    margin: 0 auto;
    border-radius: 2px;
}

/* Responsive Grid */
.vlmom-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
    gap: 30px;
}

/* Card Styling */
.vlmom-card {
    background: #ffffff;
    border-radius: 16px;
    overflow: hidden;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.05);
    transition: transform 0.4s ease, box-shadow 0.4s ease;
    display: flex;
    flex-direction: column;
}

    .vlmom-card:hover {
        transform: translateY(-10px);
        box-shadow: 0 20px 40px rgba(0, 0, 0, 0.12);
    }

/* Image Header Box */
.vlmom-card-image {
    position: relative;
    height: 250px;
    overflow: hidden;
}

    .vlmom-card-image img {
        width: 100%;
        height: 100%;
        /* object-fit: cover; */
        transition: transform 0.6s ease;
    }

.vlmom-card:hover .vlmom-card-image img {
    transform: scale(1.1);
}

.vlmom-card-overlay {
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, rgba(0,0,0,0) 40%, rgba(0,0,0,0.5) 100%);
}

/* Floating Icon */
.vlmom-icon-box {
    position: absolute;
    bottom: -22px;
    right: 25px;
    width: 50px;
    height: 50px;
    background: #e63946;
    color: #ffffff;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.25rem;
    box-shadow: 0 8px 15px rgba(230, 57, 70, 0.3);
    transition: background-color 0.3s ease, transform 0.3s ease;
}

.vlmom-card:hover .vlmom-icon-box {
    background: #1d3557;
    transform: rotate(6deg) scale(1.05);
}

/* Card Content Area */
.vlmom-card-content {
    padding: 30px 25px 25px;
    display: flex;
    flex-direction: column;
    flex-grow: 1;
}

.vlmom-tag {
    font-size: 16px;
    font-weight: 500;
    color: #bf1711;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-bottom: 0px;
    font-family: 'DM Serif Display';
}

.vlmom-card-content h3 {
    color: #000000;
    font-size: 1.35rem;
    font-weight: 500;
    margin: 0 0 12px 0;
}

.vlmom-card-content p {
    color: #222222;
    font-size: 16px;
    line-height: 30px;
    margin-bottom: 20px;
    flex-grow: 1;
    font-family: 'Manrope';
}

/* Action Button */
.vlmom-btn {
    display: inline-flex;
    align-items: center;
    justify-content: space-between;
    text-decoration: none;
    color: #ffffff;
    font-weight: 500;
    font-size: 0.9rem;
    padding: 10px 16px;
    background: #b8180e;
    border-radius: 8px;
    transition: all 0.3s ease;
    font-family: 'DM Serif Display';
}

    .vlmom-btn i {
        transition: transform 0.3s ease;
    }

.vlmom-card:hover .vlmom-btn {
    background: #00264a;
    color: #ffffff;
}

    .vlmom-card:hover .vlmom-btn i {
        transform: translateX(5px);
    }