/*-----------------------------------------------------------------------------------

    Theme Name: RORALEX - Building Construction & Industry HTML5 Template
    Author: themesoft69
    Description: RORALEX is a modern design combination HTML template. This template can be used very nicely for a building construction or any construction related services. This template contains a total of 30 pages. There are also RTL facilities. The template is made with unique design combination. Currently it is being published in HTML version. We are coming soon with ReactJS version, NextJS version and WordPress theme version of this template.
    Version: 1.0.1

-----------------------------------------------------------------------------------

/************ TABLE OF CONTENTS ***************

  01. Variable Implementation
  02. Mixins
	03. Reset Default CSS
	04. Custom Animation CSS START
	05. Button Design START
	06. Universal CSS
	07. Header Intro
	08. Header Css
	09. Footer Css
	10. Slider CSS
	11. Bread Crumb
	12. About-Section
	13. Service List Section
	14. Why Choose Us Section
	15. Project Background Overlay Section
	16. Our Team Section
	17. Team Details Section
	18. Latest Projects Section
	19. Client Review Section
	20. Blog Section
	21. Our Plan Price
	22. News Letter
	23. Our Client
	24. FAQ Section
	25. Contact Section
	26. Widget Section


**********************************************/
/*----------------------------------------*/
/*  01. Variable Implementation
/*----------------------------------------*/
/* ======== Font Includes ======== */
@import url("https://fonts.googleapis.com/css2?family=Josefin+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;1,400;1,500;1,600;1,700&display=swap");
:root {
    /* ======== Color scheme ======== */
    /* --primary_color: #343a40; */
    --primary_color: #6fd943;
    --theme_color: #ff0000;
    /* --theme_color: #de2021; */
    --heading_color: #1e293b;
    --text_color: #464a53;
    --bg_gray: #f8f8f8;
    --bg_white: #ffffff;
    --border_color: #e8ebee;
    /* ======== Social icon colors ======== */
    --facebook: #3b5997;
    --twitter: #1ba1f2;
    --youtube: #ed4141;
    --linkedin: #0077b5;
    --pinterest: #e60022;
    --instagram: #c231a1;
    --vimeo: #00adef;
    --twitch: #6441a3;
}

/*----------------------------------------*/
/*  02. Mixins
/*----------------------------------------*/
/*----------------------------------------*/
/*  03. Reset Default CSS
/*----------------------------------------*/
/* ======== Reset ======== */
* {
    margin: 0;
    padding: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

html,
body {
    overflow-x: hidden;
}

body {
    font-family: "Noto Sans Bengali", serif;
    font-size: 15px;
    font-weight: normal;
    color: var(--text_color);
    line-height: 26px;
}

a {
    text-decoration: none;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: "Noto Sans Bengali", serif;
    color: var(--header_color);
    margin-top: 0px;
    font-weight: 600;
    line-height: 1.2;
    -webkit-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
}

h1 {
    font-size: 40px;
}

h2 {
    font-size: 36px;
}

h3 {
    font-size: 24px;
}

h4 {
    font-size: 20px;
}

h5 {
    font-size: 16px;
}

h6 {
    font-size: 14px;
}

ul {
    margin: 0px;
    padding: 0px;
    list-style: none;
}

p {
    font-family: "Noto Sans Bengali", serif;
    font-size: 16px;
    font-weight: normal;
    color: var(--text_color);
    margin-bottom: 15px;
    line-height: 25px;
}

a:focus,
.button:focus {
    text-decoration: none;
    outline: none;
}

a:focus,
a:hover {
    color: inherit;
    text-decoration: none;
}

a,
button {
    color: inherit;
    outline: none;
    border: none;
    background: transparent;
}

button:hover {
    cursor: pointer;
}

button:focus {
    outline: 0;
    border: 0;
}

.uppercase {
    text-transform: uppercase;
}

.capitalize {
    text-transform: capitalize;
}

input {
    outline: none;
}

input[type="color"] {
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    background: none;
    border: 0;
    cursor: pointer;
    height: 100%;
    width: 100%;
    padding: 0;
    border-radius: 50%;
}

*::-moz-selection {
    background: var(--primary_color);
    color: var(--bg_white);
    text-shadow: none;
}

::-moz-selection {
    background: var(--primary_color);
    color: var(--bg_white);
    text-shadow: none;
}

::selection {
    background: var(--primary_color);
    color: var(--bg_white);
    text-shadow: none;
}

*::-moz-placeholder {
    color: var(--text_color);
    font-size: 16px;
    opacity: 1;
}

*::-webkit-input-placeholder {
    color: var(--text_color);
    font-size: 16px;
    opacity: 1;
}

*:-ms-input-placeholder {
    color: var(--text_color);
    font-size: 16px;
    opacity: 1;
}

*::-ms-input-placeholder {
    color: var(--text_color);
    font-size: 16px;
    opacity: 1;
}

*::placeholder {
    color: var(--text_color);
    font-size: 16px;
    opacity: 1;
}

.p-relative {
    position: relative;
}

.p-absolute {
    position: absolute;
}

.b-radius-5 {
    border-radius: 5px;
}

.b-radius-6 {
    border-radius: 6px;
}

.b-radius-8 {
    border-radius: 8px;
}

.b-radius-10 {
    border-radius: 10px;
}

/*----------------------------------------*/
/*  04. Custom Animation CSS START
/*----------------------------------------*/
/*  ========= Hero Slider Animation animation ========== */
@-webkit-keyframes heroSliderAnimation {
    0% {
        opacity: 0;
        -webkit-transform: translateY(20px);
        transform: translateY(20px);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}
@keyframes heroSliderAnimation {
    0% {
        opacity: 0;
        -webkit-transform: translateY(20px);
        transform: translateY(20px);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}
/*  ========= Hero Slider BG Animation animation ========== */
@-webkit-keyframes bg-animation {
    0% {
        -webkit-transform: scale(1) translateY(0);
        transform: scale(1) translateY(0);
        -webkit-transform-origin: 50% 16%;
        transform-origin: 50% 16%;
    }
    100% {
        -webkit-transform: scale(1.2) translateY(-15px);
        transform: scale(1.25) translateY(-15px);
        -webkit-transform-origin: top;
        transform-origin: top;
    }
}
@keyframes bg-animation {
    0% {
        -webkit-transform: scale(1) translateY(0);
        transform: scale(1) translateY(0);
        -webkit-transform-origin: 50% 16%;
        transform-origin: 50% 16%;
    }
    100% {
        -webkit-transform: scale(1.2) translateY(-15px);
        transform: scale(1.25) translateY(-15px);
        -webkit-transform-origin: top;
        transform-origin: top;
    }
}
/*  ========= Hero Slider IMG Animation animation ========== */
@-webkit-keyframes heroImg {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
@keyframes heroImg {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
/*  ========= pluse animation ========== */
@-webkit-keyframes pulse {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.4);
    }
    70% {
        -webkit-box-shadow: 0 0 0 45px rgba(255, 255, 255, 0);
    }
    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
    }
}
@keyframes pulse {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.4);
        box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.4);
    }
    70% {
        -webkit-box-shadow: 0 0 0 45px rgba(255, 255, 255, 0);
        box-shadow: 0 0 0 45px rgba(255, 255, 255, 0);
    }
    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
        box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
    }
}
/*  ========= sticky animation ========== */
@-webkit-keyframes sticky {
    0% {
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%);
    }
    100% {
        -webkit-transform: translateY(0%);
        transform: translateY(0%);
    }
}
@keyframes sticky {
    0% {
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%);
    }
    100% {
        -webkit-transform: translateY(0%);
        transform: translateY(0%);
    }
}
/*----------------------------------------*/
/*  05. Button Design START
/*----------------------------------------*/
/* ======= Button Shape One ======= */
.btn-shape-normal-outline {
    display: inline-block;
    border-radius: 4px;
    background-color: var(--theme_color);
    border: none;
    color: #ffffff;
    text-align: center;
    font-size: 17px;
    padding: 16px;
    width: auto;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
    cursor: pointer;
    margin: 5px;
}
.btn-shape-normal-outline span {
    cursor: pointer;
    display: inline-block;
    position: relative;
    -webkit-transition: 0.5s;
    transition: 0.5s;
    color: #fff;
}
.btn-shape-normal-outline span:after {
    content: "»";
    position: absolute;
    opacity: 0;
    top: 0;
    right: -15px;
    -webkit-transition: 0.5s;
    transition: 0.5s;
}
.btn-shape-normal-outline:hover span {
    padding-right: 15px;
}
.btn-shape-normal-outline:hover span:after {
    opacity: 1;
    right: 0;
}
.btn-shape-normal-outline.purchase i {
    color: var(--bg_white) !important;
}

/*----------------------------------------*/
/*  06. Universal CSS
/*----------------------------------------*/
.theme-color {
    color: var(--theme_color);
}

.bg-gray {
    background: var(--bg_gray);
}

.bg-white {
    background: var(--bg_white);
}

/* ================ Box shadow ================ */
.shadow-sm {
    -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
}

.shadow {
    -webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1),
        0 1px 2px -1px rgba(0, 0, 0, 0.1);
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1),
        0 1px 2px -1px rgba(0, 0, 0, 0.1);
}

.shadow-md {
    -webkit-box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1),
        0 2px 4px -2px rgba(0, 0, 0, 0.1);
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1),
        0 2px 4px -2px rgba(0, 0, 0, 0.1);
}

.shadow-lg {
    -webkit-box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1),
        0 4px 6px -4px rgba(0, 0, 0, 0.1);
    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1),
        0 4px 6px -4px rgba(0, 0, 0, 0.1);
}

.shadow-xl {
    -webkit-box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1),
        0 8px 10px -6px rgba(0, 0, 0, 0.1);
    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1),
        0 8px 10px -6px rgba(0, 0, 0, 0.1);
}

.shadow-2xl {
    -webkit-box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
    box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
}

/* ================ preloader ================ */
.preloader {
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 999999;
    background-color: #fffffff1;
    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;
}
.preloader .preloader-circle {
    width: 100px;
    height: 100px;
    position: relative;
    border-style: solid;
    border-width: 3px;
    border-top-color: var(--theme_color);
    border-bottom-color: transparent;
    border-left-color: transparent;
    border-right-color: transparent;
    z-index: 10;
    border-radius: 50%;
    -webkit-box-shadow: 0 1px 5px 0 rgba(35, 181, 185, 0.15);
    box-shadow: 0 1px 5px 0 rgba(35, 181, 185, 0.15);
    background-color: #ffffff;
    -webkit-animation: zoom 2000ms infinite ease;
    animation: zoom 2000ms infinite ease;
    -webkit-transition: 0.6s;
    -o-transition: 0.6s;
    transition: 0.6s;
}
.preloader .preloader-circle2 {
    border-top-color: var(--theme_color);
}
.preloader .preloader-img {
    position: absolute;
    top: 50%;
    z-index: 200;
    left: 0;
    right: 0;
    margin: 0 auto;
    text-align: center;
    display: inline-block;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    padding-top: 6px;
    -webkit-transition: 0.6s;
    -o-transition: 0.6s;
    transition: 0.6s;
}
.preloader .preloader-img img {
    max-width: 90px;
}
.preloader .pere-text strong {
    font-weight: 800;
    color: var(--primary_color);
    text-transform: uppercase;
}
@-webkit-keyframes zoom {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
        -webkit-transition: 0.6s;
        -o-transition: 0.6s;
        transition: 0.6s;
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
        -webkit-transition: 0.6s;
        -o-transition: 0.6s;
        transition: 0.6s;
    }
}
@keyframes zoom {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
        -webkit-transition: 0.6s;
        -o-transition: 0.6s;
        transition: 0.6s;
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
        -webkit-transition: 0.6s;
        -o-transition: 0.6s;
        transition: 0.6s;
    }
}
.swapping-squares-spinner,
.swapping-squares-spinner * {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.swapping-squares-spinner {
    height: 65px;
    width: 65px;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.swapping-squares-spinner .square {
    height: 12.5px;
    width: 12.5px;
    -webkit-animation-duration: 1000ms;
    animation-duration: 1000ms;
    border: 2px solid var(--primary_color);
    margin-right: auto;
    margin-left: auto;
    position: absolute;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}

.swapping-squares-spinner .square:nth-child(1) {
    -webkit-animation-name: swapping-squares-animation-child-1;
    animation-name: swapping-squares-animation-child-1;
    -webkit-animation-delay: 500ms;
    animation-delay: 500ms;
}

.swapping-squares-spinner .square:nth-child(2) {
    -webkit-animation-name: swapping-squares-animation-child-2;
    animation-name: swapping-squares-animation-child-2;
    -webkit-animation-delay: 0ms;
    animation-delay: 0ms;
}

.swapping-squares-spinner .square:nth-child(3) {
    -webkit-animation-name: swapping-squares-animation-child-3;
    animation-name: swapping-squares-animation-child-3;
    -webkit-animation-delay: 500ms;
    animation-delay: 500ms;
}

.swapping-squares-spinner .square:nth-child(4) {
    -webkit-animation-name: swapping-squares-animation-child-4;
    animation-name: swapping-squares-animation-child-4;
    -webkit-animation-delay: 0ms;
    animation-delay: 0ms;
}

@-webkit-keyframes swapping-squares-animation-child-1 {
    50% {
        -webkit-transform: translate(150%, 150%) scale(2, 2);
        transform: translate(150%, 150%) scale(2, 2);
    }
}
@keyframes swapping-squares-animation-child-1 {
    50% {
        -webkit-transform: translate(150%, 150%) scale(2, 2);
        transform: translate(150%, 150%) scale(2, 2);
    }
}
@-webkit-keyframes swapping-squares-animation-child-2 {
    50% {
        -webkit-transform: translate(-150%, 150%) scale(2, 2);
        transform: translate(-150%, 150%) scale(2, 2);
    }
}
@keyframes swapping-squares-animation-child-2 {
    50% {
        -webkit-transform: translate(-150%, 150%) scale(2, 2);
        transform: translate(-150%, 150%) scale(2, 2);
    }
}
@-webkit-keyframes swapping-squares-animation-child-3 {
    50% {
        -webkit-transform: translate(-150%, -150%) scale(2, 2);
        transform: translate(-150%, -150%) scale(2, 2);
    }
}
@keyframes swapping-squares-animation-child-3 {
    50% {
        -webkit-transform: translate(-150%, -150%) scale(2, 2);
        transform: translate(-150%, -150%) scale(2, 2);
    }
}
@-webkit-keyframes swapping-squares-animation-child-4 {
    50% {
        -webkit-transform: translate(150%, -150%) scale(2, 2);
        transform: translate(150%, -150%) scale(2, 2);
    }
}
@keyframes swapping-squares-animation-child-4 {
    50% {
        -webkit-transform: translate(150%, -150%) scale(2, 2);
        transform: translate(150%, -150%) scale(2, 2);
    }
}
.example {
    display: -ms-grid;
    display: grid;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background: -webkit-gradient(
        linear,
        left top,
        left bottom,
        from(white),
        to(black)
    );
    background: linear-gradient(to bottom, white, black);
}

/*----------------------------------------*/
/*  07.  Header Intro
/*----------------------------------------*/
/* ================ Header Intro Version One version One ================*/
.header-intro-version-one .wrapper .pop-text {
    position: relative;
}
.header-intro-version-one .wrapper .pop-text h3 {
    font-weight: 700;
    font-size: 18px;
    color: var(--primary_color);
    z-index: 1;
    text-transform: capitalize;
}
.header-intro-version-one .wrapper .pop-text .shape-img {
    position: absolute;
    top: -8px;
    left: -27px;
    z-index: 0;
}
.header-intro-version-one .wrapper .pop-text .shape-img.rtl {
    left: auto;
    right: -27px;
}
.header-intro-version-one .wrapper .inner-text h2 {
    padding-right: 130px;
    margin-top: 15px;
    font-size: 36px;
    font-weight: 700;
    color: var(--heading_color);
    text-transform: capitalize;
}
.header-intro-version-one .wrapper .inner-text h2.rtl {
    padding-right: 0;
    padding-left: 130px;
}
@media only screen and (min-width: 576px) and (max-width: 767px),
    only screen and (max-width: 576px) {
    .header-intro-version-one .wrapper .inner-text h2 {
        padding-right: 50px;
        font-size: 32px;
    }
}
.header-intro-version-one .wrapper .inner-text p {
    margin-top: 10px;
}

/* ================ Header Intro Version One version Two ================*/
.header-intro-version-two .wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.header-intro-version-two .wrapper .pop-text {
    text-align: center;
}
.header-intro-version-two .wrapper .pop-text h3 {
    font-size: 18px;
    color: var(--theme_color);
    font-weight: normal;
}
.header-intro-version-two .wrapper .pop-text h2 {
    margin-top: 15px;
    font-weight: 30;
    font-weight: 700;
    color: var(--heading_color);
    text-transform: uppercase;
}

/* ================ Header Intro Version One version Three ================*/
.header-intro-version-three .wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.header-intro-version-three .wrapper .pop-text {
    text-align: center;
}
.header-intro-version-three .wrapper .pop-text h3 {
    position: relative;
    padding-left: 50px;
    font-size: 16px;
    font-weight: 600;
    display: inline;
    text-transform: uppercase;
}
.header-intro-version-three .wrapper .pop-text h3::after {
    position: absolute;
    content: "";
    left: 0;
    bottom: 6px;
    width: 45px;
    height: 3px;
    border-radius: 5px;
    background: var(--theme_color);
}
.header-intro-version-three .wrapper .pop-text h2 {
    margin-top: 10px;
    font-weight: 30;
    font-weight: 700;
    color: var(--heading_color);
    text-transform: capitalize;
}
@media only screen and (max-width: 576px) {
    .header-intro-version-three .wrapper .pop-text h2 {
        font-size: 32px;
    }
}

/*----------------------------------------*/
/*  08. HEADER CSS START
/*----------------------------------------*/
/* ============= sticky ============= */
.header__sticky {
    position: fixed !important;
    left: 0;
    margin: auto;
    top: 0;
    width: 100%;
    -webkit-box-shadow: 0 0 60px 0 rgba(0, 0, 0, 0.07);
    box-shadow: 0 0 60px 0 rgba(0, 0, 0, 0.07);
    z-index: 99;
    -webkit-box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.07);
    box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.07);
    -webkit-animation: sticky 1s;
    animation: sticky 1s;
    background: var(--tp-heading-primary);
}

/* ============= Header-intro-version-one-area ============= */
.header-intro-version-one-area {
    background: var(--bg_white);
}
@media only screen and (min-width: 768px) and (max-width: 991px),
    only screen and (min-width: 576px) and (max-width: 767px),
    only screen and (max-width: 576px) {
    .header-intro-version-one-area {
        padding: 25px 0;
    }
}
@media only screen and (min-width: 768px) and (max-width: 991px),
    only screen and (min-width: 576px) and (max-width: 767px),
    only screen and (max-width: 576px) {
    .header-intro-version-one-area.header__sticky {
        padding: 20px 0;
    }
}

/* ============= Header-intro-version-two-area ============= */
.header-intro-version-two-area {
    background: var(--primary_color);
}
.header-intro-version-two-area .menu-body .main-menu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: end;
}
@media only screen and (min-width: 768px) and (max-width: 991px),
    only screen and (min-width: 576px) and (max-width: 767px),
    only screen and (max-width: 576px) {
    .header-intro-version-two-area {
        padding: 25px 0;
    }
}
@media only screen and (min-width: 768px) and (max-width: 991px),
    only screen and (min-width: 576px) and (max-width: 767px),
    only screen and (max-width: 576px) {
    .header-intro-version-two-area.header__sticky {
        padding: 20px 0;
    }
}

/* ============= Header-intro-version-three-area ============= */
.header-intro-version-three-area {
    background: transparent;
    position: fixed;
    width: 100%;
    z-index: 99;
}
@media only screen and (min-width: 768px) and (max-width: 991px),
    only screen and (min-width: 576px) and (max-width: 767px),
    only screen and (max-width: 576px) {
    .header-intro-version-three-area {
        padding: 30px 0;
    }
}
.header-intro-version-three-area.header__sticky {
    background: var(--primary_color);
}
@media only screen and (min-width: 768px) and (max-width: 991px),
    only screen and (min-width: 576px) and (max-width: 767px),
    only screen and (max-width: 576px) {
    .header-intro-version-three-area.header__sticky {
        padding: 20px 0;
    }
}
.header-intro-version-three-area .menu-body .main-menu .mobile-menu ul li {
    color: var(--bg_white);
}

/* ============= Logo Section ============= */
.logo {
    width: 100%;
    height: 100%;
    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;
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
}
@media only screen and (min-width: 576px) and (max-width: 767px),
    only screen and (max-width: 576px) {
    .logo {
        padding-left: 15px;
    }
}

/* ============= Main-menu ============= */
.menu-body .main-menu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.menu-body .main-menu ul li {
    display: inline-block;
    margin-right: 25px;
    position: relative;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .menu-body .main-menu ul li {
        margin-right: 22px;
    }
}
.menu-body .main-menu ul li:last-child {
    margin-right: 0;
}
.menu-body .main-menu ul li.has-dropdown > a {
    padding-right: 16px;
}
.menu-body .main-menu ul li.has-dropdown > a::after {
    position: absolute;
    content: "\f107";
    right: -4px;
    top: 30px;
    font-size: 16px;
    color: var(--heading_color);
    font-family: "Font Awesome 6 Pro";
}
.menu-body .main-menu ul li a {
    color: var(--heading_color);
    font-size: 16px;
    line-height: 20px;
    padding: 30px 0;
    display: inline-block;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}
.menu-body .main-menu ul li .active {
    color: var(--theme_color);
}
.menu-body .main-menu ul li:hover > a {
    color: var(--theme_color);
}
.menu-body .main-menu ul li:hover > a::after {
    color: var(--theme_color);
}
.menu-body .main-menu ul li:hover .sub-menu,
.menu-body .main-menu ul li:hover .mega-menu {
    visibility: visible;
    opacity: 1;
    top: 100%;
}
.menu-body .main-menu ul li .sub-menu {
    position: absolute;
    left: 0;
    top: 110%;
    min-width: 220px;
    background-color: var(--bg_white);
    opacity: 0;
    visibility: hidden;
    z-index: 99;
    -webkit-box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.16);
    box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.16);
    padding: 20px 0px 15px;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    border-top: 4px solid var(--theme_color);
}
.menu-body .main-menu ul li .sub-menu li {
    margin: 0;
    padding: 0;
    display: inline;
    position: relative;
    width: 100%;
    display: block;
}
.menu-body .main-menu ul li .sub-menu li a {
    position: relative;
    font-size: 16px;
    font-weight: 400;
    display: block;
    padding: 6px 25px;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    color: var(--heading-color);
    text-transform: capitalize;
}
.menu-body .main-menu ul li .sub-menu li .active {
    color: var(--theme_color);
}
.menu-body .main-menu ul li .sub-menu li:hover > a {
    color: var(--theme_color);
}
.menu-body .main-menu ul li .sub-menu li > .sub-menu {
    left: 120%;
    top: 0;
    visibility: hidden;
    opacity: 0;
}
.menu-body .main-menu ul li .sub-menu li:hover > .sub-menu {
    left: 100%;
    visibility: visible;
    opacity: 1;
}
.menu-body .main-menu ul li .mega-menu {
    position: absolute;
    left: 50%;
    top: 110%;
    min-width: 700px;
    background-color: var(--bg_white);
    opacity: 0;
    visibility: hidden;
    z-index: 99;
    -webkit-box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.16);
    box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.16);
    padding: 20px 0px 15px;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    border-top: 4px solid var(--theme_color);
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}
.menu-body .main-menu ul li .mega-menu .inner-body {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.menu-body .main-menu ul li .mega-menu .inner-body h5 {
    font-size: 18px;
    color: var(--heading_color);
    font-weight: 700;
    margin-left: 24px;
    border-bottom: 1px solid var(--border_color);
    display: inline-block;
}
.menu-body .main-menu ul li .mega-menu li {
    margin: 0;
    padding: 0;
    display: inline;
    position: relative;
    width: 100%;
    display: block;
}
.menu-body .main-menu ul li .mega-menu li a {
    font-size: 16px;
    font-weight: 400;
    display: block;
    padding: 6px 25px;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    color: var(--heading-color);
    text-transform: capitalize;
}
.menu-body .main-menu ul li .mega-menu li .active {
    color: var(--theme_color);
}
.menu-body .main-menu ul li .mega-menu li:hover > a {
    color: var(--theme_color);
}
.menu-body .main-menu ul li .mega-menu li > .mega-menu {
    left: 120%;
    top: 0;
    visibility: hidden;
    opacity: 0;
}
.menu-body .main-menu ul li .mega-menu li:hover > .mega-menu {
    left: 100%;
    visibility: visible;
    opacity: 1;
}
.menu-body .main-menu.version-two {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: end;
}
.menu-body .main-menu.version-two ul li .mega-menu {
    left: -212%;
}
@media only screen and (min-width: 992px) and (max-width: 1199px),
    only screen and (min-width: 768px) and (max-width: 991px),
    only screen and (min-width: 576px) and (max-width: 767px),
    only screen and (max-width: 576px) {
    .menu-body.rtl .main-menu ul li a {
        text-align: end;
    }
}
.menu-body.rtl .main-menu ul li .sub-menu {
    right: 0;
    left: auto;
}
.menu-body.rtl .main-menu ul li .sub-menu li a {
    text-align: end;
}
@media only screen and (min-width: 992px) and (max-width: 1199px),
    only screen and (min-width: 768px) and (max-width: 991px),
    only screen and (min-width: 576px) and (max-width: 767px),
    only screen and (max-width: 576px) {
    .menu-body.rtl .main-menu ul li .sub-menu li a {
        text-align: end;
    }
}

/* ============= Main-menu customize ============= */
.mean-container a.meanmenu-reveal {
    display: none;
}

.mean-container .mean-nav {
    background: none;
    margin-top: 0;
}

.mean-container .mean-bar {
    padding: 0;
    min-height: auto;
    background: none;
}

.mean-container .mean-nav > ul {
    padding: 0;
    margin: 0;
    width: 100%;
    list-style-type: none;
    display: block !important;
}

.mean-container a.meanmenu-reveal {
    display: none !important;
}

.mean-container .mean-nav ul li a {
    width: 100%;
    padding: 10px 0;
    color: var(--text_color);
    border-top: 1px solid #ebebeb;
    font-size: 14px;
    line-height: 1.5;
    font-weight: 700;
}
.mean-container .mean-nav ul li a:hover {
    color: var(--theme_color);
}

.mean-container .mean-nav ul li a.mean-expand {
    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;
    margin-top: 5px;
    padding: 0 !important;
    line-height: 14px;
    border: 1px solid #ebebeb !important;
    height: 30px;
    width: 30px;
    line-height: 30px;
    color: var(--text_color);
    line-height: 30px;
    top: 0;
    font-weight: 400;
}

@media only screen and (min-width: 992px) and (max-width: 1199px),
    only screen and (min-width: 768px) and (max-width: 991px),
    only screen and (min-width: 576px) and (max-width: 767px),
    only screen and (max-width: 576px) {
    .mean-container .mean-nav .rtl-link li a.mean-expand {
        right: auto;
        left: 0;
    }
}

.mean-container .mean-nav ul li > a > i {
    display: none;
}

.mean-container .mean-nav ul li > a.mean-expand i {
    display: inline-block;
}

.mean-container .mean-nav > ul > li:first-child > a {
    border-top: 0;
}

.mean-container .mean-nav ul li a.mean-expand.mean-clicked {
    color: var(--bg_white);
}

.mean-container .mean-nav ul li a.mean-expand.mean-clicked i {
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    color: var(--theme_color);
}

/* ============= Sidebar customize ============= */
.mobile-sidebar-area {
    position: fixed;
    right: -485px;
    top: 0;
    width: 465px;
    height: 100%;
    background: var(--bg_white) none repeat scroll 0 0;
    overflow-y: scroll;
    -webkit-box-shadow: -5px 0 20px -5px rgba(0, 0, 0, 0.5);
    -ms-box-shadow: -5px 0 20px -5px rgba(0, 0, 0, 0.5);
    -o-box-shadow: -5px 0 20px -5px rgba(0, 0, 0, 0.5);
    box-shadow: -5px 0 20px -5px rgba(0, 0, 0, 0.5);
    -webkit-transition: all 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86);
    transition: all 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86);
    z-index: 9999;
}
@media only screen and (max-width: 576px) {
    .mobile-sidebar-area {
        width: 290px;
    }
}
.mobile-sidebar-area.sidebar-opened {
    right: 0px;
}
.mobile-sidebar-area-2 {
    left: -485px;
}
.mobile-sidebar-area-2.sidebar-opened {
    left: 0px;
}

.sidebar__wrapper {
    position: relative;
    padding: 50px;
    background: var(--bg_white);
}
@media only screen and (max-width: 576px) {
    .sidebar__wrapper {
        padding: 20px;
    }
}

.sidebar__close {
    position: absolute;
    top: 35px;
    right: 45px;
}
@media only screen and (max-width: 576px) {
    .sidebar__close {
        top: 22px;
        right: 6px;
    }
}
.sidebar__close .sidebar__close-btn {
    display: inline-block;
    font-size: 18px;
    height: 60px;
    width: 60px;
    line-height: 49px;
    color: var(--theme_color);
    border-radius: 50%;
}
.sidebar__close-btn-3 {
    background: #666;
}
.sidebar__close-btn-3:hover {
    background: #666;
}
.sidebar__close.rtl {
    right: auto;
    left: 35px;
}
@media only screen and (max-width: 576px) {
    .sidebar__close.rtl {
        right: auto;
        left: 6px;
    }
}

.sidebar__logo {
    border-bottom: 1px solid #ebebeb;
}

.sidebar__search {
    position: relative;
}
.sidebar__search input {
    width: 100%;
    height: 40px;
    line-height: 40px;
    padding-right: 20px;
    background: transparent;
    border: none;
    outline: none;
    border-bottom: 1px solid #ebebeb;
    font-size: 16px;
    color: var(--text_color);
}
.sidebar__search input::-webkit-input-placeholder {
    color: var(--text_color);
}
.sidebar__search input::-moz-placeholder {
    color: var(--text_color);
}
.sidebar__search input:-ms-input-placeholder {
    color: var(--text_color);
}
.sidebar__search input::-ms-input-placeholder {
    color: var(--text_color);
}
.sidebar__search input::placeholder {
    color: var(--text_color);
}
.sidebar__search input:focus {
    border-color: var(--theme_color);
}
.sidebar__search button {
    position: absolute;
    top: 50%;
    right: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    font-size: 14px;
    color: var(--text_color);
    -webkit-transition: 0.3s;
    transition: 0.3s;
}
.sidebar__search button:hover {
    color: var(--theme_color);
}
.sidebar__search.rtl button {
    right: auto;
    left: 0;
}

.sidebar__contact {
    margin-top: 250px;
}
.sidebar__contact h4 {
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 10px;
    color: var(--heading_color);
}

.sidebar__social ul li {
    display: inline-block;
}
.sidebar__social ul li:not(:last-child) {
    margin-right: 5px;
}
.sidebar__social ul li a {
    display: inline-block;
    width: 35px;
    height: 35px;
    line-height: 42px;
    text-align: center;
    background: #f1f1f1;
    border-radius: 5px;
    font-size: 20px;
}
.sidebar__social ul li a .fa-facebook-f {
    color: var(--facebook);
}
.sidebar__social ul li a .fa-twitter {
    color: var(--twitter);
}
.sidebar__social ul li a .fa-youtube {
    color: var(--youtube);
}
.sidebar__social ul li a .fa-linkedin {
    color: var(--linkedin);
}
.sidebar__social ul li a:hover {
    background: var(--bg_white);
}

.side-menu-icon i {
    color: var(--heading_color);
    font-size: 32px;
    cursor: pointer;
    position: relative;
    top: 5px;
}

/* ============= overlay ============= */
.body-overlay {
    background-color: rgba(51, 51, 51, 0.2901960784);
    height: 100%;
    width: 100%;
    position: fixed;
    top: 0;
    z-index: 999;
    left: 0;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
}
.body-overlay:hover {
    cursor: pointer;
}

.body-overlay.opened {
    opacity: 1;
    visibility: visible;
}

/* ============= location-email-intro ============= */
.location-email-intro {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: end;
}
.location-email-intro .inner-location-email-intro {
    display: -ms-grid;
    display: grid;
    gap: -5px;
}
.location-email-intro .inner-location-email-intro .btn-shape-normal-outline {
    width: 186px;
}
.location-email-intro .inner-location-email-intro .inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 6px;
    font-size: 14px;
}
.location-email-intro .inner-location-email-intro i {
    color: var(--theme_color);
}
.location-email-intro .inner-location-email-intro .text {
    color: var(--text_color);
    font-size: 14px;
}
.location-email-intro .inner-location-email-intro h5 {
    color: var(--heading_color);
    font-size: 14px;
    font-weight: normal;
}
.location-email-intro.mobile {
    margin-top: 20px;
    display: block;
}
.location-email-intro.mobile .text {
    color: var(--heading-color);
    font-size: 18px;
    font-weight: 700;
}
.location-email-intro.mobile h5.text {
    color: var(--text_color);
    font-size: 16px;
    font-weight: normal;
}
.location-email-intro.rtl .inner-location-email-intro .inner {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: end;
}
.location-email-intro.purchase {
    margin-top: 270px;
    margin-left: -7px;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: start;
}

/* ============= Top Intro Section ============= */
.top-header {
    width: 100%;
    height: 35px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: var(--bg_gray);
}
.top-header .left-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: 40px;
}
.top-header .left-wrapper .social-icon ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 10px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 35px;
}
.top-header .left-wrapper .social-icon ul li {
    line-height: initial;
}
.top-header .left-wrapper .social-icon ul li i {
    font-size: 18px;
    -webkit-transition: all 0.2s linear;
    transition: all 0.2s linear;
}
.top-header .left-wrapper .social-icon ul li:hover .fa-facebook-f {
    color: var(--facebook);
}
.top-header .left-wrapper .social-icon ul li:hover .fa-twitter {
    color: var(--twitter);
}
.top-header .left-wrapper .social-icon ul li:hover .fa-youtube {
    color: var(--youtube);
}
.top-header .left-wrapper .social-icon ul li:hover .fa-linkedin {
    color: var(--linkedin);
}
.top-header .left-wrapper .news-intro {
    border-left: 3px solid var(--theme_color);
    height: 44px;
}
.top-header .left-wrapper .news-intro .scroll-text {
    padding-left: 8px;
    width: 100%;
    height: 4.5em;
    overflow: hidden;
}
.top-header .left-wrapper .news-intro .scroll-text ul li {
    padding: 5px 0;
}
.top-header .right-wrapper {
    width: 100%;
    height: 100%;
}
.top-header .right-wrapper .login-reg {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: end;
    height: 100%;
}
.top-header .right-wrapper .login-reg .inner {
    line-height: initial;
}
.top-header .right-wrapper .login-reg span a {
    font-weight: 600;
    -webkit-transition: all 0.2s linear;
    transition: all 0.2s linear;
}
.top-header .right-wrapper .login-reg span a:hover {
    color: var(--theme_color);
}

