/*
Theme Name: Pier Engineering Solutions
Theme URI: http://codearoma/
Author: codearoma
Author URI: https://codearoma.com/
Description: CodeAroma Technologies mainly focuses on Website development, Application development, Software development, Online Marketing Services and Branding. 
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: codearoma
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready
This theme, like WordPress, is licensed under the GPL.
*/
/* Start Default CSS */
@font-face {
    font-family: 'fontello';
    src: url('./assets/fonts/fontello.woff2') format('woff2'),
         url('./assets/fonts/fontello.woff') format('woff'),
         url('./assets/fonts/fontello.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

.demo-icon {
    font-family: "fontello";
    font-style: normal;
    font-weight: normal;
    speak: never;
    display: inline-block;
    line-height: 1;
}

    /*Menu*/
    .main-navigation ul {
        list-style: none;
        margin: 0;
        padding: 0;
    }

    .main-navigation li {
        position: relative;
    }

    .main-navigation a {
        display: block;
       padding: 10px 23px;
        text-decoration: none;
        color: #000;

            font-family: var(--jakarta-font-family);
    font-size: var(--sm-title-font-size);
    font-weight: 600;
    letter-spacing: 0.1rem;
    text-decoration: none;
    display: flex;
    align-items: center;
    width: 100%;
    height: 100%;
    outline: 0;
    position: relative;
    }

    .main-navigation ul.sub-menu {
        display: none;
        padding-left: 15px;
    }

    .main-navigation ul.sub-menu.depth-0 {
        padding-left: 0;
    }

    .menu-toggle {
        display: none;
    }


    .main-navigation .current-menu-item>a {
        font-weight: bold;
    }

    /* Mobile styles */
    @media (max-width: 991px) {
        .menu-toggle {
            display: block;
            position: absolute;
            right: 0;
            top: 4px;
            width: 40px;
            height: 40px;
            background: var(--primary-color);
            border: none;
            cursor: pointer;
            padding: 0;
            font-size: 18px;
            line-height: 24px;
            text-align: center;
            z-index: 1;
            color: #fff;
        }

        .main-navigation li.has-children>a {
            padding-right: 40px;
        }

        .main-navigation ul.sub-menu {
            display: none;
            padding-left: 15px;
            background-color: #f9f9f9;
        }

        .main-navigation ul.sub-menu .sub-menu {
            padding-left: 15px;
        }

        .main-navigation ul.sub-menu li a {
            padding-left: 25px;
        }

        .main-navigation ul.sub-menu li.has-children>a {
            padding-right: 40px;
        }

        .main-navigation ul.sub-menu.active {
            display: block;
        }
    }
ul.sub-menu.depth-0 li a {
    font-size: 16px;
    padding: 16px 33px;
    transition: all 0.3s ease-in-out;
}
ul.sub-menu.depth-0 li a:hover {
    padding: 16px 8px 16px 15px !important;
    background: var(--primary-color);
    color: #fff;
}
ul.sub-menu.depth-0 li a:before {
    position: absolute;
    content: "\25B7";
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    font-size: 14px;
    color: var(--primary-color);
    left: 13px;
    top: 50%;
    transform: translateY(-50%);
    transition: all 0.4s ease;
}
ul.sub-menu.depth-0 li:hover > a::before {
  display: none;
}

.sub-menu ul li a {
    color: #000;
    /* padding: 8px 8px 8px 35px !important; */
    transition: all 0.3s ease-in-out;
}
    /* Desktop styles */
    @media (min-width: 992px) {
        .main-navigation>ul>li {
            display: inline-block;
        }

        .main-navigation ul.sub-menu {
            position: absolute;
            min-width: 345px;
            background: #fff;
            box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
            z-index: 100;
            padding-left: 0;
        }

        .main-navigation ul.sub-menu .sub-menu {
            left: 100%;
            top: 0;
        }

       .main-navigation li.has-children>a {
        padding-right: 6px;
    }

        /* Show submenu on hover (desktop only) */
        .main-navigation li.has-children:hover>ul.sub-menu {
            display: block;
        }
    }

    /* Navbar styles */
    .navbar {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: space-between;
    }
    .navbar-brand {
        display: inline-block;
        padding-top: 0.3125rem;
        padding-bottom: 0.3125rem;
        margin-right: 1rem;
        font-size: 1.25rem;
        line-height: inherit;
        white-space: nowrap;
        padding-left: 20px;
    }
    .navbar-collapse {
        flex-basis: 100%;
        flex-grow: 1;
        align-items: center;
        background-color: #fff;
    }
    .navbar-nav {
        display: flex;
        flex-direction: column;
        padding-left: 0;
        margin-bottom: 0;
        list-style: none;
    }
    .navbar-toggler {
        padding: 0.25rem 0.75rem;
        font-size: 1.25rem;
        line-height: 1;
        background-color: transparent;
        border: 1px solid transparent;
        border-radius: 0.25rem;
    }
    @media (min-width: 992px) {
        .navbar-expand-lg .navbar-collapse {
            display: flex !important;
            flex-basis: auto;
            justify-content: flex-end;
        }

        .navbar-expand-lg .navbar-nav {
            flex-direction: row;
        }
    }

button.navbar-toggler {
    background: #bc2233;
    color: #fff;
    font-size: 25px;
}
    /*Menu End*/

    /* Sticky Navbar */
    #masthead {
        background-color: #fff;
        transition: .5s ease top;
        top: -105px;
        box-shadow: 0 0 5px 2px rgba(0, 0, 0, .2);
        
        

        &.sticky {
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: auto;
        }

        .header {
            justify-content: center;

            h1 {
                color: white;
            }
        }

        z-index: 999;
    }

@media (max-width: 1600px) {
.sticky-nav.header-3 {
    position: absolute;
    z-index: 999;
    width: 89%;
    top: 35px;
    /* left: 31px; */
            left: 91px;
}
}
@media (max-width: 1500px) {
.sticky-nav.header-3 {
    position: absolute;
    z-index: 999;
    width: 96%;
    top: 35px;
    left: 31px;
}
.header-3 .header-wrapper::after {
display: none;

}
.header-3 .container {
    padding: 0;
}
}
/* .sticky-nav.header-3 {
    position: absolute;
    z-index: 999;
    width: 96%;
    top: 35px;
    left: 31px;
} */
.header-3 .header-wrapper {
    background-color: var(--primary-white);
    height: 75px;
    padding: 0 5rem 0 2rem;
    position: relative;
}
.header-wrapper {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 2rem;
    height: 100px;
    transition: all 0.25s ease;
}

.header-wrapper {
    z-index: 9999;
}
@media (max-width: 991px) {
    .main-navigation {
        max-height: 80vh;
        overflow-y: auto;
        overflow-x: hidden;
        -webkit-overflow-scrolling: touch;
    }
}
.header-3 .header-wrapper::after {
    content: '';
    width: calc(var(--slope-value-3) + 2px);
    height: 100%;
    position: absolute;
    top: 0;
    right: calc(100% - 2px);
    background-color: var(--primary-white);
    clip-path: var(--slope-clip-top-left-3);
}
.header-3 .container {
    padding: 3px 1.55rem 1px 0rem;
}

    /*Multi Slider*/
    .slider-container {
        width: 100%;
        padding: 20px 0;
        position: relative;
        overflow: hidden;
    }

    .slider-wrapper {
        display: flex;
        transition: transform 0.5s ease;
    }

    .slider-slide {
        flex: 0 0 auto;
        text-align: center;
        font-size: 18px;
        box-sizing: border-box;
        padding: 0 10px;
    }

    .slider-button {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        z-index: 10;
        width: 40px;
        height: 40px;
        background: rgba(255, 255, 255, 0.7);
        border-radius: 50%;
        border: none;
        cursor: pointer;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 20px;
    }

    .slider-button-next {
        right: 10px;
    }

    .slider-button-prev {
        left: 10px;
    }

    .slider-pagination {
        text-align: center;
        margin-top: 10px;
    }

    .slider-dot {
        display: inline-block;
        width: 10px;
        height: 10px;
        margin: 0 5px;
        background: #ccc;
        border-radius: 50%;
        cursor: pointer;
    }

    .slider-dot.active {
        background: #333;
    }


    .header-top {
        position: relative;
        padding: 7px 0px;
        background-color: var(--secondary);
        float: left;
        width: 100%;
    }

    .header-top .top-left {
        position: relative;
        float: left;
        padding-left: 15px;
    }

    .header-top .info-list {
        position: relative;
    }

    .header-top .info-list li {
        position: relative;
        color: #ffffff;
        margin-right: 15px;
        display: inline-block;
        list-style: none;
    }

    .header-top .info-list li a {
        text-decoration: none;
        font-size: 14px;
        position: relative;
        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;
    }

    .header-top .top-right {
        position: relative;
        float: right;
    }

    .menu_header {
        float: left;
        width: 100%;
        box-shadow: 0px 0px 1px 1px #e5e5e5;
        position: relative;
        background: #fff;
    }

    .header-top .info-list li .icon {
        font-size: 12px;
        width: 22px;
        height: 22px;
        border-radius: 4px;
        background-color: #fff;
        display: flex;
        align-items: center;
        justify-content: center;
        color: var(--secondary);
        margin-right: 10px;
        float: left;
    }

    .logo img {
        width: 100%;
        height: auto;
    }

 .logo {
    width: 168px;
    height: auto;
}


    /*Slider*/
    #slider .carousel-control.left,
    #slider .carousel-control.right {
        opacity: 0;
        filter: alpha(opacity=0);
        background-image: none;
        background-repeat: no-repeat;
        text-shadow: none;
        -webkit-transition: all .25s ease;
        transition: all .25s ease;
        transition: all .25s ease;
    }

    #slider .carousel-control .fa-angle-left {
        left: 5px;
        background: var(--primary);
    }

    #slider .carousel-control .fa-angle-right {
        right: 5px;
        background: var(--primary);
    }

    #slider .carousel-control .fa-angle-left,
    #slider .carousel-control .fa-angle-right {
        position: absolute;
        top: 50%;
        z-index: 5;
        display: inline-block;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        transform: translateY(-50%);
    }

    #slider .carousel-control i {
        color: #fff;
        line-height: 40px;
        width: 40px;
        height: 40px;
        transition: all 500ms ease;
        background: var(--primary);
        border-radius: 50%;
        font-size: 20px;
        margin: 15px;
    }

    #slider .carousel-control i:hover {
        background: var(--secondary);
    }

    .slider01 {
        background: #f9f9f9;
        padding-bottom: 50px;
        padding-top: 10px;
    }

    .slider-content {
        padding-top: 70px;
        padding-bottom: 60px;
        padding-left: 20px;
        padding-right: 15px;
        width: 100%;
        position: relative;
        z-index: 99;
    }

    .slide-title {
        font-size: 30px;
        font-weight: 700;
        color: var(--primary);
        text-align: left;
    }

    .slide-sub-title {
        font-style: normal;
        font-size: 40px;
        color: var(--secondary);
        font-weight: 700;
        padding: 15px 0px;
    }

    .slider-description {
        color: #000;
        font-weight: 500;
        margin: 20px 0 20px;
    }


    /* template css */

:root {
    /* Font sizes */
    --outline-heading-font-size: 18rem;
    --heading-font-size: 7rem;
    --title-lg-font-size: 4rem;
    --title-md-font-size: 5rem;
    --medium-font-size: 3rem;
    --paragraph-font-size: 16px;
    --feature-font-size: 2.4rem;
    --title-font-size: 2.8rem;
    --sm-title-font-size: 1.8rem;
    --sm-font-size: 1.6rem;
    --sub-heading-font-size: 18px;
    --btn-font-size: 1.2rem;
    --main-heading-font-size: 50px;
    --heading-letter-spacing: -1.4px;
    --heading-text-transform: inherit;
    --heading-line-height: 1.2;
    /* Colors */
    --page-bg-color: #fff7f7;
    --primary-color: #bd212f;
    --light-primary-color: #bd212f;
    --secondary-color: #191919;
    --main-secondary-color: #5d0207;
    --secondary-dark-color: #5d0207;
    --paragraph-color: #000;
    --paragraph-light-color: #a4b5ad;
    --paragraph-md-color: #dddddd;
    --primary-white: #ffffff;
    --bg-light: #fff7f7; /* color */
    --bg-md-light: #ffe5e0;
    --moving-text-color: #ffb3a6;
    --hero-bg-color: #5d0207;
    --semi-black-color: #191919;
    --grey-color: #474747;
    --border-color: #ecf4ef;
    --border-color-1: #e7ded6;
    --transparent-primary-color: rgba(227, 6, 19, 0.6);
    --transparent-secondary-color: rgba(16, 37, 33, 0.04);
    --bg-semi-black-transparent: rgba(25, 25, 25, 0.6);
    --bg-black-transparent: rgba(0, 0, 0, 0.9);
    --primary-black: rgb(0, 0, 0);
    --primary-button-hover-bg: #ffffff;
    --secondary-button-bg: #ffffff;
    --secondary-btn-text-color: #e30613;
    --primary-btn-text-color: #ffffff;
    /* Font-family */
    --jakarta-font-family: 'Plus Jakarta Sans', sans-serif;
    --spartan-font-family: 'Spartan', sans-serif;
    /* Clip-path for sections */
    --slope-base-value: 1rem;
    --slope-value-3: calc(var(--slope-base-value) * 3);
    --slope-value-5: calc(var(--slope-base-value) * 5);
    --slope-clip-top-right-base: polygon(
        calc(100% - var(--slope-base-value)) 0,
        100% var(--slope-base-value),
        100% 100%,
        0 100%,
        0 0
    );
    --slope-clip-top-left-base: polygon(
        var(--slope-base-value) 0,
        100% 0,
        100% 100%,
        0 100%,
        0 var(--slope-base-value)
    );
    --slope-clip-bottom-left-base: polygon(
        100% 0,
        100% 100%,
        var(--slope-base-value) 100%,
        0 calc(100% - var(--slope-base-value)),
        0 0
    );
    --slope-clip-bottom-right-base: polygon(
        100% 0,
        100% calc(100% - var(--slope-base-value)),
        calc(100% - var(--slope-base-value)) 100%,
        0 100%,
        0 0
    );
    --slope-clip-top-right-3: polygon(
        calc(100% - var(--slope-value-3)) 0,
        100% var(--slope-value-3),
        100% 100%,
        0 100%,
        0 0
    );
    --slope-clip-top-left-3: polygon(var(--slope-value-3) 0, 100% 0, 100% 100%, 0 100%, 0 var(--slope-value-3));
    --slope-clip-bottom-left-3: polygon(
        100% 0,
        100% 100%,
        var(--slope-value-3) 100%,
        0 calc(100% - var(--slope-value-3)),
        0 0
    );
    --slope-clip-bottom-right-3: polygon(
        100% 0,
        100% calc(100% - var(--slope-value-3)),
        calc(100% - var(--slope-value-3)) 100%,
        0 100%,
        0 0
    );
    --slope-clip-top-right-5: polygon(
        calc(100% - var(--slope-value-5)) 0,
        100% var(--slope-value-5),
        100% 100%,
        0 100%,
        0 0
    );
    --slope-clip-top-left-5: polygon(var(--slope-value-5) 0, 100% 0, 100% 100%, 0 100%, 0 var(--slope-value-5));
    --slope-clip-bottom-left-5: polygon(
        100% 0,
        100% 100%,
        var(--slope-value-5) 100%,
        0 calc(100% - var(--slope-value-5)),
        0 0
    );
    --slope-clip-bottom-right-5: polygon(
        100% 0,
        100% calc(100% - var(--slope-value-5)),
        calc(100% - var(--slope-value-5)) 100%,
        0 100%,
        0 0
    );
}

*,
*::before,
*::after {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

html {
    font-size: 62.5%;
    overflow-x: hidden;
}
@media (max-width: 1200px) {
    html {
        font-size: 56.25%;
    }
}
@media (max-width: 991px) {
    html {
        font-size: 50%;
    }
}

body {
    line-height: 1;
    overflow-x: hidden;
    scroll-behavior: smooth;
    font-size: 16px;
    font-weight: 500;
        font-family: var(--jakarta-font-family);
}
.container {
    max-width: 1375px;
    margin: 0 auto;
    padding: 0 1.5rem;
}
@media (max-width: 1366px) {
    .container {
        padding: 0 2.5rem;
    }
}
.secondary-container {
    max-width: 1845px;
    margin: 0 auto;
    padding: 0 1.5rem;
}
@media (max-width: 1366px) {
    .secondary-container {
        padding: 0 2.5rem;
    }
}

/* Scrollbar Styling */
::-webkit-scrollbar {
    width: 10px;
}
::-webkit-scrollbar-track {
    background-color: var(--page-bg-color);
    -webkit-border-radius: 10px;
    border-radius: 10px;
}
::-webkit-scrollbar-thumb {
    -webkit-border-radius: 10px;
    border-radius: 10px;
    background: var(--primary-color);
}
/*--------------------
 Back to Top Button
---------------------*/
.scrollToTopBtn {
    background-color: var(--primary-color);
    border: none;
    clip-path: var(--slope-clip-top-right-base);
    fill: var(--primary-white);
    cursor: pointer;
    height: 48px;
    width: 48px;
    position: fixed;
    bottom: 18px;
    right: 19px;
    z-index: 100;
    opacity: 0;
    transform: translateY(100px);
    transition: all 0.5s ease;
}
.scrollToTopBtn svg {
    height: 30px;
    width: 30px;
}
@media (max-width: 991px) {
    .scrollToTopBtn {
        height: 38px;
        width: 38px;
        bottom: 20px;
        right: 20px;
    }
    .scrollToTopBtn svg {
        height: 20px;
        width: 20px;
    }
}
[dir='rtl'] .scrollToTopBtn {
    clip-path: var(--slope-clip-top-left-base);
}

.showBtn {
    opacity: 1;
    transform: translateY(0);
}

@media (max-width: 991px) {
    .mobile-hidden {
        display: none;
    }
}
@keyframes customFadeInUp {
    from {
        opacity: 0;
        transform: translate3d(0, 50px, 0);
    }
    to {
        opacity: 1;
        transform: translate3d(0, 0, 0);
    }
}
.custom-fadeInUp {
    animation-name: customFadeInUp;
}

@keyframes fadeInLeftSmall {
    from {
        opacity: 0;
        transform: translateX(-100px);
    }
    to {
        opacity: 1;
        transform: translateX(0);
    }
}
.fadeInLeftSmall {
    animation: fadeInLeftSmall 1s ease forwards;
}

@keyframes fadeInRightSmall {
    from {
        opacity: 0;
        transform: translateX(100px);
    }
    to {
        opacity: 1;
        transform: translateX(0);
    }
}
.fadeInRightSmall {
    animation: fadeInRightSmall 1s ease forwards;
}


@media (max-width: 991px) {
    .about-us-1-section {
        padding: 0 0 10rem 0;
    }
}
@media (max-width: 767px) {
    .about-us-1-section {
        padding: 0 0 5rem 0;
    }
}
.about-us-1-section .about-us-1-wrapper {
    display: grid;
    grid-template-columns: 1fr 1.2fr;
}
@media (max-width: 1200px) {
    .about-us-1-section .about-us-1-wrapper {
        grid-template-columns: 1fr 1fr;
    }
}
@media (max-width: 991px) {
    .about-us-1-section .about-us-1-wrapper {
        grid-template-columns: 1fr;
        gap: 5rem;
    }
}
.about-text.wow.animate__.custom-fadeInUp.animated {
    padding-left: 15px;
}
.about-us-1-section .about-us-1-wrapper .image-block {
    position: relative;
}
@media (max-width: 991px) {
    .about-us-1-section .about-us-1-wrapper .image-block {
        overflow: hidden;
    }
}
.about-us-1-section .about-us-1-wrapper .image-block .back-img-block {
    position: relative;
    display: inline-block;
}
.about-us-1-section .about-us-1-wrapper .image-block .back-img-block .back-img {
    max-width: 100%;
    max-height: 528px;
    clip-path: var(--slope-clip-top-right-3);
    overflow: hidden;
}
[dir='rtl'] .about-us-1-section .about-us-1-wrapper .image-block .back-img-block .back-img {
    clip-path: var(--slope-clip-top-left-3);
}
@media (max-width: 767px) {
    .about-us-1-section .about-us-1-wrapper .image-block .back-img-block .back-img {
        max-width: 75%;
    }
}
.about-us-1-section .about-us-1-wrapper .image-block .back-img-block .grid-icon {
    position: absolute;
    width: 4.6rem;
    height: 4.6rem;
    stroke: var(--primary-white);
    top: 20px;
    left: 20px;
}
.about-us-1-section .about-us-1-wrapper .image-block .front-img-block {
    position: absolute;
    left: 150px;
    top: 85px;
    border: 10px solid var(--page-bg-color);
}
@media (max-width: 991px) {
    .about-us-1-section .about-us-1-wrapper .image-block .front-img-block {
        left: 150px;
        top: 150px;
    }
}
@media (max-width: 767px) {
    .about-us-1-section .about-us-1-wrapper .image-block .front-img-block {
           left: 184px;
        top: 198px;
    }

}
.about-us-1-section .about-us-1-wrapper .image-block .front-img-block .front-img {
    clip-path: var(--slope-clip-top-right-3);
    max-width: 100%;
    max-height: 528px;
}
[dir='rtl'] .about-us-1-section .about-us-1-wrapper .image-block .front-img-block .front-img {
    clip-path: var(--slope-clip-top-left-3);
}
@media (max-width: 768px) {
    .about-us-1-section .about-us-1-wrapper .image-block .front-img-block .front-img {
        max-width: 100%;
        height: auto;
        max-height: 528px;
    }
}
.about-us-1-section .about-us-1-wrapper .image-block .front-img-block .grid-icon {
    position: absolute;
    width: 4.6rem;
    height: 4.6rem;
    stroke: var(--primary-white);
    bottom: 20px;
    right: 20px;
    z-index: 10;
}
@media (max-width: 767px) {
    .about-us-1-section .about-us-1-wrapper .image-block .front-img-block .grid-icon {
        display: none;
    }
}
.about-us-1-section .about-us-1-wrapper .image-block .logo-block {
    margin-top: 10px;
    width: 149px;
    height: 85px;
    background-color: #dbdbdb;
    clip-path: var(--slope-clip-bottom-left-base);
    display: flex;
    align-items: center;
    justify-content: center;
}
[dir='rtl'] .about-us-1-section .about-us-1-wrapper .image-block .logo-block {
    clip-path: var(--slope-clip-bottom-right-base);
}
.about-us-1-section .about-us-1-wrapper .image-block .logo-block .logo-img {
    height: auto;
    max-width: 100%;
    object-fit: cover;
}
@media (max-width: 767px) {
    .about-us-1-section .about-us-1-wrapper .image-block .logo-block {
        width: 100px;
        height: 100px;
    }
    .about-us-1-section .about-us-1-wrapper .image-block .logo-block .logo-img {
        max-width: 5rem;
    }
}
.about-us-1-section .about-us-1-wrapper .content-block .main-heading {
    margin-bottom: 4rem;
}
.about-us-1-section .about-us-1-wrapper .content-block p {
    max-width: 100%;
}
@media (max-width: 767px) {
    .about-us-1-section .about-us-1-wrapper .content-block p {
        max-width: 100%;
    }
}
.about-us-1-section .about-us-1-wrapper .content-block .about-list {
    list-style: none;
    margin-top: 3.5rem;
}
.about-us-1-section .about-us-1-wrapper .content-block .about-list .list-item {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin: 5.5px 0;
}
.about-us-1-section .about-us-1-wrapper .content-block .about-list .list-item .list-icon {
    height: 30px;
    width: 30px;
    fill: var(--primary-color);
    margin-right: 7.5px;
}
.about-us-1-section .about-us-1-wrapper .content-block .about-list .list-item .list-title {
    font-family: var(--jakarta-font-family);
    font-size: var(--paragraph-font-size);
    color: var(--secondary-color);
    font-weight: 600;
    line-height: 18px;
    padding-left: 10px;
    line-height: 30px;
}
.about-us-1-section .about-us-1-wrapper .content-block .about-list .list-item:not(:last-child) {
    padding-bottom: 15px;
}
@media (max-width: 767px) {
    .about-us-1-section .about-us-1-wrapper .content-block .btn {
        margin-top: 3rem;
        width: 100%;
        justify-content: center;
    }
}

.about-padding {
    padding: 10rem 0 15rem;
}
@media (max-width: 991px) {
    .about-padding {
        padding: 5rem 0 10rem 0;
    }
}
@media (max-width: 767px) {
    .about-padding {
        padding: 0 0 5rem 0;
    }
}

:root {
    --primary-background-color: var(--primary-color);
    --primary-text-color: var(--primary-btn-text-color);
    --primary-background-hover-color: var(--primary-button-hover-bg);
    --primary-text-hover-color: var(--primary-color);
    --secondary-background-color: var(--secondary-button-bg);
    --secondary-text-color: var(--secondary-btn-text-color);
    --secondary-background-hover-color: var(--primary-color);
    --secondary-text-hover-color: var(--primary-white);
}

/* BUTTONS */
.btn,
.btn:link,
.btn:visited {
    position: relative;
    display: inline-block;
    font-family: var(--jakarta-font-family);
    cursor: pointer;
    overflow: hidden;
    text-align: center;
    text-transform: uppercase;
    padding: 18px 25px;
    letter-spacing: 2px;
    clip-path: var(--slope-clip-top-right-base);
    text-decoration: none;
    border: none;
    transform: translateZ(0);
}
[dir='rtl'] .btn,
[dir='rtl'] .btn:link,
[dir='rtl'] .btn:visited {
    clip-path: var(--slope-clip-top-left-base);
}
.btn svg,
.btn:link svg,
.btn:visited svg {
    height: 16px;
    width: auto;
    transition: all 0.3s ease-in-out;
}
.btn::before,
.btn:link::before,
.btn:visited::before {
    content: '';
    position: absolute;
    width: 200%;
    height: 200%;
    top: -200%;
    left: 50%;
    transform: translateX(-50%);
    transition-duration: 800ms;
    border-radius: 50%;
    z-index: 1;
}
.btn .text-one,
.btn:link .text-one,
.btn:visited .text-one {
    transition: all 0.3s ease;
    z-index: 2;
    font-size: var(--btn-font-size);
    font-weight: 800;
    display: inline-flex;
    align-items: center;
    gap: 1rem;
}
.btn .text-two,
.btn:link .text-two,
.btn:visited .text-two {
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 1rem;
    width: 100%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, 300%);
    font-size: var(--btn-font-size);
    font-weight: 800;
    z-index: 2;
    transition: all 0.5s ease;
}
.btn:hover::before,
.btn:link:hover::before,
.btn:visited:hover::before {
    top: 0;
    top: -40%;
    background-color: #000;
}
.btn:hover .text-one,
.btn:link:hover .text-one,
.btn:visited:hover .text-one {
    transform: translateY(-150%);
}
.btn:hover .text-two,
.btn:link:hover .text-two,
.btn:visited:hover .text-two {
    transform: translate(-50%, -50%);
    color: #fff;
}

.primary {
    background-color: var(--primary-background-color);
}
.primary::before {
    background: var(--primary-background-hover-color);
}
.primary .text-one {
    color: var(--primary-text-color);
}
.primary .text-one svg {
    fill: var(--primary-text-color);
}
.primary .text-two {
    color: var(--primary-text-hover-color);
}
.primary .text-two svg {
    fill: #fff;
}

.secondary {
    background-color: var(--secondary-background-color);
    box-shadow: 1px 1.732px 4px 0px var(--transparent-secondary-color);
}
.secondary::before {
    background: var(--secondary-background-hover-color);
}
.secondary .text-one {
    color: var(--secondary-text-color);
}
.secondary .text-one svg {
    fill: var(--secondary-text-color);
}
.secondary .text-two {
    color: var(--secondary-text-hover-color);
}
.secondary .text-two svg {
    fill: var(--secondary-text-hover-color);
}

.bordered {
    background-color: transparent;
    outline: 1px solid var(--cs-color-input-border);
}
.bordered::before {
    background: var(--primary-background-hover-color);
}
.bordered .text-one {
    color: var(--cs-color-input-border);
}
.bordered .text-two {
    color: var(--primary-text-hover-color);
}
.bordered:hover {
    outline-color: var(--primary-background-hover-color);
}

.centered-btn {
    display: flex;
}

.main-heading {
    font-family: var(--jakarta-font-family);
    font-weight: 500;
    font-size: var(--main-heading-font-size);
    line-height: var(--heading-line-height);
    color: var(--secondary-color);
    margin-bottom: 30px;
    letter-spacing: var(--heading-letter-spacing);
    text-transform: var(--heading-text-transform);
}
@media (max-width: 991px) {
    .main-heading {
        font-size: 4rem;
        margin-bottom: 3rem;
        letter-spacing: 0;
    }
}

.sub-heading {
    font-size: var(--sub-heading-font-size);
    font-family: var(--jakarta-font-family);
    color: var(--primary-color);
    font-weight: 700;
    text-transform: uppercase;
    line-height: 1.2;
    letter-spacing: 1.6px;
    margin-bottom: 1rem;
}
.outline-heading {
    display: inline-block;
    font-size: 55px;
    font-family: var(--jakarta-font-family);
    font-weight: 600;
    text-transform: uppercase;
    user-select: none;
    color: var(--page-bg-color);
    text-shadow:
        -1px -1px 0 var(--moving-text-color),
        1px -1px 0 var(--moving-text-color),
        -1px 1px 0 var(--moving-text-color),
        1px 1px 0 var(--moving-text-color);
    margin-left: 5rem;
}
@media (max-width: 991px) {
    .outline-heading {
        font-size: 12rem;
    }
}
@media (max-width: 767px) {
    .outline-heading {
        font-size: 9rem;
    }
}
.text-container {
    white-space: nowrap;
    position: relative;
}
p {
    color: var(--paragraph-color);
    font-family: var(--jakarta-font-family);
    font-weight: 500;
    font-size: var(--paragraph-font-size);
    line-height: 22px;
}
/* blog start */
.blog-section .sub-heading {
    text-align: center;
}
.blog-section .main-heading {
    text-align: center;
    max-width: 59%;
    margin-left: auto;
    margin-right: auto;
}
@media (max-width: 767px) {
    .blog-section .main-heading {
        max-width: 100%;
    }
}
.blog-section .btn {
    margin: 5rem auto 0 auto;
}
@media (max-width: 767px) {
    .blog-section .btn {
        margin: 3rem auto 0 auto;
    }
}
.blog-section .outline-heading {
    margin-top: 5rem;
}
@media (max-width: 767px) {
    .blog-section .outline-heading {
        margin-top: 3rem;
    }
}
.blog-section.blog-grid-section {
    padding: 15rem 0 20rem;
}
@media (max-width: 991px) {
    .blog-section.blog-grid-section {
        padding: 10rem 0 15rem 0;
    }
}
@media (max-width: 767px) {
    .blog-section.blog-grid-section {
        padding: 5rem 0 15rem 0;
    }
}
.blog-cards-wrapper {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    column-gap: 3rem;
    row-gap: 5rem;
}
@media (max-width: 991px) {
    .blog-cards-wrapper {
        grid-template-columns: 1fr 1fr;
    }
}
@media (max-width: 767px) {
    .blog-cards-wrapper {
        grid-template-columns: 1fr;
    }
}
.blog-cards-wrapper .blog-card {
    text-decoration: none;
    box-shadow: rgba(0, 0, 0, 0.2) 0px 74px 85px -32px;
}
.blog-cards-wrapper .blog-card .blog-img-block {
    position: relative;
    clip-path: var(--slope-clip-top-right-3);
    height: 418px;
    overflow: hidden;
}
[dir='rtl'] .blog-cards-wrapper .blog-card .blog-img-block {
    clip-path: var(--slope-clip-top-left-3);
}
.blog-cards-wrapper .blog-card .blog-img-block .blog-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.3s ease-in-out; /* Smooth zoom effect */
}
.blog-cards-wrapper .blog-card .blog-img-block .date-tag {
    background-color: var(--primary-color);
    position: absolute;
    width: 81px;
    height: 78px;
    font-family: var(--jakarta-font-family);
    bottom: 0;
    left: 0;
    z-index: 10;
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    color: var(--primary-white);
    clip-path: var(--slope-clip-top-right-base);
}
[dir='rtl'] .blog-cards-wrapper .blog-card .blog-img-block .date-tag {
    clip-path: var(--slope-clip-top-left-base);
}
.blog-cards-wrapper .blog-card .blog-img-block .date-tag .date {
    font-weight: 600;
    font-size: var(--medium-font-size);
    display: block;
    color: #fff;
}
.blog-cards-wrapper .blog-card .blog-img-block .date-tag .month {
    font-weight: 600;
    font-size: var(--paragraph-font-size);
    display: block;
    color: #fff;
}
.blog-cards-wrapper .blog-card .blog-img-block .date-tag.dark-color {
    color: var(--secondary-color);
}
.blog-cards-wrapper .blog-card .discription-block {
    margin-top: 3rem;
    display: flex;
    flex-direction: column;
    text-align: left;
    row-gap: 0.8rem;
}
.blog-cards-wrapper .blog-card .discription-block .tag-block {
    display: flex;
    justify-content: center;
    gap: 3rem;
}
.blog-cards-wrapper .blog-card .discription-block .tag {
    font-family: var(--jakarta-font-family);
    font-weight: 400;
    color: var(--grey-color);
    font-size: var(--sub-heading-font-size);
}
.blog-cards-wrapper .blog-card .discription-block .blog-title {
    font-family: var(--jakarta-font-family);
    font-weight: 600;
    font-size: var(--feature-font-size);
    color: var(--secondary-color);
    line-height: 34px;
    max-width: 90%;
    margin: auto;
    margin-bottom: 15px;
}
.blog-cards-wrapper .blog-card:hover .blog-img-block .blog-img {
    transform: scale(1.1);
}
.blog-cards-wrapper .hidden-item {
    display: none;
}
.blog-cards-wrapper .hidden-item.visible {
    display: block;
}

/* blog home design start */
.news-block {
    position: relative;
}
.news-block .inner-box {
    position: relative;
    transition: all .3s ease;
    box-shadow: rgb(189 33 47 / 33%) 0px 3px 8px;
    margin-bottom: 20px;
}
.news-block .image-box {
    position: relative;
}
.news-block .image-box .image {
    position: relative;
    overflow: hidden;
    margin-bottom: 0;
}
.news-block .image-box .image img {
    display: block;
    width: 100%;
    transition: all .4s ease;
}
.news-block .image-box .image a:after {
    background: rgba(255, 255, 255, .3);
    bottom: 0;
    content: "";
    left: 50%;
    position: absolute;
    right: 51%;
    top: 0;
    opacity: 1;
    pointer-events: none;
    transition: all .4s linear;
}
.news-block .image-box .date, .news-block .image-box .date b {
    color:#fff;
    font-weight: 700;
    line-height: 16px;
}
.news-block .image-box .date {
    position: absolute;
    right: 20px;
    top: 20px;
    background: var(--primary-color);
    z-index: 1;
    display: flex;
    justify-content: center;
    flex-direction: column;
    height: 60px;
    width: 55px;
    align-items: center;
    font-size: 12px;
    text-transform: uppercase;
}
.news-block .image-box .date:before {
    position: absolute;
    left: 0;
    height: 100%;
    width: 100%;
    top: 0;
    background-color: var(--primary-color);
    content: "";
    opacity: .3;
    z-index: -1;
}
.news-block .image-box .date b {
    display: block;
}
.news-block .image-box .date, .news-block .image-box .date b {
    color: #fff;
    font-weight: 700;
    line-height: 16px;
}
.news-block .content-box .title {
    margin-bottom: 0;
    font-size: 17px;
    font-weight: 600;
    line-height: 26px;
}
.news-block .bottom-box {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px 40px;
    background-color: #F4F5F8;
    border: 1px solid #e6e8ed;
    border-top: 0;
    transition: all .3s ease;
    position: relative;
    z-index: 0;
}
.news-block .bottom-box:before {
    background-color: var(--light-primary-color);
    content: "";
    position: absolute;
    bottom: 0;
    left: -1px;
    height: 0;
    width: calc(100% + 2px);
    transition: all .3s ease;
    z-index: -1;
}
.news-block .bottom-box .read-more {
    font-size: 16px;
    line-height: 30px;
    color: #000;
    font-weight: 500;
    text-transform: uppercase;
    display: flex;
    transition: all .1s linear;
}
.news-block .content-box {
    position: relative;
    padding: 25px 30px 30px;
    background-color: #fff;
    border: 1px solid #e6e8ed;
    border-bottom: 0;
}
.news-block .bottom-box .read-more i {
    margin-left: 10px;
    color: var(--primary-color);
    font-size: 16px;
    transition: all .1s linear;
    display: flex;
    align-items: center;
}
.news-block .inner-box:hover .bottom-box:before {
    height: 100%;
}
.news-block .inner-box:hover .bottom-box .read-more i {
    color: #fff;
}
.news-block .bottom-box .read-more:hover i {
    transform: translateX(-15px);
    opacity: 0;
}
.news-block .inner-box:hover .image img {
    transform: scale(1.1);
}
.news-block .inner-box:hover .bottom-box .read-more {
    color: #fff;
}
.news-block .inner-box:hover .image-box .image a:after {
    left: 0;
    right: 0;
    opacity: 0;
    transition: all .4s linear;
}

/* service detail start */
.points p{
    margin-bottom: 0;
}
.services-detail-section .main-heading {
    max-width: 76%;
    margin-bottom: 5rem;
}
@media (max-width: 991px) {
    .services-detail-section .main-heading {
        max-width: 70%;
    }
}
@media (max-width: 767px) {
    .services-detail-section .main-heading {
        max-width: 100%;
    }
}
.services-detail-section .services-detail-wrapper {
    display: grid;
    grid-template-columns: 3fr 1.4fr;
    gap: 6rem;
}
@media (max-width: 991px) {
    .services-detail-section .services-detail-wrapper {
        grid-template-columns: 1fr;
    }
}
.services-detail-section .services-detail-wrapper .services-links-block .links-container {
    display: grid;
    grid-template-columns: 1fr;
    gap: 42px;
}
.services-detail-section .services-detail-wrapper .services-links-block .links-container .area-link {
    display: flex;
    align-items: center;
    gap: 4rem;
    text-decoration: none;
    padding-bottom: 2rem;
    border-bottom: 2px solid var(--secondary-color);
    color: var(--secondary-color);
    width: 100%;
    font-family: var(--jakarta-font-family);
    font-size: var(--paragraph-font-size);
    font-weight: 600;
    transition: all 0.3s ease-in-out;
}
.services-detail-section .services-detail-wrapper .services-links-block .links-container .area-link .icon {
    height: 3rem;
    width: 3rem;
    fill: var(--secondary-color);
    transition: all 0.3s ease-in-out;
}
.services-detail-section .services-detail-wrapper .services-links-block .links-container .area-link .arrow-right {
    height: 2rem;
    width: 2rem;
    fill: var(--secondary-color);
    transition: all 0.3s ease-in-out;
    margin: auto 0 0 auto;
}
.services-detail-section .services-detail-wrapper .services-links-block .links-container .area-link:hover,
.services-detail-section .services-detail-wrapper .services-links-block .links-container .area-link:active {
    border-bottom: 2px solid var(--primary-color);
    color: var(--primary-color);
}
.services-detail-section .services-detail-wrapper .services-links-block .links-container .area-link:hover .icon,
.services-detail-section .services-detail-wrapper .services-links-block .links-container .area-link:active .icon {
    fill: var(--primary-color);
}
.services-detail-section .services-detail-wrapper .services-links-block .links-container .area-link:hover .arrow-right,
.services-detail-section
    .services-detail-wrapper
    .services-links-block
    .links-container
    .area-link:active
    .arrow-right {
    fill: var(--primary-color);
}
.services-detail-section .services-detail-wrapper .services-links-block .links-container .area-link.active {
    border-bottom: 2px solid var(--primary-color);
    color: var(--primary-color);
}
.services-detail-section .services-detail-wrapper .services-links-block .links-container .area-link.active .icon {
    fill: var(--primary-color);
}
.services-detail-section
    .services-detail-wrapper
    .services-links-block
    .links-container
    .area-link.active
    .arrow-right {
    fill: var(--primary-color);
}
.services-detail-section .services-detail-wrapper .services-links-block .link-card-1 {
    position: relative;
}
.services-detail-section .services-detail-wrapper .services-links-block .link-card-1 .profile-card {
    margin-top: 5rem;
    background-image: url(assets/images/service/77033303d708dfd85dde.webp);
    padding: 4rem;
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    clip-path: var(--slope-clip-top-right-3);
}
[dir='rtl'] .services-detail-section .services-detail-wrapper .services-links-block .link-card-1 .profile-card {
    clip-path: var(--slope-clip-top-left-3);
}
.services-detail-section .services-detail-wrapper .services-links-block .link-card-1 .profile-card .profile-title {
    font-family: var(--jakarta-font-family);
    font-weight: 700;
    font-size: var(--medium-font-size);
    line-height: 44px;
    color: var(--primary-white);
    margin: 9rem 0 1.5rem;
}
.services-detail-section .services-detail-wrapper .services-links-block .link-card-1 .profile-card .profile-title span {
    font-weight: 400;
    display: block;
}
@media (max-width: 991px) {
    .services-detail-section .services-detail-wrapper .services-links-block .link-card-1 .profile-card .profile-title {
        margin: 11rem 0 4.5rem;
    }
}
.services-detail-section .services-detail-wrapper .services-links-block .link-card-1 .profile-card .btn {
    width: 100%;
}
.services-detail-section .services-detail-wrapper .services-links-block .link-card-1 .logo-block {
    width: 106px;
    height: 107px;
    clip-path: var(--slope-clip-bottom-left-3);
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: var(--primary-color);
    position: absolute;
    top: -2rem;
    left: 4rem;
}
.services-detail-section .services-detail-wrapper .services-links-block .link-card-1 .logo-block img {
    width: 40px;
    height: 47px;
}
.services-detail-section .services-detail-wrapper .services-links-block .link-card-2 {
    position: relative;
}
.services-detail-section .services-detail-wrapper .services-links-block .link-card-2 .report-card {
    margin-top: 5rem;
    background-image: url(77033303d708dfd85dde.webp);
    padding: 4rem;
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    clip-path: var(--slope-clip-top-right-3);
}
[dir='rtl'] .services-detail-section .services-detail-wrapper .services-links-block .link-card-2 .report-card {
    clip-path: var(--slope-clip-top-left-3);
}
.services-detail-section .services-detail-wrapper .services-links-block .link-card-2 .report-card .profile-title {
    font-family: var(--jakarta-font-family);
    font-weight: 700;
    font-size: var(--medium-font-size);
    line-height: 44px;
    color: var(--primary-white);
    margin: 9rem 0 4.5rem;
}
.services-detail-section .services-detail-wrapper .services-links-block .link-card-2 .report-card .profile-title span {
    font-weight: 400;
    display: block;
}
@media (max-width: 991px) {
    .services-detail-section .services-detail-wrapper .services-links-block .link-card-2 .report-card .profile-title {
        margin: 11rem 0 4.5rem;
    }
}
.services-detail-section .services-detail-wrapper .services-links-block .link-card-2 .report-card .btn {
    width: 100%;
}
.services-detail-section .services-detail-wrapper .services-links-block .link-card-2 .logo-block {
    width: 106px;
    height: 107px;
    clip-path: var(--slope-clip-bottom-left-3);
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: var(--primary-white);
    position: absolute;
    top: -2rem;
    left: 4rem;
}
.services-detail-section .services-detail-wrapper .services-links-block .link-card-2 .logo-block img {
    width: 40px;
    height: 47px;
}
.services-detail-section .services-detail-wrapper .services-content-block .services-img {
    position: relative;
    overflow: hidden;
    height: 545px;
}
@media (max-width: 767px) {
    .services-detail-section .services-detail-wrapper .services-content-block .services-img {
        height: 400px;
    }
}
.services-detail-section .services-detail-wrapper .services-content-block .services-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    clip-path: var(--slope-clip-top-right-3);
}
[dir='rtl'] .services-detail-section .services-detail-wrapper .services-content-block .services-img img {
    clip-path: var(--slope-clip-top-left-3);
}
.services-detail-section .services-detail-wrapper .services-content-block .services-img .icon-box {
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: var(--primary-color);
    clip-path: var(--slope-clip-top-right-base);
    width: 81px;
    height: 78px;
    position: absolute;
    left: 0;
    bottom: 0;
}
[dir='rtl'] .services-detail-section .services-detail-wrapper .services-content-block .services-img .icon-box {
    clip-path: var(--slope-clip-top-left-base);
}
.services-detail-section .services-detail-wrapper .services-content-block .services-img .icon-box svg {
    fill: var(--primary-white);
    height: 34px;
    width: auto;
}
.services-detail-section .services-detail-wrapper .services-content-block .detail-content {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    margin-top: 2rem;
}
.services-detail-section .services-detail-wrapper .services-content-block .detail-content .service-title {
    font-family: var(--jakarta-font-family);
    font-weight: 600;
    font-size: var(--medium-font-size);
    color: var(--secondary-color);
    line-height: 40px;
}
.services-detail-section .services-detail-wrapper .services-content-block .detail-content .points-box {
    list-style: none;
}
.services-detail-section .services-detail-wrapper .services-content-block .detail-content .points-box .points {
    margin-bottom: 1rem;
    align-items: center;
    display: grid;
    grid-template-columns: auto 1fr;
    gap: 1rem;
}
.services-detail-section .services-detail-wrapper .services-content-block .detail-content .points-box .points .icon {
    min-height: 2rem;
    fill: var(--primary-color);
}
[dir='rtl']
    .services-detail-section
    .services-detail-wrapper
    .services-content-block
    .detail-content
    .points-box
    .points
    .icon {
    rotate: 180deg;
}
.services-detail-section .services-detail-wrapper .services-content-block .detail-content .points-box .points p {
    color: var(--secondary-color);
    font-weight: 600;
}
.services-detail-section .services-detail-wrapper .services-content-block .services-quote-section {
    position: relative;
    background: radial-gradient(circle at bottom right, var(--primary-color) 0, var(--hero-bg-color) 30%);
    background-color: var(--hero-bg-color);
    display: flex;
    gap: 9rem;
    align-items: center;
    margin-top: 5rem;
    clip-path: var(--slope-clip-top-right-3);
}
[dir='rtl'] .services-detail-section .services-detail-wrapper .services-content-block .services-quote-section {
    clip-path: var(--slope-clip-top-left-3);
}
@media (max-width: 991px) {
    .services-detail-section .services-detail-wrapper .services-content-block .services-quote-section {
        gap: 4rem;
    }
}
.services-detail-section .services-detail-wrapper .services-content-block .services-quote-section .main-heading {
    color: var(--primary-white);
    font-size: var(--title-md-font-size);
    margin-bottom: 0;
}
@media (max-width: 767px) {
    .services-detail-section .services-detail-wrapper .services-content-block .services-quote-section .main-heading {
        font-size: 3rem;
    }
}
.services-detail-section .services-detail-wrapper .services-content-block .services-quote-section .service-quote-img {
    height: auto;
    max-width: 100%;
    object-fit: cover;
    clip-path: var(--slope-clip-top-right-3);
}
[dir='rtl']
    .services-detail-section
    .services-detail-wrapper
    .services-content-block
    .services-quote-section
    .service-quote-img {
    clip-path: var(--slope-clip-top-left-3);
}
@media (max-width: 767px) {
    .services-detail-section
        .services-detail-wrapper
        .services-content-block
        .services-quote-section
        .service-quote-img {
        max-width: 35%;
    }
}
.services-detail-section .services-detail-wrapper .services-content-block .points-box {
    list-style: none;
}
.services-detail-section .services-detail-wrapper .services-content-block .points-box .check-points {
    margin-bottom: 1rem;
    align-items: center;
    display: grid;
    grid-template-columns: auto 1fr;
    gap: 1rem;
}
@media (max-width: 767px) {
    .services-detail-section .services-detail-wrapper .services-content-block .points-box .check-points {
        align-items: baseline;
    }
}
.services-detail-section .services-detail-wrapper .services-content-block .points-box .check-points .icon {
    min-height: 2rem;
    fill: var(--primary-color);
}
.page-catagery-list ul li{
    margin-bottom: 20px;
}
.page-catagery-list ul li:last-child{
    margin: 0;
}
.page-catagery-list ul li a{
	position: relative;
    display: block;
	line-height: 1.5em;
    text-transform: capitalize;
    color: var(--text-color);
	background-color: #fff;
	border-radius: 15px;
	padding: 12px 50px 12px 20px;
	overflow: hidden;
    transition: all 0.4s ease-in-out;
	z-index: 1;
	box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}

.page-catagery-list ul li:hover a{
    color: #fff;
}

.page-catagery-list ul li a::before{
    content: '';
    position: absolute;
    top: 50%;
    right: 20px;
    width: 24px;
    height: 24px;
	transform: translateY(-50%);
	background-color: var(--primary-color);
	border-radius: 50%;
	background-image: url('assets/images/service/arrow-white.svg');
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 12px auto;
    transition: all 0.4s ease-in-out;
}

.page-catagery-list ul li:hover a::before{
	background-color: var(--primary-color);
}
.page-catagery-list ul li a {
    position: relative;
    display: block;
    line-height: 1.5em;
    text-transform: capitalize;
    color: #000;
    background-color: #fff;
    border-radius: 15px;
    padding: 12px 50px 12px 20px;
    overflow: hidden;
    transition: all 0.4s ease-in-out;
    z-index: 1;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}
.page-catagery-list ul li:hover a::after {
    top: 0;
    height: 100%;
}
.page-catagery-list ul li:hover a {
    color: #fff;
}
.page-catagery-list ul li a::after{
	content: '';
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 0;
	background: linear-gradient(90deg, var(--primary-color) 0.18%, var(--light-primary-color) 68.68%, var(--light-primary-color) 100.18%);
    transition: all 0.4s ease-in-out;
    z-index: -1;
}
.page-catagery-list ul li:hover a::before {
    background-color: var(--secondary-color);
}
.page-catagery-list ul li:hover a::after{
	top: 0;
	height: 100%;
}
.page-catagery-list {
    background-color: #fffbfb;
    border-radius: 15px;
    margin-bottom: 60px;
    padding: 30px;
    overflow: hidden;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}
ul{
    list-style: none;
    padding-left: 0;
}
.page-catagery-list h3 {
    font-size: 25px;
    text-transform: capitalize;
    margin-bottom: 25px;
    font-weight: 600;
}

/* services start */
.service-card {
    transition: all 0.3s ease;
    transform: translateY(0);
}

.service-card:hover {
    transform: translateY(-12px);
    box-shadow: 0 12px 25px rgba(0,0,0,0.15);
}
.animation-infinite {
    animation: ShapeAnim 80s linear infinite;
    height: 30px;
    width: 100%;
    background-repeat: repeat;
    overflow: hidden;
}
@keyframes ShapeAnim {
  0% {
    background-position: top left;
  }
  100% {
    background-position: top left 2000px;
  }
}
.about-us-1-section{
    position: relative;
}
.shape-mockup {
    position: absolute;
    z-index: -1;
}
@media (max-width: 1399px) {
    .service-card {
        padding: 30px 40px 0px 70px;
    }
}
.service-area-1 {
    background-position: bottom;
}
.service-card {
    background: #fff;
    border-radius: 0px;
    padding: 30px 10px 0px 10px;
    border: 2px solid #fff;
    position: relative;
    margin-bottom: 25px;
    transition: 0.4s;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
    background-image: url(assets/images/service/pricing-shape.webp);
    background-position: right;
    background-repeat: no-repeat;
}
.service-card-shadow-text {
    position: absolute;
    transform: rotate(-90deg) translate(-50%, 0);
    font-size: 36px;
    font-weight: 600;
    color: transparent;
    -webkit-text-stroke: 1px #000;
    transform-origin: left top;
    top: 50%;
    left: 35px;
    opacity: 0.15;
}
.service-card_content {
    padding: 0 0px 0 10px;
}
.service-card_icon {
    display: inline-block;
    margin-bottom: 35px;
    position: relative;
    padding: 10px 0 0 10px;
    margin-left: -10px;
}
.service-card_icon img {
    transition: 0.4s;
}
img:not([draggable]), embed, object, video {
    max-width: 100%;
    height: auto;
}
.service-card_icon:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    height: 52px;
    width: 52px;
    border-radius: 50%;
    background: var(--primary-color);
    opacity: 0.1;
}
.service-card_title {
    margin-top: -0.3em;
    margin-bottom: 10px;
    font-weight: 600;
    font-size: 22px;
    color: #000;
    text-decoration: none;
}
section{
    padding-top: 70px;
    padding-bottom: 70px;
}
.service-card_text {
    font-size: 16px;
    margin-bottom: 23px;
}
@media (max-width: 1399px) {
    .service-card .btn-wrap {
        margin-right: -5px;
    }
}
.service-card .btn-wrap {
    justify-content: end;
    position: relative;
    transform: translate(0, 25px);
    margin-top: -25px;
    margin-right: 0px;
}
.btn-wrap {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 20px 30px;
}
.service-card:after {
    content: "";
    position: absolute;
    right: 40px;
    top: 65px;
    width: 157px;
    height: 1px;
    background: #000;
    opacity: 0.1;
}
.service-card .btn-wrap .icon-btn{
    background: #EBEBEB;
    color: var(--light-primary-color);
}
.icon-btn i {
    font-size: 20px;
}
.icon-btn {
    display: inline-block;
    width: 50px;
    height: 50px;
    line-height:50px;
    font-size: 20px;
    background-color: var(--primary-color);
    color: #fff;
    text-align: center;
    border-radius: 0px;
    border: none;
    transition: 0.4s ease-in-out;
    display: flex;
    align-items: center;
    justify-content: center;
}
.service-card .btn-wrap .btn {
    position: absolute;
    right: -5px;
    bottom: 2px;
    padding: 15px 24px;
    opacity: 0;
    transition: 0.4s;
}
.service-card:hover {
    border-color: var(--primary-color);
}
.service-card:hover .btn-wrap .btn {
    opacity: 1;
}
.service-card:hover .service-card_icon img {
    transform: rotateY(180deg);
}
.gy-30 {
    --bs-gutter-y: 30px;
}


/* testimonials start */
    blockquote.feedback-text p{
        color: #fff;
    }
.customer-feedback-section {
    padding: 70px 0 110px 0;
}
@media (max-width: 991px) {
    .customer-feedback-section {
        padding: 10rem 0;
    }
}
@media (max-width: 767px) {
    .customer-feedback-section {
        padding: 5rem 0;
    }
}
.customer-feedback-section .headings {
    text-align: center;
}
.customer-feedback-section .feedback-main-wrapper {
    position: relative;
}
.customer-feedback-section .feedback-main-wrapper .feedback-bg-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    clip-path: var(--slope-clip-top-right-5);
}
@media (max-width: 991px) {
    .customer-feedback-section .feedback-main-wrapper .feedback-bg-img {
        height: 65rem;
    }
}
.customer-feedback-section .feedback-main-wrapper .feedback-slider {
    position: absolute;
    bottom: calc(var(--slope-value-3) * -1);
    right: 6rem;
    width: 640px;
}
@media (max-width: 767px) {
    .customer-feedback-section .feedback-main-wrapper .feedback-slider {
        width: 90%;
        right: 4rem;
    }
}
@media (max-width: 600px) {
    .customer-feedback-section .feedback-main-wrapper .feedback-slider {
        right: 3rem;
    }
}
.customer-feedback-section .feedback-main-wrapper .swiper {
    width: 100%;
    height: 100%;
}
.customer-feedback-section .feedback-main-wrapper .swiper-slide {
    display: flex;
    justify-content: center;
    align-items: center;
    height: auto;
    background-color: var(--primary-color);
    background-image: url(assets/images/testimonials/getin-bg.webp);
    background-repeat: no-repeat;
    background-size: cover;
    clip-path: var(--slope-clip-bottom-right-3);
    padding: 6rem;
}
@media (max-width: 767px) {
    .customer-feedback-section .feedback-main-wrapper .swiper-slide {
        padding: 4rem;
    }
}
.customer-feedback-section .feedback-main-wrapper .feedback-slider-btns {
    display: flex;
    gap: 1.4rem;
    position: absolute;
    bottom: 4rem;
    right: 4rem;
}
.customer-feedback-section .feedback-main-wrapper .feedback-slider-btns .slider-btn {
    cursor: pointer;
    transition: all 0.25s ease;
    text-align: center;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    position: relative;
    overflow: hidden;
    font-size: 3rem;
    aspect-ratio: 1/1;
    min-width: 4.4rem;
    min-height: 4.4rem;
    flex-basis: min-content;
}
.customer-feedback-section .feedback-main-wrapper .feedback-slider-btns .slider-btn svg {
    height: 3rem;
    width: auto;
    fill: #fff;
}
.customer-feedback-section .feedback-main-wrapper .swiper-button-disabled {
    opacity: 0.4;
}
.customer-feedback-section .feedback-main-wrapper .feedback-box .title {
    font-family: var(--jakarta-font-family);
    font-weight: 600;
    font-size: var(--medium-font-size);
    color: #fff;
    line-height: 40px;
    opacity: 0;
    transform: translateY(30px);
    transition: all 0.6s;
    transition-delay: 0.3s;
}
.customer-feedback-section .feedback-main-wrapper .feedback-box .feedback-text {
    font-family: var(--jakarta-font-family);
    font-weight: 400;
    font-size: var(--paragraph-font-size);
    color: #fff;
    line-height: 34px;
    padding: 1rem 0;
    opacity: 0;
    transform: translateY(30px);
    transition: all 0.6s;
    transition-delay: 0.6s;
}
.customer-feedback-section .feedback-main-wrapper .feedback-box .feedback-author {
    display: flex;
    gap: 1rem;
    align-items: center;
    opacity: 0;
    transform: translateY(30px);
    transition: all 0.9s;
    transition-delay: 0.9s;
}
.customer-feedback-section .feedback-main-wrapper .feedback-box .feedback-author .author-img {
    height: 6rem;
    width: 6rem;
}
.customer-feedback-section .feedback-main-wrapper .feedback-box .feedback-author .author-img img {
    max-width: 100%;
    object-fit: cover;
    border-radius: 50%;
}
.customer-feedback-section .feedback-main-wrapper .feedback-box .feedback-author .author-info .author-name {
    font-family: var(--jakarta-font-family);
    font-weight: 600;
    font-size: var(--paragraph-font-size);
    color: var(--primary-white);
    line-height: 30px;
}
.customer-feedback-section .feedback-main-wrapper .feedback-box .feedback-author .author-info .author-designation {
    font-family: var(--jakarta-font-family);
    font-weight: 600;
    font-size: var(--btn-font-size);
    color: #fff;
    text-transform: uppercase;
    letter-spacing: 1px;
    line-height: 24px;
}
.customer-feedback-section .feedback-main-wrapper .swiper-slide.swiper-slide-active .feedback-box .title {
    opacity: 1;
    transform: translateY(0px);
}
.customer-feedback-section .feedback-main-wrapper .swiper-slide.swiper-slide-active .feedback-box .feedback-text {
    opacity: 1;
    transform: translateY(0px);
}
.customer-feedback-section .feedback-main-wrapper .swiper-slide.swiper-slide-active .feedback-box .feedback-author {
    opacity: 1;
    transform: translateY(0px);
}
.customer-feedback-section.padding-bottom-none {
    padding-bottom: 0;
}

/* header start */
/* header .header-wrapper {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 2rem;
    height: 100px;
    transition: all 0.25s ease;
}
header .header-wrapper .icons-block {
    display: flex;
    align-items: center;
}
@media (max-width: 991px) {
    header .header-wrapper .icons-block {
        display: none;
    }
}
header .header-inner-wrapper {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 100%;
}
header.sticky-nav {
    position: fixed;
    top: 0px;
    left: 0;
    width: 100%;
    z-index: 9999;
    transition: all 0.25s ease;
    padding: 0 4rem;
}
@media (max-width: 991px) {
    header.sticky-nav {
        top: 0;
    }
}
header .logo {
    position: relative;
    text-decoration: none;
}
header .logo span {
    display: flex;
    align-items: center;
    gap: 1rem;
    font-family: var(--jakarta-font-family);
    font-weight: 600;
    font-size: var(--feature-font-size);
    color: var(--primary-white);
}
header .logo span img {
    height: auto;
    width: 200px;
}
header .logo .show-sticky {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    visibility: hidden;
    transition: all 0.25s ease;
}
header .logo .hide-sticky {
    transition: all 0.25s ease;
}
header .language-switcher {
    margin-right: 5px;
}
header .language-switcher a {
    font-family: var(--jakarta-font-family);
    font-size: var(--sub-heading-font-size);
    font-weight: 600;
    letter-spacing: 0.1rem;
    text-decoration: none;
    color: var(--primary-white);
    padding-inline: 3px;
}
header.scrolled {
    top: 0;
    background-color: var(--primary-white);
}
header.scrolled .header-wrapper {
    height: 70px;
}
header.scrolled .logo span {
    color: var(--secondary-color);
}
header.scrolled .navigation-menu a {
    color: var(--secondary-color);
}
header.scrolled .navigation-menu .menu-item-has-children a .icon {
    fill: var(--secondary-color);
}
header.scrolled .logo .show-sticky {
    opacity: 1;
    visibility: visible;
}
header.scrolled .logo .hide-sticky {
    opacity: 0;
    visibility: hidden;
}
header.scrolled .language-switcher a {
    color: var(--secondary-color);
}
header.scrolled .search-icon svg {
    fill: var(--secondary-color);
}
header.scrolled .shopping-cart-icon svg {
    fill: var(--secondary-color);
}
header .hamburger {
    display: none;
}
@media (max-width: 991px) {
    header .hamburger {
        display: block;
    }
}

header.header-2 .container {
    padding: 0 5rem 0 2.5rem;
}
header.header-2.sticky-nav {
    padding: 0;
}
header.header-2.scrolled .header-wrapper {
    height: 70px;
}
header.header-2.scrolled .header-wrapper .search-dropdown {
    top: calc(100% + 2.2rem);
}
header.header-2 .language-switcher a {
    color: var(--secondary-color);
}
header.header-2 .header-wrapper {
    background-color: var(--primary-white);
    height: 95px;
    padding: 0 2rem 0 5rem;
    position: relative;
}
header.header-2 .header-wrapper::after {
    content: '';
    width: calc(var(--slope-value-3) + 2px);
    height: 100%;
    position: absolute;
    top: 0;
    left: calc(100% - 2px);
    background-color: var(--primary-white);
    clip-path: var(--slope-clip-bottom-right-3);
}
[dir='rtl'] header.header-2 .header-wrapper::after {
    clip-path: var(--slope-clip-bottom-left-3);
    right: calc(100% - 2px);
}
@media (max-width: 1200px) {
    header.header-2 .header-wrapper {
        padding: 0 0 0 3rem;
    }
}
header.header-2 .header-wrapper .logo span {
    color: var(--secondary-color);
}
header.header-2 .header-wrapper .navigation-menu a {
    color: var(--secondary-color);
}
header.header-2 .header-wrapper .navigation-menu .menu-item-has-children a .icon {
    fill: var(--secondary-color);
}
header.header-2 .header-wrapper .search-icon svg {
    fill: var(--secondary-color);
}
header.header-2 .header-wrapper .search-dropdown {
    top: calc(100% + 3.4rem);
}
header.header-2 .header-wrapper .shopping-cart-icon svg {
    fill: var(--secondary-color);
}
header.header-2 .header-wrapper .hamburger-icon .bar {
    background-color: var(--secondary-color);
}
@media (max-width: 1200px) {
    header.header-2 .header-wrapper .navigation-menu.desktop > li {
        padding-right: 2.5rem;
    }
}

header.demo-header .container {
    padding: 0 5rem 0 2.5rem;
}
header.demo-header.sticky-nav {
    padding: 0;
}
header.demo-header.scrolled .header-wrapper {
    height: 70px;
}
header.demo-header.scrolled .header-wrapper .search-dropdown {
    top: calc(100% + 2.2rem);
}
header.demo-header .language-switcher a {
    color: var(--secondary-color);
}
header.demo-header .header-wrapper {
    background-color: var(--primary-white);
    height: 95px;
    position: relative;
    padding: 0 2rem;
}
header.demo-header .header-wrapper .logo span {
    color: var(--secondary-color);
}
header.demo-header .header-wrapper .navigation-menu a {
    color: var(--secondary-color);
}
header.demo-header .header-wrapper .navigation-menu .menu-item-has-children a .icon {
    fill: var(--secondary-color);
}
header.demo-header .header-wrapper .search-icon svg {
    fill: var(--secondary-color);
}
header.demo-header .header-wrapper .search-dropdown {
    top: calc(100% + 3.4rem);
}
header.demo-header .header-wrapper .shopping-cart-icon svg {
    fill: var(--secondary-color);
}
header.demo-header .header-wrapper .hamburger-icon .bar {
    background-color: var(--secondary-color);
}
@media (max-width: 1200px) {
    header.demo-header .header-wrapper .navigation-menu.desktop > li {
        padding-right: 2.5rem;
    }
}
header.demo-header .header-wrapper .primary::before {
    background: var(--bg-light);
}
header.demo-header .header-wrapper .icons-block .btn {
    margin-left: 1rem;
}

header.header-3 .container {
    padding: 0 2.55rem 0 5rem;
}
header.header-3.sticky-nav {
    padding: 0;
    top: 35px;
}
@media (max-width: 1200px) {
    header.header-3.sticky-nav {
        top: 36px;
    }
}
@media (max-width: 991px) {
    header.header-3.sticky-nav {
        top: 0;
    }
}
header.header-3.scrolled {
    top: 0;
}
header.header-3.scrolled .header-wrapper {
    height: 70px;
}
header.header-3.scrolled .header-wrapper .search-dropdown {
    top: calc(100% + 2.2rem);
}
header.header-3 .language-switcher a {
    color: var(--secondary-color);
}
header.header-3 .header-wrapper {
    background-color: var(--primary-white);
    height: 75px;
    padding: 0 5rem 0 2rem;
    position: relative;
}
header.header-3 .header-wrapper::after {
    content: '';
    width: calc(var(--slope-value-3) + 2px);
    height: 100%;
    position: absolute;
    top: 0;
    right: calc(100% - 2px);
    background-color: var(--primary-white);
    clip-path: var(--slope-clip-top-left-3);
}
[dir='rtl'] header.header-3 .header-wrapper::after {
    clip-path: var(--slope-clip-top-right-3);
    right: calc(100% - 2px);
}
@media (max-width: 1200px) {
    header.header-3 .header-wrapper {
        padding: 0 3rem 0 1rem;
    }
}
header.header-3 .header-wrapper .logo span {
    color: var(--secondary-color);
}
header.header-3 .header-wrapper .navigation-menu a {
    color: var(--secondary-color);
}
header.header-3 .header-wrapper .navigation-menu .menu-item-has-children a .icon {
    fill: var(--secondary-color);
}
header.header-3 .header-wrapper .search-icon svg {
    fill: var(--secondary-color);
}
header.header-3 .header-wrapper .search-dropdown {
    top: calc(100% + 3.4rem);
}
header.header-3 .header-wrapper .shopping-cart-icon svg {
    fill: var(--secondary-color);
}
header.header-3 .header-wrapper .hamburger-icon .bar {
    background-color: var(--secondary-color);
}
@media (max-width: 1200px) {
    header.header-3 .header-wrapper .navigation-menu.desktop > li {
        padding-right: 1.5rem;
    }
}


.navigation-menu {
    margin: 0;
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    height: 100%;
    z-index: 9999;
}
.navigation-menu-wrapper {
    height: 100%;
    z-index: 9999;
}
.navigation-menu ul {
    margin: 0;
}
.navigation-menu > li > a {
    padding: 0 25px;
}
.navigation-menu > li > a::after {
    content: '';
    width: 0;
    height: 1px;
    position: absolute;
    bottom: 0;
    left: 0;
    opacity: 0;
    transition: all 0.25s ease;
}
.navigation-menu > li > a:hover::after {
    width: 100%;
    opacity: 1;
}
.navigation-menu li {
    height: 100%;
    list-style: none;
}
.navigation-menu a {
    font-family: var(--jakarta-font-family);
    font-size: var(--sm-title-font-size);
    font-weight: 600;
    letter-spacing: 0.1rem;
    color: var(--primary-white);
    text-decoration: none;
    display: flex;
    align-items: center;
    width: 100%;
    height: 100%;
    outline: 0;
    position: relative;
}
.navigation-menu a .icon {
    height: 14px;
    transition: all 0.25s ease;
}
.navigation-menu a .icon svg {
    vertical-align: top;
}
.navigation-menu.navigation-menu-2 a {
    color: var(--primary-white);
}
.navigation-menu .menu-item-has-children {
    position: relative;
}
.navigation-menu .menu-item-has-children .active-tab {
    color: var(--grey-black);
}
.navigation-menu .sub-menu {
    position: absolute;
    top: 100%;
    width: max-content;
    opacity: 0;
    visibility: hidden;
    padding: 2rem 0;
    min-width: 31.8rem;
    margin-top: 15px;
    margin-left: -25px;
    z-index: 1;
    min-height: 100%;
}
[dir='rtl'] .navigation-menu .sub-menu {
    right: -2.5rem;
}
.navigation-menu .sub-menu li a {
    opacity: 0;
    visibility: hidden;
    padding: 2rem 3rem 2rem 3rem;
    line-height: 1.3;
    font-size: 1.6rem;
    font-weight: 500;
    color: var(--paragraph-color);
    transition: all 0.4s ease-out;
}
.navigation-menu .sub-menu li a span {
    transform: translateX(0px);
    transition: transform 0.4s cubic-bezier(0.25, 1, 0.5, 1); 
}
.navigation-menu .sub-menu li a::before {
    content: '';
    display: inline-block;
    width: 20px;
    height: 20px;
    margin-right: 15px;
    background-color: var(--primary-color);
    mask: url('data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 256 512%27%3E%3Cpath d=%27M64 128v255.1c0 28.37 34.5 42.74 54.63 22.62l128-127.1c12.5-12.5 12.5-32.75 0-45.25l-128-127.1C98.5 85.27 64 99.52 64 128zM224 256l-128 127.1V128L224 256z%27/%3E%3C/svg%3E');
    -webkit-mask: url('data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 256 512%27%3E%3Cpath d=%27M64 128v255.1c0 28.37 34.5 42.74 54.63 22.62l128-127.1c12.5-12.5 12.5-32.75 0-45.25l-128-127.1C98.5 85.27 64 99.52 64 128zM224 256l-128 127.1V128L224 256z%27/%3E%3C/svg%3E');
    mask-size: contain;
    -webkit-mask-size: contain;
    mask-repeat: no-repeat;
    -webkit-mask-repeat: no-repeat;
    transition: all 0.4s ease-out;
}
[dir='rtl'] .navigation-menu .sub-menu li a::before {
    rotate: 180deg;
}
.navigation-menu .sub-menu li a::after {
    content: '';
    visibility: hidden;
    opacity: 0;
    width: 20px;
    height: 20px;
    margin: 0 0 0 auto;
    background-color: var(--primary-color);
    mask: url('data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 256 512%27%3E%3Cpath d=%27M64 128v255.1c0 28.37 34.5 42.74 54.63 22.62l128-127.1c12.5-12.5 12.5-32.75 0-45.25l-128-127.1C98.5 85.27 64 99.52 64 128zM224 256l-128 127.1V128L224 256z%27/%3E%3C/svg%3E');
    -webkit-mask: url('data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 256 512%27%3E%3Cpath d=%27M64 128v255.1c0 28.37 34.5 42.74 54.63 22.62l128-127.1c12.5-12.5 12.5-32.75 0-45.25l-128-127.1C98.5 85.27 64 99.52 64 128zM224 256l-128 127.1V128L224 256z%27/%3E%3C/svg%3E');
    mask-size: contain;
    -webkit-mask-size: contain;
    mask-repeat: no-repeat;
    -webkit-mask-repeat: no-repeat;
    transform: translateX(-10px);
    transition: all 0.4s ease-out;
}
[dir='rtl'] .navigation-menu .sub-menu li a::after {
    rotate: 180deg;
}
.navigation-menu .sub-menu li a svg {
    fill: var(--secondary-color);
}
.navigation-menu .sub-menu li:hover > a,
.navigation-menu .sub-menu li.current-menu-item > a {
    background-color: var(--bg-light);
    color: var(--secondary-color);
}
.navigation-menu .sub-menu li:hover > a span,
.navigation-menu .sub-menu li.current-menu-item > a span {
    transform: translateX(-34px);
}
.navigation-menu .sub-menu li:hover > a::before,
.navigation-menu .sub-menu li.current-menu-item > a::before {
    transform: translateX(-20px);
    opacity: 0;
    visibility: hidden;
}
.navigation-menu .sub-menu li:hover > a::after,
.navigation-menu .sub-menu li.current-menu-item > a::after {
    visibility: visible;
    opacity: 1;
    transform: translateX(0%);
}
.navigation-menu .sub-menu li:hover > a svg,
.navigation-menu .sub-menu li.current-menu-item > a svg {
    fill: var(--primary-white);
}
.navigation-menu .sub-menu .back-button a::after {
    display: none;
}
.navigation-menu .sub-menu .back-button a::before {
    display: none;
}
.navigation-menu .sub-menu .sub-menu {
    top: 6px;
    left: calc(100% - 1px);
    background-color: var(--bg-light);
    clip-path: var(--slope-clip-top-right-base);
    height: auto;
    z-index: -1;
    margin-left: -1rem;
    padding-top: 1.4rem;
}
[dir='rtl'] .navigation-menu .sub-menu .sub-menu {
    clip-path: var(--slope-clip-top-left-base);
}
.navigation-menu .sub-menu .sub-menu li {
    height: auto;
}
.navigation-menu .sub-menu .sub-menu a {
    color: var(--paragraph-color);
}
.navigation-menu .sub-menu .sub-menu a::before {
    display: none !important;
}
.navigation-menu .sub-menu .sub-menu a::after {
    display: none !important;
}
.navigation-menu .sub-menu .sub-menu li:hover > a,
.navigation-menu .sub-menu .sub-menu li.current-menu-item > a {
    background-color: var(--bg-md-light);
    color: var(--secondary-color);
}
.navigation-menu .sub-menu .sub-menu::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0px;
    width: 100%;
    height: 100%;
}
.navigation-menu > .menu-item-has-children {
    position: relative;
}
.navigation-menu > .menu-item-has-children::before {
    content: '';
    position: absolute;
    top: 100%;
    left: 0;
}
.navigation-menu > .menu-item-has-children .menu-item-has-children {
    position: static;
}

.nav-dropdown-bg {
    position: fixed;
    background-color: var(--primary-white);
    z-index: 9998;
    opacity: 0;
    visibility: hidden;
    top: 6px;
    left: 0;
    transform-origin: center center;
    clip-path: var(--slope-clip-top-right-base);
    pointer-events: none;
    display: block;
    box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.2) !important;
}
[dir='rtl'] .nav-dropdown-bg {
    clip-path: var(--slope-clip-top-left-base);
}
.nav-dropdown-bg-icon,
.nav-dropdown-bg .icon {
    position: fixed;
    top: -16px;
    left: 50px;
    z-index: inherit;
    transform: scale(1);
    display: block;
    pointer-events: none;
}
.nav-dropdown-bg-icon svg,
.nav-dropdown-bg .icon svg {
    width: 30px;
    height: 30px;
    fill: var(--primary-white);
}
.nav-dropdown-bg-icon {
    z-index: 9999;
    opacity: 0;
    visibility: hidden;
}
.nav-dropdown-bg .icon {
    opacity: 0;
}

.header-wrapper {
    z-index: 9999;
}
@media (max-width: 991px) {
    .header-wrapper.desktop {
        display: none;
    }
}
@media (min-width: 991px) {
    .header-wrapper.mobile {
        display: none;
    }
}

.logo .mobile-logo-text {
    color: var(--secondary-color);
}

.navigation-menu.mobile {
    display: block;
    position: relative;
    padding: 0;
    --item-font-size: 18px;
    --item-font-weight: 500;
    --item-line-height: 60px;
    --item-color-normal: var(--secondary-color);
}
.navigation-menu.mobile li {
    width: 100%;
    height: auto;
    display: block;
}
.navigation-menu.mobile li a {
    padding-right: 15px;
    padding-left: 0;
}
.navigation-menu.mobile a {
    font-size: var(--item-font-size);
    font-weight: var(--item-font-weight);
    line-height: var(--item-line-height);
    color: var(--item-color-normal);
}
.navigation-menu.mobile li:hover,
.navigation-menu.mobile li:focus,
.navigation-menu.mobile li:active,
.navigation-menu.mobile li.current-menu-item,
.navigation-menu.mobile li.current-menu-ancestor {
    color: var(--main-orange);
}
.navigation-menu.mobile li:hover > a,
.navigation-menu.mobile li:focus > a,
.navigation-menu.mobile li:active > a,
.navigation-menu.mobile li.current-menu-item > a,
.navigation-menu.mobile li.current-menu-ancestor > a {
    background-color: var(--bg-light);
    color: var(--secondary-color);
}
.navigation-menu.mobile li:hover > a .icon svg,
.navigation-menu.mobile li:focus > a .icon svg,
.navigation-menu.mobile li:active > a .icon svg,
.navigation-menu.mobile li.current-menu-item > a .icon svg,
.navigation-menu.mobile li.current-menu-ancestor > a .icon svg {
    fill: var(--main-orange) !important;
}
.navigation-menu.mobile .icon {
    fill: var(--primary-color) !important;
    width: 20px;
    height: 20px;
    pointer-events: none;
}
.navigation-menu.mobile .icon svg {
    width: inherit;
    height: inherit;
    fill: inherit;
}
.navigation-menu.mobile .next-icon {
    margin-left: auto;
}
[dir='rtl'] .navigation-menu.mobile .next-icon {
    transform: rotate(180deg);
}
.navigation-menu.mobile .menu-item-has-children {
    position: static;
}
.navigation-menu.mobile .menu-item-has-children .menu-item-has-children a::after {
    visibility: visible;
    opacity: 1;
    transform: translateX(0%);
}
.navigation-menu.mobile .sub-menu {
    top: 0;
    width: 100%;
    left: 100%;
    padding: 0;
    margin-top: 0;
    margin-left: 0;
    min-width: 100%;
}
[dir='rtl'] .navigation-menu.mobile .sub-menu {
    right: 100%;
    left: auto;
}
.navigation-menu.mobile .sub-menu li a {
    padding: 0;
    font-size: var(--item-font-size);
    font-weight: var(--item-font-weight);
    line-height: var(--item-line-height);
    color: var(--item-color-normal);
}
.navigation-menu.mobile .sub-menu .sub-menu {
    top: 0px;
    left: 100%;
    background-color: transparent;
    box-shadow: none;
}
[dir='rtl'] .navigation-menu.mobile .sub-menu .sub-menu {
    right: 100%;
    left: auto;
}
.navigation-menu.mobile .sub-menu li a::before {
    display: none;
}
.navigation-menu.mobile .back-button a {
    justify-content: initial;
    align-items: center;
    color: var(--secondary-color);
    display: flex;
    align-items: center;
}
.navigation-menu.mobile .back-button a .icon {
    transform: rotate(180deg);
    fill: var(--primary-color);
    margin-right: 0.8rem;
}

.navigation-menu .sub-menu .sub-menu li:hover > a span,
.navigation-menu .sub-menu .sub-menu li.current-menu-item > a span {
    transform: translateX(0);
}

.navigation-menu.desktop {
    padding: 0;
}
.navigation-menu.desktop > li {
    display: flex;
    align-items: center;
}
.navigation-menu.desktop > li > a {
    height: unset;
}
.navigation-menu.desktop > li > a::after {
    bottom: -5px;
}
.navigation-menu.desktop > .menu-item-has-children > a::after {
    display: none;
}
.navigation-menu.desktop > .menu-item-has-children > a .icon {
    width: 1.2rem;
    height: auto;
    margin-left: 0.5rem;
    fill: var(--primary-white);
    display: inline-flex;
}
.navigation-menu.desktop > li {
    position: relative;
}
.navigation-menu.desktop > .current-menu-ancestor::after,
.navigation-menu.desktop > .current-menu-item::after {
    display: block;
}
.navigation-menu.desktop > li {
    padding: 0;
    padding-right: 4.5rem;
}
.navigation-menu.desktop > li > a {
    justify-content: flex-start;
    padding: 0;
}
@media (max-width: 991px) {
    .navigation-menu.desktop {
        display: none;
    }
} */

.search {
    position: relative;
}
.search-icon {
    padding: 1rem;
    border-radius: 50%;
    aspect-ratio: 1;
    cursor: pointer;
}
.search-icon svg {
    height: 2rem;
    fill: var(--primary-white);
}
.search-dropdown {
    position: absolute;
    top: calc(100% + 2.6rem);
    right: -3.4rem;
    opacity: 0;
    visibility: hidden;
    transform: translateY(5rem);
    transition: all 0.3s ease;
}
.search-dropdown input {
    width: 610px;
    max-width: 100%;
    height: 60px;
    outline: none;
    padding: 18px 30px;
    border: 1px solid var(--border-color);
    clip-path: var(--slope-clip-top-right-base);
    box-sizing: border-box;
    font-family: var(--jakarta-font-family);
    line-height: 1.2;
    color: var(--grey-color);
    font-size: var(--sm-font-size);
    font-weight: 500;
}
[dir='rtl'] .search-dropdown input {
    clip-path: var(--slope-clip-top-left-base);
}
.search-dropdown input::-webkit-search-cancel-button {
    -webkit-appearance: none;
    appearance: none;
}
.search-dropdown button {
    position: absolute;
    top: 50%;
    right: 2rem;
    transform: translateY(-50%);
    border: none;
    background-color: transparent;
    cursor: pointer;
}
.search-dropdown button svg {
    height: 2rem;
    fill: var(--primary-color);
    vertical-align: middle;
}
.search-dropdown .arrow-icon {
    position: absolute;
    top: -2.4rem;
    right: 3rem;
    width: 0;
    height: 0;
    width: 4rem;
    height: 4rem;
    fill: var(--primary-white);
}
.search.active .search-dropdown {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}
@media (max-width: 991px) {
    .search {
        display: none;
    }
}

.visually-hidden {
    clip: rect(0 0 0 0);
    clip-path: inset(50%);
    height: 1px;
    overflow: hidden;
    position: absolute;
    white-space: nowrap;
    width: 1px;
}

.shopping-cart-icon {
    padding: 1rem;
    aspect-ratio: 1;
    cursor: pointer;
    min-width: 34px;
    min-height: 34px;
}
.shopping-cart-icon svg {
    fill: var(--primary-white);
    width: 2rem;
    height: 2rem;
}

.announcement-bar {
    position: absolute;
    width: 100%;
    top: 0;
    z-index: 10;
    padding: 0.8rem 1rem;
}
.announcement-bar .announcement-content {
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-family: var(--jakarta-font-family);
    font-size: var(--sm-font-size);
    color: var(--primary-white);
}
.announcement-bar .announcement-content .announcement-bar-links {
    list-style: none;
    display: flex;
    align-items: center;
    gap: 2rem;
}
.announcement-bar .announcement-content .announcement-bar-links .social-link {
    text-decoration: none;
    color: var(--primary-white);
    display: flex;
    align-items: center;
}
.announcement-bar .announcement-content .announcement-bar-links .social-link svg {
    height: 16px;
    fill: var(--primary-color);
}
@media (max-width: 991px) {
    .announcement-bar {
        display: none;
    }
}

.demo-announcement-bar {
    position: absolute;
    width: 100%;
    top: 3rem;
    z-index: 10;
}
.demo-announcement-bar .announcement-content {
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-family: var(--jakarta-font-family);
    font-weight: 500;
    font-size: var(--sm-font-size);
    color: var(--paragraph-color);
    background-color: var(--primary-white);
    height: 6rem;
    padding: 0 4rem;
    border-bottom: 1px solid var(--header-border-color);
}
.demo-announcement-bar .announcement-content .announcement-bar-links {
    list-style: none;
    display: flex;
    align-items: center;
    gap: 2rem;
}
.demo-announcement-bar .announcement-content .announcement-bar-links .contact-link {
    text-decoration: none;
    color: var(--paragraph-color);
    display: flex;
    align-items: center;
    gap: 1rem;
}
.demo-announcement-bar .announcement-content .announcement-bar-links .contact-link svg {
    height: 16px;
    fill: var(--primary-color);
}
.demo-announcement-bar .announcement-content .footer-social-links {
    list-style-type: none;
    display: flex;
    gap: 1rem;
}
.demo-announcement-bar .announcement-content .social-link:link,
.demo-announcement-bar .announcement-content .social-link:visited {
    text-decoration: none;
    background-color: transparent;
    width: 34px;
    height: 34px;
    border: 2px solid var(--primary-white);
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: all 0.3s ease-in-out;
}
.demo-announcement-bar .announcement-content .social-link:link .icon,
.demo-announcement-bar .announcement-content .social-link:visited .icon {
    height: 1.6rem;
    width: 1.6rem;
    fill: var(--primary-color);
    line-height: 1.2;
    transition: 0.3s ease;
}
.demo-announcement-bar .announcement-content .social-link:link:hover,
.demo-announcement-bar .announcement-content .social-link:visited:hover {
    background-color: var(--primary-white);
    border-color: var(--primary-color);
}
@media (max-width: 991px) {
    .demo-announcement-bar {
        display: none;
    }
}

.bold-orange-announcement-bar .announcement-content {
    background-color: var(--secondary-color);
}
.bold-orange-announcement-bar .announcement-content .announcement-bar-links .contact-link {
    color: var(--primary-white);
}
.bold-orange-announcement-bar .announcement-content .social-link:link,
.bold-orange-announcement-bar .announcement-content .social-link:visited {
    border: none;
}
.bold-orange-announcement-bar .announcement-content .social-link:link:hover,
.bold-orange-announcement-bar .announcement-content .social-link:visited:hover {
    background-color: var(--primary-color);
}
.bold-orange-announcement-bar .announcement-content .social-link:link:hover .icon,
.bold-orange-announcement-bar .announcement-content .social-link:visited:hover .icon {
    fill: var(--secondary-color);
}

.hamburger-icon {
    cursor: pointer;
    padding: 0 1rem;
}
.hamburger-icon .bar {
    width: 18px;
    height: 2px;
    background-color: var(--primary-white);
}
.hamburger-icon .bar:nth-child(n + 2) {
    margin-top: 3px;
}
@media (max-width: 991px) {
    .hamburger-icon .bar {
        height: 2px;
    }
}
.hamburger-content {
    position: fixed;
    top: 0;
    left: 0;
    background-color: var(--primary-white);
    width: 100vw;
    height: 100vh;
    z-index: 99999999;
    transition: all 0.5s ease-in-out;
}
.hamburger.direction-left .hamburger-content {
    transform: translateX(-100%);
}
.hamburger.direction-right .hamburger-content {
    right: -100%;
}
.hamburger.shown.direction-left .hamburger-content {
    transform: translateX(0);
}
.hamburger.shown.direction-right .hamburger-content {
    right: 0;
}
.hamburger-close {
    font-size: 22px;
    height: 22px;
    fill: var(--primary-black);
    cursor: pointer;
}
.hamburger-close svg {
    height: inherit;
    fill: inherit;
}
.hamburger .hamburger-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background-color: rgba(20, 27, 37, 0.6);
    opacity: 0;
    visibility: hidden;
    z-index: 9999999;
    transition: all 0.5s ease-in-out;
}
.hamburger.shown .hamburger-overlay {
    opacity: 1;
    visibility: visible;
}

.hamburger-content {
    --padding-left: 3.8rem;
    --padding-right: 3.8rem;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    padding: 2.5rem var(--padding-right) 2.5rem var(--padding-left);
}
.hamburger-content-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 3rem;
}
.hamburger-content-main {
    margin-top: 5.5rem;
}
.hamburger-content-main .navigation-menu > li::after {
    display: none;
}
.hamburger-content-main .navigation-menu > li > a {
    padding: 0 0;
}
.hamburger-content-main .navigation-menu .sub-menu {
    margin-top: 0;
    margin-left: 3.8rem;
}
.hamburger-content-main ul {
    padding: 0 var(--padding-left) 0 var(--padding-right) !important;
}

header .home-2-humburger .bar {
    background-color: var(--primary-black);
}
header.scrolled .hamburger-icon .bar {
    background-color: var(--secondary-color);
}

.hamburger.direction-right .hamburger-content {
    left: auto;
    width: 470px;
    height: 100%;
    display: flex;
    flex-direction: column;
    padding: 30px 48px 30px 48px;
    background: radial-gradient(circle at bottom right, var(--primary-color) 0, var(--secondary-color) 30%);
    background-size: cover;
}
.hamburger.direction-right .hamburger-content-header {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    margin-bottom: 3rem;
}
.hamburger.direction-right .hamburger-content-header .hamburger-close svg {
    fill: var(--primary-color);
}
.hamburger.direction-right .hamburger-content .hamburger-content-inner {
    display: flex;
    flex-direction: column;
}
.hamburger.direction-right .hamburger-content .hamburger-content-inner .icon-box {
    position: absolute;
    font-size: 3.2rem;
    width: 8rem;
    height: 8rem;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: var(--primary-color);
    clip-path: var(--slope-clip-top-right-base);
    left: 30px;
    top: -30px;
    z-index: 9;
}
[dir='rtl'] .hamburger.direction-right .hamburger-content .hamburger-content-inner .icon-box {
    clip-path: var(--slope-clip-top-left-base);
}
.hamburger.direction-right .hamburger-content .hamburger-content-inner .icon-box .logo-icon {
    height: 3.2rem;
    fill: var(--global-primary-white);
}
.hamburger.direction-right .hamburger-content .hamburger-content-inner .hamburger-image {
    position: relative;
    align-self: center;
}
.hamburger.direction-right .hamburger-content .hamburger-content-inner .hamburger-image .image {
    max-width: 100%;
    height: auto;
    clip-path: var(--slope-clip-top-right-3);
    object-fit: cover;
}
[dir='rtl'] .hamburger.direction-right .hamburger-content .hamburger-content-inner .hamburger-image .image {
    clip-path: var(--slope-clip-top-left-3);
}
.hamburger.direction-right .hamburger-content .hamburger-content-inner .form-container {
    text-align: center;
    background-size: cover;
    color: var(--primary-white);
    clip-path: var(--slope-clip-top-right-3);
}
[dir='rtl'] .hamburger.direction-right .hamburger-content .hamburger-content-inner .form-container {
    clip-path: var(--slope-clip-top-left-3);
}
.hamburger.direction-right .hamburger-content .hamburger-content-inner .form-container h2 {
    font-family: var(--jakarta-font-family);
    color: var(--primary-color);
    font-weight: 700;
    font-size: var(--sub-heading-font-size);
    margin-bottom: 5rem;
    margin-top: 3rem;
    letter-spacing: 2px;
}
.hamburger.direction-right .hamburger-content .hamburger-content-inner .form-container .input-group {
    position: relative;
    margin: 15px 0;
    text-align: left;
    display: flex;
    align-items: flex-start;
    gap: 2rem;
    border-bottom: 2px solid rgba(255, 255, 255, 0.4);
}
.hamburger.direction-right .hamburger-content .hamburger-content-inner .form-container .input-group label {
    display: inline-block;
    margin-top: 3px;
}
.hamburger.direction-right .hamburger-content .hamburger-content-inner .form-container .input-group label svg {
    height: 2rem;
    width: 2rem;
    fill: var(--primary-color);
}
.hamburger.direction-right .hamburger-content .hamburger-content-inner .form-container .input-group input[type='text'],
.hamburger.direction-right .hamburger-content .hamburger-content-inner .form-container .input-group input[type='email'],
.hamburger.direction-right .hamburger-content .hamburger-content-inner .form-container .input-group input[type='tel'] {
    background: none;
    outline: none;
    border: none;
    width: 100%;
    height: 2.5rem;
    font-family: var(--jakarta-font-family);
    font-weight: 600;
    font-size: 15px;
    color: var(--primary-white);
    margin-bottom: 2rem;
    text-align: left;
}
.hamburger.direction-right .hamburger-content .hamburger-content-inner .form-container .input-group textarea {
    background: none;
    outline: none;
    border: none;
    color: var(--primary-white);
    width: 100%;
    height: 10rem;
    resize: none;
}
.hamburger.direction-right .hamburger-content .hamburger-content-inner .form-container .input-group input::placeholder,
.hamburger.direction-right
    .hamburger-content
    .hamburger-content-inner
    .form-container
    .input-group
    textarea::placeholder {
    font-family: var(--jakarta-font-family);
    font-weight: 600;
    font-size: 15px;
    color: var(--primary-white);
}
.hamburger.direction-right .hamburger-content .hamburger-content-inner .form-container .submit-btn {
    width: 100%;
    margin-top: 5rem;
}
.hamburger.direction-right .hamburger-content .hamburger-content-inner .form-container .submit-btn.btn--green {
    background: linear-gradient(to right, var(--primary-white) 50%, var(--primary-color) 50%);
    background-size: 200% 100%;
    background-position: right; /* Start the gradient on the right */
    justify-content: center;
    color: var(--primary-white);
    transition:
        all 0.3s ease-in-out,
        background-position 0.3s ease-in-out;
}
.hamburger.direction-right .hamburger-content .hamburger-content-inner .form-container .submit-btn.btn--green svg {
    fill: var(--primary-white);
}
.hamburger.direction-right .hamburger-content .hamburger-content-inner .form-container .submit-btn.btn--green:hover {
    background-position: left;
    color: var(--primary-color);
}
.hamburger.direction-right
    .hamburger-content
    .hamburger-content-inner
    .form-container
    .submit-btn.btn--green:hover
    svg {
    fill: var(--primary-color);
}
.hamburger.direction-right .hamburger-content .hamburger-content-inner .form-container #successMessage {
    font-size: var(--btn-font-size);
    font-weight: bold;
    font-family: var(--jakarta-font-family);
    text-align: center;
    color: var(--secondary-color);
    margin-top: 15px;
}
.hamburger.direction-right .hamburger-content .hamburger-content-inner .form-container #errorContainer {
    font-size: var(--btn-font-size);
    font-weight: bold;
    font-family: var(--jakarta-font-family);
    text-align: center;
    margin-top: 15px;
}
.hamburger.direction-right .hamburger-content .hamburger-content-inner .sidebar-title {
    font-family: var(--jakarta-font-family);
    font-size: var(--feature-font-size);
    font-weight: 600;
    color: var(--secondary-color);
    margin-bottom: 1.7rem;
    margin-top: 4rem;
}
.hamburger.direction-right .hamburger-content .hamburger-content-inner .social-block .follow {
    font-family: var(--jakarta-font-family);
    font-size: var(--btn-font-size);
    font-weight: 600;
    color: var(--primary-color);
    text-transform: uppercase;
    letter-spacing: 2px;
    margin-bottom: 1.7rem;
    margin-top: 4rem;
}
.hamburger.direction-right .hamburger-content .hamburger-content-inner .social-block .footer-social-links {
    list-style-type: none;
    display: flex;
    gap: 1rem;
    margin-top: 5rem;
}
.hamburger.direction-right .hamburger-content .hamburger-content-inner .social-block .social-link:link,
.hamburger.direction-right .hamburger-content .hamburger-content-inner .social-block .social-link:visited {
    text-decoration: none;
    background-color: transparent;
    width: 50px;
    height: 50px;
    border: 2px solid var(--primary-color);
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: all 0.3s ease-in-out;
}
.hamburger.direction-right .hamburger-content .hamburger-content-inner .social-block .social-link:link .icon,
.hamburger.direction-right .hamburger-content .hamburger-content-inner .social-block .social-link:visited .icon {
    height: 2rem;
    width: 2rem;
    fill: var(--primary-color);
    line-height: 1.2;
    transition: 0.3s ease;
}
.hamburger.direction-right .hamburger-content .hamburger-content-inner .social-block .social-link:link:hover,
.hamburger.direction-right .hamburger-content .hamburger-content-inner .social-block .social-link:visited:hover {
    background-color: var(--primary-color);
}
.hamburger.direction-right .hamburger-content .hamburger-content-inner .social-block .social-link:link:hover .icon,
.hamburger.direction-right .hamburger-content .hamburger-content-inner .social-block .social-link:visited:hover .icon {
    fill: var(--primary-white);
}

.hamburger.direction-right {
    display: block;
}
@media (max-width: 991px) {
    .hamburger.direction-right {
        display: none;
    }
}

.header-2-hamburger.direction-right .hamburger-content {
    background-color: var(--primary-white);
    background-image: none;
}

.red-theme-bg {
    background: radial-gradient(
        circle at bottom right,
        var(--primary-color) 0,
        var(--main-secondary-color) 30%
    ) !important;
}

.hero-section {
    position: relative;
}
.hero-section .swiper-hero {
    height: 100%;
    width: 100%;
}
.hero-section .hero-slider {
    width: 100%;
    height: 100%;
    position: relative;
}
.hero-section .hero-slider .swiper-slide {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    position: relative;
}
.hero-section .hero-slider .swiper-slide .hero-slide-wrapper {
    position: relative;
}
.hero-section .hero-slider .swiper-slide .hero-slide-wrapper::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 97.2%;
    background: radial-gradient(circle at bottom left, var(--primary-color) 0, var(--hero-bg-color) 30%);
    background-color: var(--hero-bg-color);
    z-index: 0; 
}
.hero-section .hero-slider .swiper-slide .hero-slide-wrapper .hero-img-overlay {
    position: absolute;
    clip-path: var(--slope-clip-bottom-left-3);
    overflow: hidden;
    top: 0;
    right: 0;
    height: 100%;
    width: calc(50% - 20rem);
}
[dir='rtl'] .hero-section .hero-slider .swiper-slide .hero-slide-wrapper .hero-img-overlay {
    clip-path: var(--slope-clip-bottom-right-3);
}
@media (max-width: 767px) {
    .hero-section .hero-slider .swiper-slide .hero-slide-wrapper .hero-img-overlay {
        width: calc(100% - 20rem);
    }
}
.hero-section .hero-slider .swiper-slide .hero-slide-wrapper .hero-img-overlay .hero-slide-bg {
    position: relative;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    clip-path: var(--slope-clip-bottom-left-3);
}
[dir='rtl'] .hero-section .hero-slider .swiper-slide .hero-slide-wrapper .hero-img-overlay .hero-slide-bg {
    clip-path: var(--slope-clip-bottom-right-3);
}
.hero-section .hero-slider .swiper-slide .hero-slide-wrapper .hero-text-box {
    padding-top: 32rem;
    padding-bottom: 257px;
    width: 80%;
}
@media (max-width: 1456px) {
    .hero-section .hero-slider .swiper-slide .hero-slide-wrapper .hero-text-box {
        padding-top: 30rem;
        padding-bottom: 20rem;
    }
    .hero-section .hero-slider .swiper-slide .hero-slide-wrapper .hero-text-box .hero-btn {
        margin-bottom: 10rem;
    }
}
.hero-section .hero-slider .swiper-slide .hero-slide-wrapper .hero-text-box .main-heading {
    opacity: 0;
    transform: translateY(30px);
    transition: all 0.6s;
    transition-delay: 0.3s;
    color: var(--primary-white);
    font-size: 8rem;
}
@media (max-width: 1200px) {
    .hero-section .hero-slider .swiper-slide .hero-slide-wrapper .hero-text-box .main-heading {
        font-size: 6rem;
    }
}
@media (max-width: 991px) {
    .hero-section .hero-slider .swiper-slide .hero-slide-wrapper .hero-text-box .main-heading {
        font-size: 5rem;
    }
}
@media (max-width: 767px) {
    .hero-section .hero-slider .swiper-slide .hero-slide-wrapper .hero-text-box .main-heading {
        font-size: 4.2rem;
    }
}
.hero-section .hero-slider .swiper-slide .hero-slide-wrapper .hero-text-box .hero-btn {
    opacity: 0;
    transform: translateY(30px);
    transition: all 0.6s;
    transition-delay: 0.6s;
}
.hero-section .hero-slider .swiper-slide.swiper-slide-active .hero-slide-wrapper .hero-text-box .main-heading {
    opacity: 1;
    transform: translateY(0px);
}
.hero-section .hero-slider .swiper-slide.swiper-slide-active .hero-slide-wrapper .hero-text-box .hero-btn {
    opacity: 1;
    transform: translateY(0px);
}
.hero-section .hero-slider .grid-icon {
    position: absolute;
    width: 4.6rem;
    height: 4.6rem;
    stroke: var(--primary-white);
    bottom: 40px;
    right: 40px;
    z-index: 10;
}
@media (max-width: 991px) {
    .hero-section .hero-slider .grid-icon {
        bottom: 20px;
        right: 20px;
    }
}
.hero-section .hero-slider .swiper-hero-button-next,
.hero-section .hero-slider .swiper-hero-button-prev {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 10;
    width: 52px;
    height: 52px;
    fill: var(--primary-white);
    border-radius: 50%;
    padding: 12px;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}
.hero-section .hero-slider .swiper-button-disabled {
    opacity: 0.302;
}
.hero-section .hero-slider .swiper-hero-button-next {
    right: 40px;
}
@media (max-width: 1200px) {
    .hero-section .hero-slider .swiper-hero-button-next {
        right: 28px;
        width: 42px;
        height: 42px;
        padding: 10px;
    }
}
@media (max-width: 940px) {
    .hero-section .hero-slider .swiper-hero-button-next {
        right: 28px;
        width: 38px;
        height: 38px;
        padding: 10px;
    }
}
@media (max-width: 767px) {
    .hero-section .hero-slider .swiper-hero-button-next {
        right: 18px;
        width: 32px;
        height: 32px;
        padding: 8px;
    }
}
.hero-section .hero-slider .swiper-hero-button-prev {
    left: 40px;
}
@media (max-width: 1200px) {
    .hero-section .hero-slider .swiper-hero-button-prev {
        left: 28px;
        width: 42px;
        height: 42px;
        padding: 10px;
    }
}
@media (max-width: 940px) {
    .hero-section .hero-slider .swiper-hero-button-prev {
        left: 28px;
        width: 38px;
        height: 38px;
        padding: 10px;
    }
}
@media (max-width: 767px) {
    .hero-section .hero-slider .swiper-hero-button-prev {
        left: 18px;
        width: 32px;
        height: 32px;
        padding: 8px;
    }
}
.hero-section .hero-slider .swiper-hero-pagination {
    display: flex;
    gap: 6px;
    font-family: var(--jakarta-font-family);
    font-size: var(--btn-font-size);
    font-weight: 700;
    color: var(--primary-color);
    letter-spacing: 2px;
    position: relative;
    z-index: 10;
    bottom: 10rem;
    width: 80%;
}
.hero-section .hero-slider .swiper-hero-pagination .swiper-pagination-current {
    color: var(--primary-white);
}
.hero-section .hero-slider .hero-btn {
    display: flex;
    gap: 12px;
    margin-top: 12rem;
    margin-bottom: 6rem;
}
@media (max-width: 1200px) {
    .hero-section .hero-slider .hero-btn {
        margin-top: 6rem;
        margin-bottom: 6rem;
    }
}
@media (max-width: 767px) {
    .hero-section .hero-slider .hero-btn {
        flex-direction: column;
    }
    .hero-section .hero-slider .hero-btn .btn {
        min-width: 100%;
        justify-content: center;
    }
}
.hero-section .thumbnail-slider {
    position: absolute;
    bottom: 13rem;
    width: 100%;
}
@media (max-width: 767px) {
    .hero-section .thumbnail-slider {
        bottom: 15rem;
    }
}
.hero-section .thumbnail-slider .swiper-wrapper {
    display: flex;
    flex-wrap: nowrap; 
    justify-content: center;
    align-items: baseline;
}
.hero-section .thumbnail-slider .swiper-slide {
    width: 18rem !important;
    height: 12rem;
    cursor: pointer;
    transition: all 0.3s;
    display: flex;
    justify-content: center;
    align-items: center;
}
@media (max-width: 991px) {
    .hero-section .thumbnail-slider .swiper-slide {
        width: 14rem !important;
        height: 9rem;
    }
}
.hero-section .thumbnail-slider .swiper-slide img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.hero-section .thumbnail-overlay {
    position: relative;
    clip-path: var(--slope-clip-top-right-base);
    overflow: hidden;
}
[dir='rtl'] .hero-section .thumbnail-overlay {
    clip-path: var(--slope-clip-top-left-base);
}
.hero-section .thumbnail-overlay::after {
    content: '';
    background-color: var(--primary-color);
    position: absolute;
    bottom: 0;
    left: 0;
    height: 4px;
    width: 100%;
    background-color: var(--primary-color);
    transform: translateY(4px);
    transition: all 0.3s ease;
}
.hero-section .thumbnail-slider .swiper-slide-thumb-active {
    opacity: 1;
}
.hero-section .thumbnail-slider .swiper-slide-thumb-active.thumbnail-overlay::after {
    opacity: 1;
    transform: translateY(0);
}
.demo-hero-section {
    padding: 12rem 0 3rem 0;
}
.demo-hero-section .hero-wrapper {
    display: grid;
    grid-template-columns: 1.5fr 1fr 1fr;
    gap: 3rem;
    align-items: center;
}
@media (max-width: 991px) {
    .demo-hero-section .hero-wrapper {
        grid-template-columns: 1fr;
    }
}
.demo-hero-section .hero-wrapper .text-block {
    padding-right: 4rem;
}
@media (max-width: 991px) {
    .demo-hero-section .hero-wrapper .text-block {
        padding-right: 0;
    }
}
.demo-hero-section .hero-wrapper .text-block .main-heading {
    font-size: 9rem;
    max-width: 95%;
}
@media (max-width: 991px) {
    .demo-hero-section .hero-wrapper .text-block .main-heading {
        font-size: 6rem;
        margin-bottom: 3rem;
        letter-spacing: 0;
        max-width: 100%;
    }
}
.demo-hero-section .hero-wrapper .text-block p {
    font-size: var(--feature-font-size);
    max-width: 95%;
}
@media (max-width: 991px) {
    .demo-hero-section .hero-wrapper .text-block p {
        max-width: 100%;
    }
}
.demo-hero-section .hero-wrapper .text-block .hero-btns {
    display: flex;
    gap: 1rem;
    margin-top: 3rem;
}
@media (max-width: 767px) {
    .demo-hero-section .hero-wrapper .text-block .hero-btns {
        flex-direction: column;
    }
}
@media (max-width: 767px) {
    .demo-hero-section .hero-wrapper .text-block .hero-btns .btn {
        width: 100%;
    }
}
.demo-hero-section .hero-wrapper .text-block .hero-btns .primary::before {
    background: var(--bg-light);
}
.demo-hero-section .hero-wrapper .text-block .hero-btns .secondary {
    background-color: var(--bg-light);
}
.demo-hero-section .hero-wrapper .text-block .hero-btns .secondary .text-one {
    color: var(--secondary-color);
}
.demo-hero-section .hero-wrapper .text-block .hero-btns .secondary .text-one svg {
    fill: var(--secondary-color);
}
.demo-hero-section .hero-wrapper .text-block .hero-btns .btn .text-two,
.demo-hero-section .hero-wrapper .text-block .hero-btns .btn:link .text-two,
.demo-hero-section .hero-wrapper .text-block .hero-btns .btn:visited .text-two {
    transform: translate(-50%, 300%);
}
.demo-hero-section .hero-wrapper .text-block .hero-btns .btn:hover .text-two,
.demo-hero-section .hero-wrapper .text-block .hero-btns .btn:link:hover .text-two,
.demo-hero-section .hero-wrapper .text-block .hero-btns .btn:visited:hover .text-two {
    transform: translate(-50%, -50%);
}
.demo-hero-section .hero-wrapper .hero-image {
    position: relative;
    height: 100%;
}
.demo-hero-section .hero-wrapper .hero-image video {
    width: 100%;
    height: 100%;
    object-fit: cover;
    clip-path: var(--slope-clip-bottom-right-3);
}
@media (max-width: 991px) {
    .demo-hero-section .hero-wrapper .hero-image video {
        height: 50rem;
    }
}
.demo-hero-section .hero-wrapper .hero-image .badge {
    background-color: var(--primary-color);
    clip-path: var(--slope-clip-bottom-left-3);
    padding: 3rem;
    position: absolute;
    bottom: 11rem;
    left: calc(var(--slope-value-3) * -1);
    width: 260px;
}
@media (max-width: 991px) {
    .demo-hero-section .hero-wrapper .hero-image .badge {
        bottom: 2px;
    }
}
@media (max-width: 767px) {
    .demo-hero-section .hero-wrapper .hero-image .badge {
        padding: 3rem;
    }
}
[dir='rtl'] .demo-hero-section .hero-wrapper .hero-image .badge {
    clip-path: var(--slope-clip-bottom-right-3);
}
.demo-hero-section .hero-wrapper .hero-image .badge svg {
    fill: var(--primary-white);
}
.demo-hero-section .hero-wrapper .hero-image .badge .text {
    font-family: var(--jakarta-font-family);
    color: var(--primary-white);
    font-size: var(--paragraph-font-size);
    font-weight: 700;
    line-height: 28px;
    padding-top: 2rem;
}



.hero-section-2 {
    position: relative;
}
.hero-section-2 .swiper-hero {
    height: 100%;
    width: 100%;
}
.hero-section-2 .hero-slider-2 {
    width: 100%;
    height: 100%;
    position: relative;
    /* Custom Navigation Arrows */
}
.hero-section-2 .hero-slider-2 .swiper-slide {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    position: relative;
}
.hero-section-2 .hero-slider-2 .swiper-slide .hero-slide-bg-wrapper {
    position: absolute;
    width: 100%;
    height: 100%;
    overflow: hidden;
    clip-path: var(--slope-clip-bottom-left-5);
}
[dir='rtl'] .hero-section-2 .hero-slider-2 .swiper-slide .hero-slide-bg-wrapper {
    clip-path: var(--slope-clip-bottom-right-5);
}
.hero-section-2 .hero-slider-2 .swiper-slide .hero-slide-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: calc(100% + 100px);
    height: 100%;
    object-fit: cover;
    z-index: 1;
}
[dir='rtl'] .hero-section-2 .hero-slider-2 .swiper-slide .hero-slide-bg {
    right: 0;
    left: auto;
}
.hero-section-2 .hero-slider-2 .swiper-slide .hero-text-box {
    position: relative;
    z-index: 1;
    padding-top: 22.5rem;
    padding-bottom: 12.5rem;
    width: 80%;
}
@media (max-width: 1456px) {
    .hero-section-2 .hero-slider-2 .swiper-slide .hero-text-box {
        padding-top: 210px;
        padding-bottom: 116px;
    }
}
/* .hero-text-box.container p {
    margin-top: 63px;
} */
.hero-section-2 .hero-slider-2 .swiper-slide .hero-text-box .main-heading {
    /* opacity: 0; */
    transform: translateY(30px);
    transition: all 0.6s;
    transition-delay: 0.3s;
    color: var(--primary-white);
    font-size: 60px;
    max-width: 70%;
}
@media (max-width: 1490px) {
    .hero-section-2 .hero-slider-2 .swiper-slide .hero-text-box .main-heading {
        max-width: 88%;
    }
}
@media (max-width: 1200px) {
    .hero-section-2 .hero-slider-2 .swiper-slide .hero-text-box .main-heading {
        font-size: 6rem;
        max-width: 70%;
    }
}
@media (max-width: 991px) {
    .hero-section-2 .hero-slider-2 .swiper-slide .hero-text-box .main-heading {
        font-size: 4rem;
    }
}
@media (max-width: 767px) {
    .hero-section-2 .hero-slider-2 .swiper-slide .hero-text-box .main-heading {
         font-size: 25px;
        max-width: 100%;
    }
}
.hero-section-2 .hero-slider-2 .swiper-slide .hero-text-box .about-list {
    opacity: 0;
    transform: translateY(30px);
    transition: all 0.6s;
    transition-delay: 0.6s;
    list-style: none;
    margin-top: 3.5rem;
    margin-bottom: 5rem;
}
.hero-section-2 .hero-slider-2 .swiper-slide .hero-text-box .about-list .list-item {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin: 5.5px 0;
}
.hero-section-2 .hero-slider-2 .swiper-slide .hero-text-box .about-list .list-item .list-icon {
    height: 30px;
    width: 30px;
    fill: var(--primary-color);
    margin-right: 7.5px;
}
.hero-section-2 .hero-slider-2 .swiper-slide .hero-text-box .about-list .list-item .list-title {
    font-family: var(--jakarta-font-family);
    font-size: var(--paragraph-font-size);
    color: var(--primary-white);
    font-weight: 600;
    line-height: 18px;
    padding-left: 10px;
    line-height: 30px;
}
.hero-section-2 .hero-slider-2 .swiper-slide .hero-text-box .about-list .list-item:not(:last-child) {
    padding-bottom: 15px;
}
.hero-section-2 .hero-slider-2 .hero-button-next,
.hero-section-2 .hero-slider-2 .hero-button-prev {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 1;
    width: 52px;
    height: 52px;
    fill: var(--primary-white);
    border-radius: 50%;
    padding: 12px;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}
.hero-section-2 .hero-slider-2 .swiper-button-disabled {
    opacity: 0.302;
}
.hero-section-2 .hero-slider-2 .hero-button-next {
    right: 40px; /* Position the next button to the right */
}
@media (max-width: 1200px) {
    .hero-section-2 .hero-slider-2 .hero-button-next {
        right: 28px;
        width: 42px;
        height: 42px;
        padding: 10px;
    }
}
@media (max-width: 940px) {
    .hero-section-2 .hero-slider-2 .hero-button-next {
        right: 28px;
        width: 38px;
        height: 38px;
        padding: 10px;
    }
}
@media (max-width: 767px) {
    .hero-section-2 .hero-slider-2 .hero-button-next {
        right: 18px;
        width: 32px;
        height: 32px;
        padding: 8px;
    }
}
.hero-section-2 .hero-slider-2 .hero-button-prev {
    left: 40px; /* Position the prev button to the left */
}
@media (max-width: 1200px) {
    .hero-section-2 .hero-slider-2 .hero-button-prev {
        left: 28px;
        width: 42px;
        height: 42px;
        padding: 10px;
    }
}
@media (max-width: 940px) {
    .hero-section-2 .hero-slider-2 .hero-button-prev {
        left: 28px;
        width: 38px;
        height: 38px;
        padding: 10px;
    }
}
@media (max-width: 767px) {
    .hero-section-2 .hero-slider-2 .hero-button-prev {
        left: 18px;
        width: 32px;
        height: 32px;
        padding: 8px;
    }
}
.hero-section-2 .hero-slider-2 .fraction-hero-pagination {
    display: flex;
    gap: 6px;
    font-family: var(--jakarta-font-family);
    font-size: var(--btn-font-size);
    font-weight: 700;
    color: var(--primary-color);
    letter-spacing: 2px;
    position: relative;
    z-index: 1;
    bottom: 10rem;
    width: 80%;
}
.hero-section-2 .hero-slider-2 .fraction-hero-pagination .swiper-pagination-current {
    color: var(--primary-white);
}
.hero-section-2 .hero-slider-2 .hero-btns {
    /* opacity: 0; */
    transform: translateY(30px);
    transition: all 0.6s;
    transition-delay: 0.9s;
    display: flex;
    gap: 12px;
    margin-top: 1.6rem;
}
@media (max-width: 767px) {
    .hero-section-2 .hero-slider-2 .hero-btns {
        flex-direction: column;
    }
}
@media (max-width: 767px) {
    .hero-section-2 .hero-slider-2 .hero-btns .btn,
    .hero-section-2 .hero-slider-2 .hero-btns .btn:link,
    .hero-section-2 .hero-slider-2 .hero-btns .btn:visited {
        width: 100%;
        justify-content: center;
    }
}
.hero-section-2 .hero-slider-2 .swiper-slide.swiper-slide-active .hero-text-box .main-heading {
    opacity: 1;
    transform: translateY(0px);
    transition:
        opacity 0.6s ease-out,
        transform 0.6s ease-out;
}
.hero-section-2 .hero-slider-2 .swiper-slide.swiper-slide-active .hero-text-box .about-list {
    opacity: 1;
    transform: translateY(0px);
}
.hero-section-2 .hero-slider-2 .swiper-slide.swiper-slide-active .hero-btns {
    opacity: 1;
    transform: translateY(0px);
}
.hero-section-2 .hero-slider-2 .swiper-slide.swiper-slide-active .about-video-box {
    opacity: 1;
    transform: translateY(0px);
}
.hero-section-2 .hero-slider-2 .swiper-slide.swiper-slide-active .commitment-block {
    opacity: 1;
    transform: translateY(0px);
}
/* .hero-section-2 .hero-slider-2 .swiper-slide:not(.swiper-slide-active) .hero-text-box .main-heading {
    opacity: 0 !important;
    transform: translateY(30px) !important;
    transition: none !important;
} */
.hero-section-2 .hero-slider-2 .swiper-slide:not(.swiper-slide-active) .hero-text-box .about-list {
    opacity: 0 !important;
    transform: translateY(30px) !important;
    transition: none !important;
}
.hero-section-2 .hero-slider-2 .swiper-slide:not(.swiper-slide-active) .hero-btns {
    /* opacity: 0 !important; */
    transform: translateY(30px) !important;
    transition: none !important; 
}
.hero-section-2 .hero-slider-2 .swiper-slide:not(.swiper-slide-active) .about-video-box {
    opacity: 0 !important;
    transform: translateY(30px) !important;
    transition: none !important;
}
.hero-section-2 .hero-slider-2 .swiper-slide:not(.swiper-slide-active) .commitment-block {
    opacity: 0 !important;
    transform: translateY(30px) !important;
    transition: none !important;
}
.hero-section-2 .about-video-box {
    opacity: 0;
    transform: translateY(30px);
    transition: all 0.6s;
    transition-delay: 0.9s;
    display: flex;
    position: absolute;
    right: 0;
    bottom: -2px;
    z-index: 1;
}
@media (max-width: 991px) {
    .hero-section-2 .about-video-box {
        right: 2.5rem;
    }
}
.hero-section-2 .about-video-box .video-block:link,
.hero-section-2 .about-video-box .video-block:visited {
    position: relative;
    text-decoration: none;
}
.hero-section-2 .about-video-box .video-block:link .video-img,
.hero-section-2 .about-video-box .video-block:visited .video-img {
    clip-path: var(--slope-clip-top-right-3);
    width: 463px;
    height: 365px;
    object-fit: cover;
}
[dir='rtl'] .hero-section-2 .about-video-box .video-block:link .video-img,
[dir='rtl'] .hero-section-2 .about-video-box .video-block:visited .video-img {
    clip-path: var(--slope-clip-top-left-3);
}
@media (max-width: 1200px) {
    .hero-section-2 .about-video-box .video-block:link .video-img,
    .hero-section-2 .about-video-box .video-block:visited .video-img {
        width: 35rem;
        height: 30rem;
    }
}
@media (max-width: 991px) {
    .hero-section-2 .about-video-box .video-block:link .video-img,
    .hero-section-2 .about-video-box .video-block:visited .video-img {
        width: 30rem;
        height: 20rem;
    }
}
@media (max-width: 767px) {
    .hero-section-2 .about-video-box .video-block:link .video-img,
    .hero-section-2 .about-video-box .video-block:visited .video-img {
        width: 200px;
        height: 125px;
    }
}
.hero-section-2 .about-video-box .video-block:link .video-play-icon,
.hero-section-2 .about-video-box .video-block:visited .video-play-icon {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 116px;
    height: 116px;
    fill: var(--primary-color);
    opacity: 1;
    background-color: var(--primary-white);
    border-radius: 50%;
    padding: 1rem;
}
@media (max-width: 991px) {
    .hero-section-2 .about-video-box .video-block:link .video-play-icon,
    .hero-section-2 .about-video-box .video-block:visited .video-play-icon {
        height: 100px;
        width: 100px;
    }
}
@media (max-width: 991px) {
    .hero-section-2 .about-video-box .video-block:link .video-play-icon,
    .hero-section-2 .about-video-box .video-block:visited .video-play-icon {
        height: 80px;
        width: 80px;
    }
}
@media (max-width: 767px) {
    .hero-section-2 .about-video-box .video-block:link .video-play-icon,
    .hero-section-2 .about-video-box .video-block:visited .video-play-icon {
        height: 60px;
        width: 60px;
    }
}
.hero-section-2 .modal {
    display: none;
    position: fixed;
    z-index: 9999;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: var(--bg-black-transparent); 
}
.hero-section-2 .modal-content {
    position: relative;
    margin: 15% auto;
    padding: 30px;
    width: 80%;
    max-width: 700px;
}
.hero-section-2 .modal-content iframe {
    width: 100%;
    border: none;
}
.hero-section-2 .close-btn {
    position: absolute;
    top: 4px;
    right: 4px;
    height: 28px;
    width: 28px;
    font-weight: bold;
    cursor: pointer;
    background-color: var(--primary-white);
    border-radius: 50%;
}
.hero-section-2 .commitment-block {
    background-image: url(assets/images/homepage/0e1c01063b107f6b1e2b.webp);
    background-repeat: no-repeat;
    background-size: cover;
    width: 513px;
    padding: 6rem;
    display: flex;
    position: absolute;
    right: 0;
    bottom: calc(var(--slope-value-3) * -1 - 1.2rem);
    clip-path: var(--slope-clip-bottom-right-3);
    opacity: 0;
    transform: translateY(30px);
    transition: all 0.6s;
    transition-delay: 0.9s;
}
[dir='rtl'] .hero-section-2 .commitment-block {
    clip-path: var(--slope-clip-bottom-left-3);
}
.hero-section-2 .commitment-block .commitment-item .commitment-title h3 {
    color: var(--primary-white);
}
.hero-section-2 .commitment-block p {
    color: var(--primary-white);
}
@media (max-width: 1300px) {
    .hero-section-2 .commitment-block {
        padding: 4rem;
        width: 450px;
    }
}
@media (max-width: 1200px) {
    .hero-section-2 .commitment-block {
        padding: 3rem;
        width: 400px;
    }
    .hero-section-2 .commitment-block .commitment-item {
        gap: 2rem;
    }
}
@media (max-width: 991px) {
    .hero-section-2 .commitment-block {
        position: relative;
        bottom: auto;
        top: 100%;
        margin-top: 5rem;
        width: 100%;
    }
    .hero-section-2 .commitment-block .commitment-item {
        gap: 2rem;
    }
}
.hero-section-2 .grid-icon {
    position: absolute;
    width: 4.6rem;
    height: 4.6rem;
    stroke: var(--primary-white);
    bottom: 100px;
    right: 50px;
    z-index: 10;
}
@media (max-width: 991px) {
    .hero-section-2 .grid-icon {
        bottom: 50px;
        right: 20px;
    }
}
.hero-section-2 .hero-video-container {
    position: absolute;
    height: 100%;
    width: 100%;
}
.hero-section-2 .hero-video-container video {
    height: 100%;
    object-fit: cover;
    width: 100%;
    filter: grayscale(100%);
    clip-path: var(--slope-clip-bottom-left-5);
}
[dir='rtl'] .hero-section-2 .hero-video-container video {
    clip-path: var(--slope-clip-bottom-right-5);
}
.hero-section-2 .hero-video-container .color-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #bd212f;
    mix-blend-mode: multiply;
    pointer-events: none;
    clip-path: var(--slope-clip-bottom-left-5);
}
[dir='rtl'] .hero-section-2 .hero-video-container .color-overlay {
    clip-path: var(--slope-clip-bottom-right-5);
}
.demo-blue-hero-section {
    position: relative;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 40rem 0 0 0;
}
.demo-blue-hero-section .video-container {
    position: relative;
    top: auto;
    left: 0;
    width: 100%;
    height: 45rem;
    bottom: 0;
    overflow: hidden;
    z-index: -1;
}
.demo-blue-hero-section .video-container video {
    width: 100%;
    height: 70rem;
    object-fit: cover;
}
.demo-blue-hero-section .content {
    position: absolute;
    z-index: 1;
    top: 50%;
    transform: translate(-50%, -50%);
    left: 50%;
    width: 80%;
    margin: auto;
    text-align: center;
}
@media (max-width: 767px) {
    .demo-blue-hero-section .content {
        width: 80%;
    }
}
.demo-blue-hero-section .hero-btns {
    display: flex;
    gap: 1rem;
    align-items: center;
    justify-content: center;
    margin-top: 3rem;
}
@media (max-width: 767px) {
    .demo-blue-hero-section .hero-btns {
        flex-direction: column;
    }
}
@media (max-width: 767px) {
    .demo-blue-hero-section .hero-btns .btn {
        width: 100%;
    }
}
.demo-blue-hero-section .hero-btns .secondary .text-one {
    color: var(--paragraph-light-color);
}
.demo-blue-hero-section .hero-btns .secondary .text-one svg {
    fill: var(--paragraph-light-color);
}
.demo-blue-hero-section .hero-btns .btn .text-two,
.demo-blue-hero-section .hero-btns .btn:link .text-two,
.demo-blue-hero-section .hero-btns .btn:visited .text-two {
    transform: translate(-50%, 300%);
}
.demo-blue-hero-section .hero-btns .btn:hover .text-two,
.demo-blue-hero-section .hero-btns .btn:link:hover .text-two,
.demo-blue-hero-section .hero-btns .btn:visited:hover .text-two {
    transform: translate(-50%, -50%);
}

.hero-cards-wrapper {
    margin-top: calc(var(--slope-value-3) * -1);
}
.hero-cards-wrapper .wrapper {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 3rem;
}
@media (max-width: 991px) {
    .hero-cards-wrapper .wrapper {
        grid-template-columns: 1fr 1fr;
    }
}
@media (max-width: 767px) {
    .hero-cards-wrapper .wrapper {
        grid-template-columns: 1fr;
    }
}

.body-padding {
    padding: 4rem;
}
@media (max-width: 991px) {
    .body-padding {
        padding: 2rem;
    }
}
@media (max-width: 767px) {
    .body-padding {
        padding: 1.4rem;
    }
}

/* breadcrumb */
.page-header-section {
    position: relative;
    padding: 180px 0 95px;
}
.page-header-section::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: calc(100% - var(--slope-value-3));
    background: radial-gradient(circle at bottom left, var(--primary-color) 0, #65000c 30%);
    background-color: var(--light-primary-color);
    z-index: 0; 
}
.page-header-section .hero-img-overlay {
    position: absolute;
    clip-path: var(--slope-clip-bottom-left-3);
    overflow: hidden;
    top: 0;
    right: 0;
    height: 100%;
    width: calc(50% - 20rem);
}
[dir='rtl'] .page-header-section .hero-img-overlay {
    clip-path: var(--slope-clip-bottom-right-3);
}
@media (max-width: 767px) {
    .page-header-section .hero-img-overlay {
        width: calc(100% - 20rem);
    }
}
.page-header-section .hero-img-overlay .hero-slide-bg {
    position: relative;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: top;
    clip-path: var(--slope-clip-bottom-left-3);
}
[dir='rtl'] .page-header-section .hero-img-overlay .hero-slide-bg {
    clip-path: var(--slope-clip-bottom-right-3);
}
.page-header-section .text-box {
    position: relative;
    z-index: 1;
}
.page-header-section .text-box .main-heading {
    color: var(--primary-white);
    font-size: var(--title-lg-font-size);
    margin-bottom: 2.4rem;
}
.page-header-section .text-box .breadcrumbs {
    padding: 0 0;
}
.page-header-section .text-box .breadcrumbs ul {
    list-style: none;
    padding: 0;
    display: flex;
    align-items: flex-start;
    justify-content: start;
}
.page-header-section .text-box .breadcrumbs ul li {
    display: inline-block;
    color: var(--primary-white);
    font-family: var(--jakarta-font-family);
    font-size: var(--sub-heading-font-size);
    font-weight: 600;
    letter-spacing: 1px;
    display: flex;
    align-items: flex-start;
}
.page-header-section .text-box .breadcrumbs ul li a {
    color: inherit;
    text-decoration: none;
}
.page-header-section .text-box .breadcrumbs ul li:nth-child(n + 2)::before {
    content: url('data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27%23ffffff%27%3E%3Cpath d=%27M8.59,16.58L13.17,12L8.59,7.41L10,6L16,12L10,18L8.59,16.58Z%27/%3E%3C/svg%3E');
    display: inline-block;
    width: 24px;
    margin: 0 2px;
    fill: var(--primary-white);
}
[dir='rtl'] .page-header-section .text-box .breadcrumbs ul li:nth-child(n + 2)::before {
    rotate: 180deg;
}
.page-header-section .grid-icon {
    position: absolute;
    width: 4.6rem;
    height: 4.6rem;
    stroke: var(--primary-white);
    bottom: 50px;
    right: 40px;
    z-index: 10;
}
@media (max-width: 991px) {
    .page-header-section .grid-icon {
        bottom: 2rem;
        right: 2rem;
    }
}

/* client section */
.client-section {
    background-color:#fff ;
}
.client-section .headings {
    text-align: center;
}
.client-section .client-block {
    background-color: #bd212f1c;
    min-height: 19rem;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s ease-in-out;
    clip-path: var(--slope-clip-top-right-3);
    flex-direction: column;
}
.industry-text{
    font-size: 18px;
    color: var(--secondary-color);
    margin-top: 15px;
    font-weight: 600;
}
.client-block{
    text-decoration: none;
}
[dir='rtl'] .client-section .client-block {
    clip-path: var(--slope-clip-top-left-3);
}
.client-section .client-block img {
    display: block;
    max-width: 100%;
    height: 100%;
    object-fit: cover;
    /* opacity: 0.3; */
    transition: all 0.3s ease;
}


.project-detail-section {
    position: relative;
    padding: 15rem 0 20rem 0;
}
@media (max-width: 991px) {
    .project-detail-section {
        padding: 10rem 0 15rem 0;
    }
}
@media (max-width: 767px) {
    .project-detail-section {
        padding: 10rem 0 15rem 0;
    }
}
.project-detail-section .project-thumbnail {
    height: 700px;
    clip-path: var(--slope-clip-top-right-3);
}
[dir='rtl'] .project-detail-section .project-thumbnail {
    clip-path: var(--slope-clip-top-left-3);
}
@media (max-width: 991px) {
    .project-detail-section .project-thumbnail {
        height: 500px;
    }
}
.project-detail-section .project-thumbnail img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.project-detail-section .project-main-wrapper {
    display: grid;
    grid-template-columns: 2fr 1fr;
    margin-top: 5rem;
}
@media (max-width: 991px) {
    .project-detail-section .project-main-wrapper {
        grid-template-columns: 1fr;
    }
}
.project-detail-section .project-main-wrapper .project-detail-sidebar {
    padding-top: 10rem;
    padding-left: 10rem;
}
.project-detail-section .project-main-wrapper .project-detail-sidebar .sidebar-content .info:not(:first-child) {
    margin-top: 4rem;
}
@media (max-width: 767px) {
    .project-detail-section .project-main-wrapper .project-detail-sidebar .sidebar-content .info:not(:first-child) {
        margin-top: 3rem;
    }
}
.project-detail-section .project-main-wrapper .project-detail-sidebar .sidebar-content .info .title {
    font-family: var(--jakarta-font-family);
    font-weight: 700;
    font-size: var(--sub-heading-font-size);
    text-transform: uppercase;
    color: var(--primary-color);
    letter-spacing: 1.6px;
}
.project-detail-section .project-main-wrapper .project-detail-sidebar .sidebar-content .info p {
    margin-top: 1rem;
    line-height: 34px;
}
@media (max-width: 991px) {
    .project-detail-section .project-main-wrapper .project-detail-sidebar {
        padding: 5rem 0 0 0;
    }
}
.project-detail-section .project-detail-wrapper {
    display: flex;
    flex-direction: column;
    gap: 4rem;
}
.project-detail-section .project-detail-wrapper .project-icon {
    clip-path: var(--slope-clip-top-right-base);
    background-color: var(--primary-color);
    width: 81px;
    height: 78px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 2rem;
}
.project-detail-section .project-detail-wrapper .project-icon svg {
    height: 3.4rem;
    width: auto;
    fill: var(--primary-white);
}
[dir='rtl'] .project-detail-section .project-detail-wrapper .project-icon {
    clip-path: var(--slope-clip-top-left-base);
}
.project-detail-section .project-detail-wrapper .project-title {
    font-family: var(--jakarta-font-family);
    font-weight: 600;
    font-size: var(--medium-font-size);
    color: var(--secondary-color);
    line-height: 40px;
}
.project-detail-section .project-detail-wrapper .project-discription {
    font-family: var(--jakarta-font-family);
    font-weight: 500;
    font-size: calc(var(--medium-font-size) + 4px);
    color: var(--primary-color);
    line-height: 50px;
    letter-spacing: 0;
    padding: 4rem 0;
    border-bottom: 1px solid var(--primary-color);
}
.project-detail-section .project-detail-wrapper .points-box {
    list-style: none;
}
.project-detail-section .project-detail-wrapper .points-box .check-points {
    margin-bottom: 1rem;
    align-items: center;
    display: grid;
    grid-template-columns: auto 1fr;
    gap: 1rem;
}
@media (max-width: 767px) {
    .project-detail-section .project-detail-wrapper .points-box .check-points {
        align-items: baseline;
    }
}
.project-detail-section .project-detail-wrapper .points-box .check-points .icon {
    min-height: 2rem;
    fill: var(--primary-color);
}
.project-detail-section .project-detail-wrapper.max-width {
    max-width: 783px;
}
.project-detail-section .project-swiper-container {
    margin: 10rem 0;
}
@media (max-width: 767px) {
    .project-detail-section .project-swiper-container {
        margin: 5rem 0;
    }
}
.project-detail-section .project-swiper-container .swiper {
    width: 100%;
    height: 100%;
    overflow: visible;
}
.project-detail-section .project-swiper-container .swiper-slide {
    display: flex;
    justify-content: center;
    align-items: center;
}
.project-detail-section .project-swiper-container .swiper-slide img {
    display: block;
    width: 100%;
    height: 400px;
    object-fit: cover;
}
@media (max-width: 991px) {
    .project-detail-section .project-swiper-container .swiper-slide img {
        height: 30rem;
    }
}
.project-detail-section .project-card-wrapper {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 3rem;
    margin-top: 6rem;
}
@media (max-width: 991px) {
    .project-detail-section .project-card-wrapper {
        grid-template-columns: 1fr 1fr;
    }
}
@media (max-width: 767px) {
    .project-detail-section .project-card-wrapper {
        grid-template-columns: 1fr;
    }
}
.project-detail-section .project-card-wrapper .project-card {
    background-color: var(--secondary-button-bg);
    clip-path: var(--slope-clip-top-right-3);
}
[dir='rtl'] .project-detail-section .project-card-wrapper .project-card {
    clip-path: var(--slope-clip-top-left-3);
}
.project-detail-section .project-card-wrapper .project-card .project-img-block {
    height: 318px;
}
.project-detail-section .project-card-wrapper .project-card .project-img-block img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.project-detail-section .project-card-wrapper .project-card .project-card-content {
    padding: 4rem;
}
.project-detail-section .project-card-wrapper .project-card .project-card-content .main-title {
    font-family: var(--jakarta-font-family);
    font-weight: 600;
    font-size: var(--feature-font-size);
    color: var(--secondary-color);
    line-height: 40px;
    margin-bottom: 4rem;
}
.project-detail-section .project-card-wrapper .project-card .project-card-content .info-block {
    display: flex;
    justify-content: space-between;
    margin-top: 5rem;
}
.project-detail-section .project-card-wrapper .project-card .project-card-content .info .title {
    font-family: var(--jakarta-font-family);
    font-weight: 700;
    font-size: var(--sub-heading-font-size);
    text-transform: uppercase;
    color: var(--primary-color);
    letter-spacing: 1.6px;
}
.project-detail-section .project-card-wrapper .project-card .project-card-content .info p {
    margin-top: 1rem;
    line-height: 34px;
}
.project-detail-section .project-card-wrapper .project-card .project-card-content .btn {
    margin-top: 4rem;
}
.project-detail-section .project-card-wrapper .project-card .project-card-content .btn .text-two {
    transform: translate(-50%, 275%);
}
.project-detail-section .project-card-wrapper .project-card .project-card-content .btn:hover .text-two {
    transform: translate(-50%, -50%);
}
.project-detail-section .project-card-wrapper .project-card .project-card-content .btn.primary {
    background-color: var(--primary-color);
}
.project-detail-section .project-card-wrapper .project-card .project-card-content .btn.primary::before {
    background: var(--secondary-color);
}
.project-detail-section .project-card-wrapper .project-card .project-card-content .btn.primary .text-one {
    color: var(--primary-white);
}
.project-detail-section .project-card-wrapper .project-card .project-card-content .btn.primary .text-one svg {
    fill: var(--primary-white);
}
.project-detail-section .project-card-wrapper .project-card .project-card-content .btn.primary .text-two {
    color: var(--primary-white);
}
.project-detail-section .project-card-wrapper .project-card .project-card-content .btn.primary .text-two svg {
    fill: var(--primary-white);
}

.projects-section {
    padding: 15rem 0 20rem 0;
}
@media (max-width: 991px) {
    .projects-section {
        padding: 10rem 0 15rem 0;
    }
}
@media (max-width: 991px) {
    .projects-section {
        padding: 5rem 0 10rem 0;
    }
}
.projects-section .project-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.projects-section .project-head .filter-container .custom-dropdown {
    position: relative;
    display: inline-block;
    width: 27rem;
}
.projects-section .project-head .filter-container .dropdown-btn,
.projects-section .project-head .filter-container .dropdown-button {
    width: 100%;
    padding: 18px 20px;
    font-family: var(--jakarta-font-family);
    font-size: var(--sm-font-size);
    line-height: 1.2;
    color: var(--paragraph-color);
    background-color: var(--secondary-button-bg);
    text-align: left;
    border: none;
    box-shadow: 1px 1.732px 4px 0px var(--transparent-secondary-color);
    clip-path: var(--slope-clip-top-right-base);
    cursor: pointer;
    position: relative;
}
.projects-section .project-head .filter-container .dropdown-btn::after,
.projects-section .project-head .filter-container .dropdown-button::after {
    content: '';
    width: 20px;
    height: 20px;
    background-color: var(--primary-color);
    mask: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512"%3E%3Cpath d="M271.1 176H48.08c-42.63 0-64.25 51.77-33.88 81.9l111.9 112c18.63 18.76 49.13 18.76 67.88 0l112-112C335.1 227.8 314.7 176 271.1 176zM159.1 336L47.96 224H271.1L159.1 336z"%2F%3E%3C%2Fsvg%3E');
    -webkit-mask: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512"%3E%3Cpath d="M271.1 176H48.08c-42.63 0-64.25 51.77-33.88 81.9l111.9 112c18.63 18.76 49.13 18.76 67.88 0l112-112C335.1 227.8 314.7 176 271.1 176zM159.1 336L47.96 224H271.1L159.1 336z"%2F%3E%3C%2Fsvg%3E');
    mask-size: contain;
    -webkit-mask-size: contain;
    mask-repeat: no-repeat;
    -webkit-mask-repeat: no-repeat;
    color: var(--primary-color);
    position: absolute;
    top: 50%;
    right: 20px;
    transform: translateY(-50%);
    pointer-events: none;
}
.projects-section .project-head .filter-container .all-dropdown-menu,
.projects-section .project-head .filter-container .dropdown-menu {
    display: none;
    position: absolute;
    width: 100%;
    background-color: #fff;
    box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1);
    z-index: 1000;
    list-style: none;
    margin: 0;
    padding: 0;
}
.projects-section .project-head .filter-container .all-dropdown-menu li,
.projects-section .project-head .filter-container .dropdown-menu li {
    padding: 14px 20px;
    font-family: var(--jakarta-font-family);
    font-size: var(--sm-font-size);
    cursor: pointer;
    color: var(--paragraph-color);
    transition: all 0.3s ease;
}
.projects-section .project-head .filter-container .dropdown-menu li:hover {
    background-color: var(--primary-color);
    color: var(--primary-white);
}
.projects-section .project-head .filter-container .all-dropdown-menu li:hover {
    background-color: var(--primary-color);
    color: var(--primary-white);
}
.projects-section .project-head .icons {
    display: flex;
    gap: 1rem;
}
.projects-section .project-head .icons .grid-icon {
    height: 3rem;
    width: 3rem;
    fill: rgba(61, 167, 100, 0.4);
}
.projects-section .project-head .icons .bar-icon {
    height: 3rem;
    width: 3rem;
    fill: var(--primary-color);
}
.projects-section .project-head .view-toggle {
    display: flex;
    gap: 1rem;
}
.projects-section .project-head .view-toggle .icon {
    outline: none;
    border: none;
    background: transparent;
    cursor: pointer;
    opacity: 0.4;
}
.projects-section .project-head .view-toggle .icon svg {
    height: 3rem;
    width: 3rem;
    fill: var(--primary-color);
}
.projects-section .project-head .view-toggle .icon.active {
    opacity: 1;
}
.projects-section .heading {
    text-align: center;
    max-width: 70%;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 5rem;
}
@media (max-width: 991px) {
    .projects-section .heading {
        max-width: 80%;
    }
}
@media (max-width: 767px) {
    .projects-section .heading {
        max-width: 100%;
    }
}
.projects-section .projects {
    margin-top: 5rem;
    gap: 1.5rem;
}
.projects-section .projects .project-card {
    background-color: var(--secondary-button-bg);
    clip-path: var(--slope-clip-top-right-3);
    display: grid;
    grid-template-columns: 2fr 1fr;
    margin-bottom: 3rem;
}
[dir='rtl'] .projects-section .projects .project-card {
    clip-path: var(--slope-clip-top-left-3);
}
@media (max-width: 991px) {
    .projects-section .projects .project-card {
        grid-template-columns: 1fr;
    }
}
.projects-section .projects .project-card .service-img img {
    height: 100%;
    width: 100%;
    object-fit: cover;
    object-position: left;
    clip-path: var(--slope-clip-top-right-3);
}
[dir='rtl'] .projects-section .projects .project-card .service-img img {
    clip-path: var(--slope-clip-top-left-3);
}
.projects-section .projects .project-card .services-content-block {
    padding: 4rem 0 4rem 0;
}
.projects-section .projects .project-card .services-content-block .service-icon {
    clip-path: var(--slope-clip-top-right-base);
    background-color: var(--primary-color);
    width: 81px;
    height: 78px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 2rem;
    margin-left: 5rem;
}
.projects-section .projects .project-card .services-content-block .service-icon svg {
    height: 3.4rem;
    width: auto;
    fill: var(--primary-white);
}
[dir='rtl'] .projects-section .projects .project-card .services-content-block .service-icon {
    clip-path: var(--slope-clip-top-left-base);
}
.projects-section .projects .project-card .services-content-block .service-title {
    font-family: var(--jakarta-font-family);
    font-weight: 600;
    font-size: var(--medium-font-size);
    color: var(--secondary-color);
    margin-left: 5rem;
    line-height: 40px;
}
.projects-section .projects .project-card .services-content-block .services-list {
    list-style: none;
    margin-top: 5rem;
}
@media (max-width: 991px) {
    .projects-section .projects .project-card .services-content-block .services-list {
        margin-top: 3rem;
    }
}
.projects-section .projects .project-card .services-content-block .services-list li {
    position: relative;
}
.projects-section .projects .project-card .services-content-block .services-list li a {
    text-decoration: none;
    color: var(--secondary-color);
    font-size: var(--paragraph-font-size);
    font-weight: 500;
    font-family: var(--jakarta-font-family);
    display: flex;
    align-items: center;
    padding: 2px 5rem;
    border-radius: 4px;
    transition: all 0.4s ease-out; /* Smooth easing */
}
.projects-section .projects .project-card .services-content-block .services-list li a span {
    transform: translateX(0);
    line-height: 52px;
    transition: transform 0.4s cubic-bezier(0.25, 1, 0.5, 1); /* Subtle easing */
}
.projects-section .projects .project-card .services-content-block .services-list li a::before {
    content: '';
    display: inline-block;
    width: 20px;
    height: 20px;
    margin-right: 15px;
    background-image: url('data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 256 512%27%3E%3Cpath fill=%27%233da764%27 d=%27M64 128v255.1c0 28.37 34.5 42.74 54.63 22.62l128-127.1c12.5-12.5 12.5-32.75 0-45.25l-128-127.1C98.5 85.27 64 99.52 64 128zM224 256l-128 127.1V128L224 256z%27/%3E%3C/svg%3E');
    background-size: contain;
    background-repeat: no-repeat;
    transition: all 0.4s ease-out; /* Smooth transition */
}
[dir='rtl'] .projects-section .projects .project-card .services-content-block .services-list li a::before {
    background-image: url('data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 256 512%27%3E%3Cpath fill=%27%233da764%27 d=%27M192 383.1v-255.1c0-28.37-34.5-42.74-54.63-22.62l-128 127.1c-12.5 12.5-12.5 32.75 0 45.25l128 127.1C157.5 426.7 192 412.5 192 383.1zM32 255.1l128-127.1v255.9L32 255.1z%27/%3E%3C/svg%3E');
}
.projects-section .projects .project-card .services-content-block .services-list li a::after {
    content: '';
    visibility: hidden;
    opacity: 0;
    width: 20px;
    height: 20px;
    margin: 0 0 0 auto;
    background-image: url('data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 256 512%27%3E%3Cpath fill=%27%233da764%27 d=%27M64 128v255.1c0 28.37 34.5 42.74 54.63 22.62l128-127.1c12.5-12.5 12.5-32.75 0-45.25l-128-127.1C98.5 85.27 64 99.52 64 128zM224 256l-128 127.1V128L224 256z%27/%3E%3C/svg%3E');
    background-size: contain;
    background-repeat: no-repeat;
    transform: translateX(-10px);
    transition: all 0.4s ease-out;
}
[dir='rtl'] .projects-section .projects .project-card .services-content-block .services-list li a::after {
    background-image: url('data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 256 512%27%3E%3Cpath fill=%27%233da764%27 d=%27M192 383.1v-255.1c0-28.37-34.5-42.74-54.63-22.62l-128 127.1c-12.5 12.5-12.5 32.75 0 45.25l128 127.1C157.5 426.7 192 412.5 192 383.1zM32 255.1l128-127.1v255.9L32 255.1z%27/%3E%3C/svg%3E');
}
.projects-section .projects .project-card .services-content-block .services-list li:hover a {
    background-color: var(--bg-light);
}
.projects-section .projects .project-card .services-content-block .services-list li:hover a span {
    transform: translateX(-34px);
}
.projects-section .projects .project-card .services-content-block .services-list li:hover a::before {
    transform: translateX(-20px);
    opacity: 0;
    visibility: hidden;
}
.projects-section .projects .project-card .services-content-block .services-list li:hover a::after {
    visibility: visible;
    opacity: 1;
    transform: translateX(0%);
}
.projects-section .projects .project-card .services-content-block .project-discription {
    margin-left: 5rem;
    margin-top: 3.5rem;
    margin-bottom: 6rem;
}
.projects-section .projects .project-card .services-content-block .project-discription p {
    max-width: 90%;
    line-height: 1.7;
}
@media (max-width: 767px) {
    .projects-section .projects .project-card .services-content-block .project-discription {
        margin-left: 5rem;
        margin-top: 3.5rem;
        margin-bottom: 3.5rem;
    }
}
.projects-section .projects .project-card .services-content-block .info-box {
    display: flex;
    flex-direction: column;
    gap: 4rem;
    margin-top: 4rem;
}
@media (max-width: 767px) {
    .projects-section .projects .project-card .services-content-block .info-box {
        margin-top: 3rem;
    }
}
.projects-section .projects .project-card .services-content-block .info-box .info .title {
    font-family: var(--jakarta-font-family);
    font-weight: 700;
    font-size: var(--sub-heading-font-size);
    text-transform: uppercase;
    color: var(--primary-color);
    letter-spacing: 1.6px;
}
.projects-section .projects .project-card .services-content-block .info-box .info p {
    margin-top: 1rem;
    line-height: 34px;
}
.projects-section .projects .project-card .services-content-block .service-btn {
    margin-top: 2.5rem;
    margin-left: 5rem;
}
.projects-section .projects .project-card .services-content-block .service-btn .btn .text-two {
    transform: translate(-50%, 275%);
}
.projects-section .projects .project-card .services-content-block .service-btn .btn:hover .text-two {
    transform: translate(-50%, -50%);
}
.projects-section .projects .project-card .services-content-block .service-btn .btn.primary {
    background-color: var(--primary-color);
}
.projects-section .projects .project-card .services-content-block .service-btn .btn.primary::before {
    background: var(--secondary-color);
}
.projects-section .projects .project-card .services-content-block .service-btn .btn.primary .text-one {
    color: var(--primary-white);
}
.projects-section .projects .project-card .services-content-block .service-btn .btn.primary .text-one svg {
    fill: var(--primary-white);
}
.projects-section .projects .project-card .services-content-block .service-btn .btn.primary .text-two {
    color: var(--primary-white);
}
.projects-section .projects .project-card .services-content-block .service-btn .btn.primary .text-two svg {
    fill: var(--primary-white);
}
.projects-section .projects .project-card.hidden {
    display: none;
}
.projects-section .projects.grid-view .project-card {
    grid-template-columns: 1fr;
    width: calc(33.333% - 3rem);
    margin: 15px;
}
@media (max-width: 991px) {
    .projects-section .projects.grid-view .project-card {
        width: calc(50% - 30px);
    }
}
@media (max-width: 767px) {
    .projects-section .projects.grid-view .project-card {
        width: 100%;
        margin: 15px 0;
    }
}
.projects-section .projects.grid-view .project-card .service-img {
    height: 316px;
}
.projects-section .projects.grid-view .project-card .service-img img {
    height: 100%;
    width: 100%;
    object-fit: cover;
    object-position: left;
    clip-path: var(--slope-clip-top-right-3);
}
[dir='rtl'] .projects-section .projects.grid-view .project-card .service-img img {
    clip-path: var(--slope-clip-top-left-3);
}
.projects-section .projects.grid-view .project-card .services-content-block {
    padding: 4rem;
}
.projects-section .projects.grid-view .project-card .services-content-block .service-icon {
    display: none;
}
.projects-section .projects.grid-view .project-card .services-content-block .service-title {
    margin-left: 0;
    margin-bottom: 3rem;
}
.projects-section .projects.grid-view .project-card .services-content-block .project-discription {
    margin: 0;
}
.projects-section .projects.grid-view .project-card .services-content-block .project-discription p {
    max-width: 100%;
    line-height: 1.7;
}
.projects-section .projects.grid-view .project-card .services-content-block .info-box {
    display: flex;
    flex-direction: row;
    gap: 2rem;
    justify-content: space-between;
    margin-top: 3rem;
}
.projects-section .projects.grid-view .project-card .services-content-block .info-box .info p {
    font-size: var(--sm-title-font-size);
}
.projects-section .projects.grid-view .project-card .services-content-block .service-btn {
    margin: 0;
    margin-top: 4rem;
}
.projects-section .projects.list-view {
    flex-direction: column;
}
.projects-section .projects.list-view .project-card {
    width: 100%;
}
.projects-section .projects.grid-view .demo-project-card {
    grid-template-columns: 1fr;
    width: calc(33.333% - 3rem);
    margin-bottom: 6rem;
}
@media (max-width: 991px) {
    .projects-section .projects.grid-view .demo-project-card {
        width: calc(50% - 30px);
    }
}
@media (max-width: 767px) {
    .projects-section .projects.grid-view .demo-project-card {
        width: 100%;
        margin: 15px 0;
    }
}
.projects-section .projects.list-view .demo-project-card {
    width: 100%;
    margin-bottom: 6rem;
}
.projects-section .projects.list-view .demo-project-card .project-card-img {
    height: 70rem;
}
.projects-section .projects.list-view .demo-project-card .project-content {
    width: 96%;
}
@media (max-width: 767px) {
    .projects-section .projects.list-view .demo-project-card .project-content {
        width: 90%;
    }
}
.projects-section .more-btn {
    display: flex;
    justify-content: center;
    margin-top: 5rem;
}
.projects-section .demo-project-card {
    position: relative;
    grid-template-columns: 1fr;
    width: calc(33.333% - 3rem);
}
.projects-section .demo-project-card .project-card-img {
    width: 100%;
    overflow: hidden;
    display: inline-block;
    clip-path: var(--slope-clip-top-right-3);
}
[dir='rtl'] .projects-section .demo-project-card .project-card-img {
    clip-path: var(--slope-clip-top-left-3);
}
.projects-section .demo-project-card .project-card-img img {
    object-fit: cover;
    width: 100%;
    max-height: 100%;
    transition: transform 0.3s ease-in-out;
}
@media (max-width: 767px) {
    .projects-section .demo-project-card .project-card-img {
        height: 60rem;
    }
}
.projects-section .demo-project-card .project-content {
    padding: 4rem;
    background-color: var(--secondary-button-bg);
    clip-path: var(--slope-clip-bottom-right-3);
    position: absolute;
    bottom: calc(var(--slope-value-3) * -1);
    width: 88%;
    margin-left: 2.4rem;
    z-index: 1;
    transition:
        transform 0.4s ease-in-out,
        padding-bottom 0.4s ease-in-out,
        background-color 0.4s ease-in-out;
}
[dir='rtl'] .projects-section .demo-project-card .project-content {
    clip-path: var(--slope-clip-bottom-left-3);
}
@media (max-width: 767px) {
    .projects-section .demo-project-card .project-content {
        width: 90%;
    }
}
.projects-section .demo-project-card .project-content .project-title {
    font-family: var(--jakarta-font-family);
    font-weight: 600;
    font-size: var(--medium-font-size);
    line-height: 34px;
    color: var(--secondary-color);
    transition: color 0.4s ease-in-out;
}
.projects-section .demo-project-card .project-content p {
    font-weight: 600;
    font-size: var(--sm-title-font-size);
    color: var(--primary-color);
    line-height: 34px;
    transition: color 0.4s ease-in-out;
}
.projects-section .demo-project-card .project-content .line {
    width: 85%;
    height: 1px;
    background-color: rgba(239, 247, 246, 0.4);
    margin: 2.5rem 0;
    display: block;
    position: absolute;
    left: 4rem;
    opacity: 0;
    transform: translateY(50px);
    transition:
        opacity 0.4s ease-in-out,
        transform 0.4s ease-in-out;
}
.projects-section .demo-project-card .project-content .read-more {
    text-decoration: none;
    font-family: var(--jakarta-font-family);
    font-weight: 600;
    font-size: var(--sm-font-size);
    color: var(--primary-white);
    line-height: 34px;
    display: flex;
    opacity: 0;
    width: max-content;
    padding-right: 1rem;
    align-items: center;
    position: absolute;
    bottom: 0rem;
    left: 4rem;
    overflow: hidden;
    transition:
        transform 0.4s ease-in-out,
        opacity 0.4s ease-in-out,
        bottom 0.4s ease-in-out;
}
.projects-section .demo-project-card .project-content .read-more svg {
    height: 16px;
    fill: var(--primary-white);
    margin-left: 1rem;
    transition:
        transform 0.4s ease,
        fill 0.4s ease;
}
[dir='rtl'] .projects-section .demo-project-card .project-content .read-more svg {
    rotate: 180deg;
}
.projects-section .demo-project-card:hover .project-card-img img {
    transform: scale(1.1);
}
.projects-section .demo-project-card:hover .project-content {
    background-color: var(--primary-color);
    padding-bottom: 11rem;
}
.projects-section .demo-project-card:hover .project-content .project-title {
    color: var(--primary-white);
}
.projects-section .demo-project-card:hover .project-content p {
    color: var(--primary-white);
}
.projects-section .demo-project-card:hover .project-content .line {
    display: block;
    opacity: 1;
    transform: translateY(0px);
    margin-bottom: 4rem;
}
.projects-section .demo-project-card:hover .project-content .read-more {
    opacity: 1;
    transform: translateY(0px);
    bottom: 3rem;
    left: 4rem;
}
.projects-section .demo-project-card.hidden {
    display: none;
}
.project-cards-container {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 3rem;
}
@media (max-width: 767px) {
    .project-cards-container {
        grid-template-columns: 1fr;
    }
}
.project-cards-container .project-card {
    background-color: var(--secondary-button-bg);
    clip-path: var(--slope-clip-top-right-3);
}
[dir='rtl'] .project-cards-container .project-card {
    clip-path: var(--slope-clip-top-left-3);
}
.project-cards-container .project-card .project-img-block {
    height: 318px;
}
.project-cards-container .project-card .project-img-block img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.project-cards-container .project-card .project-card-content {
    padding: 4rem;
}
.project-cards-container .project-card .project-card-content .main-title {
    font-family: var(--jakarta-font-family);
    font-weight: 600;
    font-size: var(--feature-font-size);
    color: var(--secondary-color);
    line-height: 40px;
    margin-bottom: 4rem;
}
.project-cards-container .project-card .project-card-content .info-block {
    display: flex;
    justify-content: space-between;
    margin-top: 5rem;
}
.project-cards-container .project-card .project-card-content .info .title {
    font-family: var(--jakarta-font-family);
    font-weight: 700;
    font-size: var(--sub-heading-font-size);
    text-transform: uppercase;
    color: var(--primary-color);
    letter-spacing: 1.6px;
}
.project-cards-container .project-card .project-card-content .info p {
    margin-top: 1rem;
    line-height: 34px;
}
.project-cards-container .project-card .project-card-content .btn {
    margin-top: 4rem;
}
.project-cards-container .project-card .project-card-content .btn .text-two {
    transform: translate(-50%, 275%);
}
.project-cards-container .project-card .project-card-content .btn:hover .text-two {
    transform: translate(-50%, -50%);
}
.project-cards-container .project-card .project-card-content .btn.primary {
    background-color: var(--primary-color);
}
.project-cards-container .project-card .project-card-content .btn.primary::before {
    background: var(--secondary-color);
}
.project-cards-container .project-card .project-card-content .btn.primary .text-one {
    color: var(--primary-white);
}
.project-cards-container .project-card .project-card-content .btn.primary .text-one svg {
    fill: var(--primary-white);
}
.project-cards-container .project-card .project-card-content .btn.primary .text-two {
    color: var(--primary-white);
}
.project-cards-container .project-card .project-card-content .btn.primary .text-two svg {
    fill: var(--primary-white);
}
.project-cards-container .demo-project-card {
    position: relative;
    width: 100%;
    margin-bottom: 3rem;
}
.project-cards-container .demo-project-card .project-card-img {
    width: 100%;
    overflow: hidden;
    display: inline-block;
    clip-path: var(--slope-clip-top-right-3);
}
[dir='rtl'] .project-cards-container .demo-project-card .project-card-img {
    clip-path: var(--slope-clip-top-left-3);
}
.project-cards-container .demo-project-card .project-card-img img {
    object-fit: cover;
    width: 100%;
    max-height: 70rem;
    transition: transform 0.3s ease-in-out;
}
@media (max-width: 767px) {
    .project-cards-container .demo-project-card .project-card-img {
        height: auto;
    }
}
.project-cards-container .demo-project-card .project-content {
    padding: 4rem;
    background-color: var(--secondary-button-bg);
    clip-path: var(--slope-clip-bottom-right-3);
    position: absolute;
    bottom: calc(var(--slope-value-3) * -1);
    width: 88%;
    margin-left: 2.4rem;
    z-index: 1;
    transition:
        transform 0.4s ease-in-out,
        padding-bottom 0.4s ease-in-out,
        background-color 0.4s ease-in-out;
}
[dir='rtl'] .project-cards-container .demo-project-card .project-content {
    clip-path: var(--slope-clip-bottom-left-3);
}
@media (max-width: 767px) {
    .project-cards-container .demo-project-card .project-content {
        width: 90%;
    }
}
.project-cards-container .demo-project-card .project-content .project-title {
    font-family: var(--jakarta-font-family);
    font-weight: 600;
    font-size: var(--medium-font-size);
    line-height: 34px;
    color: var(--secondary-color);
    transition: color 0.4s ease-in-out;
}
.project-cards-container .demo-project-card .project-content p {
    font-weight: 600;
    font-size: var(--sm-title-font-size);
    color: var(--primary-color);
    line-height: 34px;
    transition: color 0.4s ease-in-out;
}
.project-cards-container .demo-project-card .project-content .line {
    width: 85%;
    height: 1px;
    background-color: rgba(239, 247, 246, 0.4);
    margin: 2.5rem 0;
    display: block;
    position: absolute;
    left: 4rem;
    opacity: 0;
    transform: translateY(50px);
    transition:
        opacity 0.4s ease-in-out,
        transform 0.4s ease-in-out;
}
.project-cards-container .demo-project-card .project-content .read-more {
    text-decoration: none;
    font-family: var(--jakarta-font-family);
    font-weight: 600;
    font-size: var(--sm-font-size);
    color: var(--primary-white);
    line-height: 34px;
    display: flex;
    opacity: 0;
    width: max-content;
    padding-right: 1rem;
    align-items: center;
    position: absolute;
    bottom: 0rem;
    left: 4rem;
    overflow: hidden; /* Ensures animation stays within bounds */
    transition:
        transform 0.4s ease-in-out,
        opacity 0.4s ease-in-out,
        bottom 0.4s ease-in-out;
}
.project-cards-container .demo-project-card .project-content .read-more svg {
    height: 16px;
    fill: var(--primary-white);
    margin-left: 1rem;
    transition:
        transform 0.4s ease,
        fill 0.4s ease; /* Smooth icon animation */
}
[dir='rtl'] .project-cards-container .demo-project-card .project-content .read-more svg {
    rotate: 180deg;
}
.project-cards-container .demo-project-card:hover .project-card-img img {
    transform: scale(1.1); /* Adjust the scale factor as needed */
}
.project-cards-container .demo-project-card:hover .project-content {
    background-color: var(--primary-color);
    padding-bottom: 11rem;
}
.project-cards-container .demo-project-card:hover .project-content .project-title {
    color: var(--primary-white);
}
.project-cards-container .demo-project-card:hover .project-content p {
    color: var(--primary-white);
}
.project-cards-container .demo-project-card:hover .project-content .line {
    display: block;
    opacity: 1;
    transform: translateY(0px);
    margin-bottom: 4rem;
}
.project-cards-container .demo-project-card:hover .project-content .read-more {
    opacity: 1;
    transform: translateY(0px); /* Moves content up */
    bottom: 3rem;
    left: 4rem;
}

.project-cards-container {
    display: none;
    opacity: 0;
    transition: opacity 0.5s ease;
}
.project-cards-container.active {
    display: block;
    opacity: 1;
}

.colored-slider-btns .slider-btn svg {
    fill: var(--primary-color) !important;
}

.project-col-section {
    padding: 15rem 0 20rem 0;
}
@media (max-width: 991px) {
    .project-col-section {
        padding: 10rem 0 15rem 0;
    }
}
@media (max-width: 991px) {
    .project-col-section {
        padding: 5rem 0 10rem 0;
    }
}
.project-col-section .heading {
    text-align: center;
    max-width: 70%;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 5rem;
}
@media (max-width: 991px) {
    .project-col-section .heading {
        max-width: 80%;
    }
}
@media (max-width: 767px) {
    .project-col-section .heading {
        max-width: 100%;
    }
}
.project-col-section .project-wrapper {
    display: grid;
    gap: 3rem;
}
.project-col-section .project-wrapper .project-card {
    background-color: var(--secondary-button-bg);
    clip-path: var(--slope-clip-top-right-3);
}
[dir='rtl'] .project-col-section .project-wrapper .project-card {
    clip-path: var(--slope-clip-top-left-3);
}
.project-col-section .project-wrapper .project-card .project-img-block {
    height: 318px;
}
.project-col-section .project-wrapper .project-card .project-img-block img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.project-col-section .project-wrapper .project-card .project-card-content {
    padding: 4rem;
}
.project-col-section .project-wrapper .project-card .project-card-content .main-title {
    font-family: var(--jakarta-font-family);
    font-weight: 600;
    font-size: var(--feature-font-size);
    color: var(--secondary-color);
    line-height: 40px;
    margin-bottom: 4rem;
}
.project-col-section .project-wrapper .project-card .project-card-content .info-block {
    display: flex;
    justify-content: space-between;
    margin-top: 5rem;
}
.project-col-section .project-wrapper .project-card .project-card-content .info .title {
    font-family: var(--jakarta-font-family);
    font-weight: 700;
    font-size: var(--sub-heading-font-size);
    text-transform: uppercase;
    color: var(--primary-color);
    letter-spacing: 1.6px;
}
.project-col-section .project-wrapper .project-card .project-card-content .info p {
    margin-top: 1rem;
    line-height: 34px;
}
.project-col-section .project-wrapper .project-card .project-card-content .btn {
    margin-top: 4rem;
}
.project-col-section .project-wrapper .project-card .project-card-content .btn .text-two {
    transform: translate(-50%, 275%);
}
.project-col-section .project-wrapper .project-card .project-card-content .btn:hover .text-two {
    transform: translate(-50%, -50%);
}
.project-col-section .project-wrapper .project-card .project-card-content .btn.primary {
    background-color: var(--primary-color);
}
.project-col-section .project-wrapper .project-card .project-card-content .btn.primary::before {
    background: var(--secondary-color);
}
.project-col-section .project-wrapper .project-card .project-card-content .btn.primary .text-one {
    color: var(--primary-white);
}
.project-col-section .project-wrapper .project-card .project-card-content .btn.primary .text-one svg {
    fill: var(--primary-white);
}
.project-col-section .project-wrapper .project-card .project-card-content .btn.primary .text-two {
    color: var(--primary-white);
}
.project-col-section .project-wrapper .project-card .project-card-content .btn.primary .text-two svg {
    fill: var(--primary-white);
}
.project-col-section .project-wrapper .demo-project-card {
    position: relative;
    width: 100%;
    margin-bottom: 3rem;
}
.project-col-section .project-wrapper .demo-project-card .project-card-img {
    width: 100%;
    overflow: hidden;
    display: inline-block;
    clip-path: var(--slope-clip-top-right-3);
}
[dir='rtl'] .project-col-section .project-wrapper .demo-project-card .project-card-img {
    clip-path: var(--slope-clip-top-left-3);
}
.project-col-section .project-wrapper .demo-project-card .project-card-img img {
    object-fit: cover;
    width: 100%;
    max-height: 70rem;
    transition: transform 0.3s ease-in-out;
}
@media (max-width: 767px) {
    .project-col-section .project-wrapper .demo-project-card .project-card-img {
        height: auto;
    }
}
.project-col-section .project-wrapper .demo-project-card .project-content {
    padding: 4rem;
    background-color: var(--secondary-button-bg);
    clip-path: var(--slope-clip-bottom-right-3);
    position: absolute;
    bottom: calc(var(--slope-value-3) * -1);
    width: 88%;
    margin-left: 2.4rem;
    z-index: 1;
    transition:
        transform 0.4s ease-in-out,
        padding-bottom 0.4s ease-in-out,
        background-color 0.4s ease-in-out;
}
[dir='rtl'] .project-col-section .project-wrapper .demo-project-card .project-content {
    clip-path: var(--slope-clip-bottom-left-3);
}
@media (max-width: 767px) {
    .project-col-section .project-wrapper .demo-project-card .project-content {
        width: 90%;
    }
}
.project-col-section .project-wrapper .demo-project-card .project-content .project-title {
    font-family: var(--jakarta-font-family);
    font-weight: 600;
    font-size: var(--medium-font-size);
    line-height: 34px;
    color: var(--secondary-color);
    transition: color 0.4s ease-in-out;
}
.project-col-section .project-wrapper .demo-project-card .project-content p {
    font-weight: 600;
    font-size: var(--sm-title-font-size);
    color: var(--primary-color);
    line-height: 34px;
    transition: color 0.4s ease-in-out;
}
.project-col-section .project-wrapper .demo-project-card .project-content .line {
    width: 85%;
    height: 1px;
    background-color: rgba(239, 247, 246, 0.4);
    margin: 2.5rem 0;
    display: block;
    position: absolute;
    left: 4rem;
    opacity: 0;
    transform: translateY(50px);
    transition:
        opacity 0.4s ease-in-out,
        transform 0.4s ease-in-out;
}
.project-col-section .project-wrapper .demo-project-card .project-content .read-more {
    text-decoration: none;
    font-family: var(--jakarta-font-family);
    font-weight: 600;
    font-size: var(--sm-font-size);
    color: var(--primary-white);
    line-height: 34px;
    display: flex;
    opacity: 0;
    width: max-content;
    padding-right: 1rem;
    align-items: center;
    position: absolute;
    bottom: 0rem;
    left: 4rem;
    overflow: hidden; /* Ensures animation stays within bounds */
    transition:
        transform 0.4s ease-in-out,
        opacity 0.4s ease-in-out,
        bottom 0.4s ease-in-out;
}
.project-col-section .project-wrapper .demo-project-card .project-content .read-more svg {
    height: 16px;
    fill: var(--primary-white);
    margin-left: 1rem;
    transition:
        transform 0.4s ease,
        fill 0.4s ease; /* Smooth icon animation */
}
[dir='rtl'] .project-col-section .project-wrapper .demo-project-card .project-content .read-more svg {
    rotate: 180deg;
}
.project-col-section .project-wrapper .demo-project-card:hover .project-card-img img {
    transform: scale(1.1); /* Adjust the scale factor as needed */
}
.project-col-section .project-wrapper .demo-project-card:hover .project-content {
    background-color: var(--primary-color);
    padding-bottom: 11rem;
}
.project-col-section .project-wrapper .demo-project-card:hover .project-content .project-title {
    color: var(--primary-white);
}
.project-col-section .project-wrapper .demo-project-card:hover .project-content p {
    color: var(--primary-white);
}
.project-col-section .project-wrapper .demo-project-card:hover .project-content .line {
    display: block;
    opacity: 1;
    transform: translateY(0px);
    margin-bottom: 4rem;
}
.project-col-section .project-wrapper .demo-project-card:hover .project-content .read-more {
    opacity: 1;
    transform: translateY(0px); /* Moves content up */
    bottom: 3rem;
    left: 4rem;
}
.project-col-section .project-wrapper.grid-2col {
    grid-template-columns: 1fr 1fr;
}
@media (max-width: 767px) {
    .project-col-section .project-wrapper.grid-2col {
        grid-template-columns: 1fr;
    }
}
.project-col-section .project-wrapper.grid-3col {
    grid-template-columns: 1fr 1fr 1fr;
}
@media (max-width: 991px) {
    .project-col-section .project-wrapper.grid-3col {
        grid-template-columns: 1fr 1fr;
    }
}
@media (max-width: 767px) {
    .project-col-section .project-wrapper.grid-3col {
        grid-template-columns: 1fr;
    }
}
.project-col-section .project-wrapper.grid-4col {
    grid-template-columns: 1fr 1fr 1fr 1fr;
}
@media (max-width: 1200px) {
    .project-col-section .project-wrapper.grid-4col {
        grid-template-columns: 1fr 1fr 1fr;
    }
}
@media (max-width: 991px) {
    .project-col-section .project-wrapper.grid-4col {
        grid-template-columns: 1fr 1fr;
    }
}
@media (max-width: 767px) {
    .project-col-section .project-wrapper.grid-4col {
        grid-template-columns: 1fr;
    }
}

.why-choose-us-section {
    padding: 15rem 0 14rem 0;
}
@media (max-width: 991px) {
    .why-choose-us-section {
        padding: 10rem 0 10rem 0;
    }
}
@media (max-width: 767px) {
    .why-choose-us-section {
        padding: 5rem 0 5rem 0;
    }
}
.why-choose-us-section .headings {
    text-align: center;
    max-width: 950px;
    margin-left: auto;
    margin-right: auto;
}
@media (max-width: 767px) {
    .why-choose-us-section .headings {
        max-width: 100%;
    }
}
.why-choose-us-section .headings-wrapper {
    text-align: center;
    max-width: 700px;
    margin-left: auto;
    margin-right: auto;
}
@media (max-width: 767px) {
    .why-choose-us-section .headings-wrapper {
        max-width: 100%;
    }
}
.why-choose-us-section .cards-wrapper {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    gap: 3rem;
}
@media (max-width: 1200px) {
    .why-choose-us-section .cards-wrapper {
        grid-template-columns: 1fr 1fr 1fr;
    }
}
@media (max-width: 991px) {
    .why-choose-us-section .cards-wrapper {
        grid-template-columns: 1fr 1fr;
    }
}
@media (max-width: 767px) {
    .why-choose-us-section .cards-wrapper {
        grid-template-columns: 1fr;
    }
}
.why-choose-us-section .cards-wrapper .service-card {
    padding: 4rem;
    background-color: var(--secondary-button-bg);
    clip-path: var(--slope-clip-top-right-3);
    box-shadow: 1px 1.732px 4px 0px rgba(16, 37, 33, 0.04);
    transition: background-color 0.4s ease-in-out;
    cursor: pointer;
    overflow: hidden;
}
[dir='rtl'] .why-choose-us-section .cards-wrapper .service-card {
    clip-path: var(--slope-clip-top-left-3);
}
.why-choose-us-section .cards-wrapper .service-card .icon svg {
    height: 8rem;
    width: 8rem;
    fill: var(--primary-color);
    transition:
        height 0.4s ease-in-out,
        width 0.4s ease-in-out,
        fill 0.4s ease-in-out;
}
.why-choose-us-section .cards-wrapper .service-card .card-content {
    display: flex;
    flex-direction: column;
    gap: 4rem;
    margin-top: 10rem;
    transition:
        transform 0.4s ease-in-out,
        margin-top 0.4s ease-in-out;
}
.why-choose-us-section .cards-wrapper .service-card .card-content .card-title {
    font-family: var(--jakarta-font-family);
    font-weight: 700;
    font-size: 24px;
    line-height: 34px;
    color: var(--secondary-color);
    transition: color 0.4s ease-in-out;
}
.why-choose-us-section .cards-wrapper .service-card .card-content p {
    transition: color 0.4s ease-in-out;
}
.why-choose-us-section .cards-wrapper .service-card .card-content .read-more {
    text-decoration: none;
    font-family: var(--jakarta-font-family);
    font-weight: 600;
    font-size: var(--sm-font-size);
    color: var(--primary-white);
    line-height: 34px;
    display: flex;
    opacity: 0;
    width: max-content;
    padding-right: 1rem;
    align-items: center;
    position: absolute;
    bottom: -6rem;
    left: 0;
    overflow: hidden; /* Ensures animation stays within bounds */
    transition:
        transform 0.4s ease-in-out,
        opacity 0.4s ease-in-out;
}
.why-choose-us-section .cards-wrapper .service-card .card-content .read-more svg {
    height: 16px;
    fill: var(--primary-color);
    margin-left: 1rem;
    transition:
        transform 0.3s ease,
        fill 0.3s ease; /* Smooth icon animation */
}
[dir='rtl'] .why-choose-us-section .cards-wrapper .service-card .card-content .read-more svg {
    rotate: 180deg;
}
.why-choose-us-section .cards-wrapper .service-card:hover {
    background-color: var(--primary-color);
}
.why-choose-us-section .cards-wrapper .service-card:hover .icon svg {
    height: 5rem;
    width: 5rem;
    fill: var(--primary-white);
}
.why-choose-us-section .cards-wrapper .service-card:hover .card-content {
    transform: translateY(0px); /* Moves content up */
    margin-top: 5rem; /* Reduce margin on hover */
}
.why-choose-us-section .cards-wrapper .service-card:hover .card-content .card-title {
    color: var(--primary-white);
}
.why-choose-us-section .cards-wrapper .service-card:hover .card-content p {
    color: var(--primary-white);
}
@media (max-width: 767px) {
    .why-choose-us-section .cards-wrapper .service-card:hover .card-content {
        margin-bottom: 6rem;
    }
}
.why-choose-us-section .cards-wrapper .service-card:hover .card-content .read-more {
    opacity: 1;
    transform: translateY(0px); /* Moves content up */
    color: var(--primary-white);
    bottom: -6rem;
    left: 0rem;
}
.why-choose-us-section .cards-wrapper .service-card:hover .card-content .read-more svg {
    fill: var(--primary-white);
}
.why-choose-us-section .service-btns {
    display: flex;
    justify-content: center;
    gap: 1rem;
    margin-top: 5rem;
}
@media (max-width: 767px) {
    .why-choose-us-section .service-btns {
        flex-direction: column;
    }
}
.why-choose-us-section .service-btns .primary::before {
    background: var(--bg-light);
}
.why-choose-us-section .service-btns .secondary {
    background-color: var(--bg-light);
}
.why-choose-us-section .service-btns .secondary .text-one {
    color: var(--secondary-color);
}
.why-choose-us-section .service-btns .secondary .text-one svg {
    fill: var(--secondary-color);
}
.why-choose-us-section .service-btns .btn .text-two,
.why-choose-us-section .service-btns .btn:link .text-two,
.why-choose-us-section .service-btns .btn:visited .text-two {
    transform: translate(-50%, 300%);
}
.why-choose-us-section .service-btns .btn:hover .text-two,
.why-choose-us-section .service-btns .btn:link:hover .text-two,
.why-choose-us-section .service-btns .btn:visited:hover .text-two {
    transform: translate(-50%, -50%);
}
.why-choose-us-section .service-btns-block {
    display: flex;
    justify-content: center;
    gap: 1rem;
    margin-top: 5rem;
}
@media (max-width: 767px) {
    .why-choose-us-section .service-btns-block {
        flex-direction: column;
    }
}
.why-choose-us-section.services-4-col-section {
    padding: 20rem 0 25rem;
}
@media (max-width: 991px) {
    .why-choose-us-section.services-4-col-section {
        padding: 10rem 0 15rem 0;
    }
}
@media (max-width: 767px) {
    .why-choose-us-section.services-4-col-section {
        padding: 5rem 0 15rem 0;
    }
}
.why-choose-us-section .services-4-col {
    padding-top: 5rem;
}
@media (max-width: 767px) {
    .why-choose-us-section .services-4-col {
        padding-top: 2rem;
    }
}
.why-choose-us-section .services-3-col {
    padding-top: 5rem;
    grid-template-columns: 1fr 1fr 1fr;
}
@media (max-width: 991px) {
    .why-choose-us-section .services-3-col {
        grid-template-columns: 1fr 1fr;
    }
}
@media (max-width: 767px) {
    .why-choose-us-section .services-3-col {
        grid-template-columns: 1fr;
        padding-top: 2rem;
    }
}
.why-choose-us-section .services-2-col {
    padding-top: 5rem;
    grid-template-columns: 1fr 1fr;
}
@media (max-width: 991px) {
    .why-choose-us-section .services-2-col {
        grid-template-columns: 1fr 1fr;
    }
}
@media (max-width: 767px) {
    .why-choose-us-section .services-2-col {
        grid-template-columns: 1fr;
        padding-top: 2rem;
    }
}
@media (max-width: 767px) {
    .why-choose-us-section .services-2-col {
        padding-top: 2rem;
    }
}
.why-choose-us-section.padding-top {
    padding-top: 5rem !important;
}

.preloader {
    position: fixed;
    top: 0;
    left: 50%;
    width: 200vw;
    height: 200vh;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    background-color: var(--page-bg-color);
    z-index: 999999999;
}

@media (max-width: 991px) {
    .preloader {
        width: 100vh;
        height: 100vh;
    }
}
.preloader-icon {
    width: 100vw;
    height: 100vh;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: absolute;
    top: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}

.preloader .preloader-icon-container {
    display: inline-block;
    width: 70px;
    height: 70px;
    margin: auto;
    --icon-color: var(--primary-color);
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.preloader .preloader-icon-container .animated-preloader {
    display: inline-block;
    width: inherit;
    height: inherit;
    position: absolute;
    top: 0;
    left: 0;
    background: var(--primary-color);
    clip-path: var(--slope-clip-top-right-base);
}

.preloader .preloader-icon-container .animated-preloader:after {
    content: '';
    display: inline-block;
    width: inherit;
    height: inherit;
    position: absolute;
    top: 0;
    left: 0;
    clip-path: var(--slope-clip-top-right-base);
    background: var(--page-bg-color);
    -webkit-animation: preloader-inside-white 1s ease-in-out infinite;
    animation: preloader-inside-white 1s ease-in-out infinite;
}

.preloader .preloader-icon-container .animated-preloader:before {
    content: '';
    display: inline-block;
    width: inherit;
    height: inherit;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10;
    clip-path: var(--slope-clip-top-right-base);
    background: var(--primary-color);
    -webkit-animation: preloader-inside-red 1s ease-in-out infinite;
    animation: preloader-inside-red 1s ease-in-out infinite;
}

@media (max-width: 991px) {
    .preloader .preloader-icon-container {
        width: 50px;
        height: 50px;
    }
}
@-webkit-keyframes preloader-inside-white {
    0% {
        -webkit-transform: scale(0, 0);
        transform: scale(0, 0);
    }
    100% {
        -webkit-transform: scale(1, 1);
        transform: scale(1, 1);
    }
}
@keyframes preloader-inside-white {
    0% {
        -webkit-transform: scale(0, 0);
        transform: scale(0, 0);
    }
    100% {
        -webkit-transform: scale(1, 1);
        transform: scale(1, 1);
    }
}
@-webkit-keyframes preloader-inside-red {
    0% {
        -webkit-transform: scale(0, 0);
        transform: scale(0, 0);
    }
    30% {
        -webkit-transform: scale(0, 0);
        transform: scale(0, 0);
    }
    100% {
        -webkit-transform: scale(1, 1);
        transform: scale(1, 1);
    }
}
@keyframes preloader-inside-red {
    0% {
        -webkit-transform: scale(0, 0);
        transform: scale(0, 0);
    }
    30% {
        -webkit-transform: scale(0, 0);
        transform: scale(0, 0);
    }
    100% {
        -webkit-transform: scale(1, 1);
        transform: scale(1, 1);
    }
}
@keyframes rotate90 {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(90deg);
    }
}
@keyframes rotate180 {
    0% {
        transform: rotate(90deg);
    }
    100% {
        transform: rotate(180deg);
    }
}
@keyframes rotate270 {
    0% {
        transform: rotate(180deg);
    }
    100% {
        transform: rotate(270deg);
    }
}
@keyframes rotate360 {
    0% {
        transform: rotate(270deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

.preloader {
    opacity: 1;
    visibility: visible;
    transition: opacity 0.6s ease, visibility 0.6s ease;
}

.preloader.hide {
    opacity: 0;
    visibility: hidden;
}

.pricing-plan-section .accordion {
    padding-top: 3rem;
}
.pricing-plan-section .accordion .accordion-item {
    border: none;
    background-color: var(--primary-white);
    clip-path: var(--slope-clip-top-right-3);
    margin-bottom: 3rem;
    transition: all 0.25s ease;
}
.pricing-plan-section .accordion .accordion-header {
    padding: 4rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
@media (max-width: 767px) {
    .pricing-plan-section .accordion .accordion-header {
        flex-wrap: wrap;
        gap: 4rem;
    }
}
.pricing-plan-section .accordion button:not(:disabled) {
    cursor: pointer;
}
.pricing-plan-section .accordion .accordion-button {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 1rem;
    text-align: left;
    transition: all 0.25s ease;
    padding: 1.8rem;
    border: none;
    outline: none;
    width: 100%;
    --size: 20px;
    --width: calc(20px * 0.6);
    --height: calc(20px * 0.1);
    border-top: 1px solid var(--paragraph-light-color);
}
.pricing-plan-section .accordion .accordion-button.keep-open[aria-expanded='true'] {
    pointer-events: none;
}
.pricing-plan-section .accordion .accordion-button,
.pricing-plan-section .accordion .accordion-button:focus {
    box-shadow: none;
}
.pricing-plan-section .accordion .accordion-header .title {
    display: inline-block;
    font-size: var(--sm-title-font-size);
    font-family: var(--jakarta-font-family);
    color: var(--paragraph-color);
    font-weight: 500;
    line-height: 3rem;
    cursor: pointer;
    max-width: 280px;
}
.pricing-plan-section .accordion .accordion-header .price h5 {
    font-family: var(--jakarta-font-family);
    font-size: var(--sub-heading-font-size);
    text-transform: uppercase;
    color: var(--paragraph-color);
    font-weight: 500;
    line-height: 50px;
    letter-spacing: 2px;
}
.pricing-plan-section .accordion .accordion-header .price h3 {
    font-family: var(--jakarta-font-family);
    font-size: 4rem;
    font-weight: 500;
    color: var(--secondary-color);
}
.pricing-plan-section .accordion .accordion-header .primary::before {
    background: var(--page-bg-color);
}
.pricing-plan-section .accordion .accordion-button::after {
    display: none;
}
.pricing-plan-section .accordion .accordion-button,
.pricing-plan-section .accordion .accordion-button:not(.collapsed) {
    color: var(--primary-white);
    background: none;
    box-shadow: none;
}
.pricing-plan-section .accordion .accordion-button.collapsed::after,
.pricing-plan-section .accordion .accordion-button:not(.collapsed)::after {
    background-image: none;
}
.pricing-plan-section .accordion .collapse:not(.show) {
    display: none;
}
.pricing-plan-section .accordion .collapsing {
    height: 0;
    overflow: hidden;
    transition: height 0.35s ease;
}
@media (prefers-reduced-motion: reduce) {
    .pricing-plan-section .accordion .collapsing {
        transition: none;
    }
}
.pricing-plan-section .accordion .collapsing.collapse-horizontal {
    width: 0;
    height: auto;
    transition: width 0.35s ease;
}
@media (prefers-reduced-motion: reduce) {
    .pricing-plan-section .accordion .collapsing.collapse-horizontal {
        transition: none;
    }
}
.pricing-plan-section .accordion .accordion-button .icon {
    display: inline-block;
    position: relative;
    padding: 12px;
}
.pricing-plan-section .accordion .accordion-button .icon::after,
.pricing-plan-section .accordion .accordion-button .icon::before {
    position: absolute;
    display: inline-block;
    background-color: var(--paragraph-color);
    content: '';
    width: 22px;
    height: 2px;
    top: 12px;
    left: 12px;
    transform: translate(-10px, -10px);
    transition: transform 0.5s ease;
    border-radius: 3px;
}
.pricing-plan-section .accordion .accordion-button.collapsed .icon::after {
    transform: translate3d(4px, 9px, 0) translate(-10px, -10px) rotate(90deg);
}
.pricing-plan-section .accordion .accordion-button.collapsed .icon::before {
    transform: translate3d(4px, 9px, 0) translate(-10px, -10px);
}
.pricing-plan-section .accordion .accordion-button:not(.collapsed) .icon::after {
    transform: translate3d(4px, 9px, 0) translate(-10px, -10px) rotate(135deg);
}
.pricing-plan-section .accordion .accordion-button:not(.collapsed) .icon::before {
    transform: translate3d(4px, 9px, 0) translate(-10px, -10px) rotate(-135deg);
}
.pricing-plan-section .accordion .accordion-body {
    padding: 0 4rem 4rem;
}
.pricing-plan-section .accordion .accordion-body .list-wrapper {
    display: grid;
    grid-template-columns: 1fr 1fr;
    justify-content: space-between;
}
@media (max-width: 767px) {
    .pricing-plan-section .accordion .accordion-body .list-wrapper {
        grid-template-columns: 1fr;
    }
}
.pricing-plan-section .accordion .accordion-body .list {
    list-style: none;
}
.pricing-plan-section .accordion .accordion-body .list .item {
    margin-bottom: 5px;
    align-items: center;
    display: grid;
    grid-template-columns: auto 1fr;
    gap: 1rem;
}
.pricing-plan-section .accordion .accordion-body .list .item .icon {
    min-height: 2rem;
    fill: var(--primary-color);
}
[dir='rtl'] .pricing-plan-section .accordion .accordion-body .list .item .icon {
    rotate: 180deg;
}
.pricing-plan-section .accordion .accordion-body .list .item p {
    font-weight: 500;
    font-size: var(--sm-title-font-size);
}

.intro-section {
    position: relative;
    padding: 15rem 0 15rem 0;
    background: radial-gradient(circle at bottom right, var(--primary-color) 0, var(--secondary-dark-color) 30%);
    background-size: cover;
}
@media (max-width: 991px) {
    .intro-section {
        padding: 10rem 0 10rem 0;
    }
}
@media (max-width: 767px) {
    .intro-section {
        padding: 5rem 0 10rem 0;
    }
}
.intro-section .headings {
    text-align: center;
}
.intro-section .headings .main-heading {
    color: var(--primary-white);
}
.intro-section .toggle-card-wrapper .main-tabs {
    --gap: 1.5rem;
    --width: 50%;
}
.intro-section .toggle-card-wrapper .main-tabs .nav-tabs {
    border: none;
    max-width: 100%;
    margin: auto;
    display: flex;
    gap: 3rem;
    list-style: none;
    background-color: rgba(255, 255, 255, 0.102);
    clip-path: var(--slope-clip-top-right-base);
    padding: 1rem;
}
[dir='rtl'] .intro-section .toggle-card-wrapper .main-tabs .nav-tabs {
    clip-path: var(--slope-clip-top-left-base);
}
.intro-section .toggle-card-wrapper .main-tabs .nav-link {
    padding: 2rem 3rem 2rem 3rem;
    clip-path: var(--slope-clip-top-right-base);
    color: var(--primary-white);
    background: none;
    width: 100%;
    max-width: 100%;
    display: flex;
    align-items: center;
    border: none;
    text-decoration: none;
    cursor: pointer;
    transition: all 0.15s ease-in-out;
}
[dir='rtl'] .intro-section .toggle-card-wrapper .main-tabs .nav-link {
    clip-path: var(--slope-clip-top-left-base);
}
.intro-section .toggle-card-wrapper .main-tabs .nav-link .button-list-text {
    flex: 1;
    text-align: left;
}
.intro-section .toggle-card-wrapper .main-tabs .nav-link span {
    font-family: var(--jakarta-font-family);
    font-size: var(--sm-title-font-size);
    font-weight: 500;
    letter-spacing: 0px;
}
.intro-section .toggle-card-wrapper .main-tabs.tab-landscape {
    --gap: 1rem;
}
.intro-section .toggle-card-wrapper .main-tabs.tab-landscape .nav-tabs {
    gap: var(--gap);
    margin-bottom: var(--gap);
    width: max-content;
    display: block;
    position: relative;
    z-index: 10;
}
.intro-section .toggle-card-wrapper .main-tabs.tab-landscape .nav-item {
    width: auto;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    display: inline-block;
}
.intro-section .toggle-card-wrapper .main-tabs.tab-landscape .nav-link {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 2.4rem 2.5rem 2.2rem 2.5rem;
    border: none;
    cursor: pointer;
    position: relative;
}
.intro-section .toggle-card-wrapper .main-tabs.tab-landscape .nav-link .icon-wrapper {
    margin-bottom: 0;
    display: block;
}
.intro-section .toggle-card-wrapper .tabs-wrapper {
    position: relative;
    z-index: 100;
}
.intro-section .toggle-card-wrapper .main-tabs .nav-link.active,
.intro-section .toggle-card-wrapper .main-tabs .nav-link:hover {
    background-color: var(--main-secondary-color);
}
.intro-section .toggle-card-wrapper .main-tabs .nav-link.active .button-list-text {
    color: var(--color-black);
}
.intro-section .toggle-card-wrapper .main-tabs .nav-link:hover .button-list-text {
    color: var(--color-black);
}
.intro-section .toggle-card-wrapper .main-tabs .selectify-wrapper {
    display: none;
}
@media (max-width: 991px) {
    .intro-section .toggle-card-wrapper .main-tabs .selectify-wrapper {
        display: block;
    }
}
.intro-section .toggle-card-wrapper .main-tabs .selectify-wrapper .selectify {
    max-width: 100%;
    position: relative;
    font-family: var(--jakarta-font-family);
}
.intro-section .toggle-card-wrapper .main-tabs .selectify-wrapper .selectify .active-wrapper {
    position: relative;
}
.intro-section .toggle-card-wrapper .main-tabs .selectify-wrapper .selectify .active-wrapper .arrow-icon {
    fill: var(--primary-white);
}
.intro-section .toggle-card-wrapper .main-tabs .selectify-wrapper .selectify .active-wrapper .arrow-icon {
    width: 18px;
    height: 18px;
    display: block;
    position: absolute;
    top: 50%;
    z-index: 1;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 20px;
    fill: var(--primary-white);
    pointer-events: none;
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transition: all 0.25s ease;
    transition: all 0.25s ease;
}
.intro-section .toggle-card-wrapper .main-tabs .selectify-wrapper .selectify .active-wrapper .arrow-icon svg {
    width: 100%;
    height: 100%;
    vertical-align: top;
    fill: var(--primary-white);
}
.intro-section .toggle-card-wrapper .main-tabs .selectify-wrapper .icon {
    margin-right: 1.3rem;
    font-size: 3rem;
    height: 3rem;
}
.intro-section .toggle-card-wrapper .main-tabs .selectify-wrapper .selectify .icon-wrapper {
    flex: 0.1;
    pointer-events: none;
}
.intro-section .toggle-card-wrapper .main-tabs .selectify-wrapper .selectify .active .icon-wrapper {
    color: var(--global-color-primary);
    fill: var(--global-color-primary);
}
.intro-section .toggle-card-wrapper .main-tabs .selectify-wrapper .selectify .active {
    display: block;
    padding: 2rem;
    max-width: 100%;
    font-family: var(--jakarta-font-family);
    font-size: 1.8rem;
    font-weight: 600;
    color: var(--primary-white);
    clip-path: var(--slope-clip-top-right-base);
    background-color: rgba(255, 255, 255, 0.102);
    cursor: pointer;
    display: flex;
    align-items: center;
}
.intro-section .toggle-card-wrapper .main-tabs .selectify-wrapper .active .button-list-text {
    fill: var(--color-black);
    color: var(--color-black);
}
.intro-section .toggle-card-wrapper .main-tabs .selectify-wrapper .button-list-text {
    pointer-events: none;
}
.intro-section .toggle-card-wrapper .main-tabs .selectify-wrapper .selectify ul {
    position: absolute;
    top: 120%;
    opacity: 0;
    visibility: hidden;
    max-height: 50rem;
    width: 100%;
    clip-path: var(--slope-clip-top-right-base);
    background-color: rgba(255, 255, 255, 0.102);
    list-style: none;
    pointer-events: none;
    z-index: 999999;
    margin: 1rem 0 0 0;
    padding: 2rem 0;
    font-size: 1.8rem;
    color: var(--color-black);
    -webkit-box-shadow: 0px 15px 30px 0px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 15px 30px 0px rgba(0, 0, 0, 0.1);
    -webkit-transition: all 0.25s ease;
    transition: all 0.25s ease;
}
[dir='rtl'] .intro-section .toggle-card-wrapper .main-tabs .selectify-wrapper .selectify ul {
    clip-path: var(--slope-clip-top-left-base);
}
.intro-section .toggle-card-wrapper .main-tabs .selectify-wrapper .selectify.shown ul {
    top: 100%;
    opacity: 1;
    visibility: visible;
    pointer-events: all;
}
.intro-section .toggle-card-wrapper .main-tabs .selectify-wrapper .selectify ul {
    background-color: var(--primary-white);
    color: var(--primary-color);
}
.intro-section .toggle-card-wrapper .main-tabs .selectify-wrapper .selectify ul li {
    padding: 1.5rem 2rem;
    cursor: pointer;
    -webkit-transition: all 0.25s ease;
    transition: all 0.25s ease;
    color: var(--global-color-text-1);
    fill: var(--color-black);
    margin: 0 0.75rem;
    clip-path: var(--slope-clip-top-right-base);
    display: flex;
    align-items: center;
}
[dir='rtl'] .intro-section .toggle-card-wrapper .main-tabs .selectify-wrapper .selectify ul li {
    clip-path: var(--slope-clip-top-left-base);
}
.intro-section .toggle-card-wrapper .main-tabs .selectify-wrapper ul li .icon-wrapper {
    flex: 0.1;
}
.intro-section .toggle-card-wrapper .main-tabs .selectify-wrapper .selectify ul li.selected {
    color: var(--primary-white);
    background-color: var(--main-secondary-color);
    font-weight: 600;
}
.intro-section .toggle-card-wrapper .main-tabs .selectify-wrapper .selectify li.selected .icon-wrapper {
    color: var(--global-color-primary);
    fill: var(--global-color-primary);
}
.intro-section .toggle-card-wrapper .main-tabs {
    --gap: 1rem;
}
.intro-section .toggle-card-wrapper .main-tabs .tab-content {
    position: relative;
    margin: calc(var(--gap) / 2 * -1);
    transition: all 0.25s ease;
}
.intro-section .toggle-card-wrapper .main-tabs.tab-landscape .tab-content {
    margin: 0;
    padding: 0;
}
.intro-section .toggle-card-wrapper .main-tabs .tab-pane {
    display: block;
    position: absolute;
    top: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    opacity: 0;
    padding: var(--gap) 0 0 var(--gap);
    width: 100%;
}
.intro-section .toggle-card-wrapper .main-tabs.tab-landscape .tab-pane {
    margin: 0;
    padding: 0;
}
.intro-section .toggle-card-wrapper .main-tabs .tab-pane.first-render {
    opacity: 1;
    visibility: visible;
}
.intro-section .toggle-card-wrapper .main-tabs .tab-content > .active {
    display: block !important;
    z-index: 50;
}
.intro-section .toggle-card-wrapper .main-tabs .tab-pane.active {
    opacity: 1;
}
.intro-section .toggle-card-wrapper .main-tabs .tab-pane > div {
    opacity: 0;
    visibility: hidden;
    -webkit-transform: translateY(-25px);
    transform: translateY(-25px);
}
.intro-section .toggle-card-wrapper .main-tabs .tab-pane.first-render .tab-pane-inner {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
    opacity: 1;
    visibility: visible;
}
.intro-section .toggle-card-wrapper .main-tabs .tab-panel-wrapper {
    padding: 5rem 0;
    z-index: 1000;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10rem;
    align-items: center;
    position: relative;
}
@media (max-width: 991px) {
    .intro-section .toggle-card-wrapper .main-tabs .tab-panel-wrapper {
        grid-template-columns: 1fr;
        padding: 2rem 0 2rem 0;
        gap: 3rem;
    }
}
.intro-section .toggle-card-wrapper .main-tabs .pane-content-block .title {
    font-family: var(--jakarta-font-family);
    font-size: var(--medium-font-size);
    color: var(--primary-white);
    font-weight: 600;
    line-height: 40px;
}
.intro-section .toggle-card-wrapper .main-tabs .pane-content-block .description {
    margin-top: 5rem;
}
.intro-section .toggle-card-wrapper .main-tabs .pane-content-block p {
    color: var(--paragraph-md-color);
}
.intro-section .toggle-card-wrapper .main-tabs .pane-content-block .discription-list {
    list-style: none;
    padding: 3rem 0;
}
@media (max-width: 767px) {
    .intro-section .toggle-card-wrapper .main-tabs .pane-content-block .discription-list {
        padding: 3rem 0;
    }
}
.intro-section .toggle-card-wrapper .main-tabs .pane-content-block .discription-list .list-item {
    display: grid;
    grid-template-columns: auto 1fr;
    gap: 4rem;
    padding: 2rem 0;
}
@media (max-width: 767px) {
    .intro-section .toggle-card-wrapper .main-tabs .pane-content-block .discription-list .list-item {
        gap: 3rem;
        padding: 1.4rem 0;
    }
}
.intro-section .toggle-card-wrapper .main-tabs .pane-content-block .discription-list .list-item .list-icon {
    width: 4rem;
    fill: var(--primary-color);
    line-height: 100px;
}
.intro-section .toggle-card-wrapper .main-tabs .pane-content-block .discription-list .list-item .text {
    font-family: var(--jakarta-font-family);
    font-size: var(--paragraph-font-size);
    color: var(--light-primary-color);
    font-weight: 400;
    line-height: 34px;
}
.intro-section .toggle-card-wrapper .main-tabs .pane-content-block .intro-list {
    padding: 2rem 0;
}
.intro-section .toggle-card-wrapper .main-tabs .pane-content-block .intro-list .list-item .text {
    color: var(--primary-white);
    font-weight: 600;
}
.intro-section .toggle-card-wrapper .main-tabs .pane-content-block .intro-list .list-item .text p {
    display: inline;
}
.intro-section .toggle-card-wrapper .main-tabs .pane-content-block .intro-btns {
    display: flex;
    align-items: center;
    gap: 1rem;
}
@media (max-width: 767px) {
    .intro-section .toggle-card-wrapper .main-tabs .pane-content-block .intro-btns {
        flex-direction: column;
    }
    .intro-section .toggle-card-wrapper .main-tabs .pane-content-block .intro-btns .btn {
        width: 100%;
    }
}
.intro-section .toggle-card-wrapper .main-tabs .img-block {
    position: relative;
}
.intro-section .toggle-card-wrapper .main-tabs .img-block .image {
    width: 100%;
    object-fit: cover;
    height: auto;
    clip-path: var(--slope-clip-top-right-3);
}
.intro-section .toggle-card-wrapper .main-tabs .img-block .about-banner {
    display: flex;
    justify-content: start;
    align-items: center;
    gap: 2.8rem;
    max-width: 410px;
    background-color: var(--primary-color);
    clip-path: var(--slope-clip-bottom-left-3);
    padding: 4rem;
    position: absolute;
    left: calc(var(--slope-value-3) * -1);
    bottom: 3rem;
}
[dir='rtl'] .intro-section .toggle-card-wrapper .main-tabs .img-block .about-banner {
    clip-path: var(--slope-clip-bottom-right-3);
}
@media (max-width: 767px) {
    .intro-section .toggle-card-wrapper .main-tabs .img-block .about-banner {
        max-width: 350px;
        margin-left: 1rem;
        padding: 3.4rem;
    }
}
.intro-section .toggle-card-wrapper .main-tabs .img-block .about-banner img {
    height: 45px;
    width: 40px;
}
.intro-section .toggle-card-wrapper .main-tabs .img-block .about-banner .banner-inner-text {
    font-size: var(--paragraph-font-size);
    font-family: var(--jakarta-font-family);
    color: var(--primary-white);
    font-weight: 600;
    line-height: 1.294;
    width: 70%;
}
@media (max-width: 991px) {
    .intro-section .toggle-card-wrapper .main-tabs .mobile-hidden {
        display: none !important;
    }
}
.intro-section .grid-icon {
    position: absolute;
    width: 4.6rem;
    height: 4.6rem;
    stroke: var(--page-bg-color);
    bottom: 50px;
    right: 50px;
    z-index: 10;
}
@media (max-width: 991px) {
    .intro-section .grid-icon {
        bottom: 20px;
        right: 20px;
    }
}
@media (max-width: 767px) {
    .intro-section .grid-icon {
        display: none;
    }
}

.contact-block-container {
    margin-top: calc(var(--slope-value-5) * -1);
}
.contact-block-container .container {
    position: relative;
}
.contact-block-container .contact-block-wrapper {
    background-image: url(assets/images/homepage/48d951f19c0d2a1ee69f.png);
    background-repeat: no-repeat;
    background-size: cover;
    clip-path: var(--slope-clip-top-right-5);
    display: grid;
    grid-template-columns: 2fr 1fr;
    gap: 3rem;
    align-items: center;
    padding: 5rem 5rem;
    position: relative;
    z-index: 1;
    bottom: -70px;
}
@media (max-width: 991px) {
    .contact-block-container .contact-block-wrapper {
        grid-template-columns: 1fr;
    }
}
@media (max-width: 767px) {
    .contact-block-container .contact-block-wrapper {
        padding-top: 15rem;
    }
}
[dir='rtl'] .contact-block-container .contact-block-wrapper {
    clip-path: var(--slope-clip-top-left-5);
}
.contact-block-container .contact-block-wrapper .contact-block {
    display: flex;
    align-items: center;
    gap: 2.4rem;
    position: relative;
    justify-content: end;
}
.contact-block-container .contact-block-wrapper .contact-block .contact-text {
    font-family: var(--jakarta-font-family);
    font-weight: 600;
    font-size: 24px;
    color: var(--primary-white);
    max-width: 80%;
    letter-spacing: -0.32px;
    line-height: 1.2;
}
@media (max-width: 1200px) {
    .contact-block-container .contact-block-wrapper .contact-block .contact-text {
        max-width: 72%;
    }
}
@media (max-width: 767px) {
    .contact-block-container .contact-block-wrapper .contact-block .contact-text {
        text-align: center;
        max-width: 100%;
    }
}
@media (max-width: 767px) {
    .contact-block-container .contact-block-wrapper .contact-block {
        flex-direction: column;
    }
}
.contact-block-container .contact-block-wrapper .contact-btns {
    display: flex;
    gap: 1rem;
    justify-content: center;
}
@media (max-width: 767px) {
    .contact-block-container .contact-block-wrapper .contact-btns {
        flex-direction: column;
    }
}
.contact-block-container .logo-block {
    width: 149px;
    height: 149px;
    background-color: #fff;
    clip-path: var(--slope-clip-bottom-left-3);
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    left: 6rem;
    z-index: 1;
    bottom: calc(-36% - var(--slope-value-3));
}
[dir='rtl'] .contact-block-container .logo-block {
    clip-path: var(--slope-clip-bottom-right-3);
}
@media (max-width: 991px) {
    .contact-block-container .logo-block {
        height: 120px;
        width: 120px;
        bottom: 25%;
        left: 8rem;
    }
}
@media (max-width: 767px) {
    .contact-block-container .logo-block {
        height: 80px;
        width: 80px;
        top: 5rem;
        left: 50%;
        transform: translateX(-50%);
        clip-path: var(--slope-clip-bottom-left-base);
    }
    [dir='rtl'] .contact-block-container .logo-block {
        clip-path: var(--slope-clip-bottom-right-base);
    }
}
.contact-block-container .logo-block .logo-img {
    height: auto;
    max-width: 100%;
    object-fit: cover;
}
@media (max-width: 991px) {
    .contact-block-container .logo-block .logo-img {
        max-width: 40%;
    }
}
@media (max-width: 767px) {
    .contact-block-container .logo-block .logo-img {
        max-width: 30%;
    }
}

.contact-cards-section {
    position: relative;
    z-index: 1;
    margin-top: calc(var(--slope-value-3) * -1);
}
.contact-cards-section .contact-cards-wrapper {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 1rem;
}
@media (max-width: 991px) {
    .contact-cards-section .contact-cards-wrapper {
        grid-template-columns: repeat(2, 1fr);
    }
}
@media (max-width: 767px) {
    .contact-cards-section .contact-cards-wrapper {
        grid-template-columns: 1fr;
    }
}
.contact-cards-section .contact-cards-wrapper .contact-card {
    background-color: var(--semi-black-color);
    clip-path: var(--slope-clip-top-right-3);
    padding: 3rem;
    display: grid;
    grid-template-columns: 1fr;
    gap: 5rem;
}
[dir='rtl'] .contact-cards-section .contact-cards-wrapper .contact-card {
    clip-path: var(--slope-clip-top-left-3);
}
.contact-cards-section .contact-cards-wrapper .contact-card .icon {
    height: 5rem;
    fill: var(--primary-color);
}
.contact-cards-section .contact-cards-wrapper .contact-card .contact-text {
    text-align: right;
}
.contact-cards-section .contact-cards-wrapper .contact-card .contact-text .title {
    font-family: var(--jakarta-font-family);
    font-weight: 700;
    color: var(--primary-color);
    font-size: var(--sub-heading-font-size);
    text-transform: uppercase;
    letter-spacing: 2px;
    line-height: 30px;
}
.contact-cards-section .contact-cards-wrapper .contact-card .contact-text .link {
    font-family: var(--jakarta-font-family);
    font-weight: 600;
    color: var(--primary-white);
    font-size: var(--paragraph-font-size);
    text-decoration: none;
}

.contact-detail-section {
    padding: 20rem 0;
}
@media (max-width: 991px) {
    .contact-detail-section {
        padding: 10rem 0;
    }
}
@media (max-width: 767px) {
    .contact-detail-section {
        padding: 5rem 0 10rem;
    }
}
.contact-detail-section .contact-detail-wrapper .main-heading {
    max-width: 70%;
}
@media (max-width: 767px) {
    .contact-detail-section .contact-detail-wrapper .main-heading {
        max-width: 100%;
    }
}
.contact-detail-section .contact-detail-wrapper .contact-cards-section {
    margin-top: 0;
}
.contact-detail-section .contact-detail-wrapper .contact-cards-section .contact-cards-wrapper .contact-card {
    position: relative; /* Enable pseudo-element positioning */
    background-color: var(--secondary-button-bg);
    clip-path: var(--slope-clip-top-right-3);
    padding: 3rem;
    display: grid;
    grid-template-columns: 1fr;
    gap: 5rem;
    overflow: hidden; /* Prevent pseudo-element overflow */
    transition: all 0.3s ease-in-out; /* Smooth transition for the background and other properties */
}
[dir='rtl']
    .contact-detail-section
    .contact-detail-wrapper
    .contact-cards-section
    .contact-cards-wrapper
    .contact-card {
    clip-path: var(--slope-clip-top-left-3);
}
.contact-detail-section .contact-detail-wrapper .contact-cards-section .contact-cards-wrapper .contact-card .icon {
    height: 5rem;
    fill: var(--primary-color);
    transition: fill 0.8s ease-in-out;
    z-index: 1;
}
.contact-detail-section
    .contact-detail-wrapper
    .contact-cards-section
    .contact-cards-wrapper
    .contact-card
    .contact-text {
    text-align: right;
    position: relative; /* Ensure text is above the pseudo-element */
    z-index: 1;
}
.contact-detail-section
    .contact-detail-wrapper
    .contact-cards-section
    .contact-cards-wrapper
    .contact-card
    .contact-text
    .title {
    font-family: var(--jakarta-font-family);
    font-weight: 700;
    color: var(--primary-color);
    font-size: var(--sub-heading-font-size);
    text-transform: uppercase;
    letter-spacing: 2px;
    line-height: 30px;
    transition: color 0.8s ease-in-out; /* Smooth color change */
}
.contact-detail-section
    .contact-detail-wrapper
    .contact-cards-section
    .contact-cards-wrapper
    .contact-card
    .contact-text
    .link {
    font-family: var(--jakarta-font-family);
    font-weight: 600;
    color: var(--secondary-color);
    font-size: var(--paragraph-font-size);
    text-decoration: none;
    transition: color 0.3s ease-in-out;
}
.contact-detail-section .contact-detail-wrapper .form-call-wrapper {
    margin-top: 10rem;
    display: grid;
    grid-template-columns: 2fr 1fr;
    align-items: end;
    gap: 6rem;
}
@media (max-width: 991px) {
    .contact-detail-section .contact-detail-wrapper .form-call-wrapper {
        grid-template-columns: 1fr;
    }
}
.contact-detail-section .contact-detail-wrapper .form-call-wrapper .main-contact-form .main-heading {
    font-size: 4rem;
    font-weight: 600;
    letter-spacing: 0;
}
.contact-detail-section .contact-detail-wrapper .form-call-wrapper .main-contact-form .form .form-block {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 1rem;
    margin-bottom: 1rem;
}
@media (max-width: 767px) {
    .contact-detail-section .contact-detail-wrapper .form-call-wrapper .main-contact-form .form .form-block {
        grid-template-columns: 1fr;
    }
}
.contact-detail-section .contact-detail-wrapper .form-call-wrapper .main-contact-form .form .form-group {
    width: 100%;
}
.contact-detail-section
    .contact-detail-wrapper
    .form-call-wrapper
    .main-contact-form
    .form
    .form-group
    input[type='text'],
.contact-detail-section
    .contact-detail-wrapper
    .form-call-wrapper
    .main-contact-form
    .form
    .form-group
    input[type='email'],
.contact-detail-section
    .contact-detail-wrapper
    .form-call-wrapper
    .main-contact-form
    .form
    .form-group
    input[type='url'],
.contact-detail-section
    .contact-detail-wrapper
    .form-call-wrapper
    .main-contact-form
    .form
    .form-group
    input[type='tel'],
.contact-detail-section .contact-detail-wrapper .form-call-wrapper .main-contact-form .form .form-group textarea {
    outline: none;
    width: 100%;
    padding: 18px 20px;
    border: none;
    box-sizing: border-box;
    font-family: var(--jakarta-font-family);
    font-weight: 400;
    line-height: 1.2;
    color: var(--paragraph-color);
    font-size: var(--sm-font-size);
    background-color: var(--secondary-button-bg);
    box-shadow: 1px 1.732px 4px 0px var(--transparent-secondary-color);
    clip-path: var(--slope-clip-top-right-base);
}
[dir='rtl']
    .contact-detail-section
    .contact-detail-wrapper
    .form-call-wrapper
    .main-contact-form
    .form
    .form-group
    input[type='text'],
[dir='rtl']
    .contact-detail-section
    .contact-detail-wrapper
    .form-call-wrapper
    .main-contact-form
    .form
    .form-group
    input[type='email'],
[dir='rtl']
    .contact-detail-section
    .contact-detail-wrapper
    .form-call-wrapper
    .main-contact-form
    .form
    .form-group
    input[type='url'],
[dir='rtl']
    .contact-detail-section
    .contact-detail-wrapper
    .form-call-wrapper
    .main-contact-form
    .form
    .form-group
    input[type='tel'],
[dir='rtl']
    .contact-detail-section
    .contact-detail-wrapper
    .form-call-wrapper
    .main-contact-form
    .form
    .form-group
    textarea {
    clip-path: var(--slope-clip-top-left-base);
    text-align: left;
}
.contact-detail-section .contact-detail-wrapper .form-call-wrapper .main-contact-form .form .form-group textarea {
    width: 100%;
    height: 185px;
    resize: none;
}
.contact-detail-section .contact-detail-wrapper .form-call-wrapper .main-contact-form .form .custom-dropdown {
    position: relative;
    display: inline-block;
}
.contact-detail-section
    .contact-detail-wrapper
    .form-call-wrapper
    .main-contact-form
    .form
    .custom-dropdown
    .dropdown-form-button {
    width: 100%;
    padding: 18px 20px;
    font-family: var(--jakarta-font-family);
    font-size: var(--sm-font-size);
    line-height: 1.2;
    color: var(--paragraph-color);
    background-color: var(--secondary-button-bg);
    text-align: left;
    border: none;
    box-shadow: 1px 1.732px 4px 0px var(--transparent-secondary-color);
    clip-path: var(--slope-clip-top-right-base);
    cursor: pointer;
    position: relative;
}
.contact-detail-section
    .contact-detail-wrapper
    .form-call-wrapper
    .main-contact-form
    .form
    .custom-dropdown
    .dropdown-form-button::after {
    content: '';
    width: 20px;
    height: 20px;
    background-color: var(--primary-color);
    mask: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512"%3E%3Cpath d="M271.1 176H48.08c-42.63 0-64.25 51.77-33.88 81.9l111.9 112c18.63 18.76 49.13 18.76 67.88 0l112-112C335.1 227.8 314.7 176 271.1 176zM159.1 336L47.96 224H271.1L159.1 336z"%2F%3E%3C%2Fsvg%3E');
    -webkit-mask: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512"%3E%3Cpath d="M271.1 176H48.08c-42.63 0-64.25 51.77-33.88 81.9l111.9 112c18.63 18.76 49.13 18.76 67.88 0l112-112C335.1 227.8 314.7 176 271.1 176zM159.1 336L47.96 224H271.1L159.1 336z"%2F%3E%3C%2Fsvg%3E');
    mask-size: contain;
    -webkit-mask-size: contain;
    mask-repeat: no-repeat;
    -webkit-mask-repeat: no-repeat;
    color: var(--primary-color);
    position: absolute;
    top: 50%;
    right: 20px;
    transform: translateY(-50%);
    pointer-events: none;
}
.contact-detail-section
    .contact-detail-wrapper
    .form-call-wrapper
    .main-contact-form
    .form
    .custom-dropdown
    .dropdown-form-menu {
    display: none;
    position: absolute;
    width: 100%;
    background-color: #fff;
    box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1);
    z-index: 1000;
    list-style: none;
    margin: 0;
    padding: 0;
}
.contact-detail-section
    .contact-detail-wrapper
    .form-call-wrapper
    .main-contact-form
    .form
    .custom-dropdown
    .dropdown-form-menu
    li {
    padding: 14px 20px;
    font-family: var(--jakarta-font-family);
    font-size: var(--sm-font-size);
    cursor: pointer;
    color: var(--paragraph-color);
    transition: all 0.3s ease;
}
.contact-detail-section
    .contact-detail-wrapper
    .form-call-wrapper
    .main-contact-form
    .form
    .custom-dropdown
    .dropdown-form-menu
    li:hover {
    background-color: var(--primary-color);
    color: var(--primary-white);
}
.contact-detail-section .contact-detail-wrapper .form-call-wrapper .main-contact-form .form .btn {
    width: 50%;
    margin-top: 1rem;
}
@media (max-width: 767px) {
    .contact-detail-section .contact-detail-wrapper .form-call-wrapper .main-contact-form .form .btn {
        width: 100%;
    }
}
.contact-detail-section .contact-detail-wrapper .form-call-wrapper .main-contact-form .form #mainSuccessMessage {
    font-size: var(--btn-font-size);
    font-weight: bold;
    font-family: var(--jakarta-font-family);
    text-align: center;
    color: var(--secondary-color);
    margin-top: 15px;
}
.contact-detail-section .contact-detail-wrapper .form-call-wrapper .main-contact-form .form #errorContainer {
    font-size: var(--btn-font-size);
    font-weight: bold;
    font-family: var(--jakarta-font-family);
    text-align: center;
    margin-top: 15px;
}
.contact-detail-section .contact-detail-wrapper .form-call-wrapper .call-section .image-container {
    display: flex;
    align-items: center;
    position: relative;
    gap: 0;
    margin-bottom: 2rem;
}
.contact-detail-section .contact-detail-wrapper .form-call-wrapper .call-section .image-container .image-wrapper {
    width: 67px;
    height: 66px;
    border-radius: 50%;
    border: 4px solid var(--primary-white);
    box-shadow: 1px 1.732px 4px 0px var(--transparent-secondary-color);
    overflow: hidden;
    position: relative;
    z-index: 3;
}
.contact-detail-section .contact-detail-wrapper .form-call-wrapper .call-section .image-container .image-wrapper img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: left;
}
[dir='rtl']
    .contact-detail-section
    .contact-detail-wrapper
    .form-call-wrapper
    .call-section
    .image-container
    .image-wrapper
    img {
    object-position: right;
}
.contact-detail-section
    .contact-detail-wrapper
    .form-call-wrapper
    .call-section
    .image-container
    .image-wrapper:nth-child(2) {
    margin-left: -20px; /* Overlaps with the first image */
    z-index: 2;
}
.contact-detail-section
    .contact-detail-wrapper
    .form-call-wrapper
    .call-section
    .image-container
    .image-wrapper:nth-child(3) {
    margin-left: -20px; /* Overlaps with the second image */
    z-index: 1;
}
.contact-detail-section .contact-detail-wrapper .form-call-wrapper .call-section .main-heading {
    font-size: var(--feature-font-size);
    letter-spacing: 0;
    margin-bottom: 4rem;
}
.contact-detail-section .contact-detail-wrapper .form-call-wrapper .call-section .call-form-container {
    margin-top: 3rem;
}
.contact-detail-section .contact-detail-wrapper .form-call-wrapper .call-section .call-form-container form {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}
.contact-detail-section .contact-detail-wrapper .form-call-wrapper .call-section .call-form-container form .form-group {
    width: 100%;
}
.contact-detail-section
    .contact-detail-wrapper
    .form-call-wrapper
    .call-section
    .call-form-container
    form
    .form-group
    input[type='text'],
.contact-detail-section
    .contact-detail-wrapper
    .form-call-wrapper
    .call-section
    .call-form-container
    form
    .form-group
    input[type='date'],
.contact-detail-section
    .contact-detail-wrapper
    .form-call-wrapper
    .call-section
    .call-form-container
    form
    .form-group
    input[type='time'],
.contact-detail-section
    .contact-detail-wrapper
    .form-call-wrapper
    .call-section
    .call-form-container
    form
    .form-group
    input[type='tel'] {
    outline: none;
    width: 100%;
    padding: 18px 20px;
    border: none;
    box-sizing: border-box;
    font-family: var(--jakarta-font-family);
    font-weight: 400;
    line-height: 1.2;
    color: var(--paragraph-color);
    font-size: var(--sm-font-size);
    background-color: var(--secondary-button-bg);
    box-shadow: 1px 1.732px 4px 0px var(--transparent-secondary-color);
    clip-path: var(--slope-clip-top-right-base);
}
[dir='rtl']
    .contact-detail-section
    .contact-detail-wrapper
    .form-call-wrapper
    .call-section
    .call-form-container
    form
    .form-group
    input[type='text'],
[dir='rtl']
    .contact-detail-section
    .contact-detail-wrapper
    .form-call-wrapper
    .call-section
    .call-form-container
    form
    .form-group
    input[type='date'],
[dir='rtl']
    .contact-detail-section
    .contact-detail-wrapper
    .form-call-wrapper
    .call-section
    .call-form-container
    form
    .form-group
    input[type='time'],
[dir='rtl']
    .contact-detail-section
    .contact-detail-wrapper
    .form-call-wrapper
    .call-section
    .call-form-container
    form
    .form-group
    input[type='tel'] {
    clip-path: var(--slope-clip-top-left-base);
    text-align: left;
}

.map-block {
    background-image: url(d24fac226b519e0f158a.webp);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    clip-path: var(--slope-clip-top-right-5);
    padding: 20rem 0 29rem;
}
[dir='rtl'] .map-block {
    clip-path: var(--slope-clip-top-left-5);
}
.map-block .address-block {
    position: relative;
    display: inline-block;
}
.map-block .address-block .address-box {
    background-color: var(--primary-white);
    padding: 4rem;
    display: inline-block;
    position: relative;
    clip-path: var(--slope-clip-top-right-3);
}
[dir='rtl'] .map-block .address-block .address-box {
    clip-path: var(--slope-clip-top-left-3);
}
.map-block .address-block .address-box .content .logo-block span {
    display: flex;
    align-items: center;
    gap: 1rem;
    font-family: var(--jakarta-font-family);
    font-weight: 600;
    font-size: var(--feature-font-size);
    color: var(--primary-color);
}
.map-block .address-block .address-box .content .address {
    margin: 3rem 0;
    display: flex;
    flex-direction: column;
    gap: 3rem;
}
.map-block .address-block .address-box .content .address p {
    font-size: var(--sm-title-font-size);
    font-weight: 400;
}
.map-block .address-block .address-box .content .btn .text-two {
    transform: translate(-50%, 250%);
}
.map-block .address-block .address-box .content .btn:hover .text-two {
    transform: translate(-50%, -50%);
}
.map-block .address-block .address-box .content .btn.primary {
    background-color: var(--primary-color);
}
.map-block .address-block .address-box .content .btn.primary::before {
    background: var(--secondary-color);
}
.map-block .address-block .address-box .content .btn.primary .text-one {
    color: var(--primary-white);
}
.map-block .address-block .address-box .content .btn.primary .text-one svg {
    fill: var(--primary-white);
}
.map-block .address-block .address-box .content .btn.primary .text-two {
    color: var(--primary-white);
}
.map-block .address-block .address-box .content .btn.primary .text-two svg {
    fill: var(--primary-white);
}
.map-block .address-block .card-notch {
    position: absolute;
    bottom: -16px;
    left: 10%;
    transform: translateX(-50%);
    rotate: 180deg;
    height: 2rem;
    width: 2rem;
}
@media (max-width: 991px) {
    .map-block .address-block .card-notch {
        bottom: -14px;
    }
}
.map-block .address-block .card-notch svg {
    position: relative;
    height: auto;
    width: 100%;
    fill: white;
}



/* whychoose us */
.why-sec {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}
@media (min-width: 768px) {
    .text-md-start {
        text-align: left !important;
    }
}
.feature-style2 {
    background-color: #fff;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    position: relative;
}
.feature-style2::before{
    top: 0;
    bottom: 0;
    left: 50%;
    width: 1px;
    margin-left: -0.5px;
}

.feature-style2:after, .feature-style2::before {
    content: "";
    position: absolute;
    background-color: #d8dde1;
}
.feature-style2 .dot-shape {
    position: absolute;
    left: 50%;
    top: 50%;
    background-color: var(--primary-color);
    width: 12px;
    height: 12px;
    z-index: 1;
    margin: -6px 0 0 -6px;
}
.feature-style2 .feature-item {
    display: flex;
    padding: 35px 25px 30px 25px;
    transition: all ease .4s;
    background-color: rgba(0, 0, 0, 0);
}
.feature-style2 .feature-icon {
    margin-right: 25px;
}
img:not([draggable]), embed, object, video {
    max-width: 100%;
    height: auto;
}
.feature-style2 .feature-content {
    flex: 1;
}
.feature-style2 .feature-title {
    margin-top: -0.2em;
    margin-bottom: 12px;
    transition: all ease .4s;
    font-size: 22px;
    font-weight: 600;

}
.feature-style2 .feature-text {
    margin-bottom: 0;
    transition: all ease .4s;
}
.feature-style2:after {
    left: 0;
    right: 0;
    top: 50%;
    height: 1px;
    margin-top: -0.5px;
}
.feature-style2 .feature-item:hover {
    background-color: #000;
}
.feature-style2 .feature-item:hover .feature-title,.feature-style2 .feature-item:hover .feature-text{
    color: #fff;
}
.why-sec {
    clip-path: var(--slope-clip-top-left-5);
}

/* getin touch */
.contact-wrap1 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    gap: 24px;
    margin-left: -324px
}
.contact-feature_link {
  word-wrap: break-word; 
  overflow-wrap: anywhere;
  white-space: normal;
  display: inline-block;
}
.contact-form-wrap {
    padding: 40px;
    position: relative;
    z-index: 9;
}
.contact-wrap1 .contact-form-wrap {
    background: #fff;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
    padding: 30px;
    background-image: url(assets/images/testimonials/getin-bg.webp);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 10px;
}

.contact-wrap1 .contact-form-wrap textarea.form-control,
.contact-wrap1 .contact-form-wrap textarea {
    min-height: 60px;
}

.contact-wrap1 .newsletter-card {
    padding: 50px 30px;
    min-width: 380px;
    background-color: #1f1d1e;
    clip-path: var(--slope-clip-top-right-3);
    background-image: url(assets/images/testimonials/getin-bg.webp);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 10px;
}

.contact-wrap1 .newsletter-card .title-wrap {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    gap: 10px;
    margin-bottom: 22px
}
.icon-logo {
    background-color: #fff;
    padding: 15px;
    border-radius: 15px;
}
.contact-wrap1 .newsletter-card .title-wrap .sub-title {
    margin: 0;
    color: var(--primary-color);
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 4.2px;
    text-transform: uppercase;
    margin-top: -0.4em;
    margin-bottom: 5px;
    display: block
}

.contact-wrap1 .newsletter-card .title-wrap .title {
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 0
}

.contact-wrap1 .newsletter-card .content {
    color: #fff;
    margin-bottom: 16px
}

.contact-wrap1 .newsletter-card .newsletter-form input {
    height: 56px;
    background: #3D4250;
    color: #B2B2B2
}

.contact-wrap1 .newsletter-card .newsletter-form input::-webkit-input-placeholder {
    color: #B2B2B2
}

.contact-wrap1 .newsletter-card .newsletter-form input::-moz-placeholder {
    color: #B2B2B2
}

.contact-wrap1 .newsletter-card .newsletter-form input:-ms-input-placeholder {
    color: #B2B2B2
}

.contact-wrap1 .newsletter-card .newsletter-form input::-ms-input-placeholder {
    color: #B2B2B2
}

.contact-wrap1 .newsletter-card .newsletter-form input::placeholder {
    color: #B2B2B2
}

.contact-wrap1 .newsletter-card .contact-feature {
    background: #252A37;
    box-shadow: none;
    border: 0;
    border-radius: 0;
    padding: 0;
    gap: 15px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.contact-wrap1 .newsletter-card .contact-feature .contact-feature-icon {
    background: var(--primary-color);
    color: #fff;
    border-radius: 0;
    font-size: 24px
}

.contact-wrap1 .newsletter-card .contact-feature .contact-feature_label {
    color: #ffffff;
    font-size: 20px;
    font-weight: 600;
}

.contact-wrap1 .newsletter-card .contact-feature .contact-feature_link {
    color: #fff;
    font-size: 18px;
    font-weight: 600
}

@media (max-width: 1199px) {
    .contact-wrap1 {
        margin-left: 0
    }

    .contact-wrap1 .contact-form-wrap {
        margin-top: 0
    }
}

@media (max-width: 991px) {
    .contact-wrap1 {
        display: block
    }

    .contact-wrap1 .contact-form-wrap {
        margin-bottom: 20px
    }

    .contact-wrap1 .newsletter-form {
        -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        gap: 0
    }
}

@media (max-width: 375px) {
    .contact-wrap1 .contact-feature {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex
    }

    .contact-wrap1 .contact-feature .contact-feature-icon {
        margin-bottom: 0
    }
}
.form-group {
    margin-bottom: 1.5rem;
    position: relative;
    display: inline-block;
    width: 100%;
}
.form-control, .form-select, textarea, input {
    height: 55px;
    padding: 0 25px 0 25px;
    padding-right: 45px;
    border: 1px solid var(--primary-color);
    color: #bd212f;
    background-color: #ffffff;
    border-radius: 0px;
    font-size: 16px;
    font-weight: 700;
    width: 100%;
    -webkit-transition: 0.3s 
ease-in-out;
    transition: 0.3s 
ease-in-out;
}
.form-group>i {
    display: inline-block;
    position: absolute;
    right: 25px;
    top: 19px;
    font-size: 16px;
    color: #93a5be;
}
.contact-wrap1 .newsletter-card .contact-feature {
    background: #252A37;
    box-shadow: none;
    border: 0;
    border-radius: 0;
    padding: 0;
    gap: 15px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.contact-wrap1 .newsletter-card .contact-feature .contact-feature_link {
    color: #fff;
    font-size: 17px;
    font-weight: 600;
    text-decoration: none;
}
.media-body {
    padding: 11px;
}
.contact-feature .contact-feature_link {
    color: #4D5765;
    line-height: 24px;
    font-size: 14px;
    display: block;
}
/* funfact start */
.fun-fact-section {
  position: relative;
  background-color: #f3f4f7;
}
.fun-fact-section.style-two {
  background-color: transparent;
  padding: 0 0 70px;
}
@media (max-width: 991.98px) {
  .fun-fact-section.style-two {
    padding: 0 0 40px;
  }
}
.fun-fact-section.style-three {
  background-color: transparent;
  padding: 167px 0 70px;
}
@media (max-width: 991.98px) {
  .fun-fact-section.style-three {
    padding: 100px 0 40px;
  }
}
.fun-fact-section .bg {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}

.counter-block {
  position: relative;
}
.bg.bg-image {
    background-attachment: fixed;
}
.counter-block .inner-box {
  position: relative;
  border: 3px solid var(--primary-color);
  border-radius: 50px;
  background-color: #fff;
  padding: 70px 20px 40px;
  max-width: 225px;
  margin: 50px auto 0;
  text-align: center;
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
}
@media (max-width: 1399.98px) {
  .counter-block .inner-box {
    max-width: 100%;
  }
}
.counter-block .inner-box:hover .icon {
  background-color: #333031;
  -webkit-transform: rotate(-360deg);
          transform: rotate(-360deg);
}
.counter-block .icon {
  position: absolute;
  top: -63px;
  left: 0;
  right: 0;
  margin: 0 auto;
  display: inline-block;
  width: 125px;
  height: 125px;
  line-height: 125px;
  font-size: 46px;
  color: #fff;
  border-radius: 50%;
  -webkit-box-shadow: 0 0px 43px rgba(0, 0, 0, 0.06);
          box-shadow: 0 0px 43px rgba(0, 0, 0, 0.06);
  background-color: var(--primary-color);
  text-align: center;
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
}
.counter-block .count-box {
  position: relative;
  font-size: 48px;
  font-weight: 700;
  line-height: 1em;
  color: #333031;
}
.counter-block .count-box .count-text {
  font-weight: 700;
  font-size: 48px;
  line-height: 1em;
  color: #333031;
}
.counter-block .counter-title {
  position: relative;
  margin-bottom: 0;
  color: #000;
  font-size: 16px;
  margin-top: 10px;
}
/* work Process */
.position-relative {
    position: relative !important;
}
.process-shape1 {
    position: absolute;
    right: 0;
    bottom: 0;
}
.process-style1 {
    position: relative;
    text-align: center;
    background-color: #e4c4c7;
    padding: 30px 16px 22px 15px;
    margin: 25px 0 50px 20px;
}
.process-style1:hover::before {
    border-color: var(--primary-color);
}
.process-style1 .process-icon {
    margin-bottom: 25px;
}
.work-set{
    padding-bottom: 40px;
}
.process-style1:before {
    content: "";
    position: absolute;
    left: -20px;
    top: 30px;
    right: 25px;
    bottom: -20px;
    border: 1px solid #D8DDE1;
    z-index: -1;
    transition: all ease .4s;
}
.process-style1 .process-number {
    position: absolute;
    left: 20px;
    top: -25px;
    font-size: 24px;
    font-weight: 700;
    background-color: var(--primary-color);
    transition: all ease .4s;
    color: #fff;
    width: 50px;
    height: 45px;
    line-height: 45px;
    display: inline-block;
}
.process-style1 .process-number:before {
    content: "";
    position: absolute;
    right: -10px;
    top: 0;
    height: 25px;
    width: 10px;
    clip-path: polygon(0 0, 0 100%, 100% 100%);
    background-color: inherit;
    display: inline-block;
}
img:not([draggable]), embed, object, video {
    max-width: 100%;
    height: auto;
}
.process-style1 .process-name {
    font-size: 22px;
    margin-bottom: 10px;
}
.process-style1 .process-text {
    margin-bottom: 0;
}
.shape-mockup {
    position: absolute;
    z-index: -1;
}

.pattern-layer {
    position: absolute;
    right: 0px;
    bottom: 0px;
    width: 388px;
    height: 439px;
    background-repeat: no-repeat;
}


.feature-block {
    margin-bottom: 30px;
}
.feature-block .inner-box {
    position: relative;
    display: flex;
    padding: 45px 25px 35px;
    overflow: hidden;
    flex-direction: column;
    align-items: center;
    text-align: center;
    background-color: #f4efef;
}
.feature-block .inner-box:after, .feature-block .inner-box:before {
    content: "";
    position: absolute;
    bottom: 0;
    height: 100%;
    transition: all .4s ease;
}
.feature-block .inner-box:before {
    right: -503px;
    width: 297px;
    background-color: #f0d9db;
    transform: skewX(-49deg);
    transform-origin: top right;
    z-index: 1;
}
.feature-block .inner-box .icon-box {
    position: relative;
    margin-bottom: 20px;
}
.feature-block .inner-box .icon {
    position: relative;
    width: 96px;
    height: 96px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 40px;
    border-radius: 50%;
    margin-right: 0;
    color: var(--primary-color);
    transition: all .3s ease;
    z-index: 1;
}
.feature-block .inner-box .icon-box .number {
    color: #fff;
    font-size: 18px;
    font-weight: 600;
    display: inline-block;
    height: 40px;
    width: 40px;
    line-height: 40px;
    background-color: var(--primary-color);
    border-radius: 50%;
    position: absolute;
    right: -8px;
    top: -4px;
    z-index: 2;
}
.feature-block .inner-box .title {
    position: relative;
    margin-bottom: 8px;
    z-index: 3;
    font-size: 22px;
    font-weight: 700;
    line-height: 3rem;
}
a {
    text-decoration: none;
}
.title a {
    color: inherit;
}
.feature-block .inner-box .text {
    position: relative;
    z-index: 3;
    margin-bottom: 0;
    transition: all .3s ease;
    font-size: 16px;
    line-height: 30px;
}
.feature-block .inner-box:after{
    right: -443px;
    width: 0;
    background-color: var(--primary-color);
    transform: skewX(-45deg);
    transform-origin: top right;
    z-index: 2;
}
.feature-block .inner-box:after, .feature-block .inner-box:before {
    content: "";
    position: absolute;
    bottom: 0;
    height: 100%;
    transition: all .4s ease;
}
.feature-block .inner-box .icon:after{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border-radius: 50%;
    border: 1px dashed var(--primary-color);
    background-color: #fff;
    z-index: -1;
    transition: all .3s ease;
}
.feature-block .inner-box:hover:before {
    width: 264%;
}
.feature-block .inner-box:hover:after {
    width: 100px;
}
.feature-block .inner-box:hover .icon{
    transform: rotate(-1turn);
}




/* footer start */

/* footer */
.footer-contact li {
    position: relative;
    display: flex;
    justify-content: start;
    align-items: start;
    color: var(--footer-text-color);
    font-size: 16px;
    margin-bottom: 9px;
}
section#nav_menu-2 {
    padding-bottom: 0;
    padding-top: 0;
    padding-left: 0;
}
.footer-contact li a{
    color: #fff;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}
.footer-contact li i {
    line-height: 30px;
    font-size: 16px;
    margin-right: 15px;
    border-radius: 50px;
    text-align: center;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    color: #fff;
}
ul.footer-contact {
    padding-left: 0;
}
ul.footer-contact li {
    color: #fff;
    line-height: 30px;
}
.icon-layer {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}
footer {
    position: relative;
    padding-top: 170px;
}
.footer-sec {
    overflow: hidden;
    clip-path: var(--slope-clip-top-right-base);
}

.footer-sec {
    background: #26282e;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
footer:before {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    background-color: #000000;
    opacity: .92;
    top: 0;
    left: 0;
}
/* 27. footer widget title */
.widget-title {
    position: relative;
}
.widget-title h3 {
    font-size: 24px;
    color: #fff;
    font-weight: bold;
    padding-bottom: 30px;
}
.widget-title h2 {
    font-size: 24px;
    color: #fff;
    font-weight: bold;
    padding-bottom: 30px;
}
.widget-title h5 a {
    font-size: 23px;
    color: #fff;
    text-decoration: none;
}
.widget-title > a {
    color: #fff;
    padding-top: 25px;
    display: block;
    font-size: 16px;
    text-decoration: none;
}
.widget-title ul.social-media {
    justify-content: flex-start;
    margin-top: 30px;
    margin-bottom: 40px;
}
.widget-title ul.social-media a {
    border: 0;
    color: #fff;
}
/* 28. footer-location */
.footer-location {
    display: flex;
}
.footer-location h4 {
    font-size: 16px;
    
    color: #fff;
    padding-left: 15px;
    line-height: 28px;
    font-weight: 400;
}
.footer-location {
    display: flex;
}
.footer-location svg {
    width: 31px;
    height: auto;
}
.widget-title 
> ul.links li {
    color: #fff;
	list-style: none;
}
.widget-title 
> ul{
	padding-left: 0;
}
.widget-title 
> ul.links li:not(:last-child) {
    padding-bottom: 18px;
}
.widget-title > ul.links li i {
    padding-right: 10px;
    color: var(--primary-color);
    font-size:16px;
}
.widget-title > ul.links li a {
    color: #ffffff;
    text-decoration: none;
    font-size: 16px;
}
.widget-title > ul.links li a:hover {
    color: var(--primary-color);
}
.widget-title p {
    color: #fff;
    width: 90%;
}
.widget-title > ul.links li:not(:last-child) {
    padding-bottom: 18px;
}






#menu-footer1 li a {
    color: #ffffff;
    text-decoration: none;
    font-size: 16px;
}
#menu-footer1 li:not(:last-child) {
    padding-bottom: 18px;
}
#menu-footer1 li a::before {
    content: "\f0da"; /* Font Awesome caret-right */
    font-family: "Font Awesome 6 Free"; /* or your FA family name */
    font-weight: 900; /* required for solid icons */
    margin-right: 6px; /* space between icon and text */
    display: inline-block;
    color: var(--primary-color);
}
#menu-footer1 li a:hover {
    color: var(--primary-color);
}

#menu-item-62 > a::after, #menu-item-61 > a::after,  #menu-item-63 > a::after{
    content: "\f107"; /* fa-caret-right */
    font-family: "Font Awesome 6 Free";
    font-weight: 900; /* required for solid icons */
    margin-left: 8px;
    display: inline-block;
    font-size: 18px;
}



/* 30. footer-bottom */
.footer-bottom {
    background-color: var(--primary-color);
    position: relative;
    padding-top: 5px;
    padding-bottom: 5px;
    margin-top: 30px;
}
.footer-bottom-text p {
    color: #fff;
	margin-bottom: 0;
}
.footer-bottom-text {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.footer-bottom-text ul {
    display: flex;
    align-items: center;
}
.footer-bottom-text ul li:not(:last-child) {
    padding-right: 40px;
}
.footer-bottom-text ul li {
    position: relative;
	list-style: none;
}
.footer-bottom-text ul li:not(:last-child):before {
    content: "";
    position: absolute;
    width: 1px;
    height: 17px;
    background-color: #000;
    right: 20px;
}
.footer-bottom-text ul li a:hover {
    color: var(--primary-color);
}
img.extra-images-one {
   width: 100px;
    position: absolute;
    z-index: 1;
    left: -60px;
    top: 12px;
}
.reviews li {
    list-style: none;
	margin-right: 3px;
}
footer img.extra-images-two {
    width: 110px;
    right: 4%;
    top: 55%;
}
footer img.dots {
    top: 29%;
    right: 5%;
    width: 92px;
}

.widget-title ul.social-media {
    justify-content: flex-start;
    margin-top: 0;
    margin-bottom: 30px;
}
.widget-title ul.social-media a {
    border: 0;
    color: #fff;
    text-decoration: none;
    font-size: 16px;
}
ul.social-media{
    display: flex;
}
ul.social-media li {
    position: relative;
	list-style: none;
}
ul.social-media a {
    border: 1px solid #fff;
    width: 40px;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    margin-left: 5px;
    color: #fff;
}
footer img.dots{
    top: 29%;
    right: 2%;
    width: 92px;
}

img.dots {
    top: 0;
    position: absolute;
    z-index: -0;
    right: -5%;
    animation: 8s bounceY infinite;
}
img.extra-images-two {
    position: absolute;
    top: 43%;
    right: 0;
    z-index: 1;
    animation: floatY 2s ease-in-out infinite;
}
@media (max-width: 1400px) {
    footer img.extra-images-two {
        width: 110px;
        right: -4%;
        top: 55%;
    }
}
.footer-bottom-text {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
@keyframes bounceY {
  0% {
    transform: translateY(0px);
  }
  50% {
    transform: translateY(-20px);
  }
  100% {
    transform: translateY(0px);
  }
}

.footer-bottom-text ul li a {
	color: #fff !important;
	transition: .4s all;
    text-decoration: none;
}
.footer-bottom-text ul li {
	color: #fff !important;
	transition: .4s all;
    text-decoration: none;
    font-size: 16px;
}
.footer-bottom-text ul {
	margin-bottom: 0;
}

.social-media .face {
    background-color: #4267b2;
    transition: none;
    transform: none;
}
.twitt {
    background-color: #4ba1f2;
    transition: none;
    transform: none;
}
.insta {
    background: linear-gradient(45deg, #feda75, #fa7e1e, #d62976, #962fbf, #4f5bd5);
    background-size: 300% 300%;
    animation: gradient 5s ease infinite;
    transition: none;
    transform: none;
}
.link{
    background-color: #3266c2;
    transition: none;
    transform: none;
}
/* client logo */
.client-sec{
    padding-bottom: 40px;
}
/* vision and mission */
.cs_service_card.cs_style_1{
    position: relative;
}
@media (max-width: 1400px) {
    .cs_service_card.cs_style_1 .cs_service_card_in {
        height: 374px;
    }
}
.cs_service_card.cs_style_1 .cs_service_card_in {
    position: relative;
    z-index: 2;
    height: 384px;
    max-width: 300px;
    margin-left: auto;
    margin-right: auto;
}
.cs_service_card.cs_style_1 .cs_service_card_number {
    color: transparent;
    -webkit-text-stroke: 1px var(--light-primary-color);
    height: 90px;
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
}

.cs_center {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.cs_bold {
    font-weight: 700;
}
.cs_fs_48 {
    font-size: 48px;
    line-height: 1.208em;
}
.cs_mb_22 {
    margin-bottom: 22px;
}
.cs_semibold {
    font-weight: 600;
}
.cs_fs_24 {
    font-size: 24px;
    line-height: 1.417em;
}
.cs_mb_15 {
    margin-bottom: 15px;
}
.cs_text_btn {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex
;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 8px;
}
.cs_heading_color {
    color: var(--heading-color);
}
.cs_bold {
    font-weight: 700;
}
.cs_fs_14 {
    font-size: 16px;
    line-height: 1.714;
}
.cs_service_card.cs_style_1 .cs_service_card_icon{
    height: 80px;
    width: 80px;
    -webkit-box-shadow: 0px 10px 50px rgba(0, 0, 0, 0.08);
    box-shadow: 0px 10px 50px rgba(0, 0, 0, 0.08);
    border-radius: 50%;
    background-color: #fff;
    position: absolute;
    bottom: 20px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
}

.cs_center {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.cs_service_card.cs_style_1 .cs_service_card_icon img {
    -webkit-transition: inherit;
    transition: inherit;
}
@media (max-width: 1400px) {
    .cs_service_card.cs_style_1 .cs_service_card_bg {
        width: 456px;
    }
}
.cs_service_card.cs_style_1 .cs_service_card_bg {
    position: absolute;
    top: -40px;
    width: 486px;
    left: 50%;
    margin-left: 6px;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    color: #ecf1f5;
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
    pointer-events: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.cs_service_card.cs_style_1:hover .cs_service_card_number {
    -webkit-filter: brightness(0) invert(1);
    filter: brightness(0) invert(1);
}
.cs_service_card.cs_style_1:hover .cs_service_card_bg {
    color: var(--primary-color);
}
.cs_service_card.cs_style_1:hover .cs_service_card_icon {
    background-color: var(--primary-color);
}
.cs_service_card.cs_style_1:hover .cs_service_card_icon img{
    -webkit-filter: brightness(0) invert(1);
    filter: brightness(0) invert(1);
}
.cs_service_card_title {
    font-size: 27px;
    font-weight: 600;
    color: var(--primary-color);
}
.cs_bg_filed {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}
@media screen and (min-width: 992px) {
    .cs_height_115 {
        height: 115px;
    }
}
.about-secp{
    position: relative;
}
.pattern-2 {
    position: absolute;
    right: 0px;
    bottom: 0px;
    width: 203px;
    height: 188px;
    background-repeat: no-repeat;
}

/* services page start */
.pricing-section .pricing-arrow-shape {
    position: absolute;
    right: 0;
    top: 10%;
}
.float-bob-y {
    -webkit-animation-name: float-bob-y;
    animation-name: float-bob-y;
    -webkit-animation-duration: 3s;
    animation-duration: 3s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
}
.pricing-section .pricing-circle-shape {
    position: absolute;
    bottom: 0;
    right: 0;
}
.pricing-card-items{
    margin-top: 30px;
    background-color: #fff;
    padding: 34px;
    position: relative;
    z-index: 9;
    transition: all 0.4s ease-in-out;
    clip-path: var(--slope-clip-top-right-5);
}
.pricing-card-items .pricing-shape {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    z-index: -1;
}
.pricing-card-items .pricing-header {
    padding-bottom: 30px;
}
.pricing-card-items .pricing-header h3 {
    border-bottom: 2px solid var(--primary-color);
    padding-bottom: 15px;
    font-size: 22px;
    font-weight: 700;
}
.pricing-card-items .pricing-list {
    list-style: none;
    padding-left: 0;
}
.pricing-card-items .pricing-list li:not(:last-child) {
    margin-bottom: 15px;
}
.pricing-card-items .pricing-list li {
    font-size: 16px;
    font-weight: 600;
    color: var(--secondary-color);
    align-items: center;
    display: flex;
    line-height: 22px;
}
.pricing-card-items .pricing-list li i {
    color: var(--primary-color);
    margin-right: 10px;
}
.pricing-section {
    position: relative;
}


.service-block__header{
    position: relative;
    z-index: 1;
    padding: 0px 40px 0px 10px;
    margin-bottom: 30px;
}
.service-block__header::before{
    position: absolute;
    content: "";
    top: 50%;
    transform: translateY(-50%);
    background: linear-gradient(90deg, #bb2525 0%, rgba(187, 37, 37, 0) 100%);
    opacity: 0.5;
    width: 100%;
    height: 60px;
    z-index: -1;
    left: -34px;
}
.service-block__header .service-block__icon {
    --icon-size: 80px;
    background-color: var(--primary-color);
    border-radius: 20px;
    min-width: 80px;
    min-height: 80px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 10px;
}

 /* whatsapp */
    .whatsapp-float {
        position: fixed;
        bottom: 80px;
        right: 20px;
        z-index: 100;
        text-align: center;
    }

    .whatsapp-icon {
        width: 50px;
        height: 50px;
        object-fit: cover;
        background-color: #25d366;
        border-radius: 50%;
        padding: 10px;
        box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
        transition: transform 0.3s ease;
    }
    .whatsapp-float:hover .whatsapp-icon {
        transform: scale(1.1);
    }
    /* contact us page start */
.service_box.style_three {
    margin-left: 25px;
}
.service_box {
    position: relative;
}
.service_box.style_three .service_content {
    position: relative;
    padding: 25px;
    background: #fff;
    border-radius: 0px 0px 75px 0px;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}
.service_box.style_three .service_content .content_inner {
    position: relative;
    padding-top: 85px;
}
.service_box.style_three .service_content .content_inner span {
    position: absolute;
    top: -50px;
    left: -50px;
    width: 110px;
    height: 110px;
    background: var(--primary-color);
    color: #fff;
    border-radius: 50%;
    text-align: center;
    font-size: 50px;
    line-height: 110px;
}
.service_box.style_three .service_content .content_inner span i {
    position: absolute;
    width: 110px;
    height: 110px;
    background: transparent;
    top: -10px;
    left: 9px;
    border: 4px solid var(--secondary-color);
    border-radius: 50%;
    transition: 0.5s ease-in-out;
}
.service_box.style_three .service_content .content_inner .nom {
    position: absolute;
    top: 0;
    right: 0;
    font-size: 24px;
    line-height: 60px;
    font-weight: 700;
    color: var(--primary-color);
    opacity: 0.5;
    transition: 0.5s ease-in-out;
    -moz-transition: 0.5s ease-in-out;
    -o-transition: 0.5s ease-in-out;
    -ms-transition: 0.5s ease-in-out;
}
.service_box.style_three .service_content .content_inner h2  {
    font-size: 22px;
    line-height: 32px;
    font-weight: 700;
    display: block;
    color: var(--secondary-color);
    margin-bottom: 15px;
}
.service_box.style_three .service_content .content_inner .read_more {
    font-size: 12px;
    font-weight: 600;
    color: var(--secondary-color);
    text-transform: uppercase;
    display: block;
    line-height: 23px;
    margin-top: 5px;
}
.service_box.style_three .service_content .content_inner .read_more i {
    font-size: 11px;
    display: inline-block;
    position: relative;
    font-size: 20px;
    top: 3px;
    left: 5px;
}
.service_box.style_three:hover .service_content .content_inner span i {
    top: 0;
    left: 0;
}
.service_box.style_three:hover .service_content .content_inner small {
    font-size: 40px;
    color: var(--light-primary-color);
}
.content_inner a{
    color: #000;
}

/* form section */
.contact-section .form-column .inner-column {
    padding: 120px 0 0;
}
.contact-form {
    position: relative;
    background-color: var(--primary-color);
    padding: 23px;
}
/* .contact-form .bg-pattern-1 {
    background-image: url(assets/images/resource/bg-patern.webp);
}
.bg {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: cover;
} */
.contact-form .title {
    color: #fff;
    margin-bottom: 30px;
    text-align: center;
    font-size: 28px;
    font-weight: 700;
}
.contact-form .form-group {
    position: relative;
   margin-bottom: 16px;
}

@media (min-width: 992px) {
    .wfo-50 {
        flex: 0 0 auto;
        width: 50%;
    }
}
.contact-form .select2-container--default .select2-selection--single, .contact-form input:not([type=submit]), .contact-form select, .contact-form textarea {
    position: relative;
    display: block;
    height: 60px;
    width: 100%;
    padding: 15px 21px;
    font-size: 16px;
    color: var(--secondary-color);
    line-height: 32px;
    font-weight: 400;
    background-color:#fff;
    border: 1px solid transparent;
    border-radius: 3px;
    margin-bottom: 0;
    transition: all .3s ease;
}
.contact-form textarea {
    height: 79px;
    resize: none;
}
.inner-column .image-box {
    position: relative;
}
.inner-column .image-box:before {
    content: "";
    position: absolute;
    height: 78%;
    width: 30%;
    left: 11px;
    top: 32px;
    background-color: var(--primary-color);
    transform: rotate(-7deg);
    z-index: -1;
}
.inner-column .image-box .image img {
    width: 100%;
}
.overlay-anim:after {
    background: rgba(255, 255, 255, .3);
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 0;
    opacity: 1;
    z-index: 9;
    pointer-events: none;
}
.inner-column .image-box .image {
    margin-bottom: 0;
    margin-left: 40px;
}



    .cs_card_1_col {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
}
.cs_card.cs_style_1{
    position: relative;
    padding: 0 20px 20px 20px;
    margin-top: 40px;
}
.cs_card.cs_style_1 .cs_card_in {
    position: relative;
    z-index: 1;
    -webkit-box-shadow: 0px 10px 50px rgba(0, 0, 0, 0.08);
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
    text-align: center;
    padding: 1px 25px 25px;
    border-radius: 20px;
}
.cs_white_bg {
    background-color: #fff;
}
.cs_card.cs_style_1 .cs_card_icon {
    height: 90px;
    width: 90px;
    border: 5px solid #bd212f4f;
    border-radius: 50%;
    margin-left: auto;
    margin-right: auto;
    margin-top: -45px;
    background-color: #fff;
    padding: 15px;
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
}
.cs_card_in.cs_white_bg a {
    font-size: 18px;
    color: #000;
}
.cs_center {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.cs_mb_30 {
    margin-bottom: 30px;
}
.cs_fs_24 {
    font-size: 24px;
    line-height: 1.417em;
}
.cs_card.cs_style_1 .cs_card_shape {
    position: absolute;
    bottom: -7px;
    left: 0;
    color: #bd212f4f;
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
}
.cs_heading_color {
    color: var(--secondary-color);
}
.cs_card.cs_style_1:hover .cs_card_icon {
    border-color: var(--primary-color);
}
.cs_card.cs_style_1:hover .cs_card_shape {
    color: var(--primary-color);
}

.cs_card_shape {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
}
.training-title{
    font-size: 22px;
    color: var(--primary-color);
}
.cs_card.cs_style_1.cs_type_1 .cs_card_shape {
    top: -25px;
    bottom: initial;
}
.cs_card.cs_style_1.cs_type_1 .cs_card_in {
    padding: 25px 25px 1px;
}
.cs_card.cs_style_1.cs_type_1 .cs_card_icon {
    margin-top: 0;
    margin-bottom: -45px;
}


/* blog detail */
h2.wp-block-heading {
    font-size: 20px;
    color: var(--primary-color);
}
.blogsub-heading {
    font-size: 20px;
    color: var(--primary-color);
}
.colen-tag {
    font-size: 18px;
    font-weight: 700;
}
.post-entry ul {
    margin: 0;
    padding: 0;
}
.post-entry ul li {
    padding-left: 20px;
    list-style: none;
    font-size: 16px;
    line-height: 26px;
    color: var(--secondary-color);
    font-weight: 400;
    position: relative;
    margin-bottom: 8px;
}
.post-entry ul li::before{
    position: absolute;
    content: "";
    width: 6px;
    height: 6px;
    background: var(--primary-color);
    left: 0;
    top: 10px;
    margin: auto;
}
.post-entry ul li:after {
    opacity: 0.6;
    left: 6px;
}
.post-entry ul li:after {
    position: absolute;
    content: "";
    width: 6px;
    height: 6px;
    background: var(--primary-color);
    left: 5px;
    top: 10px;
    margin: auto;
}




.post-single-meta ol li{
	font-size: 18px;
	color: #fff;
	margin-right: 15px;
}

.post-single-meta ol li:last-child{
	margin-right: 0;
}

.post-single-meta ol li i{
    font-size: 18px;
    color: #fff;
    margin-right: 5px;
}

.post-image{
	position: relative;
	margin-bottom: 30px;
}
.post-image figure {
    display: block;
    border-radius: 15px;
    overflow: hidden;
    box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
}

.post-image img{
	width: 100%;
	aspect-ratio: 1 / 0.50;
	object-fit: cover;
	border-radius: 15px;
}

.post-content{
	width: 100%;
	max-width: 1100px;
	margin: 0 auto;
}
.post-entry:after{
    content: '';
    display: block;
    clear: both;
}

.post-entry a{
    color: var(--primary-color);
}

.post-entry h1,
.post-entry h2,
.post-entry h3,
.post-entry h4,
.post-entry h5,
.post-entry h6{
	font-weight: 700;
	line-height: 1.2em;
	margin: 0 0 0.435em;
}

.post-entry h1{
	font-size: 54px;
}
.thumb a img {
    max-width: 115px;
    height: auto;
}
.post-entry h3{
	font-size: 40px;
}

.post-entry h4{
	font-size: 30px;
}

.post-entry h5{
	font-size: 24px;
}

.post-entry h6{
	font-size: 18px;
}

.post-entry p{
	margin-bottom: 20px;
}

.post-entry p:last-child{
	margin-bottom: 0;
}

.post-entry p strong{
	color: var(--primary-color);
	font-size: 18px;
	font-weight: 600;
}

.post-entry ol{
    margin: 0 7px 30px;
}

.post-entry ul{
	padding: 0;
	margin: 20px 0 20px;
	padding-left: 20px;
}

.post-entry ol li,
.post-entry ul li{
    position: relative;
	font-size: 18px;
    font-weight: 500;
    line-height: 1.5em;
    color: #000;
    margin-bottom: 15px;
}

.post-entry ul li:last-child{
	margin-bottom: 0;
}

.post-entry ul ul,
.post-entry ul ol,
.post-entry ol ol,
.post-entry ol ul{
    margin-top: 10px;
    margin-bottom: 0;
}

.post-entry ul ul li:last-child,
.post-entry ul ol li:last-child,
.post-entry ol ol li:last-child,
.post-entry ol ul li:last-child{
    margin-bottom: 0;
}

.post-entry blockquote{
	background: url('assets/images/blog/icon-blockquote.svg'), var(--primary-color);
	background-repeat: no-repeat;
	background-position: 30px 30px;
    background-size: 45px;
	border-radius: 20px;
    padding: 30px 30px 30px 90px;
    margin-bottom: 30px;
}

.post-entry blockquote p{
	font-size: 20px;
	font-weight: 500;
	line-height: 1.5em;
	color: #fff;
}

.post-entry blockquote p:last-child{
	margin-bottom: 0;
}
.sidebar-widget:last-child {
    margin-bottom: 0px;
}
.sidebar-widget .widget-content {
    position: relative;
    padding: 30px 40px 5px;
    border-radius: 15px;
    box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
}
.sidebar-widget_title {
    position: relative;
    font-weight: 600;
    margin-bottom: 22px;
    padding-left: 0;
    display: inline-block;
    color: var(--primary-color);
    font-size: 25px;
}
.post-widget .post {
    position: relative;
    padding-left: 90px;
    margin-bottom: 50px;
    border-bottom: 1px solid rgba(var(--primary-color), 0.10);
}
.post-widget .post .thumb {
    position: absolute;
    left: 0;
    top: 0;
    height: 76px;
    width: 76px;
    overflow: hidden;
    border-radius: 100px;
    border: 3px solid var(--primary-color);
}
.post-widget .post .thumb a {
    display: block;
}
.thumb a img {
    max-width: 143px;
    height: auto;
}
.post-widget .post .post-date {
    position: relative;
    display: block;
    font-weight: 400;
    font-size: 14px;
    margin-bottom: 5px;
    text-transform: capitalize;
    color: #000;
}
.post-widget .post h6 {
    line-height: 24px;
    font-weight: 600;
}
.post-widget .post h6 a {
    color: var(--primary-color);
    font-size: 18px;
    font-weight: 600;
    transition: all 300ms ease;
}

/* industry and application */
.icon_box_new_box.type_two{
    position: relative;
    padding: 40px 40px;
    background: #fff;
    text-align: center;
    border-radius: 10px;
    transition: all 0.6s ease-in-out;
}
.icon_box_new_box.type_two::before {
    border-bottom: 2px solid var(--secondary-color);
    border-right: 2px solid var(--secondary-color);
    border-bottom-right-radius: 10px;
    right: 0;
    bottom: 0;
    transition-duration: 0.4s;
}
.icon_box_new_box.type_two::before, .icon_box_new_box.type_two::after {
    content: "";
    width: 80px;
    height: 80px;
    position: absolute;
    transition: all 0.2s linear;
}
.icon_box_new_box.type_two .icon_box {
    position: relative;
    line-height: 110px;
    border: 1px solid var(--secondary-color);
    width: 116px;
    height: 116px;
    border-radius: 50%;
    left: 0px;
    right: 0;
    top: -10px;
    display: block;
    margin: 0 auto 15px;
    padding: 12px;
    transition: all 0.6s ease-in-out;
    z-index: 10;
}
.icon_box_new_box.type_two .svg_image {
    width: 60px;
    margin: auto;
    height: auto;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: block;
    position: absolute;
}
.icon_bg_rotate{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    transition: all 0.6s ease-in-out;
}
.icon_bg_rotate::before {
    position: absolute;
    content: "";
    height: 12px;
    width: 12px;
    border-radius: 50%;
    top: 14px;
    right: 8px;
    background: var(--primary-color);
    transition: all 0.6s ease-in-out;
}
.icon_box_new_box.type_two .content {
    position: relative;
    z-index: 10;
}
.icon_box_new_box.type_two::after {
    border-top: 2px solid var(--secondary-color);
    border-left: 2px solid var(--secondary-color);
    border-top-left-radius: 10px;
    left: 0;
    top: 0;
    transition-duration: 0.4s;
}
.icon_box_new_box.type_two .content h2 {
    font-size: 22px;
    display: block;
    color: var(--secondary-color);
    line-height: 28px;
    margin-bottom: 10px;
    transition: all 0.6s ease-in-out;
    font-weight: 600;
}
.content a {
    color: #000;
    font-size: 18px;
}
.icon_bg_rotate {
    animation-name: rotateMe ;
    animation-duration: 4s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
}
.icon_box_new_box.type_two:hover::before, .icon_box_new_box.type_two:hover::after, .icon_box_new_box.type_two.box_actived::before, .icon_box_new_box.type_two.box_actived::after {
    width: 100%;
    height: 100%;
    border-radius: 10px;
    border-color: var(--primary-color);
}
.icon_box_new_box.type_two a.read_more span {
    display: inline-block;
    position: relative;
    top: 1px;
    padding-left: 4px;
}
@keyframes rotateMe {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}
/* sec-2 industry */
.image_box_new.type_three {
    position: relative;
    border-radius: 10px;
    overflow: hidden;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}
.image_box_new.type_three::before {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: #000;
    opacity: 0.8;
}
.image_box_new.type_three .content_box {
    position: relative;
    padding: 50px;
    z-index: 10;
}
.image_box_new.type_three .content_box .row {
    -ms-flex-align: center !important;
    position: relative;
    height: 100%;
    align-items: center !important;
    display: flex;
    display: -ms-flexbox;
}
.image_box_new.type_three .content_box_inner {
    position: relative;
}
.image_box_new.type_three .content_box h1 {
    color: #fff;
    margin-bottom: 20px;
    font-weight: 700;
}
.image_box_new.type_three .content_box p {
    color: #fff;
    margin-bottom: 20px;
}
.image_box_new.type_three .content_box a.read_more {
    color: #fff;
}
.image_box_new.type_three .content_box a.read_more span {
    margin-left: 8px;
    position: relative;
    display: inline-block;
    font-size: 16px;
    transition: all 0.6s ease-in-out;
    z-index: 1;
}
.curve_shape_bottom_1 {
    transform: rotate(180deg);
}
.position_absolute {
    position: absolute;
    left: 0;
    bottom: 53px;
    width: 100%;
    height: auto;
}
.curve_shape_bottom_1 svg {
    width: calc(100% + 1.3px);
    height: 62px;
    display: block;
    transform: rotateY(180deg);
}
.curve_shape_bottom_1 svg path {
    fill: #fff;
    transform-origin: center;
    transform: rotateY(0deg);
}

/* portfolio start */
.project-section {
    position: relative;
}
.auto-container, .large-container {
    position: static;
    padding: 0 15px;
    margin: 0 auto;
    width: 100%;
}
.project-block {
    position: relative;
    padding-bottom: 20px;
}
.h4title{
    font-size: 20px;
    font-weight: 600;
}
.project-block .inner-box {
    position: relative;
    overflow: hidden;
}
.project-block .inner-box:before{
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 150px;
    height: 155px;
    -webkit-clip-path: polygon(0 0, 0 100%, 100% 100%);
    clip-path: polygon(0 0, 0 100%, 100% 100%);
    background-color: var(--primary-color);
    transition: all .3s ease;
    transform: translateX(-150px);
    z-index: 3;
}
.project-block .image-box {
    position: relative;
    transition: all .3s ease;
    clip-path: var(--slope-clip-top-right-3);
}
.project-block .image-box .image {
    margin-bottom: 0;
    overflow: hidden;
    position: relative;
}
.project-block .image-box .image:before {
    background: linear-gradient(transparent, #24201F 80%, #24201F 0);
    bottom: 0;
    content: "";
    height: 0;
    left: 0;
    position: absolute;
    pointer-events: none;
    width: 100%;
    transition: all .3s ease;
    z-index: 2;
}
.project-block .image-box .image img {
    position: relative;
    width: 100%;
    height: 100%;
    min-height: 400px;
    object-fit: cover;
    transition: all .3s ease;
}
.project-block .content-box {
    bottom: 26px;
    left: 29px;
    position: absolute;
    z-index: 3;
}
.project-block .content-box .read-more {
    background-color: #ffffff;
    border-radius: 50%;
    color: #000000;
    display: inline-block;
    height: 42px;
    line-height: 42px;
    margin-bottom: 18px;
    opacity: 0;
    position: relative;
    text-align: center;
    transform: translateX(-50px);
    width: 42px;
    transition: all .3s ease;
}
.project-block .content-box .read-more i {
    font-size: 16px;
    transform: rotate(90deg);
}
.project-block .content-box .title {
    position: relative;
    padding: 6px 18px;
    margin-bottom: 1px;
    opacity: 0;
    background-color: #fff;
    transform: translateY(-40px);
    transition: all .3s ease;
}

.project-block .content-box .cat {
    position: relative;
    padding: 3px 18px;
    font-weight: 400;
    opacity: 0;
    display: inline-block;
    background-color: #fff;
    transform: translateY(-20px);
    transition: all .3s ease;
}
.project-block .inner-box .overlay-1 {
    position: absolute;
    bottom: 0;
    left: 0;
    transform: translateY(200px);
    transition: all .3s ease;
    z-index: 1;
}
.project-block .inner-box:hover:before {
    transform: none;
}
.project-block .inner-box:hover .content-box .read-more, .project-block .inner-box:hover .content-box .title {
    opacity: 1;
    transform: translate(0);
    transition-delay: .4s;
}
.project-block .inner-box:hover:before {
    transform: none;
}
.project-block .inner-box:hover .content-box .cat {
    opacity: 1;
    transform: translateY(0);
    transition-delay: .2s;
    line-height: 25px;
}
.project-block .inner-box:hover .image-box .image img {
    transform: scale(1.1);
}
.project-block .inner-box:hover .image-box .image:before {
    height: 100%;
}
/* portfolio detail */
.page-img {
    border-radius: 24px;
    overflow: hidden;
    clip-path: var(--slope-clip-top-right-3);
}
.mt-30 {
    margin-top: 30px;
}
.text-theme {
    color: var(--primary-color) !important;
    font-size: 18px;
}
.project-details-page .sidebar-area {
    margin-top: -120px;
}
.widgett {
    padding: 40px 40px;
    background-color: rgb(243 224 226);
    margin-bottom: 40px;
    position: relative;
    border-radius: 24px;
    border: 0;
}
.widget_title {
    position: relative;
    font-size: 24px;
    font-weight: 600;
    color: var(--secondary-color);
    line-height: 1em;
    margin: -0.12em 0 30px 0;
}
.info-list {
    margin-top: -16px;
}
.info-list ul {
    list-style: none;
    padding: 0;
    margin: 0;
}
.info-list li{
    border-bottom: 1px solid var(--primary-color);
    padding: 11px 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 20px;
}
.page-single h2{
    color: #000;
}
.info-list strong {
    font-weight: 500;
    color: var(--secondary-color);
    display: block;
    font-size: 18px;
}
.widget_call {
    background-color: var(--secondary-color);
    position: relative;
    text-align: center;
    background-image: url(assets/images/testimonials/getin-bg.webp);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.widget_call .play-btn {
    --icon-size: 50px;
}
.play-btn {
    display: inline-block;
    position: relative;
    z-index: 1;
}
.widget_call .play-btn:before, .widget_call .play-btn:after {
    background: rgba(0, 0, 0, 0);
    border: 1px solid #fff;
}

.play-btn:after, .play-btn:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background-color: hsla(0, 0%, 100%, .5);
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-name: pulseEffect;
    animation-name: pulseEffect;
    z-index: -1;
    border-radius: 50%;
    -webkit-transition: all ease .4s;
    transition: all ease .4s;
}
.widget_call .play-btn>i {
    background: var(--primary-color);
    font-size: 16px;
    color: #fff;
}
.checklist ul {
    padding-left: 0;
    list-style: none;
    text-align: left;
    margin-bottom: 0;
}
.checklist.style5 li:not(:last-child) {
    margin-bottom: 16px;
}
.checklist.style5 li {
    font-size: 16px;
    font-weight: 500;
    color: var(--secondary-color);
    gap: 10px;
    line-height: initial;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
        display: flex;
}
.checklist.style5 li:before {
    content: url(assets/images/portfolio/shfg.webp);
    position: relative;
    top: 3px;
}

.checklist li:before {
    height: 28px;
}



ul .wp-block-list {
    padding-left: 0;
    list-style: none;
    text-align: left;
    margin-bottom: 0;
}
.wp-block-list li:not(:last-child) {
    margin-bottom: 16px;
}
.wp-block-list li {
    font-size: 16px;
    font-weight: 400;
    color: var(--secondary-color);
    gap: 10px;
    line-height: initial;
    -webkit-box-align: center;
    -ms-flex-align: center;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}
.wp-block-list li:before {
    content: url(assets/images/portfolio/shfg.webp);
    position: absolute;
    top: 3px;
    /* display: flex; */
    /* flex-direction: column; */
    left: -27px;
}

.wp-block-list li:before {
    height: 28px;
}




.play-btn>i {
    display: inline-block;
    width:  56px;
    height: 56px;
    line-height: 56px;
    text-align: center;
    background-color: #fff;
    color: var(--light-primary-color);
    font-size:1.4em;
    border-radius: 50%;
    z-index: 1;
    -webkit-transition: all ease .4s;
    transition: all ease .4s;
}
.widget_call .box-title {
    font-weight: 600;
    font-size: 28px;
    letter-spacing: .02em;
    color: #fff;
    margin-bottom: 0px;
    padding-top: 35px;
}
.widget_call .call {
    font-size: 18px;
    font-weight: 500;
    letter-spacing: .02em;
    color: #fff;
    display: block;
    margin: 18px auto 0 auto;
}
.info-list .box-icon {
    width: 40px;
    height: 40px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background: #fff;
    color: var(--primary-color);
    font-size: 16px;
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    border-radius: 50%;
}
.page-img img {
    width: 100%;
}
@keyframes pulseEffect {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 0;
    }
    30% {
        opacity: .4;
    }
    100% {
        transform: scale(1.8);
        opacity: 0;
    }
}

.last-section{
    padding-bottom: 25px;
}
/* .port-bg{
    background-image: url(assets/images/portfolio/port-bg.webp);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
} */


/* annual page satrt */

.about-left1 {
  position: relative;
  z-index: 1;
}
.about-experience b{
    color: #fff;
    line-height: 25px;
}
.about-area {
    position: relative;
}
.pattern-4 {
    position: absolute;
    right: 0px;
    bottom: 0px;
    width: 272px;
    height: 349px;
    background-repeat: no-repeat;
}
.about-area .about-left1::before{
    width: 200px;
    height: 200px;
    clip-path: polygon(0 0, 0% 100%, 100% 100%);
    z-index: -1;
}
.about-left1::before{
  content: "";
  position: absolute;
  bottom: -18px;
  left: -15px;
  width: 140px;
  height: 140px;
  border-radius: 0 100% 0 20px;
  background: var(--primary-color);
  z-index: 1;
}

.about-left1::after{
  content: "";
  position: absolute;
  top: 50%;
  right: -20px;
  width: 250px;
  height: 80%;
  border-radius: 15px;
  border: 5px solid var(--primary-color);
  transform: translateY(-50%);
  z-index: -1;
}

.about-left1 img{
  width: 100%;
  border-radius: 10px;
}

.about-experience{
  position: absolute;
  top: 80px;
  left: -15px;
  text-align: center;
  background:  var(--primary-color);
  padding: 15px 20px 15px 15px;
  border-radius: 20px;
  color: var(--primary-color);
  box-shadow: 0 0 40px 5px rgb(0 0 0 / 10%);
}

.about-experience-icon{
  color: var(--primary-color);
  font-size: 65px;
  width: 90px;
  height: 90px;
  line-height: 90px;
  text-align: center;
  margin: auto;
  background:#fff;
  border-radius: 50px;
  margin-bottom: 5px;
}

.about-experience-icon img{
  width: 42px;
  filter: brightness(0) invert(1);
}

.about-right {
  position: relative;
  display: block;
  padding-left: 30px;
}

.about-content {
  margin-top: 30px;
  padding-bottom: 20px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.08);
}

.about-list-wrapper {
  position: relative;
  display: block;
  margin-top: 20px;
  margin-bottom: 10px;
}

.about-list {
  position: relative;
  display: block;
}

.about-list li {
  position: relative;
  /* padding-left: 25px; */
  margin-top: 10px;
  font-weight: 500;
}

/* .about-list li::before {
  content: "\f058";
  position: absolute;
  left: 0;
  top: 0;
  font-family: "Font Awesome 6 Pro";
  color: var(--primary-color);
} */

@media all and (max-width: 991px) {
  .about-right {
    margin-top: 30px;
  }
}

@media all and (max-width: 767px) {
  .about-left1{
    margin-left: 20px;
    margin-right: 20px;
  }

  .about-left1::before{
    width: 120px;
    height: 120px;
  }

  .about-experience{
    top: 30px;
  }
}


/* annual section 2 */
.service_box {
    position: relative;
}
.service_box.style_two .service_content_two {
    position: relative;
    overflow: hidden;
    border-radius: 10px;
    transition: 0.5s ease-in-out;
}
.service_box.style_two .service_content_two .content_inner {
    position: relative;
    padding: 20px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}
.service_box.style_two .service_content_two .content_inner .content_inner_in {
    background: #fff;
    height: 100%;
    width: 100%;
    top: 0;
    padding: 25px;
    border-radius: 10px 0px 10px 0px;
    transition: 0.5s ease-in-out;
}
.service_box.style_two .service_content_two .content_inner .content_inner_in .icon_image {
    position: relative;
    text-align: center;
    margin-bottom: 20px;
}
/* .service_box.style_two .service_content_two .content_inner .content_inner_in .icon_image img{
    width: 100px;
    margin: auto;
} */
.service_box.style_two .service_content_two .content_inner h2 {
    font-size: 22px;
    font-weight: 700;
    color: #000;
    display: block;
    line-height: 30px;
    margin-bottom: 10px;
}
.service_box.style_two .service_content_two .content_inner ul {
    margin: 0;
    padding: 0;
}
.service_box.style_two .service_content_two .content_inner ul li {
    padding-left: 20px;
    list-style: none;
    font-size: 16px;
    line-height: 26px;
    color: var(--secondary-color);
    font-weight: 400;
    position: relative;
    margin-bottom: 8px;
}
.service_box.style_two .service_content_two .content_inner ul li::before, .service_box.style_two .service_content_two .content_inner ul li:after {
    position: absolute;
    content: "";
    width: 6px;
    height: 6px;
    background: var(--primary-color);
    left: 0;
    top: 10px;
    margin: auto;
}
.service_box.style_two .service_content_two .content_inner ul li:after {
    opacity: 0.6;
    left: 6px;
}
.service_box.style_two .service_content_two .ovarlay_link{
    position: absolute;
    width: 60px;
    height: 60px;
    border-radius: 10px 0px 10px 0px;
    background: var(--primary-color);
    text-align: center;
    line-height: 64px;
    transition: 0.5s ease-in-out;
    -ms-transition: 0.5s ease-in-out;
    -moz-transition: 0.5s ease-in-out;
    -o-transition: 0.5s ease-in-out;
    opacity: 0;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -150%);
    -ms-transform: translate(-50%, -150%);
}
.service_box.style_two .service_content_two .ovarlay_link a {
    width: 60px;
    height: 60px;
    display: block;
}
.service_box.style_two .service_content_two .ovarlay_link i {
    color: #fff;
}
.service_box.style_two .service_content_two .overlay_content{
    position: absolute;
    opacity: 0;
    width: 100%;
    height: auto;
    left: 0;
    bottom: 0;
    transition: 0.5s ease-in-out;
    -ms-transition: 0.5s ease-in-out;
    -moz-transition: 0.5s ease-in-out;
    -o-transition: 0.5s ease-in-out;
    transform: translateY(20px);
    -moz-transform: translateY(20px);
    -o-transform: translateY(20px);
    -ms-transform: translateY(20px);
    padding: 25px;
    background: #fff;
}
.service_box.style_two .service_content_two .overlay_content h2  {
    font-size: 22px;
    font-weight: 700;
    color: var(--secondary-color);
    display: block;
    line-height: 30px;
    margin-bottom: 10px;
}
.service_box.style_two .service_content_two:hover {
    box-shadow: 0px 0px 40px 0px rgba(0,0,0,.09);
}
.service_box.style_two .service_content_two:hover .overlay_content {
    bottom: 0;
    opacity: 1;
    transform: translateY(0px);
}
.service_box.style_two .service_content_two:hover .content_inner_in {
    opacity: 0;
    transform: translateY(-20px);
}
.service_section{
    background-color: #fff8f9;
}
h2{
    font-size: 25px;
}

/* annual section 3 */
.pricing-one {
    position: relative;
    background-color: #fff;
}
.pricing-one__card {
    position: relative;
    z-index: 2;
    background-color:  #ffe8eb;
    border-radius: 70px 70px 5px 5px;
    padding: 0 30px 46px;
    margin-top: 70px;
    transition: .5s ease;
}
.pricing-one__card:after, .pricing-one__card:before {
    position: absolute;
    content: "";
    left: 0;
    top: 0;
    z-index: -1;
    transition: all .5s;
}
.pricing-one__card:before {
    width: 100%;
    height: 0;
    opacity: 0;
    border-radius: 70px 70px 5px 5px;
    background-color: var(--primary-color);
}
.pricing-one__card__icon {
    width: 151px;
    height: 151px;
    background-color:#ffe8eb;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    font-size: 73px;
    color: var(--primary-color);
    border: 5px solid  #fff;
    margin: 0 auto -70px;
    position: relative;
    top: -70px;
    transition: .5s ease;
}
.pricing-one__card__title {
    font-size: 25px;
    color: var(--secondary-color);
    font-weight: 700;
    text-transform: uppercase;
    margin: 27px 0 30px;
    transition: .3s ease;
}
.pricing-one__card__list {
    margin: 0 0 26px;
    padding: 15px 10px;
    border-style: solid;
    border-width: 1px;
    border-color: rgba(5,29,31);
    border-radius: 70px;
    transition: all .5s;
}
.pricing-one__card__list li {
    list-style: none;
    font-size: 16px;
    line-height: 30px;
    color:  #000;
    transition: .3s ease;
}
.pricing-one__card__list li i {
    font-size: 14px;
    margin-right: 7px;
}
.pricing-one__card:after {
    right: 0;
    bottom: 0;
    margin: auto;
    width: calc(100% - 20px);
    height: calc(100% - 20px);
    border-style: dashed;
    border-width: 1px;
    border-color: var(--primary-color);
    opacity: .15;
    border-radius: 70px 70px 5px 5px;
}

.pricing-one__card:after, .pricing-one__card:before {
    position: absolute;
    content: "";
    left: 0;
    top: 0;
    z-index: -1;
    transition: all .5s;
}
.pricing-one__card:hover:before{
    height: 100%;
    opacity: 1;
}
.pricing-one__card:hover .pricing-one__card__icon {
    background-color: var(--secondary-color);
    color: #fff;
}
.pricing-one__card:hover .pricing-one__card__list{
    border-style: dashed;
    border-color: #fff;
}
.pricing-one__card:hover:after {
    border-color: #fff;
    opacity: .45;
}
.pricing-one__card:hover .pricing-one__card__title {
    color: #fff;
}
.pricing-one__card:hover .pricing-one__card__list li {
    color: #fff;
}


/* annual section 4 */
.cs_why_chose_us.cs_style_1 {
    position: relative;
}

.cs_bg_filed {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}
.cs_why_chose_us.cs_style_1 .cs_why_chose_us_in {
    max-width: 619px;
    position: relative;
    z-index: 2;
    margin-left: 29%;
}
.cs_section_heading.cs_style_1 .cs_section_subtitle {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 8px;
}
.cs_accent_color {
    color: var(--primary-color);
}
.cs_gap_y_30 {
    gap: 30px 0;
}

.cs_row_gap_60 {
    margin-right: -30px;
}
.cs_mb_17 {
    margin-bottom: 17px;
}
.cs_iconbox.cs_style_1 .cs_iconbox_icon img {
    height: 60px;
}
.cs_semibold {
    font-weight: 600;
}
.cs_fs_24 {
    font-size: 24px;
    line-height: 1.417em;
}
.cs_mb_6 {
    margin-bottom: 6px;
}



/* faq start */
.funfact-one {
    position: relative;
    background-image: url(assets/images/annual/faq-bg.webp);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
@media (min-width: 1200px) {
    .funfact-one__image {
        padding-left: 55px;
    }
}
.funfact-one__image {
    position: relative;
    display: inline-block;
    padding-top: 47px;
}
.funfact-one__image img {
    max-width: 100%;
    height: auto;
    border-radius: 50%;
}
.funfact-one__item {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    text-align: center;
    position: absolute;
    padding: 50px;
    left: 0;
    top: 0;
    width: 205px;
    height: 205px;
    background-color: var(--primary-color);
    border-radius: 50%;
}
.funfact-one__item__count {
    margin: 0 0 10px;
    color:  #fff;
    font-size: 45px;
    letter-spacing: .88px;
    line-height: 1;
    display: flex;
    align-items: center;
    justify-content: center;
}
.funfact-one__item__text {
    color:#fff;
    font-weight: 600;
    font-size: 18px;
    line-height: 24px;
    margin: 0;
}
.funfact-one__item:after {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    width: calc(100% - 30px);
    height: calc(100% - 30px);
    content: "";
    border-style: dashed;
    border-width: 1px;
    border-color:  #fff;
    border-radius: 50%;
    animation-duration: 1.5s;
    animation: rotateMe  10s linear infinite;
    transition: all .5s ease;
    animation-play-state: running;
}
.funfact-one__item--two {
    left: auto;
    right: -120px;
    top: 50px;
    bottom: 0;
    margin: auto;
    background-color: var(--secondary-color);
    border: 16px solid  #fff;
}
.funfact-one__item--three {
    top: auto;
    bottom: -97px;
}

.faq-item {
    margin-bottom: 15px;
    border: 1px solid #979191;
    padding: 15px;
    border-radius: 6px;
    padding-bottom: 0;
}
.faq-answer p {
    padding: 12px 6px;
}
.faq-answer {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.3s ease;
    /* padding-top: 15px; */
    margin-bottom: 15px;
}

.faq-question {
    cursor: pointer;
    color: var(--secondary-color);
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 20px;
    line-height: 30px;
    background: #efe0e1;
    padding: 15px 15px;
    margin: 0px;
}

.toggle-sign {
    font-weight: bold;
    font-size: 20px;
}

/* annual sec 7 case studies */
.services-one .service-card-annual {
    border-color: transparent;
}

.service-card-annual {
    position: relative;
    overflow: hidden;
    background-color:  #ffffff;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}
.service-card__bg {
    width: calc(100% + 2px);
    height: 0;
    position: absolute;
    left: -1px;
    bottom: 0;
    background-color: var(--secondary-color);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    transition: all 500ms ease;
}
.service-card__shape {
    position: absolute;
    top: -1px;
    right: -1px;
    width: 37px;
    height: 37px;
    background-color: var(--secondary-color);
    border-radius: 0px 0px 0px 50px;
    z-index: 1;
    transition: all 500ms ease;
}
.service-card__content {
    position: relative;
    padding: 39px 57px 279px;
    z-index: 2;
    max-height: 463px;
}
.service-card__top {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.service-card__icon-box {
    position: relative;
    margin-bottom: 19px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 70px;
    height: 70px;
    border-radius: 50%;
    background-color: var(--primary-color);
    transition: all 500ms ease;
}
.service-card__icon {
    display: inline-flex;
    font-size: 40px;
    color: #fff;
    transition: all 500ms ease;
}
.service-card__number::after {
    font-size: 46px;
    color: #fff;
    text-shadow: 1px 1px 0 rgb(25 25 25), -1px -1px 0 RGBA(25 25 25), 1px -1px 0 RGBA(25 25 25), -1px 1px 0 RGBA(25 25 25), 1px 1px 0 RGBA(25 25 25);
    transition: all 500ms ease;
}
.service-card__title {
    margin-bottom: 7px;
    font-size: 22px;
    font-weight: 700;
    text-transform: capitalize;
    line-height: 1.318;
}
.service-card__title a {
    color: inherit;
    background: linear-gradient(to right, currentcolor 0%, currentcolor 100%) 0px 95% / 0px 1px no-repeat;
    transition: all 500ms ease;
}
.service-card__text {
    margin: 0;
    transition: all 500ms ease;
}
.service-card__image {
    position: relative;
    position: absolute;
    left: 0;
    bottom: -40px;
    width: 100%;
    height: 283px;
    z-index: 2;
}

.service-card__image__inner {
    position: absolute;
    top: 0;
    left: 0; 
    right: 0;
    bottom: 0;
    background-repeat: no-repeat;
    background-position: top;
    background-size: cover;

    -webkit-mask-image: url("assets/images/annual/download.svg");
    mask-image: url("assets/images/annual/download.svg");

    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;

    -webkit-mask-position: center;
    mask-position: center;

    -webkit-mask-size: contain; /* adjust */
    mask-size: contain;
    mask-repeat: no-repeat;
}


.service-card__btn {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 51px;
    height: 51px;
    position: absolute;
    top: -8px;
    right: 14px;
    transform: translateY(80px);
    opacity: 0;
    background-color: var(--secondary-color);
    border: 3px solid #fff;
    border-radius: 10px;
    overflow: hidden;
}
.service-card__btn__icon {
    display: inline-flex;
    font-size: 16px;
    color: #fff;
}
.service-card-annual:hover .service-card__bg {
    height: calc(100% - 61px);
    top: -1px;
}
.service-card-annual:hover .service-card__shape {
    background-color: var(--primary-color);
}
.service-card-annual:hover .service-card__number::after {
    color: var(--secondary-color);
    text-shadow: 1px 1px 0 RGBA(255, 255, 255), -1px -1px 0 RGBA(255, 255, 255), 1px -1px 0 RGBA(255, 255, 255), -1px 1px 0 RGBA(255, 255, 255), 1px 1px 0 RGBA(255, 255, 255);
}
.service-card-annual:hover .service-card__title, .service-card-annual:hover .service-card__content p {
    color: #ffffff;
}
.service-card-annual:hover .service-card__icon-box::after {
    opacity: 1;
}
.service-card__icon-box::after {
    content: "";
    width: calc(100% - 10px);
    height: calc(100% - 10px);
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    opacity: 0;
    border-radius: inherit;
    border: 1px dashed var(--primary-color);
    transition: all 500ms ease;
}

.service-card-annual:hover .service-card__icon-box {
    background-color: #ffffff;
}
.service-card-annual:hover .service-card__btn {
    transform: translateY(0px);
    opacity: 1;
    transition: all 400ms ease;
}
.service-card-annual:hover .service-card__icon {
    color: var(--primary-color);
    -webkit-animation-name: wobble-horizontal-hover;
    animation-name: wobble-horizontal-hover;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
}

/* annual section get in touch */
.our-support-images{
	position: relative;
	display: flex;
	flex-wrap: wrap;
	gap: 30px;
	margin-right: 20px;
}
.our-support-image{
	width: calc(50% - 15px);
}

.our-support-image.box-2{
	margin-top: 78px;
}

.our-support-image figure{
	width: 100%;
	display: block;
	border-radius: 30px;
}

.our-support-image img{
	width: 100%;
	aspect-ratio: 1 / 1.65;
	object-fit: cover;
	border-radius: 30px;
}

.our-support-circle{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

.our-support-circle a{
	border-radius: 50%;
}

.our-support-circle img{
	max-width: 130px;
	border-radius: 50%;
	animation: infiniterotate 25s infinite linear;
}

.our-support-body{
	display: flex;
	flex-wrap: wrap;
	gap: 30px;
}

.support-item{
	display: flex;
	flex-wrap: wrap;
	width: calc(50% - 15px);
}

.support-item .icon-box{
	position: relative;
	background: linear-gradient(to right, var(--accent-color) 0%, var(--accent-secondary-color) 50%, var(--accent-color) 100%);
	background-size: 200% auto;
	border-radius: 50%;
	width: 60px;
	height: 60px;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-right: 20px;
	transition: all 0.3s ease-in-out;
	z-index: 1;
}

.support-item:hover .icon-box{
	background-position: right center;
}

.support-item .icon-box img{
	max-width: 34px;
}

.support-item-content{
	width: calc(100% - 80px);
}

.support-item-content h3{
	font-size: 20px;
	text-transform: capitalize;
	margin-bottom: 5px;
}

.support-item-content p{
	margin: 0;
}

.our-support-btn{
	margin-top: 40px;
}

.appointment-form-section {
    background-image: url(assets/images/annual/banner-bg-shape-3.webp);
    background-color: var(--primary-color);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}
.appointment-form-section {
    text-align: center;
    width: 100%;
    padding: 50px 50px 50px 50px;
    position: relative;
    border-radius: 7px;
}
form#contactForm {
    border-radius: 5px;
    box-shadow: 0px 15px 29px -22px #afa9a9;
    background-color: #ffffffe3;
    padding: 20px;
}
img.logo-img {
    max-width: 110px;
    height: auto;
}
.appointment-area .appointment-content {
    text-align: left;
}
.appointment-content p {
    padding: 0;
    margin-bottom: 0;
    color: var(--primary-color);
}
h3.appointment-title {
    font-size: 30px;
    margin-top: 0;
    margin-left: 0;
    color: #000;
}
form#contactForm input[type="text"], form#contactForm input[type="email"], input#phone, form#contactForm textarea {
    width: 100%;
    border: 1px solid var(--primary-color);
    border-radius: 5px;
    padding: 10px 10px;
    margin-top: 3px;
}
.form-group textarea, .form-group input[type="email"], .form-group input[type="text"] {
    position: relative;
    display: block;
    width: 100%;
    font-size: 15px;
    color: #000;
    line-height: 30px;
    font-weight: 600;
    background-color: #ffffff;
    border-radius: 6px;
    padding: 11px 20px;
    border-width: 1px;
    border-style: solid;
    border-color: var(--primary-color);
}

.our-support{
    background-image: url(assets/images/annual/annual-getin-bg.webp);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

/* knowladge section 2*/
.cs_pricing_plan.cs_style_1 {
    padding: 30px 30px 40px 30px;
    -webkit-box-shadow: 0px 0px 40px 0px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 0px 40px 0px rgba(0, 0, 0, 0.1);
    position: relative;
    margin-left: 15px;
    margin-bottom: 15px;
    background-color: #fff;
}
.cs_pricing_plan.cs_style_1::before {
    left: -15px;
    height: 85%;
    width: 15px;
    bottom: 0;
    border-radius: 8px 0 0 0;
}
.cs_pricing_plan.cs_style_1::before, .cs_pricing_plan.cs_style_1::after {
    content: "";
    position: absolute;
    background-color: rgb(235 186 191);
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
}
.cs_pricing_plan.cs_style_1 .cs_pricing_shape {
    position: absolute;
    right: 34px;
    top: 34px;
}
.cs_pricing_plan.cs_style_1 .cs_pricing_plan_head {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    gap: 10px;
    position: relative;
    z-index: 2;
    margin-bottom: 25px;
}
.cs_pricing_plan.cs_style_1 .cs_price {
    position: relative;
    display: inline-block;
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
}
.cs_pricing_plan.cs_style_1 .cs_price_in {
    position: absolute;
    width: 100%;
    text-align: center;
    padding: 10px 15px 0 15px;
}
.cs_pricing_plan.cs_style_1 .cs_price_in h3 {
    margin: 0 0 -6px;
    line-height: 1em;
}
.cs_white_color {
    color: #fff;
}
.cs_pricing_plan.cs_style_1 .cs_price_in p {
    margin: 0;
}
.cs_pricing_plan.cs_style_1 .cs_pricing_plan_heading {
    position: relative;
    border-bottom: 4px solid var(--primary-color);
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    max-width: 222px;
    margin-top: 18px;
}
.cs_heading_color {
    color: var(--secondary-color);
}
.cs_fs_20 {
    font-size: 18px;
    line-height: 1.5em;
}
.cs_mp_0 {
    list-style: none;
    margin: 0;
    padding: 0;
}
.cs_pricing_plan.cs_style_1 .cs_pricing_features li:not(:last-child) {
    margin-bottom: 28px;
}
.cs_pricing_plan.cs_style_1 .cs_pricing_features li {
    position: relative;
    padding-left: 26px;
}
.cs_pricing_plan.cs_style_1 .cs_pricing_features li img {
    position: absolute;
    left: 0;
    top: 6px;
}
.cs_fs_36 {
    font-size: 36px;
}
.cs_fs_18 {
    font-size: 18px;
    line-height: 1.556em;
}

.cs_pricing_plan.cs_style_1::after{
    left: -15px;
    width: 85%;
    height: 15px;
    bottom: -15px;
    border-radius: 0 0 8px 0;
}
.cs_pricing_plan.cs_style_1:hover::before, .cs_pricing_plan.cs_style_1:hover::after {
    background-color: var(--primary-color);
}
.training-sec{
    background-image: url(assets/images/training/training2-bg.webp);
    background-position: bottom;
    background-repeat: no-repeat;
    background-size: cover;
}

/* training section 3 */
.our-work-two__item {
    background: #f3f3f3;
    padding: 40px;
    display: flex;
    align-items: center;
    gap: 40px;
    position: relative;
    z-index: 1;
    transition: all 0.5s ease-in-out;
}
.our-work-two__item__icon {
    mask-image: url("assets/images/training/download2.svg");
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: top center;
    mask-position: top center;
    -webkit-mask-size: auto;
    mask-size: auto;
    max-width: 58px;
    width: 100%;
    height: 68px;
    background: var(--primary-color);
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.8s ease-in-out;
    font-size: 20px;
    color: #fff;
}
.our-work-two__item__title {
    color: var(--primary-color);
    font-size: 21px;
    font-weight: 700;
    line-height: normal;
    letter-spacing: -0.48px;
    padding-bottom: 0;
    margin-bottom: 0;
    transition: all 0.5s ease-in-out;
}
.our-work-two__item + .our-work-two__item {
    margin-top: 30px;
}
.our-work-two__item {
    background: #f3f3f3;
    padding: 40px;
    display: flex;
    align-items: center;
    gap: 40px;
    position: relative;
    z-index: 1;
    transition: all 0.5s ease-in-out;
}
.our-work-two__middle {
    position: relative;
    z-index: 1;
}
.our-work-two__image {
    mask-image: url("assets/images/training/download3.svg");
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: top center;
    mask-position: top center;
    -webkit-mask-size: auto;
    mask-size: auto;
    width: 100%;
    height: 607px;
}
.our-work-two__image img {
    object-fit: cover;
    width: 100%;
}
.our-work-two__shape {
    position: absolute;
    top: 1%;
    left: 0%;
    z-index: -1;
    animation: pulseScale 3s ease-in-out infinite;
}
.our-work-two__shape img {
    width: 105%;
}
@keyframes pulseScale {
    0% {
        transform: scale(0.8);
    }
    50% {
        transform: scale(1);
    }
    100% {
        transform: scale(0.8);
    }
}
.our-work-two__item:hover {
    background: var(--primary-color);
}
.our-work-two__item:hover .our-work-two__item__title {
    color: #fff;
}
.our-work-two__item:hover .our-work-two__item__icon {
    background: #fff;
    transform: rotateY(360deg);
}
.our-work-two__item:hover .our-work-two__item__icon{
    color: var(--secondary-color);
}

/* training section 4 */
.section-head {
    margin-bottom: 40px;
}
.icon-bx-wraper.style-21 {
    position: relative;
    display: inline-block;
    padding: 20px 56px 20px 30px;
    -webkit-transition: all 0.8s;
    -ms-transition: all 0.8s;
    transition: all 0.8s;
    align-items: center;
    display: flex;
    border-radius: 0;
}
.icon-bx-wraper.style-21::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    backdrop-filter: blur(5px);
    background: rgba(255, 255, 255, 0.1);
    width: 100%;
    height: 100%;
    border-radius: 15px;
    z-index: 1;
    -webkit-transition: all 0.8s;
    -ms-transition: all 0.8s;
    transition: all 0.8s;
}
.icon-bx-wraper.style-21 .data-text {
    position: absolute;
    top: -22px;
    left: -19px;
    -webkit-text-fill-color: transparent;
    -webkit-text-stroke: white;
    -webkit-text-stroke-width: 1px;
    font-family: 'inter';
    font-size: 50px;
    z-index: 0;
}
.icon-bx-wraper.style-21 .icon-content {
    z-index: 4;
    position: relative;
    padding-left: 15px;
}
.icon-content {
    overflow: hidden;
}
.icon-bx-wraper.style-21 .icon-content p {
    font-weight: 400;
    font-size: 14px;
    color: #FFFFFF;
    margin: 0;
}
.m-b40 {
    margin-bottom: 40px;
}
.icon-bx-wraper.style-21:nth-child(2) {
    margin-left: 5rem;
}
.icon-bx-wraper.style-21:nth-child(3) {
    margin-left: 5rem;
}
.icon-bx-wraper.style-21:hover:before {
    background: var(--primary-color);
}


/* training section 5 table */
.learning-modes-section {
            background-color: white;
            border-radius: 12px;
            box-shadow: 0 10px 25px rgba(0, 0, 0, 0.05);
            overflow: hidden;
        }
        
        .section-title {
            background: linear-gradient(135deg, #6366f1, #8b5cf6);
            color: white;
            padding: 1.5rem 2rem;
            font-size: 1.5rem;
            font-weight: 600;
        }
        
        /* Table styles */
        .learning-table {
            width: 100%;
            border: 4px double #bd212f
        }
        
        .learning-table th {
            background-color: var(--primary-color);
            padding: 1.25rem 1.5rem;
            text-align: left;
            font-weight: 600;
            color: #fff;
            border-bottom: 1px solid var(--secondary-color);
        }
        
        .learning-table td {
            padding: 1.25rem 1.5rem;
            border-bottom: 1px solid #e2e8f0;
            transition: background-color 0.2s ease;
        }
        
        .learning-table tr:last-child td {
            border-bottom: none;
        }
        
        .learning-table tr:hover td {
            background-color: #f8fafc;
        }
        
        /* Format-specific styling */
        .format-cell {
            font-weight: 500;
            color: #1e293b;
        }
        
        .mode-cell {
            display: flex;
            align-items: center;
            gap: 0.5rem;
        }
        
        .mode-icon {
            width: 24px;
            height: 24px;
            display: flex;
            align-items: center;
            justify-content: center;
            border-radius: 4px;
            color: white;
            font-size: 0.75rem;
        }
        
        .online-icon {
            background-color: #3b82f6;
        }
        
        .onsite-icon {
            background-color: #10b981;
        }
        
        .internship-icon {
            background-color: #f59e0b;
        }
        
        .frequency-cell {
            display: inline-block;
            padding: 0.4rem 0.8rem;
            border-radius: 20px;
            font-size: 16px;
            font-weight: 500;
        }
        
        .twice-year {
            background-color: #dbeafe;
            color: #1d4ed8;
        }
        
        .demand-based {
            background-color: #dcfce7;
            color: #166534;
        }
        
        .on-request {
            background-color: #fef3c7;
            color: #92400e;
        }
        
        /* Responsive design */
        @media (max-width: 768px) {
            .learning-table {
                display: block;
                overflow-x: auto;
            }
            
            .learning-table th,
            .learning-table td {
                padding: 1rem;
            }
            
            .section-title {
                padding: 1.25rem 1.5rem;
                font-size: 1.25rem;
            }
        }
        
        @media (max-width: 480px) {
            .learning-table th,
            .learning-table td {
                padding: 0.75rem 1rem;
                font-size: 0.9rem;
            }
        }


/* --------------------------------
checklist for website                    =
----------------------------------- */
.download-section {
    position: relative;
    width: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    background-attachment: fixed;
}
.sec-title h6 {
    color: var(--secondary-color);
}
.sec-title h6 {
    position: relative;
    display: inline-block;
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    margin-bottom: 14px;
}
.sec-title.centred h6 span {
    margin-right: 10px;
}
.sec-title h6 span {
    margin-left: 10px;
}
.download-section span {
    color: var(--primary-color);
}
.white{
    color: white;
}
.download-section .inner-content {
    padding-bottom: 30px;
}
.download-block-one {
    width: 100%;
    display: inline-block;
    margin-right: 10px;
}
.download-block-one .inner-box {
    position: relative;
    display: block;
    padding: 26px 110px 27px 92px;
    background: #fff;
    border-radius: 5px;
    box-shadow: 0 0 20px 0 rgb(0 0 0 / 10%);
    margin-bottom: 14px;
    z-index: 1;
    border: 1px solid var(--primary-color);
}
.download-block-one .inner-box .icon-box {
    position: absolute;
    left: 17px;
    top: 25px;
    width: 60px;
    height: 60px;
    line-height: 60px;
    background: #f2f2f2;
    text-align: center;
    border-radius: 50%;
}
.download-block-one .inner-box .icon-box img {
    width: 34px;
    height: 34px;
}
.download-block-one .inner-box h4 {
    display: block;
    font-size: 17px;
    line-height: 30px;
    font-weight: 700;
    margin-bottom: 1px;
}
.download-block-one .inner-box .download-btn {
    position: absolute;
    top: 40px;
    right: 9px;
}
.download-block-one .inner-box .download-btn a {
    position: relative;
    display: inline-block;
    width: 30px;
    height: 30px;
    line-height: 24px;
    font-size: 30px;
    border-radius: 4%;
    color: #8e91a2;
    overflow: hidden;
    z-index: 1;
}
.download-block-one .inner-box:hover {
    background: var(--primary-color);
}
.download-block-one .inner-box:hover .download-block-one .inner-box h4 a{
    color: white;
}
.download-block-one .inner-box {
    position: relative;
    display: block;
    padding: 26px 41px 27px 79px;
    background: #fff;
    border-radius: 5px;
    box-shadow: 0 0 20px 0 rgb(0 0 0 / 10%);
    margin-bottom: 14px;
    z-index: 1;
    border: 1px solid var(--primary-color);
}
.download-block-one .inner-box:hover a {
    color: #fff !important;
}

.desktopp{
    display: block;
}
.mobilee{
    display: none;
}
.desktop992{
    display: block;
}
.mobile992{
    display: none;
}
.mar-b-30{
    margin-bottom: 30px;
}



@media (max-width: 1300px) {
    .navigation-menu.desktop > li{
        padding: 0;
        padding-right: 2.5rem;
    }
    .main-navigation a{
        padding: 10px 18px;
    }
}

@media (max-width: 1200px) {
    .funfact-one__item--two {
        right: -48px;
        border: 6px solid #fff;
    }
        .funfact-one__item{
        width: 125px;
        height: 125px;
    }
    .funfact-one__item--three {
        top: auto;
        bottom: 21px;
    }
        .funfact-one__item__count {
        font-size: 22px;
    }
    .funfact-one__item__text {
        font-size: 10px;
        line-height: 12px;
    }
    .ma-b-67 {
        margin-bottom: 67px;
    }
.cs_card_1_col {
    margin-bottom: 30px;
}
       .main-navigation a {
        padding: 10px 8px;
    }
    .main-navigation li.has-children>a {
        padding-right: 10px;
    }

    .main-navigation a {
        padding: 10px 6px;
    }
    .logo{
    width: 140px;
}

}


@media (max-width: 992px) {
    .navigation-menu.desktop > li{
        padding: 0;
        padding-right: 2.5rem;
    }
    /* .sticky-nav.header-3 {
    left: 29px;
} */
.sticky-nav.header-3 {
    top: 0px;
    left: 15px;
}
    .desktop992{
        display: none;
    }
    .mobile992{
        display: block;
    }
    .shape-mockup1.contact-thumb11 img {
        width: 100%;
        height: auto;
    }
    .feature-block .inner-box {
        padding: 20px 20px 20px;
    }
    section{
        padding-bottom: 50px;
        padding-top: 50px;
    }
    .hero-section-2 .hero-slider-2 .swiper-slide .hero-text-box {
        padding-top: 120px;
        padding-bottom: 46px;
    }
    .hero-section-2 .hero-slider-2 .fraction-hero-pagination {
    display: none;
}
.service-card_title{
    font-size: 20px;
 }
 .feature-style2 .feature-title{
    font-size: 20px;
 }
 .feature-style2 .feature-icon {
    margin-right: 10px;
}
.mar-b992{
    margin-bottom: 25px;
}
.news-block .content-box .title {
    font-size: 18px;
}
.news-block .content-box {
    padding: 15px;
}
.news-block .bottom-box{
    padding: 10px 15px;
}
.contact-block-container .contact-block-wrapper .contact-block .contact-text {
    max-width: 95%;
}
footer {
    padding-top: 115px;
}
.contact-block-container .logo-block {
    width: 110px;
    height: 110px;
    top: 7rem;
}
.widget-title ul.social-media {
    margin-bottom: 0px !important;
}
.widget-title {
    margin-bottom: 30px;
}
.widget-title h3{
    padding-bottom: 15px;
}
.widget-title h2{
    padding-bottom: 15px;
    margin-bottom: 8px;
}
.footer-bottom {
    margin-top: 0;
}
.about-img {
    margin-bottom: 15px;
}
.about-text.wow.animate__.custom-fadeInUp.animated {
    padding-left: 0;
}
.cs_service_card.cs_style_1 .cs_service_card_in {
    margin-bottom: 30px;
}
.client-section .client-block {
    min-height: 25rem;
}
.project-details-page .sidebar-area {
    margin-top: 15px;
}
.about-right {
  padding-left: 0px;
}
.service_box.style_two .service_content_two {
    margin-bottom: 20px;
}
.pricing-one__card {
    margin-bottom: 20px;
}
.service-card-annual {
    margin-bottom: 25px;
}
.appointment-form-section {
    padding: 30px;
}
.download-section .inner-content {
    padding-bottom: 15px;
}
.cs_pricing_plan.cs_style_1 {
    margin-bottom: 45px;
}
.our-work-two__shape {
    left: 26%;
}
.icon-bx-wraper.style-21 {
    margin-top: 30px;
}
}

@media (max-width: 776px) {
.sticky-nav.header-3 {
    left: 7px;
}
.desktopp{
    display: none;
}
.mobilee{
    display: block;
}
.cs_card.cs_style_1.cs_type_1 .cs_card_in {
    padding: 15px 15px 1px;
}

.our-work-two__shape {
    left: 18%;
}
.download-block-one .inner-box .icon-box{
    top: 14px;
}
.download-block-one .inner-box .download-btn{
    position: absolute;
    top: 28px;
}
.service-card_text {
    margin-bottom: 0px;
}
.service-card {
    padding: 15px;
}
.feature-style2 {
    grid-template-columns: repeat(1, 1fr);
}
.feature-style2 .dot-shape {
    display: none;
}
.feature-style2:after {
    display: none;
}
.feature-style2::before {
    display: none;
}
.feature-style2 .feature-item {
    padding: 15px;
}
.wi-50-992{
    width: 50%;
}
.pricing-card-items {
    margin-top: 20px;
    padding: 15px;
}
    .service-card__content {
        padding: 20px 20px 210px;
    }
    .service-card__image {
        bottom: -77px;
    }
    .page-catagery-list{
        padding: 15px;
    }
        .therapy-process-img-1 {
        width: 100% !important;
        padding: 55px 0 !important;
    }
}


@media (max-width: 576px) {
    .client-section .client-block {
        min-height: 25rem;
    }
    .our-work-two__shape {
        left: -1%;
    }
    .our-work-two__item__title {
        font-size: 18px;
    }
    .our-work-two__item{
        padding: 20px;
        gap: 15px;
    }
    .our-work-two__image {
        max-width: 100%;
        height: auto;
        margin: 20px 0;
    }
    .page-header-section .text-box .main-heading {
        font-size: 25px;
        margin-bottom: 1.4rem;
    }
    .page-header-section .text-box .breadcrumbs {
        padding: 0;
    }
    .contact-block-container .contact-block-wrapper{
        padding-left:  4rem;
        padding-right: 4rem;
    }
    .wi-50-992{
        width: 100%;
    }
    .main-heading {
        font-size: 25px;
    }
    .sub-heading{
        font-size: 16px;
    }
    section {
        padding-bottom: 30px;
        padding-top: 30px;
    }
    .wi-576-50{
        width: 50%;
    }
    .counter-block .count-box {
        font-size: 25px;
    }
    .counter-block .count-box .count-text {
        font-size: 30px;
    }

    .counter-block .icon{
        width: 80px;
        height: 80px;
        line-height: 84px;
        font-size: 30px;
    }
    .counter-block .inner-box {
        padding: 20px 15px 25px;
        border-radius: 26px;
    }
    .pad-sb{
        padding-bottom: 0;
    }
    .about-us-1-section .about-us-1-wrapper .image-block .front-img-block {
        left: 89px;
        top: 198px;
    }
    .widget {
        padding: 15px;
    }
    .cs_why_chose_us.cs_style_1 .cs_why_chose_us_in {
        margin-left: 0;
    }
    .cs_fs_24 {
        font-size: 20px;
    }
    .contact-form {
        padding: 20px;
    }
    header .logo span img {
        height: auto;
        width: 150px;
    }
    .cs_card.cs_style_1 .cs_card_icon {
        margin-top: -30px;
    }
    .icon_box_new_box.type_two {
    padding: 20px 20px;
    margin-bottom: 20px;
}
}

@media (max-width: 500px) {
    .funfact-one__item--two {
        right: -6px;
    }
    .cs_fs_20 {
    font-size: 16px;
    }
    .contact-form .title{
    margin-bottom: 20px;
    font-size: 25px;
 }
 .page-header-section {
    padding: 135px 0 83px;
}
.hero-section-2 .hero-slider-2 .swiper-slide .hero-text-box{
    width: 100%;
}
}


/*Custom Form*/
.form-group textarea,
.form-group input[type="email"],
.form-group input[type="text"] {
    position: relative;
    display: block;
    width: 100%;
    font-size: 15px;
    color: #000;
    line-height: 30px;
    font-weight: 600;
    background-color: #ffffff;
    border-radius: 6px;
    padding: 11px 20px;
    border-width: 1px;
    border-style: solid;
    border-color: var(--primary-color);
    -o-border-image: initial;
    border-image: initial;
    -webkit-transition: all 300ms ease 0s;
    -o-transition: all 300ms ease 0s;
    transition: all 300ms ease 0s;
    margin-bottom: 15px;
    overflow: hidden;
}

button.refresh-captcha {
    background: #ffffff;
    color: #000;
    padding: 22px 5px;
    width: 100%;
    font-size: 16px;
    font-weight: 500;
    border-radius: 7px;
    border: 1px solid var(--primary-color);
}

.refresh-captcha:hover {
    background-color: #e0e0e0;
}

.custom-file-upload {
    display: inline-block;
    padding: 12px 20px;
    cursor: pointer;
    border: 1px solid var(--primary-color);
    border-radius: 5px;
    background-color: #f9f9f9;
    color: #000;
    text-align: left;
    transition: all 0.3s ease;
    width: 100%;
}

.custom-file-upload:hover {
    background-color: #f0f0f0;
}

.custom-file-upload input[type="file"] {
    display: none;
}

.file-name {
    margin-top: 8px;
    font-size: 14px;
    color: #555;
    word-break: break-all;
    position: absolute;
    right: 25px;
    top: 6px;
}

.form-group {
    position: relative;
}

.captcha {
    font-weight: 700;
    font-size: 22px;
    padding: 15px 0px;
    background-color: #ffffff;
    margin-bottom: 10px;
    text-align: center;
    font-family: 'Shadows Into Light', cursive;
    font-style: normal;
    letter-spacing: 5px;
    border: 1px solid var(--primary-color);
    border-radius: 7px;
}

.captcha-error {
    color: red;
    display: none;
    position: absolute;
}

h2.wp-block-heading strong {
    color:var(--primary-color);
    font-weight: 500;
}



/* about us new content */
.therapy-process {
    background-color: var(--primary-color);
    background-image: url('assets/images/resource/therapy-bg-cir.svg');
    background-repeat: no-repeat;
    background-position: right bottom;
    background-size: 700px;
    z-index: 1;
    position: relative;
}



.therapy-process .section-title h3::before,
.therapy-process .section-title h2,
.therapy-process .section-title h3{
	color: #fff;
}

.therapy-process .section-btn .btn-default::after{
	background-color: var(--primary-color);
}
.therapy-process-item{
	position: relative;
	background-color: #e5e5e5;
	border: 1px solid var(--primary-color);
	border-radius: 10px;
	display: flex;
	align-items: center;
	padding: 20px;
	transition: all 0.4s ease-in-out;
	overflow: hidden;
	margin-bottom: 30px;
}

.therapy-process-item:last-child{
	margin-bottom: 0;
}

.therapy-process-item:hover{
	background-color: var(--primary-color);
	border-color: var(--primary-color);
	transform: translateX(20px);
}

.therapy-process-item::before{
    content: '';
    position: absolute;
    top: 100%;
    right: 0;
    left: 0;
    background-color: #333333;;
    transition: all 0.4s ease-in-out;
    height: 100%;
    width: 100%;
    z-index: 0;
    opacity: 0;
}

.therapy-process-item:hover:before{
	top: 0;
	opacity: 1;
}

.therapy-process-item .icon-box{
	position: relative;
	background-color: #fff;
	border-radius: 10px;
	width: 100px;
	height: 100px;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-right: 15px;
	z-index: 1;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}

.therapy-process-item .icon-box img{
	max-width: 50px;
}

.therapy-process-item-content{
	position: relative;
	width: calc(100% - 120px);
	z-index: 1;
}

.therapy-process-item-content h3{
	font-size: 22px;
	text-transform: capitalize;
	margin-bottom: 10px;
	transition: all 0.4s ease-in-out;
}

.therapy-process-item:hover .therapy-process-item-content h3{
	color: #fff;
}

.therapy-process-item-content p{
	margin: 0;
	transition: all 0.4s ease-in-out;
}

.therapy-process-item:hover .therapy-process-item-content p{
	color: #fff;
}

.therapy-process-images{
	position: relative;
	margin: 10px;
	margin-bottom: 0;
}

.therapy-process-img-1{
	text-align: center;
	width: 530px;
	margin: 0 auto;
	padding: 55px 0;
}

.therapy-process-img-2{
	position: absolute;
	top: 0;
	left: 20px;
	transform: rotate(-4deg);
	z-index: 1;
}

.therapy-process-img-3{
	position: absolute;
	bottom: 0;
	right: 0;
	transform: rotate(4deg);
	z-index: 1;
}

.therapy-process-img-3 figure,
.therapy-process-img-2 figure,
.therapy-process-img-1 figure{
	border-radius: 10px;
}

.therapy-process-img-3 img,
.therapy-process-img-2 img,
.therapy-process-img-1 img{
	width: 100%;
	border-radius: 10px;
}

.therapy-process-img-1 img{
	aspect-ratio: 1 / 1.1;
	object-fit: cover;
}

.therapy-process-img-2 img{
	aspect-ratio: 1 / 1.05;
	object-fit: cover;
}

.therapy-process-img-3 img{
	aspect-ratio: 1 / 1.14;
	object-fit: cover;
}

.post-entry2 ul {
    padding: 0;
    margin: 5px 0 10px;
}
.post-entry2 ul li {
    position: relative;
    font-size: 18px;
    font-weight: 500;
    line-height: 1.5em;
    color: #000;
    margin-bottom: 6px;
    padding-left: 20px;
    list-style: none;
}
.post-entry2 ul li::before {
    position: absolute;
    content: "";
    width: 6px;
    height: 6px;
    background: var(--primary-color);
    left: 0;
    top: 10px;
    margin: auto;
}
.post-entry2 ul li:after {
    position: absolute;
    content: "";
    width: 6px;
    height: 6px;
    background: var(--primary-color);
    left: 5px;
    top: 10px;
    margin: auto;
}

.post-entry2 ul li:after {
    opacity: 0.6;
    left: 6px;
}
.feature-section {
    background-color: #ece0e2;
}

@media only screen and (max-width: 767px) {
    .therapy-process-img-2 img {
        max-width: 200px;
        aspect-ratio: 1 / 1.01;
    }
    .therapy-process-img-3 img {
        max-width: 200px;
        aspect-ratio: 1 / 0.9;
    }
}
a.call-now {
    color: #fff;
    font-size: 24px;
}
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}
.mart{
    margin-top: 35px;
}
@media (max-width: 992px) {
#menu-item-62 > a::after, #menu-item-61 > a::after, #menu-item-63 > a::after{
    display:none;
}
.footer-bottom-text {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-direction: column;
}
.footer-bottom-text p {
    text-align: center;
}
.footer-bottom-text ul {
    text-align: center;
    margin-top: 10px;
}
.therapy-process-item-content{
    width: calc(100% - 0px);
}
.therapy-process-item {
    position: relative;
    display: flex;
    align-items: center;
    flex-direction: column;
}
.therapy-process-item .icon-box {
    margin-bottom: 20px;
}
}
@media (max-width: 776px) {

}
@media (max-width: 576px) {
    .hero-section-2 .hero-slider-2 .swiper-slide .hero-text-box {
        padding-top: 80px;
        padding-bottom: 46px;
    }
    .pattern-layer {
    width: 192px;
    height: 354px;
    }
    h2 {
    font-size: 20px;
}
    .logo {
        width: 165px;
    }
.contact-wrap1 .contact-form-wrap {
    padding: 15px;
}
.contact-wrap1 .newsletter-card {
    min-width: 280px;
}
    .contact-block-container .contact-block-wrapper .contact-block .contact-text {
        max-width: 100%;
    }
    .contact-block-container .contact-block-wrapper {
        padding-left: 2rem;
        padding-right: 2rem;
        padding-bottom: 2rem;
        padding-top: 14rem;
    }
    .customer-feedback-section .feedback-main-wrapper .feedback-box .title {
    font-size: 25px;
    line-height: 30px;
    }
    .widget_call .box-title {
    font-size: 20px;
    }
    .post-entry blockquote {
    background: url(assets/images/blog/icon-blockquote.svg), var(--primary-color);
    background-repeat: no-repeat;
    background-position: 2px -2px;
    background-size: 45px;
    border-radius: 20px;
    padding: 30px 30px 30px 20px;
    margin-bottom: 30px;
}
.service_box.style_three .service_content .content_inner span {
    position: absolute;
    width: 70px;
    height: 70px;
    font-size: 21px;
    line-height: 70px;
}
.service_box.style_three .service_content .content_inner span i {
    position: absolute;
    width: 70px;
    height: 70px;
}
.service_box.style_three .service_content .content_inner {
    padding-top: 54px;
}
.service_content a {
    word-break: break-word;        /* Modern browsers */
    overflow-wrap: break-word;     /* Standard */
    white-space: normal;           /* Allow wrapping */
    display: inline-block;         /* Helps wrapping in some layouts */
    max-width: 100%;               /* Prevent overflow */
}

.hero-section-2 .hero-slider-2 .hero-btns {
    margin-bottom: 20px;
}
.sidebar-widget .widget-content {
    padding: 15px;
    margin-top: 20px;
}
.contact-block-container .contact-block-wrapper .contact-block .contact-text {
    font-size: 20px;
}
}






.wpcf7 form.sent .wpcf7-response-output {

    color: #fff;

    border-color: #46b450;

    background: #000;

    font-size: 22px;

    margin-top: 0;

    text-align: center;

    padding: 10px 6px !important;

    border-radius: 5px;

    margin-left: 0;

    width: 100%;

}