/*----------------------------------------*/
/*  09. Footer Section START
/*----------------------------------------*/
/* ================ Footer Section version one Start ================*/
.footer-section-version-one {
    background: var(--bg_gray);
    position: relative;
}
@media only screen and (min-width: 768px) and (max-width: 991px),
    only screen and (min-width: 576px) and (max-width: 767px),
    only screen and (max-width: 576px) {
    .footer-section-version-one {
        padding-top: 40px;
        margin-top: 0;
    }
}
.footer-section-version-one .footer-top {
    position: absolute;
    top: -90px;
    background: var(--theme_color);
    width: 850px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    padding: 50px 30px;
    border-radius: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
@media only screen and (min-width: 768px) and (max-width: 991px),
    only screen and (min-width: 576px) and (max-width: 767px),
    only screen and (max-width: 576px) {
    .footer-section-version-one .footer-top {
        display: none;
    }
}
.footer-section-version-one .footer-top .wrapper-left {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.footer-section-version-one .footer-top .wrapper-left h2 {
    font-size: 30px;
    font-weight: 700;
    color: var(--bg_white);
    line-height: 40px;
    margin-bottom: 0;
}
.footer-section-version-one .footer-top .wrapper-left h3 {
    font-size: 20px;
    font-weight: 700;
    color: var(--bg_white);
    line-height: 40px;
    margin-bottom: 0;
}
.footer-section-version-one .footer-top .wrapper-right {
    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;
    width: 100%;
    height: 100%;
}
.footer-section-version-one
    .footer-top
    .wrapper-right
    .btn-shape-normal-outline {
    background: var(--bg_white);
    color: var(--text_color);
    width: 152px;
    font-weight: 700;
    padding: 15px 10px;
}
.footer-section-version-one .footer-middle {
    margin-top: 60px;
}
.footer-section-version-one .footer-middle .wrapper-one {
    padding-right: 30px;
}
@media only screen and (min-width: 768px) and (max-width: 991px),
    only screen and (min-width: 576px) and (max-width: 767px),
    only screen and (max-width: 576px) {
    .footer-section-version-one .footer-middle .wrapper-one {
        margin-bottom: 40px;
    }
}
.footer-section-version-one .footer-middle .wrapper-one .text-file {
    margin-top: 16px;
}
.footer-section-version-one .footer-middle .wrapper-one .text-file h3 {
    font-size: 22px;
    font-weight: 600;
    color: var(--heading_color);
    position: relative;
    display: inline-block;
}
.footer-section-version-one .footer-middle .wrapper-one .text-file h3::after {
    position: absolute;
    content: "";
    width: 100%;
    height: 2px;
    left: 0;
    bottom: -5px;
    background: var(--text_color);
}
.footer-section-version-one .footer-middle .wrapper-one .text-file p {
    font-size: 16px;
    margin-top: 16px;
    color: var(--heading_color);
    font-weight: normal;
    text-align: justify;
}
.footer-section-version-one .footer-middle .wrapper-one .social-icon {
    margin-top: 5px;
}
.footer-section-version-one .footer-middle .wrapper-one .social-icon ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 10px;
}
.footer-section-version-one .footer-middle .wrapper-one .social-icon ul li a {
    padding: 2px;
    font-size: 20px;
}
@media only screen and (min-width: 576px) and (max-width: 767px),
    only screen and (max-width: 576px) {
    .footer-section-version-one
        .footer-middle
        .wrapper-one
        .social-icon
        ul
        li
        a {
        padding: 4px;
        font-size: 30px;
    }
}
.footer-section-version-one .footer-middle .wrapper-one .social-icon ul li a i {
    -webkit-transition: all 0.2s linear;
    transition: all 0.2s linear;
}
.footer-section-version-one
    .footer-middle
    .wrapper-one
    .social-icon
    ul
    li
    a:hover
    .fa-facebook-f {
    color: var(--facebook);
}
.footer-section-version-one
    .footer-middle
    .wrapper-one
    .social-icon
    ul
    li
    a:hover
    .fa-twitter {
    color: var(--twitter);
}
.footer-section-version-one
    .footer-middle
    .wrapper-one
    .social-icon
    ul
    li
    a:hover
    .fa-youtube {
    color: var(--youtube);
}
.footer-section-version-one
    .footer-middle
    .wrapper-one
    .social-icon
    ul
    li
    a:hover
    .fa-linkedin {
    color: var(--linkedin);
}
@media only screen and (min-width: 768px) and (max-width: 991px),
    only screen and (min-width: 576px) and (max-width: 767px),
    only screen and (max-width: 576px) {
    .footer-section-version-one .footer-middle .wrapper-two {
        margin-bottom: 40px;
    }
}
.footer-section-version-one .footer-middle .wrapper-two .text-file h3 {
    font-size: 18px;
    font-weight: 600;
    color: var(--heading_color);
    position: relative;
    display: inline-block;
}
.footer-section-version-one .footer-middle .wrapper-two .text-file h3::after {
    position: absolute;
    content: "";
    width: 100%;
    height: 2px;
    left: 0;
    bottom: -5px;
    background: var(--text_color);
}
.footer-section-version-one .footer-middle .wrapper-two .list-items ul {
    margin-top: 15px;
}
.footer-section-version-one .footer-middle .wrapper-two .list-items ul li {
    color: var(--heading_color);
    padding: 2px 0;
    -webkit-transition: all 0.2s linear;
    transition: all 0.2s linear;
}
.footer-section-version-one
    .footer-middle
    .wrapper-two
    .list-items
    ul
    li:hover {
    color: var(--theme_color);
}
@media only screen and (min-width: 768px) and (max-width: 991px),
    only screen and (min-width: 576px) and (max-width: 767px),
    only screen and (max-width: 576px) {
    .footer-section-version-one .footer-middle .wrapper-three {
        margin-bottom: 40px;
    }
}
.footer-section-version-one .footer-middle .wrapper-three .text-file h3 {
    font-size: 18px;
    font-weight: 600;
    color: var(--heading_color);
    position: relative;
    display: inline-block;
}
.footer-section-version-one .footer-middle .wrapper-three .text-file h3::after {
    position: absolute;
    content: "";
    width: 100%;
    height: 2px;
    left: 0;
    bottom: -5px;
    background: var(--text_color);
}
.footer-section-version-one .footer-middle .wrapper-three .items {
    padding-right: 15px;
    margin-top: 15px;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 8px 1fr 8px 1fr;
    grid-template-columns: repeat(3, 1fr);
    -ms-grid-rows: 1fr 8px 1fr 8px 1fr;
    grid-template-rows: repeat(3, 1fr);
    grid-column-gap: 8px;
    grid-row-gap: 8px;
}
.footer-section-version-one
    .footer-middle
    .wrapper-three
    .items
    > *:nth-child(1) {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
}
.footer-section-version-one
    .footer-middle
    .wrapper-three
    .items
    > *:nth-child(2) {
    -ms-grid-row: 1;
    -ms-grid-column: 3;
}
.footer-section-version-one
    .footer-middle
    .wrapper-three
    .items
    > *:nth-child(3) {
    -ms-grid-row: 1;
    -ms-grid-column: 5;
}
.footer-section-version-one
    .footer-middle
    .wrapper-three
    .items
    > *:nth-child(4) {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
}
.footer-section-version-one
    .footer-middle
    .wrapper-three
    .items
    > *:nth-child(5) {
    -ms-grid-row: 3;
    -ms-grid-column: 3;
}
.footer-section-version-one
    .footer-middle
    .wrapper-three
    .items
    > *:nth-child(6) {
    -ms-grid-row: 3;
    -ms-grid-column: 5;
}
.footer-section-version-one
    .footer-middle
    .wrapper-three
    .items
    > *:nth-child(7) {
    -ms-grid-row: 5;
    -ms-grid-column: 1;
}
.footer-section-version-one
    .footer-middle
    .wrapper-three
    .items
    > *:nth-child(8) {
    -ms-grid-row: 5;
    -ms-grid-column: 3;
}
.footer-section-version-one
    .footer-middle
    .wrapper-three
    .items
    > *:nth-child(9) {
    -ms-grid-row: 5;
    -ms-grid-column: 5;
}
@media only screen and (min-width: 768px) and (max-width: 991px),
    only screen and (min-width: 576px) and (max-width: 767px),
    only screen and (max-width: 576px) {
    .footer-section-version-one .footer-middle .wrapper-three .items {
        -ms-grid-rows: (1fr) [2];
        grid-template-rows: repeat(2, 1fr);
    }
}
.footer-section-version-one .footer-middle .wrapper-three .items img {
    border-radius: 5px;
}
.footer-section-version-one .footer-middle .wrapper-four .text-file h3 {
    font-size: 18px;
    font-weight: 600;
    color: var(--heading_color);
    position: relative;
    display: inline-block;
}
.footer-section-version-one .footer-middle .wrapper-four .text-file h3::after {
    position: absolute;
    content: "";
    width: 100%;
    height: 2px;
    left: 0;
    bottom: -5px;
    background: var(--text_color);
}
.footer-section-version-one .footer-middle .wrapper-four .items {
    margin-top: 15px;
}
.footer-section-version-one .footer-middle .wrapper-four .items ul li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 8px;
    padding: 3px 0;
}
.footer-section-version-one .footer-middle .wrapper-four .items ul li i {
    color: var(--theme_color);
}
.footer-section-version-one .footer-middle .wrapper-four .items ul li span {
    color: var(--heading_color);
}
.footer-section-version-one .footer-bottom {
    margin-top: 20px;
    text-align: center;
}
.footer-section-version-one .footer-bottom p {
    font-size: 14px;
    color: var(--heading_color);
}

/* ================ Footer Section version two Start ================*/
.footer-section-version-two {
    background: var(--primary_color);
    position: relative;
    padding-top: 30px;
}
@media only screen and (min-width: 768px) and (max-width: 991px),
    only screen and (min-width: 576px) and (max-width: 767px),
    only screen and (max-width: 576px) {
    .footer-section-version-two {
        margin-top: 0;
    }
}
.footer-section-version-two .footer-top {
    margin-top: 60px;
}
.footer-section-version-two .footer-top .wrapper-one {
    padding-right: 30px;
}
@media only screen and (min-width: 768px) and (max-width: 991px),
    only screen and (min-width: 576px) and (max-width: 767px),
    only screen and (max-width: 576px) {
    .footer-section-version-two .footer-top .wrapper-one {
        margin-bottom: 40px;
    }
}
.footer-section-version-two .footer-top .wrapper-one .text-file {
    margin-top: 16px;
}
.footer-section-version-two .footer-top .wrapper-one .text-file h3 {
    font-size: 22px;
    font-weight: 600;
    color: var(--bg_white);
    position: relative;
    display: inline-block;
}
.footer-section-version-two .footer-top .wrapper-one .text-file h3::after {
    position: absolute;
    content: "";
    width: 100%;
    height: 2px;
    left: 0;
    bottom: -5px;
    background: var(--text_color);
}
.footer-section-version-two .footer-top .wrapper-one .text-file p {
    font-size: 16px;
    margin-top: 16px;
    color: var(--bg_white);
    font-weight: normal;
    text-align: justify;
}
.footer-section-version-two .footer-top .wrapper-one .social-icon {
    margin-top: 5px;
}
.footer-section-version-two .footer-top .wrapper-one .social-icon ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 10px;
}
.footer-section-version-two .footer-top .wrapper-one .social-icon ul li a {
    padding: 2px;
    font-size: 20px;
}
.footer-section-version-two .footer-top .wrapper-one .social-icon ul li a i {
    -webkit-transition: all 0.2s linear;
    transition: all 0.2s linear;
}
.footer-section-version-two
    .footer-top
    .wrapper-one
    .social-icon
    ul
    li
    a:hover
    .fa-facebook-f {
    color: var(--facebook);
}
.footer-section-version-two
    .footer-top
    .wrapper-one
    .social-icon
    ul
    li
    a:hover
    .fa-twitter {
    color: var(--twitter);
}
.footer-section-version-two
    .footer-top
    .wrapper-one
    .social-icon
    ul
    li
    a:hover
    .fa-youtube {
    color: var(--youtube);
}
.footer-section-version-two
    .footer-top
    .wrapper-one
    .social-icon
    ul
    li
    a:hover
    .fa-linkedin {
    color: var(--linkedin);
}
@media only screen and (min-width: 768px) and (max-width: 991px),
    only screen and (min-width: 576px) and (max-width: 767px),
    only screen and (max-width: 576px) {
    .footer-section-version-two .footer-top .wrapper-two {
        margin-bottom: 40px;
    }
}
.footer-section-version-two .footer-top .wrapper-two .text-file h3 {
    font-size: 18px;
    font-weight: 600;
    color: var(--bg_white);
    position: relative;
    display: inline-block;
}
.footer-section-version-two .footer-top .wrapper-two .text-file h3::after {
    position: absolute;
    content: "";
    width: 100%;
    height: 2px;
    left: 0;
    bottom: -5px;
    background: var(--text_color);
}
.footer-section-version-two .footer-top .wrapper-two .list-items ul {
    margin-top: 15px;
}
.footer-section-version-two .footer-top .wrapper-two .list-items ul li {
    color: var(--bg_white);
    padding: 2px 0;
    -webkit-transition: all 0.2s linear;
    transition: all 0.2s linear;
    position: relative;
}
.footer-section-version-two .footer-top .wrapper-two .list-items ul li::after {
    position: absolute;
    content: "";
    left: 0;
    bottom: 12px;
    width: 0;
    height: 2px;
    border-radius: 5px;
    background: var(--bg_white);
    -webkit-transition: all 0.2s linear;
    transition: all 0.2s linear;
}
.footer-section-version-two .footer-top .wrapper-two .list-items ul li:hover {
    padding-left: 15px;
    color: var(--theme_color);
}
.footer-section-version-two
    .footer-top
    .wrapper-two
    .list-items
    ul
    li:hover::after {
    width: 12px;
}
.footer-section-version-two
    .footer-top
    .wrapper-two
    .list-items
    ul.rtl
    li::after {
    left: auto;
    right: 0;
}
.footer-section-version-two
    .footer-top
    .wrapper-two
    .list-items
    ul.rtl
    li:hover {
    padding-left: 0;
    padding-right: 17px;
}
@media only screen and (min-width: 768px) and (max-width: 991px),
    only screen and (min-width: 576px) and (max-width: 767px),
    only screen and (max-width: 576px) {
    .footer-section-version-two .footer-top .wrapper-three {
        margin-bottom: 40px;
    }
}
.footer-section-version-two .footer-top .wrapper-three .text-file h3 {
    font-size: 18px;
    font-weight: 600;
    color: var(--bg_white);
    position: relative;
    display: inline-block;
}
.footer-section-version-two .footer-top .wrapper-three .text-file h3::after {
    position: absolute;
    content: "";
    width: 100%;
    height: 2px;
    left: 0;
    bottom: -5px;
    background: var(--text_color);
}
.footer-section-version-two .footer-top .wrapper-three .input-section {
    padding-right: 15px;
    margin-top: 15px;
}
.footer-section-version-two .footer-top .wrapper-three .input-section input {
    display: block;
    width: 100%;
    height: 44px;
    border-radius: 5px;
    border: none;
    padding: 0 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.footer-section-version-two
    .footer-top
    .wrapper-three
    .input-section
    input::-webkit-input-placeholder {
    font-size: 13px;
}
.footer-section-version-two
    .footer-top
    .wrapper-three
    .input-section
    input::-moz-placeholder {
    font-size: 13px;
}
.footer-section-version-two
    .footer-top
    .wrapper-three
    .input-section
    input:-ms-input-placeholder {
    font-size: 13px;
}
.footer-section-version-two
    .footer-top
    .wrapper-three
    .input-section
    input::-ms-input-placeholder {
    font-size: 13px;
}
.footer-section-version-two
    .footer-top
    .wrapper-three
    .input-section
    input::placeholder {
    font-size: 13px;
}
.footer-section-version-two
    .footer-top
    .wrapper-three
    .input-section
    .btn-shape-normal-outline {
    padding: 8px;
    width: 120px;
    margin: 0;
    margin-top: 15px;
}
.footer-section-version-two .footer-top .wrapper-three .social-icon {
    margin-top: 15px;
}
.footer-section-version-two .footer-top .wrapper-three .social-icon ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 10px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-top: 2px;
}
.footer-section-version-two .footer-top .wrapper-three .social-icon ul li {
    padding: 2px;
}
.footer-section-version-two .footer-top .wrapper-three .social-icon ul li i {
    font-size: 18px;
    -webkit-transition: all 0.2s linear;
    transition: all 0.2s linear;
}
.footer-section-version-two
    .footer-top
    .wrapper-three
    .social-icon
    ul
    li:hover
    .fa-facebook-f {
    color: var(--facebook);
}
.footer-section-version-two
    .footer-top
    .wrapper-three
    .social-icon
    ul
    li:hover
    .fa-twitter {
    color: var(--twitter);
}
.footer-section-version-two
    .footer-top
    .wrapper-three
    .social-icon
    ul
    li:hover
    .fa-youtube {
    color: var(--youtube);
}
.footer-section-version-two
    .footer-top
    .wrapper-three
    .social-icon
    ul
    li:hover
    .fa-linkedin {
    color: var(--linkedin);
}
.footer-section-version-two .footer-top .wrapper-four .text-file h3 {
    font-size: 18px;
    font-weight: 600;
    color: var(--bg_white);
    position: relative;
    display: inline-block;
}
.footer-section-version-two .footer-top .wrapper-four .text-file h3::after {
    position: absolute;
    content: "";
    width: 100%;
    height: 2px;
    left: 0;
    bottom: -5px;
    background: var(--text_color);
}
.footer-section-version-two .footer-top .wrapper-four .items {
    margin-top: 15px;
}
.footer-section-version-two .footer-top .wrapper-four .items ul li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 8px;
    padding: 3px 0;
}
.footer-section-version-two .footer-top .wrapper-four .items ul li i {
    color: var(--bg_white);
}
.footer-section-version-two .footer-top .wrapper-four .items ul li span {
    color: var(--bg_white);
}
.footer-section-version-two .footer-bottom {
    margin-top: 20px;
    text-align: center;
}
.footer-section-version-two .footer-bottom .inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-bottom: 5px;
}
@media only screen and (min-width: 576px) and (max-width: 767px),
    only screen and (max-width: 576px) {
    .footer-section-version-two .footer-bottom .inner {
        display: block;
    }
}
.footer-section-version-two .footer-bottom .inner p {
    font-size: 14px;
    color: var(--bg_white);
    margin: 0;
}
@media only screen and (min-width: 576px) and (max-width: 767px),
    only screen and (max-width: 576px) {
    .footer-section-version-two .footer-bottom .inner p {
        text-align: start;
    }
}
.footer-section-version-two .footer-bottom .inner ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 10px;
}
@media only screen and (min-width: 576px) and (max-width: 767px),
    only screen and (max-width: 576px) {
    .footer-section-version-two .footer-bottom .inner ul {
        margin-top: 8px;
        text-align: start;
    }
}
.footer-section-version-two .footer-bottom .inner ul li a {
    padding: 2px;
    color: var(--bg_white);
    -webkit-transition: all 0.2s linear;
    transition: all 0.2s linear;
}
.footer-section-version-two .footer-bottom .inner ul li a:hover {
    color: var(--theme_color);
}

/* ================ Footer Section version three Start ================*/
.footer-section-version-three {
    background: var(--primary_color);
    position: relative;
    padding-top: 30px;
}
.footer-section-version-three .footer-top {
    margin-top: 60px;
}
.footer-section-version-three .footer-top .wrapper-one {
    padding-right: 30px;
}
@media only screen and (min-width: 768px) and (max-width: 991px),
    only screen and (min-width: 576px) and (max-width: 767px),
    only screen and (max-width: 576px) {
    .footer-section-version-three .footer-top .wrapper-one {
        margin-bottom: 40px;
    }
}
.footer-section-version-three .footer-top .wrapper-one .text-file {
    margin-top: 16px;
}
.footer-section-version-three .footer-top .wrapper-one .text-file h3 {
    font-size: 22px;
    font-weight: 600;
    color: var(--bg_white);
    position: relative;
    display: inline-block;
}
.footer-section-version-three .footer-top .wrapper-one .text-file h3::after {
    position: absolute;
    content: "";
    width: 100%;
    height: 2px;
    left: 0;
    bottom: -5px;
    background: var(--text_color);
}
.footer-section-version-three .footer-top .wrapper-one .text-file p {
    font-size: 16px;
    margin-top: 16px;
    color: var(--bg_white);
    font-weight: normal;
    text-align: justify;
}
.footer-section-version-three .footer-top .wrapper-one .social-icon {
    margin-top: 5px;
}
.footer-section-version-three .footer-top .wrapper-one .social-icon ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 10px;
}
.footer-section-version-three .footer-top .wrapper-one .social-icon ul li a {
    padding: 2px;
    font-size: 20px;
}
.footer-section-version-three .footer-top .wrapper-one .social-icon ul li a i {
    -webkit-transition: all 0.2s linear;
    transition: all 0.2s linear;
}
.footer-section-version-three
    .footer-top
    .wrapper-one
    .social-icon
    ul
    li
    a:hover
    .fa-facebook-f {
    color: var(--facebook);
}
.footer-section-version-three
    .footer-top
    .wrapper-one
    .social-icon
    ul
    li
    a:hover
    .fa-twitter {
    color: var(--twitter);
}
.footer-section-version-three
    .footer-top
    .wrapper-one
    .social-icon
    ul
    li
    a:hover
    .fa-youtube {
    color: var(--youtube);
}
.footer-section-version-three
    .footer-top
    .wrapper-one
    .social-icon
    ul
    li
    a:hover
    .fa-linkedin {
    color: var(--linkedin);
}
@media only screen and (min-width: 768px) and (max-width: 991px),
    only screen and (min-width: 576px) and (max-width: 767px),
    only screen and (max-width: 576px) {
    .footer-section-version-three .footer-top .wrapper-two {
        margin-bottom: 40px;
    }
}
.footer-section-version-three .footer-top .wrapper-two .text-file h3 {
    font-size: 18px;
    font-weight: 600;
    color: var(--bg_white);
    position: relative;
    display: inline-block;
}
.footer-section-version-three .footer-top .wrapper-two .text-file h3::after {
    position: absolute;
    content: "";
    width: 100%;
    height: 2px;
    left: 0;
    bottom: -5px;
    background: var(--text_color);
}
.footer-section-version-three .footer-top .wrapper-two .list-items ul {
    margin-top: 15px;
}
.footer-section-version-three .footer-top .wrapper-two .list-items ul li {
    color: var(--bg_white);
    padding: 2px 0;
    -webkit-transition: all 0.2s linear;
    transition: all 0.2s linear;
}
.footer-section-version-three .footer-top .wrapper-two .list-items ul li i {
    font-size: 12px;
    margin-right: 6px;
}
.footer-section-version-three .footer-top .wrapper-two .list-items ul li:hover {
    color: var(--theme_color);
}
@media only screen and (min-width: 768px) and (max-width: 991px),
    only screen and (min-width: 576px) and (max-width: 767px),
    only screen and (max-width: 576px) {
    .footer-section-version-three .footer-top .wrapper-three {
        margin-bottom: 20px;
    }
}
.footer-section-version-three .footer-top .wrapper-three .text-file h3 {
    font-size: 18px;
    font-weight: 600;
    color: var(--bg_white);
    position: relative;
    display: inline-block;
}
.footer-section-version-three .footer-top .wrapper-three .text-file h3::after {
    position: absolute;
    content: "";
    width: 100%;
    height: 2px;
    left: 0;
    bottom: -5px;
    background: var(--text_color);
}
.footer-section-version-three .footer-top .wrapper-three .items {
    padding-right: 15px;
    margin-top: 15px;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 8px 1fr 8px 1fr;
    grid-template-columns: repeat(3, 1fr);
    -ms-grid-rows: 1fr 8px 1fr 8px 1fr;
    grid-template-rows: repeat(3, 1fr);
    grid-column-gap: 8px;
    grid-row-gap: 8px;
}
.footer-section-version-three
    .footer-top
    .wrapper-three
    .items
    > *:nth-child(1) {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
}
.footer-section-version-three
    .footer-top
    .wrapper-three
    .items
    > *:nth-child(2) {
    -ms-grid-row: 1;
    -ms-grid-column: 3;
}
.footer-section-version-three
    .footer-top
    .wrapper-three
    .items
    > *:nth-child(3) {
    -ms-grid-row: 1;
    -ms-grid-column: 5;
}
.footer-section-version-three
    .footer-top
    .wrapper-three
    .items
    > *:nth-child(4) {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
}
.footer-section-version-three
    .footer-top
    .wrapper-three
    .items
    > *:nth-child(5) {
    -ms-grid-row: 3;
    -ms-grid-column: 3;
}
.footer-section-version-three
    .footer-top
    .wrapper-three
    .items
    > *:nth-child(6) {
    -ms-grid-row: 3;
    -ms-grid-column: 5;
}
.footer-section-version-three
    .footer-top
    .wrapper-three
    .items
    > *:nth-child(7) {
    -ms-grid-row: 5;
    -ms-grid-column: 1;
}
.footer-section-version-three
    .footer-top
    .wrapper-three
    .items
    > *:nth-child(8) {
    -ms-grid-row: 5;
    -ms-grid-column: 3;
}
.footer-section-version-three
    .footer-top
    .wrapper-three
    .items
    > *:nth-child(9) {
    -ms-grid-row: 5;
    -ms-grid-column: 5;
}
@media only screen and (min-width: 768px) and (max-width: 991px),
    only screen and (min-width: 576px) and (max-width: 767px),
    only screen and (max-width: 576px) {
    .footer-section-version-three .footer-top .wrapper-three .items {
        -ms-grid-rows: (1fr) [2];
        grid-template-rows: repeat(2, 1fr);
    }
}
.footer-section-version-three .footer-top .wrapper-three .items img {
    border-radius: 5px;
}
.footer-section-version-three .footer-top .wrapper-four {
    padding-left: 10px;
}
@media only screen and (min-width: 768px) and (max-width: 991px),
    only screen and (min-width: 576px) and (max-width: 767px),
    only screen and (max-width: 576px) {
    .footer-section-version-three .footer-top .wrapper-four {
        padding-left: 0;
        margin-bottom: 40px;
    }
}
.footer-section-version-three .footer-top .wrapper-four .text-file h3 {
    font-size: 18px;
    font-weight: 600;
    color: var(--bg_white);
    position: relative;
    display: inline-block;
}
.footer-section-version-three .footer-top .wrapper-four .text-file h3::after {
    position: absolute;
    content: "";
    width: 100%;
    height: 2px;
    left: 0;
    bottom: -5px;
    background: var(--text_color);
}
.footer-section-version-three .footer-top .wrapper-four .items {
    margin-top: 15px;
}
.footer-section-version-three .footer-top .wrapper-four .items ul li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 8px;
    padding: 3px 0;
}
.footer-section-version-three .footer-top .wrapper-four .items ul li i {
    color: var(--theme_color);
}
.footer-section-version-three .footer-top .wrapper-four .items ul li span {
    color: var(--bg_white);
}
.footer-section-version-three .footer-bottom {
    margin-top: 20px;
    text-align: center;
}
.footer-section-version-three .footer-bottom p {
    font-size: 14px;
    color: var(--bg_white);
}

/*----------------------------------------*/
/*  02. Slider CSS START
/*----------------------------------------*/
/* ============= Hero Slider Version One =============*/
.hero-slider-version-one {
    position: relative;
    overflow: hidden;
}
.hero-slider-version-one .hero-slider .swiper-wrapper {
    position: relative;
}
.hero-slider-version-one .hero-slider .swiper-wrapper .inner-item {
    height: 608px;
    position: relative;
}
@media only screen and (min-width: 992px) and (max-width: 1199px),
    only screen and (min-width: 768px) and (max-width: 991px) {
    .hero-slider-version-one .hero-slider .swiper-wrapper .inner-item {
        height: 550px;
    }
}
@media only screen and (max-width: 576px) {
    .hero-slider-version-one .hero-slider .swiper-wrapper .inner-item {
        height: 500px;
    }
}
@media only screen and (max-width: 380px) {
    .hero-slider-version-one .hero-slider .swiper-wrapper .inner-item {
        height: 440px;
    }
}
.hero-slider-version-one .hero-slider .swiper-wrapper .inner-item .slide-bg {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: 1;
    z-index: 0;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    -webkit-transition: all 10s cubic-bezier(0, 0, 0.2, 1);
    transition: all 10s cubic-bezier(0, 0, 0.2, 1);
    mix-blend-mode: multiply;
}
.hero-slider-version-one
    .hero-slider
    .swiper-wrapper
    .inner-item
    .slide-bg::after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    /* background: rgba(0, 0, 0, 0.6235294118); */
    width: 100%;
    height: 100%;
}
.hero-slider-version-one .hero-slider .swiper-wrapper .inner-item .body-data {
    position: relative;
    z-index: 9 !important;
}
.inner-item{
    height: 500px !important;
}
.hero-slider-version-one
    .hero-slider
    .swiper-wrapper
    .inner-item
    .body-data
    .left-content {
    padding: 100px 0;
}
@media only screen and (min-width: 576px) and (max-width: 767px),
    only screen and (max-width: 576px) {
    .hero-slider-version-one
        .hero-slider
        .swiper-wrapper
        .inner-item
        .body-data
        .left-content {
        padding: 80px 0;
    }
}
.hero-slider-version-one
    .hero-slider
    .swiper-wrapper
    .inner-item
    .body-data
    .left-content
    .intro-box {
    display: inline-block;
}
@media only screen and (min-width: 992px) and (max-width: 1199px),
    only screen and (min-width: 768px) and (max-width: 991px) {
    .hero-slider-version-one
        .hero-slider
        .swiper-wrapper
        .inner-item
        .body-data
        .left-content
        .intro-box {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
}
.hero-slider-version-one
    .hero-slider
    .swiper-wrapper
    .inner-item
    .body-data
    .left-content
    .intro-box
    span {
    background: var(--theme_color);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 8px 20px;
    border-radius: 50px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: var(--bg_white);
}
.hero-slider-version-one
    .hero-slider
    .swiper-wrapper
    .inner-item
    .body-data
    .left-content
    .heading-text {
    position: relative;
    margin-top: 30px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px),
    only screen and (min-width: 768px) and (max-width: 991px) {
    .hero-slider-version-one
        .hero-slider
        .swiper-wrapper
        .inner-item
        .body-data
        .left-content
        .heading-text {
        text-align: center;
    }
}
.hero-slider-version-one
    .hero-slider
    .swiper-wrapper
    .inner-item
    .body-data
    .left-content
    .heading-text
    h2 {
    font-size: 56px;
    color: var(--heading_color);
    font-weight: 700;
    line-height: 82px;
    text-transform: capitalize;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
    .hero-slider-version-one
        .hero-slider
        .swiper-wrapper
        .inner-item
        .body-data
        .left-content
        .heading-text
        h2 {
        font-size: 55px;
        line-height: 65px;
    }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
    .hero-slider-version-one
        .hero-slider
        .swiper-wrapper
        .inner-item
        .body-data
        .left-content
        .heading-text
        h2 {
        font-size: 45px;
        line-height: 55px;
    }
}
@media only screen and (max-width: 576px) {
    .hero-slider-version-one
        .hero-slider
        .swiper-wrapper
        .inner-item
        .body-data
        .left-content
        .heading-text
        h2 {
        font-size: 40px;
        line-height: 50px;
    }
}
@media only screen and (max-width: 380px) {
    .hero-slider-version-one
        .hero-slider
        .swiper-wrapper
        .inner-item
        .body-data
        .left-content
        .heading-text
        h2 {
        font-size: 26px;
        line-height: 36px;
    }
}
.hero-slider-version-one
    .hero-slider
    .swiper-wrapper
    .inner-item
    .body-data
    .left-content
    .heading-text
    p {
    margin-top: 20px;
    font-size: 16px;
    color: var(--text_color);
}
@media only screen and (min-width: 992px) and (max-width: 1199px),
    only screen and (min-width: 768px) and (max-width: 991px),
    only screen and (min-width: 576px) and (max-width: 767px),
    only screen and (max-width: 576px) {
    .hero-slider-version-one
        .hero-slider
        .swiper-wrapper
        .inner-item
        .body-data
        .left-content
        .heading-text
        p {
        padding: 0 50px;
    }
}
@media only screen and (max-width: 576px) {
    .hero-slider-version-one
        .hero-slider
        .swiper-wrapper
        .inner-item
        .body-data
        .left-content
        .heading-text
        p {
        padding: 0;
    }
}
@media only screen and (max-width: 380px) {
    .hero-slider-version-one
        .hero-slider
        .swiper-wrapper
        .inner-item
        .body-data
        .left-content
        .heading-text
        p {
        padding: 0;
    }
}
.hero-slider-version-one
    .hero-slider
    .swiper-wrapper
    .inner-item
    .body-data
    .left-content
    .shape-hip {
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
}
.hero-slider-version-one
    .hero-slider
    .swiper-wrapper
    .inner-item
    .body-data
    .right-content {
    position: relative;
}
@media only screen and (min-width: 992px) and (max-width: 1199px),
    only screen and (min-width: 768px) and (max-width: 991px),
    only screen and (min-width: 576px) and (max-width: 767px),
    only screen and (max-width: 576px) {
    .hero-slider-version-one
        .hero-slider
        .swiper-wrapper
        .inner-item
        .body-data
        .right-content {
        display: none;
    }
}
.hero-slider-version-one
    .hero-slider
    .swiper-wrapper
    .inner-item
    .body-data
    .right-content
    .img-file {
    position: absolute;
    left: -200px;
    top: 10px;
    z-index: -1;
}
.hero-slider-version-one
    .hero-slider
    .swiper-wrapper
    .inner-item
    .body-data
    .right-content
    .img-file
    img {
    width: 700px;
    -o-object-fit: cover;
    object-fit: cover;
}
.hero-slider-version-one
    .hero-slider
    .swiper-wrapper
    .inner-item
    .body-data
    .right-content.rtl
    .img-file {
    right: 200px;
}
.hero-slider-version-one
    .hero-slider
    .swiper-wrapper
    .inner-item
    .body-data
    .right-content.rtl
    .img-file
    img {
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
}
.hero-slider-version-one
    .hero-slider
    .swiper-wrapper
    .inner-item.swiper-slide-active
    .slide-bg {
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
}
.hero-slider-version-one
    .hero-slider
    .swiper-wrapper
    .inner-item.swiper-slide-active
    .body-data
    .intro-box
    span {
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-name: heroSliderAnimation;
    animation-name: heroSliderAnimation;
    -webkit-animation-delay: 0.3s;
    animation-delay: 0.3s;
    -webkit-animation-duration: 0.3s;
    animation-duration: 0.3s;
}
.hero-slider-version-one
    .hero-slider
    .swiper-wrapper
    .inner-item.swiper-slide-active
    .body-data
    .heading-text
    h2 {
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-name: heroSliderAnimation;
    animation-name: heroSliderAnimation;
    -webkit-animation-delay: 0.5s;
    animation-delay: 0.5s;
    -webkit-animation-duration: 0.5s;
    animation-duration: 0.5s;
}
.hero-slider-version-one
    .hero-slider
    .swiper-wrapper
    .inner-item.swiper-slide-active
    .body-data
    .heading-text
    p {
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-name: heroSliderAnimation;
    animation-name: heroSliderAnimation;
    -webkit-animation-delay: 0.7s;
    animation-delay: 0.7s;
    -webkit-animation-duration: 0.7s;
    animation-duration: 0.7s;
}
.hero-slider-version-one
    .hero-slider
    .swiper-wrapper
    .inner-item.swiper-slide-active
    .body-data
    .img-file {
    -webkit-animation: heroImg 1s ease 0s 1 normal forwards;
    animation: heroImg 1s ease 0s 1 normal forwards;
}
.hero-slider-version-one .hero-slider .swiper-button-prev {
    border-radius: 50%;
    width: 50px;
    height: 50px;
    border: 2px solid red;
    left: 20px;
    -webkit-transition: all 0.3s linear;
    transition: all 0.3s linear;
}
.hero-slider-version-one .hero-slider .swiper-button-prev::after {
    color: var(--theme_color);
}
.hero-slider-version-one .hero-slider .swiper-button-prev:hover {
    left: 15px;
}
.hero-slider-version-one .hero-slider .swiper-button-next {
    border-radius: 50%;
    width: 50px;
    height: 50px;
    border: 2px solid red;
    right: 20px;
    -webkit-transition: all 0.3s linear;
    transition: all 0.3s linear;
}
.hero-slider-version-one .hero-slider .swiper-button-next::after {
    color: var(--theme_color);
}
.hero-slider-version-one .hero-slider .swiper-button-next:hover {
    right: 15px;
}

.hero-slider-arrow {
    position: relative;
    top: -75px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px),
    only screen and (min-width: 768px) and (max-width: 991px),
    only screen and (min-width: 576px) and (max-width: 767px),
    only screen and (max-width: 576px) {
    .hero-slider-arrow {
        display: none;
    }
}
.hero-slider-arrow .hero-slider-nav .swiper-slide .inner-item {
    cursor: pointer;
    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;
    gap: 12px;
}
.hero-slider-arrow .hero-slider-nav .swiper-slide .inner-item .text-file span {
    color: var(--header_color);
    /* font-weight: lighter; */
}
.hero-slider-arrow .hero-slider-nav .swiper-slide .inner-item .text-file h4 {
    color: var(--header_color);
    font-size: 16px;
}
.hero-slider-arrow .hero-slider-nav .swiper-slide::after {
    content: "";
    background: var(--theme_color);
    width: 25px;
    height: 22px;
    left: 50%;
    top: 53px;
    position: absolute;
    -webkit-clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
    clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    -webkit-transition: all 0.3s linear;
    transition: all 0.3s linear;
    visibility: hidden;
    opacity: 0;
}
.hero-slider-arrow
    .hero-slider-nav
    .swiper-slide.swiper-slide-thumb-active::after {
    visibility: visible;
    opacity: 1;
}
.hero-slider-arrow .hero-slider-nav .swiper-slide:hover::after {
    visibility: visible;
    opacity: 1;
}

/* ============= Hero Slider Version Two =============*/
.hero-slider-version-two {
    position: relative;
    overflow: hidden;
}
.hero-slider-version-two .swiper-container {
    position: relative;
}
.hero-slider-version-two .hero-slider-two .swiper-wrapper {
    position: relative;
}
.hero-slider-version-two .hero-slider-two .swiper-wrapper .inner-item {
    height: 550px;
    overflow: hidden;
    position: relative;
    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;
}
.hero-slider-version-two
    .hero-slider-two
    .swiper-wrapper
    .inner-item
    .slide-bg {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: 1;
    z-index: 0;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    -webkit-transition: all 10s cubic-bezier(0, 0, 0.2, 1);
    transition: all 10s cubic-bezier(0, 0, 0.2, 1);
    mix-blend-mode: multiply;
}
.hero-slider-version-two
    .hero-slider-two
    .swiper-wrapper
    .inner-item
    .slide-bg::after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    background: rgba(0, 0, 0, 0.6235294118);
    width: 100%;
    height: 100%;
}
.hero-slider-version-two
    .hero-slider-two
    .swiper-wrapper
    .inner-item
    .body-data {
    position: relative;
    z-index: 9 !important;
}
.hero-slider-version-two
    .hero-slider-two
    .swiper-wrapper
    .inner-item
    .body-data
    .content {
    padding: 80px 0;
}
.hero-slider-version-two
    .hero-slider-two
    .swiper-wrapper
    .inner-item
    .body-data
    .content
    .intro-box {
    display: inline-block;
}
.hero-slider-version-two
    .hero-slider-two
    .swiper-wrapper
    .inner-item
    .body-data
    .content
    .intro-box
    span {
    background: var(--theme_color);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 8px 20px;
    border-radius: 50px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: var(--bg_white);
}
.hero-slider-version-two
    .hero-slider-two
    .swiper-wrapper
    .inner-item
    .body-data
    .content
    .heading-text {
    position: relative;
}
.hero-slider-version-two
    .hero-slider-two
    .swiper-wrapper
    .inner-item
    .body-data
    .content
    .heading-text
    h2 {
    text-align: center;
    padding: 0 100px;
    font-size: 66px;
    color: var(--bg_white);
    font-weight: 700;
    line-height: 75px;
    text-transform: capitalize;
}
@media only screen and (min-width: 768px) and (max-width: 991px),
    only screen and (min-width: 576px) and (max-width: 767px),
    only screen and (max-width: 576px) {
    .hero-slider-version-two
        .hero-slider-two
        .swiper-wrapper
        .inner-item
        .body-data
        .content
        .heading-text
        h2 {
        padding: 0;
    }
}
@media only screen and (min-width: 576px) and (max-width: 767px),
    only screen and (max-width: 576px) {
    .hero-slider-version-two
        .hero-slider-two
        .swiper-wrapper
        .inner-item
        .body-data
        .content
        .heading-text
        h2 {
        text-align: end;
        font-size: 50px;
        line-height: 60px;
    }
}
@media only screen and (min-width: 768px) and (max-width: 991px),
    only screen and (min-width: 576px) and (max-width: 767px),
    only screen and (max-width: 576px) {
    .hero-slider-version-two
        .hero-slider-two
        .swiper-wrapper
        .inner-item
        .body-data
        .content
        .heading-text
        h2.rtl {
        padding: 0;
    }
}
@media only screen and (min-width: 576px) and (max-width: 767px),
    only screen and (max-width: 576px) {
    .hero-slider-version-two
        .hero-slider-two
        .swiper-wrapper
        .inner-item
        .body-data
        .content
        .heading-text
        h2.rtl {
        text-align: end;
        font-size: 50px;
        line-height: 60px;
    }
}
.hero-slider-version-two
    .hero-slider-two
    .swiper-wrapper
    .inner-item
    .body-data
    .content
    .heading-text
    p {
    padding: 0 100px;
    text-align: center;
    margin-top: 20px;
    font-size: 16px;
    color: var(--bg_white);
}
@media only screen and (min-width: 768px) and (max-width: 991px),
    only screen and (min-width: 576px) and (max-width: 767px),
    only screen and (max-width: 576px) {
    .hero-slider-version-two
        .hero-slider-two
        .swiper-wrapper
        .inner-item
        .body-data
        .content
        .heading-text
        p {
        padding: 0;
    }
}
@media only screen and (min-width: 576px) and (max-width: 767px),
    only screen and (max-width: 576px) {
    .hero-slider-version-two
        .hero-slider-two
        .swiper-wrapper
        .inner-item
        .body-data
        .content
        .heading-text
        p {
        text-align: start;
    }
}
@media only screen and (min-width: 768px) and (max-width: 991px),
    only screen and (min-width: 576px) and (max-width: 767px),
    only screen and (max-width: 576px) {
    .hero-slider-version-two
        .hero-slider-two
        .swiper-wrapper
        .inner-item
        .body-data
        .content
        .heading-text
        p.rtl {
        padding: 0;
    }
}
@media only screen and (min-width: 576px) and (max-width: 767px),
    only screen and (max-width: 576px) {
    .hero-slider-version-two
        .hero-slider-two
        .swiper-wrapper
        .inner-item
        .body-data
        .content
        .heading-text
        p.rtl {
        text-align: end;
    }
}
.hero-slider-version-two
    .hero-slider-two
    .swiper-wrapper
    .inner-item
    .body-data
    .content
    .heading-text
    .btn-section {
    margin-top: 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.hero-slider-version-two
    .hero-slider-two
    .swiper-wrapper
    .inner-item
    .body-data
    .content
    .heading-text
    .btn-section
    .btn-shape-normal-outline {
    width: 140px;
}
.hero-slider-version-two
    .hero-slider-two
    .swiper-wrapper
    .inner-item.swiper-slide-active
    .slide-bg {
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
}
.hero-slider-version-two
    .hero-slider-two
    .swiper-wrapper
    .inner-item.swiper-slide-active
    .body-data
    .intro-box
    span {
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-name: heroSliderAnimation;
    animation-name: heroSliderAnimation;
    -webkit-animation-delay: 0.3s;
    animation-delay: 0.3s;
    -webkit-animation-duration: 0.3s;
    animation-duration: 0.3s;
}
.hero-slider-version-two
    .hero-slider-two
    .swiper-wrapper
    .inner-item.swiper-slide-active
    .body-data
    .heading-text
    h2 {
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-name: heroSliderAnimation;
    animation-name: heroSliderAnimation;
    -webkit-animation-delay: 0.5s;
    animation-delay: 0.5s;
    -webkit-animation-duration: 0.5s;
    animation-duration: 0.5s;
}
.hero-slider-version-two
    .hero-slider-two
    .swiper-wrapper
    .inner-item.swiper-slide-active
    .body-data
    .heading-text
    p {
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-name: heroSliderAnimation;
    animation-name: heroSliderAnimation;
    -webkit-animation-delay: 0.7s;
    animation-delay: 0.7s;
    -webkit-animation-duration: 0.7s;
    animation-duration: 0.7s;
}
.hero-slider-version-two
    .hero-slider-two
    .swiper-wrapper
    .inner-item.swiper-slide-active
    .body-data
    .heading-text
    .btn-section {
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-name: heroSliderAnimation;
    animation-name: heroSliderAnimation;
    -webkit-animation-delay: 0.9s;
    animation-delay: 0.9s;
    -webkit-animation-duration: 0.9s;
    animation-duration: 0.9s;
}
.hero-slider-version-two
    .hero-slider-two
    .swiper-wrapper
    .inner-item.swiper-slide-active
    .body-data
    .img-file {
    -webkit-animation: heroImg 1s ease 0s 1 normal forwards;
    animation: heroImg 1s ease 0s 1 normal forwards;
}
.hero-slider-version-two .hero-slider-two .swiper-button-prev {
    border-radius: 10px;
    width: 60px;
    height: 50px;
    background: rgba(52, 58, 64, 0.6196078431);
    left: 20px;
    -webkit-transition: all 0.3s linear;
    transition: all 0.3s linear;
}
.hero-slider-version-two .hero-slider-two .swiper-button-prev::after {
    color: var(--bg_white);
}
.hero-slider-version-two .hero-slider-two .swiper-button-prev:hover {
    left: 15px;
    background: var(--theme_color);
    -webkit-transition: all 0.3s linear;
    transition: all 0.3s linear;
}
.hero-slider-version-two .hero-slider-two .swiper-button-prev:hover::after {
    color: var(--bg_white);
}
.hero-slider-version-two .hero-slider-two .swiper-button-next {
    border-radius: 10px;
    width: 60px;
    height: 50px;
    background: rgba(52, 58, 64, 0.6196078431);
    right: 20px;
    -webkit-transition: all 0.3s linear;
    transition: all 0.3s linear;
}
.hero-slider-version-two .hero-slider-two .swiper-button-next::after {
    color: var(--bg_white);
}
.hero-slider-version-two .hero-slider-two .swiper-button-next:hover {
    right: 15px;
    background: var(--theme_color);
    -webkit-transition: all 0.3s linear;
    transition: all 0.3s linear;
}
.hero-slider-version-two .hero-slider-two .swiper-button-next:hover::after {
    color: var(--bg_white);
}
.hero-slider-version-two .hero-slider-two .hero-slider-two-pagination {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    bottom: 50px;
    position: absolute;
    z-index: 9;
    gap: 10px;
}
.hero-slider-version-two
    .hero-slider-two
    .hero-slider-two-pagination
    .swiper-pagination-bullet {
    background: var(--text_color);
    width: 12px;
    height: 12px;
    opacity: 0.6;
}
.hero-slider-version-two
    .hero-slider-two
    .hero-slider-two-pagination
    .swiper-pagination-bullet-active {
    background: var(--theme_color);
    opacity: 1;
}

/* ============= Hero Slider Version Three =============*/
.hero-slider-version-three {
    position: relative;
}
.hero-slider-version-three .hero-slider-three {
    overflow: hidden;
}
.hero-slider-version-three .hero-slider-three .swiper-wrapper {
    position: relative;
}
.hero-slider-version-three .hero-slider-three .swiper-wrapper .inner-item {
    height: 700px;
    position: relative;
    position: relative;
}
@media only screen and (max-width: 576px) {
    .hero-slider-version-three .hero-slider-three .swiper-wrapper .inner-item {
        height: 680px;
    }
}
@media only screen and (max-width: 380px) {
    .hero-slider-version-three .hero-slider-three .swiper-wrapper .inner-item {
        height: 440px;
    }
}
.hero-slider-version-three
    .hero-slider-three
    .swiper-wrapper
    .inner-item
    .slide-bg {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: 1;
    z-index: 0;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    -webkit-transition: all 10s cubic-bezier(0, 0, 0.2, 1);
    transition: all 10s cubic-bezier(0, 0, 0.2, 1);
    mix-blend-mode: multiply;
}
.hero-slider-version-three
    .hero-slider-three
    .swiper-wrapper
    .inner-item
    .slide-bg::after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    background: rgba(0, 0, 0, 0.6235294118);
    width: 100%;
    height: 100%;
}
.hero-slider-version-three
    .hero-slider-three
    .swiper-wrapper
    .inner-item
    .body-data {
    position: relative;
    z-index: 9 !important;
}
.hero-slider-version-three
    .hero-slider-three
    .swiper-wrapper
    .inner-item
    .body-data
    .left-content {
    margin-top: 80px;
    padding: 80px 0;
}
.hero-slider-version-three
    .hero-slider-three
    .swiper-wrapper
    .inner-item
    .body-data
    .left-content
    .intro-box {
    display: inline-block;
}
@media only screen and (min-width: 992px) and (max-width: 1199px),
    only screen and (min-width: 768px) and (max-width: 991px) {
    .hero-slider-version-three
        .hero-slider-three
        .swiper-wrapper
        .inner-item
        .body-data
        .left-content
        .intro-box {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
}
.hero-slider-version-three
    .hero-slider-three
    .swiper-wrapper
    .inner-item
    .body-data
    .left-content
    .intro-box
    span {
    color: var(--theme_color);
    font-weight: 600;
    font-size: 20px;
    text-transform: uppercase;
}
.hero-slider-version-three
    .hero-slider-three
    .swiper-wrapper
    .inner-item
    .body-data
    .left-content
    .heading-text {
    position: relative;
    margin-top: 30px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px),
    only screen and (min-width: 768px) and (max-width: 991px) {
    .hero-slider-version-three
        .hero-slider-three
        .swiper-wrapper
        .inner-item
        .body-data
        .left-content
        .heading-text {
        text-align: center;
    }
}
.hero-slider-version-three
    .hero-slider-three
    .swiper-wrapper
    .inner-item
    .body-data
    .left-content
    .heading-text
    h2 {
    font-size: 66px;
    color: var(--bg_white);
    font-weight: 700;
    line-height: 80px;
    text-transform: capitalize;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .hero-slider-version-three
        .hero-slider-three
        .swiper-wrapper
        .inner-item
        .body-data
        .left-content
        .heading-text
        h2 {
        font-size: 55px;
    }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
    .hero-slider-version-three
        .hero-slider-three
        .swiper-wrapper
        .inner-item
        .body-data
        .left-content
        .heading-text
        h2 {
        font-size: 60px;
        line-height: 75px;
    }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
    .hero-slider-version-three
        .hero-slider-three
        .swiper-wrapper
        .inner-item
        .body-data
        .left-content
        .heading-text
        h2 {
        font-size: 50px;
        line-height: 65px;
    }
}
@media only screen and (max-width: 576px) {
    .hero-slider-version-three
        .hero-slider-three
        .swiper-wrapper
        .inner-item
        .body-data
        .left-content
        .heading-text
        h2 {
        font-size: 34px;
        line-height: 44px;
    }
}
@media only screen and (max-width: 380px) {
    .hero-slider-version-three
        .hero-slider-three
        .swiper-wrapper
        .inner-item
        .body-data
        .left-content
        .heading-text
        h2 {
        font-size: 30px;
        line-height: 40px;
    }
}
.hero-slider-version-three
    .hero-slider-three
    .swiper-wrapper
    .inner-item
    .body-data
    .left-content
    .heading-text
    p {
    margin-top: 20px;
    font-size: 16px;
    color: var(--bg_white);
    line-height: 30px;
    padding-right: 20px;
}
.hero-slider-version-three
    .hero-slider-three
    .swiper-wrapper
    .inner-item
    .body-data
    .left-content
    .heading-text
    .btn-shape-normal-outline {
    width: 150px;
}
.hero-slider-version-three
    .hero-slider-three
    .swiper-wrapper
    .inner-item
    .body-data
    .right-content {
    position: relative;
}
@media only screen and (min-width: 992px) and (max-width: 1199px),
    only screen and (min-width: 768px) and (max-width: 991px),
    only screen and (min-width: 576px) and (max-width: 767px),
    only screen and (max-width: 576px) {
    .hero-slider-version-three
        .hero-slider-three
        .swiper-wrapper
        .inner-item
        .body-data
        .right-content {
        display: none;
    }
}
.hero-slider-version-three
    .hero-slider-three
    .swiper-wrapper
    .inner-item
    .body-data
    .right-content
    .img-file {
    position: absolute;
    left: -200px;
    top: 100px;
    z-index: -1;
}
.hero-slider-version-three
    .hero-slider-three
    .swiper-wrapper
    .inner-item
    .body-data
    .right-content
    .img-file
    img {
    width: 700px;
    -o-object-fit: cover;
    object-fit: cover;
}
.hero-slider-version-three
    .hero-slider-three
    .swiper-wrapper
    .inner-item
    .body-data
    .right-content.rtl
    .img-file {
    left: auto;
    right: -200px;
}
.hero-slider-version-three
    .hero-slider-three
    .swiper-wrapper
    .inner-item
    .body-data
    .right-content.rtl
    .img-file
    img {
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
}
.hero-slider-version-three
    .hero-slider-three
    .swiper-wrapper
    .inner-item.swiper-slide-active
    .slide-bg {
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
}
.hero-slider-version-three
    .hero-slider-three
    .swiper-wrapper
    .inner-item.swiper-slide-active
    .body-data
    .intro-box
    span {
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-name: heroSliderAnimation;
    animation-name: heroSliderAnimation;
    -webkit-animation-delay: 0.3s;
    animation-delay: 0.3s;
    -webkit-animation-duration: 0.3s;
    animation-duration: 0.3s;
}
.hero-slider-version-three
    .hero-slider-three
    .swiper-wrapper
    .inner-item.swiper-slide-active
    .body-data
    .heading-text
    h2 {
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-name: heroSliderAnimation;
    animation-name: heroSliderAnimation;
    -webkit-animation-delay: 0.5s;
    animation-delay: 0.5s;
    -webkit-animation-duration: 0.5s;
    animation-duration: 0.5s;
}
.hero-slider-version-three
    .hero-slider-three
    .swiper-wrapper
    .inner-item.swiper-slide-active
    .body-data
    .heading-text
    p {
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-name: heroSliderAnimation;
    animation-name: heroSliderAnimation;
    -webkit-animation-delay: 0.7s;
    animation-delay: 0.7s;
    -webkit-animation-duration: 0.7s;
    animation-duration: 0.7s;
}
.hero-slider-version-three
    .hero-slider-three
    .swiper-wrapper
    .inner-item.swiper-slide-active
    .body-data
    .heading-text
    .btn-shape-normal-outline {
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-name: heroSliderAnimation;
    animation-name: heroSliderAnimation;
    -webkit-animation-delay: 0.9s;
    animation-delay: 0.9s;
    -webkit-animation-duration: 0.9s;
    animation-duration: 0.9s;
}
.hero-slider-version-three
    .hero-slider-three
    .swiper-wrapper
    .inner-item.swiper-slide-active
    .body-data
    .img-file {
    -webkit-animation: heroImg 1s ease 0s 1 normal forwards;
    animation: heroImg 1s ease 0s 1 normal forwards;
}
.hero-slider-version-three .hero-slider-three .swiper-button-prev {
    border-radius: 50%;
    width: 50px;
    height: 50px;
    border: 2px solid red;
    left: 20px;
    -webkit-transition: all 0.3s linear;
    transition: all 0.3s linear;
}
.hero-slider-version-three .hero-slider-three .swiper-button-prev::after {
    color: var(--theme_color);
}
.hero-slider-version-three .hero-slider-three .swiper-button-prev:hover {
    left: 15px;
}
.hero-slider-version-three .hero-slider-three .swiper-button-next {
    border-radius: 50%;
    width: 50px;
    height: 50px;
    border: 2px solid red;
    right: 20px;
    -webkit-transition: all 0.3s linear;
    transition: all 0.3s linear;
}
.hero-slider-version-three .hero-slider-three .swiper-button-next::after {
    color: var(--theme_color);
}
.hero-slider-version-three .hero-slider-three .swiper-button-next:hover {
    right: 15px;
}
.hero-slider-version-three .intro-lub {
    position: absolute;
    bottom: -132px;
    z-index: 9;
    width: 460px;
    height: 270px;
    background: var(--theme_color);
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    left: 50%;
    border-radius: 8px;
    padding: 20px;
    text-align: center;
    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;
}
@media only screen and (min-width: 768px) and (max-width: 991px),
    only screen and (min-width: 576px) and (max-width: 767px),
    only screen and (max-width: 576px) {
    .hero-slider-version-three .intro-lub {
        bottom: -320px;
    }
}
@media only screen and (max-width: 576px) {
    .hero-slider-version-three .intro-lub {
        width: calc(100% - 30px);
    }
}
.hero-slider-version-three .intro-lub h2 {
    font-size: 22px;
    font-weight: 700;
    color: var(--bg_white);
}
.hero-slider-version-three .intro-lub .clips {
    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;
    gap: 16px;
    margin-top: 20px;
}
.hero-slider-version-three .intro-lub .clips i {
    font-size: 50px;
    color: var(--bg_white);
}
.hero-slider-version-three .intro-lub .clips .phone {
    font-size: 30px;
    color: var(--bg_white);
    font-weight: 600;
}
.hero-slider-version-three .intro-lub p {
    margin: 0;
    margin-top: 20px;
    font-size: 16px;
    color: var(--bg_white);
}

/*----------------------------------------*/
/* 11. Bread Crumb
/*----------------------------------------*/
/* ============== Bread Crumb version One ==============*/
.bread-crumb {
    position: relative;
    z-index: 9;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
    overflow: hidden;
}
.bread-crumb .wrapper {
    padding: 60px 0;
    text-align: center;
}
.bread-crumb .wrapper h2 {
    font-size: 40px;
    font-weight: 700;
    color: var(--heading_color);
}
.bread-crumb .wrapper p {
    color: var(--heading_color);
    margin-top: 10px;
    font-size: 18px;
    font-weight: 600;
}
.bread-crumb .wrapper p span {
    color: var(--theme_color);
}

/*----------------------------------------*/
/*  12. About-Section START
/*----------------------------------------*/
/* ============= About-section-version-one ============= */
.about-section-version-one {
    position: relative;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .about-section-version-one {
        padding-top: 80px;
    }
}
@media only screen and (min-width: 576px) and (max-width: 767px),
    only screen and (max-width: 576px) {
    .about-section-version-one {
        padding-top: 60px;
    }
}
@media only screen and (min-width: 768px) and (max-width: 991px),
    only screen and (min-width: 576px) and (max-width: 767px),
    only screen and (max-width: 576px) {
    .about-section-version-one .left-side {
        margin-top: 30px;
    }
}
.about-section-version-one .left-side .wrapper {
    position: relative;
}
.about-section-version-one .left-side .wrapper .img-shape img {
    border-radius: 15px;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%;
}
.about-section-version-one .left-side .wrapper .pop-img {
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    bottom: -119px;
    border: 15px solid #fff;
    border-radius: 10px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .about-section-version-one .left-side .wrapper .pop-img {
        bottom: -180px;
    }
}
@media only screen and (max-width: 576px) {
    .about-section-version-one .left-side .wrapper .pop-img {
        bottom: -120px;
    }
}
@media only screen and (max-width: 380px) {
    .about-section-version-one .left-side .wrapper .pop-img {
        bottom: -190px;
    }
}
@media only screen and (max-width: 576px), only screen and (max-width: 380px) {
    .about-section-version-one .left-side .wrapper .pop-img img {
        width: 250px;
    }
}
.about-section-version-one .left-side .wrapper .pop-img .inner {
    position: relative;
}
.about-section-version-one .left-side .wrapper .pop-img .inner .vide-button {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
.about-section-version-one .left-side .wrapper .pop-img .inner .vide-button a {
    width: 80px;
    height: 80px;
    background: var(--theme_color);
    border-radius: 50%;
    color: var(--bg_white);
    -webkit-transition: 0.3s;
    transition: 0.3s;
    -webkit-box-shadow: 0px 16px 32px 0px rgba(0, 0, 0, 0.04);
    box-shadow: 0px 16px 32px 0px rgba(0, 0, 0, 0.04);
    line-height: 120px;
    text-align: center;
    font-size: 30px;
    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;
}
.about-section-version-one
    .left-side
    .wrapper
    .pop-img
    .inner
    .vide-button:hover
    a {
    -webkit-animation: pulse 2s infinite;
    animation: pulse 2s infinite;
}
.about-section-version-one .left-side .wrapper .student-count {
    min-width: 220px;
    position: absolute;
    top: 10px;
    background: transparent;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 8px;
    padding: 15px 26px;
    margin: 10px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 15px 15px 15px 15px;
}
.about-section-version-one .left-side .wrapper .student-count h3 {
    margin-bottom: 0;
    font-size: 40px;
    font-weight: 700;
    color: var(--heading_color);
    line-height: 40px;
}
.about-section-version-one .left-side .wrapper .student-count p {
    margin-bottom: 0;
}
.about-section-version-one .left-side .wrapper .team-count {
    position: absolute;
    right: 20px;
    top: 113px;
    background: rgba(255, 255, 255, 0.664);
    padding: 14px 14px;
    border-radius: 10px;
    text-align: center;
}
.about-section-version-one .left-side .wrapper .team-count h3 {
    font-size: 16px;
    color: var(--heading_color);
    font-weight: 700;
}
.about-section-version-one .left-side .wrapper .team-count h2 {
    font-size: 40px;
    color: var(--heading_color);
    font-weight: 700;
    margin-bottom: 0;
}
@media only screen and (max-width: 576px) {
    .about-section-version-one .left-side .wrapper .team-count h2 {
        font-size: 30px;
    }
}
@media only screen and (max-width: 380px) {
    .about-section-version-one .left-side .wrapper .team-count h2 {
        font-size: 26px;
    }
}
.about-section-version-one .left-side .wrapper .team-count p {
    color: var(--heading_color);
    margin-bottom: 0;
}
.about-section-version-one .right-side {
    padding-left: 35px;
}
@media only screen and (min-width: 768px) and (max-width: 991px),
    only screen and (min-width: 576px) and (max-width: 767px),
    only screen and (max-width: 576px) {
    .about-section-version-one .right-side {
        margin-top: 180px;
        padding-left: 0;
    }
}
@media only screen and (min-width: 576px) and (max-width: 767px),
    only screen and (max-width: 576px) {
    .about-section-version-one .right-side {
        margin-top: 160px;
        padding-left: 0;
    }
}
@media only screen and (max-width: 380px) {
    .about-section-version-one .right-side {
        margin-top: 220px;
    }
}
.about-section-version-one .right-side .wrapper .intro-header h3 {
    font-size: 20px;
    font-weight: 600;
    color: var(--heading_color);
}
.about-section-version-one .right-side .wrapper .inner-intro {
    margin-top: 12px;
}
.about-section-version-one .right-side .wrapper .inner-intro h2 {
    font-size: 36px;
    font-weight: 700;
    color: var(--heading_color);
    text-transform: capitalize;
}
@media only screen and (min-width: 992px) and (max-width: 1199px),
    only screen and (min-width: 768px) and (max-width: 991px),
    only screen and (min-width: 576px) and (max-width: 767px),
    only screen and (max-width: 576px) {
    .about-section-version-one .right-side .wrapper .inner-intro h2 {
        font-size: 30px;
    }
}
@media only screen and (min-width: 768px) and (max-width: 991px),
    only screen and (min-width: 576px) and (max-width: 767px),
    only screen and (max-width: 576px) {
    .about-section-version-one .right-side .wrapper .inner-intro h2 {
        font-size: 36px;
    }
}
.about-section-version-one .right-side .wrapper .inner-intro p {
    margin-top: 10px;
}
.about-section-version-one .right-side .wrapper .inner-intro ul {
    padding-left: 20px;
}
.about-section-version-one .right-side .wrapper .inner-intro ul li {
    padding: 2px 0;
}
.about-section-version-one .right-side .wrapper .inner-intro ul li i {
    margin-right: 3px;
    color: var(--theme_color);
}
.about-section-version-one .right-side .wrapper .inner-intro ul li span {
    font-size: 16px;
}
.about-section-version-one .right-side .wrapper .inner-intro hr {
    color: var(--text_color);
    margin-top: 20px;
}
.about-section-version-one .right-side .wrapper .inner-intro .hub-show {
    margin-top: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 25px;
}
@media only screen and (max-width: 576px) {
    .about-section-version-one .right-side .wrapper .inner-intro .hub-show {
        display: block;
    }
}
.about-section-version-one
    .right-side
    .wrapper
    .inner-intro
    .hub-show
    .inner-hub {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 15px;
}
@media only screen and (max-width: 576px) {
    .about-section-version-one
        .right-side
        .wrapper
        .inner-intro
        .hub-show
        .inner-hub:first-child {
        margin-bottom: 20px;
    }
}
.about-section-version-one
    .right-side
    .wrapper
    .inner-intro
    .hub-show
    .inner-hub
    p {
    margin-bottom: 0;
    font-weight: 600;
    text-transform: capitalize;
}
.about-section-version-one .right-side .wrapper .inner-intro .btn-section {
    margin-top: 25px;
}
.about-section-version-one
    .right-side
    .wrapper
    .inner-intro
    .btn-section
    .btn-shape-normal-outline {
    width: 175px;
}
.about-section-version-one .right-side.rtl {
    padding-right: 35px;
}
@media only screen and (min-width: 768px) and (max-width: 991px),
    only screen and (min-width: 576px) and (max-width: 767px),
    only screen and (max-width: 576px) {
    .about-section-version-one .right-side.rtl {
        padding-right: 0;
    }
}
.about-section-version-one .overlay-shape-img {
    position: absolute;
    left: 0;
    top: -53px;
    z-index: -1;
    opacity: 0.5;
}
@media only screen and (min-width: 768px) and (max-width: 991px),
    only screen and (min-width: 576px) and (max-width: 767px),
    only screen and (max-width: 576px) {
    .about-section-version-one .overlay-shape-img {
        display: none;
    }
}

/* ============= About-section-version-two ============= */
.about-section-version-two .left-side {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 100%;
}
@media only screen and (min-width: 768px) and (max-width: 991px),
    only screen and (min-width: 576px) and (max-width: 767px),
    only screen and (max-width: 576px) {
    .about-section-version-two .left-side {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
}
.about-section-version-two .right-side {
    padding-left: 10px;
}
@media only screen and (min-width: 768px) and (max-width: 991px),
    only screen and (min-width: 576px) and (max-width: 767px),
    only screen and (max-width: 576px) {
    .about-section-version-two .right-side {
        margin-top: 40px;
        padding-left: 0;
    }
}
.about-section-version-two .right-side .wrapper .intro h3 {
    font-size: 20px;
    font-weight: 600;
    position: relative;
    padding-left: 55px;
}
.about-section-version-two .right-side .wrapper .intro h3::after {
    position: absolute;
    content: "";
    left: 0;
    bottom: 8px;
    width: 50px;
    height: 4px;
    background: var(--theme_color);
    border-radius: 5px;
}
.about-section-version-two .right-side .wrapper .intro h3.rtl {
    padding-left: 0;
    padding-right: 55px;
}
.about-section-version-two .right-side .wrapper .intro h3.rtl::after {
    position: absolute;
    content: "";
    left: auto;
    right: 0;
    bottom: 8px;
    width: 50px;
    height: 4px;
    background: var(--theme_color);
    border-radius: 5px;
}
.about-section-version-two .right-side .wrapper .intro h2 {
    margin-top: 26px;
    font-size: 36px;
    font-weight: 700;
    color: var(--heading_color);
    text-transform: capitalize;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .about-section-version-two .right-side .wrapper .intro h2 {
        font-size: 30px;
    }
}
.about-section-version-two .right-side .wrapper .intro p {
    margin-top: 16px;
}
.about-section-version-two .right-side .wrapper .list-data {
    margin-top: 16px;
}
.about-section-version-two .right-side .wrapper .list-data ul {
    padding-left: 20px;
}
.about-section-version-two .right-side .wrapper .list-data ul li {
    padding: 2px 0;
}
.about-section-version-two .right-side .wrapper .list-data ul li i {
    color: var(--theme_color);
}
.about-section-version-two .right-side .wrapper .list-data ul li span {
    padding-left: 6px;
}
.about-section-version-two .right-side .wrapper .list-data .btn-section {
    margin-top: 16px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}
.about-section-version-two
    .right-side
    .wrapper
    .list-data
    .btn-section
    .btn-shape-normal-outline {
    width: 152px;
}

/* ============= About-section-version-three ============= */
.about-section-version-three {
    margin-top: 160px;
    position: relative;
}
@media only screen and (min-width: 768px) and (max-width: 991px),
    only screen and (min-width: 576px) and (max-width: 767px),
    only screen and (max-width: 576px) {
    .about-section-version-three {
        padding-bottom: 180px;
    }
}
.about-section-version-three .left-side {
    margin-top: 20px;
    padding-right: 55px;
}
@media only screen and (min-width: 768px) and (max-width: 991px),
    only screen and (min-width: 576px) and (max-width: 767px),
    only screen and (max-width: 576px) {
    .about-section-version-three .left-side {
        margin-top: 130px;
        padding-right: 0;
        padding-bottom: 80px;
    }
}
@media only screen and (max-width: 576px) {
    .about-section-version-three .left-side {
        padding-bottom: 110px;
    }
}
.about-section-version-three .left-side .wrapper .intro-header h3 {
    position: relative;
    padding-left: 50px;
    font-size: 20px;
    font-weight: 600;
}
.about-section-version-three .left-side .wrapper .intro-header h3::after {
    position: absolute;
    content: "";
    left: 0;
    bottom: 6px;
    width: 45px;
    height: 3px;
    border-radius: 5px;
    background: var(--theme_color);
}
.about-section-version-three .left-side .wrapper .intro-header h3.rtl::after {
    left: auto;
    right: 0;
}
.about-section-version-three .left-side .wrapper .inner-intro {
    margin-top: 20px;
}
.about-section-version-three .left-side .wrapper .inner-intro h2 {
    font-size: 45px;
    font-weight: 700;
    color: var(--heading_color);
    text-transform: capitalize;
}
@media only screen and (max-width: 576px) {
    .about-section-version-three .left-side .wrapper .inner-intro h2 {
        font-size: 36px;
    }
}
.about-section-version-three .left-side .wrapper .inner-intro p {
    margin: 0;
    margin-top: 20px;
}
.about-section-version-three .left-side .wrapper .inner-intro ul {
    margin-top: 20px;
    padding-left: 20px;
}
.about-section-version-three .left-side .wrapper .inner-intro ul li {
    padding: 5px 0;
}
.about-section-version-three .left-side .wrapper .inner-intro ul li i {
    margin-right: 3px;
    color: var(--theme_color);
}
.about-section-version-three .left-side .wrapper .inner-intro ul li span {
    color: var(--heading_color);
    font-weight: 600;
    font-size: 16px;
}
.about-section-version-three .left-side .wrapper .inner-intro hr {
    color: var(--text_color);
    margin-top: 20px;
}
.about-section-version-three .left-side .wrapper .inner-intro .hub-show {
    margin-top: 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 35px;
}
@media only screen and (max-width: 576px) {
    .about-section-version-three .left-side .wrapper .inner-intro .hub-show {
        padding-left: 20px;
        display: block;
    }
}
@media only screen and (max-width: 576px) {
    .about-section-version-three
        .left-side
        .wrapper
        .inner-intro
        .hub-show
        .inner-hub {
        margin-bottom: 25px;
    }
}
.about-section-version-three
    .left-side
    .wrapper
    .inner-intro
    .hub-show
    .inner-hub
    h2 {
    font-size: 42px;
    font-weight: 700;
    color: var(--theme_color);
    margin-bottom: 0;
}
@media only screen and (max-width: 576px) {
    .about-section-version-three
        .left-side
        .wrapper
        .inner-intro
        .hub-show
        .inner-hub
        h2 {
        font-size: 55px;
    }
}
.about-section-version-three
    .left-side
    .wrapper
    .inner-intro
    .hub-show
    .inner-hub
    P {
    font-weight: 600;
    margin: 0;
}
.about-section-version-three .left-side .wrapper .inner-intro .btn-section {
    margin-top: 25px;
}
.about-section-version-three
    .left-side
    .wrapper
    .inner-intro
    .btn-section
    .btn-shape-normal-outline {
    width: 175px;
}
.about-section-version-three .right-side .wrapper {
    position: relative;
}
.about-section-version-three .right-side .wrapper .img-shape img {
    border-radius: 15px;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%;
}
.about-section-version-three .right-side .wrapper .top-img {
    position: absolute;
    left: -50px;
    border: 12px solid var(--bg_white);
    top: -50px;
    z-index: 9;
}
@media only screen and (min-width: 768px) and (max-width: 991px),
    only screen and (min-width: 576px) and (max-width: 767px),
    only screen and (max-width: 576px) {
    .about-section-version-three .right-side .wrapper .top-img {
        left: 0;
    }
}
@media only screen and (max-width: 576px) {
    .about-section-version-three .right-side .wrapper .top-img img {
        width: 260px;
    }
}
.about-section-version-three .right-side .wrapper .mid-img {
    position: relative;
}
@media only screen and (min-width: 768px) and (max-width: 991px),
    only screen and (min-width: 576px) and (max-width: 767px),
    only screen and (max-width: 576px) {
    .about-section-version-three .right-side .wrapper .mid-img {
        width: 100%;
        height: 550px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
}
.about-section-version-three .right-side .wrapper .mid-img::after {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: rgba(51, 51, 51, 0.3882352941);
    z-index: 0;
}
.about-section-version-three .right-side .wrapper .pop-img {
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    bottom: -119px;
    border: 12px solid #fff;
}
.about-section-version-three .right-side .wrapper .pop-img .inner {
    position: relative;
}
.about-section-version-three .right-side .wrapper .pop-img .inner .vide-button {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
.about-section-version-three
    .right-side
    .wrapper
    .pop-img
    .inner
    .vide-button
    a {
    width: 80px;
    height: 80px;
    background: var(--theme_color);
    border-radius: 50%;
    color: var(--bg_white);
    -webkit-transition: 0.3s;
    transition: 0.3s;
    -webkit-box-shadow: 0px 16px 32px 0px rgba(0, 0, 0, 0.04);
    box-shadow: 0px 16px 32px 0px rgba(0, 0, 0, 0.04);
    line-height: 120px;
    text-align: center;
    font-size: 30px;
    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;
}
.about-section-version-three
    .right-side
    .wrapper
    .pop-img
    .inner
    .vide-button:hover
    a {
    -webkit-animation: pulse 2s infinite;
    animation: pulse 2s infinite;
}
.about-section-version-three .overlay-shape-img {
    position: absolute;
    left: 0;
    top: -53px;
    z-index: -1;
    opacity: 0.5;
}

/*----------------------------------------*/
/*  13. Service List Section
/*----------------------------------------*/
/* ============= Service List Section version one =============*/
.blog-card-version-one .card-footer {
    border-radius: 8px;
    border: 2px solid #f0d4dd; /* or any color you want */

}
.card-footer{
    transition: all linear .3s;
}
.card-footer:hover{
    background-color: #ebebeb;
}
.blog-card-version-one .card-size {
    
        box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
    border-radius: 8px;
}
.blog-card-version-one .card-size:hover {
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
    transition: 0.4s;
}

.blog-card-version-one img {
    height: 200px;
    width: auto;
}
.serviceList-section-version-one .inner-card-items {
    margin-top: 40px;
}
.serviceList-section-version-one .inner-card-items .wrapper {
    background: var(--bg_white);
    padding: 16px 16px;
    border-radius: 8px;
}
.serviceList-section-version-one .inner-card-items .wrapper:hover {
    border-left: 3px solid #ff7f7f;
    background: #fff9f9;
    transition: 0.1s;
}
@media only screen and (min-width: 768px) and (max-width: 991px),
    only screen and (min-width: 576px) and (max-width: 767px),
    only screen and (max-width: 576px) {
    .serviceList-section-version-one .inner-card-items .wrapper {
        margin-bottom: 40px;
        padding: 30px;
    }
}
.serviceList-section-version-one .inner-card-items .wrapper .icon-file {
    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;
    margin-top: 8px;
    margin-bottom: 28px;
}
.serviceList-section-version-one .inner-card-items .wrapper .text-file h3 {
    color: var(--heading_color);
    font-weight: 700;
    font-size: 18px;
    margin-bottom: 12px;
    text-transform: capitalize;
}
@media only screen and (min-width: 768px) and (max-width: 991px),
    only screen and (min-width: 576px) and (max-width: 767px),
    only screen and (max-width: 576px) {
    .serviceList-section-version-one .inner-card-items .wrapper .text-file h3 {
        font-size: 22px;
    }
}
.serviceList-section-version-one .inner-card-items .wrapper .text-file p {
    font-size: 15px;
    margin-top: 12x;
}
.serviceList-section-version-one .inner-card-items .wrapper .btn-hold a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 8px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 16px;
    font-weight: 700;
    -webkit-transition: all 0.3s linear;
    transition: all 0.3s linear;
}
.serviceList-section-version-one .inner-card-items .wrapper .btn-hold a:hover {
    color: var(--theme_color);
}
.whyChooseUs-section-version-three .inner-card-items .wrapper .btn-single a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 8px;
    background: #ebebeb;
    border-radius: 5px;
    padding: 5px 5px;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 16px;
    font-weight: 700;
    -webkit-transition: all 0.3s linear;
    transition: all 0.3s linear;
}
.whyChooseUs-section-version-three
    .inner-card-items
    .wrapper
    .btn-single
    a:hover {
    background: #e4e4e4;
    color: var(--theme_color);
}
.whyChooseUs-section-version-three .inner-card-items .wrapper .p-text {
    background: #f0f0f0;
    border-radius: 5px;
    padding: 10px 5px;
    justify-content: center;
    align-items: center;
    font-weight: 400;
}
.whyChooseUs-section-version-three .inner-card-items .wrapper:hover .p-text {
    background: #ffecec;
    -webkit-transition: all 0.3s linear;
    transition: all 0.3s linear;
}

.whyChooseUs-section-version-three .inner-card-items .wrapper .text-header {
    /* border: 2px solid #dddddd; */
    border-radius: 5px;
    padding: 10px 5px;
    justify-content: center;
    align-items: center;
}
.whyChooseUs-section-version-three
    .inner-card-items
    .wrapper:hover
    .text-header {
    background: #ffffff;
    -webkit-transition: all 0.3s linear;
    transition: all 0.3s linear;
}
.serviceList-section-version-three .inner-card-items .wrapper .text-header {
    /* border: 2px solid #dddddd; */
    border-radius: 5px;
    margin-bottom: 14px;
    padding: 5px 5px;
    justify-content: center;
    align-items: center;
}

.serviceList-section-version-three .inner-card-items .wrapper .btn-single a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 8px;
    background: #ebebeb;
    border-radius: 5px;
    padding: 5px 5px;
    margin: 10px 10px;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 14px;
    font-weight: 700;
    -webkit-transition: all 0.3s linear;
    transition: all 0.3s linear;
}
.serviceList-section-version-three
    .inner-card-items
    .wrapper
    .btn-single
    a:hover {
    background: #e4e4e4;
    color: var(--theme_color);
}
.serviceList-section-version-one .btn-section {
    padding-top: 60px;
}
@media only screen and (min-width: 768px) and (max-width: 991px),
    only screen and (min-width: 576px) and (max-width: 767px),
    only screen and (max-width: 576px) {
    .serviceList-section-version-one .btn-section {
        padding-top: 30px;
    }
}
.serviceList-section-version-one .btn-section .btn-shape-normal-outline {
    width: 165px;
}

/* ============= Service List Section version two =============*/
.serviceList-section-version-two .inner-card-items-slider {
    margin-top: 50px;
    position: relative;
}
.serviceList-section-version-two
    .inner-card-items-slider
    .serviceList-version-two
    .swiper-wrapper
    .swiper-slide
    .inner-wrapper {
    border-radius: 8px;
    padding: 20px 20px;
}
@media only screen and (min-width: 768px) and (max-width: 991px),
    only screen and (min-width: 576px) and (max-width: 767px),
    only screen and (max-width: 576px) {
    .serviceList-section-version-two
        .inner-card-items-slider
        .serviceList-version-two
        .swiper-wrapper
        .swiper-slide
        .inner-wrapper {
        margin: 0 20px;
    }
}
.serviceList-section-version-two
    .inner-card-items-slider
    .serviceList-version-two
    .swiper-wrapper
    .swiper-slide
    .inner-wrapper.bg-theme {
    background: var(--theme_color);
}
.serviceList-section-version-two
    .inner-card-items-slider
    .serviceList-version-two
    .swiper-wrapper
    .swiper-slide
    .inner-wrapper.bg-dark {
    background: var(--heading_color);
}
.serviceList-section-version-two
    .inner-card-items-slider
    .serviceList-version-two
    .swiper-wrapper
    .swiper-slide
    .inner-wrapper
    .icon-file {
    padding: 15px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.serviceList-section-version-two
    .inner-card-items-slider
    .serviceList-version-two
    .swiper-wrapper
    .swiper-slide
    .inner-wrapper
    .intro
    h2 {
    text-align: center;
    font-size: 22px;
    font-weight: 700;
    color: var(--bg_white);
}
.serviceList-section-version-two
    .inner-card-items-slider
    .serviceList-version-two
    .swiper-wrapper
    .swiper-slide
    .inner-wrapper
    .intro
    p {
    font-size: 15px;
    margin-top: 10px;
    text-align: center;
    color: var(--bg_white);
}
.serviceList-section-version-two
    .inner-card-items-slider
    .serviceList-version-two
    .swiper-wrapper
    .swiper-slide
    .inner-wrapper
    .btn-section {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-bottom: 5px;
}
.serviceList-section-version-two
    .inner-card-items-slider
    .serviceList-version-two
    .swiper-wrapper
    .swiper-slide
    .inner-wrapper
    .btn-section
    .btn-shape-normal-outline {
    background: var(--bg_white);
    color: var(--heading_color);
    width: 135px;
    padding: 10px 14px;
    font-weight: 600;
}
.serviceList-section-version-two
    .inner-card-items-slider
    .serviceList-section-version-two-pagination {
    position: absolute;
    z-index: 9;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    bottom: -50px;
    left: 0;
    gap: 12px;
}
.serviceList-section-version-two
    .inner-card-items-slider
    .serviceList-section-version-two-pagination
    .swiper-pagination-bullet {
    width: 10px;
    height: 10px;
    border-radius: 0;
}
.serviceList-section-version-two
    .inner-card-items-slider
    .serviceList-section-version-two-pagination
    .swiper-pagination-bullet-active {
    background: var(--theme_color);
    opacity: 1;
}

/* ============= Service List Section version three =============*/
.serviceList-section-version-three .inner-card-items {
    margin-top: 40px;
}
.serviceList-section-version-three .inner-card-items .wrapper {
    position: relative;
}
@media only screen and (min-width: 992px) and (max-width: 1199px),
    only screen and (min-width: 768px) and (max-width: 991px),
    only screen and (min-width: 576px) and (max-width: 767px),
    only screen and (max-width: 576px) {
    .serviceList-section-version-three .inner-card-items .wrapper {
        margin-bottom: 50px;
    }
}
@media only screen and (min-width: 576px) and (max-width: 767px),
    only screen and (max-width: 576px) {
    .serviceList-section-version-three .inner-card-items .wrapper {
        margin: 0 20px;
        /* margin-bottom: 60px; */
    }
}
.serviceList-section-version-three .inner-card-items .wrapper .inner {
    margin-top: 30px;
    border: 1px solid var(--border_color);
    -webkit-transition: all 0.2s linear;
    transition: all 0.2s linear;
    /* padding: 16px 16px; */
    border-radius: 8px;
    z-index: 1;
    background: #fff;
    position: relative;
}
.serviceList-section-version-three
    .inner-card-items
    .wrapper
    .inner
    .count-file {
    position: absolute;
    top: -44px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}
.serviceList-section-version-three
    .inner-card-items
    .wrapper
    .inner
    .count-file
    .hip {
    width: 100px;
    height: 100px;
    background: var(--primary_color);
    border-radius: 50%;
    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;
    -webkit-transition: all 0.2s linear;
    transition: all 0.2s linear;
}
.serviceList-section-version-three
    .inner-card-items
    .wrapper
    .inner
    .count-file
    .hip
    h2 {
    color: var(--bg_white);
    margin: 0;
    padding: 0;
    font-size: 45px;
    font-weight: 700;
}
/* .serviceList-section-version-three
  .inner-card-items
  .wrapper
  .inner
  .text-file {
  padding-top: 48px;
} */
.serviceList-section-version-three
    .inner-card-items
    .wrapper
    .inner
    .text-file
    h3 {
    color: var(--heading_color);
    font-weight: 700;
    font-size: 22px;
    margin-bottom: 12px;
    text-transform: capitalize;
}
.serviceList-section-version-three
    .inner-card-items
    .wrapper
    .inner
    .text-file
    p {
    font-size: 15px;
    margin-top: 12x;
}
.serviceList-section-version-three
    .inner-card-items
    .wrapper
    .inner
    .btn-hold
    a {
    font-size: 18px;
    font-weight: 700;
    color: var(--theme_color);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 8px;
    -webkit-transition: all 0.2s linear;
    transition: all 0.2s linear;
}
.serviceList-section-version-three
    .inner-card-items
    .wrapper
    .inner
    .btn-hold
    a
    i {
    visibility: hidden;
    opacity: 0;
    -webkit-transform: translateX(-8px);
    transform: translateX(-8px);
    -webkit-transition: all 0.2s linear;
    transition: all 0.2s linear;
}
.serviceList-section-version-three
    .inner-card-items
    .wrapper
    .inner
    .btn-hold
    a:hover {
    color: var(--theme_color);
}
.serviceList-section-version-three
    .inner-card-items
    .wrapper
    .inner
    .btn-hold
    a:hover
    i {
    visibility: visible;
    opacity: 1;
    -webkit-transform: translateX(0px);
    transform: translateX(0px);
}
.serviceList-section-version-three
    .inner-card-items
    .wrapper
    .inner
    .btn-hold.rtl
    span
    i {
    -webkit-transition: all 0.2s linear;
    transition: all 0.2s linear;
    -webkit-transform: translateX(8px);
    transform: translateX(8px);
}
.serviceList-section-version-three
    .inner-card-items
    .wrapper
    .inner
    .btn-hold.rtl
    span:hover
    i {
    -webkit-transform: translateX(0px);
    transform: translateX(0px);
}
.serviceList-section-version-three .inner-card-items .wrapper .overlay {
    position: absolute;
    border-radius: 8px;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: var(--theme_color);
    z-index: 0;
    -webkit-transition: all 0.2s linear;
    transition: all 0.2s linear;
    visibility: hidden;
    opacity: 0;
}
.serviceList-section-version-three .inner-card-items .wrapper:hover .inner {
    border: 1px solid var(--theme_color);
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
}
.serviceList-section-version-three
    .inner-card-items
    .wrapper:hover
    .inner
    .count-file
    .hip {
    background: var(--theme_color);
}
.serviceList-section-version-three .inner-card-items .wrapper:hover .overlay {
    visibility: visible;
    opacity: 1;
    top: 7px;
}
.serviceList-section-version-three .btn-section {
    padding-top: 60px;
}
.serviceList-section-version-three .btn-section .btn-shape-normal-outline {
    width: 165px;
}

/* ============= Service Details Inner Section version One start =============*/
@media only screen and (max-width: 576px) {
    .service-details-inner-section-one {
        padding: 60px 0;
    }
}
.service-details-inner-section-one .left-side .wrapper h2 {
    font-size: 36px;
    font-weight: 700;
    color: var(--heading_color);
    text-transform: capitalize;
}
@media only screen and (max-width: 576px) {
    .service-details-inner-section-one .left-side .wrapper h2 {
        font-size: 26px;
    }
}
.service-details-inner-section-one .left-side .wrapper img {
    border-radius: 8px;
    overflow: hidden;
}
.service-details-inner-section-one .left-side .wrapper h3 {
    font-size: 22px;
    font-weight: 700;
    color: var(--heading_color);
    text-transform: capitalize;
}

/*----------------------------------------*/
/*  14. Why Choose Us Section
/*----------------------------------------*/
/* =============== Why Choose Us Section version one start ===============*/
.whyChooseUs-section-version-one .inner-card-items {
    margin-top: 40px;
}
.whyChooseUs-section-version-one .inner-card-items .wrapper {
    background: var(--bg_white);
    padding: 30px 20px;
    border-radius: 10px;
    margin-bottom: 40px;
    -webkit-transition: all 0.3s linear;
    transition: all 0.3s linear;
    cursor: pointer;
}
.whyChooseUs-section-version-one .inner-card-items .wrapper h2 {
    font-size: 20px;
    font-weight: 700;
    text-align: center;
    margin-top: 20px;
    color: var(--heading_color);
    text-transform: uppercase;
}
.whyChooseUs-section-version-one .inner-card-items .wrapper .icon-file {
    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;
    margin-top: 20px;
}
.whyChooseUs-section-version-one .inner-card-items .wrapper p {
    margin-top: 20px;
    text-align: center;
}
.whyChooseUs-section-version-one .inner-card-items .wrapper:hover {
    background: var(--primary_color);
}
.whyChooseUs-section-version-one .inner-card-items .wrapper:hover h2 {
    color: var(--bg_white);
}
.whyChooseUs-section-version-one .inner-card-items .wrapper:hover p {
    color: var(--bg_white);
}

/* =============== Why Choose Us Section version two start ===============*/
.whyChooseUs-section-version-two .inner-card-items {
    margin-top: 50px;
}
.whyChooseUs-section-version-two .inner-card-items .wrapper {
    margin-bottom: 35px;
    position: relative;
    z-index: 9;
    cursor: pointer;
}
@media only screen and (min-width: 576px) and (max-width: 767px),
    only screen and (max-width: 576px) {
    .whyChooseUs-section-version-two .inner-card-items .wrapper {
        margin: 0 20px;
        margin-bottom: 35px;
    }
}
.whyChooseUs-section-version-two .inner-card-items .wrapper .inner {
    padding: 20px 20px;
    border-radius: 8px;
    border: 1px solid var(--border_color);
    position: relative;
    z-index: 9;
    background: var(--bg_white);
}
.whyChooseUs-section-version-two .inner-card-items .wrapper .inner h2 {
    text-align: center;
    margin-top: 20px;
    font-size: 22px;
    font-weight: 700;
    color: var(--heading_color);
    text-transform: uppercase;
}
.whyChooseUs-section-version-two .inner-card-items .wrapper .inner .icon-file {
    margin-top: 15px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.whyChooseUs-section-version-two .inner-card-items .wrapper .inner p {
    text-align: center;
    font-size: 15px;
    margin-top: 15px;
}
.whyChooseUs-section-version-two .inner-card-items .wrapper .overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: var(--theme_color);
    border-radius: 10px;
    z-index: 1;
    -webkit-transition: all 0.2s linear;
    transition: all 0.2s linear;
}
.whyChooseUs-section-version-two .inner-card-items .wrapper:hover .overlay {
    left: -7px;
    top: -7px;
}

/* =============== Why Choose Us Section version three start ===============*/
.whyChooseUs-section-version-three .inner-card-items {
    margin-top: 50px;
}
.whyChooseUs-section-version-three .inner-card-items .wrapper {
    margin-bottom: 35px;
    position: relative;
    z-index: 9;
    cursor: pointer;
}
@media only screen and (max-width: 576px) {
    .whyChooseUs-section-version-three .inner-card-items .wrapper {
        margin: 0 20px;
        margin-bottom: 35px;
    }
}
.whyChooseUs-section-version-three .inner-card-items .wrapper .inner {
    border-radius: 8px;
    border: 1px solid var(--border_color);
    position: relative;
    z-index: 9;
    background: var(--bg_gray);
    -webkit-transition: all 0.3s linear;
    transition: all 0.3s linear;
}
.whyChooseUs-section-version-three
    .inner-card-items
    .wrapper
    .inner
    .btn-single {
    margin: 12px;
}
.whyChooseUs-section-version-three .inner-card-items .wrapper .inner h2 {
    margin-top: 22px;
    font-size: 26px;
    font-weight: 700;
    color: var(--heading_color);
    text-transform: capitalize;
    position: relative;
    z-index: 1;
}
.whyChooseUs-section-version-three
    .inner-card-items
    .wrapper
    .inner
    .icon-file {
    margin-top: 15px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.whyChooseUs-section-version-three .inner-card-items .wrapper .inner p {
    font-size: 16px;
    margin-top: 15px;
}
.whyChooseUs-section-version-three
    .inner-card-items
    .wrapper
    .inner
    .overlay-text {
    position: absolute;
    left: 18px;
    top: 60px;
    z-index: 0;
}
.whyChooseUs-section-version-three
    .inner-card-items
    .wrapper
    .inner
    .overlay-text
    h2 {
    font-size: 80px;
    color: var(--border_color);
}
.whyChooseUs-section-version-three
    .inner-card-items
    .wrapper
    .inner
    .overlay-text.rtl {
    left: auto;
    right: 18px;
}
.whyChooseUs-section-version-three .inner-card-items .wrapper .inner:hover {
    border: 1px solid #ffb6b6;
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
    background: var(--bg_white);
}
.whyChooseUs-section-version-three .inner-card-items .wrapper .inner:hover h2,
.whyChooseUs-section-version-three .inner-card-items .wrapper .inner:hover p {
    color: var(--heading_color);
}
.whyChooseUs-section-version-three
    .inner-card-items
    .wrapper
    .inner:hover
    .overlay-text
    h2 {
    color: var(--border_color);
    opacity: 0.1;
}

/* =============== Why Choose Us Section version Fpur start ===============*/
.whyChooseUs-section-version-four .inner-card-items {
    margin-top: 40px;
}
.whyChooseUs-section-version-four
    .inner-card-items
    .left-side
    .tabs-inner
    .tabs {
    border: 1px solid var(--border_color);
    display: inline-block;
}
@media only screen and (max-width: 576px) {
    .whyChooseUs-section-version-four
        .inner-card-items
        .left-side
        .tabs-inner
        .tabs {
        display: none;
    }
}
.whyChooseUs-section-version-four
    .inner-card-items
    .left-side
    .tabs-inner
    .tabs
    li {
    position: relative;
}
.whyChooseUs-section-version-four
    .inner-card-items
    .left-side
    .tabs-inner
    .tabs
    li
    a {
    font-size: 16px;
    font-weight: 700;
    color: var(--heading_color);
    -webkit-transition: all 0.2s linear;
    transition: all 0.2s linear;
}
.whyChooseUs-section-version-four
    .inner-card-items
    .left-side
    .tabs-inner
    .tabs
    li::after {
    position: absolute;
    content: "";
    left: 0;
    bottom: 0;
    width: 100%;
    height: 0;
    background: var(--theme_color);
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}
.whyChooseUs-section-version-four
    .inner-card-items
    .left-side
    .tabs-inner
    .tabs
    li::before {
    position: absolute;
    content: "";
    left: 0;
    bottom: 0;
    width: 20px;
    height: 0;
    -webkit-clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
    clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
    background: var(--theme_color);
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}
.whyChooseUs-section-version-four
    .inner-card-items
    .left-side
    .tabs-inner
    .tabs
    li.active
    a {
    color: var(--theme_color);
}
.whyChooseUs-section-version-four
    .inner-card-items
    .left-side
    .tabs-inner
    .tabs
    li.active::after {
    height: 5px;
}
.whyChooseUs-section-version-four
    .inner-card-items
    .left-side
    .tabs-inner
    .tabs
    li.active::before {
    height: 16px;
}
.whyChooseUs-section-version-four
    .inner-card-items
    .left-side
    .tabs-inner
    .tab_content_wrapper {
    border: 1px solid var(--border_color);
    border-radius: 8px;
    margin-top: 15px;
}
.whyChooseUs-section-version-four
    .inner-card-items
    .left-side
    .tabs-inner
    .tab_content_wrapper
    .tab_content
    .wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 20px;
}
@media only screen and (max-width: 576px) {
    .whyChooseUs-section-version-four
        .inner-card-items
        .left-side
        .tabs-inner
        .tab_content_wrapper
        .tab_content
        .wrapper {
        display: block;
    }
}
@media only screen and (max-width: 576px) {
    .whyChooseUs-section-version-four
        .inner-card-items
        .left-side
        .tabs-inner
        .tab_content_wrapper
        .tab_content
        .wrapper
        .left {
        padding-left: 10px;
    }
}
.whyChooseUs-section-version-four
    .inner-card-items
    .left-side
    .tabs-inner
    .tab_content_wrapper
    .tab_content
    .wrapper
    .left
    .img-file
    img {
    border-radius: 8px;
    overflow: hidden;
}
@media only screen and (max-width: 576px) {
    .whyChooseUs-section-version-four
        .inner-card-items
        .left-side
        .tabs-inner
        .tab_content_wrapper
        .tab_content
        .wrapper
        .left
        .img-file
        img {
        display: none;
    }
}
@media only screen and (max-width: 576px) {
    .whyChooseUs-section-version-four
        .inner-card-items
        .left-side
        .tabs-inner
        .tab_content_wrapper
        .tab_content
        .wrapper
        .right {
        padding-left: 10px;
    }
}
.whyChooseUs-section-version-four
    .inner-card-items
    .left-side
    .tabs-inner
    .tab_content_wrapper
    .tab_content
    .wrapper
    .right
    h2 {
    margin-top: 10px;
    font-size: 20px;
    font-weight: 700;
    color: var(--heading_color);
    text-transform: capitalize;
}
.whyChooseUs-section-version-four
    .inner-card-items
    .left-side
    .tabs-inner
    .tab_content_wrapper
    .tab_content
    .wrapper
    .right
    ul {
    margin-top: 10px;
}
.whyChooseUs-section-version-four
    .inner-card-items
    .left-side
    .tabs-inner
    .tab_content_wrapper
    .tab_content
    .wrapper
    .right
    ul
    li {
    padding: 3px 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 8px;
}
.whyChooseUs-section-version-four
    .inner-card-items
    .left-side
    .tabs-inner
    .tab_content_wrapper
    .tab_content
    .wrapper
    .right
    ul
    li
    i {
    color: var(--theme_color);
}
.whyChooseUs-section-version-four
    .inner-card-items
    .left-side
    .tabs-inner
    .accordion_tabs {
    padding-left: 20px;
    color: var(--heading_color);
    font-size: 16px;
}
.whyChooseUs-section-version-four
    .inner-card-items
    .left-side
    .tabs-inner
    .accordion_tabs.active {
    background: var(--theme_color);
    color: var(--bg_white);
}
@media only screen and (min-width: 576px) and (max-width: 767px),
    only screen and (max-width: 576px) {
    .whyChooseUs-section-version-four .inner-card-items .left-side.rtl {
        margin-top: 30px;
    }
}
.whyChooseUs-section-version-four .inner-card-items .left-side.rtl .tabs-inner {
    text-align: end;
}
.whyChooseUs-section-version-four
    .inner-card-items
    .left-side.rtl
    .tab_content_wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: end;
    height: 220px !important;
}
@media only screen and (min-width: 576px) and (max-width: 767px),
    only screen and (max-width: 576px) {
    .whyChooseUs-section-version-four
        .inner-card-items
        .left-side.rtl
        .tab_content_wrapper {
        display: block;
        height: 100% !important;
    }
}
.whyChooseUs-section-version-four .inner-card-items .right-side {
    padding-left: 40px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px),
    only screen and (min-width: 768px) and (max-width: 991px),
    only screen and (min-width: 576px) and (max-width: 767px),
    only screen and (max-width: 576px) {
    .whyChooseUs-section-version-four .inner-card-items .right-side {
        padding-left: 0;
        margin-top: 80px;
    }
}
.whyChooseUs-section-version-four .inner-card-items .right-side .intro {
    position: relative;
}
.whyChooseUs-section-version-four .inner-card-items .right-side .intro h2 {
    font-size: 30px;
    font-weight: 700;
    color: var(--heading_color);
    text-transform: capitalize;
    line-height: 38px;
    padding-left: 32px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px),
    only screen and (min-width: 768px) and (max-width: 991px),
    only screen and (min-width: 576px) and (max-width: 767px),
    only screen and (max-width: 576px) {
    .whyChooseUs-section-version-four .inner-card-items .right-side .intro h2 {
        padding-right: 450px;
    }
}
@media only screen and (min-width: 768px) and (max-width: 991px),
    only screen and (min-width: 576px) and (max-width: 767px),
    only screen and (max-width: 576px) {
    .whyChooseUs-section-version-four .inner-card-items .right-side .intro h2 {
        padding-right: 250px;
    }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
    .whyChooseUs-section-version-four .inner-card-items .right-side .intro h2 {
        padding-right: 0;
        font-size: 30px;
        line-height: 40px;
    }
}
@media only screen and (max-width: 576px) {
    .whyChooseUs-section-version-four .inner-card-items .right-side .intro h2 {
        padding-right: 0;
    }
}
@media only screen and (max-width: 576px) {
    .whyChooseUs-section-version-four .inner-card-items .right-side .intro h2 {
        padding-right: 0;
        font-size: 26px;
        line-height: 36px;
    }
}
.whyChooseUs-section-version-four .inner-card-items .right-side .intro h3 {
    position: absolute;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    left: -43px;
    bottom: 33px;
    font-size: 18px;
    font-weight: 700;
    color: var(--theme_color);
}
@media only screen and (max-width: 576px) {
    .whyChooseUs-section-version-four .inner-card-items .right-side .intro h3 {
        bottom: 42px;
    }
}
@media only screen and (max-width: 380px) {
    .whyChooseUs-section-version-four .inner-card-items .right-side .intro h3 {
        bottom: 42px;
    }
}
.whyChooseUs-section-version-four .inner-card-items .right-side .intro h3.rtl {
    left: auto;
    right: -43px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px),
    only screen and (min-width: 768px) and (max-width: 991px),
    only screen and (min-width: 576px) and (max-width: 767px),
    only screen and (max-width: 576px) {
    .whyChooseUs-section-version-four .inner-card-items .right-side ul {
        margin-top: 40px;
    }
}
.whyChooseUs-section-version-four .inner-card-items .right-side ul li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 15px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 15px 0;
    border-bottom: 1px solid var(--border_color);
}
.whyChooseUs-section-version-four .inner-card-items .right-side ul li img {
    width: 60px;
}
.whyChooseUs-section-version-four .inner-card-items .right-side ul li span {
    display: block;
}
.whyChooseUs-section-version-four
    .inner-card-items
    .right-side
    ul
    li
    span:first-child {
    font-size: 16px;
}
.whyChooseUs-section-version-four
    .inner-card-items
    .right-side
    ul
    li
    span:last-child {
    font-size: 20px;
    font-weight: 700;
    color: var(--heading_color);
    margin-top: 5px;
}
.whyChooseUs-section-version-four .inner-card-items .right-side.rtl {
    padding-left: 0;
    padding-right: 40px;
}

/*----------------------------------------*/
/*  15. Project Background Overlay Section
/*----------------------------------------*/
/* ============= Project Background Overlay Section version one =============*/
.projectBackgroundOverlay {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    padding-top: 80px;
    padding-bottom: 180px;
    position: relative;
    height: 450px;
    z-index: 0;
}
@media only screen and (min-width: 768px) and (max-width: 991px),
    only screen and (min-width: 576px) and (max-width: 767px),
    only screen and (max-width: 576px) {
    .projectBackgroundOverlay {
        height: 445px;
    }
}
@media only screen and (min-width: 576px) and (max-width: 767px),
    only screen and (max-width: 576px),
    only screen and (max-width: 380px) {
    .projectBackgroundOverlay {
        height: auto;
        padding: 50px 0;
    }
}
.projectBackgroundOverlay::after {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: rgba(51, 51, 51, 0.75);
    z-index: -1;
}
.projectBackgroundOverlay .wrapper {
    position: relative;
}
@media only screen and (max-width: 576px) {
    .projectBackgroundOverlay .wrapper {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }
}
.projectBackgroundOverlay .wrapper .main-text {
    padding-left: 100px;
}
@media only screen and (min-width: 576px) and (max-width: 767px),
    only screen and (max-width: 576px) {
    .projectBackgroundOverlay .wrapper .main-text {
        padding-left: 50px;
    }
}
@media only screen and (max-width: 380px) {
    .projectBackgroundOverlay .wrapper .main-text {
        padding-left: 0;
    }
}
.projectBackgroundOverlay .wrapper .main-text.rtl {
    padding-left: 0;
    padding-right: 100px;
}
@media only screen and (min-width: 576px) and (max-width: 767px),
    only screen and (max-width: 576px) {
    .projectBackgroundOverlay .wrapper .main-text.rtl {
        padding-right: 50px;
    }
}
@media only screen and (max-width: 380px) {
    .projectBackgroundOverlay .wrapper .main-text.rtl {
        padding-right: 0;
    }
}
.projectBackgroundOverlay .wrapper .main-text h3 {
    font-size: 18px;
    font-weight: 600;
    color: var(--bg_white);
}
.projectBackgroundOverlay .wrapper .main-text h2 {
    margin-top: 15px;
    font-size: 55px;
    font-weight: 700;
    color: var(--bg_white);
    letter-spacing: 5px;
}
@media only screen and (min-width: 576px) and (max-width: 767px),
    only screen and (max-width: 576px) {
    .projectBackgroundOverlay .wrapper .main-text h2 {
        font-size: 26px;
    }
}
@media only screen and (max-width: 380px) {
    .projectBackgroundOverlay .wrapper .main-text h2 {
        font-size: 24px;
    }
}
.projectBackgroundOverlay .wrapper .main-text p {
    padding-right: 100px;
    color: var(--bg_white);
}
@media only screen and (min-width: 576px) and (max-width: 767px),
    only screen and (max-width: 576px) {
    .projectBackgroundOverlay .wrapper .main-text p {
        padding-right: 0;
    }
}
.projectBackgroundOverlay .wrapper .main-text p.rtl {
    padding-right: 0;
    padding-left: 100px;
}
@media only screen and (min-width: 576px) and (max-width: 767px),
    only screen and (max-width: 576px) {
    .projectBackgroundOverlay .wrapper .main-text p.rtl {
        padding-left: 0;
    }
}
.projectBackgroundOverlay .wrapper .shape-text {
    position: absolute;
    left: -25px;
    top: 40%;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
}
@media only screen and (min-width: 576px) and (max-width: 767px),
    only screen and (max-width: 576px) {
    .projectBackgroundOverlay .wrapper .shape-text {
        left: -70px;
    }
}
@media only screen and (max-width: 380px) {
    .projectBackgroundOverlay .wrapper .shape-text {
        display: none;
    }
}
.projectBackgroundOverlay .wrapper .shape-text h2 {
    font-size: 20px;
    font-weight: 700;
    color: var(--theme_color);
}
.projectBackgroundOverlay .wrapper .shape-text.rtl {
    left: auto;
    right: -25px;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
}
@media only screen and (min-width: 576px) and (max-width: 767px),
    only screen and (max-width: 576px) {
    .projectBackgroundOverlay .wrapper .shape-text.rtl {
        left: auto;
        right: -70px;
    }
}
@media only screen and (max-width: 380px) {
    .projectBackgroundOverlay .wrapper .shape-text.rtl {
        display: none;
    }
}
.projectBackgroundOverlay .box-text {
    position: absolute;
    bottom: -126px;
    left: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}
@media only screen and (min-width: 992px) and (max-width: 1199px),
    only screen and (min-width: 768px) and (max-width: 991px),
    only screen and (min-width: 576px) and (max-width: 767px),
    only screen and (max-width: 576px) {
    .projectBackgroundOverlay .box-text {
        display: none;
    }
}
.projectBackgroundOverlay .box-text .wrapper-left {
    background: var(--primary_color);
    padding: 30px 25px;
    width: 380px;
}
.projectBackgroundOverlay .box-text .wrapper-middle {
    position: relative;
    background: var(--theme_color);
    padding: 30px 25px;
    width: 380px;
}
.projectBackgroundOverlay .box-text .wrapper-middle::after {
    position: absolute;
    content: "";
    background: var(--primary_color);
    width: 30px;
    height: 30px;
    left: -18px;
    top: 50%;
    -webkit-clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
    clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
    -webkit-transform: rotate(90deg) translateY(-50%);
    transform: rotate(90deg) translateY(-50%);
}
.projectBackgroundOverlay .box-text .wrapper-middle::before {
    position: absolute;
    content: "";
    background: var(--primary_color);
    width: 30px;
    height: 30px;
    right: -18px;
    top: 50%;
    -webkit-clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
    clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
    -webkit-transform: rotate(-90deg) translateY(-50%);
    transform: rotate(-90deg) translateY(-50%);
}
.projectBackgroundOverlay .box-text .wrapper-right {
    background: var(--primary_color);
    padding: 30px 25px;
    width: 380px;
}
.projectBackgroundOverlay .box-text h2 {
    font-size: 30px;
    color: var(--bg_white);
    text-align: center;
    font-weight: 700;
    margin-top: 12px;
}
.projectBackgroundOverlay .box-text .icon-file {
    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;
    padding: 20px 0;
}
.projectBackgroundOverlay .box-text p {
    color: var(--bg_white);
    text-align: center;
}

/* ============= Project Background Overlay Section version two =============*/
.projectBackgroundOverlay-version-two {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 60px 0;
    position: relative;
    z-index: 0;
}
.projectBackgroundOverlay-version-two::after {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: rgba(51, 51, 51, 0.75);
    z-index: -1;
}
.projectBackgroundOverlay-version-two .wrapper h3 {
    margin-top: 10px;
    text-align: center;
    font-size: 26px;
    color: var(--theme_color);
}
.projectBackgroundOverlay-version-two .wrapper h2 {
    margin-top: 15px;
    text-align: center;
    font-size: 55px;
    font-weight: 700;
    color: var(--bg_white);
    text-transform: uppercase;
}
@media only screen and (min-width: 576px) and (max-width: 767px),
    only screen and (max-width: 576px) {
    .projectBackgroundOverlay-version-two .wrapper h2 {
        font-size: 30px;
    }
}
.projectBackgroundOverlay-version-two .wrapper p {
    margin-top: 15px;
    text-align: center;
    padding: 0 150px;
    font-size: 16px;
    color: var(--bg_white);
}
@media only screen and (min-width: 768px) and (max-width: 991px),
    only screen and (min-width: 576px) and (max-width: 767px),
    only screen and (max-width: 576px) {
    .projectBackgroundOverlay-version-two .wrapper p {
        padding: 0;
    }
}
.projectBackgroundOverlay-version-two .wrapper .btn-section {
    margin-top: 15px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.projectBackgroundOverlay-version-two
    .wrapper
    .btn-section
    .btn-shape-normal-outline {
    width: 148px;
}

/* ============= Project Background Overlay Section version three =============*/
.projectBackgroundOverlay-version-three {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    padding-top: 60px;
    padding-bottom: 170px;
    position: relative;
    z-index: 0;
}
@media only screen and (min-width: 768px) and (max-width: 991px),
    only screen and (min-width: 576px) and (max-width: 767px),
    only screen and (max-width: 576px) {
    .projectBackgroundOverlay-version-three {
        padding: 0;
    }
}
.projectBackgroundOverlay-version-three::after {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: rgba(51, 51, 51, 0.75);
    z-index: -1;
}
.projectBackgroundOverlay-version-three .wrapper h2 {
    margin-top: 15px;
    text-align: center;
    font-size: 55px;
    font-weight: 700;
    color: var(--bg_white);
    text-transform: capitalize;
}
@media only screen and (min-width: 768px) and (max-width: 991px),
    only screen and (min-width: 576px) and (max-width: 767px),
    only screen and (max-width: 576px) {
    .projectBackgroundOverlay-version-three .wrapper h2 {
        margin-top: 60px;
        font-size: 46px;
    }
}
@media only screen and (max-width: 576px) {
    .projectBackgroundOverlay-version-three .wrapper h2 {
        font-size: 32px;
    }
}
@media only screen and (max-width: 380px) {
    .projectBackgroundOverlay-version-three .wrapper h2 {
        font-size: 26px;
    }
}
.projectBackgroundOverlay-version-three .wrapper .btn-section {
    margin-top: 15px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
@media only screen and (min-width: 768px) and (max-width: 991px),
    only screen and (min-width: 576px) and (max-width: 767px),
    only screen and (max-width: 576px) {
    .projectBackgroundOverlay-version-three .wrapper .btn-section {
        padding-bottom: 60px;
    }
}
.projectBackgroundOverlay-version-three
    .wrapper
    .btn-section
    .btn-shape-normal-outline {
    width: 170px;
}
.projectBackgroundOverlay-version-three .wrapper .hip-slider {
    position: absolute;
    bottom: -118px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 500px;
    height: 250px;
    background: var(--primary_color);
    padding: 30px;
    border-radius: 8px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
@media only screen and (min-width: 768px) and (max-width: 991px),
    only screen and (min-width: 576px) and (max-width: 767px),
    only screen and (max-width: 576px) {
    .projectBackgroundOverlay-version-three .wrapper .hip-slider {
        display: none;
    }
}
.projectBackgroundOverlay-version-three .wrapper .hip-slider .text h2 {
    text-align: start;
    font-size: 36px;
    font-weight: 700;
}
.projectBackgroundOverlay-version-three .wrapper .hip-slider .list {
    margin-top: 10px;
}
.projectBackgroundOverlay-version-three .wrapper .hip-slider .list ul li {
    text-transform: capitalize;
    padding: 2px 0;
    font-weight: 500;
    color: var(--bg_white);
    font-size: 15px;
}
.projectBackgroundOverlay-version-three .wrapper .hip-slider .list ul li i {
    margin-right: 10px;
    color: var(--theme_color);
}
.projectBackgroundOverlay-version-three
    .wrapper
    .hip-slider
    .hip-slider-pagination {
    margin-top: 16px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 12px;
}
.projectBackgroundOverlay-version-three
    .wrapper
    .hip-slider
    .hip-slider-pagination
    .swiper-pagination-bullet {
    width: 10px;
    height: 10px;
    border-radius: 0;
}
.projectBackgroundOverlay-version-three
    .wrapper
    .hip-slider
    .hip-slider-pagination
    .swiper-pagination-bullet-active {
    background: var(--theme_color);
    opacity: 1;
}

/* ============= Project Background Overlay Section version Four =============*/
.projectBackgroundOverlay-version-four {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 80px 0;
    position: relative;
    z-index: 0;
}
.projectBackgroundOverlay-version-four::after {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: rgba(51, 51, 51, 0.75);
    z-index: -1;
}
.projectBackgroundOverlay-version-four .wrapper {
    position: relative;
}
.projectBackgroundOverlay-version-four .wrapper .main-text {
    padding-left: 100px;
}
@media only screen and (min-width: 768px) and (max-width: 991px),
    only screen and (min-width: 576px) and (max-width: 767px),
    only screen and (max-width: 576px) {
    .projectBackgroundOverlay-version-four .wrapper .main-text {
        padding-left: 0;
    }
}
.projectBackgroundOverlay-version-four .wrapper .main-text h2 {
    text-align: center;
    margin-top: 0;
    font-size: 42px;
    font-weight: 700;
    color: var(--bg_white);
}
@media only screen and (max-width: 576px) {
    .projectBackgroundOverlay-version-four .wrapper .main-text h2 {
        font-size: 30px;
    }
}
.projectBackgroundOverlay-version-four .wrapper .main-text p {
    padding-right: 100px;
    color: var(--bg_white);
}
.projectBackgroundOverlay-version-four .wrapper .box-text {
    margin-top: 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
@media only screen and (min-width: 992px) and (max-width: 1199px),
    only screen and (min-width: 768px) and (max-width: 991px),
    only screen and (min-width: 576px) and (max-width: 767px),
    only screen and (max-width: 576px) {
    .projectBackgroundOverlay-version-four .wrapper .box-text {
        display: none;
    }
}
.projectBackgroundOverlay-version-four .wrapper .box-text .wrapper-left {
    background: var(--bg_white);
    padding: 30px 25px;
    width: 380px;
}
.projectBackgroundOverlay-version-four .wrapper .box-text .wrapper-left h2 {
    color: var(--heading_color);
}
.projectBackgroundOverlay-version-four .wrapper .box-text .wrapper-left p {
    color: var(--text_color);
}
.projectBackgroundOverlay-version-four .wrapper .box-text .wrapper-middle {
    position: relative;
    background: var(--theme_color);
    padding: 30px 25px;
    width: 380px;
}
.projectBackgroundOverlay-version-four
    .wrapper
    .box-text
    .wrapper-middle::after {
    position: absolute;
    content: "";
    background: var(--bg_white);
    width: 30px;
    height: 30px;
    left: -18px;
    top: 50%;
    -webkit-clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
    clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
    -webkit-transform: rotate(90deg) translateY(-50%);
    transform: rotate(90deg) translateY(-50%);
}
.projectBackgroundOverlay-version-four
    .wrapper
    .box-text
    .wrapper-middle::before {
    position: absolute;
    content: "";
    background: var(--bg_white);
    width: 30px;
    height: 30px;
    right: -18px;
    top: 50%;
    -webkit-clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
    clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
    -webkit-transform: rotate(-90deg) translateY(-50%);
    transform: rotate(-90deg) translateY(-50%);
}
.projectBackgroundOverlay-version-four .wrapper .box-text .wrapper-right {
    background: var(--bg_white);
    padding: 30px 25px;
    width: 380px;
}
.projectBackgroundOverlay-version-four .wrapper .box-text .wrapper-right h2 {
    color: var(--heading_color);
}
.projectBackgroundOverlay-version-four .wrapper .box-text .wrapper-right p {
    color: var(--text_color);
}
.projectBackgroundOverlay-version-four .wrapper .box-text h2 {
    font-size: 30px;
    color: var(--bg_white);
    text-align: center;
    font-weight: 700;
    margin-top: 12px;
}
.projectBackgroundOverlay-version-four .wrapper .box-text .icon-file {
    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;
    padding: 20px 0;
}
.projectBackgroundOverlay-version-four .wrapper .box-text .icon-file img {
    width: 50px;
}
.projectBackgroundOverlay-version-four .wrapper .box-text p {
    color: var(--bg_white);
    text-align: center;
}

/*----------------------------------------*/
/*  16. Our Team Section
/*----------------------------------------*/
/* ============== Our Team Section version one ==============*/
@media only screen and (min-width: 992px) and (max-width: 1199px),
    only screen and (min-width: 768px) and (max-width: 991px),
    only screen and (min-width: 576px) and (max-width: 767px),
    only screen and (max-width: 576px) {
    .ourTeam-section-version-one {
        padding-top: 80px;
        padding-bottom: 30px;
    }
}
.ourTeam-section-version-one .inner-card-items-slider {
    position: relative;
    margin-top: 30px;
}
.ourTeam-section-version-one
    .inner-card-items-slider
    .team-version-one
    .swiper-wrapper
    .swiper-slide
    .inner-wrapper {
    border-radius: 8px;
    overflow: hidden;
    margin: 20px 10px;
    border: 2px solid var(--border_color);
}
.ourTeam-section-version-one
    .inner-card-items-slider
    .team-version-one
    .swiper-wrapper
    .swiper-slide
    .inner-wrapper
    .img-file
    img {
    width: 100%;
}
@media only screen and (max-width: 576px) {
    .ourTeam-section-version-one
        .inner-card-items-slider
        .team-version-one
        .swiper-wrapper
        .swiper-slide
        .inner-wrapper {
        margin: 20px 26px;
    }
}
.ourTeam-section-version-one
    .inner-card-items-slider
    .team-version-one
    .swiper-wrapper
    .swiper-slide
    .inner-wrapper
    .intro {
    padding: 18px 10px;
    text-align: center;
}
.ourTeam-section-version-one
    .inner-card-items-slider
    .team-version-one
    .swiper-wrapper
    .swiper-slide
    .inner-wrapper
    .intro
    .name {
    margin-top: 0;
    font-size: 20px;
    font-weight: 700;
    color: var(--theme_color);
    margin-bottom: 0;
}
.ourTeam-section-version-one
    .inner-card-items-slider
    .team-version-one
    .swiper-wrapper
    .swiper-slide
    .inner-wrapper
    .intro
    .position {
    margin: 0;
    margin-top: 5px;
    font-weight: 600;
    font-size: 14px;
    color: var(--heading_color);
}
.ourTeam-section-version-one
    .inner-card-items-slider
    .team-version-one
    .swiper-wrapper
    .swiper-slide
    .inner-wrapper
    .intro
    .social-icon {
    margin-top: 8px;
}
.ourTeam-section-version-one
    .inner-card-items-slider
    .team-version-one
    .swiper-wrapper
    .swiper-slide
    .inner-wrapper
    .intro
    .social-icon
    ul {
    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;
    gap: 10px;
}
@media only screen and (max-width: 576px) {
    .ourTeam-section-version-one
        .inner-card-items-slider
        .team-version-one
        .swiper-wrapper
        .swiper-slide
        .inner-wrapper
        .intro
        .social-icon
        ul
        li
        a {
        padding: 3px;
        margin-bottom: 10px;
    }
}
.ourTeam-section-version-one
    .inner-card-items-slider
    .team-version-one
    .swiper-wrapper
    .swiper-slide
    .inner-wrapper
    .intro
    .social-icon
    ul
    li
    i {
    font-size: 18px;
    -webkit-transition: all 0.2s linear;
    transition: all 0.2s linear;
}
@media only screen and (max-width: 576px) {
    .ourTeam-section-version-one
        .inner-card-items-slider
        .team-version-one
        .swiper-wrapper
        .swiper-slide
        .inner-wrapper
        .intro
        .social-icon
        ul
        li
        i {
        font-size: 26px;
    }
}
.ourTeam-section-version-one
    .inner-card-items-slider
    .team-version-one
    .swiper-wrapper
    .swiper-slide
    .inner-wrapper
    .intro
    .social-icon
    ul
    li:hover
    .fa-facebook-f {
    color: var(--facebook);
}
.ourTeam-section-version-one
    .inner-card-items-slider
    .team-version-one
    .swiper-wrapper
    .swiper-slide
    .inner-wrapper
    .intro
    .social-icon
    ul
    li:hover
    .fa-twitter {
    color: var(--twitter);
}
.ourTeam-section-version-one
    .inner-card-items-slider
    .team-version-one
    .swiper-wrapper
    .swiper-slide
    .inner-wrapper
    .intro
    .social-icon
    ul
    li:hover
    .fa-youtube {
    color: var(--youtube);
}
.ourTeam-section-version-one
    .inner-card-items-slider
    .team-version-one
    .swiper-wrapper
    .swiper-slide
    .inner-wrapper
    .intro
    .social-icon
    ul
    li:hover
    .fa-linkedin {
    color: var(--linkedin);
}
.ourTeam-section-version-one
    .inner-card-items-slider
    .team-version-one-pagination {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 10px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 38px;
}
.ourTeam-section-version-one
    .inner-card-items-slider
    .team-version-one-pagination
    .swiper-pagination-bullet-active {
    background: var(--theme_color);
}

/* ============== Our Team Section version two ==============*/
.ourTeam-section-version-two .inner-card-items-slider {
    position: relative;
    margin-top: 40px;
}
.ourTeam-section-version-two
    .inner-card-items-slider
    .team-version-two
    .swiper-wrapper
    .swiper-slide
    .inner-wrapper {
    border-radius: 8px;
    overflow: hidden;
    margin: 20px 15px;
}
.ourTeam-section-version-two
    .inner-card-items-slider
    .team-version-two
    .swiper-wrapper
    .swiper-slide
    .inner-wrapper
    .img-file
    img {
    width: 100%;
}
@media only screen and (min-width: 576px) and (max-width: 767px),
    only screen and (max-width: 576px) {
    .ourTeam-section-version-two
        .inner-card-items-slider
        .team-version-two
        .swiper-wrapper
        .swiper-slide
        .inner-wrapper {
        margin: 20px 30px;
    }
}
.ourTeam-section-version-two
    .inner-card-items-slider
    .team-version-two
    .swiper-wrapper
    .swiper-slide
    .inner-wrapper
    .intro {
    padding: 18px 10px;
    text-align: center;
}
.ourTeam-section-version-two
    .inner-card-items-slider
    .team-version-two
    .swiper-wrapper
    .swiper-slide
    .inner-wrapper
    .intro
    .name {
    margin-top: 0;
    font-size: 20px;
    font-weight: 700;
    color: var(--theme_color);
    margin-bottom: 0;
}
.ourTeam-section-version-two
    .inner-card-items-slider
    .team-version-two
    .swiper-wrapper
    .swiper-slide
    .inner-wrapper
    .intro
    .position {
    margin: 0;
    margin-top: 5px;
    font-weight: 600;
    font-size: 14px;
    color: var(--heading_color);
}
.ourTeam-section-version-two
    .inner-card-items-slider
    .team-version-two
    .swiper-wrapper
    .swiper-slide
    .inner-wrapper
    .intro
    .social-icon {
    margin-top: 8px;
}
.ourTeam-section-version-two
    .inner-card-items-slider
    .team-version-two
    .swiper-wrapper
    .swiper-slide
    .inner-wrapper
    .intro
    .social-icon
    ul {
    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;
    gap: 10px;
}
.ourTeam-section-version-two
    .inner-card-items-slider
    .team-version-two
    .swiper-wrapper
    .swiper-slide
    .inner-wrapper
    .intro
    .social-icon
    ul
    li
    a {
    font-size: 18px;
}
@media only screen and (min-width: 576px) and (max-width: 767px),
    only screen and (max-width: 576px) {
    .ourTeam-section-version-two
        .inner-card-items-slider
        .team-version-two
        .swiper-wrapper
        .swiper-slide
        .inner-wrapper
        .intro
        .social-icon
        ul
        li
        a {
        padding: 2px;
    }
}
.ourTeam-section-version-two
    .inner-card-items-slider
    .team-version-two
    .swiper-wrapper
    .swiper-slide
    .inner-wrapper
    .intro
    .social-icon
    ul
    li
    i {
    font-size: 18px;
    -webkit-transition: all 0.2s linear;
    transition: all 0.2s linear;
}
@media only screen and (min-width: 576px) and (max-width: 767px),
    only screen and (max-width: 576px) {
    .ourTeam-section-version-two
        .inner-card-items-slider
        .team-version-two
        .swiper-wrapper
        .swiper-slide
        .inner-wrapper
        .intro
        .social-icon
        ul
        li
        i {
        font-size: 26px;
    }
}
.ourTeam-section-version-two
    .inner-card-items-slider
    .team-version-two
    .swiper-wrapper
    .swiper-slide
    .inner-wrapper
    .intro
    .social-icon
    ul
    li:hover
    .fa-facebook-f {
    color: var(--facebook);
}
.ourTeam-section-version-two
    .inner-card-items-slider
    .team-version-two
    .swiper-wrapper
    .swiper-slide
    .inner-wrapper
    .intro
    .social-icon
    ul
    li:hover
    .fa-twitter {
    color: var(--twitter);
}
.ourTeam-section-version-two
    .inner-card-items-slider
    .team-version-two
    .swiper-wrapper
    .swiper-slide
    .inner-wrapper
    .intro
    .social-icon
    ul
    li:hover
    .fa-youtube {
    color: var(--youtube);
}
.ourTeam-section-version-two
    .inner-card-items-slider
    .team-version-two
    .swiper-wrapper
    .swiper-slide
    .inner-wrapper
    .intro
    .social-icon
    ul
    li:hover
    .fa-linkedin {
    color: var(--linkedin);
}
.ourTeam-section-version-two
    .inner-card-items-slider
    .team-version-two-pagination {
    position: absolute;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    z-index: 9;
    left: 0;
    bottom: -50px;
    gap: 12px;
}
.ourTeam-section-version-two
    .inner-card-items-slider
    .team-version-two-pagination
    .swiper-pagination-bullet {
    width: 10px;
    height: 10px;
    border-radius: 0;
}
.ourTeam-section-version-two
    .inner-card-items-slider
    .team-version-two-pagination
    .swiper-pagination-bullet-active {
    background: var(--theme_color);
    opacity: 1;
}

/* ============== Our Team Section version three ==============*/
.ourTeam-section-version-three .inner-card-items-slider {
    position: relative;
    margin-top: 40px;
}
.ourTeam-section-version-three
    .inner-card-items-slider
    .team-version-three
    .inner-wrapper {
    position: relative;
    border-radius: 8px;
    margin: 20px 10px;
}
@media only screen and (max-width: 576px) {
    .ourTeam-section-version-three
        .inner-card-items-slider
        .team-version-three
        .inner-wrapper {
        margin: 20px 20px;
    }
}
.ourTeam-section-version-three
    .inner-card-items-slider
    .team-version-three
    .inner-wrapper
    .img-file {
    position: relative;
    z-index: 9;
    border-radius: 8px 8px 0 0;
    overflow: hidden;
}
@media only screen and (min-width: 576px) and (max-width: 767px),
    only screen and (max-width: 576px) {
    .ourTeam-section-version-three
        .inner-card-items-slider
        .team-version-three
        .inner-wrapper
        .img-file
        img {
        width: 100%;
    }
}
.ourTeam-section-version-three
    .inner-card-items-slider
    .team-version-three
    .inner-wrapper
    .intro {
    position: relative;
    z-index: 9;
    padding: 18px 10px;
    text-align: center;
    border: 1px solid var(--border_color);
    border-top: transparent;
    border-radius: 0 0 8px 8px;
    padding-bottom: 10px;
    background: var(--bg_white);
    -webkit-transition: all 0.2s linear;
    transition: all 0.2s linear;
}
.ourTeam-section-version-three
    .inner-card-items-slider
    .team-version-three
    .inner-wrapper
    .intro
    .name {
    margin-top: 0;
    font-size: 20px;
    font-weight: 700;
    color: var(--heading_color);
    margin-bottom: 0;
}
.ourTeam-section-version-three
    .inner-card-items-slider
    .team-version-three
    .inner-wrapper
    .intro
    .position {
    margin: 0;
    margin-top: 5px;
    font-weight: 600;
    font-size: 14px;
    color: var(--theme_color);
}
.ourTeam-section-version-three
    .inner-card-items-slider
    .team-version-three
    .inner-wrapper
    .intro
    .social-icon {
    margin-top: 8px;
    margin-bottom: 5px;
}
.ourTeam-section-version-three
    .inner-card-items-slider
    .team-version-three
    .inner-wrapper
    .intro
    .social-icon
    ul {
    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;
    gap: 10px;
}
@media only screen and (min-width: 576px) and (max-width: 767px),
    only screen and (max-width: 576px) {
    .ourTeam-section-version-three
        .inner-card-items-slider
        .team-version-three
        .inner-wrapper
        .intro
        .social-icon
        ul
        li {
        margin-bottom: 6px;
    }
}
.ourTeam-section-version-three
    .inner-card-items-slider
    .team-version-three
    .inner-wrapper
    .intro
    .social-icon
    ul
    li
    a {
    font-size: 18px;
    padding: 2px;
    color: var(--primary_color);
}
@media only screen and (min-width: 576px) and (max-width: 767px),
    only screen and (max-width: 576px) {
    .ourTeam-section-version-three
        .inner-card-items-slider
        .team-version-three
        .inner-wrapper
        .intro
        .social-icon
        ul
        li
        a {
        padding: 3px;
    }
}
.ourTeam-section-version-three
    .inner-card-items-slider
    .team-version-three
    .inner-wrapper
    .intro
    .social-icon
    ul
    li
    a
    i {
    font-size: 18px;
    -webkit-transition: all 0.2s linear;
    transition: all 0.2s linear;
}
@media only screen and (min-width: 576px) and (max-width: 767px),
    only screen and (max-width: 576px) {
    .ourTeam-section-version-three
        .inner-card-items-slider
        .team-version-three
        .inner-wrapper
        .intro
        .social-icon
        ul
        li
        a
        i {
        font-size: 26px;
    }
}
.ourTeam-section-version-three
    .inner-card-items-slider
    .team-version-three
    .inner-wrapper
    .intro
    .social-icon
    ul
    li
    a:hover {
    color: var(--theme_color);
}
.ourTeam-section-version-three
    .inner-card-items-slider
    .team-version-three
    .inner-wrapper
    .overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    bottom: 0;
    background: var(--theme_color);
    z-index: 0;
    border-radius: 8px;
    -webkit-transition: all 0.2s linear;
    transition: all 0.2s linear;
    visibility: hidden;
    opacity: 0;
    padding: 0;
}
.ourTeam-section-version-three
    .inner-card-items-slider
    .team-version-three
    .inner-wrapper:hover
    .intro {
    border: 1px solid var(--theme_color);
    border-top: transparent;
}
.ourTeam-section-version-three
    .inner-card-items-slider
    .team-version-three
    .inner-wrapper:hover
    .overlay {
    bottom: -7px;
    visibility: visible;
    opacity: 1;
}
.ourTeam-section-version-three
    .inner-card-items-slider
    .team-version-three.noSlider
    .inner-wrapper {
    margin: 20px 5px;
}

.team-version-three-pagination {
    margin-top: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    z-index: 9;
    gap: 12px;
}
.team-version-three-pagination .swiper-pagination-bullet {
    width: 10px;
    height: 10px;
    border-radius: 0;
}
.team-version-three-pagination .swiper-pagination-bullet-active {
    background: var(--theme_color);
    opacity: 1;
}

/*----------------------------------------*/
/* 17. Team Details Section
/*----------------------------------------*/
/* ============== Team Details Section version One start ==============*/
.single-team-details-version-one {
    margin-top: 80px;
}
@media only screen and (min-width: 768px) and (max-width: 991px),
    only screen and (min-width: 576px) and (max-width: 767px),
    only screen and (max-width: 576px) {
    .single-team-details-version-one .person-details .left-side .img-file {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
}
.single-team-details-version-one .person-details .left-side .img-file img {
    border-radius: 8px;
    overflow: hidden;
}
.single-team-details-version-one .person-details .right-side {
    padding-left: 30px;
}
@media only screen and (min-width: 768px) and (max-width: 991px),
    only screen and (min-width: 576px) and (max-width: 767px),
    only screen and (max-width: 576px) {
    .single-team-details-version-one .person-details .right-side {
        padding-left: 0;
        margin-top: 60px;
    }
}
.single-team-details-version-one .person-details .right-side .wrapper .name h2 {
    font-size: 36px;
    font-weight: 700;
    color: var(--heading_color);
    margin: 0;
    padding-top: 35px;
}
.single-team-details-version-one .person-details .right-side .wrapper .name p {
    font-size: 20px;
    margin: 0;
    margin-top: 5px;
}
.single-team-details-version-one .person-details .right-side .wrapper .data {
    margin-top: 20px;
}
.single-team-details-version-one .person-details .right-side .wrapper .data span i{
    color: #fff;
    height: 30px;
    width: 30px;
    line-height: 30px;
    background-color: red;
    text-align: center;
    border-radius: 50%;
}
.single-team-details-version-one
    .person-details
    .right-side
    .wrapper
    .data
    ul
    li {
    padding: 4px 0;
}
.single-team-details-version-one
    .person-details
    .right-side
    .wrapper
    .data
    ul
    li
    span:first-child {
    font-weight: 700;
    color: var(--heading_color);
}
.single-team-details-version-one .person-details .right-side .wrapper .review {
    margin-top: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: start;
    gap: 20px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
.single-team-details-version-one
    .person-details
    .right-side
    .wrapper
    .review
    span
    i {
    font-size: 50px;
    color: var(--border_color);
}
.single-team-details-version-one
    .person-details
    .right-side
    .wrapper
    .btn-shape-normal-outline {
    width: 156px;
    margin: 0;
    margin-top: 20px;
}
.single-team-details-version-one .person-details .right-side.rtl {
    padding-left: 0;
    padding-right: 30px;
}
@media only screen and (min-width: 768px) and (max-width: 991px),
    only screen and (min-width: 576px) and (max-width: 767px),
    only screen and (max-width: 576px) {
    .single-team-details-version-one .person-details .right-side.rtl {
        padding-right: 0;
    }
}
.single-team-details-version-one .history-skill .wrapper {
    padding-top: 50px;
}
.single-team-details-version-one .history-skill .wrapper hr {
    color: var(--border_color);
}
.single-team-details-version-one .history-skill .wrapper h2 {
    margin-top: 40px;
    text-align: center;
    font-size: 36px;
    font-weight: 700;
    color: var(--heading_color);
}
.single-team-details-version-one .history-skill .wrapper p {
    margin-top: 20px;
    padding: 0 60px;
    text-align: center;
}
@media only screen and (min-width: 768px) and (max-width: 991px),
    only screen and (min-width: 576px) and (max-width: 767px),
    only screen and (max-width: 576px) {
    .single-team-details-version-one .history-skill .wrapper p {
        padding: 0;
        margin-top: 40px;
    }
}
.single-team-details-version-one .activities {
    padding-top: 50px;
}
.single-team-details-version-one .activities .left-side {
    padding-right: 20px;
}
.single-team-details-version-one
    .activities
    .left-side
    .wrapper
    .heading-text
    h2 {
    font-size: 22px;
    font-weight: 700;
    color: var(--heading_color);
}
.single-team-details-version-one .activities .left-side .wrapper .accordion {
    margin-top: 20px;
}
.single-team-details-version-one
    .activities
    .left-side
    .wrapper
    .accordion
    .accordion-item {
    margin-bottom: 10px;
    border-radius: 5px;
    overflow: hidden;
}
.single-team-details-version-one
    .activities
    .left-side
    .wrapper
    .accordion
    .accordion-item
    .accordion-header
    .accordion-button {
    padding-left: 40px;
    position: relative;
    color: var(--bg_white);
    background-color: var(--theme_color);
    border: 1px solid var(--theme_color);
}
.single-team-details-version-one
    .activities
    .left-side
    .wrapper
    .accordion
    .accordion-item
    .accordion-header
    .accordion-button:focus {
    border: 1px solid var(--theme_color);
    outline: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
}
.single-team-details-version-one
    .activities
    .left-side
    .wrapper
    .accordion
    .accordion-item
    .accordion-header
    .accordion-button::after {
    content: "\f101";
    background-image: none;
    font-family: "Font Awesome 6 Pro";
    position: absolute;
    left: 15px;
    color: var(--bg_white);
    -webkit-transition: all 0.2s linear;
    transition: all 0.2s linear;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}
.single-team-details-version-one
    .activities
    .left-side
    .wrapper
    .accordion
    .accordion-item
    .accordion-header
    .accordion-button:not(.collapsed)::after {
    -webkit-transition: all 0.2s linear;
    transition: all 0.2s linear;
    background-image: none;
    content: "\f103";
    color: var(--bg_white);
}
@media only screen and (min-width: 768px) and (max-width: 991px),
    only screen and (min-width: 576px) and (max-width: 767px),
    only screen and (max-width: 576px) {
    .single-team-details-version-one .activities .right-side {
        margin-top: 60px;
    }
}
.single-team-details-version-one .activities .right-side .heading-text h2 {
    font-size: 22px;
    font-weight: 700;
    color: var(--heading_color);
}
.single-team-details-version-one .activities .right-side .heading-text p {
    margin-top: 20px;
}
.single-team-details-version-one .activities .right-side .skill-bar {
    margin-top: 30px;
}
.single-team-details-version-one
    .activities
    .right-side
    .skill-bar
    .skill-list {
    padding-bottom: 25px;
}
.single-team-details-version-one
    .activities
    .right-side
    .skill-bar
    .skill-list
    .intro {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.single-team-details-version-one
    .activities
    .right-side
    .skill-bar
    .skill-list
    .intro
    h2 {
    font-size: 18px;
    font-weight: 700;
    color: var(--heading_color);
}
.single-team-details-version-one
    .activities
    .right-side
    .skill-bar
    .skill-list
    .intro
    h2:last-child {
    font-size: 26px;
    color: var(--theme_color);
}
.single-team-details-version-one
    .activities
    .right-side
    .skill-bar
    .skill-list
    .progress {
    height: 10px;
}
.single-team-details-version-one
    .activities
    .right-side
    .skill-bar
    .skill-list
    .progress
    .progress-bar {
    background: var(--theme_color);
}

/*----------------------------------------*/
/*  18. Latest Projects Section
/*----------------------------------------*/
/* =============== Latest Projects Section version one ===============*/
.latest-project-version-one .project-body .project-filter {
    position: relative;
    margin-top: 40px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 15px;
}
@media only screen and (max-width: 576px) {
    .latest-project-version-one .project-body .project-filter {
        display: block;
    }
}
.latest-project-version-one .project-body .project-filter button {
    position: relative;
    font-size: 18px;
    font-weight: 600;
}
@media only screen and (max-width: 576px) {
    .latest-project-version-one .project-body .project-filter button {
        padding: 10px 20px;
        border-radius: 5px;
        background: var(--border_color);
        margin: 0 3px;
        margin-bottom: 14px;
        -webkit-transition: all 0.2s linear;
        transition: all 0.2s linear;
    }
}
.latest-project-version-one .project-body .project-filter button::after {
    position: absolute;
    content: "";
    width: 16px;
    height: 0;
    background: var(--theme_color);
    left: 50%;
    bottom: -20px;
    -webkit-clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
    clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    -webkit-transition: all 0.2s linear;
    transition: all 0.2s linear;
}
@media only screen and (max-width: 576px) {
    .latest-project-version-one .project-body .project-filter button::after {
        display: none;
    }
}
.latest-project-version-one .project-body .project-filter button.active {
    color: var(--theme_color);
}
@media only screen and (max-width: 576px) {
    .latest-project-version-one
        .project-body
        .project-filter
        button.active.active {
        background: var(--theme_color);
        color: var(--bg_white);
    }
}
.latest-project-version-one .project-body .project-filter button.active::after {
    height: 16px;
}
.latest-project-version-one .project-body .project-filter button:hover {
    color: var(--theme_color);
}
@media only screen and (max-width: 576px) {
    .latest-project-version-one .project-body .project-filter button:hover {
        background: var(--theme_color);
        color: var(--bg_white);
    }
}
.latest-project-version-one .project-body .project-filter button:hover::after {
    height: 16px;
}
.latest-project-version-one .project-body .project-filter::after {
    position: absolute;
    content: "";
    width: 600px;
    height: 6px;
    background: var(--theme_color);
    left: 50%;
    bottom: -22px;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    border-radius: 5px;
}
@media only screen and (max-width: 576px) {
    .latest-project-version-one .project-body .project-filter::after {
        display: none;
    }
}
.latest-project-version-one .project-body .project-version-one {
    margin-top: 40px;
}
@media only screen and (max-width: 576px) {
    .latest-project-version-one .project-body .project-version-one {
        margin-top: 0;
    }
}
.latest-project-version-one .project-body .project-version-one .project-item {
    margin-bottom: 30px;
}
@media only screen and (max-width: 576px) {
    .latest-project-version-one
        .project-body
        .project-version-one
        .project-item {
        margin-bottom: 0;
    }
}
@media only screen and (max-width: 576px) {
    .latest-project-version-one
        .project-body
        .project-version-one
        .project-item
        .project-wrapper {
        margin-bottom: 0;
    }
}
.latest-project-version-one
    .project-body
    .project-version-one
    .project-item
    .project-wrapper
    .img-file {
    border-radius: 10px;
    overflow: hidden;
    position: relative;
}
.latest-project-version-one
    .project-body
    .project-version-one
    .project-item
    .project-wrapper
    .img-file
    img {
    -webkit-transition: all 0.3s linear;
    transition: all 0.3s linear;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%;
}
.latest-project-version-one
    .project-body
    .project-version-one
    .project-item
    .project-wrapper
    .img-file
    .text-overlay {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 9;
    padding: 10px 14px;
    margin-top: 20px;
}
.latest-project-version-one
    .project-body
    .project-version-one
    .project-item
    .project-wrapper
    .img-file
    .text-overlay
    .text {
    visibility: hidden;
    opacity: 0;
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px);
    -webkit-transition: all 0.3s linear;
    transition: all 0.3s linear;
}
.latest-project-version-one
    .project-body
    .project-version-one
    .project-item
    .project-wrapper
    .img-file
    .text-overlay
    .text
    span {
    color: var(--bg_white);
}
.latest-project-version-one
    .project-body
    .project-version-one
    .project-item
    .project-wrapper
    .img-file
    .text-overlay
    .text
    h2 {
    margin-top: 10px;
    font-size: 24px;
    font-weight: 700;
    color: var(--bg_white);
    text-transform: capitalize;
}
.latest-project-version-one
    .project-body
    .project-version-one
    .project-item
    .project-wrapper
    .img-file
    .text-overlay
    .text
    p {
    font-weight: 400;
    color: var(--bg_white);
    margin-top: 10px;
}
.latest-project-version-one
    .project-body
    .project-version-one
    .project-item
    .project-wrapper
    .img-file
    .btn-section {
    position: absolute;
    bottom: 15px;
    left: 10px;
    z-index: 9;
}
@media only screen and (min-width: 576px) and (max-width: 767px),
    only screen and (max-width: 576px) {
    .latest-project-version-one
        .project-body
        .project-version-one
        .project-item
        .project-wrapper
        .img-file
        .btn-section {
        bottom: 26px;
    }
}
.latest-project-version-one
    .project-body
    .project-version-one
    .project-item
    .project-wrapper
    .img-file
    .btn-section
    .btn-shape-normal-outline {
    padding: 10px 10px;
    width: 130px;
    visibility: hidden;
    opacity: 0;
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
    -webkit-transition: all 0.3s linear;
    transition: all 0.3s linear;
}
@media only screen and (min-width: 576px) and (max-width: 767px),
    only screen and (max-width: 576px) {
    .latest-project-version-one
        .project-body
        .project-version-one
        .project-item
        .project-wrapper
        .img-file
        .btn-section
        .btn-shape-normal-outline {
        padding: 16px;
    }
}
.latest-project-version-one
    .project-body
    .project-version-one
    .project-item
    .project-wrapper
    .img-file
    .btn-section.rtl {
    left: auto;
    right: 10px;
}
.latest-project-version-one
    .project-body
    .project-version-one
    .project-item
    .project-wrapper
    .img-file::after {
    position: absolute;
    background: rgba(52, 58, 64, 0.7568627451);
    content: "";
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 0;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all 0.3s linear;
    transition: all 0.3s linear;
}
.latest-project-version-one
    .project-body
    .project-version-one
    .project-item
    .project-wrapper
    .img-file:hover
    img {
    -webkit-transform: scale(110%);
    transform: scale(110%);
}
.latest-project-version-one
    .project-body
    .project-version-one
    .project-item
    .project-wrapper
    .img-file:hover
    .text {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    visibility: visible;
    opacity: 1;
}
.latest-project-version-one
    .project-body
    .project-version-one
    .project-item
    .project-wrapper
    .img-file:hover
    .btn-section
    .btn-shape-normal-outline {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    visibility: visible;
    opacity: 1;
}
.latest-project-version-one
    .project-body
    .project-version-one
    .project-item
    .project-wrapper
    .img-file:hover::after {
    visibility: visible;
    opacity: 1;
}
@media only screen and (max-width: 576px) {
    .latest-project-version-one
        .project-body
        .project-version-one
        .project-item
        .project-wrapper {
        margin: 20px;
    }
}

/* =============== Latest Projects Section version two ===============*/
.latest-project-version-two .project-body .project-filter {
    position: relative;
    margin-top: 40px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 15px;
}
@media only screen and (min-width: 576px) and (max-width: 767px),
    only screen and (max-width: 576px) {
    .latest-project-version-two .project-body .project-filter {
        display: block;
        margin-bottom: 20px;
    }
}
.latest-project-version-two .project-body .project-filter button {
    padding: 8px 14px;
    border-radius: 5px;
    font-weight: 500;
    font-size: 16px;
    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;
    background: transparent;
    border: 1px solid var(--border_color);
    -webkit-transition: all 0.2s linear;
    transition: all 0.2s linear;
}
@media only screen and (min-width: 576px) and (max-width: 767px),
    only screen and (max-width: 576px) {
    .latest-project-version-two .project-body .project-filter button {
        padding: 12px 20px;
        display: inline-block;
        margin: 0 4px;
        margin-bottom: 10px;
    }
}
.latest-project-version-two .project-body .project-filter button:hover {
    background: var(--theme_color);
    color: var(--bg_white);
    border: 1px solid var(--theme_color);
}
.latest-project-version-two .project-body .project-filter button.active {
    background: var(--theme_color);
    color: var(--bg_white);
    border: 1px solid var(--theme_color);
}
.latest-project-version-two .project-body .project-version-two {
    margin-top: 40px;
}
.latest-project-version-two .project-body .project-version-two .project-item {
    margin-bottom: 30px;
}
@media only screen and (min-width: 576px) and (max-width: 767px),
    only screen and (max-width: 576px) {
    .latest-project-version-two
        .project-body
        .project-version-two
        .project-item {
        margin-bottom: 30px;
    }
}
@media only screen and (min-width: 576px) and (max-width: 767px),
    only screen and (max-width: 576px) {
    .latest-project-version-two
        .project-body
        .project-version-two
        .project-item
        .project-wrapper {
        padding: 0 15px;
    }
}
.latest-project-version-two
    .project-body
    .project-version-two
    .project-item
    .project-wrapper
    .img-file {
    border-radius: 10px;
    overflow: hidden;
    position: relative;
}
.latest-project-version-two
    .project-body
    .project-version-two
    .project-item
    .project-wrapper
    .img-file
    img {
    -webkit-transition: all 0.3s linear;
    transition: all 0.3s linear;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%;
}
.latest-project-version-two
    .project-body
    .project-version-two
    .project-item
    .project-wrapper
    .img-file
    .text-overlay {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 9;
    padding: 10px 10px;
    margin-top: 20px;
}
.latest-project-version-two
    .project-body
    .project-version-two
    .project-item
    .project-wrapper
    .img-file
    .text-overlay
    .text {
    visibility: hidden;
    opacity: 0;
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px);
    -webkit-transition: all 0.3s linear;
    transition: all 0.3s linear;
    text-align: center;
}
.latest-project-version-two
    .project-body
    .project-version-two
    .project-item
    .project-wrapper
    .img-file
    .text-overlay
    .text
    span {
    color: var(--bg_white);
}
.latest-project-version-two
    .project-body
    .project-version-two
    .project-item
    .project-wrapper
    .img-file
    .text-overlay
    .text
    h2 {
    margin-top: 10px;
    font-size: 26px;
    font-weight: 700;
    color: var(--bg_white);
    text-transform: capitalize;
}
.latest-project-version-two
    .project-body
    .project-version-two
    .project-item
    .project-wrapper
    .img-file
    .text-overlay
    .text
    p {
    font-weight: 400;
    color: var(--bg_white);
    margin-top: 10px;
    text-transform: capitalize;
    font-size: 15px;
}
.latest-project-version-two
    .project-body
    .project-version-two
    .project-item
    .project-wrapper
    .img-file
    .text-overlay
    .text
    .location {
    margin-top: 10px;
}
.latest-project-version-two
    .project-body
    .project-version-two
    .project-item
    .project-wrapper
    .img-file
    .text-overlay
    .text
    .location
    i {
    color: var(--theme_color);
}
.latest-project-version-two
    .project-body
    .project-version-two
    .project-item
    .project-wrapper
    .img-file
    .text-overlay
    .text
    .location
    span {
    padding-left: 6px;
    font-size: 20px;
    font-weight: 700;
}
@media only screen and (min-width: 576px) and (max-width: 767px),
    only screen and (max-width: 576px) {
    .latest-project-version-two
        .project-body
        .project-version-two
        .project-item
        .project-wrapper
        .img-file
        .text-overlay.rtl {
        left: 50%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
    }
}
.latest-project-version-two
    .project-body
    .project-version-two
    .project-item
    .project-wrapper
    .img-file
    .btn-section {
    position: absolute;
    bottom: 12px;
    left: 50%;
    z-index: 9;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}
@media only screen and (min-width: 576px) and (max-width: 767px),
    only screen and (max-width: 576px) {
    .latest-project-version-two
        .project-body
        .project-version-two
        .project-item
        .project-wrapper
        .img-file
        .btn-section {
        bottom: 30px;
    }
}
.latest-project-version-two
    .project-body
    .project-version-two
    .project-item
    .project-wrapper
    .img-file
    .btn-section
    .btn-shape-normal-outline {
    padding: 10px 10px;
    width: 130px;
    visibility: hidden;
    opacity: 0;
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
    -webkit-transition: all 0.3s linear;
    transition: all 0.3s linear;
}
@media only screen and (min-width: 576px) and (max-width: 767px),
    only screen and (max-width: 576px) {
    .latest-project-version-two
        .project-body
        .project-version-two
        .project-item
        .project-wrapper
        .img-file
        .btn-section
        .btn-shape-normal-outline {
        padding: 16px;
    }
}
.latest-project-version-two
    .project-body
    .project-version-two
    .project-item
    .project-wrapper
    .img-file::after {
    position: absolute;
    background: rgba(52, 58, 64, 0.7568627451);
    content: "";
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 0;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all 0.3s linear;
    transition: all 0.3s linear;
}
.latest-project-version-two
    .project-body
    .project-version-two
    .project-item
    .project-wrapper
    .img-file:hover
    img {
    -webkit-transform: scale(110%);
    transform: scale(110%);
}
.latest-project-version-two
    .project-body
    .project-version-two
    .project-item
    .project-wrapper
    .img-file:hover
    .text {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    visibility: visible;
    opacity: 1;
}
.latest-project-version-two
    .project-body
    .project-version-two
    .project-item
    .project-wrapper
    .img-file:hover
    .btn-section
    .btn-shape-normal-outline {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    visibility: visible;
    opacity: 1;
}
.latest-project-version-two
    .project-body
    .project-version-two
    .project-item
    .project-wrapper
    .img-file:hover::after {
    visibility: visible;
    opacity: 1;
}

/* =============== Latest Projects Section version three ===============*/
.latest-project-version-three .project-body .project-version-three {
    margin-top: 40px;
}
.latest-project-version-three
    .project-body
    .project-version-three
    .project-item {
    margin-bottom: 30px;
}
@media only screen and (max-width: 576px) {
    .latest-project-version-three
        .project-body
        .project-version-three
        .project-item {
        padding: 0 15px;
    }
}
.latest-project-version-three
    .project-body
    .project-version-three
    .project-item
    .project-wrapper {
    background: var(--bg_white);
    border-radius: 10px;
    overflow: hidden;
    padding-bottom: 15px;
    -webkit-transition: all 0.3s linear;
    transition: all 0.3s linear;
}
.latest-project-version-three
    .project-body
    .project-version-three
    .project-item
    .project-wrapper
    .img-file {
    overflow: hidden;
    position: relative;
}
@media only screen and (max-width: 576px) {
    .latest-project-version-three
        .project-body
        .project-version-three
        .project-item
        .project-wrapper
        .img-file
        img {
        width: 100%;
    }
}
.latest-project-version-three
    .project-body
    .project-version-three
    .project-item
    .project-wrapper
    .img-file::after {
    position: absolute;
    background: rgba(35, 38, 41, 0.39);
    content: "";
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 0;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all 0.3s linear;
    transition: all 0.3s linear;
}
.latest-project-version-three
    .project-body
    .project-version-three
    .project-item
    .project-wrapper
    .img-file
    .date {
    position: absolute;
    top: 18px;
    right: 10px;
    z-index: 9;
    padding: 6px 12px;
    background: var(--theme_color);
    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;
    border-radius: 3px;
    -webkit-transition: all 0.3s linear;
    transition: all 0.3s linear;
    visibility: hidden;
    opacity: 0;
}
.latest-project-version-three
    .project-body
    .project-version-three
    .project-item
    .project-wrapper
    .img-file
    .date::after {
    position: absolute;
    content: "";
    top: -12px;
    left: 50%;
    width: 20px;
    height: 20px;
    background: var(--theme_color);
    -webkit-clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
    clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    z-index: -1;
}
.latest-project-version-three
    .project-body
    .project-version-three
    .project-item
    .project-wrapper
    .img-file
    .date
    span {
    font-size: 15px;
    color: var(--bg_white);
    border-radius: 5px;
    line-height: initial;
    font-weight: 600;
}
.latest-project-version-three
    .project-body
    .project-version-three
    .project-item
    .project-wrapper
    .img-file
    .location {
    position: absolute;
    bottom: 0;
    left: 50%;
    padding: 15px 10px;
    background: var(--primary_color);
    z-index: 9;
    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;
    width: 70%;
    border-radius: 3px 3px 0 0;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all 0.3s linear;
    transition: all 0.3s linear;
}
.latest-project-version-three
    .project-body
    .project-version-three
    .project-item
    .project-wrapper
    .img-file
    .location
    h3 {
    font-size: 16px;
    font-weight: 600;
    color: var(--bg_white);
    margin: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: 8px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.latest-project-version-three
    .project-body
    .project-version-three
    .project-item
    .project-wrapper
    .img-file
    .location
    h3
    i {
    font-size: 18px;
}
.latest-project-version-three
    .project-body
    .project-version-three
    .project-item
    .project-wrapper
    .text-file {
    margin-top: 25px;
    padding: 0 20px;
}
.latest-project-version-three
    .project-body
    .project-version-three
    .project-item
    .project-wrapper
    .text-file
    .header-intro {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 15px;
}
.latest-project-version-three
    .project-body
    .project-version-three
    .project-item
    .project-wrapper
    .text-file
    .header-intro
    h2 {
    font-size: 26px;
    font-weight: 700;
    color: var(--heading_color);
    text-transform: capitalize;
    margin: 0;
}
.latest-project-version-three
    .project-body
    .project-version-three
    .project-item
    .project-wrapper
    .text-file
    .header-intro
    .badge-group {
    padding: 3px 12px;
    color: var(--bg_white);
    font-size: 11px;
    line-height: initial;
    border-radius: 15px;
}
.latest-project-version-three
    .project-body
    .project-version-three
    .project-item
    .project-wrapper
    .text-file
    .header-intro
    .badge-group.running {
    background: var(--theme_color);
}
.latest-project-version-three
    .project-body
    .project-version-three
    .project-item
    .project-wrapper
    .text-file
    .header-intro
    .badge-group.pending {
    background: #4ade80;
}
.latest-project-version-three
    .project-body
    .project-version-three
    .project-item
    .project-wrapper
    .text-file
    .header-intro
    .badge-group.planning {
    background: #faad3b;
}
.latest-project-version-three
    .project-body
    .project-version-three
    .project-item
    .project-wrapper
    .text-file
    .des {
    margin-top: 15px;
}
.latest-project-version-three
    .project-body
    .project-version-three
    .project-item
    .project-wrapper
    .text-file
    .des
    p {
    font-size: 16px;
}
.latest-project-version-three
    .project-body
    .project-version-three
    .project-item
    .project-wrapper
    .text-file
    .btn-hold {
    margin-bottom: 10px;
    margin-top: 5px;
    display: inline-block;
}
.latest-project-version-three
    .project-body
    .project-version-three
    .project-item
    .project-wrapper
    .text-file
    .btn-hold
    .inner {
    font-size: 18px;
    font-weight: 700;
    color: var(--theme_color);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 8px;
    -webkit-transition: all 0.2s linear;
    transition: all 0.2s linear;
}
.latest-project-version-three
    .project-body
    .project-version-three
    .project-item
    .project-wrapper
    .text-file
    .btn-hold
    .inner
    i {
    visibility: hidden;
    opacity: 0;
    -webkit-transform: translateX(-8px);
    transform: translateX(-8px);
    -webkit-transition: all 0.2s linear;
    transition: all 0.2s linear;
}
.latest-project-version-three
    .project-body
    .project-version-three
    .project-item
    .project-wrapper
    .text-file
    .btn-hold
    .inner:hover {
    color: var(--theme_color);
}
.latest-project-version-three
    .project-body
    .project-version-three
    .project-item
    .project-wrapper
    .text-file
    .btn-hold
    .inner:hover
    i {
    visibility: visible;
    opacity: 1;
    -webkit-transform: translateX(0px);
    transform: translateX(0px);
}
.latest-project-version-three
    .project-body
    .project-version-three
    .project-item
    .project-wrapper
    .text-file
    .btn-hold.rtl
    .inner
    i {
    -webkit-transform: translateX(8px);
    transform: translateX(8px);
}
.latest-project-version-three
    .project-body
    .project-version-three
    .project-item
    .project-wrapper
    .text-file
    .btn-hold.rtl
    .inner:hover
    i {
    -webkit-transform: translateX(0px);
    transform: translateX(0px);
}
.latest-project-version-three
    .project-body
    .project-version-three
    .project-item
    .project-wrapper:hover {
    -webkit-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
}
.latest-project-version-three
    .project-body
    .project-version-three
    .project-item
    .project-wrapper:hover
    .img-file::after {
    visibility: visible;
    opacity: 1;
}
.latest-project-version-three
    .project-body
    .project-version-three
    .project-item
    .project-wrapper:hover
    .date {
    visibility: visible;
    opacity: 1;
}
.latest-project-version-three
    .project-body
    .project-version-three
    .project-item
    .project-wrapper:hover
    .location {
    visibility: visible;
    opacity: 1;
}
.latest-project-version-three .project-body .btn-section {
    margin-top: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.latest-project-version-three
    .project-body
    .btn-section
    .btn-shape-normal-outline {
    width: 182px;
}

/* =============== Project Details Inner Section version One start ===============*/
@media only screen and (max-width: 576px) {
    .project-details-inner-section-one {
        padding: 60px 0;
    }
}
.project-details-inner-section-one .left-side .wrapper h2 {
    font-size: 36px;
    font-weight: 700;
    color: var(--heading_color);
    text-transform: capitalize;
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
    .project-details-inner-section-one .left-side .wrapper h2 {
        font-size: 30px;
    }
}
@media only screen and (max-width: 576px) {
    .project-details-inner-section-one .left-side .wrapper h2 {
        font-size: 30px;
    }
}
.project-details-inner-section-one .left-side .wrapper img {
    border-radius: 8px;
    overflow: hidden;
}
.project-details-inner-section-one .left-side .wrapper h3 {
    font-size: 22px;
    font-weight: 700;
    color: var(--heading_color);
    text-transform: capitalize;
}
.project-details-inner-section-one .left-side .accordion {
    margin-top: 20px;
}
.project-details-inner-section-one .left-side .accordion .accordion-item {
    margin-bottom: 10px;
    border-radius: 5px;
    overflow: hidden;
}
.project-details-inner-section-one
    .left-side
    .accordion
    .accordion-item
    .accordion-header
    .accordion-button {
    padding-left: 40px;
    position: relative;
    color: var(--bg_white);
    background-color: var(--theme_color);
    border: 1px solid var(--theme_color);
    font-weight: 600;
}
.project-details-inner-section-one
    .left-side
    .accordion
    .accordion-item
    .accordion-header
    .accordion-button:focus {
    border: 1px solid var(--theme_color);
    outline: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
}
.project-details-inner-section-one
    .left-side
    .accordion
    .accordion-item
    .accordion-header
    .accordion-button::after {
    content: "+";
    background-image: none;
    font-family: "Font Awesome 6 Pro";
    position: absolute;
    left: 15px;
    color: var(--bg_white);
    -webkit-transition: all 0.2s linear;
    transition: all 0.2s linear;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}
.project-details-inner-section-one
    .left-side
    .accordion
    .accordion-item
    .accordion-header
    .accordion-button:not(.collapsed)::after {
    -webkit-transition: all 0.2s linear;
    transition: all 0.2s linear;
    background-image: none;
    content: "\f068";
    color: var(--bg_white);
}
.project-details-inner-section-one .left-side .mission-vision {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 30px;
}
@media only screen and (max-width: 576px) {
    .project-details-inner-section-one .left-side .mission-vision {
        display: block;
    }
}
.project-details-inner-section-one .left-side .mission-vision .mission h2,
.project-details-inner-section-one .left-side .mission-vision .vision h2 {
    font-size: 30px;
    font-weight: 700;
}
.project-details-inner-section-one
    .left-side
    .mission-vision
    .mission
    h2
    span:first-child,
.project-details-inner-section-one
    .left-side
    .mission-vision
    .vision
    h2
    span:first-child {
    color: var(--theme_color);
}
.project-details-inner-section-one
    .left-side
    .mission-vision
    .mission
    h2
    span:last-child,
.project-details-inner-section-one
    .left-side
    .mission-vision
    .vision
    h2
    span:last-child {
    color: var(--heading_color);
}
.project-details-inner-section-one .left-side .mission-vision .mission p,
.project-details-inner-section-one .left-side .mission-vision .vision p {
    margin-top: 20px;
    text-align: justify;
}

/*----------------------------------------*/
/*  19. Client Review Section
/*----------------------------------------*/
/* ============== Client Review Section version one ==============*/
@media only screen and (max-width: 576px) {
    .client-review-version-one {
        padding-bottom: 30px;
    }
}
.client-review-version-one .slider-client-review {
    margin-top: 40px;
}
.client-review-version-one .slider-client-review .review-version-one {
    padding: 60px 0 30px 0;
}
.client-review-version-one
    .slider-client-review
    .review-version-one
    .swiper-wrapper
    .swiper-slide
    .inner-wrapper {
    position: relative;
    border-radius: 10px;
    padding: 25px 20px;
    background: var(--bg_white);
}
@media only screen and (max-width: 576px) {
    .client-review-version-one
        .slider-client-review
        .review-version-one
        .swiper-wrapper
        .swiper-slide
        .inner-wrapper {
        margin: 0 30px;
    }
}
.client-review-version-one
    .slider-client-review
    .review-version-one
    .swiper-wrapper
    .swiper-slide
    .inner-wrapper
    .img-file {
    border-radius: 50%;
    overflow: hidden;
    border: 6px solid #fff;
    position: absolute;
    top: -60px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}
.client-review-version-one
    .slider-client-review
    .review-version-one
    .swiper-wrapper
    .swiper-slide
    .inner-wrapper
    .quta-img {
    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;
    margin-top: 35px;
}
.client-review-version-one
    .slider-client-review
    .review-version-one
    .swiper-wrapper
    .swiper-slide
    .inner-wrapper
    .review-star {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 3px;
}
.client-review-version-one
    .slider-client-review
    .review-version-one
    .swiper-wrapper
    .swiper-slide
    .inner-wrapper
    .review-star
    i {
    color: #f7941d;
}
.client-review-version-one
    .slider-client-review
    .review-version-one
    .swiper-wrapper
    .swiper-slide
    .inner-wrapper
    .text-file {
    text-align: center;
    margin-top: 16px;
}
.client-review-version-one
    .slider-client-review
    .review-version-one
    .swiper-wrapper
    .swiper-slide
    .inner-wrapper
    .text-file
    h2 {
    font-size: 22px;
    color: var(--theme_color);
    font-weight: 700;
    margin-bottom: 8px;
    text-transform: capitalize;
}
.client-review-version-one
    .slider-client-review
    .review-version-one
    .swiper-wrapper
    .swiper-slide
    .inner-wrapper
    .text-file
    h4 {
    font-size: 18px;
    font-weight: 700;
    color: var(--heading_color);
    text-transform: capitalize;
}
.client-review-version-one
    .slider-client-review
    .review-version-one
    .swiper-wrapper
    .swiper-slide
    .inner-wrapper
    .text-file
    p {
    margin-top: 14px;
}
.client-review-version-one
    .slider-client-review
    .review-version-one-pagination {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 10px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 20px;
}
.client-review-version-one
    .slider-client-review
    .review-version-one-pagination
    .swiper-pagination-bullet-active {
    background: var(--theme_color);
}

/* ============== Client Review Section version two ==============*/
.client-review-version-two .slider-client-review {
    margin-top: 40px;
    position: relative;
}
.client-review-version-two .slider-client-review .review-version-two {
    padding-top: 65px;
    padding-bottom: 30px;
}
.client-review-version-two
    .slider-client-review
    .review-version-two
    .swiper-wrapper
    .swiper-slide
    .inner-wrapper {
    margin: 0 20px;
    position: relative;
    border-radius: 10px;
    padding: 25px 25px;
    background: var(--bg_white);
}
.client-review-version-two
    .slider-client-review
    .review-version-two
    .swiper-wrapper
    .swiper-slide
    .inner-wrapper
    .img-file {
    border-radius: 50%;
    overflow: hidden;
    border: 6px solid #fff;
    position: absolute;
    top: -60px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}
.client-review-version-two
    .slider-client-review
    .review-version-two
    .swiper-wrapper
    .swiper-slide
    .inner-wrapper
    .quta-img {
    margin-top: 40px;
}
.client-review-version-two
    .slider-client-review
    .review-version-two
    .swiper-wrapper
    .swiper-slide
    .inner-wrapper
    .quta-img.rtl
    img {
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
}
.client-review-version-two
    .slider-client-review
    .review-version-two
    .swiper-wrapper
    .swiper-slide
    .inner-wrapper
    .text {
    margin-top: 15px;
}
.client-review-version-two
    .slider-client-review
    .review-version-two
    .swiper-wrapper
    .swiper-slide
    .inner-wrapper
    .text
    p {
    font-size: 16px;
}
.client-review-version-two
    .slider-client-review
    .review-version-two
    .swiper-wrapper
    .swiper-slide
    .inner-wrapper
    .name-pos {
    margin-top: 10px;
}
.client-review-version-two
    .slider-client-review
    .review-version-two
    .swiper-wrapper
    .swiper-slide
    .inner-wrapper
    .name-pos
    h2 {
    font-size: 26px;
    font-weight: 700;
    color: var(--heading_color);
    margin-bottom: 0;
}
.client-review-version-two
    .slider-client-review
    .review-version-two
    .swiper-wrapper
    .swiper-slide
    .inner-wrapper
    .name-pos
    h4 {
    margin-top: 5px;
    font-weight: 600;
    font-size: 18px;
    color: var(--theme_color);
}
.client-review-version-two
    .slider-client-review
    .review-version-two-pagination {
    position: absolute;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    z-index: 9;
    left: 0;
    bottom: -40px;
    gap: 12px;
}
.client-review-version-two
    .slider-client-review
    .review-version-two-pagination
    .swiper-pagination-bullet {
    width: 10px;
    height: 10px;
    border-radius: 0;
}
.client-review-version-two
    .slider-client-review
    .review-version-two-pagination
    .swiper-pagination-bullet-active {
    background: var(--theme_color);
    opacity: 1;
}

/* ============== Client Review Section version three ==============*/
@media only screen and (min-width: 576px) and (max-width: 767px),
    only screen and (max-width: 576px) {
    .client-review-version-three {
        padding-bottom: 0;
    }
}
.client-review-version-three .left-side {
    margin-top: 30px;
}
@media only screen and (max-width: 576px) {
    .client-review-version-three .left-side .review-filter .have-inner {
        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;
    }
}
.client-review-version-three .left-side .review-filter .no-inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 100%;
}
.client-review-version-three .left-side .review-filter .inner {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    -ms-grid-rows: 1fr 22px 1fr 22px 1fr;
    grid-template-rows: repeat(3, 1fr);
    grid-column-gap: 0px;
    grid-row-gap: 22px;
}
.client-review-version-three .left-side .review-filter .inner > *:nth-child(1) {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
}
.client-review-version-three .left-side .review-filter .inner > *:nth-child(2) {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
}
.client-review-version-three .left-side .review-filter .inner > *:nth-child(3) {
    -ms-grid-row: 5;
    -ms-grid-column: 1;
}
.client-review-version-three .left-side .review-filter .inner-two {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    -ms-grid-rows: 1fr 22px 1fr;
    grid-template-rows: repeat(2, 1fr);
    grid-column-gap: 0px;
    grid-row-gap: 22px;
}
.client-review-version-three
    .left-side
    .review-filter
    .inner-two
    > *:nth-child(1) {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
}
.client-review-version-three
    .left-side
    .review-filter
    .inner-two
    > *:nth-child(2) {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
}
.client-review-version-three .left-side .review-filter .img-file {
    display: block;
    position: relative;
    border-radius: 8px;
    cursor: pointer;
    z-index: 9;
}
.client-review-version-three .left-side .review-filter .img-file span {
    position: relative;
    z-index: 9;
}
.client-review-version-three .left-side .review-filter .img-file::after {
    position: absolute;
    left: -4px;
    top: -4px;
    background: var(--theme_color);
    width: 0;
    height: 0;
    content: "";
    border-radius: 5px 0 0 0;
    z-index: 0;
    -webkit-transition: all 0.3s linear;
    transition: all 0.3s linear;
    visibility: hidden;
    opacity: 0;
}
.client-review-version-three .left-side .review-filter .img-file::before {
    position: absolute;
    right: -4px;
    bottom: -4px;
    background: var(--theme_color);
    width: 0;
    height: 0;
    content: "";
    border-radius: 0 0 5px 0;
    z-index: 0;
    -webkit-transition: all 0.3s linear;
    transition: all 0.3s linear;
    visibility: hidden;
    opacity: 0;
}
.client-review-version-three .left-side .review-filter .img-file.active::after,
.client-review-version-three .left-side .review-filter .img-file:hover::after {
    visibility: visible;
    opacity: 1;
    width: 50px;
    height: 50px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
    .client-review-version-three
        .left-side
        .review-filter
        .img-file.active::after,
    .client-review-version-three
        .left-side
        .review-filter
        .img-file:hover::after {
        width: 30px;
        height: 30px;
    }
}
.client-review-version-three .left-side .review-filter .img-file.active::before,
.client-review-version-three .left-side .review-filter .img-file:hover::before {
    visibility: visible;
    opacity: 1;
    width: 50px;
    height: 50px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
    .client-review-version-three
        .left-side
        .review-filter
        .img-file.active::before,
    .client-review-version-three
        .left-side
        .review-filter
        .img-file:hover::before {
        width: 30px;
        height: 30px;
    }
}
.client-review-version-three .right-side {
    margin-top: 30px;
    padding-left: 50px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
    .client-review-version-three .right-side {
        padding-left: 30px;
    }
}
@media only screen and (max-width: 576px) {
    .client-review-version-three .right-side {
        padding-left: 10px;
    }
}
.client-review-version-three .right-side .intro-section {
    margin-top: 20px;
}
.client-review-version-three .right-side .intro-section h3 {
    font-size: 20px;
    font-weight: 600;
}
.client-review-version-three .right-side .intro-section h2 {
    margin-top: 15px;
    font-size: 36px;
    font-weight: 700;
    color: var(--heading_color);
}
.client-review-version-three .right-side .review-version-three {
    margin-top: 10px;
}
.client-review-version-three .right-side .review-version-three .icon-file i {
    font-size: 60px;
    color: var(--border_color);
}
.client-review-version-three
    .right-side
    .review-version-three
    .icon-file.rtl
    i {
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
}
.client-review-version-three .right-side .review-version-three .text-file {
    margin-top: 10px;
}
.client-review-version-three .right-side .review-version-three .button-intro {
    margin-top: 10px;
}
.client-review-version-three
    .right-side
    .review-version-three
    .button-intro
    h3 {
    font-size: 26px;
    font-weight: 700;
    color: var(--theme_color);
    margin: 0;
}
.client-review-version-three .right-side .review-version-three .button-intro p {
    font-size: 16px;
}

/*----------------------------------------*/
/*  20. Blog Section
/*----------------------------------------*/
/* ============= Blog Section version one Start =============*/
.blog-section-version-one .blog-card-version-one {
    margin-top: 40px;
}
.blog-section-version-one .blog-card-version-one .row {
    --bs-gutter-x: 34px !important;
}
.blog-section-version-one .blog-card-version-one .wrapper {
    margin-bottom: 30px;
    border: 2px solid #42bebe;
}
/* @media only screen and (max-width: 576px) {
  .blog-section-version-one .blog-card-version-one .wrapper {
    padding: 0 20px;
  }
} */
.blog-section-version-one .blog-card-version-one .wrapper .img-file {
    border-radius: 10px 10px 0 0;
    overflow: hidden;
    position: relative;
}
.blog-section-version-one .blog-card-version-one .wrapper .img-file img {
    width: 100%;
    height: 210px;
    object-fit: cover;
}
.blog-section-version-one .blog-card-version-one .wrapper .img-file::after {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 0;
}
.blog-section-version-one
    .blog-card-version-one
    .wrapper
    .img-file
    .badge-file {
    position: absolute;
    top: 12px;
    right: 12px;
    z-index: 9;
}
.blog-section-version-one
    .blog-card-version-one
    .wrapper
    .img-file
    .badge-file
    span {
    padding: 6px 12px;
    background: var(--theme_color);
    border-radius: 5px;
    color: var(--bg_white);
    font-size: 14px;
}
.blog-section-version-one .blog-card-version-one .wrapper .inner-text {
    padding-bottom: 20px;
    margin-top: 15px;
}
.blog-section-version-one
    .blog-card-version-one
    .wrapper
    .inner-text
    .overlay-date {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 18px;
    padding: 5px 0;
}
.blog-section-version-one
    .blog-card-version-one
    .wrapper
    .inner-text
    .overlay-date
    .date {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 8px;
    font-size: 14px;
    font-weight: 600;
}
.blog-section-version-one
    .blog-card-version-one
    .wrapper
    .inner-text
    .overlay-date
    .admin {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 8px;
    font-size: 14px;
    font-weight: 600;
}
.blog-section-version-one
    .blog-card-version-one
    .wrapper
    .inner-text
    .overlay-date.rtl {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: end;
}
.blog-section-version-one .blog-card-version-one .wrapper .inner-text h2 {
    margin-top: 10px;
    font-size: 17px;
    font-weight: 700;
    color: var(--heading_color);
    text-transform: capitalize;
    line-height: 34px;
}
.blog-section-version-one .blog-card-version-one .wrapper .inner-text p {
    font-size: 16px;
}
.blog-section-version-one .blog-card-version-one .wrapper .inner-text a span {
    position: relative;
    font-size: 16px;
    font-weight: 700;
    -webkit-transition: all 0.2s linear;
    transition: all 0.2s linear;
    padding-left: 0;
}
.blog-section-version-one
    .blog-card-version-one
    .wrapper
    .inner-text
    a
    span::after {
    position: absolute;
    content: "";
    width: 0;
    height: 3px;
    left: 0;
    bottom: 8px;
    background: var(--theme_color);
    border-radius: 5px;
    -webkit-transition: all 0.2s linear;
    transition: all 0.2s linear;
}
.blog-section-version-one
    .blog-card-version-one
    .wrapper
    .inner-text
    a
    span:hover {
    color: var(--theme_color);
    padding-left: 36px;
}
.blog-section-version-one
    .blog-card-version-one
    .wrapper
    .inner-text
    a
    span:hover::after {
    width: 32px;
    color: green;
}
.blog-section-version-one .blog-card-version-one .btn-section {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.blog-section-version-one
    .blog-card-version-one
    .btn-section
    .btn-shape-normal-outline {
    width: 190px;
}

/* ============= Blog Section version two Start =============*/
.blog-section-version-two .blog-card-version-two {
    margin-top: 40px;
}
.blog-section-version-two .blog-card-version-two .wrapper {
    margin-bottom: 35px;
    background: var(--bg_white);
    border-radius: 10px;
    overflow: hidden;
}
.blog-section-version-two .blog-card-version-two .wrapper .img-file {
    overflow: hidden;
    position: relative;
}
.blog-section-version-two .blog-card-version-two .wrapper .img-file img {
    width: 100%;
}
.blog-section-version-two .blog-card-version-two .wrapper .img-file::after {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 0;
}
.blog-section-version-two .blog-card-version-two .wrapper .inner-file {
    padding: 10px 20px;
}
.blog-section-version-two
    .blog-card-version-two
    .wrapper
    .inner-file
    .date-admin {
    margin-top: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 18px;
}
.blog-section-version-two
    .blog-card-version-two
    .wrapper
    .inner-file
    .date-admin
    .date {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 8px;
    color: var(--theme_color);
    font-size: 14px;
}
.blog-section-version-two
    .blog-card-version-two
    .wrapper
    .inner-file
    .date-admin
    .admin {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 8px;
    color: var(--theme_color);
    font-size: 14px;
}
.blog-section-version-two
    .blog-card-version-two
    .wrapper
    .inner-file
    .inner-text {
    margin-top: 10px;
    margin-bottom: 20px;
}
.blog-section-version-two
    .blog-card-version-two
    .wrapper
    .inner-file
    .inner-text
    h2 {
    font-size: 22px;
    font-weight: 700;
    color: var(--heading_color);
    text-transform: capitalize;
    margin: 0;
}
.blog-section-version-two
    .blog-card-version-two
    .wrapper
    .inner-file
    .inner-text
    p {
    margin-top: 10px;
}
.blog-section-version-two
    .blog-card-version-two
    .wrapper
    .inner-file
    .inner-text
    a {
    display: inline-block;
}
.blog-section-version-two
    .blog-card-version-two
    .wrapper
    .inner-file
    .inner-text
    a
    .inner {
    font-size: 18px;
    font-weight: 700;
    color: var(--heading_color);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 8px;
    -webkit-transition: all 0.2s linear;
    transition: all 0.2s linear;
}
.blog-section-version-two
    .blog-card-version-two
    .wrapper
    .inner-file
    .inner-text
    a
    .inner
    i {
    visibility: hidden;
    opacity: 0;
    -webkit-transform: translateX(-8px);
    transform: translateX(-8px);
    -webkit-transition: all 0.2s linear;
    transition: all 0.2s linear;
}
.blog-section-version-two
    .blog-card-version-two
    .wrapper
    .inner-file
    .inner-text
    a
    .inner:hover {
    color: var(--theme_color);
}
.blog-section-version-two
    .blog-card-version-two
    .wrapper
    .inner-file
    .inner-text
    a
    .inner:hover
    i {
    visibility: visible;
    opacity: 1;
    -webkit-transform: translateX(0px);
    transform: translateX(0px);
}
.blog-section-version-two
    .blog-card-version-two
    .wrapper
    .inner-file
    .inner-text
    a
    .inner.rtl
    i {
    -webkit-transform: translateX(8px);
    transform: translateX(8px);
}
.blog-section-version-two
    .blog-card-version-two
    .wrapper
    .inner-file
    .inner-text
    a
    .inner.rtl:hover
    i {
    -webkit-transform: translateX(0px);
    transform: translateX(0px);
}

/* ============= Blog Section version three Start =============*/
.blog-section-version-three .blog-card-version-three {
    margin-top: 40px;
}
.blog-section-version-three
    .blog-card-version-three
    .blog-version-three
    .swiper-wrapper {
    padding-bottom: 30px;
}
.blog-section-version-three
    .blog-card-version-three
    .blog-version-three
    .swiper-wrapper
    .swiper-slide
    .wrapper {
    margin: 0 15px;
    background: var(--bg_white);
    border-radius: 8px;
    overflow: hidden;
}
@media only screen and (max-width: 576px) {
    .blog-section-version-three
        .blog-card-version-three
        .blog-version-three
        .swiper-wrapper
        .swiper-slide
        .wrapper {
        margin: 0 25px;
    }
}
.blog-section-version-three
    .blog-card-version-three
    .blog-version-three
    .swiper-wrapper
    .swiper-slide
    .wrapper
    .img-file {
    position: relative;
    overflow: hidden;
}
.blog-section-version-three
    .blog-card-version-three
    .blog-version-three
    .swiper-wrapper
    .swiper-slide
    .wrapper
    .img-file
    img {
    -webkit-transition: all 0.4s linear;
    transition: all 0.4s linear;
}
@media only screen and (max-width: 576px) {
    .blog-section-version-three
        .blog-card-version-three
        .blog-version-three
        .swiper-wrapper
        .swiper-slide
        .wrapper
        .img-file
        img {
        width: 100%;
    }
}
.blog-section-version-three
    .blog-card-version-three
    .blog-version-three
    .swiper-wrapper
    .swiper-slide
    .wrapper
    .inner-file {
    margin-top: 30px;
    padding: 0 20px;
}
.blog-section-version-three
    .blog-card-version-three
    .blog-version-three
    .swiper-wrapper
    .swiper-slide
    .wrapper
    .inner-file
    h2 {
    font-size: 22px;
    font-weight: 700;
    text-transform: capitalize;
    -webkit-transition: all 0.3s linear;
    transition: all 0.3s linear;
}
.blog-section-version-three
    .blog-card-version-three
    .blog-version-three
    .swiper-wrapper
    .swiper-slide
    .wrapper
    .inner-file
    h2:hover {
    color: var(--theme_color);
}
.blog-section-version-three
    .blog-card-version-three
    .blog-version-three
    .swiper-wrapper
    .swiper-slide
    .wrapper
    .inner-file
    p {
    margin-top: 10px;
}
.blog-section-version-three
    .blog-card-version-three
    .blog-version-three
    .swiper-wrapper
    .swiper-slide
    .wrapper
    .inner-file
    .footer-icons {
    margin-top: 10px;
    margin-bottom: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 12px;
}
@media only screen and (max-width: 576px) {
    .blog-section-version-three
        .blog-card-version-three
        .blog-version-three
        .swiper-wrapper
        .swiper-slide
        .wrapper
        .inner-file
        .footer-icons {
        margin-bottom: 30px;
    }
}
.blog-section-version-three
    .blog-card-version-three
    .blog-version-three
    .swiper-wrapper
    .swiper-slide
    .wrapper:hover
    .img-file
    img {
    -webkit-transform: scale(110%);
    transform: scale(110%);
}
.blog-section-version-three
    .blog-card-version-three
    .blog-version-three-pagination {
    margin-top: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    z-index: 9;
    gap: 12px;
}
.blog-section-version-three
    .blog-card-version-three
    .blog-version-three-pagination
    .swiper-pagination-bullet {
    width: 10px;
    height: 10px;
    border-radius: 0;
}
.blog-section-version-three
    .blog-card-version-three
    .blog-version-three-pagination
    .swiper-pagination-bullet-active {
    background: var(--theme_color);
    opacity: 1;
}

/* ============= Blog Group version one start =============*/
@media only screen and (min-width: 768px) and (max-width: 991px),
    only screen and (min-width: 576px) and (max-width: 767px),
    only screen and (max-width: 576px) {
    .blog-group-version-one {
        padding-top: 60px;
        padding-bottom: 100px;
    }
}
.blog-group-version-one .container .left-side .wrapper .blog-items {
    margin-bottom: 50px;
}
.blog-group-version-one
    .container
    .left-side
    .wrapper
    .blog-items
    .main-img
    img {
    border-radius: 8px;
}
.blog-group-version-one
    .container
    .left-side
    .wrapper
    .blog-items
    .admin-intro {
    padding: 15px 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 25px;
}
.blog-group-version-one
    .container
    .left-side
    .wrapper
    .blog-items
    .admin-intro
    .name,
.blog-group-version-one
    .container
    .left-side
    .wrapper
    .blog-items
    .admin-intro
    .date,
.blog-group-version-one
    .container
    .left-side
    .wrapper
    .blog-items
    .admin-intro
    .comment {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 6px;
}
@media only screen and (min-width: 576px) and (max-width: 767px),
    only screen and (max-width: 576px) {
    .blog-group-version-one
        .container
        .left-side
        .wrapper
        .blog-items
        .admin-intro {
        display: block;
    }
    .blog-group-version-one
        .container
        .left-side
        .wrapper
        .blog-items
        .admin-intro
        .name,
    .blog-group-version-one
        .container
        .left-side
        .wrapper
        .blog-items
        .admin-intro
        .date,
    .blog-group-version-one
        .container
        .left-side
        .wrapper
        .blog-items
        .admin-intro
        .comment {
        display: inline-block;
        padding-right: 10px;
        padding-bottom: 6px;
        font-weight: 600;
    }
    .blog-group-version-one
        .container
        .left-side
        .wrapper
        .blog-items
        .admin-intro
        .name
        i,
    .blog-group-version-one
        .container
        .left-side
        .wrapper
        .blog-items
        .admin-intro
        .date
        i,
    .blog-group-version-one
        .container
        .left-side
        .wrapper
        .blog-items
        .admin-intro
        .comment
        i {
        margin-right: 5px;
    }
}
.blog-group-version-one
    .container
    .left-side
    .wrapper
    .blog-items
    .admin-intro
    span:first-child {
    color: var(--theme_color);
}
.blog-group-version-one
    .container
    .left-side
    .wrapper
    .blog-items
    .main-heading {
    margin-top: 5px;
}
.blog-group-version-one
    .container
    .left-side
    .wrapper
    .blog-items
    .main-heading
    h2 {
    font-size: 32px;
    font-weight: 700;
    color: var(--heading_color);
    text-transform: capitalize;
}
@media only screen and (max-width: 576px) {
    .blog-group-version-one
        .container
        .left-side
        .wrapper
        .blog-items
        .main-heading
        h2 {
        font-size: 26px;
    }
}
@media only screen and (max-width: 380px) {
    .blog-group-version-one
        .container
        .left-side
        .wrapper
        .blog-items
        .main-heading
        h2 {
        font-size: 26px;
    }
}
.blog-group-version-one
    .container
    .left-side
    .wrapper
    .blog-items
    .inner-section {
    margin-top: 10px;
}
.blog-group-version-one .container .left-side .wrapper .blog-items .main-btn {
    margin-top: 10px;
}
.blog-group-version-one
    .container
    .left-side
    .wrapper
    .blog-items
    .main-btn
    .btn-shape-normal-outline {
    margin: 0;
    width: 146px;
}
.blog-group-version-one .container .left-side .pagination {
    margin-top: 50px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 12px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.blog-group-version-one .container .left-side .pagination .item span {
    width: 40px;
    height: 36px;
    border: 1px solid var(--theme_color);
    border-radius: 5px;
    display: block;
    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;
    font-weight: 600;
    cursor: pointer;
    -webkit-transition: all 0.2s linear;
    transition: all 0.2s linear;
    line-height: initial;
}
.blog-group-version-one .container .left-side .pagination .item.active span,
.blog-group-version-one .container .left-side .pagination .item:hover span {
    background: var(--theme_color);
    color: var(--bg_white);
}

/* ============= Blog Details version one start =============*/
@media only screen and (min-width: 768px) and (max-width: 991px),
    only screen and (min-width: 576px) and (max-width: 767px),
    only screen and (max-width: 576px) {
    .blog-details-version-one {
        padding-top: 60px;
        padding-bottom: 100px;
    }
}
.blog-details-version-one .left-side .wrapper .main-heading {
    margin-top: 5px;
}
.blog-details-version-one .left-side .wrapper .main-heading h2 {
    font-size: 32px;
    font-weight: 700;
    color: var(--heading_color);
    text-transform: capitalize;
}
@media only screen and (max-width: 576px) {
    .blog-details-version-one .left-side .wrapper .main-heading h2 {
        font-size: 26px;
    }
}
@media only screen and (max-width: 380px) {
    .blog-details-version-one .left-side .wrapper .main-heading h2 {
        font-size: 26px;
    }
}
.blog-details-version-one .left-side .wrapper .admin-intro {
    padding: 15px 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 25px;
}
.blog-details-version-one .left-side .wrapper .admin-intro .name,
.blog-details-version-one .left-side .wrapper .admin-intro .date,
.blog-details-version-one .left-side .wrapper .admin-intro .comment {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 6px;
}
@media only screen and (min-width: 576px) and (max-width: 767px),
    only screen and (max-width: 576px) {
    .blog-details-version-one .left-side .wrapper .admin-intro {
        display: block;
    }
    .blog-details-version-one .left-side .wrapper .admin-intro .name,
    .blog-details-version-one .left-side .wrapper .admin-intro .date,
    .blog-details-version-one .left-side .wrapper .admin-intro .comment {
        display: inline;
        padding-right: 10px;
    }
    .blog-details-version-one .left-side .wrapper .admin-intro .name i,
    .blog-details-version-one .left-side .wrapper .admin-intro .date i,
    .blog-details-version-one .left-side .wrapper .admin-intro .comment i {
        margin-right: 5px;
    }
}
.blog-details-version-one .left-side .wrapper .admin-intro span:first-child {
    color: var(--theme_color);
}
.blog-details-version-one .left-side .wrapper .tags {
    margin-top: 40px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 15px;
}
.blog-details-version-one .left-side .wrapper .tags h4 {
    font-size: 20px;
    font-weight: 700;
    color: var(--heading_color);
}
@media only screen and (max-width: 576px) {
    .blog-details-version-one .left-side .wrapper .tags h4 {
        padding-top: 12px;
        font-size: 15px;
        width: 150px;
    }
}
@media only screen and (max-width: 576px) {
    .blog-details-version-one .left-side .wrapper .tags {
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: start;
    }
}
.blog-details-version-one .left-side .wrapper .tags a {
    display: inline-block;
    height: 36px;
    line-height: 38px;
    padding: 0 15px;
    font-size: 14px;
    font-weight: 500;
    color: var(--tp-text-body);
    background: #f4f4f4;
    border-radius: 4px;
    margin-right: 8px;
    margin-bottom: 10px;
    -webkit-transition: all 0.2s linear;
    transition: all 0.2s linear;
}
.blog-details-version-one .left-side .wrapper .tags a:hover {
    color: var(--bg_white);
    background: var(--theme_color);
}
.blog-details-version-one .left-side .wrapper .comments {
    margin-top: 40px;
}
.blog-details-version-one .left-side .wrapper .comments h4 {
    font-size: 22px;
    font-weight: 700;
    color: var(--heading_color);
}
.blog-details-version-one
    .left-side
    .wrapper
    .comments
    .inner-comment-section
    .root-comment,
.blog-details-version-one
    .left-side
    .wrapper
    .comments
    .inner-comment-section
    .child-comment {
    margin-top: 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 20px;
}
.blog-details-version-one
    .left-side
    .wrapper
    .comments
    .inner-comment-section
    .root-comment
    .img-file
    img,
.blog-details-version-one
    .left-side
    .wrapper
    .comments
    .inner-comment-section
    .child-comment
    .img-file
    img {
    border-radius: 50%;
    width: 90px;
}
.blog-details-version-one
    .left-side
    .wrapper
    .comments
    .inner-comment-section
    .root-comment
    .text-file,
.blog-details-version-one
    .left-side
    .wrapper
    .comments
    .inner-comment-section
    .child-comment
    .text-file {
    margin-top: 10px;
}
.blog-details-version-one
    .left-side
    .wrapper
    .comments
    .inner-comment-section
    .root-comment
    .text-file
    .intro
    h3,
.blog-details-version-one
    .left-side
    .wrapper
    .comments
    .inner-comment-section
    .child-comment
    .text-file
    .intro
    h3 {
    font-size: 22px;
    font-weight: 700;
    color: var(--heading_color);
    margin: 0;
}
.blog-details-version-one
    .left-side
    .wrapper
    .comments
    .inner-comment-section
    .root-comment
    .text-file
    .intro
    p,
.blog-details-version-one
    .left-side
    .wrapper
    .comments
    .inner-comment-section
    .child-comment
    .text-file
    .intro
    p {
    color: var(--theme_color);
}
.blog-details-version-one
    .left-side
    .wrapper
    .comments
    .inner-comment-section
    .root-comment
    .text-file
    .reply,
.blog-details-version-one
    .left-side
    .wrapper
    .comments
    .inner-comment-section
    .child-comment
    .text-file
    .reply {
    padding-bottom: 20px;
    border-bottom: 1px solid var(--border_color);
}
.blog-details-version-one
    .left-side
    .wrapper
    .comments
    .inner-comment-section
    .root-comment
    .text-file
    .reply
    a,
.blog-details-version-one
    .left-side
    .wrapper
    .comments
    .inner-comment-section
    .child-comment
    .text-file
    .reply
    a {
    font-size: 18px;
    font-weight: 600;
    color: var(--heading_color);
    -webkit-transition: all 0.2s linear;
    transition: all 0.2s linear;
}
.blog-details-version-one
    .left-side
    .wrapper
    .comments
    .inner-comment-section
    .root-comment
    .text-file
    .reply
    a:hover,
.blog-details-version-one
    .left-side
    .wrapper
    .comments
    .inner-comment-section
    .child-comment
    .text-file
    .reply
    a:hover {
    color: var(--theme_color);
}
.blog-details-version-one
    .left-side
    .wrapper
    .comments
    .inner-comment-section
    .child-comment {
    padding-left: 80px;
}
.blog-details-version-one
    .left-side
    .wrapper
    .comments
    .inner-comment-section
    .child-comment.rtl {
    padding-left: 0;
    padding-right: 80px;
}
.blog-details-version-one .left-side .wrapper .leave-comment {
    margin-top: 80px;
}
@media only screen and (min-width: 576px) and (max-width: 767px),
    only screen and (max-width: 576px) {
    .blog-details-version-one
        .left-side
        .wrapper
        .leave-comment
        .input-inner
        .access
        input:last-child {
        margin-top: 15px;
    }
}
.blog-details-version-one .left-side .wrapper .leave-comment h4 {
    font-size: 22px;
    font-weight: 700;
    color: var(--heading_color);
}
.blog-details-version-one .left-side .wrapper .leave-comment p {
    text-transform: capitalize;
}
.blog-details-version-one
    .left-side
    .wrapper
    .leave-comment
    .input-inner
    input {
    width: 100%;
    height: 55px;
    border: 1px solid var(--border_color);
    border-radius: 8px;
    padding: 10px 15px;
}
.blog-details-version-one
    .left-side
    .wrapper
    .leave-comment
    .input-inner
    textarea {
    width: 100%;
    border: 1px solid var(--border_color);
    border-radius: 8px;
    padding: 10px 15px;
}
.blog-details-version-one
    .left-side
    .wrapper
    .leave-comment
    .input-inner
    textarea:focus-visible {
    outline: transparent;
}
.blog-details-version-one
    .left-side
    .wrapper
    .leave-comment
    .input-inner
    textarea
    .main-btn {
    margin-top: 10px;
}
.blog-details-version-one
    .left-side
    .wrapper
    .leave-comment
    .input-inner
    textarea
    .main-btn
    .btn-shape-normal-outline {
    margin: 0;
    width: 172px;
}
.blog-details-version-one
    .left-side
    .wrapper
    .leave-comment
    .input-inner
    .main-btn {
    margin-top: 20px;
}
.blog-details-version-one
    .left-side
    .wrapper
    .leave-comment
    .input-inner
    .main-btn
    .btn-shape-normal-outline {
    margin: 0;
    width: 192px;
}

/*----------------------------------------*/
/*  21. Our Plan Price START
/*----------------------------------------*/
/* =========== Our Plan Price  version one Start ===========*/
@media only screen and (min-width: 576px) and (max-width: 767px),
    only screen and (max-width: 576px) {
    .price-section-version-one {
        padding-bottom: 60px;
    }
}
.price-section-version-one .price-card-version-one .row {
    --bs-gutter-x: 40px !important;
    margin-top: 60px;
}
.price-section-version-one .price-card-version-one .row .wrapper {
    position: relative;
    z-index: 9;
    -webkit-transition: all 0.2s linear;
    transition: all 0.2s linear;
}
@media only screen and (min-width: 768px) and (max-width: 991px),
    only screen and (min-width: 576px) and (max-width: 767px),
    only screen and (max-width: 576px) {
    .price-section-version-one .price-card-version-one .row .wrapper {
        margin-top: 0;
        margin-bottom: 40px;
    }
}
@media only screen and (min-width: 576px) and (max-width: 767px),
    only screen and (max-width: 576px) {
    .price-section-version-one .price-card-version-one .row .wrapper {
        margin: 0 10px;
        margin-bottom: 40px;
    }
}
.price-section-version-one .price-card-version-one .row .wrapper .inner {
    background: var(--bg_white);
    border-radius: 10px;
    padding: 30px 30px;
    border-bottom: 8px solid transparent;
}
.price-section-version-one .price-card-version-one .row .wrapper .overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    border-radius: 12px;
    background: var(--theme_color);
    z-index: -1;
    -webkit-transition: all 0.2s linear;
    transition: all 0.2s linear;
}
.price-section-version-one
    .price-card-version-one
    .row
    .wrapper
    .heading-intro {
    text-align: center;
    margin: 20px 0;
}
.price-section-version-one
    .price-card-version-one
    .row
    .wrapper
    .heading-intro
    h2 {
    font-size: 26px;
    font-weight: 700;
    color: var(--text_color);
}
.price-section-version-one
    .price-card-version-one
    .row
    .wrapper
    .heading-intro
    h1 {
    margin-top: 15px;
    font-size: 46px;
    font-weight: 700;
    color: var(--heading_color);
}
.price-section-version-one
    .price-card-version-one
    .row
    .wrapper
    .heading-intro
    h1
    span {
    font-size: 22px;
    color: var(--theme_color);
}
.price-section-version-one
    .price-card-version-one
    .row
    .wrapper
    .inner-list
    ul
    li {
    padding: 5px 0;
}
.price-section-version-one
    .price-card-version-one
    .row
    .wrapper
    .inner-list
    ul
    li
    i {
    font-size: 10px;
}
.price-section-version-one
    .price-card-version-one
    .row
    .wrapper
    .inner-list
    .btn-section {
    margin-top: 25px;
    margin-bottom: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.price-section-version-one
    .price-card-version-one
    .row
    .wrapper
    .inner-list
    .btn-section
    .btn-shape-normal-outline {
    padding: 10px;
    width: 126px;
}
.price-section-version-one .price-card-version-one .row .wrapper:hover {
    -webkit-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;
    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;
}
.price-section-version-one
    .price-card-version-one
    .row
    .wrapper:hover
    .overlay {
    top: 6px;
}

/* =========== Our Plan Price  version two Start ===========*/
.price-section-version-two .price-card-version-two .wrapper {
    margin-top: 70px;
    background: var(--bg_white);
    padding: 30px 30px;
    border-radius: 8px;
}
.price-section-version-two
    .price-card-version-two
    .wrapper
    .inner
    .heading-intro {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.price-section-version-two
    .price-card-version-two
    .wrapper
    .inner
    .heading-intro
    .left {
    margin-top: 20px;
}
.price-section-version-two
    .price-card-version-two
    .wrapper
    .inner
    .heading-intro
    .left
    h2 {
    font-size: 16px;
    font-weight: 700;
}
.price-section-version-two
    .price-card-version-two
    .wrapper
    .inner
    .heading-intro
    .left
    h3 {
    font-weight: 22px;
    font-weight: 700;
    color: var(--heading_color);
}
.price-section-version-two
    .price-card-version-two
    .wrapper
    .inner
    .heading-intro
    .left
    p {
    font-size: 15px;
    margin-bottom: 5px;
}
.price-section-version-two
    .price-card-version-two
    .wrapper
    .inner
    .heading-intro
    .right
    h1 {
    font-size: 48px;
    font-weight: 700;
    color: var(--theme_color);
}
.price-section-version-two .price-card-version-two .wrapper .inner .inner-list {
    margin-top: 10px;
}
.price-section-version-two
    .price-card-version-two
    .wrapper
    .inner
    .inner-list
    ul
    li {
    padding: 7px 0;
}
.price-section-version-two
    .price-card-version-two
    .wrapper
    .inner
    .inner-list
    ul
    li
    i {
    margin-right: 6px;
}
.price-section-version-two
    .price-card-version-two
    .wrapper
    .inner
    .inner-list
    ul
    li
    .fa-check {
    color: #22c55e;
}
.price-section-version-two
    .price-card-version-two
    .wrapper
    .inner
    .inner-list
    ul
    li
    .fa-xmark {
    color: #dc2626;
}
.price-section-version-two
    .price-card-version-two
    .wrapper
    .inner
    .inner-list
    .btn-section {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-bottom: 10px;
    margin-top: 20px;
}
.price-section-version-two
    .price-card-version-two
    .wrapper
    .inner
    .inner-list
    .btn-section
    .btn-shape-normal-outline {
    width: 200px;
    padding: 14px;
}
.price-section-version-two .price-card-version-two .wrapper.theme {
    margin-top: 40px;
    background: var(--primary_color);
}
@media only screen and (min-width: 768px) and (max-width: 991px),
    only screen and (min-width: 576px) and (max-width: 767px),
    only screen and (max-width: 576px) {
    .price-section-version-two .price-card-version-two .wrapper.theme {
        margin-top: 70px;
    }
}
.price-section-version-two
    .price-card-version-two
    .wrapper.theme
    .inner
    .heading-intro
    .left
    h2 {
    color: var(--bg_white);
}
.price-section-version-two
    .price-card-version-two
    .wrapper.theme
    .inner
    .heading-intro
    .left
    h3 {
    color: var(--bg_white);
}
.price-section-version-two
    .price-card-version-two
    .wrapper.theme
    .inner
    .heading-intro
    .left
    p {
    color: var(--bg_white);
}
.price-section-version-two
    .price-card-version-two
    .wrapper.theme
    .inner
    .inner-list {
    margin-top: 10px;
}
.price-section-version-two
    .price-card-version-two
    .wrapper.theme
    .inner
    .inner-list
    ul
    li {
    color: var(--bg_white);
}
.price-section-version-two
    .price-card-version-two
    .wrapper.theme
    .inner
    .inner-list
    .btn-section {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-bottom: 10px;
    margin-top: 20px;
}
.price-section-version-two
    .price-card-version-two
    .wrapper.theme
    .inner
    .inner-list
    .btn-section
    .btn-shape-normal-outline {
    width: 200px;
    padding: 14px;
}

/* =========== Our Plan Price  version three Start ===========*/
@media only screen and (max-width: 576px) {
    .price-section-version-three {
        padding-bottom: 20px;
    }
}
.price-section-version-three .price-card-version-three {
    margin-top: 60px;
}
.price-section-version-three .price-card-version-three .wrapper {
    border-radius: 8px;
    overflow: hidden;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
    .price-section-version-three .price-card-version-three .wrapper {
        margin-bottom: 40px;
    }
}
@media only screen and (min-width: 576px) and (max-width: 767px),
    only screen and (max-width: 576px) {
    .price-section-version-three .price-card-version-three .wrapper {
        margin: 0 10px;
        margin-bottom: 70px;
    }
}
.price-section-version-three .price-card-version-three .wrapper .inner {
    background: var(--bg_white);
    padding: 20px 30px;
}
.price-section-version-three .price-card-version-three .wrapper .icon-file {
    text-align: center;
    margin: 20px 0;
}
.price-section-version-three .price-card-version-three .wrapper .heading-intro {
    text-align: center;
}
.price-section-version-three
    .price-card-version-three
    .wrapper
    .heading-intro
    h2 {
    font-size: 36px;
    font-weight: 700;
    color: var(--heading_color);
}
.price-section-version-three
    .price-card-version-three
    .wrapper
    .heading-intro
    h3 {
    font-size: 22px;
    font-weight: 600;
    color: var(--theme_color);
}
.price-section-version-three
    .price-card-version-three
    .wrapper
    .heading-intro
    h3
    span {
    font-size: 15px;
}
.price-section-version-three .price-card-version-three .wrapper .inner-list {
    margin-top: 15px;
    text-align: center;
}
.price-section-version-three
    .price-card-version-three
    .wrapper
    .inner-list
    ul
    li {
    padding: 5px 0;
}
.price-section-version-three
    .price-card-version-three
    .wrapper
    .inner-list
    ul
    li
    i {
    font-size: 16px;
    margin-right: 5px;
}
.price-section-version-three
    .price-card-version-three
    .wrapper
    .inner-list
    ul
    li
    i.fa-check {
    color: #22c55e;
}
.price-section-version-three
    .price-card-version-three
    .wrapper
    .inner-list
    ul
    li
    i.fa-xmark {
    color: #dc2626;
}
.price-section-version-three
    .price-card-version-three
    .wrapper
    .inner-list
    .btn-section {
    margin-top: 25px;
    margin-bottom: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.price-section-version-three
    .price-card-version-three
    .wrapper
    .inner-list
    .btn-section
    .btn-shape-normal-outline {
    padding: 10px;
    width: 126px;
}
@media only screen and (min-width: 576px) and (max-width: 767px),
    only screen and (max-width: 576px) {
    .price-section-version-three
        .price-card-version-three
        .wrapper
        .inner-list
        .btn-section
        .btn-shape-normal-outline {
        padding: 16px;
        margin-bottom: 20px;
    }
}
.price-section-version-three .price-card-version-three .wrapper:hover {
    -webkit-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;
    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;
}

/*----------------------------------------*/
/*  22. News Letter
/*----------------------------------------*/
/* ============= News Letter version one Start =============*/
.newsletter-section-version-one {
    position: relative;
    z-index: 9;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
    background-attachment: fixed;
}
.newsletter-section-version-one::after {
    position: absolute;
    content: "";
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(51, 51, 51, 0.8431372549);
    z-index: -1;
}
.newsletter-section-version-one .wrapper h2 {
    text-align: center;
    font-size: 60px;
    font-weight: 700;
    color: var(--bg_white);
}
@media only screen and (max-width: 576px) {
    .newsletter-section-version-one .wrapper h2 {
        font-size: 36px;
    }
}
.newsletter-section-version-one .wrapper p {
    text-align: center;
    padding: 0 200px;
    font-size: 16px;
    color: var(--bg_white);
    text-transform: capitalize;
}
@media only screen and (min-width: 768px) and (max-width: 991px),
    only screen and (min-width: 576px) and (max-width: 767px),
    only screen and (max-width: 576px) {
    .newsletter-section-version-one .wrapper p {
        padding: 0;
    }
}
.newsletter-section-version-one .wrapper .input {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.newsletter-section-version-one .wrapper .input input {
    margin-top: 10px;
    width: 400px;
    height: 50px;
    border-radius: 8px;
    padding: 5px 15px;
    border: 2px solid var(--bg_white);
    background: transparent;
    color: var(--bg_white);
}
.newsletter-section-version-one
    .wrapper
    .input
    input::-webkit-input-placeholder {
    color: var(--bg_white);
}
.newsletter-section-version-one .wrapper .input input::-moz-placeholder {
    color: var(--bg_white);
}
.newsletter-section-version-one .wrapper .input input:-ms-input-placeholder {
    color: var(--bg_white);
}
.newsletter-section-version-one .wrapper .input input::-ms-input-placeholder {
    color: var(--bg_white);
}
.newsletter-section-version-one .wrapper .input input::placeholder {
    color: var(--bg_white);
}
.newsletter-section-version-one .wrapper .btn-section {
    margin-top: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.newsletter-section-version-one
    .wrapper
    .btn-section
    .btn-shape-normal-outline {
    padding: 12px;
    width: 140px;
}

/* ============= News Letter version two Start =============*/
.newsletter-section-version-two {
    position: relative;
    z-index: 9;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
    background-attachment: fixed;
    overflow: hidden;
}
.newsletter-section-version-two::after {
    position: absolute;
    content: "";
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(51, 51, 51, 0.4588235294);
    z-index: -1;
}
.newsletter-section-version-two .wrapper h2 {
    font-size: 46px;
    color: var(--bg_white);
    text-transform: capitalize;
    font-weight: 700;
}
@media only screen and (min-width: 576px) and (max-width: 767px),
    only screen and (max-width: 576px) {
    .newsletter-section-version-two .wrapper h2 {
        font-size: 30px;
    }
}
.newsletter-section-version-two .wrapper p {
    margin-top: 20px;
    font-size: 16px;
    color: var(--bg_white);
}
.newsletter-section-version-two .wrapper .input-section {
    margin-top: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 10px;
}
.newsletter-section-version-two .wrapper .input-section input {
    width: 330px;
    height: 50px;
    padding: 0 10px;
    border-radius: 5px;
    border: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.newsletter-section-version-two
    .wrapper
    .input-section
    .btn-shape-normal-outline {
    padding: 12px;
    width: 130px;
}
.newsletter-section-version-two .img-file {
    width: 100%;
    height: 100%;
    position: relative;
}
.newsletter-section-version-two .img-file img {
    position: absolute;
    width: 400px;
    bottom: -115px;
}
@media only screen and (min-width: 768px) and (max-width: 991px),
    only screen and (min-width: 576px) and (max-width: 767px),
    only screen and (max-width: 576px) {
    .newsletter-section-version-two .img-file img {
        display: none;
    }
}
.newsletter-section-version-two .img-file.rtl img {
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
}

/* ============= News Letter version three Start =============*/
.newsletter-section-version-three {
    position: relative;
    z-index: 9;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
    background-attachment: fixed;
    overflow: hidden;
}
.newsletter-section-version-three::after {
    position: absolute;
    content: "";
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(51, 51, 51, 0.4588235294);
    z-index: -1;
}
.newsletter-section-version-three .right-side .heading-text h3 {
    font-size: 18px;
    font-weight: 500;
    color: var(--bg_white);
}
.newsletter-section-version-three .right-side .heading-text h2 {
    margin-top: 20px;
    font-size: 46px;
    font-weight: 700;
    text-transform: capitalize;
    color: var(--bg_white);
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
    .newsletter-section-version-three .right-side .heading-text h2 {
        font-size: 40px;
    }
}
@media only screen and (max-width: 576px) {
    .newsletter-section-version-three .right-side .heading-text h2 {
        font-size: 30px;
    }
}
@media only screen and (max-width: 380px) {
    .newsletter-section-version-three .right-side .heading-text h2 {
        font-size: 26px;
    }
}
.newsletter-section-version-three .right-side .profile-hold {
    margin-top: 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 14px;
}
.newsletter-section-version-three .right-side .profile-hold .img-file {
    overflow: hidden;
}
.newsletter-section-version-three .right-side .profile-hold .img-file img {
    border-radius: 100px;
    border: 5px solid #fff;
    width: 80px;
}
.newsletter-section-version-three .right-side .profile-hold .text-file h3 {
    margin: 0;
    font-size: 22px;
    color: var(--bg_white);
}
.newsletter-section-version-three .right-side .profile-hold .text-file p {
    margin: 0;
    color: var(--bg_white);
}
.newsletter-section-version-three .left-side .input-section {
    margin-top: 40px;
}
.newsletter-section-version-three .left-side .input-section input {
    width: 100%;
    height: 55px;
    padding: 0 10px;
    border-radius: 5px;
    border: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: transparent;
    border: 2px solid #fff;
    color: #ddd;
}
.newsletter-section-version-three
    .left-side
    .input-section
    .btn-shape-normal-outline {
    padding: 12px;
    width: 130px;
    margin: 0;
    margin-top: 15px;
}

/*----------------------------------------*/
/*  23. Our Client START
/*----------------------------------------*/
/* ============ Our Client version one Start ============ */
.ourclient-section-version-one .wrapper {
    text-align: center;
}
@media only screen and (max-width: 576px) {
    .ourclient-section-version-one .wrapper {
        padding-bottom: 15px;
    }
}
.ourclient-section-version-one .wrapper h2 {
    font-weight: 36;
    font-weight: 700;
    color: var(--heading_color);
    text-transform: capitalize;
}
.ourclient-section-version-one .wrapper p {
    margin-top: 10px;
    padding: 0 200px;
}
@media only screen and (min-width: 768px) and (max-width: 991px),
    only screen and (min-width: 576px) and (max-width: 767px),
    only screen and (max-width: 576px) {
    .ourclient-section-version-one .wrapper p {
        padding: 0;
    }
}
.ourclient-section-version-one .data-inner {
    margin-top: 30px;
}

/* ============ Our Client version two Start ============ */
.ourclient-section-version-two .data-inner-version-two {
    margin-top: 40px;
}
@media only screen and (min-width: 768px) and (max-width: 991px),
    only screen and (min-width: 576px) and (max-width: 767px),
    only screen and (max-width: 576px) {
    .ourclient-section-version-two .data-inner-version-two .wrapper {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        margin-bottom: 20px;
    }
}

/* ============ Our Client version three Start ============ */
.ourclient-section-version-three .data-inner-version-three {
    margin-top: 40px;
}
@media only screen and (min-width: 768px) and (max-width: 991px),
    only screen and (min-width: 576px) and (max-width: 767px),
    only screen and (max-width: 576px) {
    .ourclient-section-version-three .data-inner-version-three .wrapper {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        margin-bottom: 20px;
    }
}

/*----------------------------------------*/
/*  FAQ Section
/*----------------------------------------*/
/* =============== FAQ Section version one ===============*/
.faq-section-version-one .left-side .wrapper h2 {
    font-size: 36px;
    font-weight: 700;
    color: var(--heading_color);
    text-transform: capitalize;
}
.faq-section-version-one .left-side .wrapper img {
    border-radius: 8px;
    overflow: hidden;
}
.faq-section-version-one .left-side .wrapper h3 {
    font-size: 22px;
    font-weight: 700;
    color: var(--heading_color);
    text-transform: capitalize;
}
.faq-section-version-one .left-side .intro h3 {
    font-size: 22px;
    font-weight: 700;
    color: var(--heading_color);
}
.faq-section-version-one .left-side .accordion {
    margin-top: 20px;
}
.faq-section-version-one .left-side .accordion .accordion-item {
    margin-bottom: 10px;
    border-radius: 5px;
    overflow: hidden;
}
.faq-section-version-one
    .left-side
    .accordion
    .accordion-item
    .accordion-header
    .accordion-button {
    padding-left: 40px;
    position: relative;
    color: var(--bg_white);
    background-color: var(--theme_color);
    border: 1px solid var(--theme_color);
    font-weight: 600;
}
.faq-section-version-one
    .left-side
    .accordion
    .accordion-item
    .accordion-header
    .accordion-button:focus {
    border: 1px solid var(--theme_color);
    outline: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
}
.faq-section-version-one
    .left-side
    .accordion
    .accordion-item
    .accordion-header
    .accordion-button::after {
    content: "+";
    background-image: none;
    font-family: "Font Awesome 6 Pro";
    position: absolute;
    left: 15px;
    color: var(--bg_white);
    -webkit-transition: all 0.2s linear;
    transition: all 0.2s linear;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}
.faq-section-version-one
    .left-side
    .accordion
    .accordion-item
    .accordion-header
    .accordion-button:not(.collapsed)::after {
    -webkit-transition: all 0.2s linear;
    transition: all 0.2s linear;
    background-image: none;
    content: "\f068";
    color: var(--bg_white);
}
.faq-section-version-one.rtl .accordion-button {
    padding-left: 0;
    padding-right: 45px;
}
.faq-section-version-one.rtl .accordion-button::after {
    left: auto;
    right: 15px;
}
.faq-section-version-one.rtl .widget .widget-four .input-inner .input span {
    left: auto;
    right: 14px;
}
.faq-section-version-one.rtl .widget .widget-four .input-inner .input input {
    padding-right: 35px;
    padding-left: 0;
}
.faq-section-version-one.rtl .widget .widget-four .input-inner .text-area span {
    left: auto;
    right: 14px;
}
.faq-section-version-one.rtl
    .widget
    .widget-four
    .input-inner
    .text-area
    .text-end {
    padding-right: 35px;
    padding-left: 0;
}

/*----------------------------------------*/
/*   Contact Section
/*----------------------------------------*/
/* ============== Contact version one start ==============*/
.contact-version-one .contact-inner .input-field {
    padding-right: 30px;
}
.contact-version-one .contact-inner .input-field .field {
    margin-top: 20px;
}
.contact-version-one .contact-inner .input-field .field h4 {
    font-size: 22px;
    font-weight: 700;
    color: var(--heading_color);
}
.contact-version-one .contact-inner .input-field .field p {
    text-transform: capitalize;
}
.contact-version-one .contact-inner .input-field .field .input-inner input {
    width: 100%;
    height: 55px;
    border: 1px solid var(--border_color);
    border-radius: 8px;
    padding: 10px 15px;
}
.contact-version-one .contact-inner .input-field .field .input-inner textarea {
    width: 100%;
    border: 1px solid var(--border_color);
    border-radius: 8px;
    padding: 10px 15px;
}
.contact-version-one
    .contact-inner
    .input-field
    .field
    .input-inner
    textarea:focus-visible {
    outline: transparent;
}
.contact-version-one
    .contact-inner
    .input-field
    .field
    .input-inner
    textarea
    .main-btn {
    margin-top: 10px;
}
.contact-version-one
    .contact-inner
    .input-field
    .field
    .input-inner
    textarea
    .main-btn
    .btn-shape-normal-outline {
    margin: 0;
    width: 172px;
}
@media only screen and (min-width: 576px) and (max-width: 767px),
    only screen and (max-width: 576px) {
    .contact-version-one
        .contact-inner
        .input-field
        .field
        .input-inner
        .access
        input:last-child {
        margin-top: 15px;
    }
}
.contact-version-one .contact-inner .input-field .field .input-inner .main-btn {
    margin-top: 20px;
}
.contact-version-one
    .contact-inner
    .input-field
    .field
    .input-inner
    .main-btn
    .btn-shape-normal-outline {
    margin: 0;
    width: 172px;
}
@media only screen and (min-width: 576px) and (max-width: 767px),
    only screen and (max-width: 576px) {
    .contact-version-one .contact-inner .input-field.rtl {
        padding-right: 0;
    }
}
@media only screen and (min-width: 768px) and (max-width: 991px),
    only screen and (min-width: 576px) and (max-width: 767px),
    only screen and (max-width: 576px) {
    .contact-version-one .contact-inner .right-side {
        margin-top: 70px;
    }
}
.contact-version-one .contact-inner .right-side .intro h2 {
    font-size: 30px;
    font-weight: 700;
    text-transform: capitalize;
    color: var(--heading_color);
}
.contact-version-one .contact-inner .right-side .list-data ul {
    margin-top: 20px;
}
.contact-version-one .contact-inner .right-side .list-data ul li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 15px;
    padding: 8px 0;
}
.contact-version-one .contact-inner .right-side .list-data ul li i {
    font-size: 46px;
    color: var(--theme_color);
}
.contact-version-one .contact-inner .right-side .list-data ul li h4 {
    font-size: 18px;
    font-weight: 700;
    color: var(--heading_color);
    margin: 0;
}
.contact-version-one .contact-g-map {
    margin-top: 80px;
    width: 100%;
}
.contact-version-one .contact-g-map iframe {
    width: 100%;
    height: 500px;
}

/*----------------------------------------*/
/*   Login Section
/*----------------------------------------*/
/* ============== Contact version one start ==============*/
/* ======= Button Shape One ======= */
.btn-shape-login-outline {
    display: inline-block;
    border-radius: 4px;
    background-color: var(--theme_color);
    border: none;
    color: #ffffff;
    text-align: center;
    font-size: 17px;
    padding: 16px;
    width: 100%;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
    cursor: pointer;
    margin: 5px;
}
.btn-shape-login-outline span {
    cursor: pointer;
    display: inline-block;
    position: relative;
    -webkit-transition: 0.5s;
    transition: 0.5s;
}
.btn-shape-login-outline span:after {
    content: "»";
    position: absolute;
    opacity: 0;
    top: 0;
    right: -15px;
    -webkit-transition: 0.5s;
    transition: 0.5s;
}
.btn-shape-login-outline:hover span {
    padding-right: 15px;
}
.btn-shape-login-outline:hover span:after {
    opacity: 1;
    right: 0;
}
.btn-shape-login-outline.purchase i {
    color: var(--bg_white) !important;
}

/* --------------- */
/* --------------- */

/* .login-version-one .contact-inner .input-field {
    padding-right: 30px;
} */
.login-version-one .inner-text p {
    padding-top: 22px;
    font-size: 34px;
}
/* .login-version-one .list-data .list-mark {
  background: #464a53;
  width: 20px;
  height: 2px;
} */
.login-version-one .list-line {
    text-align: center;
    position: relative;
}
.login-version-one .list-line:after {
    content: "";
    background: #bebebe;
    width: 135px;
    height: 1px;
    position: absolute;
    top: 10px;
    right: 0;
    left: 5px;
}
.login-version-one .list-line:before {
    content: "";
    background: #bebebe;
    width: 135px;
    height: 1px;
    position: absolute;
    top: 10px;
    right: 0;
    right: 5px;
}
@media only screen and (min-width: 768px) and (max-width: 991px),
    only screen and (min-width: 576px) and (max-width: 767px),
    only screen and (max-width: 576px) {
    .login-version-one .list-line:before {
        height: 0;
    }
    .login-version-one .list-line:after {
        height: 0;
    }
}

.login-version-one .contact-inner .input-field .field {
    margin-top: 20px;
}
.login-version-one .contact-inner .input-field .field h4 {
    font-size: 22px;
    font-weight: 700;
    color: var(--heading_color);
}
.login-version-one .contact-inner .input-field .field p {
    text-transform: capitalize;
}
.login-version-one .contact-inner .input-field .field .input-inner input {
    width: 100%;
    height: 55px;
    border: 1px solid var(--border_color);
    border-radius: 8px;
    padding: 10px 15px;
}
.login-version-one .contact-inner .input-field .field .input-inner textarea {
    width: 100%;
    border: 1px solid var(--border_color);
    border-radius: 8px;
    padding: 10px 15px;
}
.login-version-one .contact-inner .input-field .field .input-inner {
    justify-content: center;
}
.login-version-one
    .contact-inner
    .input-field
    .field
    .input-inner
    textarea:focus-visible {
    outline: transparent;
}
.login-version-one
    .contact-inner
    .input-field
    .field
    .input-inner
    textarea
    .main-btn {
    margin-top: 10px;
}
.login-version-one
    .contact-inner
    .input-field
    .field
    .input-inner
    textarea
    .main-btn
    .btn-shape-normal-outline {
    margin: 0;
    width: 172px;
}
@media only screen and (min-width: 576px) and (max-width: 767px),
    only screen and (max-width: 576px) {
    .login-version-one
        .contact-inner
        .input-field
        .field
        .input-inner
        .access
        input:last-child {
        margin-top: 15px;
    }
}
.login-version-one .contact-inner .input-field .field .input-inner .main-btn {
    margin-top: 20px;
}
.login-version-one
    .contact-inner
    .input-field
    .field
    .input-inner
    .main-btn
    .btn-shape-normal-outline {
    margin: 0;
    width: 172px;
}
@media only screen and (min-width: 576px) and (max-width: 767px),
    only screen and (max-width: 576px) {
    .login-version-one .contact-inner .input-field.rtl {
        padding-right: 0;
    }
}
@media only screen and (min-width: 768px) and (max-width: 991px),
    only screen and (min-width: 576px) and (max-width: 767px),
    only screen and (max-width: 576px) {
    .login-version-one .contact-inner .right-side {
        margin-top: 10px;
    }
}
@media only screen and (min-width: 768px) and (max-width: 991px),
    only screen and (min-width: 576px) and (max-width: 767px),
    only screen and (max-width: 576px) {
    .login-version-one .inner-text p {
        padding-top: 10px;
        font-size: 28px;
    }
}
.login-version-one .contact-inner .right-side .intro p {
    text-align: center;
    font-size: 18px;
    font-weight: 700;
    text-transform: capitalize;
    color: var(--heading_color);
}
.login-version-one .contact-inner .right-side .list-data ul {
    justify-content: space-between;
    margin-top: 20px;
}
.login-version-one .contact-inner .right-side .list-data ul li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 15px;
    padding: 8px 0;
}
.login-version-one .contact-inner .right-side .list-data ul li i {
    font-size: 30px;
    color: var(--theme_color);
}
.login-version-one .contact-inner .right-side .list-data ul li h4 {
    font-size: 18px;
    font-weight: 700;
    color: var(--heading_color);
    margin: 0;
}
.login-version-one .contact-g-map {
    margin-top: 80px;
    width: 100%;
}
.login-version-one .contact-g-map iframe {
    width: 100%;
    height: 500px;
}

/*----------------------------------------*/
/* 26.  Widget Section
/*----------------------------------------*/
/* ============= Widget Section one Start =============*/
.widget {
    padding-left: 30px;
}
.widget.rtl {
    padding-left: 0;
    padding-right: 30px;
}
@media only screen and (min-width: 768px) and (max-width: 991px),
    only screen and (min-width: 576px) and (max-width: 767px),
    only screen and (max-width: 576px) {
    .widget {
        padding-left: 0;
        margin-top: 50px;
    }
}
.widget .widget-one .wrapper {
    padding: 30px 25px;
    border-radius: 10px;
    border: 2px solid var(--border_color);
}
.widget .widget-one .wrapper h3 {
    font-size: 22px;
    font-weight: 700;
    color: var(--heading_color);
}
.widget .widget-one .wrapper ul {
    margin-top: 20px;
}
.widget .widget-one .wrapper ul li {
    padding: 8px 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 15px;
}
.widget .widget-one .wrapper ul li i {
    font-size: 40px;
    color: var(--theme_color);
}
.widget .widget-one .wrapper ul li span,
.widget .widget-one .wrapper ul li button {
    line-height: initial;
    padding: 4px 0;
}
.widget .widget-one .wrapper ul li button {
    font-weight: 600;
    color: var(--theme_color);
}
.widget .widget-one .wrapper ul li span {
    text-transform: capitalize;
}
.widget .widget-one .wrapper .btn-shape-normal-outline {
    width: 165px;
    margin: 0;
    margin-top: 20px;
}
.widget .widget-two {
    position: relative;
}
.widget .widget-two .wrapper h3 {
    font-size: 22px;
    font-weight: 700;
    color: var(--heading_color);
}
.widget .widget-two .wrapper .img-file {
    position: relative;
    margin-top: 15px;
}
.widget .widget-two .wrapper .img-file .pop-img {
    overflow: hidden;
    border-radius: 10px;
}
.widget .widget-two .wrapper .img-file .pop-img .inner {
    position: relative;
}
@media only screen and (min-width: 768px) and (max-width: 991px),
    only screen and (min-width: 576px) and (max-width: 767px),
    only screen and (max-width: 576px) {
    .widget .widget-two .wrapper .img-file .pop-img .inner img {
        width: 100%;
    }
}
.widget .widget-two .wrapper .img-file .pop-img .inner .vide-button {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
.widget .widget-two .wrapper .img-file .pop-img .inner .vide-button a {
    width: 80px;
    height: 80px;
    background: var(--theme_color);
    border-radius: 50%;
    color: var(--bg_white);
    -webkit-transition: 0.3s;
    transition: 0.3s;
    -webkit-box-shadow: 0px 16px 32px 0px rgba(0, 0, 0, 0.04);
    box-shadow: 0px 16px 32px 0px rgba(0, 0, 0, 0.04);
    line-height: 120px;
    text-align: center;
    font-size: 30px;
    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;
}
.widget .widget-two .wrapper .img-file .pop-img .inner .vide-button:hover a {
    -webkit-animation: pulse 2s infinite;
    animation: pulse 2s infinite;
}
.widget .widget-three {
    position: relative;
}
.widget .widget-three .wrapper {
    padding: 30px 25px;
    border-radius: 10px;
    background: var(--primary_color);
}
.widget .widget-three .wrapper h3 {
    font-size: 22px;
    font-weight: 700;
    color: var(--bg_white);
}
.widget .widget-three .wrapper ul {
    margin-top: 20px;
}
.widget .widget-three .wrapper ul li {
    font-size: 16px;
    color: var(--bg_white);
    display: block;
    padding-bottom: 15px;
}
.widget .widget-three .wrapper ul li:last-child {
    padding-bottom: 0;
}
.widget .widget-three .wrapper ul li span {
    font-weight: 600;
}
.widget .widget-three .wrapper ul li i {
    margin-right: 8px;
    color: var(--theme_color);
}
.widget .widget-four .wrapper {
    padding: 30px 25px;
    border-radius: 10px;
    border: 2px solid var(--border_color);
}
.widget .widget-four .wrapper h3 {
    font-size: 22px;
    font-weight: 700;
    color: var(--heading_color);
}
.widget .widget-four .wrapper .input-inner {
    margin-top: 20px;
}
.widget .widget-four .wrapper .input-inner .input {
    position: relative;
    margin-bottom: 10px;
}
.widget .widget-four .wrapper .input-inner .input input {
    width: 100%;
    height: 50px;
    padding: 10px;
    padding-left: 35px;
    border-radius: 5px;
    border: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border: 2px solid var(--border_color);
    line-height: initial;
}
.widget .widget-four .wrapper .input-inner .input span {
    position: absolute;
    left: 14px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    line-height: initial;
}
.widget .widget-four .wrapper .input-inner .input span i {
    color: var(--theme_color);
}
.widget .widget-four .wrapper .input-inner .text-area {
    position: relative;
    margin-bottom: 10px;
}
.widget .widget-four .wrapper .input-inner .text-area textarea {
    width: 100%;
    height: 200px;
    padding: 10px;
    padding-left: 35px;
    border-radius: 5px;
    border: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border: 2px solid var(--border_color);
    line-height: initial;
}
.widget .widget-four .wrapper .input-inner .text-area textarea:focus-visible {
    outline: none;
}
.widget .widget-four .wrapper .input-inner .text-area span {
    position: absolute;
    left: 14px;
    top: 22px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    line-height: initial;
}
.widget .widget-four .wrapper .input-inner .text-area span i {
    color: var(--theme_color);
}
.widget .widget-four .wrapper .btn-shape-normal-outline {
    width: 100%;
    margin: 0;
    margin-top: 20px;
}
.widget .widget-four.rtl .wrapper .input-inner .input span {
    left: auto;
    right: 14px;
}
.widget .widget-four.rtl .wrapper .input-inner .input input {
    padding-left: 0;
    padding-right: 35px;
}
.widget .widget-four.rtl .wrapper .input-inner .text-area span {
    left: auto;
    right: 14px;
}
.widget .widget-five {
    position: relative;
}
.widget .widget-five .wrapper {
    padding: 30px 25px;
    border-radius: 10px;
    border: 2px solid var(--border_color);
}
.widget .widget-five .wrapper h3 {
    font-size: 22px;
    font-weight: 700;
    color: var(--heading_color);
}
.widget .widget-five .wrapper ul {
    margin-top: 15px;
}
.widget .widget-five .wrapper ul li {
    text-transform: capitalize;
    padding: 4px 0;
}
.widget .widget-five .wrapper ul li span {
    font-weight: 700;
    color: var(--heading_color);
}
.widget .widget-five .wrapper ul li i {
    margin-right: 8px;
    color: var(--theme_color);
}
.widget .widget-six .wrapper {
    padding: 30px 25px;
    border-radius: 10px;
    border: 2px solid var(--border_color);
}
.widget .widget-six .wrapper h3 {
    font-size: 22px;
    font-weight: 700;
    color: var(--heading_color);
}
.widget .widget-six .wrapper .blog-inner-items {
    margin-top: 15px;
}
.widget .widget-six .wrapper .blog-inner-items .item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: start;
    gap: 12px;
    margin-bottom: 20px;
}
.widget .widget-six .wrapper .blog-inner-items .item:last-child {
    margin-bottom: 0;
}
.widget .widget-six .wrapper .blog-inner-items .item .img-file {
    width: 35%;
}
.widget .widget-six .wrapper .blog-inner-items .item .img-file img {
    border-radius: 5px;
}
.widget .widget-six .wrapper .blog-inner-items .item .text-file {
    width: 65%;
}
.widget .widget-six .wrapper .blog-inner-items .item .text-file h3 {
    font-size: 16px;
    font-weight: 700;
    color: var(--heading_color);
    -webkit-transition: all 0.2s linear;
    transition: all 0.2s linear;
    text-transform: capitalize;
    margin: 0;
}
.widget .widget-six .wrapper .blog-inner-items .item .text-file h3:hover {
    color: var(--theme_color);
}
.widget .widget-six .wrapper .blog-inner-items .item .text-file .footer-text {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 5px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .widget
        .widget-six
        .wrapper
        .blog-inner-items
        .item
        .text-file
        .footer-text {
        display: block;
    }
}
.widget
    .widget-six
    .wrapper
    .blog-inner-items
    .item
    .text-file
    .footer-text
    span {
    font-size: 12px;
}
.widget .widget-seven .wrapper .input-inner .input {
    position: relative;
    margin-bottom: 10px;
    overflow: hidden;
}
.widget .widget-seven .wrapper .input-inner .input input {
    width: 100%;
    height: 60px;
    padding: 15px;
    border-radius: 5px;
    border: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border: 2px solid var(--border_color);
    line-height: initial;
    overflow: hidden;
    -webkit-transition: all 0.2s linear;
    transition: all 0.2s linear;
}
.widget .widget-seven .wrapper .input-inner .input input:focus {
    border: 2px solid var(--theme_color);
}
.widget .widget-seven .wrapper .input-inner .input span {
    width: 60px;
    height: 60px;
    background: var(--theme_color);
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    line-height: initial;
    border-radius: 0 5px 5px 0;
    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;
    z-index: 9;
    cursor: pointer;
}
.widget .widget-seven .wrapper .input-inner .input span i {
    font-size: 20px;
    color: var(--bg_white);
}
.widget .widget-seven .wrapper .input-inner .input.rtl span {
    right: auto;
    left: 0;
    border-radius: 5px 0px 0px 5px;
}
.widget .widget-seven .wrapper .btn-shape-normal-outline {
    width: 100%;
    margin: 0;
    margin-top: 20px;
}
.widget .widget-eight .wrapper {
    padding: 30px 25px;
    border-radius: 10px;
    border: 2px solid var(--border_color);
}
.widget .widget-eight .wrapper h3 {
    font-size: 22px;
    font-weight: 700;
    color: var(--heading_color);
}
.widget .widget-eight .wrapper .inner-list {
    margin-top: 15px;
}
.widget .widget-eight .wrapper .inner-list ul li {
    -webkit-transition: all 0.2s linear;
    transition: all 0.2s linear;
    padding: 5px;
}
.widget .widget-eight .wrapper .inner-list ul li a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 7px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.widget .widget-eight .wrapper .inner-list ul li:last-child {
    padding-bottom: 0;
}
.widget .widget-eight .wrapper .inner-list ul li i {
    -webkit-transition: all 0.2s linear;
    transition: all 0.2s linear;
    font-size: 12px;
    font-weight: 700;
    color: var(--heading_color);
}
.widget .widget-eight .wrapper .inner-list ul li span {
    font-weight: 600;
    font-weight: 20px;
    text-transform: capitalize;
}
.widget .widget-eight .wrapper .inner-list ul li:hover {
    -webkit-transform: translateX(8px);
    transform: translateX(8px);
    color: var(--theme_color);
}
.widget .widget-eight .wrapper .inner-list ul li:hover i {
    color: var(--theme_color);
}
.widget .widget-eight.rtl .inner-list ul li:hover {
    -webkit-transform: translateX(-8px);
    transform: translateX(-8px);
    color: var(--theme_color);
}
.widget .widget-eight.rtl .inner-list ul li:hover i {
    color: var(--theme_color);
}
.widget .widget-nine .wrapper {
    padding: 30px 25px;
    border-radius: 10px;
    border: 2px solid var(--border_color);
}
.widget .widget-nine .wrapper h3 {
    font-size: 22px;
    font-weight: 700;
    color: var(--heading_color);
}
.widget .widget-nine .wrapper .inner-list {
    margin-top: 15px;
}
.widget .widget-nine .wrapper .inner-list a {
    display: inline-block;
    height: 36px;
    line-height: 38px;
    padding: 0 15px;
    font-size: 14px;
    font-weight: 500;
    color: var(--tp-text-body);
    background: #f4f4f4;
    border-radius: 4px;
    margin-right: 8px;
    margin-bottom: 10px;
    -webkit-transition: all 0.2s linear;
    transition: all 0.2s linear;
}
.widget .widget-nine .wrapper .inner-list a:hover {
    color: var(--bg_white);
    background: var(--theme_color);
}
.widget.rtl {
    padding-left: 0;
    padding-right: 30px;
}
@media only screen and (min-width: 768px) and (max-width: 991px),
    only screen and (min-width: 576px) and (max-width: 767px),
    only screen and (max-width: 576px) {
    .widget.rtl {
        padding-right: 0;
    }
}

/*----------------------------------------*/
/*  Demo Section
/*----------------------------------------*/
/* Demo Page start */
.demo-inner .banner-intro {
    padding: 80px 0;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    overflow: hidden;
    position: relative;
}
.demo-inner .banner-intro::after {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(52, 58, 64, 0.69);
    z-index: 0;
}
.demo-inner .banner-intro .right-side {
    position: relative;
    z-index: 9;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
@media only screen and (min-width: 992px) and (max-width: 1199px),
    only screen and (min-width: 768px) and (max-width: 991px),
    only screen and (min-width: 576px) and (max-width: 767px),
    only screen and (max-width: 576px) {
    .demo-inner .banner-intro .right-side {
        margin-top: 40px;
    }
}
.demo-inner .banner-intro .right-side .wrapper {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 20px;
}
.demo-inner .banner-intro .left-side {
    position: relative;
    z-index: 9;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.demo-inner .banner-intro .left-side .wrapper h2 {
    font-size: 60px;
    font-weight: 700;
    color: var(--bg_white);
    line-height: 80px;
}
@media only screen and (min-width: 576px) and (max-width: 767px),
    only screen and (max-width: 576px) {
    .demo-inner .banner-intro .left-side .wrapper h2 {
        font-size: 45px;
        line-height: 60px;
        margin-bottom: 30px;
    }
}
@media only screen and (max-width: 576px) {
    .demo-inner .banner-intro .left-side .wrapper h2 {
        font-size: 36px;
        line-height: 50px;
        margin-bottom: 30px;
    }
}
.demo-inner .banner-intro .left-side .wrapper .intro-list {
    margin-top: 20px;
}
.demo-inner .banner-intro .left-side .wrapper .intro-list h3 {
    font-size: 22px;
    font-weight: 700;
    color: var(--bg_white);
}
.demo-inner .banner-intro .left-side .wrapper .intro-list ul {
    margin-top: 10px;
    padding-left: 15px;
}
.demo-inner .banner-intro .left-side .wrapper .intro-list ul li {
    font-size: 18px;
    color: var(--bg_white);
    padding-bottom: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 8px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.demo-inner .banner-intro .left-side .wrapper .intro-list ul i {
    color: var(--theme_color);
}
.demo-inner .banner-intro .left-side .wrapper .intro-list .button-intro {
    margin-top: 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 10px;
}
.demo-inner
    .banner-intro
    .left-side
    .wrapper
    .intro-list
    .button-intro
    .btn-shape-normal-outline.left {
    width: 172px;
    border: 2px solid var(--theme_color);
}
.demo-inner
    .banner-intro
    .left-side
    .wrapper
    .intro-list
    .button-intro
    .btn-shape-normal-outline.right {
    width: 208px;
    background: transparent;
    border: 2px solid var(--theme_color);
}
@media only screen and (max-width: 576px) {
    .demo-inner .banner-intro .left-side .wrapper .intro-list .button-intro {
        display: block;
    }
}
.demo-inner .counter-view .row {
    margin-top: 60px;
    background: var(--primary_color);
    padding: 30px 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 10px;
}
.demo-inner .counter-view .row .inner {
    text-align: center;
}
.demo-inner .counter-view .row .inner h2 {
    font-size: 60px;
    color: var(--bg_white);
    font-weight: 700;
}
.demo-inner .counter-view .row .inner h3 {
    font-size: 22px;
    font-weight: 700;
    color: var(--bg_white);
}
.demo-inner .inner-items .header h2 {
    text-align: center;
    font-size: 50px;
    font-weight: 700;
    color: var(--heading_color);
}
@media only screen and (min-width: 576px) and (max-width: 767px),
    only screen and (max-width: 576px) {
    .demo-inner .inner-items .header h2 {
        font-size: 45px;
        line-height: 60px;
    }
}
@media only screen and (max-width: 576px) {
    .demo-inner .inner-items .header h2 {
        font-size: 36px;
        line-height: 46px;
    }
}
.demo-inner .inner-items .items {
    margin-bottom: 50px;
}
.demo-inner .inner-items .items .img-file {
    position: relative;
    text-align: center;
    padding: 0 10px;
    height: 450px;
    overflow: hidden;
    margin-bottom: 20px;
}
.demo-inner .inner-items .items .img-file img.blur {
    -webkit-filter: blur(30px);
    filter: blur(30px);
}
.demo-inner .inner-items .items .img-file .btn-section {
    position: absolute;
    bottom: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, 50%);
    transform: translate(-50%, 50%);
    z-index: 9;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all 0.4s linear;
    transition: all 0.4s linear;
}
.demo-inner
    .inner-items
    .items
    .img-file
    .btn-section
    .btn-shape-normal-outline {
    width: 172px;
}
.demo-inner .inner-items .items .img-file::after {
    background: rgba(52, 58, 64, 0.45);
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all 0.2s linear;
    transition: all 0.2s linear;
}
.demo-inner .inner-items .items .img-file.blur {
    -webkit-filter: blur(30px);
    filter: blur(30px);
}
.demo-inner .inner-items .items h3 {
    margin-top: 15px;
    text-align: center;
}
.demo-inner .inner-items .items:hover .img-file::after {
    visibility: visible;
    opacity: 1;
}
.demo-inner .inner-items .items:hover .btn-section {
    visibility: visible;
    opacity: 1;
}
.demo-inner .feature .header {
    margin-bottom: 10px;
}
.demo-inner .feature .header h2 {
    text-align: center;
    font-size: 60px;
    color: var(--heading_color);
    font-weight: 700;
}
@media only screen and (min-width: 576px) and (max-width: 767px),
    only screen and (max-width: 576px) {
    .demo-inner .feature .header h2 {
        font-size: 45px;
        line-height: 60px;
    }
}
@media only screen and (max-width: 576px) {
    .demo-inner .feature .header h2 {
        font-size: 36px;
        line-height: 46px;
    }
}
.demo-inner .feature .header p {
    font-size: 20px;
    text-align: center;
    padding: 0 80px;
}
@media only screen and (min-width: 768px) and (max-width: 991px),
    only screen and (min-width: 576px) and (max-width: 767px),
    only screen and (max-width: 576px) {
    .demo-inner .feature .header p {
        padding: 0 30px;
    }
}
.demo-inner .feature .item {
    padding: 50px 20px;
    -webkit-box-shadow: 0 0 40px rgba(82, 85, 90, 0.1);
    box-shadow: 0 0 40px rgba(82, 85, 90, 0.1);
    border-radius: 8px;
    margin-bottom: 30px;
    cursor: pointer;
    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;
    text-align: center;
    -webkit-transition: all 0.2s linear;
    transition: all 0.2s linear;
}
.demo-inner .feature .item img {
    width: 80px;
}
.demo-inner .feature .item p {
    margin-top: 15px;
    font-size: 20px;
    font-weight: 600;
    color: var(--heading_color);
}
.demo-inner .feature .item:hover {
    -webkit-transform: translateY(-6px);
    transform: translateY(-6px);
}

.footer-demo {
    background: var(--primary_color);
    padding-top: 80px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.footer-demo .wrapper .img-file {
    text-align: center;
}
.footer-demo .wrapper .img-file p {
    padding: 30px 80px;
    color: var(--bg_white);
    font-size: 16px;
}
@media only screen and (min-width: 768px) and (max-width: 991px),
    only screen and (min-width: 576px) and (max-width: 767px),
    only screen and (max-width: 576px) {
    .footer-demo .wrapper .img-file p {
        padding: 30px 50px;
    }
}
@media only screen and (min-width: 576px) and (max-width: 767px),
    only screen and (max-width: 576px) {
    .footer-demo .wrapper .img-file p {
        padding: 30px 10px;
    }
}
.footer-demo .wrapper .btn-shape-normal-outline {
    width: 186px;
    margin: 0;
}

.inner-location-email-intro .inner .text{
    margin-right: 10px;
}
.set_border{
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
        padding: 20px 20px;
        border-radius: 8px;
    
}
#recom-course{
margin-top: 60px;
}
.inner-card-items{
    padding: 30px 0;
}
#merit_list{
    padding: 80px 0;
}

.prevent-select {
  -webkit-user-select: none; /* Safari */
  -ms-user-select: none; /* IE 10 and IE 11 */
  user-select: none; /* Standard syntax */
}