/* Onicx | Digital Agency HTML Template

Template Name: Onicx
Version: 1.0.0
License: copyright commercial
/************ TABLE OF CONTENTS ***************
1.  Fonts
2.  Reset
3.  Global Settings
4.  Main Header / Two
5.  Sticky Header
6.  Mobile Menu
7.  Section Title
8.  Banner Section / Two
9.  About Section / Two
10. Client Section / Two
11. Project Section / Two
12. Service Section / Two
13. Funfact Section
14. Benefit Section
15. Contact Section / Two
16. Pricing Section
17. Team Section
18. Msp Section
19. Faq Section
20. Call To Action / Two
21. News Section / Two
22. Fun Fact Section
23. Marquee Section / Two
24. Testimonial Section / Two
25. Main Footer
**********************************************/
@import url("https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&family=Mona+Sans:ital,wght@0,200..900;1,200..900&family=Outfit:wght@100..900&family=Playfair+Display:ital,wght@0,400..900;1,400..900&display=swap");
@import url("animate-VonI8lU.css");
@import url("swiper.min-yxhk0o7.css");
@import url("jquery.fancybox.min-lTF99d1.css");
@import url("linear-mMSaFT8.css");
@import url("fontawesome-free-gAS3bXU.css");
@import url("fontawesome-dFrvzv_.css");
@import url("flaticon-izIW_EF.css");
@import url("tm-bs-mp-fjozzng.css");
@import url("tm-utility-classes-lN1ge5k.css");
:root {
    --theme-color1: #61b9ba;
    --theme-color2: #ed8a33;
    --theme-color3: #1b152c;
    --theme-color4: #736c87;
    --theme-color1-rgb: 108, 67, 227;
    --theme-color2-rgb: 237, 138, 51;
    --theme-color3-rgb: 27, 21, 44;
    --theme-color4-rgb: 115, 108, 135;
    --theme-color1-text-color: #fff;
    --theme-color2-text-color: #fff;
    --theme-color3-text-color: #fff;
    --theme-color4-text-color: #fff;
    --body-bg: #fff;
    --theme-color-white: #ffffff;
    --theme-color-white-rgb: 255, 255, 255;
    --theme-color-light: #f2f8f9;
    --theme-color-gray: #f6f6f6;
    --theme-color-silver: #eee;
    --theme-color-black: #000000;
    --theme-color-black-rgb: 0, 0, 0;
    --text-color: var(--theme-color4);
    --headings-color: var(--theme-color3);
    --link-color: var(--theme-color3);
    --link-hover-color: var(--theme-color3);
    --body-font-family: "Outft", sans-serif;
    --heading-font-family: "Outfit", sans-serif;
    --style-font: "Playfair Display", serif;
    --style-font2: "Mona Sans", sans-serif;
    --style-font3: "DM Sans", sans-serif;
    --body-font-size: 16px;
    --body-line-height: 1.75;
    --body-font-weight: 400;
    --line-height-heading-h1: 1em;
    --line-height-heading: 1.2em;
    --line-height-heading-small: 1.4em;
    --h1-font-size: 100px;
    --h2-font-size: 50px;
    --h3-font-size: 38px;
    --h4-font-size: 24px;
    --h5-font-size: 20px;
    --h6-font-size: 18px;
    --h1-font-weight: 800;
    --h2-font-weight: 800;
    --h3-font-weight: 700;
    --h4-font-weight: 700;
    --h5-font-weight: 700;
    --h6-font-weight: 600;
    --sec-title-subtitle-color: var(--text-color);
    --sec-title-subtitle-font-size: 16px;
    --sec-title-subtitle-font-family: var(--heading-font-family);
    --sec-title-subtitle-font-weight: 600;
    --sec-title-subtitle-line-height: 1em;
    --sec-title-color: var(--headings-color);
    --sec-title-font-size: var(--h2-font-size);
    --sec-title-font-family: var(--heading-font-family);
    --sec-title-font-weight: var(--h2-font-weight);
    --theme-light-background: #f8f6f1;
    --theme-light-background-text-color: var(--headings-color);
    --theme-black: #131313;
    --container-width: 1200px;
    --small-container-width: 1050px;
    --large-container-width: 1440px;
    --container-pt: 120px;
    --container-pb: 120px;
    --gradient-1: linear-gradient(to right, #61b9ba 0%, #61b9ba 100%);
}

/*
 * typography.scss
 * -----------------------------------------------
*/
::-moz-selection {
    background: var(--theme-color-black);
    color: #fff;
    text-shadow: none;
}
::selection {
    background: var(--theme-color-black);
    color: #fff;
    text-shadow: none;
}

:active,
:focus {
    outline: none !important;
}

::-webkit-input-placeholder {
    color: #7c858c;
}

::-moz-input-placeholder {
    color: #7c858c;
}

::-ms-input-placeholder {
    color: #7c858c;
}

body {
    background-color: #fff;
    background-attachment: fixed;
    -ms-word-wrap: break-word;
    word-wrap: break-word;
    counter-reset: my-sec-counter;
    -webkit-font-smoothing: antialiased;
    -moz-font-smoothing: antialiased;
    color: var(--text-color);
    font-size: var(--body-font-size);
    font-family: var(--body-font-family);
    font-weight: var(--body-font-weight);
    line-height: var(--body-line-height);
}

p, .text {
    color: var(--text-color);
    font-size: var(--body-font-size);
    font-family: var(--body-font-family);
    font-weight: var(--body-font-weight);
    line-height: var(--body-line-height);
}

/* -------- Headings ---------- */
h1, h2, h3, h4, h5, h6 {
    color: var(--headings-color);
    font-family: var(--heading-font-family);
    position: relative;
    line-height: var(--line-height-heading-);
}
h1 small,
h1 .small, h2 small,
h2 .small, h3 small,
h3 .small, h4 small,
h4 .small, h5 small,
h5 .small, h6 small,
h6 .small {
    font-weight: normal;
    line-height: 1;
    color: var(--headings-color);
}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
    color: inherit;
    font-weight: inherit;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin-bottom: 1rem;
}

h1 {
    font-size: var(--h1-font-size);
    font-weight: var(--h1-font-weight);
    line-height: var(--line-height-heading-h1);
}

h2 {
    font-size: var(--h2-font-size);
    font-weight: var(--h2-font-weight);
    line-height: var(--line-height-heading);
}

h3 {
    font-size: var(--h3-font-size);
    font-weight: var(--h3-font-weight);
    line-height: var(--line-height-heading);
}

h4 {
    font-size: var(--h4-font-size);
    font-weight: var(--h4-font-weight);
    line-height: var(--line-height-heading-small);
}

h5 {
    font-size: var(--h5-font-size);
    font-weight: var(--h5-font-weight);
    line-height: var(--line-height-heading-small);
}

h6 {
    font-size: var(--h6-font-size);
    font-weight: var(--h6-font-weight);
    line-height: var(--line-height-heading-small);
}

/* -------- Body Text ---------- */
table p {
    margin-bottom: 0;
}

p {
    margin-bottom: 20px;
}
p a:not(.button):not(.btn):hover, p a:not(.button):not(.btn):focus {
    text-decoration: underline;
}

/* -------- other ---------- */
a {
    color: var(--link-color);
    text-decoration: none;
    font-weight: var(--body-font-weight);
    cursor: pointer;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
a:hover, a:focus {
    color: inherit;
    text-decoration: none;
    outline: none;
}
a b, a strong {
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
a img {
    border: none;
}

pre,
ul,
ol,
dl,
dd,
blockquote,
address,
table,
fieldset {
    margin-bottom: 10px;
}

ol, ul {
    list-style-position: inside;
    margin: 0;
    padding: 0;
}

b, strong {
    color: #333;
    font-weight: var(--body-font-weight-bold);
}

iframe {
    border: none !important;
}

/*
 * container.scss
 * -----------------------------------------------
*/
.container .container {
    width: 100%;
}

.container .container,
.container .container-fluid,
.container-fluid .container,
.container-fluid .container-fluid {
    padding-left: 0;
    padding-right: 0;
}

section > .container,
section > .container-fluid {
    padding-top: var(--container-pt);
    padding-bottom: var(--container-pt);
}

@media (min-width: 1400px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
        max-width: var(--container-width);
    }
}
/*=== Default Form ===*/
.form-control, .input-text {
    height: calc(2.25rem + 27px);
    padding: 14px 30px;
    outline: 0;
    background-color: #f4f5f8;
    border: 1px solid #f4f5f8;
    color: #686a6f;
    font-size: 0.9rem;
    width: 100%;
}
.form-control::-webkit-input-placeholder, .input-text::-webkit-input-placeholder {
    color: #686a6f;
    opacity: 1;
}
.form-control::-moz-placeholder, .input-text::-moz-placeholder {
    color: #686a6f;
    opacity: 1;
}
.form-control:-ms-input-placeholder, .input-text:-ms-input-placeholder {
    color: #686a6f;
    opacity: 1;
}
.form-control::-ms-input-placeholder, .input-text::-ms-input-placeholder {
    color: #686a6f;
    opacity: 1;
}
.form-control::placeholder, .input-text::placeholder {
    color: #686a6f;
    opacity: 1;
}
.form-control:-ms-input-placeholder, .input-text:-ms-input-placeholder {
    color: #686a6f;
}
.form-control::-ms-input-placeholder, .input-text::-ms-input-placeholder {
    color: #686a6f;
}

textarea.form-control {
    height: auto;
    padding-top: 15px;
    padding-bottom: 15px;
}

.form-control:focus {
    -webkit-box-shadow: none;
    box-shadow: none;
    outline: none;
}

/* -------- Dark Theme Styling ---------- */
.dark-layout {
    background-color: var(--theme-color-black) !important;
    --sec-title-color: var(--theme-color-white);
}
.dark-layout .sticky-header .main-menu .navigation > li > a,
.dark-layout h1, .dark-layout h2, .dark-layout h3, .dark-layout h4, .dark-layout h5, .dark-layout h6 {
    color: var(--theme-color-white);
}
.dark-layout .preloader {
    background-color: var(--theme-color-black);
}
.dark-layout .preloader:after {
    background-image: url("../images/logo-old-1Wvbe3i.png");
}
.dark-layout .sticky-header {
    background-color: var(--theme-color-black);
}
.dark-layout .hidden-bar .upper-box {
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.dark-layout .hidden-bar .social-links {
    border-top: 1px solid rgba(0, 0, 0, 0.1);
}
.dark-layout .hidden-bar .social-links li {
    border-right: 1px solid rgba(0, 0, 0, 0.1);
}

/***

====================================================================
Reset
====================================================================

***/
* {
    margin: 0px;
    padding: 0px;
    border: none;
    outline: none;
    font-size: 100%;
}

/***

====================================================================
Global Settings
====================================================================

***/
textarea {
    overflow: hidden;
    resize: none;
}

button {
    outline: none !important;
    cursor: pointer;
}

img {
    display: inline-block;
    max-width: 100%;
    height: auto;
}

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

.title a {
    color: inherit;
}

.color1 {
    color: var(--theme-color1);
}

.color2 {
    color: var(--theme-color2);
}

.color3 {
    color: var(--theme-color3);
}

.page-wrapper {
    position: relative;
    margin: 0 auto;
    width: 100%;
    min-width: 300px;
    overflow: hidden;
    z-index: 99;
    background-color: #ffffff;
}

.large-container {
    position: static;
    max-width: var(--large-container-width);
    padding: 0px 15px;
    margin: 0 auto;
    width: 100%;
}

.auto-container {
    position: static;
    max-width: var(--container-width);
    padding: 0px 15px;
    margin: 0 auto;
    width: 100%;
}

.small-container {
    position: static;
    max-width: var(--small-container-width);
    padding: 0px 15px;
    margin: 0 auto;
    width: 100%;
}

.pull-right {
    float: right;
}

.pull-left {
    float: left;
}

.dropdown-toggle::after {
    display: none;
}

/*=======================
Scroll To Top style
=======================*/
.scroll-to-top {
    position: relative;
    left: 10px;
    width: 146px;
    height: 70px;
    line-height: 70px;
    font-size: 16px;
    line-height: 22px;
    color: var(--theme-color-white);
    text-align: center;
    cursor: pointer;
    background-color: var(--theme-color2);
    z-index: 100;
    border-bottom-right-radius: 20px;
    -webkit-transition: all 300ms ease;
    transition: all 300ms ease;
    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;
    text-transform: uppercase;
}
@media (max-width: 575.98px) {
    .scroll-to-top {
        width: 100%;
        height: 100%;
        padding: 10px 0;
        border-radius: 0;
        left: 0;
    }
}
.scroll-to-top span {
    margin-left: 15px;
    font-size: 20px;
}

/*=======================
Scroll Top Two style
=======================*/
.scroll-up-two {
    position: absolute;
    width: 60px;
    left: 0;
    right: 0;
    margin: auto;
    height: 60px;
    line-height: 60px;
    font-size: 16px;
    color: var(--theme-color-white);
    text-align: center;
    cursor: pointer;
    background-color: var(--theme-color2);
    z-index: 100;
    border-radius: 14px;
}
@media (max-width: 767.98px) {
    .scroll-up-two {
        display: none;
    }
}

.scroll-to-top:hover {
    background: var(--theme-color1);
    color: var(--theme-color-white);
}

.link-style-one {
    position: relative;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 12px;
    line-height: 20px;
    font-weight: 600;
    overflow: hidden;
    letter-spacing: 0.01em;
    text-transform: uppercase;
    font-family: var(--heading-font-family);
    color: var(--theme-color-black);
}
.link-style-one:before {
    position: absolute;
    left: 0;
    right: 18px;
    bottom: 2px;
    height: 1px;
    background-color: var(--r1);
    content: "";
    -webkit-transition: all 300ms ease;
    transition: all 300ms ease;
}
.link-style-one i {
    position: relative;
    top: 1px;
    display: block;
    font-size: 14px;
    margin-left: 5px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}
.link-style-one:hover {
    color: var(--theme-color1);
}
.link-style-one:hover:before {
    right: 100%;
}

/*=== List Style One ===*/
.list-style-one {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 12px 0;
}
.list-style-one li {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    margin-right: 18px;
    color: var(--theme-color-black);
}
.list-style-one li:last-child {
    margin-right: 0;
}
.list-style-one li i {
    position: relative;
    top: 1px;
    color: var(--theme-color1);
    font-size: 14px;
    line-height: 1em;
    margin-right: 10px;
}
.list-style-one li a {
    display: block;
    color: var(--theme-color-black);
    -webkit-transition: all 300ms ease;
    transition: all 300ms ease;
}
.list-style-one li a:hover {
    color: var(--theme-color2);
}
.list-style-one.light li,
.list-style-one.light a,
.list-style-one.light i {
    color: var(--theme-color-white) !important;
}
.list-style-one.light a:hover {
    text-decoration: underline;
}

/*=== List Style Two ===*/
.list-style-two {
    position: relative;
}
.list-style-two li {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 16px;
    font-weight: 500;
    line-height: 20px;
    margin-bottom: 19px;
    color: var(--text-color);
}
.list-style-two li:last-child {
    margin-right: 0;
}
.list-style-two li i {
    position: relative;
    top: 3px;
    color: var(--theme-color1);
    font-size: 18px;
    line-height: 1em;
    margin-right: 17px;
}
@media (max-width: 575.98px) {
    .list-style-two li i {
        margin-right: 10px;
    }
}
.list-style-two.light li,
.list-style-two.light i {
    color: var(--theme-color-white) !important;
}
.list-style-two.two-column {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.list-style-two.two-column li {
    margin-bottom: 15px;
    width: 50%;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
}
@media (max-width: 575.98px) {
    .list-style-two.two-column li {
        width: 100%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
    }
}
.list-style-two.style-two li {
    color: var(--theme-color3);
}

/*=== List Style Three ===*/
.list-style-three {
    position: relative;
}
.list-style-three li {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 16px;
    line-height: 20px;
    font-weight: 400;
    margin-bottom: 10px;
    color: var(--text-color);
}
.list-style-three li:last-child {
    margin-right: 0;
}
.list-style-three li i {
    position: relative;
    top: 1px;
    width: 20px;
    height: 20px;
    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;
    color: var(--theme-color-white);
    background-color: var(--theme-color2);
    font-size: 12px;
    border-radius: 4px;
    margin-right: 10px;
}
.list-style-three.light li {
    color: #e6e0fa !important;
}
.list-style-three.light i {
    color: var(--theme-color-white) !important;
}

/*=== List Style four ===*/
.list-style-four {
    position: relative;
}
.list-style-four li {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 16px;
    font-weight: 700;
    line-height: 26px;
    margin-bottom: 19px;
    color: #222429;
}
.list-style-four li:last-child {
    margin-right: 0;
}
.list-style-four li i {
    position: relative;
    top: 3px;
    color: var(--theme-color1);
    font-size: 18px;
    line-height: 1em;
    margin-right: 10px;
}
@media (max-width: 575.98px) {
    .list-style-four li i {
        margin-right: 10px;
    }
}
.list-style-four.light li,
.list-style-four.light i {
    color: var(--theme-color-white) !important;
}
.list-style-four.two-column {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.list-style-four.two-column li {
    margin-bottom: 15px;
    width: 50%;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
}
@media (max-width: 575.98px) {
    .list-style-four.two-column li {
        width: 100%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
    }
}
.list-style-four.style-two li {
    color: var(--theme-color3);
}

/*=== List Style five ===*/
.list-style-five {
    position: relative;
}
.list-style-five li {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 16px;
    font-weight: 400;
    line-height: 26px;
    margin-bottom: 18px;
    color: rgba(255, 255, 255, 0.6980392157);
}
.list-style-five li:last-child {
    margin-right: 0;
}
.list-style-five li i {
    position: relative;
    top: 8px;
    color: var(--theme-color-white);
    font-size: 18px;
    line-height: 1em;
    margin-right: 10px;
}
@media (max-width: 575.98px) {
    .list-style-five li i {
        margin-right: 10px;
    }
}

.list-style-five.style-one {
    position: relative;
}
.list-style-five.style-one li {
    color: #a4a1ab;
}
.list-style-five.style-one li i {
    color: var(--theme-color2);
}

/*=== List Style six ===*/
.list-style-six {
    position: relative;
}
.list-style-six li {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 16px;
    line-height: 20px;
    font-weight: 400;
    margin-bottom: 10px;
    color: var(--text-color);
}
.list-style-six li:last-child {
    margin-right: 0;
}
.list-style-six li i {
    position: relative;
    top: 1px;
    width: 15px;
    height: 15px;
    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;
    color: var(--theme-color-white);
    background-color: var(--theme-color-black);
    font-size: 10px;
    border-radius: 50%;
    margin-right: 16px;
}
.list-style-six.light li {
    color: #e6e0fa !important;
}
.list-style-six.light i {
    color: var(--theme-color-white) !important;
}

/*Social Icon one*/
.social-icon-one {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.social-icon-one.light li a {
    color: var(--theme-color-white);
}
.social-icon-one.light li a:hover {
    color: var(--theme-color2);
}
.social-icon-one li {
    margin-left: 20px;
    display: inline-block;
}
.social-icon-one li:last-child {
    margin-right: 0;
}
.social-icon-one li a {
    position: relative;
    display: block;
    color: var(--theme-color-black);
    font-size: 16px;
    line-height: 1em;
}
.social-icon-one li a:hover {
    color: var(--theme-color1);
}

/*Social Icon Two*/
.social-icon-two {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.social-icon-two li {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-right: 13px;
}
.social-icon-two li:last-child {
    margin-right: 0;
}
.social-icon-two li a {
    position: relative;
    display: block;
    height: 45px;
    width: 45px;
    border-radius: 50%;
    font-size: 16px;
    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;
    color: var(--theme-color-white);
    background-color: #0d0a16;
    -webkit-transition: all 300ms ease;
    transition: all 300ms ease;
}
.social-icon-two li a i {
    position: relative;
}
.social-icon-two li a::before {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    -webkit-transform: scale(0);
    transform: scale(0);
    border-radius: 50px;
    background-color: var(--theme-color1);
    -webkit-transition: all 300ms ease;
    transition: all 300ms ease;
    content: "";
}
.social-icon-two li a:hover {
    color: var(--theme-color-white);
}
.social-icon-two li a:hover:before {
    -webkit-transform: scale(1);
    transform: scale(1);
}

.social-icon-two.style-icon li a {
    font-size: 20px;
}

/*Social Icon Three*/
.social-icon-three {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.social-icon-three li {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-right: -5px;
}
.social-icon-three li:last-child {
    margin-right: 0;
}
.social-icon-three li a {
    position: relative;
    display: block;
    height: 74px;
    width: 60px;
    border-radius: 10px;
    font-size: 16px;
    border: 1.2px solid rgba(255, 255, 255, 0.1215686275);
    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;
    color: var(--theme-color-white);
    background-color: #0d0a16;
    -webkit-transition: all 300ms ease;
    transition: all 300ms ease;
}
.social-icon-three li a i {
    position: relative;
}
.social-icon-three li a::before {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    -webkit-transform: scale(0);
    transform: scale(0);
    border-radius: 10px;
    background-color: var(--theme-color1);
    -webkit-transition: all 300ms ease;
    transition: all 300ms ease;
    content: "";
}
.social-icon-three li a:hover {
    color: var(--theme-color-white);
}
.social-icon-three li a:hover:before {
    -webkit-transform: scale(1);
    transform: scale(1);
}

/*Social Icon Four*/
.social-icon-four {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.social-icon-four li {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-right: 13px;
}
.social-icon-four li:last-child {
    margin-right: 0;
}
.social-icon-four li a {
    position: relative;
    display: block;
    height: 56px;
    width: 56px;
    border-radius: 50%;
    font-size: 16px;
    border: 1px solid rgba(255, 255, 255, 0.4);
    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;
    color: var(--theme-color-white);
    -webkit-transition: all 300ms ease;
    transition: all 300ms ease;
}
.social-icon-four li a i {
    position: relative;
}
.social-icon-four li a::before {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    -webkit-transform: scale(0);
    transform: scale(0);
    border-radius: 50px;
    background-color: #0d0a16;
    -webkit-transition: all 300ms ease;
    transition: all 300ms ease;
    content: "";
}
.social-icon-four li a:hover {
    color: var(--theme-color-white);
}
.social-icon-four li a:hover:before {
    -webkit-transform: scale(1);
    transform: scale(1);
}

.upper2 li a {
    color: var(--theme-color-black);
    border: 1px solid rgba(0, 0, 0, 0.1019607843);
}

.social-icon-five {
    position: relative;
    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;
}
.social-icon-five li {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-right: 13px;
}
.social-icon-five li:last-child {
    margin-right: 0;
}
.social-icon-five li a {
    position: relative;
    display: block;
    height: 45px;
    width: 45px;
    border-radius: 50%;
    font-size: 16px;
    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;
    color: var(--theme-color-white);
    background-color: var(--theme-color1);
    -webkit-transition: all 300ms ease;
    transition: all 300ms ease;
}
.social-icon-five li a i {
    position: relative;
}
.social-icon-five li a::before {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    -webkit-transform: scale(0);
    transform: scale(0);
    border-radius: 50px;
    background-color: #0d0a16;
    -webkit-transition: all 300ms ease;
    transition: all 300ms ease;
    content: "";
}
.social-icon-five li a:hover {
    color: var(--theme-color-white);
}
.social-icon-five li a:hover:before {
    -webkit-transform: scale(1);
    transform: scale(1);
}

.bg {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.bg-pattern-1 {
    background-image: url("../images/icons/pattern-1--BG8dlq.png");
}

.bg-pattern-2 {
    background-image: url("../images/icons/pattern-2-4g700_a.jpg");
}

.bg-pattern-3 {
    background-image: url("../images/icons/pattern-3-BbTUJiv.jpg");
}

.bg-pattern-4 {
    background-image: url("../images/icons/pattern-4-sCQZGmw.png");
}

.bg-pattern-5 {
    background-image: url("../images/icons/pattern-5-_z9t8jj.jpg");
}

.bg-pattern-6 {
    background-image: url("../images/icons/pattern-6-bHJ_Fxj.png");
}

.bg-pattern-7 {
    background-image: url("../images/icons/pattern-7-kMKo1Az.png");
}

.bg-pattern-8 {
    background-image: url("../images/icons/pattern-8-isocHGJ.png");
}

.bg-pattern-9 {
    background-image: url("../images/icons/pattern-9-I5A8bz6.jpg");
}

.bg-pattern-10 {
    background-image: url("../images/icons/pattern-10-0SY4HSC.jpg");
}

.bg-pattern-11 {
    background-image: url("../images/icons/pattern-11-o2qtOO2.png");
}

.bg-pattern-12 {
    background-image: url("../images/icons/pattern-12-unSkYC6.jpg");
}

.bg-pattern-13 {
    background-image: url("../images/icons/pattern-13-wy2lXtb.jpg");
}

.bg-pattern-14 {
    background-image: url("../images/background/about3-COCWk3R.jpg");
}

.bg-pattern-15 {
    background-image: url("../images/background/home4-gcLXdZ1.jpg");
}

.bg-pattern-16 {
    background-image: url("../images/icons/h4-BG-MxXE2GS.jpg");
}

.bg-pattern-17 {
    background-image: url("../images/icons/BG-n39NE8J.jpg");
}

.bg-pattern-18 {
    background-image: url("../images/icons/pattern-5-_z9t8jj.jpg");
}

.bg-pattern-19 {
    background-image: url("../images/background/h5-bg-CBVD5z8.jpg");
}

.bg-pattern-20 {
    background-image: url("../images/background/bannar-3-IwZCaJx.png");
}

.bg-pattern-21 {
    background-image: url("../images/icons/Testimonial-z97s-aC.jpg");
}

/*======================
    Tabs Box
======================*/
.tabs-box {
    position: relative;
}

.tabs-box .tab {
    display: none;
}

.tabs-box .active-tab {
    display: block;
}

.play-btn {
    position: relative;
    display: inline-block;
}
.play-btn:hover .icon {
    color: var(--theme-color1);
}
.play-btn .icon {
    color: var(--theme-color2);
    font-size: 35px;
    -webkit-transition: all 300ms ease;
    transition: all 300ms ease;
}

/*======================
    Media Play Button
======================*/
.play-now {
    position: relative;
    display: block;
    z-index: 9;
    -webkit-transition: all 300ms ease;
    transition: all 300ms ease;
}

.play-now .icon {
    position: relative;
    display: inline-block;
    height: 85px;
    width: 85px;
    text-align: center;
    line-height: 85px;
    background-color: #ffffff;
    color: var(--theme-color2);
    z-index: 1;
    font-size: 18px;
    display: block;
    border-radius: 50%;
    -webkit-box-shadow: 0 0px 10px 0 rgba(255, 255, 255, 0.3);
    box-shadow: 0 0px 10px 0 rgba(255, 255, 255, 0.3);
    -webkit-transform-origin: center;
    transform-origin: center;
}

.play-now .ripple,
.play-now .ripple:before,
.play-now .ripple:after {
    position: absolute;
    top: 50%;
    left: 50%;
    height: 102px;
    width: 102px;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    border-radius: 50%;
    -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.6);
    box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.6);
    -webkit-animation: ripple 3s infinite;
    animation: ripple 3s infinite;
}
.play-now .ripple.light,
.play-now .ripple:before.light,
.play-now .ripple:after.light {
    -webkit-box-shadow: 0 0 0 0 rgb(255, 255, 255);
    box-shadow: 0 0 0 0 rgb(255, 255, 255);
}

.play-now .ripple.light,
.play-now .ripple.light:before,
.play-now .ripple.light:after {
    -webkit-box-shadow: 0 0 0 0 rgb(255, 255, 255);
    box-shadow: 0 0 0 0 rgb(255, 255, 255);
}

.play-now .ripple:before {
    -webkit-animation-delay: 0.9s;
    animation-delay: 0.9s;
    content: "";
    position: absolute;
}

.play-now .ripple:after {
    -webkit-animation-delay: 0.6s;
    animation-delay: 0.6s;
    content: "";
    position: absolute;
}

@-webkit-keyframes ripple {
    70% {
        -webkit-box-shadow: 0 0 0 50px rgba(233, 35, 47, 0);
        box-shadow: 0 0 0 50px rgba(233, 35, 47, 0);
    }
    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(233, 35, 47, 0);
        box-shadow: 0 0 0 0 rgba(233, 35, 47, 0);
    }
}

@keyframes ripple {
    70% {
        -webkit-box-shadow: 0 0 0 50px rgba(233, 35, 47, 0);
        box-shadow: 0 0 0 50px rgba(233, 35, 47, 0);
    }
    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(233, 35, 47, 0);
        box-shadow: 0 0 0 0 rgba(233, 35, 47, 0);
    }
}
.play-now-two {
    height: 150px;
    width: 150px;
    background-color: rgba(21, 21, 21, 0.5);
    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;
    font-size: 34px;
    color: #ffffff;
    -webkit-transition: all 300ms ease;
    transition: all 300ms ease;
    -webkit-animation: zoom-one 3s infinite linear;
    animation: zoom-one 3s infinite linear;
}
.play-now-two:hover {
    color: #ff9205;
    background-color: #ffffff;
}

/*========================
  Select2 Dropdown Plugin
========================*/
.select2-dropdown {
    border: 1px solid #eee;
}

.select2-results__option {
    padding: 0 10px;
    color: #7c858c;
    border: 0;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #7c858c;
    padding-left: 0;
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: var(--bg-theme-color1);
}

.select2-container--default .select2-search--dropdown .select2-search__field {
    height: 30px;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    bottom: 1px;
    height: auto;
    width: 40px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: 12px;
    color: #7c858c;
}

.select2-container--default .select2-selection--single .select2-selection__arrow:before {
    position: relative;
    content: "\f107";
    font-family: "Font Awesome 6 Pro";
}

.select2-container--default .select2-selection--single .select2-selection__arrow b {
    display: none;
}

.select2-container--default .select2-selection--single {
    border-radius: 0;
}

.default-navs .owl-nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.default-navs .owl-next,
.default-navs .owl-prev {
    display: block;
    width: 52px;
    height: 52px;
    font-size: 16px;
    font-weight: 700;
    line-height: 52px;
    color: var(--theme-color-black);
    background: #fff;
    text-align: center;
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
    border-radius: 50%;
    margin-right: 10px;
}
.default-navs .owl-next:hover,
.default-navs .owl-prev:hover {
    background-color: var(--theme-color-black);
    color: var(--theme-color-white);
}

.default-dots .owl-dots {
    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;
    width: 100%;
}
.default-dots .owl-dots .owl-dot {
    height: 20px;
    width: 20px;
    border: 2px solid #3d0de5;
    background-color: transparent;
    margin: 0 5px;
    -webkit-transition: all 300ms ease;
    transition: all 300ms ease;
    border-radius: 50%;
}
.default-dots .owl-dots .owl-dot.active {
    background-color: #270ad9;
    border-radius: 50%;
    border: 2px solid #270ad9;
}

/*==========================
	Nav Style One
===========================*/
.nav-style-one {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    z-index: 9;
}
.nav-style-one .next,
.nav-style-one .prev {
    margin-right: 38px;
    padding: 18px 25px;
    padding-left: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.nav-style-one .next .icon,
.nav-style-one .prev .icon {
    position: relative;
    display: inline-block;
}
.nav-style-one .next .icon:before,
.nav-style-one .prev .icon:before {
    position: absolute;
    top: 0;
    margin-top: -20px;
    right: -25px;
    height: 52px;
    width: 52px;
    border: 1px dotted #fff;
    border-radius: 100px;
    content: "";
    z-index: -1;
    -webkit-transition: all 300ms ease;
    transition: all 300ms ease;
}
.nav-style-one .next:hover .icon:before,
.nav-style-one .prev:hover .icon:before {
    background-color: rgba(255, 255, 255, 0.15);
    width: 125px;
}
.nav-style-one .prev {
    margin-right: 0;
    padding-left: 25px;
    padding-right: 0;
}
.nav-style-one .prev .icon:before {
    left: -25px;
    right: auto;
}
.nav-style-one .swiper-button-disabled {
    opacity: 0.5;
    pointer-events: none;
}
.nav-style-one.dark .next .icon:before,
.nav-style-one.dark .prev .icon:before {
    border: 1px solid #797979;
}

/*==========================
	Prelaoder
===========================*/
.preloader {
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 999999;
    background-color: #ffffff;
}
.preloader:before {
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    width: 100%;
    text-align: center;
    margin: 0 auto;
    margin-top: 30px;
    color: var(--theme-color-black);
    font-weight: 700;
    font-size: 12px;
    letter-spacing: 1px;
    content: "Loading";
    text-transform: uppercase;
    -webkit-transition: none;
    transition: none;
}
.preloader .loader {
    display: block;
    position: relative;
    left: 50%;
    top: 50%;
    width: 100px;
    height: 100px;
    margin: -75px 0 0 -50px;
    border-radius: 50%;
    border: 3px solid transparent;
    border-top-color: #9370db;
    -webkit-animation: spin 2s linear infinite;
    animation: spin 2s linear infinite;
}
.preloader .loader:before {
    content: "";
    position: absolute;
    top: 5px;
    left: 5px;
    right: 5px;
    bottom: 5px;
    border-radius: 50%;
    border: 3px solid transparent;
    border-top-color: #ba55d3;
    -webkit-animation: spin 3s linear infinite;
    animation: spin 3s linear infinite;
}
.preloader .loader:after {
    content: "";
    position: absolute;
    top: 15px;
    left: 15px;
    right: 15px;
    bottom: 15px;
    border-radius: 50%;
    border: 3px solid transparent;
    border-top-color: #ff00ff;
    -webkit-animation: spin 1.5s linear infinite;
    animation: spin 1.5s linear infinite;
}

@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
@keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
/*==========================
	Default Tabs
===========================*/
.default-tabs {
    position: relative;
    overflow: hidden;
    margin-bottom: 30px;
}

.default-tabs .tab-buttons {
    position: relative;
    margin-bottom: 30px;
}

.default-tabs .tab-buttons li {
    position: relative;
    float: left;
    font-weight: 600;
    font-size: 18px;
    padding: 15px 35px;
    color: var(--theme-color1);
    line-height: 20px;
    border-radius: 5px;
    background-color: #ffffff;
    cursor: pointer;
    margin-right: 20px;
    -webkit-box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05);
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05);
    -webkit-transition: all 300ms ease;
    transition: all 300ms ease;
    transition: all 300ms ease;
}
.default-tabs .tab-buttons li:last-child {
    margin-right: 0;
}

.default-tabs .tab-buttons li.active-btn {
    background: var(--gradient-1);
    color: #ffffff;
}

.default-tabs .tabs-content {
    position: relative;
    width: 100%;
}

.blockquote-style-one {
    position: relative;
    font-size: 16px;
    line-height: 24px;
    color: var(--theme-color-black);
    padding: 13px 25px;
    background-color: #fff;
    -webkit-box-shadow: none;
    box-shadow: none;
    font-family: var(--heading-font-family);
    font-weight: 800;
    margin-bottom: 30px;
    -webkit-box-shadow: 0 0 30px rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 30px rgba(0, 0, 0, 0.1);
}
.blockquote-style-one:before {
    position: absolute;
    left: 0;
    top: 10px;
    bottom: 10px;
    width: 4px;
    z-index: 2;
    background-color: var(--theme-color1);
    content: "";
}

/*================================
    Progress Bar
=================================*/
.skills {
    position: relative;
    margin-bottom: 25px;
}
.skills.style-two .skill-item .skill-bar {
    height: 10px;
}
.skills.style-two .skill-item .skill-bar .bar-inner {
    height: 10px;
    background-color: transparent;
    border: 1px solid #e6e0fa;
}
.skills.style-two .skill-item .skill-bar .bar-inner .bar {
    height: 10px;
}
.skills.style-two .skill-item .skill-bar .bar-inner .bar:before {
    content: "";
    position: absolute;
    top: -5px;
    right: -2px;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    border: 5px solid var(--theme-color2);
    background-color: var(--theme-color-white);
}
.skills.style-two .skill-item .skill-bar .bar-inner .skill-percentage {
    color: var(--theme-color2);
}
.skills .skill-item {
    position: relative;
    margin-bottom: 25px;
}
.skills .skill-item:last-child {
    margin-bottom: 0px;
}
.skills .skill-item .skill-header {
    position: relative;
    z-index: 3;
    margin-bottom: 14px;
}
.skills .skill-item .skill-header .skill-title {
    position: relative;
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 0;
    color: var(--theme-color3);
}
.skills .skill-item .skill-bar {
    position: relative;
    width: 100%;
    height: 7px;
    border-radius: 10px;
}
.skills .skill-item .skill-bar .bar-inner {
    position: relative;
    width: 100%;
    height: 6px;
    background: #e6e0fa;
}
.skills .skill-item .skill-bar .bar-inner .bar {
    position: absolute;
    left: 0px;
    top: 0px;
    height: 6px;
    width: 0px;
    -webkit-transition: all 3000ms ease;
    transition: all 3000ms ease;
    background-color: var(--theme-color2);
}
.skills .skill-item .skill-bar .bar-inner .skill-percentage {
    position: absolute;
    right: 0;
    bottom: 0;
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 10px;
    color: var(--theme-color3);
}

/*================================
    Progress Bar style-three
=================================*/
.skills {
    position: relative;
    margin-bottom: 25px;
}
.skills.style-three .skill-item .skill-bar {
    height: 10px;
}
.skills.style-three .skill-item .skill-bar .bar-inner {
    height: 10px;
    background-color: transparent;
    border: 1px solid #e6e0fa;
    border-radius: 30px;
}
.skills.style-three .skill-item .skill-bar .bar-inner .bar {
    height: 10px;
}
.skills.style-three .skill-item .skill-bar .bar-inner .bar:before {
    content: "";
    position: absolute;
    top: -5px;
    right: -2px;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    border: 5px solid var(--theme-color1);
    background-color: var(--theme-color-white);
}
.skills.style-three .skill-item .skill-bar .bar-inner .skill-percentage {
    color: var(--gradient-1);
}
.skills .skill-item {
    position: relative;
    margin-bottom: 21px;
}
.skills .skill-item:last-child {
    margin-bottom: 0px;
}
.skills .skill-item .skill-header {
    position: relative;
    z-index: 3;
    margin-bottom: 14px;
}
.skills .skill-item .skill-header .skill-title {
    position: relative;
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 0;
    color: var(--theme-color3);
}
.skills .skill-item .skill-bar {
    position: relative;
    width: 100%;
    height: 7px;
    border-radius: 10px;
}
.skills .skill-item .skill-bar .bar-inner {
    position: relative;
    width: 100%;
    height: 6px;
    background: #e6e0fa;
}
.skills .skill-item .skill-bar .bar-inner .bar {
    position: absolute;
    left: 0px;
    top: 0px;
    height: 6px;
    width: 0px;
    -webkit-transition: all 3000ms ease;
    transition: all 3000ms ease;
    background: var(--gradient-1);
    border-radius: 30px;
}
.skills .skill-item .skill-bar .bar-inner .skill-percentage {
    position: absolute;
    right: 0;
    bottom: 0;
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 10px;
    color: var(--gradient-1);
}
.skills .skill-item.upper2 .skill-header {
    margin-bottom: 10px;
}
.skills .skill-item.upper2 .skill-header .skill-title {
    color: var(--theme-color4);
    font-weight: 500;
}

/***

====================================================================
      Mobile Menu
====================================================================

***/
.mobile-nav-toggler {
    position: relative;
    font-size: 28px;
    cursor: pointer;
    color: var(--theme-color-white);
    top: 0;
    margin-left: 30px;
    -webkit-box-ordinal-group: 9;
    -ms-flex-order: 8;
    order: 8;
    width: 45px;
    height: 45px;
    border-radius: 5px;
    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;
    display: none;
    background: var(--gradient-1);
}
@media (max-width: 991.98px) {
    .mobile-nav-toggler {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }
}
@media (max-width: 767.98px) {
    .mobile-nav-toggler {
        margin-left: 20px;
    }
}
@media (max-width: 575.98px) {
    .mobile-nav-toggler {
        width: 40px;
        height: 40px;
        font-size: 24px;
    }
}

.mobile-menu {
    position: fixed;
    right: 0;
    top: 0;
    width: 300px;
    max-width: 100%;
    height: 100%;
    opacity: 0;
    visibility: hidden;
    z-index: 999999;
}
.mobile-menu .menu-backdrop {
    position: fixed;
    right: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    background: rgba(0, 0, 0, 0.7);
    opacity: 0;
    visibility: hidden;
}
.mobile-menu .upper-box {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%;
    padding: 15px 20px;
}
.mobile-menu .close-btn {
    position: relative;
    top: 0px;
    right: -5px;
    text-align: center;
    font-size: 18px;
    color: var(--theme-color-black);
    height: 30px;
    width: 30px;
    line-height: 30px;
    background-color: rgba(0, 0, 0, 0.1);
    cursor: pointer;
    z-index: 10;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
    -webkit-transform: translateY(-50px);
    transform: translateY(-50px);
}
.mobile-menu .close-btn:hover {
    opacity: 0.5;
}
.mobile-menu .nav-logo {
    position: relative;
    text-align: left;
    width: 100%;
}
.mobile-menu .nav-logo img {
    max-height: 50px;
}
.mobile-menu .menu-box {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    max-height: 100%;
    overflow-y: auto;
    background-color: var(--theme-color-white);
    padding: 0px 0px;
    z-index: 5;
    opacity: 0;
    visibility: hidden;
    border-radius: 0px;
    -webkit-transform: translateX(101%);
    transform: translateX(101%);
}

.mobile-menu-visible {
    overflow: hidden;
}
.mobile-menu-visible .mobile-menu {
    opacity: 1;
    visibility: visible;
}
.mobile-menu-visible .mobile-menu .menu-backdrop {
    opacity: 1;
    visibility: visible;
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
}
.mobile-menu-visible .mobile-menu .menu-box {
    opacity: 1;
    visibility: visible;
    -webkit-transition: all 0.4s ease 200ms;
    transition: all 0.4s ease 200ms;
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
}
.mobile-menu-visible .mobile-menu .close-btn {
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
}
.mobile-menu-visible .scroll-to-top {
    opacity: 0;
    visibility: hidden;
}

.mobile-menu .navigation {
    position: relative;
    display: block;
    width: 100%;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
}
.mobile-menu .navigation li {
    position: relative;
    display: block;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.mobile-menu .navigation li > ul > li:last-child {
    border-bottom: none;
}
.mobile-menu .navigation li > ul > li:first-child {
    border-top: 1px solid rgba(0, 0, 0, 0.1);
}
.mobile-menu .navigation li > a {
    position: relative;
    display: block;
    line-height: 24px;
    padding: 10px 20px;
    font-size: 16px;
    color: var(--theme-color-black);
    font-weight: 400;
    text-transform: capitalize;
}
.mobile-menu .navigation li:hover > a, .mobile-menu .navigation li.current > a {
    color: var(--theme-color-black);
}
.mobile-menu .navigation li.dropdown .dropdown-btn {
    position: absolute;
    right: 0px;
    top: 0px;
    width: 44px;
    height: 44px;
    text-align: center;
    font-size: 16px;
    line-height: 44px;
    color: var(--theme-color-black);
    cursor: pointer;
    z-index: 5;
}
.mobile-menu .navigation li.dropdown .dropdown-btn:after {
    content: "";
    position: absolute;
    left: 0px;
    top: 10px;
    width: 1px;
    height: 24px;
    border-left: 1px solid rgba(0, 0, 0, 0.1);
}
.mobile-menu .navigation li.dropdown .dropdown-btn.active i:before {
    content: "\f106";
}

.mobile-menu .navigation li > ul,
.mobile-menu .navigation li > ul > li > ul {
    display: none;
}

.mobile-menu .navigation li > ul > li {
    padding-left: 20px;
}

.contact-list-one {
    position: relative;
    padding: 30px 20px 20px;
}
.contact-list-one li {
    position: relative;
    padding-left: 54px;
    min-height: 50px;
    margin-bottom: 20px;
}
.contact-list-one li .icon {
    position: absolute;
    left: 0;
    top: 3px;
    font-size: 34px;
    line-height: 50px;
    color: var(--theme-color-black);
}
.contact-list-one li .title {
    display: block;
    font-size: 12px;
    color: var(--theme-color-black);
    font-weight: 500;
    text-transform: uppercase;
}
.contact-list-one li a {
    color: var(--theme-color-black);
}
.contact-list-one li .text {
    font-size: 14px;
    line-height: 24px;
    color: var(--theme-color-black);
}
.contact-list-one li .text a {
    color: var(--theme-color-black);
    -webkit-transition: all 300ms ease;
    transition: all 300ms ease;
}

.contact-info-box {
    color: var(--theme-color-black);
}

.mobile-menu .social-links {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
    margin-top: auto;
}
.mobile-menu .social-links li {
    position: relative;
    text-align: center;
    width: 100%;
    border-right: 1px solid rgba(0, 0, 0, 0.1);
}
.mobile-menu .social-links li a {
    position: relative;
    display: block;
    line-height: 50px;
    height: 50px;
    font-size: 14px;
    text-align: center;
    color: var(--theme-color-black);
    -webkit-transition: all 300ms ease;
    transition: all 300ms ease;
}
.mobile-menu .social-links li a:hover {
    color: var(--theme-color2);
}

/***

====================================================================
  Hidden Sidebar style
====================================================================

***/
.toggle-hidden-bar {
    position: relative;
}

.hidden-bar {
    position: fixed;
    right: 0;
    top: 0px;
    height: 100%;
    overflow-y: auto;
    z-index: 99999;
    max-width: 320px;
    width: 100%;
    opacity: 0;
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
    visibility: hidden;
    background: #ffffff;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
.hidden-bar::-webkit-scrollbar {
    width: 2px;
}
.hidden-bar::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 2px #cecece;
    box-shadow: inset 0 0 2px #cecece;
    border-radius: 10px;
}
.hidden-bar::-webkit-scrollbar-thumb {
    background: #7a7a7a;
    border-radius: 10px;
}
.hidden-bar::-webkit-scrollbar-thumb:hover {
    background: #7a7a7a;
}
.hidden-bar .inner-box {
    position: relative;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    background-color: var(--theme-color-black);
    height: 100%;
}
.hidden-bar .upper-box {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%;
    padding: 20px 30px 15px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}
.hidden-bar .upper-box .close-btn {
    position: relative;
    top: -5px;
    text-align: center;
    font-size: 18px;
    line-height: 30px;
    color: var(--theme-color1);
    cursor: pointer;
    z-index: 10;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
.hidden-bar .upper-box .close-btn:hover {
    opacity: 0.5;
}
.hidden-bar .upper-box .nav-logo {
    position: relative;
    text-align: left;
    width: 100%;
}
.hidden-bar .upper-box .nav-logo img {
    max-height: 40px;
}
.hidden-bar .text-box {
    position: relative;
    padding: 25px 30px 25px;
}
.hidden-bar .text-box .title {
    color: var(--theme-color-white);
}
.hidden-bar .text-box .text {
    color: var(--theme-color-white);
}

.hidden-bar-back-drop {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 999;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.active-hidden-bar .hidden-bar {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
    visibility: visible;
}

.active-hidden-bar .hidden-bar-back-drop {
    opacity: 1;
    visibility: visible;
}

.hidden-bar .social-links {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    background: var(--theme-color-black);
    width: 100%;
    border-top: 1px solid rgba(255, 255, 255, 0.2);
    margin-top: auto;
}
.hidden-bar .social-links li {
    position: relative;
    text-align: center;
    width: 100%;
    border-right: 1px solid rgba(255, 255, 255, 0.2);
}
.hidden-bar .social-links li a {
    position: relative;
    display: block;
    line-height: 50px;
    height: 50px;
    font-size: 14px;
    text-align: center;
    color: var(--theme-color-white);
    -webkit-transition: all 300ms ease;
    transition: all 300ms ease;
}
.hidden-bar .social-links li a:hover {
    color: var(--theme-color1);
}

.accordion-box {
    position: relative;
}
.accordion-box .block {
    position: relative;
    background-color: #f0edfd;
    margin-bottom: 20px;
    border-radius: 100px;
    -webkit-transition: all 300ms ease;
    transition: all 300ms ease;
}
.accordion-box .block.active-block {
    border-radius: 20px !important;
}
.accordion-box .block .acc-btn {
    position: relative;
    color: var(--theme-color3);
    font-family: var(--heading-font-family);
    font-weight: 700;
    font-size: 16px;
    line-height: 19px;
    cursor: pointer;
    padding: 26px 30px;
    padding-left: 76px;
    text-transform: capitalize;
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
}
@media (max-width: 575.98px) {
    .accordion-box .block .acc-btn {
        padding: 23px 30px;
        padding-left: 60px;
    }
}
.accordion-box .block .acc-btn .icon {
    position: absolute;
    top: 13px;
    left: 13px;
    width: 45px;
    height: 45px;
    font-size: 18px;
    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;
    color: var(--theme-color-white);
    background-color: var(--theme-color3);
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
}
@media (max-width: 575.98px) {
    .accordion-box .block .acc-btn .icon {
        top: 16px;
        width: 35px;
        height: 35px;
    }
}
.accordion-box .block .acc-btn .icon:before {
    position: relative;
    z-index: 1;
}
.accordion-box .block .acc-btn .icon:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    -webkit-transform: scale(0);
    transform: scale(0);
    opacity: 0;
    border-radius: 50%;
    background: var(--gradient-1);
    -webkit-transition: all 300ms ease;
    transition: all 300ms ease;
}
.accordion-box .block .acc-btn.active {
    color: var(--theme-color1);
    padding-bottom: 15px;
}
.accordion-box .block .acc-btn.active .icon:before {
    content: "\f068";
}
.accordion-box .block .acc-btn.active .icon:after {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
}
.accordion-box .block .acc-content {
    position: relative;
    display: none;
}
.accordion-box .block .acc-content .content {
    position: relative;
    padding: 0 30px 30px 76px;
}
@media (max-width: 575.98px) {
    .accordion-box .block .acc-content .content {
        padding-left: 60px;
    }
}
.accordion-box .block .acc-content .content .text {
    display: block;
    font-size: 15px;
    line-height: 30px;
    font-weight: 500;
    margin-bottom: 0;
}
@media (max-width: 575.98px) {
    .accordion-box .block .acc-content .content .text {
        line-height: 26px;
    }
}
.accordion-box .block .acc-content.current {
    display: block;
}

/*================================
    accordion-box style-two
=================================*/
.accordion-box-two {
    position: relative;
    margin: 0 95px 0 25px;
    padding-top: 10px;
}
@media (max-width: 991.98px) {
    .accordion-box-two {
        margin: 0;
        padding: 0;
    }
}
.accordion-box-two .block {
    position: relative;
    margin-bottom: 5px;
    padding: 26px 0 1px 32px;
    border-radius: 100px;
    -webkit-transition: all 300ms ease;
    transition: all 300ms ease;
}
.accordion-box-two .block.active-block {
    border-radius: 5px !important;
    background-color: rgba(255, 255, 255, 0.5019607843);
    backdrop-filter: blur(63px);
}
.accordion-box-two .block.active-block:before {
    background-color: #163839;
}
.accordion-box-two .block:before {
    content: "";
    position: absolute;
    top: 0;
    left: -24px;
    width: 2px;
    height: 100%;
    background-color: rgba(0, 47, 245, 0.1019607843);
}
@media (max-width: 1199.98px) {
    .accordion-box-two .block:before {
        left: 0px;
    }
}
@media (max-width: 575.98px) {
    .accordion-box-two .block:before {
        display: none;
    }
}
.accordion-box-two .block .acc-btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    position: relative;
    color: var(--theme-color3);
    font-family: var(--style-font3);
    font-weight: 700;
    font-size: 20px;
    line-height: 30px;
    cursor: pointer;
    text-transform: capitalize;
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
}
.accordion-box-two .block .acc-btn .icon {
    position: absolute;
    top: 0px;
    right: 30px;
    font-size: 16px;
    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;
    color: var(--theme-color-black);
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
}
.accordion-box-two .block .acc-btn.active {
    color: var(--theme-color1);
    padding-bottom: 5px;
}
.accordion-box-two .block .acc-btn.active.icon {
    color: var(--theme-color1);
    padding-bottom: 5px;
}
.accordion-box-two .block .acc-content {
    position: relative;
    display: none;
}
.accordion-box-two .block .acc-content .content {
    position: relative;
    padding: 2px 110px 40px 0px;
}
.accordion-box-two .block .acc-content .content .text {
    display: block;
    font-size: 16px;
    line-height: 30px;
    color: var(--theme-color3);
    font-weight: 400;
    margin-bottom: 0;
    font-family: var(--style-font3);
}
@media (max-width: 575.98px) {
    .accordion-box-two .block .acc-content .content .text {
        line-height: 26px;
    }
}
.accordion-box-two .block .acc-content.current {
    display: block;
}

/*================================
    accordion-box style-three
=================================*/
.accordion-box.style-three {
    position: relative;
}
.accordion-box.style-three .block {
    position: relative;
    background-color: #fff;
    margin-bottom: 20px;
    border-radius: 100px;
    -webkit-transition: all 300ms ease;
    transition: all 300ms ease;
}
.accordion-box.style-three .block.active-block {
    border-radius: 20px !important;
}

/*================================
    accordion-box-three
=================================*/
.accordion-box-three {
    position: relative;
}
.accordion-box-three .block {
    position: relative;
    border: 1px solid rgba(0, 0, 0, 0.1019607843);
    margin-bottom: 20px;
    border-radius: 10px;
    -webkit-box-shadow: 0px 4.4px 20px -1px rgba(19, 16, 34, 0.0509803922);
    box-shadow: 0px 4.4px 20px -1px rgba(19, 16, 34, 0.0509803922);
    -webkit-transition: all 300ms ease;
    transition: all 300ms ease;
}
.accordion-box-three .block.active-block {
    border-radius: 20px !important;
}
.accordion-box-three .block .acc-btn {
    position: relative;
    color: var(--theme-color3);
    font-family: var(--heading-font-family);
    font-weight: 700;
    font-size: 18px;
    line-height: 26px;
    cursor: pointer;
    padding: 18px 30px;
    text-transform: capitalize;
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
}
@media (max-width: 575.98px) {
    .accordion-box-three .block .acc-btn {
        padding: 15px 30px;
    }
}
.accordion-box-three .block .acc-btn .icon {
    position: absolute;
    top: 20px;
    right: 15px;
    font-size: 18px;
    color: var(--theme-color-black);
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
}
@media (max-width: 575.98px) {
    .accordion-box-three .block .acc-btn .icon {
        top: 16px;
    }
}
.accordion-box-three .block .acc-btn .icon:before {
    position: relative;
    z-index: 1;
}
.accordion-box-three .block .acc-btn .icon:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    -webkit-transform: scale(0);
    transform: scale(0);
    opacity: 0;
    -webkit-transition: all 300ms ease;
    transition: all 300ms ease;
}
.accordion-box-three .block .acc-btn.active {
    color: var(--theme-color-white);
    background: var(--gradient-1);
    padding-bottom: 15px;
    border-radius: 10px 10px 0 0;
}
.accordion-box-three .block .acc-btn.active .icon {
    color: var(--theme-color-white);
}
.accordion-box-three .block .acc-btn.active .icon:before {
    content: "\f078";
}
.accordion-box-three .block .acc-btn.active .icon:after {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
}
.accordion-box-three .block .acc-content {
    position: relative;
    display: none;
}
.accordion-box-three .block .acc-content .content {
    position: relative;
    padding: 20px 30px 45px 32px;
}
@media (max-width: 575.98px) {
    .accordion-box-three .block .acc-content .content {
        padding-left: 40px;
    }
}
.accordion-box-three .block .acc-content .content .text {
    display: block;
    font-size: 16px;
    line-height: 28px;
    font-weight: 500;
    margin-bottom: 0;
}
@media (max-width: 575.98px) {
    .accordion-box-three .block .acc-content .content .text {
        line-height: 26px;
    }
}
.accordion-box-three .block .acc-content.current {
    display: block;
}

/*================================
    accordion-box-four
=================================*/
.accordion-box-four {
    position: relative;
}
.accordion-box-four .block {
    position: relative;
    background-color: #f0edfd;
    margin-bottom: 28px;
    border-radius: 100px;
    -webkit-transition: all 300ms ease;
    transition: all 300ms ease;
}
.accordion-box-four .block.active-block {
    border-radius: 20px !important;
}
.accordion-box-four .block .acc-btn {
    position: relative;
    color: var(--theme-color3);
    font-family: var(--heading-font-family);
    font-weight: 700;
    font-size: 28px;
    line-height: 19px;
    cursor: pointer;
    padding: 32px 30px;
    padding-left: 26px;
    text-transform: capitalize;
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
}
@media (min-width: 992px) and (max-width: 1199.98px) {
    .accordion-box-four .block .acc-btn {
        font-size: 22px;
    }
}
@media (min-width: 768px) and (max-width: 991.98px) {
    .accordion-box-four .block .acc-btn {
        font-size: 22px;
    }
}
@media (min-width: 576px) and (max-width: 767.98px) {
    .accordion-box-four .block .acc-btn {
        font-size: 18px;
        line-height: 28px;
        padding: 20px 30px;
    }
}
.accordion-box-four .block .acc-btn .icon {
    position: absolute;
    top: 32px;
    right: 30px;
    font-size: 24px;
    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;
    color: var(--theme-color-black);
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
}
@media (min-width: 576px) and (max-width: 767.98px) {
    .accordion-box-four .block .acc-btn .icon {
        font-size: 20px;
        top: 16px;
    }
}
.accordion-box-four .block .acc-btn .icon:before {
    position: relative;
    z-index: 1;
}
.accordion-box-four .block .acc-btn.active {
    color: var(--theme-color1);
    padding-bottom: 15px;
}
.accordion-box-four .block .acc-btn.active .icon {
    color: var(--theme-color1);
}
.accordion-box-four .block .acc-btn.active .icon:before {
    content: "\f068";
}
.accordion-box-four .block .acc-content {
    position: relative;
    display: none;
}
.accordion-box-four .block .acc-content .content {
    position: relative;
    padding: 5px 140px 30px 75px;
}
@media (max-width: 1199.98px) {
    .accordion-box-four .block .acc-content .content {
        padding: 5px 40px 30px 75px;
    }
}
.accordion-box-four .block .acc-content .content .text {
    display: block;
    font-size: 16px;
    line-height: 30px;
    font-weight: 500;
    margin-bottom: 0;
}
@media (max-width: 575.98px) {
    .accordion-box-four .block .acc-content .content .text {
        line-height: 26px;
    }
}
.accordion-box-four .block .acc-content.current {
    display: block;
}

.theme-btn {
    position: relative;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
    white-space: nowrap;
}
.theme-btn .btn-title {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.btn-box .text {
    position: relative;
    text-align: center;
    margin-top: 0px;
}
@media (min-width: 576px) and (max-width: 767.98px) {
    .btn-box .text {
        text-align: left;
    }
}

/*Btn Style One*/
.btn-style-one {
    position: relative;
    font-size: 14px;
    line-height: 18px;
    padding: 19px 30px;
    border-radius: 32px;
    font-weight: 600;
    overflow: hidden;
    text-transform: uppercase;
    color: var(--theme-color-white);
    -webkit-transition: all 300ms ease;
    transition: all 300ms ease;
    background: var(--gradient-1);
}
.btn-style-one:before {
    position: absolute;
    left: 0;
    top: 0%;
    height: 100%;
    width: 100%;
    content: "";
    border-radius: 32px;
    background-color: var(--theme-color2);
    -webkit-transform: scale(0, 1);
    transform: scale(0, 1);
    -webkit-transform-origin: bottom right;
    transform-origin: bottom right;
    transition: -webkit-transform 500ms cubic-bezier(0.86, 0, 0.07, 1);
    -webkit-transition: -webkit-transform 500ms cubic-bezier(0.86, 0, 0.07, 1);
    transition: transform 500ms cubic-bezier(0.86, 0, 0.07, 1);
    transition: transform 500ms cubic-bezier(0.86, 0, 0.07, 1), -webkit-transform 500ms cubic-bezier(0.86, 0, 0.07, 1);
    -webkit-transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
    transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
}
.btn-style-one i {
    position: relative;
    top: 1px;
    display: block;
    margin-left: 10px;
}
.btn-style-one:hover {
    color: var(--theme-color-white);
}
.btn-style-one:hover:before {
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
}
.btn-style-one:active {
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
}
.btn-style-one.dark-bg {
    color: var(--theme-color-white);
    background-color: var(--theme-color-black);
}
.btn-style-one.dark-bg::before {
    background-color: var(--theme-color1);
}
.btn-style-one.light-bg {
    color: var(--theme-color-black);
    background: var(--theme-color-white);
}
.btn-style-one.light-bg::before {
    background: var(--theme-color2);
}
.btn-style-one.light-bg:hover {
    color: var(--theme-color-white);
}
.btn-style-one.light-bg2 {
    background: var(--theme-color2);
}
.btn-style-one.light-bg2::before {
    background: var(--theme-color-white);
}
.btn-style-one.light-bg2:hover {
    color: var(--theme-color-black);
}
.btn-style-one.hover-light:hover {
    color: var(--theme-color-black);
}
.btn-style-one.hover-light:before {
    background-color: var(--theme-color-white);
}

/*Btn Style two*/
.btn-style-two {
    position: relative;
    font-size: 14px;
    line-height: 18px;
    padding: 19px 30px;
    border-radius: 32px;
    font-weight: 600;
    overflow: hidden;
    text-transform: uppercase;
    color: var(--theme-color-white);
    -webkit-transition: all 300ms ease;
    transition: all 300ms ease;
    background: var(--theme-color-black);
}
.btn-style-two:before {
    position: absolute;
    left: 0;
    top: 0%;
    height: 100%;
    width: 100%;
    content: "";
    border-radius: 32px;
    background-color: var(--theme-color2);
    -webkit-transform: scale(0, 1);
    transform: scale(0, 1);
    -webkit-transform-origin: bottom right;
    transform-origin: bottom right;
    transition: -webkit-transform 500ms cubic-bezier(0.86, 0, 0.07, 1);
    -webkit-transition: -webkit-transform 500ms cubic-bezier(0.86, 0, 0.07, 1);
    transition: transform 500ms cubic-bezier(0.86, 0, 0.07, 1);
    transition: transform 500ms cubic-bezier(0.86, 0, 0.07, 1), -webkit-transform 500ms cubic-bezier(0.86, 0, 0.07, 1);
    -webkit-transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
    transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
}
.btn-style-two i {
    position: relative;
    top: 1px;
    display: block;
    margin-left: 10px;
}
.btn-style-two:hover {
    color: var(--theme-color-white);
}
.btn-style-two:hover:before {
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
}
.btn-style-two:active {
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
}
.btn-style-two.dark-bg {
    color: var(--theme-color-white);
    background-color: var(--theme-color-black);
}
.btn-style-two.dark-bg::before {
    background-color: var(--theme-color1);
}
.btn-style-two.light-bg {
    color: var(--theme-color-black);
    background: var(--theme-color-white);
}
.btn-style-two.light-bg::before {
    background: var(--theme-color2);
}
.btn-style-two.light-bg:hover {
    color: var(--theme-color-white);
}
.btn-style-two.hover-light:hover {
    color: var(--theme-color-black);
}
.btn-style-two.hover-light:before {
    background-color: var(--theme-color-white);
}

/*Btn Style three*/
.btn-style-three {
    position: relative;
    font-size: 16px;
    line-height: 28px;
    padding: 13px 32px;
    border-radius: 30px;
    font-weight: 500;
    overflow: hidden;
    text-transform: capitalize !important;
    color: var(--theme-color-white);
    font-family: var(--body-font-family);
    -webkit-transition: all 300ms ease;
    transition: all 300ms ease;
    background: var(--gradient-1);
}
.btn-style-three:before {
    position: absolute;
    left: 0;
    top: 0%;
    height: 100%;
    width: 100%;
    content: "";
    border-radius: 32px;
    background-color: var(--theme-color2);
    -webkit-transform: scale(0, 1);
    transform: scale(0, 1);
    -webkit-transform-origin: bottom right;
    transform-origin: bottom right;
    transition: -webkit-transform 500ms cubic-bezier(0.86, 0, 0.07, 1);
    -webkit-transition: -webkit-transform 500ms cubic-bezier(0.86, 0, 0.07, 1);
    transition: transform 500ms cubic-bezier(0.86, 0, 0.07, 1);
    transition: transform 500ms cubic-bezier(0.86, 0, 0.07, 1), -webkit-transform 500ms cubic-bezier(0.86, 0, 0.07, 1);
    -webkit-transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
    transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
}
.btn-style-three i {
    position: relative;
    top: 1px;
    display: block;
    margin-left: 10px;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-transition: 0.5s;
    transition: 0.5s;
}
.btn-style-three:hover {
    color: var(--theme-color-white);
}
.btn-style-three:hover:before {
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
}
.btn-style-three:active {
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
}
.btn-style-three.dark-bg {
    color: var(--theme-color-white);
    background-color: var(--theme-color-black);
}
.btn-style-three.dark-bg::before {
    background-color: var(--theme-color1);
}
.btn-style-three.light-bg {
    color: var(--theme-color-black);
    background: var(--theme-color-white);
}
.btn-style-three.light-bg::before {
    background: var(--theme-color2);
}
.btn-style-three.light-bg:hover {
    color: var(--theme-color-white);
}
.btn-style-three.hover-light:hover {
    color: var(--theme-color-black);
}
.btn-style-three.hover-light:before {
    background-color: var(--theme-color-white);
}
.btn-style-three:hover i {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
}

.upper {
    font-size: 14px;
    padding: 15px 60px;
}

/*Btn Style One*/
.btn-style-four {
    position: relative;
    font-size: 16px;
    line-height: 18px;
    padding: 21px 108px;
    border-radius: 32px;
    font-weight: 500;
    margin-top: 31px;
    overflow: hidden;
    color: var(--theme-color-white);
    -webkit-transition: all 300ms ease;
    transition: all 300ms ease;
    background: var(--gradient-1);
}
@media (min-width: 992px) and (max-width: 1199.98px) {
    .btn-style-four {
        padding: 21px 82px;
    }
}
.btn-style-four:before {
    position: absolute;
    left: 0;
    top: 0%;
    height: 100%;
    width: 100%;
    content: "";
    border-radius: 32px;
    background-color: var(--theme-color2);
    -webkit-transform: scale(0, 1);
    transform: scale(0, 1);
    -webkit-transform-origin: bottom right;
    transform-origin: bottom right;
    transition: -webkit-transform 500ms cubic-bezier(0.86, 0, 0.07, 1);
    -webkit-transition: -webkit-transform 500ms cubic-bezier(0.86, 0, 0.07, 1);
    transition: transform 500ms cubic-bezier(0.86, 0, 0.07, 1);
    transition: transform 500ms cubic-bezier(0.86, 0, 0.07, 1), -webkit-transform 500ms cubic-bezier(0.86, 0, 0.07, 1);
    -webkit-transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
    transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
}
.btn-style-four:hover {
    color: var(--theme-color-white);
}
.btn-style-four:hover:before {
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
}
.btn-style-four:active {
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
}
.btn-style-four.dark-bg {
    color: var(--theme-color-white);
    background-color: var(--theme-color-black);
}
.btn-style-four.dark-bg::before {
    background-color: var(--theme-color1);
}
.btn-style-four.light-bg {
    color: var(--theme-color-black);
    background: var(--theme-color-white);
}
.btn-style-four.light-bg::before {
    background: var(--theme-color2);
}
.btn-style-four.light-bg:hover {
    color: var(--theme-color-white);
}
.btn-style-four.hover-light:hover {
    color: var(--theme-color-black);
}
.btn-style-four.hover-light:before {
    background-color: var(--theme-color-white);
}

/*Btn Style One*/
.btn-style-five {
    position: relative;
    font-size: 14px;
    line-height: 18px;
    width: 100%;
    padding: 20px 30px;
    border-radius: 10px;
    font-weight: 600;
    text-transform: capitalize;
    overflow: hidden;
    color: var(--theme-color-white);
    -webkit-transition: all 300ms ease;
    transition: all 300ms ease;
    background: var(--gradient-1);
}
.btn-style-five:before {
    position: absolute;
    left: 0;
    top: 0%;
    height: 100%;
    width: 100%;
    content: "";
    border-radius: 10px;
    background-color: var(--theme-color2);
    -webkit-transform: scale(0, 1);
    transform: scale(0, 1);
    -webkit-transform-origin: bottom right;
    transform-origin: bottom right;
    transition: -webkit-transform 500ms cubic-bezier(0.86, 0, 0.07, 1);
    -webkit-transition: -webkit-transform 500ms cubic-bezier(0.86, 0, 0.07, 1);
    transition: transform 500ms cubic-bezier(0.86, 0, 0.07, 1);
    transition: transform 500ms cubic-bezier(0.86, 0, 0.07, 1), -webkit-transform 500ms cubic-bezier(0.86, 0, 0.07, 1);
    -webkit-transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
    transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
}
.btn-style-five:hover {
    color: var(--theme-color-white);
}
.btn-style-five:hover:before {
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
}
.btn-style-five:active {
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
}
.btn-style-five.dark-bg {
    color: var(--theme-color-white);
    background-color: var(--theme-color-black);
}
.btn-style-five.dark-bg::before {
    background-color: var(--theme-color1);
}
.btn-style-five.light-bg {
    color: var(--theme-color-black);
    background: var(--theme-color-white);
}
.btn-style-five.light-bg::before {
    background: var(--theme-color2);
}
.btn-style-five.light-bg:hover {
    color: var(--theme-color-white);
}
.btn-style-five.light-bg2 {
    background: var(--theme-color2);
}
.btn-style-five.light-bg2::before {
    background: var(--theme-color-white);
}
.btn-style-five.light-bg2:hover {
    color: var(--theme-color-black);
}
.btn-style-five.hover-light:hover {
    color: var(--theme-color-black);
}
.btn-style-five.hover-light:before {
    background-color: var(--theme-color-white);
}

/***

==================================================================
    Theme Button Main
==================================================================

***/
.theme-btn-main {
    background: transparent;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 1px;
    position: relative;
    -webkit-transition: all 400ms ease;
    transition: all 400ms ease;
}
.theme-btn-main:hover .theme-btn-arrow-left {
    scale: 1;
}
.theme-btn-main:hover .theme-btn-arrow-right {
    scale: 0;
}
.theme-btn-main:hover .theme-btn {
    -webkit-transform: translateX(68px);
    transform: translateX(68px);
}
.theme-btn-main.light-bg::before {
    background: var(--theme-color2);
}
.theme-btn-main.light-bg:hover {
    color: var(--theme-color-white);
}
.theme-btn-main.light-bg .theme-btn {
    color: var(--theme-color-black);
    background: var(--theme-color-white);
}
.theme-btn-main.light-bg .theme-btn-arrow-right {
    color: var(--theme-color-black);
    background: var(--theme-color-white);
}
.theme-btn-main.light-bg .theme-btn-arrow-left {
    color: var(--theme-color-black);
    background: var(--theme-color-white);
}
.theme-btn-arrow-left {
    color: var(--theme-color-light);
    width: 56px;
    height: 56px;
    line-height: 1;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background: var(--gradient-1);
    border-radius: 50%;
    scale: 0;
    left: 0;
    right: auto;
    position: absolute;
    -webkit-transition: 0.4s;
    transition: 0.4s;
}
.theme-btn {
    background: var(--gradient-1);
    color: var(--theme-color-light);
    font-weight: 600;
    font-size: 15px;
    padding: 14.89px 26px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-right: 10px;
    border-radius: 100px;
    text-transform: uppercase;
    -webkit-transition: 0.4s;
    transition: 0.4s;
}
.theme-btn-arrow-right {
    color: var(--theme-color-light);
    width: 56px;
    height: 56px;
    line-height: 1;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background: var(--gradient-1);
    border-radius: 50%;
    -webkit-transition: 0.4s;
    transition: 0.4s;
}

.reveal {
    position: relative;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    visibility: hidden;
    overflow: hidden;
}
.reveal img {
    height: 100%;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -webkit-transform-origin: left;
    transform-origin: left;
}

.bounce-y {
    -webkit-animation: bounce-y 10s infinite linear;
    animation: bounce-y 10s infinite linear;
}

@-webkit-keyframes bounce-y {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
    50% {
        -webkit-transform: translateY(-30px);
        transform: translateY(-30px);
    }
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}
@keyframes bounce-y {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
    50% {
        -webkit-transform: translateY(-30px);
        transform: translateY(-30px);
    }
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}
.bounce-x {
    -webkit-animation: bounce-x 10s infinite linear;
    animation: bounce-x 10s infinite linear;
}

@-webkit-keyframes bounce-x {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
    50% {
        -webkit-transform: translateX(-30px);
        transform: translateX(-30px);
    }
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}
@keyframes bounce-x {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
    50% {
        -webkit-transform: translateX(-30px);
        transform: translateX(-30px);
    }
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}
.bounce-z {
    -webkit-animation: fa-spin 70s infinite;
    animation: fa-spin 70s infinite;
}

.reveal-left {
    clip-path: polygon(0 0, 0 0, 0 100%, 0 100%);
    -webkit-transition: all 0.8s;
    transition: all 0.8s;
    -webkit-transition-delay: 0.3s;
    transition-delay: 0.3s;
}
.reveal-left.animated {
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
}

.reveal-right {
    clip-path: polygon(100% 0, 100% 0, 100% 100%, 100% 100%);
    -webkit-transition: all 0.8s;
    transition: all 0.8s;
    -webkit-transition-delay: 0.3s;
    transition-delay: 0.3s;
}
.reveal-right.animated {
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
}

.reveal-top {
    clip-path: polygon(0 0, 100% 0, 100% 0, 0 0);
    -webkit-transition: all 0.8s;
    transition: all 0.8s;
    -webkit-transition-delay: 0.3s;
    transition-delay: 0.3s;
}
.reveal-top.animated {
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
}

.reveal-bottom {
    clip-path: polygon(0 100%, 100% 100%, 100% 100%, 0 100%);
    -webkit-transition: all 0.8s;
    transition: all 0.8s;
    -webkit-transition-delay: 0.3s;
    transition-delay: 0.3s;
}
.reveal-bottom.animated {
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
}

.img-fit {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.img-fit-cover {
    -o-object-fit: cover;
    object-fit: cover;
}

.btn-anim {
    position: relative;
}
.btn-anim:before {
    background: rgba(255, 255, 255, 0.3);
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 0;
    opacity: 1;
    z-index: 9;
    pointer-events: none;
}
.btn-anim:hover:before {
    height: 100%;
    opacity: 0;
    -webkit-transition: all 400ms linear;
    transition: all 400ms linear;
}

.zoom-one {
    -webkit-animation: zoom-one 10s infinite linear;
    animation: zoom-one 10s infinite linear;
}

.zoom-two {
    -webkit-animation: zoom-two 5s infinite linear;
    animation: zoom-two 5s infinite linear;
}

@-webkit-keyframes zoom-one {
    0% {
        -webkit-transform: scale(0.95);
        transform: scale(0.95);
    }
    50% {
        -webkit-transform: scale(1.05);
        transform: scale(1.05);
    }
    100% {
        -webkit-transform: scale(0.95);
        transform: scale(0.95);
    }
}

@keyframes zoom-one {
    0% {
        -webkit-transform: scale(0.95);
        transform: scale(0.95);
    }
    50% {
        -webkit-transform: scale(1.05);
        transform: scale(1.05);
    }
    100% {
        -webkit-transform: scale(0.95);
        transform: scale(0.95);
    }
}
@-webkit-keyframes zoom-two {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
    50% {
        -webkit-transform: scale(0.95);
        transform: scale(0.95);
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}
@keyframes zoom-two {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
    50% {
        -webkit-transform: scale(0.95);
        transform: scale(0.95);
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}
@-webkit-keyframes ripple-blue {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.3019607843), 0 0 0 10px rgba(255, 255, 255, 0.3), 0 0 0 20px rgba(255, 255, 255, 0.3019607843);
        box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.3019607843), 0 0 0 10px rgba(255, 255, 255, 0.3), 0 0 0 20px rgba(255, 255, 255, 0.3019607843);
    }
    100% {
        -webkit-box-shadow: 0 0 0 10px rgba(255, 255, 255, 0.3019607843), 0 0 0 20px rgba(255, 255, 255, 0.3019607843), 0 0 0 30px rgba(255, 255, 255, 0);
        box-shadow: 0 0 0 10px rgba(255, 255, 255, 0.3019607843), 0 0 0 20px rgba(255, 255, 255, 0.3019607843), 0 0 0 30px rgba(255, 255, 255, 0);
    }
}
@keyframes ripple-blue {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.3019607843), 0 0 0 10px rgba(255, 255, 255, 0.3), 0 0 0 20px rgba(255, 255, 255, 0.3019607843);
        box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.3019607843), 0 0 0 10px rgba(255, 255, 255, 0.3), 0 0 0 20px rgba(255, 255, 255, 0.3019607843);
    }
    100% {
        -webkit-box-shadow: 0 0 0 10px rgba(255, 255, 255, 0.3019607843), 0 0 0 20px rgba(255, 255, 255, 0.3019607843), 0 0 0 30px rgba(255, 255, 255, 0);
        box-shadow: 0 0 0 10px rgba(255, 255, 255, 0.3019607843), 0 0 0 20px rgba(255, 255, 255, 0.3019607843), 0 0 0 30px rgba(255, 255, 255, 0);
    }
}
.icon-lines {
    width: 970px;
    height: 1013px;
    background-image: url("../images/icons/icon-lines-qKGy2se.png");
    background-repeat: no-repeat;
    background-size: cover;
}

.icon-quote {
    width: 43px;
    height: 33px;
    background-image: url("../images/icons/icon-quote-zG5htPn.png");
}

.icon-quote-2 {
    width: 56px;
    height: 41px;
    background-image: url("../images/icons/icon-quote-2-5VwwYsH.png");
}

.icon-1 {
    width: 235px;
    height: 267px;
    background-image: url("../images/icons/icon-1-16LS47g.png");
}

.icon-2 {
    width: 126px;
    height: 126px;
    background-image: url("../images/icons/icon-2-iZ1iH40.png");
}

.icon-3 {
    width: 366px;
    height: 178px;
    background-image: url("../images/icons/icon-3-bx_3BDK.png");
}

.icon-4 {
    width: 347px;
    height: 247px;
    background-image: url("../images/icons/icon-4-eiWJlqw.png");
}

.icon-5 {
    width: 206px;
    height: 140px;
    background-image: url("../images/icons/icon-5-sUfVZIw.png");
}

.icon-6 {
    width: 78px;
    height: 78px;
    background-image: url("../images/icons/icon-6-qXMEa8P.png");
}

.icon-7 {
    width: 68px;
    height: 68px;
    background-image: url("../images/icons/icon-7-_L9wM8B.png");
}

.icon-8 {
    width: 255px;
    height: 204px;
    background-image: url("../images/icons/icon-8-A8jFfKp.png");
}

.icon-9 {
    width: 50px;
    height: 55px;
    background-image: url("../images/icons/icon-9-uE5U6nZ.png");
}

.icon-10 {
    width: 233px;
    height: 174px;
    background-image: url("../images/icons/icon-10-RzsXzOY.png");
}

.icon-11 {
    width: 155px;
    height: 155px;
    background-image: url("../images/icons/icon-11-KTNiZah.png");
}

.icon-12 {
    width: 52px;
    height: 112px;
    background-image: url("../images/icons/icon-12-04Wi8JC.png");
}

.icon-13 {
    width: 425px;
    height: 508px;
    background-image: url("../images/icons/icon-13-uEuG1iB.png");
}

.icon-14 {
    width: 497px;
    height: 391px;
    background-image: url("../images/icons/icon-14-qAEKMHF.png");
}

.icon-15 {
    width: 614px;
    height: 615px;
    background-image: url("../images/icons/icon-15-lwTB-3i.png");
}

.icon-16 {
    width: 614px;
    height: 589px;
    background-image: url("../images/icons/icon-16-ZYuHTsO.png");
}

.icon-17 {
    width: 100px;
    height: 102px;
    background-image: url("../images/icons/icon-17-cZfM3ly.png");
}

.icon-18 {
    width: 134px;
    height: 136px;
    background-image: url("../images/icons/icon-18-5sgkhS1.png");
}

.icon-19 {
    width: 157px;
    height: 34px;
    background-image: url("../images/icons/icon-19-DDg6A7y.png");
}

.icon-20 {
    width: 391px;
    height: 363px;
    background-image: url("../images/icons/icon-20-H2q-xCA.png");
}

.icon-21 {
    width: 196px;
    height: 194px;
    background-image: url("../images/icons/icon-21-vs4yP3l.png");
}

.icon-22 {
    width: 68px;
    height: 68px;
    background-image: url("../images/icons/icon-22-3396Fvp.png");
}

.icon-23 {
    width: 78px;
    height: 78px;
    background-image: url("../images/icons/icon-23-ZSi7Sw1.png");
}

.icon-24 {
    width: 666px;
    height: 674px;
    background-image: url("../images/icons/icon-24-pomvOA8.png");
}

.icon-25 {
    width: 587px;
    height: 675px;
    background-image: url("../images/icons/icon-25-6XhB6n6.png");
}

.icon-26 {
    width: 143px;
    height: 87px;
    background-image: url("../images/icons/icon-26-aGUQB5n.png");
}

.icon-27 {
    width: 415px;
    height: 508px;
    background-image: url("../images/icons/icon-27-QpZMLeS.png");
}

.icon-28 {
    width: 153px;
    height: 155px;
    background-image: url("../images/icons/icon-28-lhXLQr2.png");
}

.icon-29 {
    width: 52px;
    height: 112px;
    background-image: url("../images/icons/icon-29-04Wi8JC.png");
}

.icon-30 {
    width: 206px;
    height: 140px;
    background-image: url("../images/icons/icon-30-UmkyGw2.png");
}

.icon-31 {
    width: 143px;
    height: 87px;
    background-image: url("../images/icons/icon-31-WftB7s-.png");
}

.icon-32 {
    width: 42px;
    height: 43px;
    background-image: url("../images/icons/icon-32-A_PhYoY.png");
}

.icon-33 {
    width: 90px;
    height: 85px;
    background-repeat: no-repeat;
}

.icon-35 {
    width: 126px;
    height: 126px;

    background-repeat: no-repeat;
}

.icon-34 {
    width: 75px;
    height: 75px;
    /*background-image: url(../images/icons/image\ 379.png);*/
    background-repeat: no-repeat;
}

.icon-36 {
    width: 270px;
    height: 235px;
    /*background-image: url(../images/icons/image\ 380.png);*/
    background-repeat: no-repeat;
}

.icon-37 {
    width: 78px;
    height: 78px;
    background-image: url("../images/icons/h4.3-VCt41QQ.png");
    background-repeat: no-repeat;
}

.icon-38 {
    width: 78px;
    height: 78px;
    background-image: url("../images/icons/h4.6-hwo_J4I.png");
    background-repeat: no-repeat;
}

.icon-39 {
    width: 520px;
    height: 518px;
    background-image: url("../images/icons/h4.1-0M4bGZ4.png");
    background-repeat: no-repeat;
    background-size: cover;
}

.icon-40 {
    width: 222px;
    height: 138px;
    background-image: url("../images/icons/counder-yPPCPtK.png");
    background-repeat: no-repeat;
}

.icon-41 {
    width: 124px;
    height: 126px;
    background-image: url("../images/icons/h44-JyaeBkJ.png");
    background-repeat: no-repeat;
}

.icon-42 {
    width: 52px;
    height: 51px;
    background-image: url("../images/icons/rrr-vcqrh_2.png");
    background-repeat: no-repeat;
}

.icon-43 {
    width: 223px;
    height: 179px;
    background-image: url("../images/icons/Blob-F0Im6DA.png");
}

.icon-44 {
    width: 620px;
    height: 591px;
    background-image: url("../images/icons/66-n3PAf6N.png");
}

.icon-45 {
    width: 77px;
    height: 83px;
    background-image: url("../images/icons/h-shape-iZ4T5D3.png");
}

.icon-46 {
    width: 12px;
    height: 536px;
    background-image: url("../images/icons/h-faq-sh-V_MgE51.png");
}

.icon-47 {
    width: 559px;
    height: 652px;
    background-image: url("../images/icons/icon-h6-bN4LSbH.png");
    background-repeat: no-repeat;
    background-size: cover;
}

.icon-48 {
    width: 749px;
    height: 749px;
    background-image: url("../images/icons/haz-shape-L3XoYtb.png");
    background-repeat: no-repeat;
}

.shape-1 {
    width: 471px;
    height: 636px;
    background-image: url("../images/icons/shape-1-sCUGRYO.png");
}

.shape-2 {
    width: 749px;
    height: 749px;
    background-image: url("../images/icons/shape-2-fJTW-No.png");
}

.shape-3 {
    width: 732px;
    height: 732px;
    background-image: url("../images/icons/shape-3-Gxe5rFM.png");
}

.shape-4 {
    width: 412px;
    height: 948px;
    background-image: url("../images/icons/shape-4-lhCwWY4.png");
}

.shape-5 {
    width: 100%;
    height: 291px;
    background-image: url("../images/icons/shape-5-6_sI2C9.png");
}

.shape-6 {
    width: 100%;
    height: 100%;
    background-image: url("../images/icons/shape-6-lh21Qz4.png");
}

.shape-7 {
    width: 100%;
    height: 100%;
    background-image: url("../images/icons/shape-7-RLAZy6b.png");
}

.shape-8 {
    width: 860px;
    height: 860px;
    background-image: url("../images/icons/shape-8-LQr-kyI.png");
}

.shape-9 {
    width: 646px;
    height: 646px;
    background-image: url("../images/icons/shape-9-JdC_7Lf.png");
}

.shape-10 {
    width: 559px;
    height: 652px;
    background-image: url("../images/icons/shape-10-g3o2q5n.png");
}

.shape-11 {
    width: 860px;
    height: 860px;
    background-image: url("../images/icons/shape-11-LQr-kyI.png");
}

.shape-12 {
    width: 559px;
    height: 652px;
    background-image: url("../images/icons/shape-12-g3o2q5n.png");
}

.shape-13 {
    width: 100%;
    height: 100%;
    background-image: url("../images/icons/shape-13-roRWeSW.png");
}

.shape-14 {
    width: 1851px;
    height: 651px;
    background-image: url("../images/icons/shape-14-rvI8KVx.png");
}

.shape-15 {
    width: 884px;
    height: 924px;
    background-image: url("../images/icons/shape-15-Y3T9vtX.png");
}

.shape-16 {
    width: 558px;
    height: 652px;
    background-image: url("../images/icons/shape-16-PMiVlH9.png");
}

.shape-17 {
    width: 1680px;
    height: 880px;
    background-image: url("../images/icons/shape-17-aWQvY5b.png");
}

.shape-18 {
    width: 807px;
    height: 860px;
    background-image: url("../images/icons/shape-18-2NQ4b1A.png");
}

.shape-19 {
    width: 395px;
    height: 100%;
    background-image: url("../images/icons/shape-19-oImmbsi.png");
    background-repeat: no-repeat;
    background-size: cover;
}

.shape-20 {
    width: 100%;
    height: 886px;
    background-image: url("../images/icons/shape-20-zfMaYJn.png");
}

.shape-21 {
    width: 582px;
    height: 646px;
    background-image: url("../images/icons/shape-21-DFyT76H.png");
}

.shape-22 {
    width: 674px;
    height: 860px;
    background-image: url("../images/icons/shape-22-WliVjal.png");
}

.shape-23 {
    width: 265px;
    height: 100%;
    background-image: url("../images/icons/shape-23-m9rRXvL.png");
}

.shape-24 {
    width: 775px;
    height: 759px;
    background-image: url("../images/icons/shape-24-0z4qkcX.png");
}

.shape-25 {
    width: 749px;
    height: 749px;
    background-image: url("../images/icons/shape-2-fJTW-No.png");
}

.shape-26 {
    width: 732px;
    height: 732px;
    background-image: url("../images/icons/shape-3-Gxe5rFM.png");
}

.shape-27 {
    width: 412px;
    height: 948px;
    background-image: url("../images/icons/shape-4-lhCwWY4.png");
}

.shape-28 {
    width: 550px;
    height: 490px;
    background-image: url("../images/icons/foter-h3-IcqV2xc.png");
}

.shape-29 {
    height: 460px;
    width: 375px;
    background-image: url("../images/icons/foter-h3-IcqV2xc.png");
}

.shape-30 {
    height: 464px;
    width: 658px;
    background-image: url("../images/icons/h4.5--Sc75m5.png");
    background-repeat: no-repeat;
}

.shape-31 {
    height: 240px;
    width: 248px;
    background-image: url("../images/icons/h4-img-TbLtVln.png");
    background-repeat: no-repeat;
}

.shape-32 {
    height: 552px;
    width: 652px;
    background-image: url("../images/icons/Frame-qLiC38_.png");
    background-repeat: no-repeat;
}

.shape-33 {
    height: 744px;
    width: 269px;
    background-image: url("../images/icons/contact-sh-R97nOGB.png");
    background-repeat: no-repeat;
    background-size: cover;
}

.shape-34 {
    height: 613px;
    width: 370px;
    background-image: url("../images/icons/h4-why-CzTMl6m.png");
    background-repeat: no-repeat;
}

.shape-35 {
    height: 609px;
    width: 494px;
    background-image: url("../images/icons/h4-SvOfqeW.png");
    background-repeat: no-repeat;
}

.shape-36 {
    height: 358px;
    width: 1554px;
    background-image: url("../images/icons/footer-h4-bC3hndg.png");
    background-repeat: no-repeat;
}

.shape-37 {
    height: 541px;
    width: 541px;
    background-image: url("../images/icons/h5-bannar-lym11OJ.png");
    background-repeat: no-repeat;
}

.shape-38 {
    height: 547px;
    width: 525px;
    background-image: url("../images/icons/h5-ab-icon-vrIfwJb.png");
    background-repeat: no-repeat;
}

.shape-39 {
    height: 275px;
    width: 318px;
    background-image: url("../images/icons/h5image-5ZMxfiF.png");
    background-repeat: no-repeat;
}

.shape-40 {
    height: 100px;
    width: 100px;
    background-image: url("../images/icons/fot5-sh-oGuYRD1.png");
    background-repeat: no-repeat;
}

.shape-41 {
    height: 586px;
    width: 581px;
    background-image: url("../images/icons/home6.1-vXsID47.png");
    background-repeat: no-repeat;
}

.shape-42 {
    height: 509px;
    width: 1310px;
    background-image: url("../images/icons/home6.2-ovgBqzD.png");
    background-repeat: no-repeat;
}

.shape-43 {
    height: 636px;
    width: 471px;
    background-image: url("../images/icons/h6-Vector-PgQEOm9.png");
    background-repeat: no-repeat;
}

.shape-44 {
    height: 636px;
    width: 471px;
    background-repeat: no-repeat;
}

.shape-45 {
    height: 509px;
    width: 133px;
    background-image: url("../images/icons/foter-shape-y87i_g1.png");
    background-repeat: no-repeat;
}

.shape-46 {
    height: 189px;
    width: 189px;
    background-image: url("../images/icons/shape-26-3e27o6_.png");
    background-repeat: no-repeat;
}

/***

====================================================================
Main Header
====================================================================

***/
.header-span {
    position: relative;
    height: 110px;
    display: block;
    width: 100%;
}

.main-header {
    position: relative;
    width: 100%;
    z-index: 999;
}

.header-top {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.header-top .inner-container {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%;
}
.header-top .top-left {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.header-top .top-right {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.header-top .top-right .social-icon-one {
    margin-left: 41px;
}
.header-top .useful-links {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 12px 0;
}
.header-top .useful-links li {
    position: relative;
    padding-left: 15px;
    margin-left: 15px;
    font-size: 12px;
    color: #75767a;
    line-height: 20px;
}
.header-top .useful-links li:first-child {
    margin-left: 0;
    padding-left: 0;
}
.header-top .useful-links li:first-child:before {
    display: none;
}
.header-top .useful-links li:before {
    position: absolute;
    left: -3px;
    top: 0;
    content: "/";
}
.header-top .useful-links li a {
    color: #808287;
    -webkit-transition: all 300ms ease;
    transition: all 300ms ease;
}
.header-top .useful-links li a:hover {
    color: var(--theme-color-white);
}

.main-header .header-lower {
    position: relative;
    -webkit-transition: all 300ms ease;
    transition: all 300ms ease;
}
.main-header .header-lower .logo-box {
    position: relative;
    padding: 20px 0;
}

.main-header {
    width: 100%;
    z-index: 999;
}
.main-header .logo {
    position: relative;
    display: block;
}
.main-header .logo img {
    max-width: 100%;
    height: auto;
}
.main-header .main-box {
    position: relative;
    left: 0px;
    top: 0px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-transition: all 300ms ease;
    transition: all 300ms ease;
}
.main-header .main-box .nav-outer {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%;
}

.main-menu {
    position: relative;
}
@media (max-width: 991.98px) {
    .main-menu {
        display: none;
    }
}

.main-menu .navbar-header {
    display: none;
}

.main-menu .navbar-collapse {
    padding: 0px;
}

.main-menu .navigation {
    position: relative;
    margin: 0px;
}

@media (max-width: 1199.98px) {
    .main-menu .navigation.onepage-nav > li {
        font-weight: 600;
    }
}

.main-menu .navigation > li {
    position: relative;
    float: left;
    padding: 14px 0px;
    margin-right: 50px;
    -webkit-transition: all 300ms ease;
    transition: all 300ms ease;
}
.main-menu .navigation > li:last-child {
    margin-right: 0;
}
.main-menu .navigation > li:before {
    position: absolute;
    left: 50%;
    top: 50%;
    margin-top: 10px;
    height: 2px;
    width: 0%;
    background: var(--gradient-1);
    z-index: 3;
    content: "";
    -webkit-transition: all 300ms ease;
    transition: all 300ms ease;
}
.main-menu .navigation > li:hover:before, .main-menu .navigation > li.current:before {
    left: 0;
    width: 100%;
}
.main-menu .navigation > li > a {
    position: relative;
    display: block;
    text-align: center;
    opacity: 1;
    color: rgba(27, 21, 44, 0.5);
    font-size: 16px;
    line-height: 30px;
    font-weight: 500;
    padding: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    text-transform: uppercase;
    -webkit-transition: all 300ms ease;
    transition: all 300ms ease;
}
.main-menu .navigation > li > a .icon {
    position: relative;
    font-size: 22px;
    line-height: 24px;
    margin-left: 10px;
}
.main-menu .navigation > li > a:hover {
    color: var(--theme-color1);
}
.main-menu .navigation > li.current > a {
    color: var(--theme-color1);
    font-weight: 700;
}
.main-menu .navigation > li.dropdown > a {
    padding-right: 14px;
    margin-right: -14px;
}
.main-menu .navigation > li.dropdown > a:after {
    content: "\f107";
    position: absolute;
    right: 0;
    top: 50%;
    width: 10px;
    height: 20px;
    display: block;
    line-height: 24px;
    font-size: 12px;
    z-index: 5;
    font-family: "Font Awesome 6 Pro";
    font-weight: 900;
    margin-top: -2px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}
.main-menu .navigation > li.dropdown:hover > ul {
    visibility: visible;
    opacity: 1;
    top: 100%;
    margin-top: 0;
    -webkit-transition: all 300ms ease;
    transition: all 300ms ease;
}

.main-menu .navigation > li > ul {
    position: absolute;
    left: 0px;
    top: 100%;
    width: 220px;
    z-index: 100;
    padding: 10px 0 0;
    background-color: #ffffff;
    margin-top: 30px;
    opacity: 0;
    display: none;
    -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05);
    box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05);
}
.main-menu .navigation > li > ul.from-right {
    left: auto;
    right: 0px;
}
.main-menu .navigation > li > ul > li {
    position: relative;
    width: 100%;
    border-bottom: 1px solid #ebf1f5;
}
.main-menu .navigation > li > ul > li:last-child {
    border-bottom: none;
}
.main-menu .navigation > li > ul > li > a {
    position: relative;
    display: block;
    padding: 8px 0px;
    line-height: 29px;
    font-weight: 400;
    font-size: 14px;
    color: var(--theme-color-black);
    text-align: left;
    margin: 0 20px;
    text-transform: capitalize;
    -webkit-transition: all 200ms ease;
    transition: all 200ms ease;
    width: -webkit-fill-available;
}
.main-menu .navigation > li > ul > li:hover > a {
    color: var(--theme-color1);
}
.main-menu .navigation > li > ul > li.dropdown > a:after {
    font-family: "Font Awesome 6 Pro";
    content: "\f105";
    position: absolute;
    right: 0;
    top: 11px;
    display: block;
    line-height: 24px;
    font-size: 14px;
    font-weight: 900;
    z-index: 5;
}
.main-menu .navigation > li > ul > li.dropdown:hover > ul {
    visibility: visible;
    opacity: 1;
    top: 0px;
    margin-top: 20px;
    -webkit-transition: all 300ms ease;
    transition: all 300ms ease;
}

.main-menu .navigation > li > ul > li > ul {
    position: absolute;
    left: 100%;
    top: 0px;
    width: 220px;
    z-index: 100;
    display: none;
    background-color: #ffffff;
    opacity: 0;
    padding: 10px 0 0;
    margin-top: 10px;
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px);
    -webkit-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05);
    box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05);
}
.main-menu .navigation > li > ul > li > ul > li {
    position: relative;
    border-bottom: 1px solid #ebf1f5;
    width: 100%;
}
.main-menu .navigation > li > ul > li > ul > li:last-child {
    border-bottom: none;
}
.main-menu .navigation > li > ul > li > ul > li > a {
    position: relative;
    display: block;
    padding: 8px 0px;
    line-height: 24px;
    font-weight: 400;
    font-size: 14px;
    color: var(--theme-color-black);
    text-align: left;
    margin: 0 20px;
    text-transform: capitalize;
    -webkit-transition: all 300ms ease;
    transition: all 300ms ease;
}
.main-menu .navigation > li > ul > li > ul > li > a:hover {
    color: var(--theme-color1);
}

.main-menu .navigation li.dropdown .dropdown-btn {
    position: absolute;
    right: 10px;
    top: 8px;
    width: 34px;
    height: 30px;
    border: 1px solid #ffffff;
    text-align: center;
    font-size: 16px;
    line-height: 26px;
    color: #ffffff;
    cursor: pointer;
    z-index: 5;
    display: none;
}

.main-header .outer-box {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 100%;
}
.main-header .outer-box .theme-btn {
    margin-left: 40px;
    font-size: 12px;
    text-transform: uppercase;
}

.main-header .ui-btn {
    position: relative;
    display: block;
    text-align: center;
    background: none;
    font-size: 20px;
    color: var(--theme-color-black);
    -webkit-transition: all 300ms ease;
    transition: all 300ms ease;
}
.main-header .ui-btn:hover {
    color: var(--theme-color1);
}

.info-btn {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    gap: 10px;
}
.info-btn .icon {
    position: relative;
    font-size: 20px;
    line-height: 1em;
    color: var(--theme-color1);
}
.info-btn .phone {
    position: relative;
    color: #2b2b5e;
    font-size: 24px;
    font-weight: 700;
    letter-spacing: -3%;
}
.info-btn .phone:hover {
    color: var(--theme-color1);
}

.header-search {
    position: relative;
    width: 110px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}
.header-search .form-group {
    position: relative;
}
.header-search .form-group input:not([type=submit]) {
    position: relative;
    display: block;
    width: 100%;
    font-size: 14px;
    font-weight: 500;
    height: 30px;
    line-height: 20px;
    padding: 5px 0;
    padding-left: 30px;
    color: var(--text-color);
    background: transparent;
    -webkit-transition: all 300ms ease;
    transition: all 300ms ease;
    border-bottom: 1px solid transparent;
}
.header-search .form-group input:not([type=submit])::-webkit-input-placeholder {
    color: var(--text-color);
}
.header-search .form-group input:not([type=submit])::-moz-placeholder {
    color: var(--text-color);
}
.header-search .form-group input:not([type=submit]):-ms-input-placeholder {
    color: var(--text-color);
}
.header-search .form-group input:not([type=submit])::-ms-input-placeholder {
    color: var(--text-color);
}
.header-search .form-group input:not([type=submit])::placeholder {
    color: var(--text-color);
}
.header-search .form-group input:not([type=submit]):focus {
    border-bottom: 1px solid var(--theme-color-white);
}
.header-search .form-group .icon {
    position: absolute;
    top: 0px;
    left: 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;
    line-height: 20px;
    font-size: 20px;
    padding: 5px 0;
    color: var(--theme-color-black);
    background: none;
}

/***

====================================================================
Main Header-style-three
====================================================================

***/
.nav.main-menu.style-three {
    position: relative;
}
@media (max-width: 991.98px) {
    .nav.main-menu.style-three {
        display: none;
    }
}

.nav.main-menu.style-three .navbar-header {
    display: none;
}

.nav.main-menu.style-three .navbar-collapse {
    padding: 0px;
}

.nav.main-menu.style-three .navigation {
    position: relative;
    margin: 0px;
}

.nav.main-menu.style-three .navigation > li {
    position: relative;
    float: left;
    padding: 14px 0px;
    margin-right: 50px;
    -webkit-transition: all 300ms ease;
    transition: all 300ms ease;
}
.nav.main-menu.style-three .navigation > li:last-child {
    margin-right: 0;
}
.nav.main-menu.style-three .navigation > li:before {
    position: absolute;
    left: 50%;
    top: 50%;
    margin-top: 10px;
    height: 2px;
    width: 0%;
    background: var(--gradient-1);
    z-index: 3;
    content: "";
    -webkit-transition: all 300ms ease;
    transition: all 300ms ease;
}
.nav.main-menu.style-three .navigation > li:hover:before, .nav.main-menu.style-three .navigation > li.current:before {
    left: 0;
    width: 100%;
}
.nav.main-menu.style-three .navigation > li > a {
    position: relative;
    display: block;
    text-align: center;
    opacity: 1;
    color: rgb(255, 255, 255);
    font-size: 16px;
    line-height: 28px;
    font-weight: 400;
    padding: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    text-transform: capitalize;
    -webkit-transition: all 300ms ease;
    transition: all 300ms ease;
}
.nav.main-menu.style-three .navigation > li > a .icon {
    position: relative;
    font-size: 22px;
    line-height: 24px;
    margin-left: 10px;
}
.nav.main-menu.style-three .navigation > li > a:hover {
    color: var(--theme-color1);
}
.nav.main-menu.style-three .navigation > li.current > a {
    color: var(--theme-color1);
    font-weight: 700;
}
.nav.main-menu.style-three .navigation > li.dropdown > a {
    padding-right: 14px;
    margin-right: -14px;
}
.nav.main-menu.style-three .navigation > li.dropdown > a:after {
    content: "\f107";
    position: absolute;
    right: 0;
    top: 50%;
    width: 10px;
    height: 20px;
    display: block;
    line-height: 24px;
    font-size: 12px;
    z-index: 5;
    font-family: "Font Awesome 6 Pro";
    font-weight: 900;
    margin-top: -2px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}
.nav.main-menu.style-three .navigation > li.dropdown:hover > ul {
    visibility: visible;
    opacity: 1;
    top: 100%;
    margin-top: 0;
    -webkit-transition: all 300ms ease;
    transition: all 300ms ease;
}

.main-menu .navigation > li > ul {
    position: absolute;
    left: 0px;
    top: 100%;
    width: 220px;
    z-index: 100;
    padding: 10px 0 0;
    background-color: #ffffff;
    margin-top: 30px;
    opacity: 0;
    display: none;
    -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05);
    box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05);
}
.main-menu .navigation > li > ul.from-right {
    left: auto;
    right: 0px;
}
.main-menu .navigation > li > ul > li {
    position: relative;
    width: 100%;
    border-bottom: 1px solid #ebf1f5;
}
.main-menu .navigation > li > ul > li:last-child {
    border-bottom: none;
}
.main-menu .navigation > li > ul > li > a {
    position: relative;
    display: block;
    padding: 8px 0px;
    line-height: 29px;
    font-weight: 400;
    font-size: 14px;
    color: var(--theme-color-black);
    text-align: left;
    margin: 0 20px;
    text-transform: uppercase;
    -webkit-transition: all 200ms ease;
    transition: all 200ms ease;
}
.main-menu .navigation > li > ul > li:hover > a {
    color: var(--theme-color1);
}
.main-menu .navigation > li > ul > li.dropdown > a:after {
    font-family: "Font Awesome 6 Pro";
    content: "\f105";
    position: absolute;
    right: 0;
    top: 11px;
    display: block;
    line-height: 24px;
    font-size: 14px;
    font-weight: 900;
    z-index: 5;
}
.main-menu .navigation > li > ul > li.dropdown:hover > ul {
    visibility: visible;
    opacity: 1;
    top: 0px;
    margin-top: 20px;
    -webkit-transition: all 300ms ease;
    transition: all 300ms ease;
}

.main-menu .navigation > li > ul > li > ul {
    position: absolute;
    left: 100%;
    top: 0px;
    width: 220px;
    z-index: 100;
    display: none;
    background-color: #ffffff;
    opacity: 0;
    padding: 10px 0 0;
    margin-top: 10px;
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px);
    -webkit-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05);
    box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05);
}
.main-menu .navigation > li > ul > li > ul > li {
    position: relative;
    border-bottom: 1px solid #ebf1f5;
    width: 100%;
}
.main-menu .navigation > li > ul > li > ul > li:last-child {
    border-bottom: none;
}
.main-menu .navigation > li > ul > li > ul > li > a {
    position: relative;
    display: block;
    padding: 10px 0;
    line-height: 24px;
    font-weight: 400;
    font-size: 16px;
    color: var(--theme-color-black);
    text-align: left;
    margin: 0 30px;
    text-transform: capitalize;
    -webkit-transition: all 300ms ease;
    transition: all 300ms ease;
}
.main-menu .navigation > li > ul > li > ul > li > a:hover {
    color: var(--theme-color1);
}

.main-menu .navigation li.dropdown .dropdown-btn {
    position: absolute;
    right: 10px;
    top: 8px;
    width: 34px;
    height: 30px;
    border: 1px solid #ffffff;
    text-align: center;
    font-size: 16px;
    line-height: 26px;
    color: #ffffff;
    cursor: pointer;
    z-index: 5;
    display: none;
}

.main-header .outer-box {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 100%;
}
.main-header .outer-box .theme-btn {
    margin-left: 35px;
    font-size: 16px;
    text-transform: capitalize;
}
@media (max-width: 991.98px) {
    .main-header .outer-box .theme-btn {
        margin-left: 15px;
    }
}

.btn-box .header-btn {
    font-size: 24px;
    color: #2b2b5e;
    font-weight: 700;
    display: ruby-text;
    margin-top: 27px;
}
.btn-box .header-btn .icon {
    font-size: 24px;
    display: inline-block;
    color: var(--theme-color1);
}

.main-header .ui-btn {
    position: relative;
    display: block;
    text-align: center;
    background: none;
    font-size: 20px;
    color: var(--theme-color-black);
    -webkit-transition: all 300ms ease;
    transition: all 300ms ease;
}
.main-header .ui-btn:hover {
    color: var(--theme-color1);
}

.main-header .ui-btns {
    position: relative;
    display: block;
    text-align: center;
    background: none;
    font-size: 20px;
    color: var(--theme-color-white);
    -webkit-transition: all 300ms ease;
    transition: all 300ms ease;
}
.main-header .ui-btns:hover {
    color: var(--theme-color1);
}

.info-btn {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    gap: 10px;
    margin-right: 65px;
}
.info-btn::before {
    position: absolute;
    content: "";
    top: 0;
    right: -42px;
    height: 50px;
    width: 1px;
    background-color: rgba(255, 255, 255, 0.2);
}
.info-btn .icon {
    position: relative;
    font-size: 20px;
    line-height: 1em;
    color: var(--theme-color1);
}
.info-btn .phone {
    position: relative;
    color: #2b2b5e;
    font-size: 24px;
    font-weight: 700;
    letter-spacing: -3%;
}
.info-btn .phone:hover {
    color: var(--theme-color1);
}

.header-search {
    position: relative;
    width: 110px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}
.header-search .form-group {
    position: relative;
}
.header-search .form-group input:not([type=submit]) {
    position: relative;
    display: block;
    width: 100%;
    font-size: 14px;
    font-weight: 500;
    height: 30px;
    line-height: 20px;
    padding: 5px 0;
    padding-left: 30px;
    color: var(--text-color);
    background: transparent;
    -webkit-transition: all 300ms ease;
    transition: all 300ms ease;
    border-bottom: 1px solid transparent;
}
.header-search .form-group input:not([type=submit])::-webkit-input-placeholder {
    color: var(--text-color);
}
.header-search .form-group input:not([type=submit])::-moz-placeholder {
    color: var(--text-color);
}
.header-search .form-group input:not([type=submit]):-ms-input-placeholder {
    color: var(--text-color);
}
.header-search .form-group input:not([type=submit])::-ms-input-placeholder {
    color: var(--text-color);
}
.header-search .form-group input:not([type=submit])::placeholder {
    color: var(--text-color);
}
.header-search .form-group input:not([type=submit]):focus {
    border-bottom: 1px solid var(--theme-color-white);
}
.header-search .form-group .icon {
    position: absolute;
    top: 0px;
    left: 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;
    line-height: 20px;
    font-size: 20px;
    padding: 5px 0;
    color: var(--theme-color-black);
    background: none;
}

/***

====================================================================
  Header Style One
====================================================================

***/
.header-style-one {
    position: absolute;
    top: 20px;
    left: 0;
    width: 100%;
    padding: 0 70px;
}
@media only screen and (max-width: 1699px) {
    .header-style-one {
        padding: 0 15px;
    }
}
@media (max-width: 575.98px) {
    .header-style-one {
        padding: 0 15px;
        top: 10px;
    }
}
.header-style-one .header-top {
    position: relative;
}
@media (max-width: 1199.98px) {
    .header-style-one .header-top {
        display: none;
    }
}
.header-style-one .header-top .inner-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding-left: 61px;
}
.header-style-one .header-top .inner-container .top-right {
    position: relative;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 100%;
    max-width: 592px;
    padding: 9px;
    background-color: var(--theme-color-white);
    border-radius: 0 0 0 30px;
}
@media (max-width: 1399.98px) {
    .header-style-one .header-top .inner-container .top-right {
        max-width: 400px;
    }
}
.header-style-one .header-top .inner-container .top-right:before {
    content: "";
    position: absolute;
    bottom: -30px;
    right: 0;
    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg' transform='rotate(0)'%3E%3Cg transform='rotate(90 100 100)'%3E%3Cpath d='M0,0 L0,200 Q0,0 200,0 Z' fill='white' /%3E%3C/g%3E%3C/svg%3E");
    background-size: cover;
    background-repeat: no-repeat;
    width: 30px;
    height: 30px;
}
.header-style-one .header-top .inner-container .top-right:after {
    content: "";
    position: absolute;
    top: 5px;
    left: -30px;
    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg' transform='rotate(0)'%3E%3Cg transform='rotate(90 100 100)'%3E%3Cpath d='M0,0 L0,200 Q0,0 200,0 Z' fill='white' /%3E%3C/g%3E%3C/svg%3E");
    background-size: cover;
    background-repeat: no-repeat;
    width: 30px;
    height: 30px;
}
.header-style-one .header-top .inner-container .top-right .inner {
    background: var(--gradient-1);
    padding: 10.5px 60px;
    border-radius: 30px;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%;
}
@media (max-width: 1399.98px) {
    .header-style-one .header-top .inner-container .top-right .inner {
        padding: 10.5px 20px;
    }
}
.header-style-one .header-top .inner-container .nav-list {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 14px;
}
.header-style-one .header-top .inner-container .nav-list a {
    position: relative;
    font-size: 14px;
    font-weight: 500;
    color: var(--theme-color-white);
}
.header-style-one .header-top .inner-container .nav-list a:hover {
    color: var(--theme-color2);
}
.header-style-one .header-top.Styles {
    background: var(--theme-color-black);
    border-radius: 10px 10px 0 0;
}
.header-style-one .header-top.Styles .inner-container .top-right {
    background-color: transparent;
}
.header-style-one .header-top.Styles .inner-container .top-right::before {
    display: none;
}
.header-style-one .header-top.Styles .inner-container .top-right::after {
    display: none;
}
.header-style-one .header-top.Styles .inner-container .top-right .inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: end;
    background: transparent;
}
.header-style-one .header-lower {
    position: relative;
    padding: 10px 60px 0;
}
@media (max-width: 1399.98px) {
    .header-style-one .header-lower {
        padding-top: 0;
    }
}
@media (max-width: 1199.98px) {
    .header-style-one .header-lower {
        padding: 20px 30px 0;
    }
}
@media (max-width: 991.98px) {
    .header-style-one .header-lower {
        padding-top: 0;
    }
}
@media (max-width: 767.98px) {
    .header-style-one .header-lower {
        padding: 0 15px;
    }
}
@media (max-width: 575.98px) {
    .header-style-one .header-lower {
        padding: 0;
    }
}
.header-style-one .header-lower .logo-box {
    position: relative;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}
@media (max-width: 575.98px) {
    .header-style-one .header-lower .logo-box {
        padding: 10px 0;
    }
}
.header-style-one .header-lower .logo-box .logo {
    position: relative;
    max-width: 88px;
}
.header-style-one .header-lower .nav-outer {
    position: relative;
    -ms-flex-pack: distribute;
    justify-content: space-around;
}
@media (max-width: 1199.98px) {
    .header-style-one .header-lower .nav-outer {
        padding-left: 75px;
    }
}
@media (max-width: 1199.98px) {
    .header-style-one .header-lower .nav-outer .main-menu .navigation.onepage-nav li {
        margin-right: 20px;
    }
}
@media (max-width: 1199.98px) {
    .header-style-one .header-lower .nav-outer .main-menu .navigation > li {
        margin-right: 45px;
    }
}
@media (max-width: 1199.98px) {
    .header-style-one .header-lower .nav-outer .main-menu .navigation > li {
        margin-right: 45px;
    }
}
.header-style-one .header-lower .style-header {
    position: relative;
    padding-left: 280px;
}
@media (max-width: 1199.98px) {
    .header-style-one .header-lower .style-header {
        padding-left: 150px;
    }
}
@media (max-width: 1199.98px) {
    .header-style-one .header-lower .style-header .main-menu .navigation > li {
        margin-right: 70px;
    }
}
.header-style-one .header-lower .outer-box {
    position: relative;
    margin-top: -10px;
}
@media (max-width: 1399.98px) {
    .header-style-one .header-lower .outer-box .btn-box {
        display: none;
    }
}
.header-style-one .header-lower .outer-box .btn-box .theme-btn {
    padding: 11px 25px;
}
.header-style-one .header-lower .outer-box .ui-btn-box {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 21px;
    padding-top: 10px;
    padding-left: 29px;
    margin-left: 30px;
}
@media (max-width: 991.98px) {
    .header-style-one .header-lower .outer-box .ui-btn-box {
        margin-left: 0;
        padding-left: 0;
    }
}
@media (max-width: 767.98px) {
    .header-style-one .header-lower .outer-box .ui-btn-box {
        display: none;
    }
}
.header-style-one .header-lower .outer-box .ui-btn-box:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 1px;
    height: 40px;
    background-color: var(--theme-color3);
    opacity: 0.2;
}
@media (max-width: 991.98px) {
    .header-style-one .header-lower .outer-box .ui-btn-box:before {
        display: none;
    }
}
@media (max-width: 575.98px) {
    .header-style-one .header-lower .outer-box .mobile-nav-toggler {
        margin-left: 15px;
    }
}

/***

====================================================================
  Header Style Two
====================================================================

***/
.header-style-two {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    padding: 30px 30px 0;
}
@media (max-width: 1399.98px) {
    .header-style-two {
        padding: 30px 15px 0;
    }
}
@media (max-width: 991.98px) {
    .header-style-two {
        padding: 15px 15px 0;
    }
}
@media (max-width: 575.98px) {
    .header-style-two {
        padding: 0;
    }
}
.header-style-two.style-two .main-box {
    border-radius: 25px;
    padding-right: 0;
}
.header-style-two.style-two .main-box:before {
    display: none;
}
.header-style-two.style-two .main-box .outer-box {
    padding-right: 46px;
}
.header-style-two.style-two .main-box .outer-box .info-btn {
    margin-right: 0;
}
.header-style-two.style-two .header-style-btn {
    margin: 0;
    border-radius: 0;
    border-top-right-radius: 25px;
    border-bottom-right-radius: 25px;
    padding: 37px 32px 33px;
    font-size: 20px;
    background: var(--theme-color3);
}
@media (max-width: 1399.98px) {
    .header-style-two.style-two .header-style-btn {
        display: none;
    }
}
.header-style-two.style-two .header-style-btn i {
    margin-left: 14px;
    color: var(--theme-color1);
}
.header-style-two .main-box {
    position: relative;
    border-top-left-radius: 25px;
    padding-right: 180px;
    background-color: var(--theme-color-white);
}
@media (max-width: 1399.98px) {
    .header-style-two .main-box {
        padding-right: 0;
    }
}
@media (max-width: 575.98px) {
    .header-style-two .main-box {
        border-top-left-radius: 0;
    }
}
.header-style-two .main-box:before {
    content: "";
    position: absolute;
    bottom: 0px;
    right: 182px;
    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg' transform='rotate(90)'%3E%3Cg transform='rotate(90 100 100)'%3E%3Cpath d='M0,0 L0,200 Q0,0 200,0 Z' fill='%236C43E3' /%3E%3C/g%3E%3C/svg%3E");
    background-size: cover;
    background-repeat: no-repeat;
    width: 30px;
    height: 30px;
}
@media (max-width: 1399.98px) {
    .header-style-two .main-box:before {
        display: none;
    }
}
.header-style-two .main-box .logo-box {
    position: relative;
    width: 247px;
    height: 105px;
    -ms-flex-negative: 0;
    flex-shrink: 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;
    border-top-left-radius: 25px;
    border-bottom-left-radius: 25px;
    clip-path: path("M0 25C0 11.1929 11.1929 0 25 0H207.873C226.131 0 238.231 18.9368 230.559 35.505L198.378 105H0V25Z");
    background-color: var(--theme-color3);
}
@media (max-width: 575.98px) {
    .header-style-two .main-box .logo-box {
        width: 140px;
        border-top-left-radius: 0;
        height: 75px;
        clip-path: none;
    }
}
.header-style-two .main-box .logo-box .logo {
    position: relative;
    width: 113px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    display: block;
}
@media (max-width: 575.98px) {
    .header-style-two .main-box .logo-box .logo {
        width: auto;
    }
}
.header-style-two .main-box .logo-box .logo img {
    width: 100%;
    height: 100%;
}
.header-style-two .main-box .nav-outer {
    position: relative;
    padding-left: 60px;
}
@media (max-width: 1199.98px) {
    .header-style-two .main-box .nav-outer {
        padding-left: 15px;
    }
}
@media (max-width: 1199.98px) {
    .header-style-two .main-box .nav-outer .main-menu .navigation > li {
        margin-right: 40px;
    }
}
@media (max-width: 1199.98px) {
    .header-style-two .main-box .nav-outer .main-menu .navigation.onepage-nav > li {
        margin-right: 16px;
    }
}
.header-style-two .main-box .outer-box {
    position: relative;
    padding-right: 50px;
}
@media (max-width: 1199.98px) {
    .header-style-two .main-box .outer-box {
        padding-right: 20px;
    }
}
@media (max-width: 575.98px) {
    .header-style-two .main-box .outer-box {
        padding-right: 10px;
    }
}
@media only screen and (max-width: 1699px) {
    .header-style-two .main-box .outer-box .info-btn {
        display: none;
    }
}
.header-style-two .main-box .outer-box .ui-btn-box {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 21px;
    padding-top: 10px;
    padding-left: 29px;
    margin-left: 30px;
}
@media (max-width: 1199.98px) {
    .header-style-two .main-box .outer-box .ui-btn-box {
        margin-left: 0;
    }
}
@media (max-width: 991.98px) {
    .header-style-two .main-box .outer-box .ui-btn-box {
        padding-left: 0;
    }
}
.header-style-two .main-box .outer-box .ui-btn-box:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 1px;
    height: 40px;
    background-color: var(--theme-color3);
    opacity: 0.2;
}
@media (max-width: 991.98px) {
    .header-style-two .main-box .outer-box .ui-btn-box:before {
        display: none;
    }
}
.header-style-two .main-box .floating-btn-box {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 9;
    border-bottom-left-radius: 20px;
    padding-left: 20px;
    padding-bottom: 20px;
    background-color: var(--theme-color1);
}
@media (max-width: 1399.98px) {
    .header-style-two .main-box .floating-btn-box {
        display: none;
    }
}
.header-style-two .main-box .floating-btn-box:before {
    content: "";
    position: absolute;
    top: 125px;
    left: -30px;
    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg' transform='rotate(0)'%3E%3Cg transform='rotate(90 100 100)'%3E%3Cpath d='M0,0 L0,200 Q0,0 200,0 Z' fill='%236C43E3' /%3E%3C/g%3E%3C/svg%3E");
    background-size: cover;
    background-repeat: no-repeat;
    width: 30px;
    height: 30px;
}
.header-style-two .main-box .floating-btn-box .floating-btn {
    position: relative;
    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: 101px 12px;
    font-size: 20px;
    font-weight: 700;
    line-height: 1em;
    border-radius: 0 20px 0 20px;
    color: var(--theme-color-white);
    text-align: left;
    background-color: var(--theme-color3);
}
.header-style-two .main-box .floating-btn-box .floating-btn:hover {
    background-color: var(--theme-color2);
}
.header-style-two .main-box .floating-btn-box .floating-btn:hover i {
    color: var(--theme-color-white);
}
.header-style-two .main-box .floating-btn-box .floating-btn .btn-title {
    position: relative;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
}
.header-style-two .main-box .floating-btn-box .floating-btn i {
    color: var(--theme-color1);
    margin-left: 28px;
    -webkit-transition: all 300ms ease;
    transition: all 300ms ease;
}

/***

====================================================================
  Header Style Three
====================================================================

***/
.header-style-three {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    padding: 30px 30px 0;
}
@media (max-width: 1399.98px) {
    .header-style-three {
        padding: 30px 15px 0;
    }
}
@media (max-width: 991.98px) {
    .header-style-three {
        padding: 15px 15px 0;
    }
}
@media (max-width: 575.98px) {
    .header-style-three {
        padding: 0;
    }
}
.header-style-three .main-box {
    position: relative;
    border-top-left-radius: 25px;
    padding-right: 180px;
    background-color: var(--theme-color-white);
}
@media (max-width: 1399.98px) {
    .header-style-three .main-box {
        padding-right: 0;
    }
}
@media (max-width: 575.98px) {
    .header-style-three .main-box {
        border-top-left-radius: 0;
    }
}
.header-style-three .main-box .logo-box {
    position: relative;
    width: 247px;
    height: 105px;
    -ms-flex-negative: 0;
    flex-shrink: 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;
    border-top-left-radius: 25px;
    clip-path: path("M0 25C0 11.1929 11.1929 0 25 0H207.873C226.131 0 238.231 18.9368 230.559 35.505L198.378 105H0V25Z");
    background-color: var(--theme-color3);
}
@media (max-width: 575.98px) {
    .header-style-three .main-box .logo-box {
        width: 140px;
        border-top-left-radius: 0;
        height: 75px;
        clip-path: none;
    }
}
.header-style-three .main-box .logo-box .logo {
    position: relative;
    width: 113px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    display: block;
}
@media (max-width: 575.98px) {
    .header-style-three .main-box .logo-box .logo {
        width: auto;
    }
}
.header-style-three .main-box .logo-box .logo img {
    width: 100%;
    height: 100%;
}
.header-style-three .main-box .nav-outer {
    position: relative;
    padding-left: 60px;
    -ms-flex-pack: distribute;
    justify-content: space-around;
}
@media (max-width: 1199.98px) {
    .header-style-three .main-box .nav-outer {
        padding-left: 40px;
    }
}
@media (max-width: 1199.98px) {
    .header-style-three .main-box .nav-outer .main-menu .navigation > li {
        margin-right: 40px;
    }
}
.header-style-three .main-box .outer-box {
    position: relative;
    padding-right: 0px;
}
@media (max-width: 1199.98px) {
    .header-style-three .main-box .outer-box {
        padding-right: 20px;
    }
}
@media (max-width: 575.98px) {
    .header-style-three .main-box .outer-box {
        padding-right: 10px;
    }
}
@media only screen and (max-width: 1699px) {
    .header-style-three .main-box .outer-box .info-btn {
        display: none;
    }
}
.header-style-three .main-box .outer-box .ui-btn-box {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 21px;
    padding-top: 10px;
}
@media (max-width: 1199.98px) {
    .header-style-three .main-box .outer-box .ui-btn-box {
        margin-left: 0;
    }
}
@media (max-width: 991.98px) {
    .header-style-three .main-box .outer-box .ui-btn-box {
        padding-left: 0;
    }
}
.header-style-three .main-box .outer-box .ui-btn-box:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 1px;
    height: 40px;
    background-color: var(--theme-color3);
    opacity: 0.2;
}
@media (max-width: 991.98px) {
    .header-style-three .main-box .outer-box .ui-btn-box:before {
        display: none;
    }
}
.header-style-three .main-box .floating-btn-box {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 9;
    border-bottom-left-radius: 20px;
    padding-left: 20px;
    padding-bottom: 20px;
    background-color: var(--theme-color1);
}
@media (max-width: 1399.98px) {
    .header-style-three .main-box .floating-btn-box {
        display: none;
    }
}
.header-style-three .main-box .floating-btn-box:before {
    content: "";
    position: absolute;
    top: 125px;
    left: -30px;
    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg' transform='rotate(0)'%3E%3Cg transform='rotate(90 100 100)'%3E%3Cpath d='M0,0 L0,200 Q0,0 200,0 Z' fill='%236C43E3' /%3E%3C/g%3E%3C/svg%3E");
    background-size: cover;
    background-repeat: no-repeat;
    width: 30px;
    height: 30px;
}
.header-style-three .main-box .floating-btn-box .floating-btn {
    position: relative;
    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: 101px 12px;
    font-size: 20px;
    font-weight: 700;
    line-height: 1em;
    border-radius: 0 20px 0 20px;
    color: var(--theme-color-white);
    text-align: left;
    background-color: var(--theme-color3);
}
.header-style-three .main-box .floating-btn-box .floating-btn:hover {
    background-color: var(--theme-color2);
}
.header-style-three .main-box .floating-btn-box .floating-btn:hover i {
    color: var(--theme-color-white);
}
.header-style-three .main-box .floating-btn-box .floating-btn .btn-title {
    position: relative;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
}
.header-style-three .main-box .floating-btn-box .floating-btn i {
    color: var(--theme-color1);
    margin-left: 28px;
    -webkit-transition: all 300ms ease;
    transition: all 300ms ease;
}

/***

====================================================================
  Header Style four
====================================================================

***/
.header-style-four {
    position: absolute;
    top: 20px;
    left: 0;
    width: 100%;
    padding: 0 70px;
}
.header-style-four::before {
    position: absolute;
    content: "";
    top: 100px;
    left: 19px;
    height: 1px;
    width: 99%;
    background-color: rgba(0, 0, 0, 0.1019607843);
}
@media only screen and (max-width: 1699px) {
    .header-style-four {
        padding: 0 15px;
    }
}
@media (max-width: 575.98px) {
    .header-style-four {
        padding: 0 15px;
        top: 10px;
    }
}
.header-style-four .header-top {
    position: relative;
}
@media (max-width: 1199.98px) {
    .header-style-four .header-top {
        display: none;
    }
}
.header-style-four .header-top .inner-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding-left: 61px;
}
.header-style-four .header-top .inner-container .top-right {
    position: relative;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 100%;
    max-width: 592px;
    padding: 9px;
    background-color: var(--theme-color-white);
    border-radius: 0 0 0 30px;
}
@media (max-width: 1399.98px) {
    .header-style-four .header-top .inner-container .top-right {
        max-width: 400px;
    }
}
.header-style-four .header-top .inner-container .top-right:before {
    content: "";
    position: absolute;
    bottom: -30px;
    right: 0;
    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg' transform='rotate(0)'%3E%3Cg transform='rotate(90 100 100)'%3E%3Cpath d='M0,0 L0,200 Q0,0 200,0 Z' fill='white' /%3E%3C/g%3E%3C/svg%3E");
    background-size: cover;
    background-repeat: no-repeat;
    width: 30px;
    height: 30px;
}
.header-style-four .header-top .inner-container .top-right:after {
    content: "";
    position: absolute;
    top: 5px;
    left: -30px;
    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg' transform='rotate(0)'%3E%3Cg transform='rotate(90 100 100)'%3E%3Cpath d='M0,0 L0,200 Q0,0 200,0 Z' fill='white' /%3E%3C/g%3E%3C/svg%3E");
    background-size: cover;
    background-repeat: no-repeat;
    width: 30px;
    height: 30px;
}
.header-style-four .header-top .inner-container .top-right .inner {
    background: var(--gradient-1);
    padding: 10.5px 60px;
    border-radius: 30px;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%;
}
@media (max-width: 1399.98px) {
    .header-style-four .header-top .inner-container .top-right .inner {
        padding: 10.5px 20px;
    }
}
.header-style-four .header-top .inner-container .nav-list {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 14px;
}
.header-style-four .header-top .inner-container .nav-list a {
    position: relative;
    font-size: 14px;
    font-weight: 500;
    color: var(--theme-color-white);
}
.header-style-four .header-top .inner-container .nav-list a:hover {
    color: var(--theme-color2);
}
.header-style-four .header-top.Styles {
    background: var(--theme-color-black);
    border-radius: 10px 10px 0 0;
}
.header-style-four .header-top.Styles .inner-container .top-right {
    background-color: transparent;
}
.header-style-four .header-top.Styles .inner-container .top-right::before {
    display: none;
}
.header-style-four .header-top.Styles .inner-container .top-right::after {
    display: none;
}
.header-style-four .header-top.Styles .inner-container .top-right .inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: end;
    background: transparent;
}
.header-style-four .header-lower {
    position: relative;
    padding: 18px 60px 0;
}
@media (max-width: 1399.98px) {
    .header-style-four .header-lower {
        padding-top: 0;
    }
}
@media (max-width: 1199.98px) {
    .header-style-four .header-lower {
        padding: 20px 30px 0;
    }
}
@media (max-width: 991.98px) {
    .header-style-four .header-lower {
        padding-top: 0;
    }
}
@media (max-width: 767.98px) {
    .header-style-four .header-lower {
        padding: 0 15px;
    }
}
@media (max-width: 575.98px) {
    .header-style-four .header-lower {
        padding: 0;
    }
}
.header-style-four .header-lower .logo-box {
    position: relative;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}
@media (max-width: 575.98px) {
    .header-style-four .header-lower .logo-box {
        padding: 10px 0;
    }
}
.header-style-four .header-lower .logo-box .logo {
    position: relative;
    max-width: 88px;
}
.header-style-four .header-lower .nav-outer {
    position: relative;
    -ms-flex-pack: distribute;
    justify-content: space-around;
}
@media (max-width: 1199.98px) {
    .header-style-four .header-lower .nav-outer {
        padding-left: 0 !important;
    }
}
@media (max-width: 1199.98px) {
    .header-style-four .header-lower .nav-outer .main-menu .navigation > li {
        margin-right: 45px;
    }
}
.header-style-four .header-lower .style-header {
    position: relative;
    padding-left: 280px;
}
@media (min-width: 1400px) and (max-width: 1599.98px) {
    .header-style-four .header-lower .style-header {
        padding-left: 150px;
    }
}
@media (min-width: 1200px) and (max-width: 1399.98px) {
    .header-style-four .header-lower .style-header {
        padding-left: 150px;
    }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
    .header-style-four .header-lower .style-header {
        padding-left: 50px;
    }
}
@media (max-width: 1199.98px) {
    .header-style-four .header-lower .style-header .main-menu .navigation > li {
        margin-right: 70px;
    }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
    .header-style-four .header-lower .style-header .main-menu .navigation > li {
        margin-right: 45px;
    }
}
.header-style-four .header-lower .outer-box {
    position: relative;
    margin-top: -10px;
}
@media (max-width: 575.98px) {
    .header-style-four .header-lower .outer-box {
        margin-top: 0;
    }
}
@media (max-width: 1399.98px) {
    .header-style-four .header-lower .outer-box .btn-box {
        display: none;
    }
}
.header-style-four .header-lower .outer-box .btn-box .theme-btn {
    padding: 11px 25px;
}
.header-style-four .header-lower .outer-box .ui-btn-box {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 21px;
    padding-top: 10px;
    padding-left: 29px;
    margin-left: 30px;
}
@media (max-width: 991.98px) {
    .header-style-four .header-lower .outer-box .ui-btn-box {
        margin-left: 0;
        padding-left: 0;
    }
}
@media (max-width: 767.98px) {
    .header-style-four .header-lower .outer-box .ui-btn-box {
        display: none;
    }
}
.header-style-four .header-lower .outer-box .ui-btn-box:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 1px;
    height: 40px;
    background-color: var(--theme-color3);
    opacity: 0.2;
}
@media (max-width: 991.98px) {
    .header-style-four .header-lower .outer-box .ui-btn-box:before {
        display: none;
    }
}
@media (max-width: 575.98px) {
    .header-style-four .header-lower .outer-box .mobile-nav-toggler {
        margin-left: 15px;
    }
}

/***

====================================================================
  Header Style five
====================================================================

***/
.header-style-five {
    position: absolute;
    top: 0px;
    left: 0;
    width: 100%;
    padding: 0 0px;
}
@media only screen and (max-width: 1699px) {
    .header-style-five {
        padding: 0 0px;
    }
}
@media (max-width: 575.98px) {
    .header-style-five {
        padding: 0 0px;
        top: 0px;
    }
}
.header-style-five .header-top {
    position: relative;
}
@media (max-width: 1199.98px) {
    .header-style-five .header-top {
        display: none;
    }
}
.header-style-five .header-top .inner-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 0 114px;
}
.header-style-five .header-top .inner-container .top-right {
    position: relative;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 100%;
    max-width: 592px;
    padding: 9px;
    background-color: var(--theme-color-white);
    border-radius: 0 0 0 30px;
}
@media (max-width: 1399.98px) {
    .header-style-five .header-top .inner-container .top-right {
        max-width: 400px;
    }
}
.header-style-five .header-top .inner-container .top-right:before {
    content: "";
    position: absolute;
    bottom: -30px;
    right: 0;
    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg' transform='rotate(0)'%3E%3Cg transform='rotate(90 100 100)'%3E%3Cpath d='M0,0 L0,200 Q0,0 200,0 Z' fill='white' /%3E%3C/g%3E%3C/svg%3E");
    background-size: cover;
    background-repeat: no-repeat;
    width: 30px;
    height: 30px;
}
.header-style-five .header-top .inner-container .top-right:after {
    content: "";
    position: absolute;
    top: 5px;
    left: -30px;
    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg' transform='rotate(0)'%3E%3Cg transform='rotate(90 100 100)'%3E%3Cpath d='M0,0 L0,200 Q0,0 200,0 Z' fill='white' /%3E%3C/g%3E%3C/svg%3E");
    background-size: cover;
    background-repeat: no-repeat;
    width: 30px;
    height: 30px;
}
.header-style-five .header-top .inner-container .top-right .inner {
    background: var(--gradient-1);
    padding: 10.5px 0;
    border-radius: 30px;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%;
}
@media (max-width: 1399.98px) {
    .header-style-five .header-top .inner-container .top-right .inner {
        padding: 10.5px 20px;
    }
}
.header-style-five .header-top .inner-container .nav-list {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 14px;
}
.header-style-five .header-top .inner-container .nav-list a {
    position: relative;
    font-size: 14px;
    font-weight: 500;
    color: var(--theme-color-white);
}
.header-style-five .header-top .inner-container .nav-list a:hover {
    color: var(--theme-color2);
}
.header-style-five .header-top.Styles {
    background: var(--theme-color-black);
    border-radius: 0;
}
.header-style-five .header-top.Styles .inner-container .top-right {
    background-color: transparent;
}
.header-style-five .header-top.Styles .inner-container .top-right::before {
    display: none;
}
.header-style-five .header-top.Styles .inner-container .top-right::after {
    display: none;
}
.header-style-five .header-top.Styles .inner-container .top-right .inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: end;
    background: transparent;
}
.header-style-five .header-lower {
    position: relative;
    padding: 10px 120px 0;
}
@media (max-width: 1399.98px) {
    .header-style-five .header-lower {
        padding-top: 0;
    }
}
@media (max-width: 1199.98px) {
    .header-style-five .header-lower {
        padding: 0px 30px 0;
    }
}
@media (max-width: 991.98px) {
    .header-style-five .header-lower {
        padding-top: 0;
    }
}
@media (max-width: 767.98px) {
    .header-style-five .header-lower {
        padding: 0 15px;
    }
}
.header-style-five .header-lower .logo-box {
    position: relative;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}
@media (max-width: 575.98px) {
    .header-style-five .header-lower .logo-box {
        padding: 10px 0;
    }
}
.header-style-five .header-lower .logo-box .logo {
    position: relative;
    max-width: 140px;
}
.header-style-five .header-lower .nav-outer {
    position: relative;
    padding-left: 170px;
}
@media only screen and (max-width: 1699px) {
    .header-style-five .header-lower .nav-outer {
        padding-left: 120px;
    }
}
@media (max-width: 1399.98px) {
    .header-style-five .header-lower .nav-outer {
        padding-left: 90px;
    }
}
@media (max-width: 1199.98px) {
    .header-style-five .header-lower .nav-outer .main-menu .navigation > li {
        margin-right: 45px;
    }
}
@media (max-width: 1199.98px) {
    .header-style-five .header-lower .nav-outer .main-menu .navigation.onepage-nav > li {
        margin-right: 20px;
    }
}
.header-style-five .header-lower .style-header {
    position: relative;
    padding-left: 280px;
}
@media (max-width: 1199.98px) {
    .header-style-five .header-lower .style-header {
        padding-left: 150px;
    }
}
@media (max-width: 1199.98px) {
    .header-style-five .header-lower .style-header .main-menu .navigation > li {
        margin-right: 70px;
    }
}
.header-style-five .header-lower .outer-box {
    position: relative;
    margin-top: -10px;
}
@media (max-width: 575.98px) {
    .header-style-five .header-lower .outer-box {
        margin-top: 0;
    }
}
@media (max-width: 1399.98px) {
    .header-style-five .header-lower .outer-box .btn-box {
        display: none;
    }
}
.header-style-five .header-lower .outer-box .btn-box .theme-btn {
    padding: 11px 25px;
}
.header-style-five .header-lower .outer-box .ui-btn-box {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 21px;
    padding-top: 10px;
    padding-left: 29px;
    margin-left: 30px;
}
@media (max-width: 991.98px) {
    .header-style-five .header-lower .outer-box .ui-btn-box {
        margin-left: 0;
        padding-left: 0;
    }
}
@media (max-width: 575.98px) {
    .header-style-five .header-lower .outer-box .ui-btn-box {
        gap: 15px;
    }
}
.header-style-five .header-lower .outer-box .ui-btn-box:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 1px;
    height: 40px;
    background-color: var(--theme-color3);
    opacity: 0.2;
}
@media (max-width: 991.98px) {
    .header-style-five .header-lower .outer-box .ui-btn-box:before {
        display: none;
    }
}
@media (max-width: 575.98px) {
    .header-style-five .header-lower .outer-box .mobile-nav-toggler {
        margin-left: 15px;
    }
}

/***

====================================================================
  Header Style six
====================================================================

***/
.header-style-six {
    position: absolute;
    top: 0px;
    left: 0;
    width: 100%;
    padding: 0 0px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1019607843);
}
@media only screen and (max-width: 1699px) {
    .header-style-six {
        padding: 0 0px;
    }
}
@media (max-width: 575.98px) {
    .header-style-six {
        padding: 0 0px;
        top: 0px;
    }
}
.header-style-six .header-top {
    position: relative;
}
@media (max-width: 1199.98px) {
    .header-style-six .header-top {
        display: none;
    }
}
.header-style-six .header-top .inner-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding-left: 61px;
}
.header-style-six .header-top .inner-container .top-right {
    position: relative;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 100%;
    max-width: 592px;
    padding: 9px;
    background-color: var(--theme-color-white);
    border-radius: 0 0 0 30px;
}
@media (max-width: 1399.98px) {
    .header-style-six .header-top .inner-container .top-right {
        max-width: 400px;
    }
}
.header-style-six .header-top .inner-container .top-right:before {
    content: "";
    position: absolute;
    bottom: -30px;
    right: 0;
    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg' transform='rotate(0)'%3E%3Cg transform='rotate(90 100 100)'%3E%3Cpath d='M0,0 L0,200 Q0,0 200,0 Z' fill='white' /%3E%3C/g%3E%3C/svg%3E");
    background-size: cover;
    background-repeat: no-repeat;
    width: 30px;
    height: 30px;
}
.header-style-six .header-top .inner-container .top-right:after {
    content: "";
    position: absolute;
    top: 5px;
    left: -30px;
    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg' transform='rotate(0)'%3E%3Cg transform='rotate(90 100 100)'%3E%3Cpath d='M0,0 L0,200 Q0,0 200,0 Z' fill='white' /%3E%3C/g%3E%3C/svg%3E");
    background-size: cover;
    background-repeat: no-repeat;
    width: 30px;
    height: 30px;
}
.header-style-six .header-top .inner-container .top-right .inner {
    background: var(--gradient-1);
    padding: 10.5px 60px;
    border-radius: 30px;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%;
}
@media (max-width: 1399.98px) {
    .header-style-six .header-top .inner-container .top-right .inner {
        padding: 10.5px 20px;
    }
}
.header-style-six .header-top .inner-container .nav-list {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 14px;
}
.header-style-six .header-top .inner-container .nav-list a {
    position: relative;
    font-size: 14px;
    font-weight: 500;
    color: var(--theme-color-white);
}
.header-style-six .header-top .inner-container .nav-list a:hover {
    color: var(--theme-color2);
}
.header-style-six .header-top.Styles {
    background: var(--theme-color-black);
    border-radius: 10px 10px 0 0;
}
.header-style-six .header-top.Styles .inner-container .top-right {
    background-color: transparent;
}
.header-style-six .header-top.Styles .inner-container .top-right::before {
    display: none;
}
.header-style-six .header-top.Styles .inner-container .top-right::after {
    display: none;
}
.header-style-six .header-top.Styles .inner-container .top-right .inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: end;
    background: transparent;
}
.header-style-six .header-lower {
    position: relative;
    padding: 10px 120px 0;
}
@media (max-width: 1399.98px) {
    .header-style-six .header-lower {
        padding-top: 0;
    }
}
@media (max-width: 1199.98px) {
    .header-style-six .header-lower {
        padding: 20px 30px 0;
    }
}
@media (max-width: 991.98px) {
    .header-style-six .header-lower {
        padding-top: 0;
    }
}
@media (max-width: 767.98px) {
    .header-style-six .header-lower {
        padding: 0 15px;
    }
}
.header-style-six .header-lower .logo-box {
    position: relative;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}
@media (max-width: 575.98px) {
    .header-style-six .header-lower .logo-box {
        padding: 10px 0;
    }
}
.header-style-six .header-lower .logo-box .logo {
    position: relative;
    max-width: 88px;
}
.header-style-six .header-lower .nav-outer {
    position: relative;
    padding-left: 170px;
}
@media only screen and (max-width: 1699px) {
    .header-style-six .header-lower .nav-outer {
        padding-left: 150px;
    }
}
@media (max-width: 1399.98px) {
    .header-style-six .header-lower .nav-outer {
        padding-left: 90px;
    }
}
@media (max-width: 1199.98px) {
    .header-style-six .header-lower .nav-outer .main-menu .navigation > li {
        margin-right: 45px;
    }
}
@media (max-width: 1199.98px) {
    .header-style-six .header-lower .nav-outer .main-menu .navigation.onepage-nav > li {
        margin-right: 25px;
    }
}
.header-style-six .header-lower .style-header {
    position: relative;
    padding-left: 280px;
}
@media (max-width: 1199.98px) {
    .header-style-six .header-lower .style-header {
        padding-left: 150px;
    }
}
@media (max-width: 1199.98px) {
    .header-style-six .header-lower .style-header .main-menu .navigation > li {
        margin-right: 70px;
    }
}
.header-style-six .header-lower .outer-box {
    position: relative;
    margin-top: -10px;
}
@media (max-width: 575.98px) {
    .header-style-six .header-lower .outer-box {
        margin-top: 0;
    }
}
@media (max-width: 1399.98px) {
    .header-style-six .header-lower .outer-box .btn-box {
        display: none;
    }
}
.header-style-six .header-lower .outer-box .btn-box .theme-btn {
    padding: 11px 25px;
}
.header-style-six .header-lower .outer-box .ui-btn-box {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 21px;
    padding-top: 10px;
    padding-left: 29px;
    margin-left: 30px;
}
@media (max-width: 991.98px) {
    .header-style-six .header-lower .outer-box .ui-btn-box {
        margin-left: 0;
        padding-left: 0;
    }
}
@media (max-width: 575.98px) {
    .header-style-six .header-lower .outer-box .ui-btn-box {
        gap: 15px;
    }
}
.header-style-six .header-lower .outer-box .ui-btn-box:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 1px;
    height: 40px;
    background-color: var(--theme-color3);
    opacity: 0.2;
}
@media (max-width: 1399.98px) {
    .header-style-six .header-lower .outer-box .ui-btn-box:before {
        display: none;
    }
}
@media (max-width: 575.98px) {
    .header-style-six .header-lower .outer-box .mobile-nav-toggler {
        margin-left: 15px;
    }
}

/***

====================================================================
  Sticky Header
====================================================================

***/
.sticky-header {
    position: fixed;
    visibility: hidden;
    opacity: 0;
    left: 0px;
    top: 0px;
    width: 100%;
    z-index: 99999;
    background: #ffffff;
    -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.05);
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.05);
}
@media (max-width: 991.98px) {
    .sticky-header {
        padding: 5px 0;
    }
}

.sticky-header.fixed-header {
    opacity: 1;
    z-index: 9999;
    visibility: visible;
}

.sticky-header .logo {
    padding: 10px 0;
}
.sticky-header .logo img {
    max-height: 40px;
}
.sticky-header .nav-outer {
    position: relative;
    background: none;
}
.sticky-header .inner-container {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.sticky-header .main-menu .navigation > li {
    margin: 0;
    margin-left: 60px;
    padding: 20px 0;
}

.sticky-header .main-menu .navigation > li > a {
    color: var(--theme-color-black);
}

.sticky-header .main-menu .navigation > li.current > a,
.sticky-header .main-menu .navigation > li:hover > a {
    color: var(--theme-color1);
}

.sticky-header .outer-box,
.sticky-header .navbar-header {
    display: none;
}

@media only screen and (min-width: 768px) {
    .main-menu .navigation > li > ul,
    .main-menu .navigation > li > ul > li > ul {
        display: block !important;
        visibility: hidden;
        opacity: 0;
    }
}
/***

====================================================================
  Header Style Three
====================================================================

***/
.header-style-three {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    padding: 30px 30px 0;
}
@media (max-width: 1399.98px) {
    .header-style-three {
        padding: 30px 15px 0;
    }
}
@media (max-width: 991.98px) {
    .header-style-three {
        padding: 15px 15px 0;
    }
}
@media (max-width: 575.98px) {
    .header-style-three {
        padding: 0;
    }
}
.header-style-three .main-box {
    position: relative;
    border-radius: 50px;
    padding-right: 30px;
    background-color: var(--theme-color-black);
}
@media (max-width: 1399.98px) {
    .header-style-three .main-box {
        padding-right: 0;
    }
}
@media (max-width: 575.98px) {
    .header-style-three .main-box {
        border-radius: 0;
    }
}
.header-style-three .main-box .logo-box {
    position: relative;
    width: 160px;
    height: 90px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    border-radius: 50px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background-color: var(--theme-color-black);
}
@media (max-width: 575.98px) {
    .header-style-three .main-box .logo-box {
        width: 140px;
        border-top-left-radius: 0;
        height: 75px;
        clip-path: none;
    }
}
.header-style-three .main-box .logo-box .logo {
    position: relative;
    width: 113px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    display: block;
}
@media (max-width: 575.98px) {
    .header-style-three .main-box .logo-box .logo {
        width: auto;
    }
}
.header-style-three .main-box .logo-box .logo img {
    width: 100%;
    height: 100%;
}
.header-style-three .main-box .nav-outer {
    position: relative;
    padding-left: 0px;
}
@media (max-width: 1199.98px) {
    .header-style-three .main-box .nav-outer {
        padding-left: 40px;
    }
}
@media (max-width: 1199.98px) {
    .header-style-three .main-box .nav-outer .main-menu .navigation > li {
        margin-right: 25px;
    }
}
.header-style-three .main-box .nav-outer .nav.main-menu .navigation li a {
    text-transform: capitalize;
    display: inline-block;
    color: var(--theme-color-white);
}
.header-style-three .main-box .nav-outer .nav.main-menu .navigation li a:hover {
    color: var(--theme-color1);
}
.header-style-three .main-box .nav-outer .nav.main-menu .navigation li.current > a {
    color: var(--theme-color1);
    font-weight: 700;
}
.header-style-three .main-box .nav-outer .nav.main-menu .navigation li.dropdown ul li a {
    display: inline-block;
    color: var(--theme-color-black);
}
.header-style-three .main-box .outer-box {
    position: relative;
    padding-right: 0px;
}
@media (max-width: 1199.98px) {
    .header-style-three .main-box .outer-box {
        padding-right: 20px;
    }
}
@media (max-width: 575.98px) {
    .header-style-three .main-box .outer-box {
        padding-right: 10px;
    }
}
@media only screen and (max-width: 1699px) {
    .header-style-three .main-box .outer-box .info-btn {
        display: none;
    }
}
.header-style-three .main-box .outer-box .btn-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
@media (max-width: 991.98px) {
    .header-style-three .main-box .outer-box .btn-box {
        display: none;
    }
}
.header-style-three .main-box .outer-box .btn-box .icon {
    font-size: 16px;
    display: inline-block;
    height: 40px;
    width: 40px;
    line-height: 40px;
    border-radius: 50%;
    background: var(--theme-color-white);
}
.header-style-three .main-box .outer-box .btn-box .info-content .title {
    font-size: 12px;
    color: var(--theme-color-white);
}
.header-style-three .main-box .outer-box .ui-btn-box {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 21px;
    padding-top: 10px;
}
@media (max-width: 1199.98px) {
    .header-style-three .main-box .outer-box .ui-btn-box {
        margin-left: 0;
    }
}
@media (max-width: 991.98px) {
    .header-style-three .main-box .outer-box .ui-btn-box {
        display: none;
    }
}
.header-style-three .main-box .outer-box .ui-btn-box:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 1px;
    height: 40px;
    background-color: var(--theme-color3);
    opacity: 0.2;
}
@media (max-width: 991.98px) {
    .header-style-three .main-box .outer-box .ui-btn-box:before {
        display: none;
    }
}
.header-style-three .main-box .outer-box .info-btn .icon {
    font-size: 16px;
    height: 40px;
    width: 40px;
    text-align: center;
    line-height: 40px;
    color: var(--theme-color1);
    background: var(--theme-color-white);
    border-radius: 50%;
}
.header-style-three .main-box .outer-box .info-btn .header-box .title {
    font-size: 12px;
    line-height: 28px;
    margin: 0;
    color: var(--theme-color-white);
    font-weight: 400;
}
.header-style-three .main-box .outer-box .info-btn .header-box .phone {
    font-size: 20px;
    line-height: 28px;
    margin: 0 0 0;
    color: var(--theme-color-white);
}
.header-style-three .main-box .floating-btn-box {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 9;
    border-bottom-left-radius: 20px;
    padding-left: 20px;
    padding-bottom: 20px;
    background-color: var(--theme-color1);
}
@media (max-width: 1399.98px) {
    .header-style-three .main-box .floating-btn-box {
        display: none;
    }
}
.header-style-three .main-box .floating-btn-box:before {
    content: "";
    position: absolute;
    top: 125px;
    left: -30px;
    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg' transform='rotate(0)'%3E%3Cg transform='rotate(90 100 100)'%3E%3Cpath d='M0,0 L0,200 Q0,0 200,0 Z' fill='%236C43E3' /%3E%3C/g%3E%3C/svg%3E");
    background-size: cover;
    background-repeat: no-repeat;
    width: 30px;
    height: 30px;
}
.header-style-three .main-box .floating-btn-box .floating-btn {
    position: relative;
    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: 101px 12px;
    font-size: 20px;
    font-weight: 700;
    line-height: 1em;
    border-radius: 0 20px 0 20px;
    color: var(--theme-color-white);
    text-align: left;
    background-color: var(--theme-color3);
}
.header-style-three .main-box .floating-btn-box .floating-btn:hover {
    background-color: var(--theme-color2);
}
.header-style-three .main-box .floating-btn-box .floating-btn:hover i {
    color: var(--theme-color-white);
}
.header-style-three .main-box .floating-btn-box .floating-btn .btn-title {
    position: relative;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
}
.header-style-three .main-box .floating-btn-box .floating-btn i {
    color: var(--theme-color1);
    margin-left: 28px;
    -webkit-transition: all 300ms ease;
    transition: all 300ms ease;
}

/***

====================================================================
  Sticky Header
====================================================================

***/
.sticky-header {
    position: fixed;
    visibility: hidden;
    opacity: 0;
    left: 0px;
    top: 0px;
    width: 100%;
    z-index: 99999;
    background: #ffffff;
    -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.05);
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.05);
}
@media (max-width: 991.98px) {
    .sticky-header {
        padding: 5px 0;
    }
}

.sticky-header.fixed-header {
    opacity: 1;
    z-index: 9999;
    visibility: visible;
}

.sticky-header .logo {
    padding: 10px 0;
}
.sticky-header .logo img {
    max-height: 40px;
}
.sticky-header .nav-outer {
    position: relative;
    background: none;
}
.sticky-header .inner-container {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.sticky-header .main-menu .navigation > li {
    margin: 0;
    margin-left: 60px;
    padding: 20px 0;
}

.sticky-header .main-menu .navigation > li > a {
    color: var(--theme-color-black);
}

.sticky-header .main-menu .navigation > li.current > a,
.sticky-header .main-menu .navigation > li:hover > a {
    color: var(--theme-color1);
}

.sticky-header .outer-box,
.sticky-header .navbar-header {
    display: none;
}

@media only screen and (min-width: 768px) {
    .main-menu .navigation > li > ul,
    .main-menu .navigation > li > ul > li > ul {
        display: block !important;
        visibility: hidden;
        opacity: 0;
    }
}
/* Animate 1 */
.swiper .animate-8,
.swiper .animate-7,
.swiper .animate-6,
.swiper .animate-5,
.swiper .animate-4,
.swiper .animate-3,
.swiper .animate-2,
.swiper .animate-1 {
    opacity: 0;
    -webkit-transform: translateY(100px);
    transform: translateY(100px);
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
}
.swiper .animate-x {
    opacity: 0;
    -webkit-transform: translateX(100px);
    transform: translateX(100px);
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
}
.swiper .swiper-slide-active .animate-x {
    opacity: 1;
    -webkit-transition-delay: 300ms;
    transition-delay: 300ms;
    -webkit-transform: translateX(0);
    transform: translateX(0);
}
.swiper .swiper-slide-active .animate-x,
.swiper .swiper-slide-active .animate-8,
.swiper .swiper-slide-active .animate-7,
.swiper .swiper-slide-active .animate-6,
.swiper .swiper-slide-active .animate-5,
.swiper .swiper-slide-active .animate-4,
.swiper .swiper-slide-active .animate-3,
.swiper .swiper-slide-active .animate-2,
.swiper .swiper-slide-active .animate-1 {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
}
.swiper .swiper-slide-active .animate-2 {
    -webkit-transition-delay: 300ms;
    transition-delay: 300ms;
}
.swiper .swiper-slide-active .animate-3 {
    -webkit-transition-delay: 600ms;
    transition-delay: 600ms;
}
.swiper .swiper-slide-active .animate-4 {
    -webkit-transition-delay: 900ms;
    transition-delay: 900ms;
}
.swiper .swiper-slide-active .animate-5 {
    -webkit-transition-delay: 1200ms;
    transition-delay: 1200ms;
}
.swiper .swiper-slide-active .animate-6 {
    -webkit-transition-delay: 1500ms;
    transition-delay: 1500ms;
}
.swiper .swiper-slide-active .animate-7 {
    -webkit-transition-delay: 1800ms;
    transition-delay: 1800ms;
}
.swiper .swiper-slide-active .animate-8 {
    -webkit-transition-delay: 2100ms;
    transition-delay: 2100ms;
}

.banner-carousel .owl-nav {
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    padding: 0 60px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-top: -40px;
}
@media (max-width: 991.98px) {
    .banner-carousel .owl-nav {
        display: none;
    }
}
.banner-carousel .owl-nav .owl-next,
.banner-carousel .owl-nav .owl-prev {
    display: block;
    height: 53px;
    width: 53px;
    line-height: 53px;
    font-size: 16px;
    font-weight: 700;
    border-radius: 50%;
    color: var(--theme-color1);
    background-color: var(--theme-color-white);
    text-align: center;
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
}
.banner-carousel .owl-nav .owl-next:hover,
.banner-carousel .owl-nav .owl-prev:hover {
    background-color: var(--theme-color1);
    color: var(--theme-color-white);
}

/***

====================================================================
  Banner Section
====================================================================

***/
.banner-section {
    position: relative;
    margin-top: 25px;
}
@media (max-width: 991.98px) {
    .banner-section {
        margin-top: 10px;
    }
}
@media (max-width: 575.98px) {
    .banner-section {
        margin-top: 0;
    }
}
.banner-section .bg {
    border-radius: 30px 30px 0 30px;
}
@media (max-width: 575.98px) {
    .banner-section .bg {
        border-radius: 0;
    }
}
.banner-section .nav-box {
    position: absolute;
    bottom: 140px;
    left: 50%;
    width: 122px;
    height: 66px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 16px;
    border-radius: 50px;
    margin-left: -80px;
    background-color: var(--theme-color-white);
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    z-index: 3;
}
@media (max-width: 1199.98px) {
    .banner-section .nav-box {
        margin-left: 0;
    }
}
@media (max-width: 767.98px) {
    .banner-section .nav-box {
        bottom: 220px;
    }
}
.banner-section .nav-box .swiper-button-prev,
.banner-section .nav-box .swiper-button-next {
    width: 46px;
    height: 46px;
    font-size: 20px;
    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;
    border: 1px solid #e6e0fa;
    color: var(--theme-color1);
    background-color: var(--theme-color-white);
    -webkit-transition: all 300ms ease;
    transition: all 300ms ease;
}
.banner-section .nav-box .swiper-button-prev:after,
.banner-section .nav-box .swiper-button-next:after {
    display: none;
}
.banner-section .nav-box .swiper-button-prev:hover,
.banner-section .nav-box .swiper-button-next:hover {
    color: var(--theme-color-white);
    background-color: var(--theme-color1);
}
.banner-section .outer-box {
    position: relative;
    padding: 0 70px;
}
@media only screen and (max-width: 1699px) {
    .banner-section .outer-box {
        padding: 0 15px;
    }
}
@media (max-width: 991.98px) {
    .banner-section .outer-box {
        padding: 0 10px;
    }
}
@media (max-width: 575.98px) {
    .banner-section .outer-box {
        padding: 0;
    }
}
.banner-section .outer-box .inner-box {
    position: relative;
    padding: 170px 110px 0 133px;
}
@media only screen and (max-width: 1699px) {
    .banner-section .outer-box .inner-box {
        padding: 170px 50px 0 50px;
    }
}
@media (max-width: 1199.98px) {
    .banner-section .outer-box .inner-box {
        text-align: center;
    }
}
@media (max-width: 991.98px) {
    .banner-section .outer-box .inner-box {
        padding: 140px 30px 0 30px;
    }
}
@media (max-width: 767.98px) {
    .banner-section .outer-box .inner-box {
        padding: 140px 15px 0 15px;
    }
}
.banner-section .outer-box:before {
    content: "";
    position: absolute;
    top: 120px;
    left: 0;
    right: 20px;
    bottom: 0;
    pointer-events: none;
    border-top-right-radius: 20px;
    background: var(--gradient-1);
}
@media only screen and (max-width: 1699px) {
    .banner-section .outer-box:before {
        right: 50px;
    }
}
@media (max-width: 575.98px) {
    .banner-section .outer-box:before {
        display: none;
    }
}
.banner-section .outer-box .icon-5 {
    position: absolute;
    bottom: 60px;
    left: 290px;
}
@media only screen and (max-width: 1699px) {
    .banner-section .outer-box .icon-5 {
        display: none;
    }
}
@media (max-width: 1199.98px) {
    .banner-section .outer-box .content-column {
        margin-bottom: 50px;
    }
}
.banner-section .outer-box .content-column .inner-column {
    position: relative;
    padding-top: 128px;
}
@media only screen and (max-width: 1699px) {
    .banner-section .outer-box .content-column .inner-column {
        margin-right: -20px;
    }
}
@media (max-width: 1399.98px) {
    .banner-section .outer-box .content-column .inner-column {
        padding-top: 100px;
    }
}
@media (max-width: 1199.98px) {
    .banner-section .outer-box .content-column .inner-column {
        padding-top: 10px;
        margin-right: 0;
    }
}
@media (max-width: 991.98px) {
    .banner-section .outer-box .content-column .inner-column {
        padding-top: 0;
    }
}
.banner-section .outer-box .content-column .inner-column .title {
    position: relative;
    margin-bottom: 18px;
}
@media only screen and (max-width: 1699px) {
    .banner-section .outer-box .content-column .inner-column .title {
        font-size: 86px;
    }
}
@media (max-width: 1399.98px) {
    .banner-section .outer-box .content-column .inner-column .title {
        font-size: 74px;
    }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
    .banner-section .outer-box .content-column .inner-column .title {
        font-size: 60px;
    }
}
@media (min-width: 768px) and (max-width: 991.98px) {
    .banner-section .outer-box .content-column .inner-column .title {
        font-size: 45px;
    }
}
@media (min-width: 576px) and (max-width: 767.98px) {
    .banner-section .outer-box .content-column .inner-column .title {
        font-size: 38px;
    }
}
@media (max-width: 575.98px) {
    .banner-section .outer-box .content-column .inner-column .title {
        font-size: 38px;
        line-height: 50px;
    }
}
.banner-section .outer-box .content-column .inner-column .title span {
    background: var(--gradient-1);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    color: transparent;
}
.banner-section .outer-box .content-column .inner-column .text {
    position: relative;
    font-weight: 500;
    max-width: 559px;
    padding-left: 8px;
    margin-bottom: 35px;
}
@media (max-width: 1199.98px) {
    .banner-section .outer-box .content-column .inner-column .text {
        margin: 0 auto 25px;
    }
}
@media (max-width: 767.98px) {
    .banner-section .outer-box .content-column .inner-column .text {
        max-width: 100%;
    }
}
.banner-section .outer-box .content-column .inner-column .btn-box {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 13px;
}
@media (max-width: 1199.98px) {
    .banner-section .outer-box .content-column .inner-column .btn-box {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
}
.banner-section .outer-box .content-column .inner-column .btn-box .readmore {
    position: relative;
    width: 56px;
    height: 56px;
    border-radius: 50%;
    font-size: 20px;
    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;
    color: var(--theme-color-white);
    background: var(--gradient-1);
    -webkit-transition: all 300ms ease;
    transition: all 300ms ease;
}
.banner-section .outer-box .content-column .inner-column .btn-box .readmore i {
    position: relative;
    z-index: 3;
}
.banner-section .outer-box .content-column .inner-column .btn-box .readmore:active {
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
}
.banner-section .outer-box .content-column .inner-column .btn-box .readmore:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    -webkit-transform: scale(0);
    transform: scale(0);
    opacity: 0;
    border-radius: 50%;
    background-color: var(--theme-color2);
    -webkit-transition: all 300ms ease;
    transition: all 300ms ease;
}
.banner-section .outer-box .content-column .inner-column .btn-box .readmore:hover:before {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
}
.banner-section .outer-box .image-column .inner-column {
    position: relative;
    text-align: right;
}
@media (max-width: 1199.98px) {
    .banner-section .outer-box .image-column .inner-column {
        text-align: center;
    }
}
.banner-section .outer-box .image-column .inner-column .icon-1 {
    position: absolute;
    top: 100px;
    left: 50px;
    z-index: 2;
}
@media (max-width: 1399.98px) {
    .banner-section .outer-box .image-column .inner-column .icon-1 {
        display: none;
    }
}
.banner-section .outer-box .image-column .inner-column .icon-2 {
    position: absolute;
    top: 80px;
    right: -35px;
    z-index: 2;
}
@media (max-width: 1399.98px) {
    .banner-section .outer-box .image-column .inner-column .icon-2 {
        display: none;
    }
}
.banner-section .outer-box .image-column .inner-column .icon-3 {
    position: absolute;
    bottom: 245px;
    left: -77px;
    z-index: 2;
}
@media (max-width: 1399.98px) {
    .banner-section .outer-box .image-column .inner-column .icon-3 {
        display: none;
    }
}
.banner-section .outer-box .image-column .inner-column .icon-4 {
    position: absolute;
    bottom: 80px;
    right: -120px;
    z-index: 2;
}
@media (max-width: 1399.98px) {
    .banner-section .outer-box .image-column .inner-column .icon-4 {
        right: -50px;
        bottom: 30px;
    }
}
@media (max-width: 1199.98px) {
    .banner-section .outer-box .image-column .inner-column .icon-4 {
        right: 20px;
    }
}
@media (max-width: 991.98px) {
    .banner-section .outer-box .image-column .inner-column .icon-4 {
        display: none;
    }
}
.banner-section .outer-box .image-column .inner-column .icon-lines {
    position: absolute;
    bottom: -400px;
    right: -320px;
}
@media (max-width: 1399.98px) {
    .banner-section .outer-box .image-column .inner-column .icon-lines {
        display: none;
    }
}
.banner-section .outer-box .image-column .inner-column .image {
    position: relative;
    margin-bottom: 0;
    z-index: 1;
}
@media (max-width: 1199.98px) {
    .banner-section .outer-box .image-column .inner-column .image {
        width: 500px;
        margin: 0 auto;
    }
}
@media (max-width: 1199.98px) {
    .banner-section .outer-box .image-column .inner-column .image {
        width: 450px;
    }
}
@media (max-width: 991.98px) {
    .banner-section .outer-box .image-column .inner-column .image {
        width: 400px;
    }
}
@media (max-width: 575.98px) {
    .banner-section .outer-box .image-column .inner-column .image {
        width: auto;
    }
}
.banner-section .bottom-box {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
}
@media (max-width: 767.98px) {
    .banner-section .bottom-box {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        text-align: center;
    }
}
.banner-section .bottom-box .author-box {
    position: relative;
    padding: 28.5px 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 36px;
    background: var(--gradient-1);
    padding-left: 203px;
    padding-right: 37px;
    border-bottom-right-radius: 20px;
    z-index: 3;
}
@media only screen and (max-width: 1699px) {
    .banner-section .bottom-box .author-box {
        padding-left: 70px;
    }
}
@media (max-width: 991.98px) {
    .banner-section .bottom-box .author-box {
        padding-left: 30px;
    }
}
@media (max-width: 767.98px) {
    .banner-section .bottom-box .author-box {
        border-bottom-right-radius: 0;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        padding: 20px 10px;
        gap: 20px;
    }
}
.banner-section .bottom-box .author-image-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.banner-section .bottom-box .author-image-box .author-image {
    position: relative;
    overflow: hidden;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    border: 2px solid var(--theme-color-white);
    margin-left: -14px;
}
.banner-section .bottom-box .author-image-box .author-image:first-child {
    margin-left: 0;
}
.banner-section .bottom-box .text {
    position: relative;
    font-size: 14px;
    font-weight: 500;
    line-height: 26px;
    color: var(--theme-color-white);
    text-transform: uppercase;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
@media (max-width: 767.98px) {
    .banner-section .bottom-box .text {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
}
.banner-section .bottom-box .text .number {
    position: relative;
    font-size: 30px;
    line-height: 1em;
    font-weight: 800;
    margin: 0 5px;
    letter-spacing: -4%;
}
@media (min-width: 768px) and (max-width: 991.98px) {
    .banner-section .bottom-box .text .number {
        font-size: 20px;
    }
}
@media (max-width: 575.98px) {
    .banner-section .bottom-box .text .number {
        font-size: 24px;
    }
}
.banner-section .bottom-box .success-text {
    position: relative;
    padding: 33.5px 51px 33.5px 51px;
    background-color: var(--theme-color2);
    border-bottom-right-radius: 20px;
    margin-left: -15px;
}
@media (max-width: 991.98px) {
    .banner-section .bottom-box .success-text {
        border-bottom-right-radius: 0;
    }
}
@media (max-width: 767.98px) {
    .banner-section .bottom-box .success-text {
        margin-left: 0;
        padding: 25px 15px;
        text-align: center;
    }
}

/***

====================================================================
  Banner Section Two
====================================================================

***/
.banner-section-two {
    position: relative;
    padding: 155px 30px 0;
}
@media (max-width: 1399.98px) {
    .banner-section-two {
        padding: 155px 15px 0;
    }
}
@media (max-width: 991.98px) {
    .banner-section-two {
        padding: 140px 15px 0;
    }
}
@media (max-width: 575.98px) {
    .banner-section-two {
        padding: 75px 0 0;
    }
}
.banner-section-two:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    height: 515px;
    background: var(--gradient-1);
}
.banner-section-two .outer-box {
    position: relative;
    overflow: hidden;
    border-radius: 20px;
    background-color: var(--theme-color3);
}
@media (max-width: 575.98px) {
    .banner-section-two .outer-box {
        border-bottom-right-radius: 0;
    }
}
.banner-section-two .outer-box .nav-box-outer {
    position: absolute;
    bottom: 20px;
    left: 20px;
    z-index: 3;
}
@media (max-width: 1399.98px) {
    .banner-section-two .outer-box .nav-box-outer {
        padding-top: 40px;
        padding-right: 30px;
    }
}
@media (max-width: 767.98px) {
    .banner-section-two .outer-box .nav-box-outer {
        padding-bottom: 10px;
        padding-top: 30px;
    }
}
@media (max-width: 575.98px) {
    .banner-section-two .outer-box .nav-box-outer {
        padding-top: 25px;
        padding-right: 15px;
    }
}
.banner-section-two .outer-box .nav-box-outer .nav-box {
    position: relative;
    width: 122px;
    height: 66px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 16px;
    border-radius: 50px;
    background-color: #e6e0fa;
    z-index: 3;
}
.banner-section-two .outer-box .nav-box-outer .nav-box .swiper-button-prev,
.banner-section-two .outer-box .nav-box-outer .nav-box .swiper-button-next {
    width: 46px;
    height: 46px;
    font-size: 20px;
    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;
    border: 1px solid var(--theme-color-white);
    color: var(--theme-color1);
    background-color: #e6e0fa;
    -webkit-transition: all 300ms ease;
    transition: all 300ms ease;
}
.banner-section-two .outer-box .nav-box-outer .nav-box .swiper-button-prev:after,
.banner-section-two .outer-box .nav-box-outer .nav-box .swiper-button-next:after {
    display: none;
}
.banner-section-two .outer-box .nav-box-outer .nav-box .swiper-button-prev:hover,
.banner-section-two .outer-box .nav-box-outer .nav-box .swiper-button-next:hover {
    color: var(--theme-color-white);
    background-color: var(--theme-color1);
    border: 1px solid var(--theme-color1);
}
.banner-section-two .banner-slide {
    position: relative;
    overflow: hidden;
}
@media (max-width: 1199.98px) {
    .banner-section-two .banner-slide {
        text-align: center;
    }
}
.banner-section-two .banner-slide .icon-30 {
    position: absolute;
    bottom: 200px;
    left: 50%;
}
@media only screen and (max-width: 1699px) {
    .banner-section-two .banner-slide .icon-30 {
        display: none;
    }
}
.banner-section-two .banner-slide .icon-31 {
    position: absolute;
    bottom: 115px;
    left: 496px;
}
.banner-section-two .banner-slide .content-column .inner-column {
    position: relative;
    padding: 145px 0 264px 185px;
}
@media only screen and (max-width: 1699px) {
    .banner-section-two .banner-slide .content-column .inner-column {
        padding: 140px 0 200px 50px;
    }
}
@media (max-width: 1199.98px) {
    .banner-section-two .banner-slide .content-column .inner-column {
        padding: 100px 0;
    }
}
@media (max-width: 575.98px) {
    .banner-section-two .banner-slide .content-column .inner-column {
        padding: 80px 0;
    }
}
.banner-section-two .banner-slide .content-column .inner-column .title {
    position: relative;
    line-height: 110px;
    font-weight: 300;
    margin-bottom: 26px;
    color: var(--theme-color-white);
}
@media only screen and (max-width: 1699px) {
    .banner-section-two .banner-slide .content-column .inner-column .title {
        font-size: 90px;
        line-height: 1.2em;
    }
}
@media (max-width: 1399.98px) {
    .banner-section-two .banner-slide .content-column .inner-column .title {
        font-size: 80px;
    }
}
@media (max-width: 991.98px) {
    .banner-section-two .banner-slide .content-column .inner-column .title {
        font-size: 55px;
    }
}
@media (max-width: 767.98px) {
    .banner-section-two .banner-slide .content-column .inner-column .title {
        font-size: 42px;
    }
}
.banner-section-two .banner-slide .content-column .inner-column .title span {
    display: block;
    font-weight: 800;
}
.banner-section-two .banner-slide .content-column .inner-column .text {
    position: relative;
    color: #9c94b3;
    font-weight: 500;
    max-width: 559px;
    margin-bottom: 35px;
}
@media (max-width: 1199.98px) {
    .banner-section-two .banner-slide .content-column .inner-column .text {
        margin: 0 auto 25px;
    }
}
@media (max-width: 767.98px) {
    .banner-section-two .banner-slide .content-column .inner-column .text {
        max-width: 100%;
    }
}
.banner-section-two .banner-slide .content-column .inner-column .btn-box {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 13px;
}
@media (max-width: 1199.98px) {
    .banner-section-two .banner-slide .content-column .inner-column .btn-box {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
}
.banner-section-two .banner-slide .content-column .inner-column .btn-box .readmore {
    position: relative;
    width: 56px;
    height: 56px;
    border-radius: 50%;
    font-size: 20px;
    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;
    color: var(--theme-color-white);
    background: var(--gradient-1);
    -webkit-transition: all 300ms ease;
    transition: all 300ms ease;
}
.banner-section-two .banner-slide .content-column .inner-column .btn-box .readmore i {
    position: relative;
    z-index: 3;
}
.banner-section-two .banner-slide .content-column .inner-column .btn-box .readmore:active {
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
}
.banner-section-two .banner-slide .content-column .inner-column .btn-box .readmore:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    -webkit-transform: scale(0);
    transform: scale(0);
    opacity: 0;
    border-radius: 50%;
    background-color: var(--theme-color2);
    -webkit-transition: all 300ms ease;
    transition: all 300ms ease;
}
.banner-section-two .banner-slide .content-column .inner-column .btn-box .readmore:hover:before {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
}
.banner-section-two .banner-slide .image-column .inner-column {
    position: relative;
    margin-left: -120px;
}
@media (max-width: 1199.98px) {
    .banner-section-two .banner-slide .image-column .inner-column {
        margin-left: 0;
    }
}
.banner-section-two .banner-slide .image-column .inner-column .image {
    position: relative;
    margin-bottom: 0;
    width: 861px;
    height: 751px;
    overflow: hidden;
    border-radius: 50%;
    margin-top: -120px;
    z-index: 1;
}
@media (max-width: 1199.98px) {
    .banner-section-two .banner-slide .image-column .inner-column .image {
        width: 100%;
        height: 500px;
        border-radius: 0;
        margin-top: 0;
    }
}
@media (max-width: 1199.98px) {
    .banner-section-two .banner-slide .image-column .inner-column .image {
        height: 400px;
    }
}
@media (max-width: 575.98px) {
    .banner-section-two .banner-slide .image-column .inner-column .image {
        height: 350px;
    }
}
.banner-section-two .banner-slide .image-column .inner-column .image img {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
}
@media (max-width: 1199.98px) {
    .banner-section-two .banner-slide .image-column .inner-column .image img {
        -o-object-fit: cover;
        object-fit: cover;
    }
}
.banner-section-two .banner-slide .image-column .inner-column .shape-24 {
    position: absolute;
    right: 0;
    top: 120px;
    z-index: 3;
}
@media only screen and (max-width: 1699px) {
    .banner-section-two .banner-slide .image-column .inner-column .shape-24 {
        display: none;
    }
}
.banner-section-two .banner-slide .image-column .inner-column .video-outer-box {
    position: absolute;
    left: 50px;
    bottom: -30px;
    z-index: 3;
}
@media (max-width: 1199.98px) {
    .banner-section-two .banner-slide .image-column .inner-column .video-outer-box {
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%) scale(0.8);
        transform: translate(-50%, -50%) scale(0.8);
        bottom: auto;
        border-radius: 50%;
        background: var(--gradient-1);
    }
}
.banner-section-two .banner-slide .image-column .inner-column .video-outer-box .circular-text {
    position: relative;
    fill: currentColor;
    height: auto;
    -webkit-transform-origin: center;
    transform-origin: center;
    width: 179px;
    height: 179px;
    border-radius: 50%;
    border: 1px solid rgba(255, 255, 255, 0.5);
    background: rgba(255, 255, 255, 0.1);
    -webkit-animation: fa-spin 30s infinite linear;
    animation: fa-spin 30s infinite linear;
}
@media (max-width: 575.98px) {
    .banner-section-two .banner-slide .image-column .inner-column .video-outer-box .circular-text {
        width: 130px;
        height: 130px;
    }
}
.banner-section-two .banner-slide .image-column .inner-column .video-outer-box .circular-text text {
    position: relative;
    font-size: 10px;
    letter-spacing: 1.2px;
    font-family: var(--heading-font-family);
    color: var(--theme-color-white);
    text-transform: uppercase;
}
.banner-section-two .banner-slide .image-column .inner-column .video-outer-box .video-box {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 95px;
    height: 95px;
    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;
    border: 1px solid rgba(255, 255, 255, 0.5);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
@media (max-width: 575.98px) {
    .banner-section-two .banner-slide .image-column .inner-column .video-outer-box .video-box {
        width: 75px;
        height: 75px;
    }
}
.banner-section-two .banner-slide .image-column .inner-column .video-outer-box .video-box .play-btn .icon {
    color: var(--theme-color-white);
}
@media (max-width: 575.98px) {
    .banner-section-two .banner-slide .image-column .inner-column .video-outer-box .video-box .play-btn .icon {
        font-size: 22px;
    }
}

/***

====================================================================
  Banner Section Three
====================================================================

***/
.banner-section-three {
    position: relative;
    margin-top: 25px;
}
@media (max-width: 991.98px) {
    .banner-section-three {
        margin-top: 10px;
    }
}
@media (max-width: 575.98px) {
    .banner-section-three {
        margin-top: 0;
    }
}
.banner-section-three .bg {
    border-radius: 30px 30px 0 30px;
}
@media (max-width: 575.98px) {
    .banner-section-three .bg {
        border-radius: 0;
    }
}
.banner-section-three .nav-box {
    position: absolute;
    bottom: 140px;
    left: 50%;
    width: 122px;
    height: 66px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 16px;
    border-radius: 50px;
    margin-left: -80px;
    background-color: var(--theme-color-white);
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    z-index: 3;
}
@media (max-width: 1199.98px) {
    .banner-section-three .nav-box {
        margin-left: 0;
    }
}
@media (max-width: 767.98px) {
    .banner-section-three .nav-box {
        bottom: 220px;
    }
}
.banner-section-three .nav-box .swiper-button-prev,
.banner-section-three .nav-box .swiper-button-next {
    width: 46px;
    height: 46px;
    font-size: 20px;
    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;
    border: 1px solid #e6e0fa;
    color: var(--theme-color1);
    background-color: var(--theme-color-white);
    -webkit-transition: all 300ms ease;
    transition: all 300ms ease;
}
.banner-section-three .nav-box .swiper-button-prev:after,
.banner-section-three .nav-box .swiper-button-next:after {
    display: none;
}
.banner-section-three .nav-box .swiper-button-prev:hover,
.banner-section-three .nav-box .swiper-button-next:hover {
    color: var(--theme-color-white);
    background-color: var(--theme-color1);
}
.banner-section-three .outer-box {
    position: relative;
    padding: 0 0 0 20px;
}
@media (max-width: 991.98px) {
    .banner-section-three .outer-box {
        padding: 0 10px;
    }
}
.banner-section-three .outer-box .inner-box {
    position: relative;
    padding: 170px 110px 215px 133px;
}
@media only screen and (max-width: 1699px) {
    .banner-section-three .outer-box .inner-box {
        padding: 170px 50px 100px 50px;
    }
}
@media (max-width: 1199.98px) {
    .banner-section-three .outer-box .inner-box {
        text-align: center;
    }
}
@media (max-width: 991.98px) {
    .banner-section-three .outer-box .inner-box {
        padding: 140px 30px 0 30px;
    }
}
@media (max-width: 767.98px) {
    .banner-section-three .outer-box .inner-box {
        padding: 140px 15px 0 15px;
    }
}
@media (max-width: 1199.98px) {
    .banner-section-three .outer-box .content-column {
        margin-bottom: 50px;
    }
}
.banner-section-three .outer-box .content-column .inner-column {
    position: relative;
    padding-top: 128px;
}
@media only screen and (max-width: 1699px) {
    .banner-section-three .outer-box .content-column .inner-column {
        margin-right: -20px;
    }
}
@media (max-width: 1399.98px) {
    .banner-section-three .outer-box .content-column .inner-column {
        padding-top: 100px;
    }
}
@media (max-width: 1199.98px) {
    .banner-section-three .outer-box .content-column .inner-column {
        padding-top: 10px;
        margin-right: 0;
    }
}
@media (max-width: 991.98px) {
    .banner-section-three .outer-box .content-column .inner-column {
        padding-top: 0;
    }
}
.banner-section-three .outer-box .content-column .inner-column .title {
    position: relative;
    margin-bottom: 20px;
}
@media only screen and (max-width: 1699px) {
    .banner-section-three .outer-box .content-column .inner-column .title {
        font-size: 100px;
        line-height: 110px;
    }
}
@media (max-width: 1399.98px) {
    .banner-section-three .outer-box .content-column .inner-column .title {
        font-size: 70px;
        line-height: 90px;
    }
}
@media (max-width: 1199.98px) {
    .banner-section-three .outer-box .content-column .inner-column .title {
        font-size: 65px;
        line-height: 80px;
    }
}
@media (max-width: 991.98px) {
    .banner-section-three .outer-box .content-column .inner-column .title {
        font-size: 55px;
    }
}
@media (max-width: 767.98px) {
    .banner-section-three .outer-box .content-column .inner-column .title {
        font-size: 50px;
        line-height: 70px;
    }
}
@media (max-width: 575.98px) {
    .banner-section-three .outer-box .content-column .inner-column .title {
        font-size: 38px;
        line-height: 50px;
    }
}
.banner-section-three .outer-box .content-column .inner-column .title span {
    background: var(--theme-color1);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    color: transparent;
    font-weight: 400;
    font-style: italic;
    padding-left: 18px;
    font-family: var(--style-font);
}
.banner-section-three .outer-box .content-column .inner-column .title2 {
    position: relative;
    margin-bottom: 3px;
    margin-left: 100px;
    font-size: 24px;
    font-weight: 400;
    line-height: 110px;
}
@media (max-width: 1399.98px) {
    .banner-section-three .outer-box .content-column .inner-column .title2 {
        line-height: 45px;
    }
}
@media (max-width: 1199.98px) {
    .banner-section-three .outer-box .content-column .inner-column .title2 {
        margin-left: 0px;
    }
}
@media (max-width: 991.98px) {
    .banner-section-three .outer-box .content-column .inner-column .title2 {
        font-size: 20px;
    }
}
@media (max-width: 767.98px) {
    .banner-section-three .outer-box .content-column .inner-column .title2 {
        font-size: 20px;
    }
}
@media (max-width: 575.98px) {
    .banner-section-three .outer-box .content-column .inner-column .title2 {
        font-size: 18px;
    }
}
.banner-section-three .outer-box .content-column .inner-column .title2:before {
    content: "";
    position: absolute;
    top: 55px;
    left: -95px;
    right: 20px;
    height: 1px;
    width: 72px;
    bottom: 0;
    pointer-events: none;
    border-top-right-radius: 0px;
    background: var(--theme-color-black);
}
@media (min-width: 1200px) and (max-width: 1399.98px) {
    .banner-section-three .outer-box .content-column .inner-column .title2:before {
        top: 24px;
    }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
    .banner-section-three .outer-box .content-column .inner-column .title2:before {
        display: none;
    }
}
@media (min-width: 768px) and (max-width: 991.98px) {
    .banner-section-three .outer-box .content-column .inner-column .title2:before {
        display: none;
    }
}
.banner-section-three .outer-box .content-column .inner-column .text {
    position: relative;
    font-weight: 500;
    max-width: 559px;
    padding-left: 8px;
    margin-bottom: 43px;
    margin-left: 100px;
    width: 51%;
}
@media (min-width: 1200px) and (max-width: 1399.98px) {
    .banner-section-three .outer-box .content-column .inner-column .text {
        margin-left: 0px;
        width: 70%;
    }
}
@media (max-width: 1199.98px) {
    .banner-section-three .outer-box .content-column .inner-column .text {
        max-width: 610px;
        width: 100%;
        margin: 0 auto;
    }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
    .banner-section-three .outer-box .content-column .inner-column .text {
        max-width: 610px;
        width: 100%;
    }
}
@media (min-width: 768px) and (max-width: 991.98px) {
    .banner-section-three .outer-box .content-column .inner-column .text {
        max-width: 100%;
        width: 90%;
        margin-left: 30px;
    }
}
@media (min-width: 576px) and (max-width: 767.98px) {
    .banner-section-three .outer-box .content-column .inner-column .text {
        width: 100%;
        margin-left: 0px;
    }
}
@media (max-width: 575.98px) {
    .banner-section-three .outer-box .content-column .inner-column .text {
        width: 100%;
        margin-left: 0px;
    }
}
.banner-section-three .outer-box .content-column .inner-column .btn-box {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 13px;
    margin-left: 100px;
}
@media (max-width: 1199.98px) {
    .banner-section-three .outer-box .content-column .inner-column .btn-box {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        margin: 0;
        margin-top: 30px;
    }
}
.banner-section-three .outer-box .content-column .inner-column .btn-box .readmore {
    position: relative;
    width: 56px;
    height: 56px;
    border-radius: 50%;
    font-size: 20px;
    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;
    color: var(--theme-color-white);
    background: var(--gradient-1);
    -webkit-transition: all 300ms ease;
    transition: all 300ms ease;
}
.banner-section-three .outer-box .content-column .inner-column .btn-box .readmore i {
    position: relative;
    z-index: 3;
}
.banner-section-three .outer-box .content-column .inner-column .btn-box .readmore:active {
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
}
.banner-section-three .outer-box .content-column .inner-column .btn-box .readmore:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    -webkit-transform: scale(0);
    transform: scale(0);
    opacity: 0;
    border-radius: 50%;
    background-color: var(--theme-color2);
    -webkit-transition: all 300ms ease;
    transition: all 300ms ease;
}
.banner-section-three .outer-box .content-column .inner-column .btn-box .readmore:hover:before {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
}
.banner-section-three .outer-box .image-column .inner-column {
    position: relative;
    text-align: right;
}
@media (max-width: 1199.98px) {
    .banner-section-three .outer-box .image-column .inner-column {
        text-align: center;
    }
}
.banner-section-three .outer-box .image-column .inner-column .icon-33 {
    position: absolute;
    top: 300px;
    left: 480px;
    z-index: 2;
}
@media (min-width: 1400px) and (max-width: 1599.98px) {
    .banner-section-three .outer-box .image-column .inner-column .icon-33 {
        display: none;
    }
}
@media (min-width: 1200px) and (max-width: 1399.98px) {
    .banner-section-three .outer-box .image-column .inner-column .icon-33 {
        display: none;
    }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
    .banner-section-three .outer-box .image-column .inner-column .icon-33 {
        display: none;
    }
}
@media (min-width: 768px) and (max-width: 991.98px) {
    .banner-section-three .outer-box .image-column .inner-column .icon-33 {
        display: none;
    }
}
@media (min-width: 576px) and (max-width: 767.98px) {
    .banner-section-three .outer-box .image-column .inner-column .icon-33 {
        display: none;
    }
}
.banner-section-three .outer-box .image-column .inner-column .icon-34 {
    position: absolute;
    top: 45px;
    right: 60px;
    z-index: 2;
}
@media (max-width: 1399.98px) {
    .banner-section-three .outer-box .image-column .inner-column .icon-34 {
        display: none;
    }
}
.banner-section-three .outer-box .image-column .inner-column .icon-35 {
    position: absolute;
    bottom: 230px;
    left: -230px;
    z-index: 2;
}
@media (min-width: 1400px) and (max-width: 1599.98px) {
    .banner-section-three .outer-box .image-column .inner-column .icon-35 {
        bottom: 300px;
    }
}
@media (max-width: 1399.98px) {
    .banner-section-three .outer-box .image-column .inner-column .icon-35 {
        display: none;
    }
}
.banner-section-three .outer-box .image-column .inner-column .icon-36 {
    position: absolute;
    bottom: -200px;
    right: 610px;
    z-index: 2;
}
@media (min-width: 1400px) and (max-width: 1599.98px) {
    .banner-section-three .outer-box .image-column .inner-column .icon-36 {
        right: 400px;
        bottom: -100px;
    }
}
@media (min-width: 1200px) and (max-width: 1399.98px) {
    .banner-section-three .outer-box .image-column .inner-column .icon-36 {
        right: 300px;
        bottom: 15px;
    }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
    .banner-section-three .outer-box .image-column .inner-column .icon-36 {
        display: none;
    }
}
@media (min-width: 768px) and (max-width: 991.98px) {
    .banner-section-three .outer-box .image-column .inner-column .icon-36 {
        display: none;
    }
}
@media (min-width: 576px) and (max-width: 767.98px) {
    .banner-section-three .outer-box .image-column .inner-column .icon-36 {
        display: none;
    }
}
.banner-section-three .outer-box .image-column .inner-column .icon-lines {
    position: absolute;
    bottom: -294px;
    right: -84px;
}
@media (min-width: 1400px) and (max-width: 1599.98px) {
    .banner-section-three .outer-box .image-column .inner-column .icon-lines {
        bottom: -340px;
    }
}
@media (max-width: 1399.98px) {
    .banner-section-three .outer-box .image-column .inner-column .icon-lines {
        display: none;
    }
}
.banner-section-three .outer-box .image-column .inner-column .image {
    position: relative;
    margin-bottom: 0;
    right: 470px;
    width: 910px;
    top: -39px;
    height: 588px;
    z-index: 1;
}
@media (min-width: 1400px) and (max-width: 1599.98px) {
    .banner-section-three .outer-box .image-column .inner-column .image {
        width: 100%;
        top: 0;
        height: 500px;
        right: 30px;
        margin-top: 0;
    }
}
@media (min-width: 1200px) and (max-width: 1399.98px) {
    .banner-section-three .outer-box .image-column .inner-column .image {
        right: 510px;
        margin-top: 0;
    }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
    .banner-section-three .outer-box .image-column .inner-column .image {
        height: 450px;
        right: 60px;
    }
}
@media (min-width: 768px) and (max-width: 991.98px) {
    .banner-section-three .outer-box .image-column .inner-column .image {
        height: 450px;
        right: 60px;
    }
}
@media (max-width: 767.98px) {
    .banner-section-three .outer-box .image-column .inner-column .image {
        width: 400px;
        right: -50px;
    }
}
@media (max-width: 575.98px) {
    .banner-section-three .outer-box .image-column .inner-column .image {
        width: 320px;
        right: 0px;
        top: 0;
        margin: 0 auto;
        height: unset;
    }
}
.banner-section-three .bottom-box {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
}
@media (max-width: 767.98px) {
    .banner-section-three .bottom-box {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        text-align: center;
    }
}
.banner-section-three .bottom-box .author-box {
    position: relative;
    padding: 28.5px 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 36px;
    background: var(--gradient-1);
    padding-left: 203px;
    padding-right: 37px;
    border-bottom-right-radius: 20px;
    z-index: 3;
}
@media only screen and (max-width: 1699px) {
    .banner-section-three .bottom-box .author-box {
        padding-left: 70px;
    }
}
@media (max-width: 991.98px) {
    .banner-section-three .bottom-box .author-box {
        padding-left: 30px;
    }
}
@media (max-width: 767.98px) {
    .banner-section-three .bottom-box .author-box {
        border-bottom-right-radius: 0;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        padding: 20px 10px;
        gap: 20px;
    }
}
.banner-section-three .bottom-box .author-image-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.banner-section-three .bottom-box .author-image-box .author-image {
    position: relative;
    overflow: hidden;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    border: 2px solid var(--theme-color-white);
    margin-left: -14px;
}
.banner-section-three .bottom-box .author-image-box .author-image:first-child {
    margin-left: 0;
}
.banner-section-three .bottom-box .text {
    position: relative;
    font-size: 14px;
    font-weight: 500;
    line-height: 26px;
    color: var(--theme-color-white);
    text-transform: uppercase;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
@media (max-width: 767.98px) {
    .banner-section-three .bottom-box .text {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
}
.banner-section-three .bottom-box .text .number {
    position: relative;
    font-size: 30px;
    line-height: 1em;
    font-weight: 800;
    margin: 0 5px;
    letter-spacing: -4%;
}
@media (max-width: 575.98px) {
    .banner-section-three .bottom-box .text .number {
        font-size: 24px;
    }
}
.banner-section-three .bottom-box .success-text {
    position: relative;
    padding: 33.5px 51px 33.5px 51px;
    background-color: var(--theme-color2);
    border-bottom-right-radius: 20px;
    margin-left: -15px;
}
@media (max-width: 991.98px) {
    .banner-section-three .bottom-box .success-text {
        border-bottom-right-radius: 0;
    }
}
@media (max-width: 767.98px) {
    .banner-section-three .bottom-box .success-text {
        margin-left: 0;
        padding: 25px 15px;
        text-align: center;
    }
}

/***

====================================================================
  Banner Section four
====================================================================

***/
.banner-section-four {
    position: relative;
    margin-top: 25px;
}
@media (max-width: 991.98px) {
    .banner-section-four {
        margin-top: 10px;
    }
}
@media (max-width: 575.98px) {
    .banner-section-four {
        margin-top: 0;
    }
}
.banner-section-four .nav-box {
    position: absolute;
    bottom: 50px;
    left: 50%;
    width: 122px;
    height: 66px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 16px;
    border-radius: 50px;
    background-color: var(--theme-color-white);
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    z-index: 3;
}
@media (max-width: 1199.98px) {
    .banner-section-four .nav-box {
        margin-left: 0;
    }
}
@media (max-width: 991.98px) {
    .banner-section-four .nav-box {
        display: none;
    }
}
.banner-section-four .nav-box .swiper-button-prev,
.banner-section-four .nav-box .swiper-button-next {
    width: 46px;
    height: 46px;
    font-size: 20px;
    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;
    border: 1px solid #e6e0fa;
    color: var(--theme-color1);
    background-color: var(--theme-color-white);
    -webkit-transition: all 300ms ease;
    transition: all 300ms ease;
}
.banner-section-four .nav-box .swiper-button-prev:after,
.banner-section-four .nav-box .swiper-button-next:after {
    display: none;
}
.banner-section-four .nav-box .swiper-button-prev:hover,
.banner-section-four .nav-box .swiper-button-next:hover {
    color: var(--theme-color-white);
    background-color: var(--theme-color1);
}
.banner-section-four .outer-box {
    position: relative;
    padding: 0 0px;
}
@media only screen and (max-width: 1699px) {
    .banner-section-four .outer-box {
        padding: 0 15px;
    }
}
@media (max-width: 991.98px) {
    .banner-section-four .outer-box {
        padding: 0 10px;
    }
}
@media (max-width: 575.98px) {
    .banner-section-four .outer-box {
        padding: 0;
    }
}
.banner-section-four .outer-box .inner-box {
    position: relative;
    text-align: center;
    padding: 185px 50px 245px 50px;
}
@media only screen and (max-width: 1699px) {
    .banner-section-four .outer-box .inner-box {
        padding: 170px 50px 180px 50px;
    }
}
@media (max-width: 1199.98px) {
    .banner-section-four .outer-box .inner-box {
        text-align: center;
    }
}
@media (max-width: 991.98px) {
    .banner-section-four .outer-box .inner-box {
        padding: 140px 30px 0 30px;
    }
}
@media (max-width: 767.98px) {
    .banner-section-four .outer-box .inner-box {
        padding: 140px 15px 0 15px;
    }
}
@media (max-width: 1199.98px) {
    .banner-section-four .outer-box .content-column {
        margin-bottom: 80px;
    }
}
.banner-section-four .outer-box .content-column .inner-column {
    position: relative;
    padding-top: 160px;
}
@media (max-width: 1399.98px) {
    .banner-section-four .outer-box .content-column .inner-column {
        padding-top: 100px;
    }
}
@media (max-width: 1199.98px) {
    .banner-section-four .outer-box .content-column .inner-column {
        padding-top: 50px;
    }
}
.banner-section-four .outer-box .content-column .inner-column .title {
    position: relative;
    margin-bottom: 35px;
    color: var(--theme-color-white);
    line-height: 100px;
}
@media only screen and (max-width: 1699px) {
    .banner-section-four .outer-box .content-column .inner-column .title {
        font-size: 100px;
        line-height: 100px;
    }
}
@media (max-width: 1399.98px) {
    .banner-section-four .outer-box .content-column .inner-column .title {
        font-size: 75px;
        line-height: 90px;
    }
}
@media (max-width: 1199.98px) {
    .banner-section-four .outer-box .content-column .inner-column .title {
        font-size: 68px;
    }
}
@media (max-width: 991.98px) {
    .banner-section-four .outer-box .content-column .inner-column .title {
        font-size: 56px;
        line-height: 70px;
    }
}
@media (max-width: 767.98px) {
    .banner-section-four .outer-box .content-column .inner-column .title {
        font-size: 46px;
        line-height: 60px;
    }
}
@media (max-width: 575.98px) {
    .banner-section-four .outer-box .content-column .inner-column .title {
        font-size: 36px;
        line-height: 50px;
        margin-bottom: 12px;
    }
}
.banner-section-four .outer-box .content-column .inner-column .title span {
    background: var(--gradient-1);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    color: transparent;
}
.banner-section-four .outer-box .content-column .inner-column .title-sp {
    color: transparent !important;
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: rgba(255, 255, 255, 0.3019607843);
    font-size: 160px;
    font-weight: 600;
    text-transform: uppercase;
    position: absolute;
    top: 62px;
    left: 0;
    letter-spacing: 40px;
    right: 0;
    font-family: var(--style-font);
}
@media (max-width: 1399.98px) {
    .banner-section-four .outer-box .content-column .inner-column .title-sp {
        font-size: 120px;
        top: 50px;
    }
}
@media (max-width: 1199.98px) {
    .banner-section-four .outer-box .content-column .inner-column .title-sp {
        font-size: 100px;
        top: 20px;
    }
}
@media (max-width: 991.98px) {
    .banner-section-four .outer-box .content-column .inner-column .title-sp {
        font-size: 70px;
        top: 30px;
    }
}
@media (max-width: 767.98px) {
    .banner-section-four .outer-box .content-column .inner-column .title-sp {
        display: none;
    }
}
.banner-section-four .outer-box .content-column .inner-column .title2 {
    position: relative;
    margin-bottom: 12px;
    margin-left: 100px;
}
@media only screen and (max-width: 1699px) {
    .banner-section-four .outer-box .content-column .inner-column .title2 {
        font-size: 24px;
        font-weight: 400;
        line-height: 110px;
    }
}
@media (max-width: 1399.98px) {
    .banner-section-four .outer-box .content-column .inner-column .title2 {
        font-size: 22px;
        line-height: 90px;
    }
}
@media (max-width: 991.98px) {
    .banner-section-four .outer-box .content-column .inner-column .title2 {
        font-size: 20px;
    }
}
@media (max-width: 767.98px) {
    .banner-section-four .outer-box .content-column .inner-column .title2 {
        font-size: 18px;
    }
}
@media (max-width: 575.98px) {
    .banner-section-four .outer-box .content-column .inner-column .title2 {
        font-size: 16px;
    }
}
.banner-section-four .outer-box .content-column .inner-column .title2:before {
    content: "";
    position: absolute;
    top: 45px;
    left: -95px;
    right: 20px;
    height: 1px;
    width: 72px;
    bottom: 0;
    pointer-events: none;
    border-top-right-radius: 20px;
    background: var(--theme-color-black);
}
@media only screen and (max-width: 1699px) {
    .banner-section-four .outer-box .content-column .inner-column .title2:before {
        right: 50px;
    }
}
@media (max-width: 575.98px) {
    .banner-section-four .outer-box .content-column .inner-column .title2:before {
        display: none;
    }
}
.banner-section-four .outer-box .content-column .inner-column .text {
    position: relative;
    font-weight: 500;
    margin-bottom: 30px;
    color: var(--theme-color-white);
}
@media (max-width: 1199.98px) {
    .banner-section-four .outer-box .content-column .inner-column .text {
        margin: 0 auto 25px;
    }
}
@media (max-width: 767.98px) {
    .banner-section-four .outer-box .content-column .inner-column .text {
        max-width: 100%;
    }
    .banner-section-four .outer-box .content-column .inner-column .text br {
        display: none;
    }
}
.banner-section-four .outer-box .content-column .inner-column .btn-box {
    position: relative;
    gap: 13px;
    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;
}
@media (max-width: 1199.98px) {
    .banner-section-four .outer-box .content-column .inner-column .btn-box {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
}
.banner-section-four .outer-box .content-column .inner-column .btn-box .readmore {
    position: relative;
    width: 56px;
    height: 56px;
    border-radius: 50%;
    font-size: 20px;
    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;
    color: var(--theme-color-white);
    background: var(--gradient-1);
    -webkit-transition: all 300ms ease;
    transition: all 300ms ease;
}
.banner-section-four .outer-box .content-column .inner-column .btn-box .readmore i {
    position: relative;
    z-index: 3;
}
.banner-section-four .outer-box .content-column .inner-column .btn-box .readmore:active {
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
}
.banner-section-four .outer-box .content-column .inner-column .btn-box .readmore:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    -webkit-transform: scale(0);
    transform: scale(0);
    opacity: 0;
    border-radius: 50%;
    background-color: var(--theme-color2);
    -webkit-transition: all 300ms ease;
    transition: all 300ms ease;
}
.banner-section-four .outer-box .content-column .inner-column .btn-box .readmore:hover:before {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
}
.banner-section-four .outer-box .image-column .inner-column {
    position: relative;
    text-align: right;
}
.banner-section-four .outer-box .image-column .inner-column .icon-lines {
    position: absolute;
    bottom: -400px;
    right: -320px;
}
@media (max-width: 1399.98px) {
    .banner-section-four .outer-box .image-column .inner-column .icon-lines {
        display: none;
    }
}
.banner-section-four .outer-box .image-column .inner-column .image {
    position: relative;
    margin-bottom: 0;
    z-index: 1;
}
@media (max-width: 1199.98px) {
    .banner-section-four .outer-box .image-column .inner-column .image {
        width: 500px;
        margin: 0 auto;
    }
}
@media (max-width: 1199.98px) {
    .banner-section-four .outer-box .image-column .inner-column .image {
        width: 450px;
    }
}
@media (max-width: 991.98px) {
    .banner-section-four .outer-box .image-column .inner-column .image {
        width: 400px;
    }
}
@media (max-width: 575.98px) {
    .banner-section-four .outer-box .image-column .inner-column .image {
        width: auto;
    }
}
.banner-section-four .bottom-box {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
}
@media (max-width: 767.98px) {
    .banner-section-four .bottom-box {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        text-align: center;
    }
}
.banner-section-four .bottom-box .author-box {
    position: relative;
    padding: 28.5px 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 36px;
    background: var(--gradient-1);
    padding-left: 203px;
    padding-right: 37px;
    border-bottom-right-radius: 20px;
    z-index: 3;
}
@media only screen and (max-width: 1699px) {
    .banner-section-four .bottom-box .author-box {
        padding-left: 70px;
    }
}
@media (max-width: 991.98px) {
    .banner-section-four .bottom-box .author-box {
        padding-left: 30px;
    }
}
@media (max-width: 767.98px) {
    .banner-section-four .bottom-box .author-box {
        border-bottom-right-radius: 0;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        padding: 20px 10px;
        gap: 20px;
    }
}
.banner-section-four .bottom-box .author-image-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.banner-section-four .bottom-box .author-image-box .author-image {
    position: relative;
    overflow: hidden;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    border: 2px solid var(--theme-color-white);
    margin-left: -14px;
}
.banner-section-four .bottom-box .author-image-box .author-image:first-child {
    margin-left: 0;
}
.banner-section-four .bottom-box .text {
    position: relative;
    font-size: 14px;
    font-weight: 500;
    line-height: 26px;
    color: var(--theme-color-white);
    text-transform: uppercase;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
@media (max-width: 767.98px) {
    .banner-section-four .bottom-box .text {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
}
.banner-section-four .bottom-box .text .number {
    position: relative;
    font-size: 30px;
    line-height: 1em;
    font-weight: 800;
    margin: 0 5px;
    letter-spacing: -4%;
}
@media (max-width: 575.98px) {
    .banner-section-four .bottom-box .text .number {
        font-size: 24px;
    }
}
.banner-section-four .bottom-box .success-text {
    position: relative;
    padding: 33.5px 51px 33.5px 51px;
    background-color: var(--theme-color2);
    border-bottom-right-radius: 20px;
    margin-left: -15px;
}
@media (max-width: 991.98px) {
    .banner-section-four .bottom-box .success-text {
        border-bottom-right-radius: 0;
    }
}
@media (max-width: 767.98px) {
    .banner-section-four .bottom-box .success-text {
        margin-left: 0;
        padding: 25px 15px;
        text-align: center;
    }
}

/***

====================================================================
  Banner Section-five
====================================================================

***/
.banner-section-five {
    position: relative;
}
@media (max-width: 575.98px) {
    .banner-section-five .bg {
        border-radius: 0;
    }
}
.banner-section-five .nav-box {
    position: absolute;
    bottom: 50px;
    left: 50%;
    width: 122px;
    height: 66px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 16px;
    border-radius: 50px;
    background-color: var(--theme-color-white);
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    z-index: 1;
}
@media (max-width: 1199.98px) {
    .banner-section-five .nav-box {
        display: none;
    }
}
.banner-section-five .nav-box .swiper-button-prev,
.banner-section-five .nav-box .swiper-button-next {
    width: 46px;
    height: 46px;
    font-size: 20px;
    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;
    border: 1px solid #e6e0fa;
    color: var(--theme-color1);
    background-color: var(--theme-color-white);
    -webkit-transition: all 300ms ease;
    transition: all 300ms ease;
}
.banner-section-five .nav-box .swiper-button-prev:after,
.banner-section-five .nav-box .swiper-button-next:after {
    display: none;
}
.banner-section-five .nav-box .swiper-button-prev:hover,
.banner-section-five .nav-box .swiper-button-next:hover {
    color: var(--theme-color-white);
    background-color: var(--theme-color1);
}
.banner-section-five .outer-box {
    position: relative;
    padding: 0 0px;
}
.banner-section-five .outer-box .inner-box {
    position: relative;
    padding: 170px 205px 0 205px;
}
@media only screen and (max-width: 1699px) {
    .banner-section-five .outer-box .inner-box {
        padding: 170px 100px 0 100px;
    }
}
@media (max-width: 1199.98px) {
    .banner-section-five .outer-box .inner-box {
        text-align: center;
    }
}
@media (max-width: 991.98px) {
    .banner-section-five .outer-box .inner-box {
        padding: 140px 10px 0 50px;
    }
}
@media (max-width: 767.98px) {
    .banner-section-five .outer-box .inner-box {
        padding: 140px 10px 0 15px;
    }
}
@media (max-width: 1199.98px) {
    .banner-section-five .outer-box .content-column {
        margin-bottom: 50px;
    }
}
.banner-section-five .outer-box .content-column .inner-column {
    position: relative;
    padding-top: 155px;
}
@media only screen and (max-width: 1699px) {
    .banner-section-five .outer-box .content-column .inner-column {
        margin-right: -20px;
    }
}
@media (max-width: 1399.98px) {
    .banner-section-five .outer-box .content-column .inner-column {
        padding-top: 100px;
    }
}
@media (max-width: 1199.98px) {
    .banner-section-five .outer-box .content-column .inner-column {
        padding-top: 10px;
        margin-right: 0;
    }
}
@media (max-width: 991.98px) {
    .banner-section-five .outer-box .content-column .inner-column {
        padding-top: 0;
    }
}
.banner-section-five .outer-box .content-column .inner-column .sub-title {
    position: relative;
    font-size: 14px;
    color: var(--theme-color4);
    letter-spacing: 1px;
    margin-left: 26px;
}
.banner-section-five .outer-box .content-column .inner-column .sub-title::before {
    position: absolute;
    content: "";
    top: 4px;
    left: -23px;
    height: 10px;
    width: 10px;
    background: var(--gradient-1);
    border-radius: 50%;
}
@media (max-width: 1199.98px) {
    .banner-section-five .outer-box .content-column .inner-column .sub-title::before {
        display: none;
    }
}
.banner-section-five .outer-box .content-column .inner-column .title {
    font-size: 72px;
    position: relative;
    margin-bottom: 25px;
    line-height: 90px;
}
@media only screen and (max-width: 1699px) {
    .banner-section-five .outer-box .content-column .inner-column .title {
        font-size: 65px;
    }
}
@media (max-width: 1199.98px) {
    .banner-section-five .outer-box .content-column .inner-column .title {
        font-size: 60px;
        line-height: 70px;
    }
}
@media (max-width: 991.98px) {
    .banner-section-five .outer-box .content-column .inner-column .title {
        font-size: 50px;
    }
}
@media (max-width: 767.98px) {
    .banner-section-five .outer-box .content-column .inner-column .title {
        font-size: 37px;
        line-height: 55px;
    }
}
@media (max-width: 575.98px) {
    .banner-section-five .outer-box .content-column .inner-column .title {
        font-size: 34px;
        line-height: 50px;
    }
}
.banner-section-five .outer-box .content-column .inner-column .text {
    position: relative;
    font-weight: 500;
    max-width: 610px;
    margin-bottom: 41px;
}
@media (max-width: 1199.98px) {
    .banner-section-five .outer-box .content-column .inner-column .text {
        margin: 0 auto 25px;
    }
}
@media (max-width: 767.98px) {
    .banner-section-five .outer-box .content-column .inner-column .text {
        max-width: 100%;
    }
}
.banner-section-five .outer-box .content-column .inner-column .bannar-single-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 50px;
}
@media (max-width: 1199.98px) {
    .banner-section-five .outer-box .content-column .inner-column .bannar-single-box {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
}
@media (max-width: 767.98px) {
    .banner-section-five .outer-box .content-column .inner-column .bannar-single-box {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin-top: 30px;
    }
}
.banner-section-five .outer-box .content-column .inner-column .bannar-single-box .bannar-icon-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.banner-section-five .outer-box .content-column .inner-column .bannar-single-box .bannar-icon-box .icon {
    height: 50px;
    width: 50px;
    line-height: 50px;
    text-align: center;
    color: var(--theme-color-white);
    background: var(--gradient-1);
    border-radius: 50%;
    margin-right: 10px;
}
.banner-section-five .outer-box .content-column .inner-column .bannar-single-box .bannar-icon-box .title2 {
    margin: 0;
    text-align: left;
}
.banner-section-five .outer-box .content-column .inner-column .bannar-single-box .text2 {
    font-size: 24px;
    color: var(--theme-color4);
    font-weight: var(--body-font-weight);
    margin-left: 60px;
}
@media (max-width: 575.98px) {
    .banner-section-five .outer-box .content-column .inner-column .bannar-single-box .text2 {
        font-size: 18px;
        margin: 0;
        margin-top: 10px;
        margin-left: 20px;
    }
}
.banner-section-five .outer-box .content-column .inner-column .btn-box {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 13px;
}
@media (max-width: 1199.98px) {
    .banner-section-five .outer-box .content-column .inner-column .btn-box {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
}
.banner-section-five .outer-box .content-column .inner-column .btn-box .readmore {
    position: relative;
    width: 56px;
    height: 56px;
    border-radius: 50%;
    font-size: 20px;
    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;
    color: var(--theme-color-white);
    background: var(--gradient-1);
    -webkit-transition: all 300ms ease;
    transition: all 300ms ease;
}
.banner-section-five .outer-box .content-column .inner-column .btn-box .readmore i {
    position: relative;
    z-index: 3;
}
.banner-section-five .outer-box .content-column .inner-column .btn-box .readmore:active {
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
}
.banner-section-five .outer-box .content-column .inner-column .btn-box .readmore:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    -webkit-transform: scale(0);
    transform: scale(0);
    opacity: 0;
    border-radius: 50%;
    background-color: var(--theme-color2);
    -webkit-transition: all 300ms ease;
    transition: all 300ms ease;
}
.banner-section-five .outer-box .content-column .inner-column .btn-box .readmore:hover:before {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
}
.banner-section-five .outer-box .image-column .inner-column {
    position: relative;
    text-align: right;
}
@media (max-width: 1199.98px) {
    .banner-section-five .outer-box .image-column .inner-column {
        text-align: center;
    }
}
.banner-section-five .outer-box .image-column .inner-column .icon-1 {
    position: absolute;
    top: 85px;
    left: -160px;
    z-index: 2;
}
@media (max-width: 1399.98px) {
    .banner-section-five .outer-box .image-column .inner-column .icon-1 {
        display: none;
    }
}
.banner-section-five .outer-box .image-column .inner-column .icon-2 {
    position: absolute;
    top: 110px;
    right: 20px;
    z-index: 2;
}
@media (max-width: 1399.98px) {
    .banner-section-five .outer-box .image-column .inner-column .icon-2 {
        display: none;
    }
}
.banner-section-five .outer-box .image-column .inner-column .icon-3 {
    position: absolute;
    bottom: -165px;
    left: -295px;
    z-index: 2;
}
@media (max-width: 1399.98px) {
    .banner-section-five .outer-box .image-column .inner-column .icon-3 {
        display: none;
    }
}
.banner-section-five .outer-box .image-column .inner-column .icon-6 {
    position: absolute;
    top: 32px;
    right: 280px;
    z-index: 2;
    -webkit-animation: fa-spin 10s infinite linear;
    animation: fa-spin 10s infinite linear;
}
@media (max-width: 1399.98px) {
    .banner-section-five .outer-box .image-column .inner-column .icon-6 {
        display: none;
    }
}
.banner-section-five .outer-box .image-column .inner-column .icon-7 {
    position: absolute;
    top: 50px;
    left: -255px;
    z-index: 2;
}
@media (max-width: 1399.98px) {
    .banner-section-five .outer-box .image-column .inner-column .icon-7 {
        display: none;
    }
}
.banner-section-five .outer-box .image-column .inner-column .icon-20 {
    position: absolute;
    bottom: -230px;
    right: -130px;
    z-index: 2;
}
@media (max-width: 1399.98px) {
    .banner-section-five .outer-box .image-column .inner-column .icon-20 {
        display: none;
    }
}
.banner-section-five .outer-box .image-column .inner-column .icon-21 {
    position: absolute;
    bottom: 65px;
    left: -350px;
}
@media only screen and (max-width: 1699px) {
    .banner-section-five .outer-box .image-column .inner-column .icon-21 {
        display: none;
    }
}
.banner-section-five .outer-box .image-column .inner-column .shape-37 {
    position: absolute;
    bottom: -185px;
    left: -215px;
}
@media only screen and (max-width: 1699px) {
    .banner-section-five .outer-box .image-column .inner-column .shape-37 {
        display: none;
    }
}
.banner-section-five .outer-box .image-column .inner-column .icon-lines {
    position: absolute;
    bottom: -400px;
    right: -320px;
}
@media (max-width: 1399.98px) {
    .banner-section-five .outer-box .image-column .inner-column .icon-lines {
        display: none;
    }
}
.banner-section-five .outer-box .image-column .inner-column .image {
    position: relative;
    top: 135px;
    right: 110px;
    z-index: 1;
    -webkit-mask-image: url("../images/banner/h5-gjBVXON.png");
    mask-image: url("../images/banner/h5-gjBVXON.png");
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: cover;
    mask-size: cover;
    -webkit-mask-position: center;
    mask-position: center;
}
@media (min-width: 1200px) and (max-width: 1399.98px) {
    .banner-section-five .outer-box .image-column .inner-column .image {
        width: 390px;
        right: 45px;
    }
}
@media (max-width: 1199.98px) {
    .banner-section-five .outer-box .image-column .inner-column .image {
        width: 450px;
        top: 40px;
        right: 0;
    }
}
@media (max-width: 991.98px) {
    .banner-section-five .outer-box .image-column .inner-column .image {
        width: 400px;
        top: 50px;
        right: -50px;
    }
}
@media (max-width: 575.98px) {
    .banner-section-five .outer-box .image-column .inner-column .image {
        width: auto;
    }
}
@media (max-width: 1199.98px) {
    .banner-section-five .outer-box .image-column {
        display: none;
    }
}
.banner-section-five .bottom-box {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
}
@media (max-width: 767.98px) {
    .banner-section-five .bottom-box {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        text-align: center;
    }
}
.banner-section-five .bottom-box .author-box {
    position: relative;
    padding: 28.5px 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 36px;
    background: var(--gradient-1);
    padding-left: 203px;
    padding-right: 37px;
    border-bottom-right-radius: 20px;
    z-index: 3;
}
@media only screen and (max-width: 1699px) {
    .banner-section-five .bottom-box .author-box {
        padding-left: 70px;
    }
}
@media (max-width: 991.98px) {
    .banner-section-five .bottom-box .author-box {
        padding-left: 30px;
    }
}
@media (max-width: 767.98px) {
    .banner-section-five .bottom-box .author-box {
        border-bottom-right-radius: 0;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        padding: 20px 10px;
        gap: 20px;
    }
}
.banner-section-five .bottom-box .author-image-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.banner-section-five .bottom-box .author-image-box .author-image {
    position: relative;
    overflow: hidden;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    border: 2px solid var(--theme-color-white);
    margin-left: -14px;
}
.banner-section-five .bottom-box .author-image-box .author-image:first-child {
    margin-left: 0;
}
.banner-section-five .bottom-box .text {
    position: relative;
    font-size: 14px;
    font-weight: 500;
    line-height: 26px;
    color: var(--theme-color-white);
    text-transform: uppercase;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
@media (max-width: 767.98px) {
    .banner-section-five .bottom-box .text {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
}
.banner-section-five .bottom-box .text .number {
    position: relative;
    font-size: 30px;
    line-height: 1em;
    font-weight: 800;
    margin: 0 5px;
    letter-spacing: -4%;
}
@media (max-width: 575.98px) {
    .banner-section-five .bottom-box .text .number {
        font-size: 24px;
    }
}
.banner-section-five .bottom-box .success-text {
    position: relative;
    padding: 33.5px 51px 33.5px 51px;
    background-color: var(--theme-color2);
    border-bottom-right-radius: 20px;
    margin-left: -15px;
}
@media (max-width: 991.98px) {
    .banner-section-five .bottom-box .success-text {
        border-bottom-right-radius: 0;
    }
}
@media (max-width: 767.98px) {
    .banner-section-five .bottom-box .success-text {
        margin-left: 0;
        padding: 25px 15px;
        text-align: center;
    }
}
.banner-section-five .bannar-title {
    text-align: center;
    margin: 20px 0;
    pointer-events: none;
}
.banner-section-five .bannar-title .title {
    font-size: 300px;
    line-height: 280px;
    text-transform: uppercase;
    color: transparent;
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: rgba(103, 103, 103, 0.2);
    font-family: sans-serif;
    font-weight: 800;
    margin-bottom: 0;
}
@media (max-width: 1599.98px) {
    .banner-section-five .bannar-title .title {
        font-size: 220px;
        line-height: 220px;
    }
}
@media (max-width: 1399.98px) {
    .banner-section-five .bannar-title .title {
        font-size: 150px;
        line-height: 150px;
    }
}
@media (max-width: 991.98px) {
    .banner-section-five .bannar-title .title {
        display: none;
    }
}

/***

====================================================================
  Banner Section-six
====================================================================

***/
.banner-section-six {
    position: relative;
}
@media (max-width: 575.98px) {
    .banner-section-six .bg {
        border-radius: 0;
    }
}
.banner-section-six .outer-box {
    position: relative;
    padding-bottom: 175px;
}
@media (max-width: 1199.98px) {
    .banner-section-six .outer-box {
        padding-bottom: 100px;
    }
}
.banner-section-six .outer-box .inner-box {
    position: relative;
    padding: 170px 50px 0 375px;
}
@media only screen and (max-width: 1699px) {
    .banner-section-six .outer-box .inner-box {
        padding: 170px 50px 0 50px;
    }
}
@media (max-width: 1199.98px) {
    .banner-section-six .outer-box .inner-box {
        text-align: center;
    }
}
@media (max-width: 991.98px) {
    .banner-section-six .outer-box .inner-box {
        padding: 140px 10px 0 50px;
    }
}
@media (max-width: 767.98px) {
    .banner-section-six .outer-box .inner-box {
        padding: 140px 10px 0 15px;
    }
}
.banner-section-six .outer-box .inner-box .shape-41 {
    position: absolute;
    top: 155px;
    left: 40px;
}
@media (max-width: 1199.98px) {
    .banner-section-six .outer-box .content-column {
        margin-bottom: 0px;
    }
}
.banner-section-six .outer-box .content-column .inner-column {
    position: relative;
    padding-top: 85px;
}
@media only screen and (max-width: 1699px) {
    .banner-section-six .outer-box .content-column .inner-column {
        margin-right: -20px;
    }
}
@media (max-width: 1399.98px) {
    .banner-section-six .outer-box .content-column .inner-column {
        padding-top: 100px;
    }
}
@media (max-width: 1199.98px) {
    .banner-section-six .outer-box .content-column .inner-column {
        padding-top: 10px;
        margin-right: 0;
    }
}
@media (max-width: 991.98px) {
    .banner-section-six .outer-box .content-column .inner-column {
        padding-top: 0;
    }
}
.banner-section-six .outer-box .content-column .inner-column .sub-title {
    position: relative;
    font-size: 14px;
    color: var(--theme-color4);
    letter-spacing: 1px;
    margin-bottom: 8px;
    margin-left: 26px;
}
.banner-section-six .outer-box .content-column .inner-column .sub-title::before {
    position: absolute;
    content: "";
    top: 4px;
    left: -23px;
    height: 10px;
    width: 10px;
    background: var(--gradient-1);
    border-radius: 50%;
}
@media (max-width: 1199.98px) {
    .banner-section-six .outer-box .content-column .inner-column .sub-title::before {
        display: none;
    }
}
.banner-section-six .outer-box .content-column .inner-column .title {
    font-size: 72px;
    line-height: 90px;
    position: relative;
    margin-bottom: 30px;
}
@media only screen and (max-width: 1699px) {
    .banner-section-six .outer-box .content-column .inner-column .title {
        font-size: 65px;
        line-height: 75px;
    }
}
@media (max-width: 1199.98px) {
    .banner-section-six .outer-box .content-column .inner-column .title {
        font-size: 60px;
        line-height: 72px;
    }
    .banner-section-six .outer-box .content-column .inner-column .title br {
        display: none;
    }
}
@media (max-width: 991.98px) {
    .banner-section-six .outer-box .content-column .inner-column .title {
        font-size: 50px;
        line-height: 60px;
        margin-bottom: 20px;
    }
}
@media (max-width: 767.98px) {
    .banner-section-six .outer-box .content-column .inner-column .title {
        font-size: 36px;
        line-height: 45px;
    }
}
@media (max-width: 575.98px) {
    .banner-section-six .outer-box .content-column .inner-column .title {
        font-size: 32px;
        line-height: 40px;
    }
}
.banner-section-six .outer-box .content-column .inner-column .title .color {
    background: var(--gradient-1);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    color: transparent;
}
.banner-section-six .outer-box .image-column .inner-column {
    position: relative;
    padding-top: 85px;
}
@media (max-width: 1199.98px) {
    .banner-section-six .outer-box .image-column .inner-column {
        text-align: center;
    }
}
@media only screen and (max-width: 1699px) {
    .banner-section-six .outer-box .image-column .inner-column {
        margin-right: -20px;
    }
}
@media (max-width: 1399.98px) {
    .banner-section-six .outer-box .image-column .inner-column {
        padding-top: 100px;
    }
}
@media (max-width: 1199.98px) {
    .banner-section-six .outer-box .image-column .inner-column {
        padding-top: 10px;
        margin-right: 0;
    }
}
@media (max-width: 991.98px) {
    .banner-section-six .outer-box .image-column .inner-column {
        padding-top: 0;
    }
}
.banner-section-six .outer-box .image-column .inner-column .text {
    font-size: 18px;
    line-height: 36px;
    margin-bottom: 25px;
}
@media (max-width: 1199.98px) {
    .banner-section-six .outer-box .image-column .inner-column .text {
        font-size: 16px;
        line-height: 28px;
        margin-bottom: 20px;
    }
    .banner-section-six .outer-box .image-column .inner-column .text br {
        display: none;
    }
}
.banner-section-six .outer-box .image-column .inner-column .bannar-single-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 40px;
}
@media (max-width: 1199.98px) {
    .banner-section-six .outer-box .image-column .inner-column .bannar-single-box {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
}
@media (max-width: 575.98px) {
    .banner-section-six .outer-box .image-column .inner-column .bannar-single-box {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 10px;
        margin-bottom: 20px;
    }
    .banner-section-six .outer-box .image-column .inner-column .bannar-single-box .text2 {
        margin: 0 !important;
    }
}
.banner-section-six .outer-box .image-column .inner-column .bannar-single-box .bannar-icon-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.banner-section-six .outer-box .image-column .inner-column .bannar-single-box .bannar-icon-box .icon {
    height: 50px;
    width: 50px;
    line-height: 50px;
    text-align: center;
    color: var(--theme-color-white);
    background: var(--gradient-1);
    border-radius: 50%;
    margin-right: 10px;
}
.banner-section-six .outer-box .image-column .inner-column .bannar-single-box .bannar-icon-box .title2 {
    margin: 0;
}
@media (max-width: 1399.98px) {
    .banner-section-six .outer-box .image-column .inner-column .bannar-single-box .bannar-icon-box .title2 {
        text-align: left;
    }
}
.banner-section-six .outer-box .image-column .inner-column .bannar-single-box .text2 {
    font-size: 24px;
    color: var(--theme-color4);
    font-weight: var(--body-font-weight);
    margin-left: 62px;
}
@media (min-width: 576px) and (max-width: 767.98px) {
    .banner-section-six .outer-box .image-column .inner-column .bannar-single-box .text2 {
        font-size: 20px;
        margin-left: 22px;
    }
}
.banner-section-six .outer-box .image-column .inner-column .shape-42 {
    position: absolute;
    top: 45px;
    right: 0;
    z-index: -1;
}
.banner-section-six .outer-box .image-column .inner-column .btn-box {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 13px;
    z-index: 1;
}
@media (max-width: 1199.98px) {
    .banner-section-six .outer-box .image-column .inner-column .btn-box {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
}
.banner-section-six .outer-box .image-column .inner-column .btn-box .readmore {
    position: relative;
    width: 56px;
    height: 56px;
    border-radius: 50%;
    font-size: 20px;
    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;
    color: var(--theme-color-white);
    background: var(--gradient-1);
    -webkit-transition: all 300ms ease;
    transition: all 300ms ease;
}
.banner-section-six .outer-box .image-column .inner-column .btn-box .readmore i {
    position: relative;
    z-index: 3;
}
.banner-section-six .outer-box .image-column .inner-column .btn-box .readmore:active {
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
}
.banner-section-six .outer-box .image-column .inner-column .btn-box .readmore:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    -webkit-transform: scale(0);
    transform: scale(0);
    opacity: 0;
    border-radius: 50%;
    background-color: var(--theme-color2);
    -webkit-transition: all 300ms ease;
    transition: all 300ms ease;
}
.banner-section-six .outer-box .image-column .inner-column .btn-box .readmore:hover:before {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
}

/***

====================================================================
  About Section
====================================================================

***/
.about-section {
    position: relative;
    padding: 120px 0 70px;
    z-index: 3;
}
@media (max-width: 767.98px) {
    .about-section {
        padding: 60px 0 30px;
    }
}
.about-section .shape-2 {
    position: absolute;
    top: -260px;
    right: -260px;
}
@media (max-width: 1399.98px) {
    .about-section .shape-2 {
        display: none;
    }
}
.about-section .shape-3 {
    position: absolute;
    bottom: -80px;
    left: -40px;
}
@media (max-width: 1399.98px) {
    .about-section .shape-3 {
        display: none;
    }
}
.about-section .sec-title {
    margin-bottom: 30px;
}
.about-section .content-column {
    margin-bottom: 50px;
}
.about-section .content-column .inner-column {
    position: relative;
    margin-left: -28px;
    margin-top: -10px;
}
@media (max-width: 991.98px) {
    .about-section .content-column .inner-column {
        margin-left: 0;
        margin-top: 0;
    }
}
.about-section .content-column .inner-column .skills {
    padding-right: 30px;
}
@media (max-width: 1199.98px) {
    .about-section .content-column .inner-column .skills {
        padding-right: 0;
    }
}
.about-section .content-column .inner-column .icon-outer-box {
    margin-bottom: 32px;
    padding-right: 30px;
}
@media (max-width: 575.98px) {
    .about-section .content-column .inner-column .icon-outer-box {
        margin-bottom: 20px;
    }
}
@media (max-width: 1199.98px) {
    .about-section .content-column .inner-column .icon-outer-box {
        padding-right: 0;
    }
}
@media (max-width: 575.98px) {
    .about-section .content-column .inner-column .icon-box {
        margin-bottom: 15px;
    }
}
.about-section .content-column .inner-column .icon-box .inner-box {
    position: relative;
    padding: 15px 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 20px;
    border-radius: 10px;
    background-color: var(--theme-color-white);
    -webkit-box-shadow: 0px 0px 40px 8px rgba(108, 67, 227, 0.2);
    box-shadow: 0px 0px 40px 8px rgba(108, 67, 227, 0.2);
}
.about-section .content-column .inner-column .icon-box .inner-box:hover .icon {
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
}
.about-section .content-column .inner-column .icon-box .inner-box .icon {
    position: relative;
    font-size: 40px;
    line-height: 1em;
    color: var(--theme-color1);
    -webkit-transition: all 300ms ease;
    transition: all 300ms ease;
}
.about-section .content-column .inner-column .icon-box .inner-box .title {
    margin-bottom: 0;
}
.about-section .content-column .inner-column .btn-box {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 13px;
    margin-top: 30px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.about-section .content-column .inner-column .btn-box .readmore {
    position: relative;
    width: 56px;
    height: 56px;
    border-radius: 50%;
    font-size: 20px;
    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;
    color: var(--theme-color-white);
    background: var(--gradient-1);
    -webkit-transition: all 300ms ease;
    transition: all 300ms ease;
}
.about-section .content-column .inner-column .btn-box .readmore i {
    position: relative;
    z-index: 3;
}
.about-section .content-column .inner-column .btn-box .readmore:active {
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
}
.about-section .content-column .inner-column .btn-box .readmore:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    -webkit-transform: scale(0);
    transform: scale(0);
    opacity: 0;
    border-radius: 50%;
    background-color: var(--theme-color2);
    -webkit-transition: all 300ms ease;
    transition: all 300ms ease;
}
.about-section .content-column .inner-column .btn-box .readmore:hover:before {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
}
.about-section .content-column .inner-column .btn-box .sign {
    margin-left: 5px;
}
@media (max-width: 575.98px) {
    .about-section .content-column .inner-column .btn-box .sign {
        margin-left: 0;
    }
}
.about-section .image-column {
    margin-bottom: 50px;
}
.about-section .image-column .inner-column {
    position: relative;
    padding-right: 103px;
}
@media (max-width: 1199.98px) {
    .about-section .image-column .inner-column {
        padding-right: 50px;
    }
}
@media (max-width: 991.98px) {
    .about-section .image-column .inner-column {
        padding-right: 0;
    }
}
.about-section .image-column .inner-column .image-box {
    position: relative;
}
.about-section .image-column .inner-column .image-box .exp-box {
    position: absolute;
    bottom: 160px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-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-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    text-align: right;
}
@media (max-width: 575.98px) {
    .about-section .image-column .inner-column .image-box .exp-box {
        bottom: 80px;
    }
}
.about-section .image-column .inner-column .image-box .exp-box .icon-8 {
    position: absolute;
}
@media (max-width: 575.98px) {
    .about-section .image-column .inner-column .image-box .exp-box .icon-8 {
        width: 200px;
        height: 180px;
        background-size: contain;
        background-repeat: no-repeat;
    }
}
.about-section .image-column .inner-column .image-box .exp-box .count {
    position: relative;
    color: var(--theme-color-white);
    margin-bottom: 0;
    padding-left: 20px;
}
@media (min-width: 576px) and (max-width: 767.98px) {
    .about-section .image-column .inner-column .image-box .exp-box .count {
        font-size: 35px;
        padding-left: 0px;
    }
}
.about-section .image-column .inner-column .image-box .exp-box .text {
    position: relative;
    padding-right: 20px;
    color: var(--theme-color-white);
    text-transform: uppercase;
    line-height: 1.3em;
    margin-bottom: 20px;
}
@media (max-width: 575.98px) {
    .about-section .image-column .inner-column .image-box .exp-box .text {
        font-size: 14px;
        margin-bottom: 30px;
    }
}
.about-section .image-column .inner-column .image-box .image {
    position: relative;
    margin-bottom: 0;
    width: 100%;
    overflow: hidden;
    border-radius: 70px;
}
@media (max-width: 991.98px) {
    .about-section .image-column .inner-column .image-box .image {
        max-height: 700px;
    }
}
.about-section .image-column .inner-column .image-box .image img {
    width: 100%;
}
.about-section .image-column .inner-column .image-box .shape-1 {
    position: absolute;
    top: 35px;
    left: 39px;
}
@media (max-width: 1199.98px) {
    .about-section .image-column .inner-column .image-box .shape-1 {
        display: none;
    }
}
.about-section .image-column .inner-column .image-box .shape-43 {
    position: absolute;
    top: 0px;
    left: 39px;
}
@media (max-width: 1199.98px) {
    .about-section .image-column .inner-column .image-box .shape-43 {
        display: none;
    }
}
.about-section .image-column .inner-column .image-box .icon-box {
    position: absolute;
    top: 0;
    left: 0;
    padding: 41px 42px 45px 14px;
    border-bottom-right-radius: 30px;
    background-color: var(--theme-color-white);
}
@media (max-width: 1199.98px) {
    .about-section .image-column .inner-column .image-box .icon-box {
        padding: 20px 20px 25px 14px;
    }
}
@media (max-width: 575.98px) {
    .about-section .image-column .inner-column .image-box .icon-box {
        padding: 10px;
    }
}
.about-section .image-column .inner-column .image-box .icon-box:before {
    content: "";
    position: absolute;
    top: 0;
    left: 134px;
    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0,0 L0,200 Q0,0 200,0 Z' fill='white' /%3E%3C/svg%3E");
    background-size: cover;
    background-repeat: no-repeat;
    width: 75px;
    height: 75px;
}
@media (max-width: 1199.98px) {
    .about-section .image-column .inner-column .image-box .icon-box:before {
        left: 112px;
    }
}
@media (max-width: 575.98px) {
    .about-section .image-column .inner-column .image-box .icon-box:before {
        left: 70px;
        width: 45px;
        height: 45px;
    }
}
.about-section .image-column .inner-column .image-box .icon-box:after {
    content: "";
    position: absolute;
    bottom: -75px;
    left: 0;
    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0,0 L0,200 Q0,0 200,0 Z' fill='white' /%3E%3C/svg%3E");
    background-size: cover;
    background-repeat: no-repeat;
    width: 75px;
    height: 75px;
}
.about-section .image-column .inner-column .image-box .icon-box .icon-6 {
    -webkit-animation: fa-spin 10s infinite linear;
    animation: fa-spin 10s infinite linear;
}
@media (max-width: 575.98px) {
    .about-section .image-column .inner-column .image-box .icon-box .icon-6 {
        width: 50px;
        height: 50px;
        background-size: cover;
    }
}
.about-section .image-column .inner-column .image-box .icon-box-two {
    position: absolute;
    bottom: 0;
    right: 0;
    padding: 75px 0 20px 78px;
    margin-right: -10px;
    border-top-left-radius: 30px;
    background-color: var(--theme-color-white);
}
@media (max-width: 1199.98px) {
    .about-section .image-column .inner-column .image-box .icon-box-two {
        padding: 35px 0 20px 25px;
    }
}
@media (max-width: 575.98px) {
    .about-section .image-column .inner-column .image-box .icon-box-two {
        padding: 10px;
    }
}
.about-section .image-column .inner-column .image-box .icon-box-two:before {
    content: "";
    position: absolute;
    top: -75px;
    left: 58px;
    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0,0 L0,200 Q0,0 200,0 Z' fill='white' /%3E%3C/svg%3E");
    background-size: cover;
    background-repeat: no-repeat;
    width: 80px;
    height: 75px;
    -webkit-transform: scale(-1);
    transform: scale(-1);
}
@media (max-width: 1199.98px) {
    .about-section .image-column .inner-column .image-box .icon-box-two:before {
        left: 4px;
    }
}
.about-section .image-column .inner-column .image-box .icon-box-two:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: -75px;
    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0,0 L0,200 Q0,0 200,0 Z' fill='white' /%3E%3C/svg%3E");
    background-size: cover;
    background-repeat: no-repeat;
    width: 75px;
    height: 75px;
    -webkit-transform: scale(-1);
    transform: scale(-1);
}
@media (max-width: 575.98px) {
    .about-section .image-column .inner-column .image-box .icon-box-two:after {
        width: 45px;
        height: 45px;
        left: -45px;
    }
}
.about-section .image-column .inner-column .image-box .icon-box-two .icon-7 {
    -webkit-animation: fa-spin 10s infinite linear;
    animation: fa-spin 10s infinite linear;
}
@media (max-width: 575.98px) {
    .about-section .image-column .inner-column .image-box .icon-box-two .icon-7 {
        width: 45px;
        height: 45px;
        background-size: cover;
    }
}

/***

====================================================================
  About Section Two
====================================================================

***/
.about-section-two {
    position: relative;
    padding: 120px 0 70px;
}
@media (max-width: 767.98px) {
    .about-section-two {
        padding: 10px 0;
    }
}
.about-section-two .shape-15 {
    position: absolute;
    bottom: -150px;
    left: -40px;
}
@media (max-width: 1399.98px) {
    .about-section-two .shape-15 {
        display: none;
    }
}
.about-section-two .icon-18 {
    position: absolute;
    top: 110px;
    right: 160px;
}
@media (max-width: 1399.98px) {
    .about-section-two .icon-18 {
        display: none;
    }
}
.about-section-two .sec-title {
    margin-bottom: 30px;
}
.about-section-two .content-column {
    margin-bottom: 50px;
}
.about-section-two .content-column .inner-column {
    position: relative;
}
@media only screen and (max-width: 1699px) {
    .about-section-two .content-column .inner-column {
        padding-left: 30px;
    }
}
@media (max-width: 1199.98px) {
    .about-section-two .content-column .inner-column {
        padding-left: 0;
    }
}
.about-section-two .content-column .inner-column .text {
    position: relative;
    padding-left: 15px;
    padding-right: 10px;
    border-left: 2px solid var(--theme-color2);
    margin-bottom: 20px;
}
.about-section-two .content-column .inner-column .list-box {
    position: relative;
    padding: 30px 10px 15px 40px;
    background-color: #f0edfd;
    border: 10px solid var(--theme-color-white);
    -webkit-box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.15);
    box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.15);
    margin-bottom: 28px;
}
@media (max-width: 575.98px) {
    .about-section-two .content-column .inner-column .list-box {
        padding: 20px 20px 5px;
    }
}
.about-section-two .content-column .inner-column .list-box li {
    font-size: 18px;
    font-weight: 500;
    color: var(--theme-color3);
}
.about-section-two .content-column .inner-column .skills .skill-item .skill-header {
    margin-bottom: 6px;
}
.about-section-two .content-column .inner-column .btn-box {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 13px;
    margin-top: 30px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.about-section-two .content-column .inner-column .btn-box .readmore {
    position: relative;
    width: 56px;
    height: 56px;
    border-radius: 50%;
    font-size: 20px;
    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;
    color: var(--theme-color-white);
    background: var(--gradient-1);
    -webkit-transition: all 300ms ease;
    transition: all 300ms ease;
}
.about-section-two .content-column .inner-column .btn-box .readmore i {
    position: relative;
    z-index: 3;
}
.about-section-two .content-column .inner-column .btn-box .readmore:active {
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
}
.about-section-two .content-column .inner-column .btn-box .readmore:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    -webkit-transform: scale(0);
    transform: scale(0);
    opacity: 0;
    border-radius: 50%;
    background-color: var(--theme-color2);
    -webkit-transition: all 300ms ease;
    transition: all 300ms ease;
}
.about-section-two .content-column .inner-column .btn-box .readmore:hover:before {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
}
.about-section-two .content-column .inner-column .btn-box .sign {
    margin-left: 5px;
}
@media (max-width: 575.98px) {
    .about-section-two .content-column .inner-column .btn-box .sign {
        margin-left: 0;
    }
}
.about-section-two .image-column {
    margin-bottom: 50px;
}
.about-section-two .image-column .inner-column {
    position: relative;
    margin-left: -110px;
    padding-right: 80px;
}
@media only screen and (max-width: 1699px) {
    .about-section-two .image-column .inner-column {
        margin-left: -50px;
        padding-right: 0;
    }
}
@media (max-width: 1399.98px) {
    .about-section-two .image-column .inner-column {
        margin-left: 0;
    }
}
@media (max-width: 1199.98px) {
    .about-section-two .image-column .inner-column {
        width: 70%;
        margin: 0 auto;
    }
}
@media (max-width: 991.98px) {
    .about-section-two .image-column .inner-column {
        width: 80%;
    }
}
@media (max-width: 767.98px) {
    .about-section-two .image-column .inner-column {
        width: 100%;
    }
}
.about-section-two .image-column .inner-column .exp-box {
    position: absolute;
    top: 50%;
    left: -150px;
    width: 180px;
    height: 180px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background-color: #8e4dff;
    -webkit-transform: rotate(45deg) translateY(-50%);
    transform: rotate(45deg) translateY(-50%);
    -webkit-box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.15);
    box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.15);
    border: 10px solid var(--theme-color-white);
    border-radius: 0 0 0 150px;
    z-index: 3;
}
@media (max-width: 1399.98px) {
    .about-section-two .image-column .inner-column .exp-box {
        left: -100px;
    }
}
@media (max-width: 1199.98px) {
    .about-section-two .image-column .inner-column .exp-box {
        left: -140px;
    }
}
@media (max-width: 767.98px) {
    .about-section-two .image-column .inner-column .exp-box {
        left: -100px;
    }
}
@media (max-width: 575.98px) {
    .about-section-two .image-column .inner-column .exp-box {
        width: 120px;
        height: 120px;
        left: -80px;
        border-width: 5px;
    }
}
.about-section-two .image-column .inner-column .exp-box .content {
    position: absolute;
    top: 50%;
    left: 50%;
    padding-left: 20px;
    text-align: center;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-transform: translate(-50%, -50%) rotate(-45deg);
    transform: translate(-50%, -50%) rotate(-45deg);
}
.about-section-two .image-column .inner-column .exp-box .content .count {
    color: var(--theme-color-white);
    font-weight: 600;
    margin-bottom: 0;
}
@media (max-width: 575.98px) {
    .about-section-two .image-column .inner-column .exp-box .content .count {
        font-size: 30px;
    }
}
.about-section-two .image-column .inner-column .exp-box .content .text {
    position: relative;
    color: var(--theme-color-white);
    line-height: 20px;
    font-weight: 500;
    margin-bottom: 0;
}
@media (max-width: 575.98px) {
    .about-section-two .image-column .inner-column .exp-box .content .text {
        font-size: 12px;
    }
}
.about-section-two .image-column .inner-column .image {
    position: relative;
    width: 100%;
    height: 100%;
    margin-bottom: 0;
    overflow: hidden;
    border-radius: 50%;
    z-index: 2;
}
.about-section-two .image-column .inner-column .image img {
    width: 100%;
    height: 575px;
}
@media (max-width: 1199.98px) {
    .about-section-two .image-column .inner-column .image img {
        height: auto;
    }
}
.about-section-two .image-column .inner-column .icon-15 {
    position: absolute;
    top: -10px;
    left: 20px;
    z-index: 1;
    -webkit-animation: fa-spin 50s infinite linear;
    animation: fa-spin 50s infinite linear;
}
@media (max-width: 1399.98px) {
    .about-section-two .image-column .inner-column .icon-15 {
        left: -10px;
    }
}
@media (max-width: 1199.98px) {
    .about-section-two .image-column .inner-column .icon-15 {
        width: 700px;
        height: 700px;
        background-repeat: no-repeat;
    }
}
@media (max-width: 991.98px) {
    .about-section-two .image-column .inner-column .icon-15 {
        display: none;
    }
}
.about-section-two .image-column .inner-column .icon-16 {
    position: absolute;
    top: -190px;
    right: -60px;
}
@media (max-width: 1199.98px) {
    .about-section-two .image-column .inner-column .icon-16 {
        display: none;
    }
}
.about-section-two .image-column .inner-column .icon-17 {
    position: absolute;
    top: -70px;
    left: 40px;
}
@media (max-width: 1199.98px) {
    .about-section-two .image-column .inner-column .icon-17 {
        display: none;
    }
}
.about-section-two .image-column .inner-column .image-two {
    position: absolute;
    bottom: 0;
    right: 25px;
    width: 238px;
    height: 238px;
    overflow: hidden;
    margin-bottom: 0;
    border-radius: 50%;
    border: 10px solid var(--theme-color-white);
    -webkit-box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.15);
    box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.15);
    z-index: 3;
}
@media (max-width: 1399.98px) {
    .about-section-two .image-column .inner-column .image-two {
        right: 0;
        bottom: -20px;
    }
}
@media (max-width: 575.98px) {
    .about-section-two .image-column .inner-column .image-two {
        display: none;
    }
}
.about-section-two .image-column .inner-column .image-two img {
    width: 228px;
    height: 228px;
}
.about-section-two .image-column .inner-column .btn-box {
    position: absolute;
    top: -20px;
    right: 165px;
    width: 122px;
    height: 122px;
    background-color: var(--theme-color2);
    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;
    z-index: 3;
    -webkit-transition: all 300ms ease;
    transition: all 300ms ease;
}
@media (max-width: 1399.98px) {
    .about-section-two .image-column .inner-column .btn-box {
        top: -40px;
        right: 100px;
    }
}
@media (max-width: 1199.98px) {
    .about-section-two .image-column .inner-column .btn-box {
        top: -20px;
    }
}
@media (max-width: 575.98px) {
    .about-section-two .image-column .inner-column .btn-box {
        width: 90px;
        height: 90px;
        right: 20px;
    }
}
.about-section-two .image-column .inner-column .btn-box:hover {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}
.about-section-two .image-column .inner-column .btn-box:before {
    content: "";
    position: absolute;
    top: -13px;
    left: -13px;
    right: -13px;
    bottom: -13px;
    border-radius: 50%;
    background-color: rgba(255, 255, 255, 0.2);
}
.about-section-two .image-column .inner-column .btn-box .icon {
    position: relative;
    font-size: 20px;
    color: var(--theme-color-white);
}
.about-section-two .image-column .inner-column .btn-box .circular-text {
    position: absolute;
    top: 12px;
    left: 12px;
    fill: currentColor;
    height: auto;
    -webkit-transform-origin: center;
    transform-origin: center;
    width: 98px;
    height: 98px;
    -webkit-animation: fa-spin 30s infinite linear;
    animation: fa-spin 30s infinite linear;
}
@media (max-width: 575.98px) {
    .about-section-two .image-column .inner-column .btn-box .circular-text {
        width: 80px;
        height: 80px;
        top: 5px;
        left: 5px;
    }
}
.about-section-two .image-column .inner-column .btn-box .circular-text text {
    position: relative;
    font-size: 12px;
    font-weight: 500;
    letter-spacing: 1.6px;
    font-family: var(--heading-font-family);
    color: var(--theme-color-white);
    text-transform: uppercase;
}
@media (max-width: 575.98px) {
    .about-section-two .image-column .inner-column .btn-box .circular-text text {
        font-size: 12.5px;
    }
}

/***

====================================================================
  About Section Three
====================================================================

***/
.about-section-three {
    position: relative;
    padding: 120px 0 50px;
    z-index: 3;
}
@media (max-width: 991.98px) {
    .about-section-three {
        padding: 60px 0 30px;
    }
}
.about-section-three .outer-box {
    position: relative;
    padding: 0 40px;
    max-width: 1700px;
    margin: 0 auto;
}
@media (max-width: 991.98px) {
    .about-section-three .outer-box {
        padding: 0 15px;
    }
}
.about-section-three .sec-title {
    margin-bottom: 30px;
}
.about-section-three .content-column {
    margin-bottom: 40px;
}
.about-section-three .content-column .inner-column {
    position: relative;
    margin-left: 0px;
    margin-top: -10px;
}
@media (max-width: 991.98px) {
    .about-section-three .content-column .inner-column {
        margin-left: 0;
        margin-top: 0;
    }
}
.about-section-three .content-column .inner-column .skills {
    padding-right: 30px;
}
@media (max-width: 1199.98px) {
    .about-section-three .content-column .inner-column .skills {
        padding-right: 0;
    }
}
.about-section-three .content-column .inner-column .icon-outer-box {
    margin-bottom: 32px;
    padding-right: 30px;
}
@media (max-width: 575.98px) {
    .about-section-three .content-column .inner-column .icon-outer-box {
        margin-bottom: 20px;
    }
}
@media (max-width: 1199.98px) {
    .about-section-three .content-column .inner-column .icon-outer-box {
        padding-right: 0;
    }
}
@media (max-width: 575.98px) {
    .about-section-three .content-column .inner-column .icon-box {
        margin-bottom: 15px;
    }
}
.about-section-three .content-column .inner-column .icon-box .inner-box {
    position: relative;
    padding: 15px 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 20px;
    border-radius: 10px;
    background-color: var(--theme-color-white);
    -webkit-box-shadow: 0px 0px 40px 8px rgba(108, 67, 227, 0.2);
    box-shadow: 0px 0px 40px 8px rgba(108, 67, 227, 0.2);
}
.about-section-three .content-column .inner-column .icon-box .inner-box:hover .icon {
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
}
.about-section-three .content-column .inner-column .icon-box .inner-box .icon {
    position: relative;
    font-size: 40px;
    line-height: 1em;
    color: var(--theme-color1);
    -webkit-transition: all 300ms ease;
    transition: all 300ms ease;
}
.about-section-three .content-column .inner-column .icon-box .inner-box .title {
    margin-bottom: 0;
}
.about-section-three .content-column .inner-column ul.list-style-four li {
    font-size: 20px;
    color: var(--theme-color-white);
    line-height: 30px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-weight: var(--body-font-weight);
    font-family: var(--style-font2);
    margin-bottom: 20px;
}
.about-section-three .content-column .inner-column ul.list-style-four li i {
    font-size: 18px;
    color: var(--theme-color-white);
    height: 60px;
    min-width: 60px;
    line-height: 60px;
    text-align: center;
    background-color: var(--theme-color1);
    border-radius: 50%;
    margin-right: 12px;
}
.about-section-three .content-column .inner-column .btn-box {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 13px;
    margin-top: 30px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.about-section-three .content-column .inner-column .btn-box .readmore {
    position: relative;
    width: 56px;
    height: 56px;
    border-radius: 50%;
    font-size: 20px;
    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;
    color: var(--theme-color-white);
    background: var(--gradient-1);
    -webkit-transition: all 300ms ease;
    transition: all 300ms ease;
}
.about-section-three .content-column .inner-column .btn-box .readmore i {
    position: relative;
    z-index: 3;
}
.about-section-three .content-column .inner-column .btn-box .readmore:active {
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
}
.about-section-three .content-column .inner-column .btn-box .readmore:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    -webkit-transform: scale(0);
    transform: scale(0);
    opacity: 0;
    border-radius: 50%;
    background-color: var(--theme-color2);
    -webkit-transition: all 300ms ease;
    transition: all 300ms ease;
}
.about-section-three .content-column .inner-column .btn-box .readmore:hover:before {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
}
.about-section-three .content-column .inner-column .btn-box .sign {
    margin-left: 5px;
}
@media (max-width: 575.98px) {
    .about-section-three .content-column .inner-column .btn-box .sign {
        margin-left: 0;
    }
}
.about-section-three .image-column {
    margin-bottom: 50px;
}
.about-section-three .image-column .inner-column {
    position: relative;
    padding-right: 100px;
}
@media (max-width: 1399.98px) {
    .about-section-three .image-column .inner-column {
        padding-right: 30px;
    }
}
@media (max-width: 991.98px) {
    .about-section-three .image-column .inner-column {
        padding-right: 0;
    }
}
.about-section-three .image-column .inner-column .image-box {
    position: relative;
}
.about-section-three .image-column .inner-column .image-box .exp-box {
    position: absolute;
    bottom: 160px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-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-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    text-align: right;
}
@media (max-width: 575.98px) {
    .about-section-three .image-column .inner-column .image-box .exp-box {
        bottom: 80px;
    }
}
.about-section-three .image-column .inner-column .image-box .exp-box .icon-8 {
    position: absolute;
}
@media (max-width: 575.98px) {
    .about-section-three .image-column .inner-column .image-box .exp-box .icon-8 {
        width: 200px;
        height: 180px;
        background-size: contain;
        background-repeat: no-repeat;
    }
}
.about-section-three .image-column .inner-column .image-box .exp-box .count {
    position: relative;
    color: var(--theme-color-white);
    margin-bottom: 0;
    padding-left: 20px;
}
@media (max-width: 575.98px) {
    .about-section-three .image-column .inner-column .image-box .exp-box .count {
        font-size: 40px;
    }
}
.about-section-three .image-column .inner-column .image-box .exp-box .text {
    position: relative;
    padding-right: 20px;
    color: var(--theme-color-white);
    text-transform: uppercase;
    line-height: 1.3em;
    margin-bottom: 20px;
}
@media (max-width: 575.98px) {
    .about-section-three .image-column .inner-column .image-box .exp-box .text {
        font-size: 14px;
        margin-bottom: 30px;
    }
}
.about-section-three .image-column .inner-column .image-box .image {
    position: relative;
    margin-bottom: 0;
    width: 100%;
    overflow: hidden;
    border-radius: 50px;
}
.about-section-three .image-column .inner-column .image-box .image img {
    width: 100%;
}
.about-section-three .image-column .inner-column .image-box .shape-1 {
    position: absolute;
    top: 35px;
    left: 39px;
}
@media (max-width: 1199.98px) {
    .about-section-three .image-column .inner-column .image-box .shape-1 {
        display: none;
    }
}
.about-section-three .image-column .inner-column .image-box .icon-box {
    position: absolute;
    top: 0;
    left: 0;
    padding: 41px 42px 45px 14px;
    border-bottom-right-radius: 30px;
    background-color: var(--theme-color-white);
}
@media (max-width: 1199.98px) {
    .about-section-three .image-column .inner-column .image-box .icon-box {
        padding: 20px 20px 25px 14px;
    }
}
@media (max-width: 575.98px) {
    .about-section-three .image-column .inner-column .image-box .icon-box {
        padding: 10px;
    }
}
.about-section-three .image-column .inner-column .image-box .icon-box:before {
    content: "";
    position: absolute;
    top: 0;
    left: 134px;
    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0,0 L0,200 Q0,0 200,0 Z' fill='white' /%3E%3C/svg%3E");
    background-size: cover;
    background-repeat: no-repeat;
    width: 75px;
    height: 75px;
}
@media (max-width: 1199.98px) {
    .about-section-three .image-column .inner-column .image-box .icon-box:before {
        left: 112px;
    }
}
@media (max-width: 575.98px) {
    .about-section-three .image-column .inner-column .image-box .icon-box:before {
        left: 70px;
        width: 45px;
        height: 45px;
    }
}
.about-section-three .image-column .inner-column .image-box .icon-box:after {
    content: "";
    position: absolute;
    bottom: -75px;
    left: 0;
    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0,0 L0,200 Q0,0 200,0 Z' fill='white' /%3E%3C/svg%3E");
    background-size: cover;
    background-repeat: no-repeat;
    width: 75px;
    height: 75px;
}
.about-section-three .image-column .inner-column .image-box .icon-box .icon-6 {
    -webkit-animation: fa-spin 10s infinite linear;
    animation: fa-spin 10s infinite linear;
}
@media (max-width: 575.98px) {
    .about-section-three .image-column .inner-column .image-box .icon-box .icon-6 {
        width: 50px;
        height: 50px;
        background-size: cover;
    }
}
.about-section-three .image-column .inner-column .image-box .icon-box-two {
    position: absolute;
    bottom: 0;
    right: 0;
    padding: 75px 0 20px 78px;
    margin-right: -10px;
    border-top-left-radius: 30px;
    background-color: var(--theme-color-white);
}
@media (max-width: 1199.98px) {
    .about-section-three .image-column .inner-column .image-box .icon-box-two {
        padding: 35px 0 20px 25px;
    }
}
@media (max-width: 575.98px) {
    .about-section-three .image-column .inner-column .image-box .icon-box-two {
        padding: 10px;
    }
}
.about-section-three .image-column .inner-column .image-box .icon-box-two:before {
    content: "";
    position: absolute;
    top: -75px;
    left: 58px;
    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0,0 L0,200 Q0,0 200,0 Z' fill='white' /%3E%3C/svg%3E");
    background-size: cover;
    background-repeat: no-repeat;
    width: 80px;
    height: 75px;
    -webkit-transform: scale(-1);
    transform: scale(-1);
}
@media (max-width: 1199.98px) {
    .about-section-three .image-column .inner-column .image-box .icon-box-two:before {
        left: 4px;
    }
}
.about-section-three .image-column .inner-column .image-box .icon-box-two:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: -75px;
    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0,0 L0,200 Q0,0 200,0 Z' fill='white' /%3E%3C/svg%3E");
    background-size: cover;
    background-repeat: no-repeat;
    width: 75px;
    height: 75px;
    -webkit-transform: scale(-1);
    transform: scale(-1);
}
@media (max-width: 575.98px) {
    .about-section-three .image-column .inner-column .image-box .icon-box-two:after {
        width: 45px;
        height: 45px;
        left: -45px;
    }
}
.about-section-three .image-column .inner-column .image-box .icon-box-two .icon-7 {
    -webkit-animation: fa-spin 10s infinite linear;
    animation: fa-spin 10s infinite linear;
}
@media (max-width: 575.98px) {
    .about-section-three .image-column .inner-column .image-box .icon-box-two .icon-7 {
        width: 45px;
        height: 45px;
        background-size: cover;
    }
}

/***

====================================================================
  About Section four
====================================================================

***/
.about-section-four {
    position: relative;
    padding: 150px 0 60px;
}
@media (max-width: 991.98px) {
    .about-section-four {
        padding: 80px 0 0;
    }
}
.about-section-four .icon-4 {
    position: absolute;
    top: 160px;
    left: 220px;
    z-index: 99;
}
@media only screen and (max-width: 1699px) {
    .about-section-four .icon-4 {
        left: -10px;
    }
}
@media (max-width: 1399.98px) {
    .about-section-four .icon-4 {
        display: none;
    }
}
.about-section-four .icon-3 {
    position: absolute;
    bottom: -25px;
    left: 0px;
    z-index: 99;
}
@media (max-width: 1399.98px) {
    .about-section-four .icon-3 {
        display: none;
    }
}
.about-section-four .sec-title {
    margin-bottom: 22px;
}
.about-section-four .content-column {
    margin-bottom: 50px;
}
.about-section-four .content-column .inner-column {
    position: relative;
}
@media only screen and (max-width: 1699px) {
    .about-section-four .content-column .inner-column {
        padding-left: 30px;
    }
}
@media (max-width: 1199.98px) {
    .about-section-four .content-column .inner-column {
        padding-left: 0;
    }
}
.about-section-four .content-column .inner-column .text {
    position: relative;
    margin-bottom: 27px;
}
.about-section-four .content-column .inner-column .list-box {
    position: relative;
    padding: 30px 10px 15px 40px;
    background-color: #f0edfd;
    border: 10px solid var(--theme-color-white);
    -webkit-box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.15);
    box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.15);
    margin-bottom: 28px;
}
@media (max-width: 575.98px) {
    .about-section-four .content-column .inner-column .list-box {
        padding: 20px 20px 5px;
    }
}
.about-section-four .content-column .inner-column .list-box li {
    font-size: 18px;
    font-weight: 500;
    color: var(--theme-color3);
}
.about-section-four .content-column .inner-column .skills .skill-item .skill-header {
    margin-bottom: 6px;
}
.about-section-four .content-column .inner-column .skill-item .skill-bar .bar-inner .skill-percentage {
    color: var(--theme-color1);
}
.about-section-four .content-column .inner-column .btn-box {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 13px;
    margin-top: 55px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.about-section-four .content-column .inner-column .btn-box .readmore {
    position: relative;
    width: 56px;
    height: 56px;
    border-radius: 50%;
    font-size: 20px;
    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;
    color: var(--theme-color-white);
    background: var(--theme-color-black);
    -webkit-transition: all 300ms ease;
    transition: all 300ms ease;
}
.about-section-four .content-column .inner-column .btn-box .readmore i {
    position: relative;
    z-index: 3;
}
.about-section-four .content-column .inner-column .btn-box .readmore:active {
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
}
.about-section-four .content-column .inner-column .btn-box .readmore:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    -webkit-transform: scale(0);
    transform: scale(0);
    opacity: 0;
    border-radius: 50%;
    background-color: var(--theme-color2);
    -webkit-transition: all 300ms ease;
    transition: all 300ms ease;
}
.about-section-four .content-column .inner-column .btn-box .readmore:hover:before {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
}
.about-section-four .content-column .inner-column .btn-box .sign {
    margin-left: 5px;
}
@media (max-width: 575.98px) {
    .about-section-four .content-column .inner-column .btn-box .sign {
        margin-left: 0;
    }
}
.about-section-four .image-column {
    margin-bottom: 50px;
}
.about-section-four .image-column .inner-column {
    position: relative;
    padding-right: 80px;
}
@media only screen and (max-width: 1699px) {
    .about-section-four .image-column .inner-column {
        padding-right: 0;
    }
}
@media (max-width: 1399.98px) {
    .about-section-four .image-column .inner-column {
        margin-left: 0;
    }
}
@media (max-width: 1199.98px) {
    .about-section-four .image-column .inner-column {
        width: 70%;
        margin: 0 auto;
    }
}
@media (max-width: 991.98px) {
    .about-section-four .image-column .inner-column {
        width: 80%;
    }
}
@media (max-width: 767.98px) {
    .about-section-four .image-column .inner-column {
        width: 100%;
    }
}
.about-section-four .image-column .inner-column .exp-box {
    position: absolute;
    top: 50%;
    left: -150px;
    width: 180px;
    height: 180px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background-color: #8e4dff;
    -webkit-transform: rotate(45deg) translateY(-50%);
    transform: rotate(45deg) translateY(-50%);
    -webkit-box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.15);
    box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.15);
    border: 10px solid var(--theme-color-white);
    border-radius: 0 0 0 150px;
    z-index: 3;
}
@media (max-width: 1399.98px) {
    .about-section-four .image-column .inner-column .exp-box {
        left: -100px;
    }
}
@media (max-width: 1199.98px) {
    .about-section-four .image-column .inner-column .exp-box {
        left: -140px;
    }
}
@media (max-width: 767.98px) {
    .about-section-four .image-column .inner-column .exp-box {
        left: -100px;
    }
}
@media (max-width: 575.98px) {
    .about-section-four .image-column .inner-column .exp-box {
        width: 120px;
        height: 120px;
        left: -80px;
        border-width: 5px;
    }
}
.about-section-four .image-column .inner-column .exp-box .content {
    position: absolute;
    top: 50%;
    left: 50%;
    padding-left: 20px;
    text-align: center;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-transform: translate(-50%, -50%) rotate(-45deg);
    transform: translate(-50%, -50%) rotate(-45deg);
}
.about-section-four .image-column .inner-column .exp-box .content .count {
    color: var(--theme-color-white);
    font-weight: 600;
    margin-bottom: 0;
}
@media (max-width: 575.98px) {
    .about-section-four .image-column .inner-column .exp-box .content .count {
        font-size: 30px;
    }
}
.about-section-four .image-column .inner-column .exp-box .content .text {
    position: relative;
    color: var(--theme-color-white);
    line-height: 20px;
    font-weight: 500;
    margin-bottom: 0;
}
@media (max-width: 575.98px) {
    .about-section-four .image-column .inner-column .exp-box .content .text {
        font-size: 12px;
    }
}
.about-section-four .image-column .inner-column .image {
    position: relative;
    z-index: 2;
    text-align: center;
    -webkit-mask-image: url("../images/resource/h3-why-eb8KB7-.png");
    mask-image: url("../images/resource/h3-why-eb8KB7-.png");
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: cover;
    mask-size: cover;
    -webkit-mask-position: center;
    mask-position: center;
}
.about-section-four .image-column .inner-column .image img {
    width: 100%;
}
.about-section-four .image-column .inner-column .btn-box {
    position: absolute;
    top: -20px;
    right: 165px;
    width: 122px;
    height: 122px;
    background-color: var(--theme-color2);
    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;
    z-index: 3;
    -webkit-transition: all 300ms ease;
    transition: all 300ms ease;
}
@media (max-width: 1399.98px) {
    .about-section-four .image-column .inner-column .btn-box {
        top: -40px;
        right: 100px;
    }
}
@media (max-width: 1199.98px) {
    .about-section-four .image-column .inner-column .btn-box {
        top: -20px;
    }
}
@media (max-width: 575.98px) {
    .about-section-four .image-column .inner-column .btn-box {
        width: 90px;
        height: 90px;
        right: 20px;
    }
}
.about-section-four .image-column .inner-column .btn-box:hover {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}
.about-section-four .image-column .inner-column .btn-box:before {
    content: "";
    position: absolute;
    top: -13px;
    left: -13px;
    right: -13px;
    bottom: -13px;
    border-radius: 50%;
    background-color: rgba(255, 255, 255, 0.2);
}
.about-section-four .image-column .inner-column .btn-box .icon {
    position: relative;
    font-size: 20px;
    color: var(--theme-color-white);
}
.about-section-four .image-column .inner-column .btn-box .circular-text {
    position: absolute;
    top: 12px;
    left: 12px;
    fill: currentColor;
    height: auto;
    -webkit-transform-origin: center;
    transform-origin: center;
    width: 98px;
    height: 98px;
    -webkit-animation: fa-spin 30s infinite linear;
    animation: fa-spin 30s infinite linear;
}
@media (max-width: 575.98px) {
    .about-section-four .image-column .inner-column .btn-box .circular-text {
        width: 80px;
        height: 80px;
        top: 5px;
        left: 5px;
    }
}
.about-section-four .image-column .inner-column .btn-box .circular-text text {
    position: relative;
    font-size: 12px;
    font-weight: 500;
    letter-spacing: 1.6px;
    font-family: var(--heading-font-family);
    color: var(--theme-color-white);
    text-transform: uppercase;
}
@media (max-width: 575.98px) {
    .about-section-four .image-column .inner-column .btn-box .circular-text text {
        font-size: 12.5px;
    }
}

/***

====================================================================
  About Section five
====================================================================

***/
.about-section-five {
    position: relative;
    padding: 155px 0 70px;
}
@media (max-width: 991.98px) {
    .about-section-five {
        padding: 80px 0 30px;
    }
}
.about-section-five .shape-30 {
    position: absolute;
    top: 170px;
    left: 245px;
}
@media (max-width: 1399.98px) {
    .about-section-five .shape-30 {
        display: none;
    }
}
.about-section-five .shape-15 {
    position: absolute;
    top: -60px;
    left: 340px;
}
@media (max-width: 1399.98px) {
    .about-section-five .shape-15 {
        display: none;
    }
}
.about-section-five .sec-title {
    margin-bottom: 13px;
}
.about-section-five .content-column {
    margin-bottom: 50px;
}
.about-section-five .content-column .inner-column {
    position: relative;
}
@media only screen and (max-width: 1699px) {
    .about-section-five .content-column .inner-column {
        padding-left: 10px;
    }
}
@media (max-width: 1199.98px) {
    .about-section-five .content-column .inner-column {
        padding-left: 0;
    }
}
.about-section-five .content-column .inner-column .text {
    padding-top: 8px;
    font-family: var(--style-font3);
}
.about-section-five .content-column .inner-column .list-box {
    position: relative;
    padding: 30px 10px 15px 40px;
    background-color: #f0edfd;
    border: 10px solid var(--theme-color-white);
    -webkit-box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.15);
    box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.15);
    margin-bottom: 28px;
}
@media (max-width: 575.98px) {
    .about-section-five .content-column .inner-column .list-box {
        padding: 20px 20px 5px;
    }
}
.about-section-five .content-column .inner-column .list-box li {
    font-size: 18px;
    font-weight: 500;
    color: var(--theme-color3);
}
.about-section-five .content-column .inner-column .skills .skill-item .skill-header {
    margin-bottom: 6px;
}
.about-section-five .content-column .inner-column .btn-box {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 13px;
    margin-top: 30px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.about-section-five .content-column .inner-column .btn-box .readmore {
    position: relative;
    width: 56px;
    height: 56px;
    border-radius: 50%;
    font-size: 20px;
    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;
    color: var(--theme-color-white);
    background: var(--gradient-1);
    -webkit-transition: all 300ms ease;
    transition: all 300ms ease;
}
.about-section-five .content-column .inner-column .btn-box .readmore i {
    position: relative;
    z-index: 3;
}
.about-section-five .content-column .inner-column .btn-box .readmore:active {
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
}
.about-section-five .content-column .inner-column .btn-box .readmore:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    -webkit-transform: scale(0);
    transform: scale(0);
    opacity: 0;
    border-radius: 50%;
    background-color: var(--theme-color2);
    -webkit-transition: all 300ms ease;
    transition: all 300ms ease;
}
.about-section-five .content-column .inner-column .btn-box .readmore:hover:before {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
}
.about-section-five .content-column .inner-column .btn-box .sign {
    margin-left: 5px;
}
@media (max-width: 575.98px) {
    .about-section-five .content-column .inner-column .btn-box .sign {
        margin-left: 0;
    }
}
.about-section-five .content-column .inner-column .author-box .author-image-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-top: 17px;
    padding-left: 23px;
    margin-bottom: 7px;
}
.about-section-five .content-column .inner-column .author-box .author-image-box .author-image {
    margin-left: -20px;
}
.about-section-five .content-column .inner-column .author-box .author-image-box .author-image img {
    width: 50px;
    height: 50px;
    aspect-ratio: 1;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: 50%;
    border: 2px solid #fff;
}
.about-section-five .content-column .inner-column .author-box .number {
    font-size: 18px;
    color: var(--theme-color-black);
    font-weight: 600;
}
.about-section-five .image-column {
    margin-bottom: 50px;
}
.about-section-five .image-column .inner-column {
    position: relative;
    padding-right: 14px;
}
@media only screen and (max-width: 1699px) {
    .about-section-five .image-column .inner-column {
        margin-left: -50px;
        padding-right: 0;
    }
}
@media (max-width: 1399.98px) {
    .about-section-five .image-column .inner-column {
        margin-left: 0;
    }
}
@media (max-width: 991.98px) {
    .about-section-five .image-column .inner-column {
        width: 80%;
        margin: 0 auto;
    }
}
@media (max-width: 767.98px) {
    .about-section-five .image-column .inner-column {
        width: 100%;
    }
}
.about-section-five .image-column .inner-column .image {
    position: relative;
    width: 100%;
    margin-bottom: 0;
    overflow: hidden;
    z-index: 1;
    max-width: 595px;
    -webkit-mask-image: url("../images/icons/h4-img2-dfhO_0q.png");
    mask-image: url("../images/icons/h4-img2-dfhO_0q.png");
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: cover;
    mask-size: cover;
    -webkit-mask-position: center;
    mask-position: center;
}
.about-section-five .image-column .inner-column .image img {
    width: 100%;
}
@media (max-width: 991.98px) {
    .about-section-five .image-column .inner-column .image {
        max-width: 100%;
    }
}
.about-section-five .image-column .inner-column .shape-31 {
    position: absolute;
    top: 325px;
    left: 0px;
    z-index: 3;
}
@media (max-width: 1399.98px) {
    .about-section-five .image-column .inner-column .shape-31 {
        left: -10px;
    }
}
@media (max-width: 991.98px) {
    .about-section-five .image-column .inner-column .shape-31 {
        display: none;
    }
}
.about-section-five .image-column .inner-column .icon-37 {
    position: absolute;
    top: -40px;
    left: 260px;
}
@media (max-width: 1199.98px) {
    .about-section-five .image-column .inner-column .icon-37 {
        display: none;
    }
}
.about-section-five .image-column .inner-column .icon-38 {
    position: absolute;
    top: 8px;
    left: 68px;
    -webkit-animation: fa-spin 10s infinite linear;
    animation: fa-spin 10s infinite linear;
}
@media (max-width: 1199.98px) {
    .about-section-five .image-column .inner-column .icon-38 {
        display: none;
    }
}
.about-section-five .image-column .inner-column .icon-39 {
    position: absolute;
    top: 100px;
    left: 15px;
    -webkit-transform: rotate(-2deg);
    transform: rotate(-2deg);
}
@media (max-width: 1199.98px) {
    .about-section-five .image-column .inner-column .icon-39 {
        display: none;
    }
}
.about-section-five .image-column .inner-column .image-two {
    position: absolute;
    bottom: 0;
    right: 25px;
    width: 238px;
    height: 238px;
    overflow: hidden;
    margin-bottom: 0;
    border-radius: 50%;
    border: 10px solid var(--theme-color-white);
    -webkit-box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.15);
    box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.15);
    z-index: 3;
}
@media (max-width: 1399.98px) {
    .about-section-five .image-column .inner-column .image-two {
        right: 0;
        bottom: -20px;
    }
}
@media (max-width: 575.98px) {
    .about-section-five .image-column .inner-column .image-two {
        display: none;
    }
}
.about-section-five .image-column .inner-column .image-two img {
    width: 228px;
    height: 228px;
}
.about-section-five .image-column .inner-column .btn-box {
    position: absolute;
    top: -20px;
    right: 165px;
    width: 122px;
    height: 122px;
    background-color: var(--theme-color2);
    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;
    z-index: 3;
    -webkit-transition: all 300ms ease;
    transition: all 300ms ease;
}
@media (max-width: 1399.98px) {
    .about-section-five .image-column .inner-column .btn-box {
        top: -40px;
        right: 100px;
    }
}
@media (max-width: 1199.98px) {
    .about-section-five .image-column .inner-column .btn-box {
        top: -20px;
    }
}
@media (max-width: 575.98px) {
    .about-section-five .image-column .inner-column .btn-box {
        width: 90px;
        height: 90px;
        right: 20px;
    }
}
.about-section-five .image-column .inner-column .btn-box:hover {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}
.about-section-five .image-column .inner-column .btn-box:before {
    content: "";
    position: absolute;
    top: -13px;
    left: -13px;
    right: -13px;
    bottom: -13px;
    border-radius: 50%;
    background-color: rgba(255, 255, 255, 0.2);
}
.about-section-five .image-column .inner-column .btn-box .icon {
    position: relative;
    font-size: 20px;
    color: var(--theme-color-white);
}
.about-section-five .image-column .inner-column .btn-box .circular-text {
    position: absolute;
    top: 12px;
    left: 12px;
    fill: currentColor;
    height: auto;
    -webkit-transform-origin: center;
    transform-origin: center;
    width: 98px;
    height: 98px;
    -webkit-animation: fa-spin 30s infinite linear;
    animation: fa-spin 30s infinite linear;
}
@media (max-width: 575.98px) {
    .about-section-five .image-column .inner-column .btn-box .circular-text {
        width: 80px;
        height: 80px;
        top: 5px;
        left: 5px;
    }
}
.about-section-five .image-column .inner-column .btn-box .circular-text text {
    position: relative;
    font-size: 12px;
    font-weight: 500;
    letter-spacing: 1.6px;
    font-family: var(--heading-font-family);
    color: var(--theme-color-white);
    text-transform: uppercase;
}
@media (max-width: 575.98px) {
    .about-section-five .image-column .inner-column .btn-box .circular-text text {
        font-size: 12.5px;
    }
}

/***

====================================================================
  About Section-six
====================================================================

***/
.about-section-six {
    position: relative;
    padding: 90px 0 70px;
    z-index: 3;
}
@media (max-width: 991.98px) {
    .about-section-six {
        padding: 40px 0 75px;
    }
}
.about-section-six .sec-title .text {
    margin-top: 35px;
}
.about-section-six .shape-2 {
    position: absolute;
    top: -260px;
    right: -260px;
}
@media (max-width: 1399.98px) {
    .about-section-six .shape-2 {
        display: none;
    }
}
.about-section-six .shape-3 {
    position: absolute;
    bottom: -80px;
    left: -40px;
}
@media (max-width: 1399.98px) {
    .about-section-six .shape-3 {
        display: none;
    }
}
.about-section-six .sec-title {
    margin-bottom: 0px;
}
.about-section-six .content-column {
    margin-bottom: 50px;
}
.about-section-six .content-column .inner-column {
    position: relative;
    margin-left: -28px;
    margin-top: -10px;
}
@media (max-width: 991.98px) {
    .about-section-six .content-column .inner-column {
        margin-left: 0;
        margin-top: 0;
    }
}
.about-section-six .content-column .inner-column .skills {
    padding-right: 30px;
}
@media (max-width: 1199.98px) {
    .about-section-six .content-column .inner-column .skills {
        padding-right: 0;
    }
}
.about-section-six .content-column .inner-column .icon-outer-box {
    margin-bottom: 32px;
    padding-right: 30px;
}
@media (max-width: 575.98px) {
    .about-section-six .content-column .inner-column .icon-outer-box {
        margin-bottom: 20px;
    }
}
@media (max-width: 1199.98px) {
    .about-section-six .content-column .inner-column .icon-outer-box {
        padding-right: 0;
    }
}
@media (max-width: 575.98px) {
    .about-section-six .content-column .inner-column .icon-box {
        margin-bottom: 0;
    }
}
.about-section-six .content-column .inner-column .icon-box .inner-box {
    position: relative;
    padding: 15px 5px;
}
.about-section-six .content-column .inner-column .icon-box .inner-box .count-box.counted .count-text {
    display: inline-block;
}
@media (min-width: 992px) and (max-width: 1199.98px) {
    .about-section-six .content-column .inner-column .icon-box .inner-box .count-box.counted .count-text {
        font-size: 40px;
    }
}
@media (min-width: 768px) and (max-width: 991.98px) {
    .about-section-six .content-column .inner-column .icon-box .inner-box .count-box.counted .count-text {
        font-size: 35px;
    }
}
@media (min-width: 576px) and (max-width: 767.98px) {
    .about-section-six .content-column .inner-column .icon-box .inner-box .count-box.counted .count-text {
        font-size: 32px;
    }
}
.about-section-six .content-column .inner-column .icon-box .inner-box .count-box.counted span {
    font-size: 50px;
    font-weight: 800;
    color: var(--theme-color3);
}
@media (min-width: 992px) and (max-width: 1199.98px) {
    .about-section-six .content-column .inner-column .icon-box .inner-box .count-box.counted span {
        font-size: 40px;
    }
}
@media (min-width: 768px) and (max-width: 991.98px) {
    .about-section-six .content-column .inner-column .icon-box .inner-box .count-box.counted span {
        font-size: 35px;
    }
}
@media (min-width: 576px) and (max-width: 767.98px) {
    .about-section-six .content-column .inner-column .icon-box .inner-box .count-box.counted span {
        font-size: 32px;
    }
}
.about-section-six .content-column .inner-column .btn-box {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 13px;
    margin-top: 30px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.about-section-six .content-column .inner-column .btn-box .readmore {
    position: relative;
    width: 56px;
    height: 56px;
    border-radius: 50%;
    font-size: 20px;
    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;
    color: var(--theme-color-white);
    background: var(--gradient-1);
    -webkit-transition: all 300ms ease;
    transition: all 300ms ease;
}
.about-section-six .content-column .inner-column .btn-box .readmore i {
    position: relative;
    z-index: 3;
}
.about-section-six .content-column .inner-column .btn-box .readmore:active {
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
}
.about-section-six .content-column .inner-column .btn-box .readmore:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    -webkit-transform: scale(0);
    transform: scale(0);
    opacity: 0;
    border-radius: 50%;
    background-color: var(--theme-color2);
    -webkit-transition: all 300ms ease;
    transition: all 300ms ease;
}
.about-section-six .content-column .inner-column .btn-box .readmore:hover:before {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
}
.about-section-six .content-column .inner-column .btn-box .author-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 22px;
}
.about-section-six .content-column .inner-column .btn-box .author-box .author-image-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-left: 14px;
}
.about-section-six .content-column .inner-column .btn-box .author-box .author-image-box .author-image {
    margin-right: -8px;
}
.about-section-six .content-column .inner-column .btn-box .author-box .text {
    position: relative;
    color: #051b05;
    font-weight: 600;
}
.about-section-six .content-column .inner-column .btn-box .author-box .text::before {
    position: absolute;
    content: "";
    top: 25px;
    left: 0;
    height: 2px;
    width: 100%;
    background: var(--gradient-1);
}
.about-section-six .image-column {
    margin-bottom: 50px;
}
.about-section-six .image-column .inner-column {
    position: relative;
    padding-right: 72px;
}
@media (max-width: 1199.98px) {
    .about-section-six .image-column .inner-column {
        padding-right: 50px;
    }
}
@media (max-width: 991.98px) {
    .about-section-six .image-column .inner-column {
        padding-right: 0;
    }
}
.about-section-six .image-column .inner-column .image-box {
    position: relative;
}
@media (max-width: 991.98px) {
    .about-section-six .image-column .inner-column .image-box {
        max-width: 575px;
        margin: 0 auto;
    }
}
.about-section-six .image-column .inner-column .image-box .image {
    position: relative;
    margin-bottom: 0;
    text-align: right;
    -webkit-mask-image: url("../images/icons/h5-img-a8E3xoV.png");
    mask-image: url("../images/icons/h5-img-a8E3xoV.png");
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: cover;
    mask-size: cover;
    -webkit-mask-position: center;
    mask-position: center;
}
.about-section-six .image-column .inner-column .image-box .image2 {
    position: absolute;
    top: 170px;
    left: -162px;
    -webkit-mask-image: url("../images/icons/h5-img2-BQGVQbz.png");
    mask-image: url("../images/icons/h5-img2-BQGVQbz.png");
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: cover;
    mask-size: cover;
    -webkit-mask-position: center;
    mask-position: center;
}
@media (max-width: 1599.98px) {
    .about-section-six .image-column .inner-column .image-box .image2 {
        top: 125px;
        left: -50px;
    }
}
@media (max-width: 1399.98px) {
    .about-section-six .image-column .inner-column .image-box .image2 {
        top: 125px;
        left: 0px;
    }
}
@media (max-width: 991.98px) {
    .about-section-six .image-column .inner-column .image-box .image2 {
        top: 125px;
        left: 0;
    }
}
.about-section-six .image-column .inner-column .image-box .icon-17 {
    position: absolute;
    top: -100px;
    left: 125px;
}
@media (max-width: 1199.98px) {
    .about-section-six .image-column .inner-column .image-box .icon-17 {
        display: none;
    }
}
.about-section-six .image-column .inner-column .image-box .shape-38 {
    position: absolute;
    top: 0;
    left: -155px;
    z-index: -1;
}
@media (max-width: 1199.98px) {
    .about-section-six .image-column .inner-column .image-box .shape-38 {
        display: none;
    }
}
.about-section-six .image-column .inner-column .image-box .shape-39 {
    position: absolute;
    top: 155px;
    left: -155px;
    z-index: -1;
}
@media (max-width: 1599.98px) {
    .about-section-six .image-column .inner-column .image-box .shape-39 {
        display: none;
    }
}
.about-section-six .image-column .inner-column .image-box .shape-9 {
    position: absolute;
    top: 40px;
    left: -90px;
    z-index: -1;
}
@media (max-width: 1199.98px) {
    .about-section-six .image-column .inner-column .image-box .shape-9 {
        display: none;
    }
}
.about-section-six .image-column .inner-column .image-box .icon-42 {
    position: absolute;
    bottom: -165px;
    left: 165px;
    -webkit-animation: fa-spin 10s infinite linear;
    animation: fa-spin 10s infinite linear;
}
@media (max-width: 1399.98px) {
    .about-section-six .image-column .inner-column .image-box .icon-42 {
        display: none;
    }
}
.about-section-six .image-column .inner-column .image-box .btn-box {
    position: absolute;
    top: 215px;
    right: 55px;
    width: 130px;
    height: 130px;
    background-color: var(--theme-color2);
    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;
    z-index: 3;
    -webkit-transition: all 300ms ease;
    transition: all 300ms ease;
}
.about-section-six .image-column .inner-column .image-box .btn-box::before {
    content: "";
    position: absolute;
    top: -13px;
    left: -13px;
    right: -13px;
    bottom: -13px;
    border-radius: 50%;
    background-color: rgba(255, 255, 255, 0.2);
}
.about-section-six .image-column .inner-column .image-box .btn-box .circular-text {
    position: absolute;
    top: 12px;
    left: 12px;
    fill: currentColor;
    height: auto;
    -webkit-transform-origin: center;
    transform-origin: center;
    width: 105px;
    height: 105px;
    -webkit-animation: fa-spin 30s infinite linear;
    animation: fa-spin 30s infinite linear;
}
.about-section-six .image-column .inner-column .image-box .btn-box .circular-text text {
    position: relative;
    font-size: 12px;
    font-weight: 500;
    letter-spacing: 1.6px;
    font-family: var(--heading-font-family);
    color: var(--theme-color-white);
    text-transform: uppercase;
}
.about-section-six .image-column .inner-column .image-box .btn-box .icon {
    position: relative;
    font-size: 20px;
    color: var(--theme-color-white);
}

/***

====================================================================
  About Section-seven
====================================================================

***/
.about-section-seven {
    position: relative;
    padding: 110px 0 100px;
    z-index: 3;
}
@media (max-width: 991.98px) {
    .about-section-seven {
        padding: 60px 0 30px;
    }
}
.about-section-seven .shape-2 {
    position: absolute;
    top: -260px;
    right: -260px;
}
@media (max-width: 1399.98px) {
    .about-section-seven .shape-2 {
        display: none;
    }
}
.about-section-seven .shape-3 {
    position: absolute;
    top: -160px;
    left: 0px;
}
@media (max-width: 1399.98px) {
    .about-section-seven .shape-3 {
        display: none;
    }
}
.about-section-seven .sec-title {
    margin-bottom: 30px;
}
.about-section-seven .content-column {
    margin-bottom: 50px;
}
.about-section-seven .content-column .inner-column {
    position: relative;
    margin-left: 0px;
    margin-top: -10px;
}
@media (max-width: 991.98px) {
    .about-section-seven .content-column .inner-column {
        margin-left: 0;
        margin-top: 0;
    }
}
.about-section-seven .content-column .inner-column .skills {
    padding-right: 30px;
}
@media (max-width: 1199.98px) {
    .about-section-seven .content-column .inner-column .skills {
        padding-right: 0;
    }
}
.about-section-seven .content-column .inner-column .icon-outer-box {
    margin-bottom: 32px;
    padding-right: 30px;
}
@media (max-width: 575.98px) {
    .about-section-seven .content-column .inner-column .icon-outer-box {
        margin-bottom: 20px;
    }
}
@media (max-width: 1199.98px) {
    .about-section-seven .content-column .inner-column .icon-outer-box {
        padding-right: 0;
    }
}
@media (max-width: 575.98px) {
    .about-section-seven .content-column .inner-column .icon-box {
        margin-bottom: 15px;
    }
}
.about-section-seven .content-column .inner-column .icon-box .inner-box {
    position: relative;
    padding: 15px 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 20px;
    border-radius: 10px;
    background-color: var(--theme-color-white);
    -webkit-box-shadow: 0px 0px 40px 8px rgba(108, 67, 227, 0.2);
    box-shadow: 0px 0px 40px 8px rgba(108, 67, 227, 0.2);
}
.about-section-seven .content-column .inner-column .icon-box .inner-box:hover .icon {
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
}
.about-section-seven .content-column .inner-column .icon-box .inner-box .icon {
    position: relative;
    font-size: 40px;
    line-height: 1em;
    color: var(--theme-color1);
    -webkit-transition: all 300ms ease;
    transition: all 300ms ease;
}
.about-section-seven .content-column .inner-column .icon-box .inner-box .title {
    margin-bottom: 0;
}
.about-section-seven .content-column .inner-column .btn-box {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 13px;
    margin-top: 30px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.about-section-seven .content-column .inner-column .btn-box .readmore {
    position: relative;
    width: 56px;
    height: 56px;
    border-radius: 50%;
    font-size: 20px;
    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;
    color: var(--theme-color-white);
    background: var(--gradient-1);
    -webkit-transition: all 300ms ease;
    transition: all 300ms ease;
}
.about-section-seven .content-column .inner-column .btn-box .readmore i {
    position: relative;
    z-index: 3;
}
.about-section-seven .content-column .inner-column .btn-box .readmore:active {
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
}
.about-section-seven .content-column .inner-column .btn-box .readmore:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    -webkit-transform: scale(0);
    transform: scale(0);
    opacity: 0;
    border-radius: 50%;
    background-color: var(--theme-color2);
    -webkit-transition: all 300ms ease;
    transition: all 300ms ease;
}
.about-section-seven .content-column .inner-column .btn-box .readmore:hover:before {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
}
.about-section-seven .content-column .inner-column .btn-box .sign {
    margin-left: 5px;
}
@media (max-width: 575.98px) {
    .about-section-seven .content-column .inner-column .btn-box .sign {
        margin-left: 0;
    }
}
.about-section-seven .image-column {
    margin-bottom: 50px;
}
.about-section-seven .image-column .inner-column {
    position: relative;
    padding-right: 103px;
}
@media (max-width: 1199.98px) {
    .about-section-seven .image-column .inner-column {
        padding-right: 50px;
    }
}
@media (max-width: 991.98px) {
    .about-section-seven .image-column .inner-column {
        padding-right: 0;
    }
}
.about-section-seven .image-column .inner-column .image-box {
    position: relative;
}
@media (max-width: 991.98px) {
    .about-section-seven .image-column .inner-column .image-box {
        height: 500px;
    }
}
.about-section-seven .image-column .inner-column .image-box .exp-box {
    position: absolute;
    bottom: 160px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-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-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    text-align: right;
}
@media (max-width: 575.98px) {
    .about-section-seven .image-column .inner-column .image-box .exp-box {
        bottom: 80px;
    }
}
.about-section-seven .image-column .inner-column .image-box .exp-box .icon-8 {
    position: absolute;
}
@media (max-width: 575.98px) {
    .about-section-seven .image-column .inner-column .image-box .exp-box .icon-8 {
        width: 200px;
        height: 180px;
        background-size: contain;
        background-repeat: no-repeat;
    }
}
.about-section-seven .image-column .inner-column .image-box .exp-box .count {
    position: relative;
    color: var(--theme-color-white);
    margin-bottom: 0;
    padding-left: 20px;
}
@media (min-width: 576px) and (max-width: 767.98px) {
    .about-section-seven .image-column .inner-column .image-box .exp-box .count {
        font-size: 35px;
        padding-left: 0px;
    }
}
.about-section-seven .image-column .inner-column .image-box .exp-box .text {
    position: relative;
    padding-right: 20px;
    color: var(--theme-color-white);
    text-transform: uppercase;
    line-height: 1.3em;
    margin-bottom: 20px;
}
@media (max-width: 575.98px) {
    .about-section-seven .image-column .inner-column .image-box .exp-box .text {
        font-size: 14px;
        margin-bottom: 30px;
    }
}
.about-section-seven .image-column .inner-column .image-box .image {
    position: relative;
    margin-bottom: 0;
    width: 100%;
    overflow: hidden;
    border-radius: 20px;
}
@media (max-width: 991.98px) {
    .about-section-seven .image-column .inner-column .image-box .image {
        height: 100%;
    }
}
.about-section-seven .image-column .inner-column .image-box .image img {
    width: 100%;
}
@media (max-width: 991.98px) {
    .about-section-seven .image-column .inner-column .image-box .image img {
        height: 100%;
    }
}
.about-section-seven .image-column .inner-column .image-box .shape-1 {
    position: absolute;
    top: 35px;
    left: 39px;
}
@media (max-width: 1199.98px) {
    .about-section-seven .image-column .inner-column .image-box .shape-1 {
        display: none;
    }
}
.about-section-seven .image-column .inner-column .image-box .shape-43 {
    position: absolute;
    top: 0px;
    left: 39px;
}
@media (max-width: 1199.98px) {
    .about-section-seven .image-column .inner-column .image-box .shape-43 {
        display: none;
    }
}
.about-section-seven .image-column .inner-column .image-box .shape-44 {
    position: absolute;
    top: 220px;
    left: -55px;
}
@media (max-width: 1199.98px) {
    .about-section-seven .image-column .inner-column .image-box .shape-44 {
        display: none;
    }
}
.about-section-seven .image-column .inner-column .image-box .icon-box {
    position: absolute;
    top: 0;
    right: 0;
    padding: 0px 20px 22px 32px;
    border-bottom-left-radius: 20px;
    background-color: var(--theme-color-white);
}
@media (max-width: 1199.98px) {
    .about-section-seven .image-column .inner-column .image-box .icon-box {
        padding: 0px 20px 20px 20px;
    }
}
@media (max-width: 575.98px) {
    .about-section-seven .image-column .inner-column .image-box .icon-box {
        padding: 10px;
    }
}
.about-section-seven .image-column .inner-column .image-box .icon-box:before {
    content: "";
    position: absolute;
    top: -1px;
    left: -25px;
    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0,0 L0,200 Q0,0 200,0 Z' fill='white' /%3E%3C/svg%3E");
    background-size: cover;
    background-repeat: no-repeat;
    width: 28px;
    height: 30px;
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
}
@media (max-width: 1199.98px) {
    .about-section-seven .image-column .inner-column .image-box .icon-box:before {
        left: 4px;
    }
}
.about-section-seven .image-column .inner-column .image-box .icon-box:after {
    content: "";
    position: absolute;
    bottom: -25px;
    left: 106px;
    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0,0 L0,200 Q0,0 200,0 Z' fill='white' /%3E%3C/svg%3E");
    background-size: cover;
    background-repeat: no-repeat;
    width: 25px;
    height: 28px;
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
}
@media (max-width: 575.98px) {
    .about-section-seven .image-column .inner-column .image-box .icon-box:after {
        width: 25px;
        height: 28px;
        left: -45px;
    }
}
.about-section-seven .image-column .inner-column .image-box .icon-box .icon-6 {
    -webkit-animation: fa-spin 10s infinite linear;
    animation: fa-spin 10s infinite linear;
}
@media (max-width: 575.98px) {
    .about-section-seven .image-column .inner-column .image-box .icon-box .icon-6 {
        width: 50px;
        height: 50px;
        background-size: cover;
    }
}
.about-section-seven .image-column .inner-column .image-box .icon-box-two {
    position: absolute;
    top: 60px;
    left: -65px;
}
.about-section-seven .image-column .inner-column .image-box .icon-box-two .icon-7 {
    -webkit-animation: fa-spin 10s infinite linear;
    animation: fa-spin 10s infinite linear;
}

/***

====================================================================
  Client Section
====================================================================

***/
.client-section {
    position: relative;
    padding: 100px 0;
    background-color: var(--theme-color-white);
    z-index: 3;
}
@media (max-width: 767.98px) {
    .client-section {
        padding: 60px 0;
    }
}
.client-section .shape-4 {
    position: absolute;
    top: 0;
    left: -77px;
}
@media only screen and (max-width: 1699px) {
    .client-section .shape-4 {
        display: none;
    }
}
.client-section .outer-box {
    position: relative;
    border: 1px solid #e6e0fa;
    padding: 31px 38px;
    border-radius: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
@media (max-width: 991.98px) {
    .client-section .outer-box {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        padding: 25px 15px;
    }
}
.client-section .outer-box .title-box {
    position: relative;
    max-width: 216px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    padding-right: 40px;
    margin-right: 25px;
}
@media (max-width: 991.98px) {
    .client-section .outer-box .title-box {
        padding-right: 0;
        margin-right: 0;
        max-width: 100%;
        margin-bottom: 30px;
    }
}
.client-section .outer-box .title-box:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 1px;
    height: 100%;
    background-color: #e6e0fa;
}
@media (max-width: 991.98px) {
    .client-section .outer-box .title-box:before {
        display: none;
    }
}
.client-section .outer-box .title-box .title {
    margin-bottom: 0;
}
@media (max-width: 991.98px) {
    .client-section .outer-box .title-box .title br {
        display: none;
    }
}
@media (max-width: 575.98px) {
    .client-section .outer-box .title-box .title {
        font-size: 18px;
    }
}
.client-section .outer-box .title-box .icon {
    position: relative;
    margin-left: 20px;
    color: var(--theme-color1);
    font-size: 16px;
}
.client-section .outer-box .marquee-box {
    position: relative;
    width: 100%;
    overflow: hidden;
}
.client-section .outer-box .marquee-box .marquee {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: 90px;
    -webkit-animation: marquee 10s linear infinite;
    animation: marquee 10s linear infinite;
}
@media (max-width: 575.98px) {
    .client-section .outer-box .marquee-box .marquee {
        gap: 40px;
    }
}

.style-client {
    padding: 80px 0;
}
@media (max-width: 991.98px) {
    .style-client {
        padding: 30px 0;
    }
}

.client-block {
    position: relative;
    max-width: 100%;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}
.client-block .image {
    margin-bottom: 0;
}

/***

====================================================================
  Client Section Two
====================================================================

***/
.client-section-two {
    position: relative;
    padding: 20px 30px 0;
    z-index: 3;
}
@media (max-width: 1199.98px) {
    .client-section-two {
        padding: 20px 15px 0;
    }
}
@media (max-width: 767.98px) {
    .client-section-two {
        padding-top: 0;
    }
}
@media (max-width: 575.98px) {
    .client-section-two {
        padding: 0;
    }
}
.client-section-two .outer-box {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 58px 135px;
    border-radius: 20px;
    background: var(--theme-color3);
}
@media (max-width: 1199.98px) {
    .client-section-two .outer-box {
        padding: 50px 30px;
    }
}
@media (max-width: 991.98px) {
    .client-section-two .outer-box {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        padding: 25px 15px;
    }
}
@media (max-width: 575.98px) {
    .client-section-two .outer-box {
        border-radius: 0;
    }
}
.client-section-two .outer-box .title-box {
    position: relative;
    max-width: 216px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    padding-right: 40px;
    margin-right: 25px;
}
@media (max-width: 991.98px) {
    .client-section-two .outer-box .title-box {
        padding-right: 0;
        margin-right: 0;
        max-width: 100%;
        margin-bottom: 30px;
    }
}
.client-section-two .outer-box .title-box:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 1px;
    height: 100%;
    background-color: #e6e0fa;
}
@media (max-width: 991.98px) {
    .client-section-two .outer-box .title-box:before {
        display: none;
    }
}
.client-section-two .outer-box .title-box .title {
    margin-bottom: 0;
    color: var(--theme-color-white);
}
@media (max-width: 1199.98px) {
    .client-section-two .outer-box .title-box .title br {
        display: none;
    }
}
@media (max-width: 991.98px) {
    .client-section-two .outer-box .title-box .title {
        font-size: 18px;
    }
}
.client-section-two .outer-box .title-box .icon {
    position: relative;
    margin-left: 20px;
    color: var(--theme-color2);
    font-size: 16px;
    cursor: pointer;
}
.client-section-two .outer-box .marquee-box {
    position: relative;
    width: 100%;
    overflow: hidden;
}
.client-section-two .outer-box .marquee-box .marquee {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: 128px;
    -webkit-animation: marquee 10s linear infinite;
    animation: marquee 10s linear infinite;
}
@media (max-width: 575.98px) {
    .client-section-two .outer-box .marquee-box .marquee {
        gap: 40px;
    }
}
@media (max-width: 575.98px) {
    .client-section-two .client-block .image img {
        width: 50px;
    }
}

.style-brand {
    position: relative;
    padding: 20px 0px 0 170px;
    z-index: 3;
}
@media only screen and (max-width: 1699px) {
    .style-brand {
        padding: 20px 0px 0 0px;
    }
}
@media (max-width: 1399.98px) {
    .style-brand {
        padding: 20px 0px 0 0px;
    }
}

/***

====================================================================
  Client Section Three
====================================================================

***/
.client-section-three {
    position: relative;
    padding: 100px 30px 0;
    z-index: 3;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1019607843);
}
@media (max-width: 1199.98px) {
    .client-section-three {
        padding: 20px 15px 0;
    }
}
@media (max-width: 767.98px) {
    .client-section-three {
        padding-top: 0;
    }
}
@media (max-width: 575.98px) {
    .client-section-three {
        padding: 0;
    }
}
.client-section-three .outer-box {
    padding: 0px 0px;
}
@media (max-width: 1199.98px) {
    .client-section-three .outer-box {
        padding: 50px 30px;
    }
}
@media (max-width: 991.98px) {
    .client-section-three .outer-box {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        padding: 30px 0;
    }
}
@media (max-width: 575.98px) {
    .client-section-three .outer-box {
        border-radius: 0;
    }
}
.client-section-three .outer-box .title-box {
    text-align: center;
}
@media (max-width: 991.98px) {
    .client-section-three .outer-box .title-box {
        padding-right: 0;
        margin-right: 0;
        max-width: 100%;
        margin-bottom: 10px;
    }
}
.client-section-three .outer-box .title-box .title {
    margin-bottom: 0;
    color: var(--theme-color-black);
    font-weight: var(--body-font-weight);
}
@media (max-width: 991.98px) {
    .client-section-three .outer-box .title-box .title br {
        display: none;
    }
}
@media (max-width: 575.98px) {
    .client-section-three .outer-box .title-box .title {
        font-size: 18px;
    }
}
.client-section-three .outer-box .title-box .title span {
    color: var(--theme-color1);
    font-weight: 700;
}
.client-section-three .outer-box .title-box .icon {
    position: relative;
    margin-left: 20px;
    color: var(--theme-color2);
    font-size: 16px;
}
.client-section-three .outer-box .marquee-box {
    position: relative;
    width: 100%;
    overflow: hidden;
    padding: 30px 0 50px;
}
.client-section-three .outer-box .marquee-box .marquee {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: 128px;
    -webkit-animation: marquee 10s linear infinite;
    animation: marquee 10s linear infinite;
}
@media (max-width: 575.98px) {
    .client-section-three .outer-box .marquee-box .marquee {
        gap: 40px;
    }
}
.client-section-three .outer-box .marquee-box .marquee .client-block {
    opacity: 20%;
    -webkit-transition: all 300ms ease;
    transition: all 300ms ease;
}
.client-section-three .outer-box .marquee-box .marquee .client-block:hover {
    opacity: 100%;
}
@media (max-width: 767.98px) {
    .client-section-three .outer-box .marquee-box {
        padding: 0;
    }
}

/***

====================================================================
  Client Section four
====================================================================

***/
.client-section-four {
    position: relative;
    margin-top: 62px;
    padding: 100px 30px 0;
    z-index: 3;
}
@media (max-width: 1199.98px) {
    .client-section-four {
        padding: 20px 15px 0;
    }
}
@media (max-width: 767.98px) {
    .client-section-four {
        padding-top: 0;
    }
}
@media (max-width: 575.98px) {
    .client-section-four {
        padding: 0;
    }
}
.client-section-four .outer-box {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 23px 35px;
    border-radius: 20px;
    margin: 0 0px;
    border: 1px solid rgba(230, 224, 250, 0.2);
}
@media (max-width: 1199.98px) {
    .client-section-four .outer-box {
        padding: 50px 30px;
    }
}
@media (max-width: 991.98px) {
    .client-section-four .outer-box {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        padding: 25px 15px;
    }
}
@media (max-width: 575.98px) {
    .client-section-four .outer-box {
        border-radius: 0;
    }
}
.client-section-four .outer-box .title-box {
    position: relative;
    max-width: 216px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    padding-right: 40px;
    margin-right: 25px;
}
@media (max-width: 991.98px) {
    .client-section-four .outer-box .title-box {
        padding-right: 0;
        margin-right: 0;
        max-width: 100%;
        margin-bottom: 30px;
    }
}
.client-section-four .outer-box .title-box:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 1px;
    height: 100%;
    background-color: rgba(230, 224, 250, 0.2);
}
@media (max-width: 991.98px) {
    .client-section-four .outer-box .title-box:before {
        display: none;
    }
}
.client-section-four .outer-box .title-box .title {
    margin-bottom: 0;
    color: var(--theme-color-white);
}
@media (max-width: 991.98px) {
    .client-section-four .outer-box .title-box .title br {
        display: none;
    }
}
@media (max-width: 575.98px) {
    .client-section-four .outer-box .title-box .title {
        font-size: 18px;
    }
}
.client-section-four .outer-box .title-box .icon {
    position: relative;
    margin-left: 20px;
    color: var(--theme-color1);
    font-size: 18px;
}
.client-section-four .outer-box .marquee-box {
    position: relative;
    width: 100%;
    overflow: hidden;
}
.client-section-four .outer-box .marquee-box .marquee {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: 90px;
    -webkit-animation: marquee 10s linear infinite;
    animation: marquee 10s linear infinite;
}
@media (max-width: 575.98px) {
    .client-section-four .outer-box .marquee-box .marquee {
        gap: 40px;
    }
}
.client-section-four .outer-box .marquee-box .marquee .client-block .image {
    margin-bottom: 0;
    -webkit-filter: brightness(0) invert(1);
    filter: brightness(0) invert(1);
}

/***

====================================================================
    Project Section
====================================================================

***/
.project-section {
    position: relative;
    padding: 110px 50px;
}
@media (max-width: 767.98px) {
    .project-section {
        padding: 60px 12px;
    }
}
.project-section .outer-box {
    position: relative;
    margin: 0 70px;
    overflow: hidden;
    padding-top: 22px;
}
@media (max-width: 1199.98px) {
    .project-section .outer-box {
        margin: 0 0px;
    }
}
.project-section .outer-box .swiper {
    width: 100%;
}
.project-section .outer-box .swiper-pagination {
    position: relative;
    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: 40px;
}
.project-section .outer-box .swiper-pagination .swiper-pagination-bullet {
    position: relative;
    width: 15px;
    height: 15px;
    border-radius: 50%;
    opacity: 1;
    margin: 0 5px;
    border: 1px solid var(--theme-color1);
    background-color: transparent;
}
.project-section .outer-box .swiper-pagination .swiper-pagination-bullet-active {
    height: 20px;
    width: 20px;
    background-color: var(--theme-color1);
}

.project-block.swiper-slide-active .inner-box:before {
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
    opacity: 1;
    -webkit-transition-delay: 0.2s;
    transition-delay: 0.2s;
}
.project-block.swiper-slide-active .inner-box:after {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
    -webkit-transition-delay: 1s;
    transition-delay: 1s;
}
.project-block.swiper-slide-active .inner-box .content-box .cat-box {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
    -webkit-transition-delay: 0.4s;
    transition-delay: 0.4s;
}
.project-block.swiper-slide-active .inner-box .content-box .title {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
    -webkit-transition-delay: 0.6s;
    transition-delay: 0.6s;
}
.project-block.swiper-slide-active .inner-box .readmore {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
    -webkit-transition-delay: 0.8s;
    transition-delay: 0.8s;
}
.project-block .inner-box {
    position: relative;
    overflow: hidden;
    border-radius: 30px;
}
.project-block .inner-box:before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
    opacity: 0;
    -webkit-transform-origin: bottom;
    transform-origin: bottom;
    pointer-events: none;
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(47, 59, 167, 0)), color-stop(78%, #61b9ba));
    background: linear-gradient(to bottom, rgba(47, 59, 167, 0) 0%, #61b9ba 78%);
    -webkit-transition: all 300ms ease;
    transition: all 300ms ease;
    z-index: 1;
}
.project-block .inner-box:after {
    content: "";
    position: absolute;
    top: 18px;
    left: 17px;
    right: 17px;
    bottom: 17px;
    -webkit-transform: scale(0);
    transform: scale(0);
    opacity: 0;
    border-radius: 20px 100px 20px 100px;
    border: 2px solid var(--theme-color-white);
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
}
.project-block .inner-box .image-box {
    position: relative;
    width: 100%;
    height: 100%;
}
.project-block .inner-box .image {
    position: relative;
    width: 100%;
    margin-bottom: 0;
    height: 100%;
}
.project-block .inner-box .image img {
    width: 100%;
    height: 100%;
    min-height: 400px;
    -o-object-fit: cover;
    object-fit: cover;
    -webkit-transition: all 300ms ease;
    transition: all 300ms ease;
}
.project-block .inner-box .content-box {
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 25px 30px;
    z-index: 3;
}
.project-block .inner-box .content-box .cat-box {
    position: relative;
    padding: 9px 10px;
    border-radius: 100px;
    display: inline-block;
    background-color: var(--theme-color-white);
    margin-bottom: 15px;
    -webkit-transform: translateY(15px);
    transform: translateY(15px);
    opacity: 0;
    -webkit-transition: all 300ms ease;
    transition: all 300ms ease;
}
.project-block .inner-box .content-box .cat-box .cat {
    position: relative;
    font-size: 14px;
    line-height: 1em;
    margin-bottom: 0;
    font-weight: 600;
    background: var(--gradient-1);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    color: transparent;
    text-transform: uppercase;
}
.project-block .inner-box .content-box .title {
    position: relative;
    display: block;
    color: var(--theme-color-white);
    text-transform: capitalize;
    -webkit-transform: translateY(15px);
    transform: translateY(15px);
    opacity: 0;
    -webkit-transition: all 300ms ease;
    transition: all 300ms ease;
}
.project-block .inner-box .readmore {
    position: absolute;
    top: 21px;
    right: 17px;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    font-size: 20px;
    color: var(--theme-color-white);
    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-transform: scale(0);
    transform: scale(0);
    opacity: 0;
    background-color: var(--theme-color2);
    -webkit-transition: all 300ms ease;
    transition: all 300ms ease;
    z-index: 3;
}

/***

====================================================================
    Project Section Two
====================================================================

***/
.project-section-two {
    position: relative;
    padding: 120px 0;
    background-color: var(--theme-color3);
}
@media (max-width: 767.98px) {
    .project-section-two {
        padding: 60px 0;
    }
}
.project-section-two .shape-12 {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0.2;
}
.project-section-two .shape-16 {
    position: absolute;
    bottom: 0;
    right: 0;
    opacity: 0.2;
}
.project-section-two .sec-title-outer {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
.project-section-two .project-swiper-two .swiper-slide {
    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;
    max-height: 100%;
}
.project-section-two .outer-box {
    position: relative;
    max-width: 1600px;
    width: 100%;
    padding: 0 15px;
    padding-top: 60px;
    margin: 0 auto;
}
@media (max-width: 767.98px) {
    .project-section-two .outer-box {
        padding-top: 0;
    }
}
.project-section-two .outer-box:before {
    content: "";
    position: absolute;
    top: 0;
    bottom: -80px;
    left: 180px;
    right: 180px;
    width: auto;
    height: auto;
    border-radius: 30px;
    background: var(--gradient-1);
}
@media (max-width: 1399.98px) {
    .project-section-two .outer-box:before {
        left: 80px;
        right: 80px;
    }
}
@media (max-width: 991.98px) {
    .project-section-two .outer-box:before {
        display: none;
    }
}
.project-section-two .outer-box .nav-box {
    position: absolute;
    top: -120px;
    right: 180px;
    width: 122px;
    height: 66px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 18px;
    border-radius: 100px;
    background-color: var(--theme-color3);
    z-index: 3;
}
@media (max-width: 1399.98px) {
    .project-section-two .outer-box .nav-box {
        right: 80px;
    }
}
@media (max-width: 991.98px) {
    .project-section-two .outer-box .nav-box {
        position: relative;
        right: 0;
        top: 0;
        margin: 30px auto 0;
    }
}
.project-section-two .outer-box .nav-box .swiper-button-prev,
.project-section-two .outer-box .nav-box .swiper-button-next {
    width: 46px;
    height: 46px;
    font-size: 20px;
    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;
    color: var(--theme-color1);
    background-color: transparent;
    border: 1px solid var(--theme-color1);
    -webkit-transition: all 300ms ease;
    transition: all 300ms ease;
}
.project-section-two .outer-box .nav-box .swiper-button-prev:before,
.project-section-two .outer-box .nav-box .swiper-button-next:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    border-radius: 50%;
    -webkit-transform: scale(0.2);
    transform: scale(0.2);
    opacity: 0;
    background: var(--gradient-1);
    -webkit-transition: all 300ms ease;
    transition: all 300ms ease;
}
.project-section-two .outer-box .nav-box .swiper-button-prev .icon,
.project-section-two .outer-box .nav-box .swiper-button-next .icon {
    position: relative;
    z-index: 1;
}
.project-section-two .outer-box .nav-box .swiper-button-prev:after,
.project-section-two .outer-box .nav-box .swiper-button-next:after {
    display: none;
}
.project-section-two .outer-box .nav-box .swiper-button-prev:hover,
.project-section-two .outer-box .nav-box .swiper-button-next:hover {
    color: var(--theme-color-white);
}
.project-section-two .outer-box .nav-box .swiper-button-prev:hover:before,
.project-section-two .outer-box .nav-box .swiper-button-next:hover:before {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
}

.project-block-two .inner-box {
    position: relative;
    border-radius: 30px;
    overflow: hidden;
}
.project-block-two .inner-box:hover .image img {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}
.project-block-two .inner-box:hover .content-box:before {
    opacity: 0.9;
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
}
.project-block-two .inner-box:hover .content-box .btn-box {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
    -webkit-transition-delay: 0.4s;
    transition-delay: 0.4s;
}
.project-block-two .inner-box:hover .content-box .title {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
    -webkit-transition-delay: 0.2s;
    transition-delay: 0.2s;
}
.project-block-two .inner-box .image {
    position: relative;
    width: 100%;
    margin-bottom: 0;
}
.project-block-two .inner-box .image img {
    width: 100%;
    -webkit-transition: all 300ms ease;
    transition: all 300ms ease;
}
.project-block-two .inner-box .content-box {
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 63px 40px 35px;
    z-index: 3;
}
@media (max-width: 1199.98px) {
    .project-block-two .inner-box .content-box {
        padding: 63px 20px 35px;
    }
}
.project-block-two .inner-box .content-box:before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 145px;
    opacity: 0.9;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    opacity: 0;
    -webkit-transform-origin: left;
    transform-origin: left;
    border-radius: 20px 150px 0 0;
    background-color: var(--theme-color2);
    -webkit-transition: all 300ms ease;
    transition: all 300ms ease;
}
.project-block-two .inner-box .content-box .btn-box {
    position: relative;
    opacity: 0;
    -webkit-transform: translateY(-15px);
    transform: translateY(-15px);
    -webkit-transition: all 300ms ease;
    transition: all 300ms ease;
}
.project-block-two .inner-box .content-box .btn-box .readmore {
    position: relative;
    width: 60px;
    height: 60px;
    font-size: 20px;
    border-radius: 50%;
    margin-bottom: 15px;
    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;
    color: var(--theme-color-white);
    background-color: var(--theme-color3);
    -webkit-transition: all 300ms ease;
    transition: all 300ms ease;
    z-index: 3;
}
.project-block-two .inner-box .content-box .btn-box .readmore:hover {
    background-color: var(--theme-color1);
}
.project-block-two .inner-box .content-box .title {
    position: relative;
    display: block;
    margin-bottom: 0;
    line-height: 30px;
    -webkit-transform: translateY(-15px);
    transform: translateY(-15px);
    opacity: 0;
    color: var(--theme-color-white);
    text-transform: capitalize;
    -webkit-transition: all 300ms ease;
    transition: all 300ms ease;
}
@media (max-width: 575.98px) {
    .project-block-two .inner-box .content-box .title {
        font-size: 20px;
    }
}
.project-block-two .inner-box .content-box .title a:hover {
    color: var(--theme-color3);
}

/***

====================================================================
    Project Section Three
====================================================================

***/
@media (max-width: 991.98px) {
    .project-section-three {
        padding: 60px 0;
    }
}
.project-section-three .shape-12 {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0.2;
}
.project-section-three .shape-16 {
    position: absolute;
    bottom: 0;
    right: 0;
    opacity: 0.2;
}
.project-section-three .sec-title-outer {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
.project-section-three .project-swiper-three .swiper-slide {
    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;
    max-height: 100%;
}
.project-section-three .outer-swiper {
    margin: 0 -157px;
}
@media (max-width: 767.98px) {
    .project-section-three .outer-swiper {
        margin: 0 15px;
    }
}
.project-section-three .outer-box {
    width: 100%;
    margin: 0 auto;
    background-color: var(--theme-color3);
    position: relative;
    padding: 120px 0;
    max-width: 1572px;
    border-radius: 0 0px 25px 25px;
}
.project-section-three .outer-box .bg-pattern-9 {
    border-radius: 0 0px 25px 25px;
}
.project-section-three .outer-box .nav-box {
    position: absolute;
    top: 170px;
    right: 180px;
    width: 122px;
    height: 66px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 18px;
    border-radius: 100px;
    background-color: var(--theme-color3);
    z-index: 3;
}
@media (max-width: 1399.98px) {
    .project-section-three .outer-box .nav-box {
        right: 80px;
    }
}
@media (max-width: 991.98px) {
    .project-section-three .outer-box .nav-box {
        right: 40px;
    }
}
@media (max-width: 767.98px) {
    .project-section-three .outer-box .nav-box {
        position: relative;
        right: 0;
        top: 0;
        margin: 30px auto 0;
    }
}
.project-section-three .outer-box .nav-box .swiper-button-prev,
.project-section-three .outer-box .nav-box .swiper-button-next {
    width: 46px;
    height: 46px;
    font-size: 20px;
    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;
    color: var(--theme-color-white);
    background-color: transparent;
    border: 1px solid var(--theme-color-white);
    -webkit-transition: all 300ms ease;
    transition: all 300ms ease;
}
.project-section-three .outer-box .nav-box .swiper-button-prev:before,
.project-section-three .outer-box .nav-box .swiper-button-next:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    border-radius: 50%;
    -webkit-transform: scale(0.2);
    transform: scale(0.2);
    opacity: 0;
    background: var(--gradient-1);
    -webkit-transition: all 300ms ease;
    transition: all 300ms ease;
}
.project-section-three .outer-box .nav-box .swiper-button-prev .icon,
.project-section-three .outer-box .nav-box .swiper-button-next .icon {
    position: relative;
    z-index: 1;
}
.project-section-three .outer-box .nav-box .swiper-button-prev:after,
.project-section-three .outer-box .nav-box .swiper-button-next:after {
    display: none;
}
.project-section-three .outer-box .nav-box .swiper-button-prev:hover,
.project-section-three .outer-box .nav-box .swiper-button-next:hover {
    border: 1px solid transparent;
}
.project-section-three .outer-box .nav-box .swiper-button-prev:hover:before,
.project-section-three .outer-box .nav-box .swiper-button-next:hover:before {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
}

.project-block-three .inner-box {
    position: relative;
    border-radius: 15px;
    overflow: hidden;
}
.project-block-three .inner-box:before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 8px;
    opacity: 0;
    z-index: 1;
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(47, 59, 167, 0)), color-stop(78.32%, #61b9ba));
    background: linear-gradient(180deg, rgba(47, 59, 167, 0) 0%, #61b9ba 78.32%);
    -webkit-transition: all 300ms ease;
    transition: all 300ms ease;
}
.project-block-three .inner-box:hover:before {
    opacity: 1;
}
.project-block-three .inner-box:hover .content-box {
    background-color: transparent;
}
.project-block-three .inner-box:hover .content-box .sub-title,
.project-block-three .inner-box:hover .content-box .title a {
    color: var(--theme-color-white);
}
.project-block-three .inner-box .image {
    position: relative;
    width: 100%;
    overflow: hidden;
    margin-bottom: 0;
}
.project-block-three .inner-box .image img {
    width: 100%;
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
}
.project-block-three .inner-box:hover .image img {
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}
.project-block-three .inner-box:hover .btn-box {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
    -webkit-transition-delay: 0.3s;
    transition-delay: 0.3s;
}
.project-block-three .inner-box .btn-box {
    position: absolute;
    bottom: 230px;
    left: 40%;
    opacity: 0;
    z-index: 1;
    -webkit-transform: translateY(-15px);
    transform: translateY(-15px);
    -webkit-transition: all 300ms ease;
    transition: all 300ms ease;
}
.project-block-three .inner-box .btn-box .readmore {
    position: relative;
    width: 90px;
    height: 90px;
    font-size: 23px;
    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;
    background-color: var(--theme-color-white);
    color: var(--theme-color3);
    -webkit-transition: all 300ms ease;
    transition: all 300ms ease;
    z-index: 3;
}
.project-block-three .inner-box .btn-box .readmore:hover {
    background-color: var(--theme-color1);
    color: var(--theme-color-white);
}
.project-block-three .inner-box .content-box {
    position: absolute;
    bottom: 20px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    opacity: 0.9;
    padding: 26px 20px 36px;
    background-color: var(--theme-color-white);
    border-radius: 8px;
    width: 90%;
    z-index: 1;
    -webkit-transition: all 300ms ease;
    transition: all 300ms ease;
}
@media (max-width: 1199.98px) {
    .project-block-three .inner-box .content-box {
        padding: 20px 20px 30px;
    }
}
.project-block-three .inner-box .content-box .sub-title {
    font-size: 14px;
    color: var(--theme-color3);
    margin: 0 0 10px;
    -webkit-transition: all 300ms ease;
    transition: all 300ms ease;
}
.project-block-three .inner-box .content-box .title {
    position: relative;
    display: block;
    font-size: 26px;
    margin-bottom: 0;
    line-height: 30px;
    color: var(--theme-color-black);
    text-transform: capitalize;
    -webkit-transition: all 300ms ease;
    transition: all 300ms ease;
}
@media (min-width: 1400px) and (max-width: 1599.98px) {
    .project-block-three .inner-box .content-box .title {
        font-size: 24px;
    }
}
@media (min-width: 1200px) and (max-width: 1399.98px) {
    .project-block-three .inner-box .content-box .title {
        font-size: 20px;
    }
}
@media (max-width: 991.98px) {
    .project-block-three .inner-box .content-box .title {
        font-size: 22px;
    }
}
@media (max-width: 575.98px) {
    .project-block-three .inner-box .content-box .title {
        font-size: 20px;
    }
}

/***

====================================================================
    Project Section style-one
====================================================================

***/
.project-section.style-one {
    position: relative;
    padding: 110px 50px 130px;
}
.project-section.style-one .shape-15 {
    position: absolute;
    top: -140px;
    left: 0;
}
.project-section.style-one .shape-9 {
    position: absolute;
    top: 0;
    right: 0;
}
@media (max-width: 991.98px) {
    .project-section.style-one {
        padding: 60px 12px 80px;
    }
}
.project-section.style-one .outer-box {
    padding: 22px 0;
}
@media (max-width: 991.98px) {
    .project-section.style-one .nav-box {
        display: none;
    }
}
.project-section.style-one .nav-box .swiper-button-prev {
    font-size: 18px;
    width: 56px;
    height: 56px;
    line-height: 56px;
    border-radius: 50%;
    text-align: center;
    background: #E6E0FA;
    color: var(--theme-color-black);
    top: calc(50% + 84px);
    left: 50px;
    -webkit-transition: all 300ms ease;
    transition: all 300ms ease;
}
.project-section.style-one .nav-box .swiper-button-prev:hover {
    background: var(--gradient-1);
    color: var(--theme-color-white);
}
.project-section.style-one .nav-box .swiper-button-prev:after {
    display: none;
}
.project-section.style-one .nav-box .swiper-button-next {
    font-size: 18px;
    width: 56px;
    height: 56px;
    line-height: 56px;
    border-radius: 50%;
    text-align: center;
    background: #E6E0FA;
    color: var(--theme-color-black);
    top: calc(50% + 84px);
    right: 50px;
    -webkit-transition: all 300ms ease;
    transition: all 300ms ease;
}
.project-section.style-one .nav-box .swiper-button-next:hover {
    background: var(--gradient-1);
    color: var(--theme-color-white);
}
.project-section.style-one .nav-box .swiper-button-next:after {
    display: none;
}

/***
====================================================================
    Project Section four
====================================================================
***/
.project-section-four {
    position: relative;
    padding: 15px 0 105px;
}
@media (max-width: 991.98px) {
    .project-section-four {
        padding: 0 0 60px;
    }
}
.project-section-four .icon-21.bounce-x {
    position: absolute;
    top: 0;
    right: 0;
}
@media (max-width: 1199.98px) {
    .project-section-four .icon-21.bounce-x {
        display: none;
    }
}
.project-section-four .shape-8 {
    position: absolute;
    bottom: 80px;
    right: -165px;
}
.project-section-four .image-column .inner-column {
    position: relative;
}
.project-section-four .image-column .inner-column .image-box {
    position: relative;
}
.project-section-four .image-column .inner-column .image-box .image {
    margin-bottom: 0;
    border-radius: 30px;
    overflow: hidden;
}
@media (max-width: 991.98px) {
    .project-section-four .image-column .inner-column .image-box .image {
        max-height: 400px;
    }
}
.project-section-four .image-column .inner-column .image-box .image img {
    width: 100%;
}
.project-section-four .image-column .inner-column .image-box .exp-box {
    position: absolute;
    bottom: 160px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-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-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    text-align: right;
}
.project-section-four .image-column .inner-column .image-box .exp-box .icon-8 {
    position: absolute;
}
.project-section-four .image-column .inner-column .image-box .exp-box .count {
    position: relative;
    color: var(--theme-color-white);
    margin-bottom: 0;
    padding-left: 20px;
}
.project-section-four .image-column .inner-column .image-box .exp-box .text {
    position: relative;
    padding-right: 20px;
    color: var(--theme-color-white);
    text-transform: uppercase;
    line-height: 1.3em;
    margin-bottom: 20px;
}
.project-section-four .image-column .inner-column .image-box .icon-7 {
    position: absolute;
    top: 70px;
    left: -110px;
    -webkit-animation: fa-spin 10s infinite linear;
    animation: fa-spin 10s infinite linear;
}
.project-section-four .content-column {
    position: relative;
}
.project-section-four .content-column .inner-column {
    border: 1px solid rgba(0, 0, 0, 0.1019607843);
    border-radius: 30px;
    padding: 130px 36px 130px;
}
@media (max-width: 1199.98px) {
    .project-section-four .content-column .inner-column {
        padding: 57px 10px;
    }
}
.project-section-four .content-column .inner-column .icon-box {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 33px;
    margin-bottom: 55px;
    -webkit-transition: all 300ms ease;
    transition: all 300ms ease;
}
@media (max-width: 1199.98px) {
    .project-section-four .content-column .inner-column .icon-box {
        gap: 8px;
    }
}
@media (max-width: 575.98px) {
    .project-section-four .content-column .inner-column .icon-box {
        gap: 0;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        text-align: center;
    }
}
.project-section-four .content-column .inner-column .icon-box .inner-box {
    position: relative;
    height: 100px;
    min-width: 100px;
    border-radius: 50%;
    line-height: 100px;
    text-align: center;
    border: 1px solid rgba(0, 0, 0, 0.1019607843);
    z-index: 1;
    -webkit-transition: all 300ms ease;
    transition: all 300ms ease;
}
@media (max-width: 575.98px) {
    .project-section-four .content-column .inner-column .icon-box .inner-box {
        margin-bottom: 20px;
    }
}
.project-section-four .content-column .inner-column .icon-box .inner-box .number {
    font-size: 48px;
    color: var(--theme-color-black);
    -webkit-transition: all 300ms ease;
    transition: all 300ms ease;
}
@media (min-width: 992px) and (max-width: 1199.98px) {
    .project-section-four .content-column .inner-column .icon-box .inner-box .number {
        font-size: 38px;
    }
}
@media (min-width: 576px) and (max-width: 767.98px) {
    .project-section-four .content-column .inner-column .icon-box .inner-box .number {
        font-size: 32px;
    }
}
.project-section-four .content-column .inner-column .icon-box .inner-box .icon {
    font-size: 48px;
    color: var(--theme-color-white);
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
    opacity: 0;
    -webkit-transition: all 300ms ease;
    transition: all 300ms ease;
}
@media (min-width: 992px) and (max-width: 1199.98px) {
    .project-section-four .content-column .inner-column .icon-box .inner-box .icon {
        font-size: 38px;
    }
}
@media (min-width: 576px) and (max-width: 767.98px) {
    .project-section-four .content-column .inner-column .icon-box .inner-box .icon {
        font-size: 32px;
    }
}
.project-section-four .content-column .inner-column .icon-box .inner-box::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    -webkit-transform: scale(0);
    transform: scale(0);
    z-index: -1;
    border-radius: 50%;
    background: var(--gradient-1);
    -webkit-transition: all 300ms ease;
    transition: all 300ms ease;
}
.project-section-four .content-column .inner-column .icon-box .content-box .title {
    font-size: 26px;
    line-height: 30px;
}
@media (min-width: 992px) and (max-width: 1199.98px) {
    .project-section-four .content-column .inner-column .icon-box .content-box .title {
        font-size: 22px;
    }
}
@media (max-width: 1199.98px) {
    .project-section-four .content-column .inner-column .icon-box .content-box .text br {
        display: none;
    }
}
.project-section-four .content-column .inner-column .icon-box:hover .inner-box::before {
    -webkit-transform: scale(1);
    transform: scale(1);
}
.project-section-four .content-column .inner-column .icon-box:hover .icon {
    opacity: 1;
    -webkit-transform: rotate(180deg) scale(-1);
    transform: rotate(180deg) scale(-1);
}
.project-section-four .content-column .inner-column .icon-box:hover .number {
    opacity: 0;
}
.project-section-four .content-column .inner-column .icon-7 {
    position: absolute;
    bottom: 0px;
    right: -110px;
    -webkit-animation: fa-spin 10s infinite linear;
    animation: fa-spin 10s infinite linear;
}

/***

====================================================================
    Project Section five
====================================================================

***/
.project-section-five {
    position: relative;
    padding: 120px 0;
}
.project-section-five .shape-12 {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0.2;
}
.project-section-five .shape-16 {
    position: absolute;
    bottom: 0;
    right: 0;
    opacity: 0.2;
}
.project-section-five .sec-title-outer {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
.project-section-five .outer-box {
    position: relative;
    max-width: 1600px;
    width: 100%;
    padding: 0 15px;
    margin: 0 auto;
}
.project-section-five .outer-box .nav-box {
    position: absolute;
    top: -120px;
    right: 180px;
    width: 122px;
    height: 66px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 18px;
    border-radius: 100px;
    background-color: var(--theme-color3);
    z-index: 3;
}
@media (max-width: 1399.98px) {
    .project-section-five .outer-box .nav-box {
        right: 80px;
    }
}
@media (max-width: 991.98px) {
    .project-section-five .outer-box .nav-box {
        right: 40px;
    }
}
@media (max-width: 767.98px) {
    .project-section-five .outer-box .nav-box {
        position: relative;
        right: 0;
        top: 0;
        margin: 30px auto 0;
    }
}
.project-section-five .outer-box .nav-box .swiper-button-prev,
.project-section-five .outer-box .nav-box .swiper-button-next {
    width: 46px;
    height: 46px;
    font-size: 20px;
    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;
    color: var(--theme-color1);
    background-color: transparent;
    border: 1px solid var(--theme-color1);
    -webkit-transition: all 300ms ease;
    transition: all 300ms ease;
}
.project-section-five .outer-box .nav-box .swiper-button-prev:before,
.project-section-five .outer-box .nav-box .swiper-button-next:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    border-radius: 50%;
    -webkit-transform: scale(0.2);
    transform: scale(0.2);
    opacity: 0;
    background: var(--gradient-1);
    -webkit-transition: all 300ms ease;
    transition: all 300ms ease;
}
.project-section-five .outer-box .nav-box .swiper-button-prev .icon,
.project-section-five .outer-box .nav-box .swiper-button-next .icon {
    position: relative;
    z-index: 1;
}
.project-section-five .outer-box .nav-box .swiper-button-prev:after,
.project-section-five .outer-box .nav-box .swiper-button-next:after {
    display: none;
}
.project-section-five .outer-box .nav-box .swiper-button-prev:hover,
.project-section-five .outer-box .nav-box .swiper-button-next:hover {
    color: var(--theme-color-white);
}
.project-section-five .outer-box .nav-box .swiper-button-prev:hover:before,
.project-section-five .outer-box .nav-box .swiper-button-next:hover:before {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
}
.project-section-five .outer-box .button-box {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 13px;
    margin-top: 80px;
}
.project-section-five .outer-box .button-box .readmore {
    position: relative;
    width: 56px;
    height: 56px;
    border-radius: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    line-height: 56px;
    font-size: 20px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: var(--theme-color-white);
    background: var(--gradient-1);
    -webkit-transition: all 300ms ease;
    transition: all 300ms ease;
}
.project-section-five .outer-box .button-box .readmore::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    -webkit-transform: scale(0);
    transform: scale(0);
    opacity: 0;
    border-radius: 50%;
    background-color: var(--theme-color2);
    -webkit-transition: all 300ms ease;
    transition: all 300ms ease;
}
.project-section-five .outer-box .button-box .readmore:hover::before {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
}
.project-section-five .outer-box .button-box .readmore i {
    position: relative;
    z-index: 3;
}

.project-block-four .inner-box {
    position: relative;
    border-radius: 30px;
    overflow: hidden;
}
.project-block-four .inner-box:hover .image img {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}
.project-block-four .inner-box:hover .content-box:before {
    opacity: 0.9;
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
}
.project-block-four .inner-box:hover .content-box .btn-box {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
    -webkit-transition-delay: 0.4s;
    transition-delay: 0.4s;
}
.project-block-four .inner-box:hover .content-box .title {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
    -webkit-transition-delay: 0.2s;
    transition-delay: 0.2s;
}
.project-block-four .inner-box .image {
    position: relative;
    width: 100%;
    margin-bottom: 0;
}
.project-block-four .inner-box .image img {
    width: 100%;
    -webkit-transition: all 300ms ease;
    transition: all 300ms ease;
}
.project-block-four .inner-box .content-box {
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 63px 40px 35px;
    z-index: 3;
}
@media (max-width: 1199.98px) {
    .project-block-four .inner-box .content-box {
        padding: 63px 20px 35px;
    }
}
.project-block-four .inner-box .content-box:before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 145px;
    opacity: 0.9;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    opacity: 0;
    -webkit-transform-origin: left;
    transform-origin: left;
    background-color: var(--theme-color2);
    -webkit-transition: all 300ms ease;
    transition: all 300ms ease;
}
.project-block-four .inner-box .content-box .btn-box {
    position: relative;
    opacity: 0;
    -webkit-transform: translateY(-15px);
    transform: translateY(-15px);
    -webkit-transition: all 300ms ease;
    transition: all 300ms ease;
}
.project-block-four .inner-box .content-box .btn-box .readmore {
    position: relative;
    width: 60px;
    height: 60px;
    font-size: 20px;
    border-radius: 50%;
    margin-bottom: 15px;
    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;
    color: var(--theme-color2);
    background-color: var(--theme-color-white);
    -webkit-transition: all 300ms ease;
    transition: all 300ms ease;
    z-index: 3;
}
.project-block-four .inner-box .content-box .btn-box .readmore:hover {
    background-color: var(--theme-color1);
}
.project-block-four .inner-box .content-box .title {
    position: relative;
    display: block;
    margin-bottom: 0;
    line-height: 30px;
    -webkit-transform: translateY(-15px);
    transform: translateY(-15px);
    opacity: 0;
    color: var(--theme-color-white);
    text-transform: capitalize;
    -webkit-transition: all 300ms ease;
    transition: all 300ms ease;
}
@media (max-width: 575.98px) {
    .project-block-four .inner-box .content-box .title {
        font-size: 20px;
    }
}
.project-block-four .inner-box .content-box .title a:hover {
    color: var(--theme-color3);
}

/***

====================================================================
  Service Section
====================================================================

***/
.service-section {
    position: relative;
    padding: 120px 0;
}
@media (max-width: 767.98px) {
    .service-section {
        padding: 60px 0;
    }
}
.service-section .bg {
    height: 2092px;
    background-size: contain;
    background-position: top center;
}
@media (max-width: 1199.98px) {
    .service-section .bg {
        background-size: cover;
    }
}
.service-section .outer-box {
    position: relative;
}
.service-section .outer-box .nav-box {
    position: absolute;
    bottom: calc(50% - 28px);
    left: -115px;
    right: -115px;
    width: 1380px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    height: 56px;
}
@media (min-width: 1400px) and (max-width: 1599.98px) {
    .service-section .outer-box .nav-box {
        position: relative;
        top: auto;
        bottom: 0;
        left: 50%;
        right: auto;
        width: 140px;
        margin-top: 20px;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
    }
}
@media (min-width: 1200px) and (max-width: 1399.98px) {
    .service-section .outer-box .nav-box {
        position: relative;
        top: auto;
        bottom: -40px;
        left: 50%;
        right: auto;
        width: 140px;
        margin-top: -22px;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
    }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
    .service-section .outer-box .nav-box {
        position: relative;
        top: auto;
        bottom: -50px;
        left: 50%;
        right: auto;
        width: 140px;
        margin-top: -22px;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
    }
}
@media (min-width: 768px) and (max-width: 991.98px) {
    .service-section .outer-box .nav-box {
        position: relative;
        top: auto;
        bottom: -50px;
        left: 50%;
        right: auto;
        width: 140px;
        margin-top: -22px;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
    }
}
.service-section .outer-box .swiper-button-prev,
.service-section .outer-box .swiper-button-next {
    width: 56px;
    height: 56px;
    margin-top: -22px;
    font-size: 20px;
    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;
    color: var(--theme-color-white);
    background-color: var(--theme-color3);
    -webkit-transition: all 300ms ease;
    transition: all 300ms ease;
}
@media (max-width: 1399.98px) {
    .service-section .outer-box .swiper-button-prev,
    .service-section .outer-box .swiper-button-next {
        margin-top: -22px;
    }
}
.service-section .outer-box .swiper-button-prev:after,
.service-section .outer-box .swiper-button-next:after {
    display: none;
}
.service-section .outer-box .swiper-button-prev:hover,
.service-section .outer-box .swiper-button-next:hover {
    background-color: var(--theme-color1);
}
.service-section .shape-3 {
    position: absolute;
    top: 0;
    left: 0;
}
.service-section .shape-2 {
    position: absolute;
    bottom: 0;
    right: 0;
}

.service-block .inner-box {
    position: relative;
    overflow: hidden;
    border-radius: 200px 200px 30px 110px;
    background-color: var(--theme-color3);
}
.service-block .inner-box:before {
    content: "";
    position: absolute;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
    border-top-left-radius: 60%;
    -webkit-transform: scaleX(0.3) scaleY(0.1);
    transform: scaleX(0.3) scaleY(0.1);
    -webkit-transform-origin: bottom right;
    transform-origin: bottom right;
    background: var(--gradient-1);
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
}
.service-block .inner-box:hover:before {
    -webkit-transform: scaleX(2) scaleY(1);
    transform: scaleX(2) scaleY(1);
}
.service-block .inner-box:hover .image-box .image img {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}
.service-block .inner-box:hover .image-box .icon-box:before {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
}
.service-block .inner-box:hover .content-box .text {
    color: var(--theme-color-white);
}
.service-block .inner-box:hover .content-box .btn-box:before {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    -webkit-transition-delay: 0.1s;
    transition-delay: 0.1s;
}
.service-block .inner-box .image-box {
    position: relative;
}
.service-block .inner-box .image-box .image {
    position: relative;
    overflow: hidden;
    border-bottom-left-radius: 100px;
}
.service-block .inner-box .image-box .image img {
    width: 100%;
    -webkit-transition: all 300ms ease;
    transition: all 300ms ease;
}
.service-block .inner-box .image-box .icon-box {
    position: absolute;
    bottom: -58px;
    right: 0;
    width: 116px;
    height: 116px;
    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;
    border-radius: 50%;
    overflow: hidden;
    background: var(--gradient-1);
    -webkit-transition: all 300ms ease;
    transition: all 300ms ease;
}
@media (max-width: 575.98px) {
    .service-block .inner-box .image-box .icon-box {
        width: 80px;
        height: 80px;
    }
}
.service-block .inner-box .image-box .icon-box .icon {
    position: relative;
    font-size: 50px;
    color: var(--theme-color-white);
    line-height: 3px;
}
.service-block .inner-box .image-box .icon-box:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    border-radius: 50%;
    background-color: var(--theme-color3);
    -webkit-transition: all 300ms ease;
    transition: all 300ms ease;
    -webkit-transform: scale(0.5);
    transform: scale(0.5);
    opacity: 0;
}
.service-block .inner-box .content-box {
    position: relative;
    padding: 50px 30px 15px 50px;
}
@media (max-width: 575.98px) {
    .service-block .inner-box .content-box {
        padding: 30px 30px 15px 25px;
    }
}
.service-block .inner-box .content-box .title {
    position: relative;
    color: var(--theme-color-white);
    margin-bottom: 12px;
}
.service-block .inner-box .content-box .text {
    position: relative;
    margin-bottom: 40px;
    padding-right: 10px;
    -webkit-transition: all 300ms ease;
    transition: all 300ms ease;
}
@media (max-width: 575.98px) {
    .service-block .inner-box .content-box .text {
        margin-bottom: 25px;
    }
}
.service-block .inner-box .content-box .list-style-three {
    margin-bottom: 45px;
}
.service-block .inner-box .content-box .btn-box {
    text-align: right;
}
.service-block .inner-box .content-box .btn-box:before {
    content: "";
    position: absolute;
    bottom: 0;
    right: 0;
    width: 182px;
    height: 57px;
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
    border-top-left-radius: 50px;
    background-color: var(--theme-color3);
    -webkit-transition: all 300ms ease;
    transition: all 300ms ease;
}
.service-block .inner-box .content-box .btn-box .readmore {
    position: relative;
    font-size: 14px;
    font-weight: 800;
    color: var(--theme-color-white);
    text-transform: uppercase;
}

/***

====================================================================
  Service Section Two
====================================================================

***/
.service-section-two {
    position: relative;
    padding: 120px 0 90px;
}
@media (max-width: 767.98px) {
    .service-section-two {
        padding: 60px 0 40px;
    }
}
.service-section-two .shape-14 {
    position: absolute;
    top: 0;
    left: 30px;
    right: 30px;
    width: auto;
    background-size: contain;
    background-repeat: no-repeat;
}
@media (max-width: 991.98px) {
    .service-section-two .shape-14 {
        height: 75%;
        background-size: cover;
        background-position: center top;
        width: 100%;
        left: 0;
        right: auto;
    }
}
.service-section-two .outer-box {
    position: relative;
    max-width: 1580px;
    width: 100%;
    padding: 0 15px;
    margin: 0 auto;
}

.service-block-two {
    margin-bottom: 30px;
}
.service-block-two:nth-child(odd) .inner-box {
    margin-top: 120px;
}
@media (max-width: 1399.98px) {
    .service-block-two:nth-child(odd) .inner-box {
        margin-top: 0;
    }
}
.service-block-two .inner-box {
    position: relative;
    border-radius: 200px 20px 20px;
    -webkit-box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.15);
    box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.15);
    background-color: var(--theme-color-white);
}
@media (max-width: 575.98px) {
    .service-block-two .inner-box {
        border-radius: 100px 20px 20px;
        -webkit-box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.3);
        box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.3);
    }
}
.service-block-two .inner-box:before {
    content: "";
    position: absolute;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
    border-radius: 200px 20px 20px 20px;
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
    -webkit-transform-origin: bottom;
    transform-origin: bottom;
    background-image: url("../images/icons/shape-25-P44Ja2n.png");
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    opacity: 0.2;
    z-index: 1;
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
}
@media (max-width: 575.98px) {
    .service-block-two .inner-box:before {
        border-radius: 100px 20px 20px;
    }
}
.service-block-two .inner-box:after {
    content: "";
    position: absolute;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
    border-radius: 200px 20px 20px 20px;
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
    -webkit-transform-origin: bottom;
    transform-origin: bottom;
    background: var(--gradient-1);
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
}
@media (max-width: 575.98px) {
    .service-block-two .inner-box:after {
        border-radius: 100px 20px 20px;
    }
}
.service-block-two .inner-box:hover:before {
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
}
.service-block-two .inner-box:hover:after {
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
}
.service-block-two .inner-box:hover .image-box .image {
    border-color: var(--theme-color3);
}
.service-block-two .inner-box:hover .image-box .image img {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}
.service-block-two .inner-box:hover .content-box .icon-box {
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
}
.service-block-two .inner-box:hover .content-box .icon-box:before {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
}
.service-block-two .inner-box:hover .content-box .count {
    color: var(--theme-color2);
}
.service-block-two .inner-box:hover .content-box .cat {
    color: rgba(255, 255, 255, 0.6);
}
.service-block-two .inner-box:hover .content-box .title {
    color: var(--theme-color-white);
}
.service-block-two .inner-box .content-box {
    position: relative;
    padding: 40px 30px 15px 50px;
    text-align: right;
    z-index: 1;
}
.service-block-two .inner-box .content-box .icon-box {
    position: absolute;
    top: 5px;
    left: 35px;
    width: 100px;
    height: 100px;
    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;
    border-radius: 50%;
    overflow: hidden;
    background: var(--gradient-1);
    -webkit-transition: all 300ms ease;
    transition: all 300ms ease;
}
@media (max-width: 575.98px) {
    .service-block-two .inner-box .content-box .icon-box {
        width: 80px;
        height: 80px;
        left: 0;
    }
}
.service-block-two .inner-box .content-box .icon-box .icon {
    position: relative;
    font-size: 50px;
    color: var(--theme-color-white);
    line-height: 0;
}
@media (max-width: 575.98px) {
    .service-block-two .inner-box .content-box .icon-box .icon {
        font-size: 40px;
    }
}
.service-block-two .inner-box .content-box .icon-box:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    border-radius: 50%;
    background-color: var(--theme-color3);
    -webkit-transition: all 300ms ease;
    transition: all 300ms ease;
    -webkit-transform: scale(0.5);
    transform: scale(0.5);
    opacity: 0;
}
.service-block-two .inner-box .content-box .count {
    position: relative;
    font-size: 50px;
    font-weight: 300;
    color: #e6e0fa;
    margin-bottom: 24px;
    -webkit-transition: all 300ms ease;
    transition: all 300ms ease;
}
@media (min-width: 768px) and (max-width: 991.98px) {
    .service-block-two .inner-box .content-box .count {
        font-size: 40px;
    }
}
@media (min-width: 576px) and (max-width: 767.98px) {
    .service-block-two .inner-box .content-box .count {
        font-size: 35px;
    }
}
.service-block-two .inner-box .content-box .cat {
    position: relative;
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 5px;
    -webkit-transition: all 300ms ease;
    transition: all 300ms ease;
}
.service-block-two .inner-box .content-box .title {
    position: relative;
    font-size: 28px;
    line-height: 30px;
    font-weight: 700;
    margin-bottom: 5px;
    max-width: 200px;
    margin-left: auto;
}
@media (min-width: 768px) and (max-width: 991.98px) {
    .service-block-two .inner-box .content-box .title {
        font-size: 25px;
    }
}
@media (min-width: 576px) and (max-width: 767.98px) {
    .service-block-two .inner-box .content-box .title {
        font-size: 22px;
    }
}
.service-block-two .inner-box .image-box {
    position: relative;
    z-index: 1;
}
.service-block-two .inner-box .image-box .image {
    position: relative;
    overflow: hidden;
    border-top: 10px solid var(--theme-color2);
    border-radius: 20px 200px 20px 20px;
    margin-bottom: 0;
    -webkit-transition: all 300ms ease;
    transition: all 300ms ease;
}
.service-block-two .inner-box .image-box .image img {
    width: 100%;
    -webkit-transition: all 300ms ease;
    transition: all 300ms ease;
}
.service-block-two .inner-box .image-box .readmore {
    position: absolute;
    top: 35px;
    right: 30px;
    width: 50px;
    height: 50px;
    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;
    border-radius: 50%;
    overflow: hidden;
    color: var(--theme-color-white);
    background-color: var(--theme-color2);
    -webkit-box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.15);
    box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.15);
    -webkit-transition: all 300ms ease;
    transition: all 300ms ease;
}
.service-block-two .inner-box .image-box .readmore:hover {
    background-color: var(--theme-color3);
}

/***

====================================================================
  Service Section Three
====================================================================

***/
.service-section-three {
    position: relative;
    padding: 120px 0;
}
@media (max-width: 991.98px) {
    .service-section-three {
        padding: 60px 0;
    }
}
.service-section-three .bg {
    height: 2092px;
    background-size: contain;
    background-position: top center;
}
@media (max-width: 1199.98px) {
    .service-section-three .bg {
        background-size: cover;
    }
}
.service-section-three .shape-27 {
    position: absolute;
    top: 0;
    left: -77px;
}
@media only screen and (max-width: 1699px) {
    .service-section-three .shape-27 {
        display: none;
    }
}
.service-section-three .shape-25 {
    position: absolute;
    top: -100px;
    right: -160px;
}
@media only screen and (max-width: 1699px) {
    .service-section-three .shape-25 {
        display: none;
    }
}
.service-section-three .shape-26 {
    position: absolute;
    bottom: -201px;
    left: -150px;
}
@media only screen and (max-width: 1699px) {
    .service-section-three .shape-26 {
        display: none;
    }
}
.service-section-three .outer-box {
    position: relative;
}
.service-section-three .outer-box .nav-box {
    position: absolute;
    top: 50%;
    left: -115px;
    right: -115px;
    width: 1380px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    height: 56px;
}
@media (max-width: 1399.98px) {
    .service-section-three .outer-box .nav-box {
        position: relative;
        top: auto;
        bottom: 0;
        left: 50%;
        right: auto;
        width: 140px;
        margin-top: 10px;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
    }
}
@media (max-width: 575.98px) {
    .service-section-three .outer-box .nav-box {
        margin-top: 0;
    }
}

.service-block-three .inner-box {
    position: relative;
}
.service-block-three .inner-box:hover a.readmore {
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
    background-color: var(--theme-color3);
}
.service-block-three .inner-box:hover .image-box .icon-box:before {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
}
.service-block-three .inner-box:hover .content-box .text {
    color: var(--theme-color-white);
}
.service-block-three .inner-box:hover .content-box .btn-box:before {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    -webkit-transition-delay: 0.1s;
    transition-delay: 0.1s;
}
.service-block-three .inner-box .image-box {
    position: relative;
    margin: 0 2px;
}
.service-block-three .inner-box .image-box .image {
    position: relative;
    z-index: 1;
    overflow: hidden;
    -webkit-mask-image: url("../images/mask/service3-mask-h3sBFi6.png");
    mask-image: url("../images/mask/service3-mask-h3sBFi6.png");
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: cover;
    mask-size: cover;
    -webkit-mask-position: center;
    mask-position: center;
}
.service-block-three .inner-box .image-box .image img {
    width: 100%;
    -webkit-transition: all 300ms ease;
    transition: all 300ms ease;
}
.service-block-three .inner-box .image-box .image::after {
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(17, 10, 40, 0)), to(#110a28));
    background: linear-gradient(180deg, rgba(17, 10, 40, 0) 0%, #110a28 100%);
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 20%;
    z-index: 1;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: 0.5s;
    transition: 0.5s;
}
.service-block-three .inner-box .image-box .image::before {
    background-color: rgba(var(--theme-color-black-rgb), 0.2);
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    -webkit-transition: 0.5s;
    transition: 0.5s;
}
.service-block-three .inner-box .image-box .readmore {
    position: absolute;
    top: 0px;
    right: 0px;
    width: 60px;
    height: 60px;
    font-size: 24px;
    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;
    border-radius: 50%;
    overflow: hidden;
    color: var(--theme-color-white);
    background-color: var(--theme-color1);
    -webkit-box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.15);
    box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.15);
    -webkit-transition: all 300ms ease;
    transition: all 300ms ease;
    z-index: 1;
}
.service-block-three .inner-box .image-box .readmore i {
    display: inline-block;
    -webkit-transition: 0.5s;
    transition: 0.5s;
}
.service-block-three .inner-box .image-box .readmore:hover i {
    -webkit-transform: rotate(-135deg);
    transform: rotate(-135deg);
}
.service-block-three .inner-box .content-box {
    position: absolute;
    bottom: 25px;
    left: 40px;
    z-index: 1;
}
@media (max-width: 575.98px) {
    .service-block-three .inner-box .content-box {
        padding: 30px 30px 15px 25px;
    }
}
.service-block-three .inner-box .content-box .cat {
    position: relative;
    font-size: 14px;
    color: var(--theme-color-white);
    font-weight: 600;
    margin-bottom: 5px;
    text-transform: uppercase;
    font-family: var(--heading-font-family);
    -webkit-transition: all 300ms ease;
    transition: all 300ms ease;
}
.service-block-three .inner-box .content-box .title {
    position: relative;
    font-size: 26px;
    line-height: 30px;
    color: var(--theme-color-white);
    font-weight: 600;
    margin-bottom: 12px;
    margin-left: auto;
}
@media (max-width: 991.98px) {
    .service-block-three .inner-box .content-box .title br {
        display: none;
    }
}
.service-block-three .inner-box .content-box .text {
    position: relative;
    margin-bottom: 40px;
    padding-right: 10px;
    -webkit-transition: all 300ms ease;
    transition: all 300ms ease;
}
@media (max-width: 575.98px) {
    .service-block-three .inner-box .content-box .text {
        margin-bottom: 25px;
    }
}
.service-block-three .inner-box .content-box .list-style-three {
    margin-bottom: 45px;
}
.service-block-three .inner-box .content-box .btn-box {
    text-align: right;
}
.service-block-three .inner-box .content-box .btn-box:before {
    content: "";
    position: absolute;
    bottom: 0;
    right: 0;
    width: 182px;
    height: 57px;
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
    border-top-left-radius: 50px;
    background-color: var(--theme-color3);
    -webkit-transition: all 300ms ease;
    transition: all 300ms ease;
}
.service-block-three .inner-box:hover .image::after {
    height: 100%;
    opacity: 1;
    visibility: visible;
}

/***

====================================================================
  Service Section-four
====================================================================

***/
.service-section-four {
    position: relative;
    padding: 95px 0 120px;
}
@media (max-width: 991.98px) {
    .service-section-four {
        padding: 60px 0;
    }
}
.service-section-four .bg {
    height: 2092px;
    background-size: contain;
    background-position: top center;
}
@media (max-width: 1199.98px) {
    .service-section-four .bg {
        background-size: cover;
    }
}
.service-section-four .outer-box {
    position: relative;
    margin-left: 20%;
}
@media (max-width: 1399.98px) {
    .service-section-four .outer-box {
        margin-left: 5%;
    }
}
@media (max-width: 1199.98px) {
    .service-section-four .outer-box {
        margin: 0;
        padding: 0 12px;
    }
}
.service-section-four .outer-box .nav-box {
    position: absolute;
    top: -160px;
    right: 23%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 56px;
    width: 122px;
    border-radius: 30px;
    background-color: var(--theme-color3);
}
@media (max-width: 1199.98px) {
    .service-section-four .outer-box .nav-box {
        display: none;
    }
}
.service-section-four .outer-box .swiper-button-prev,
.service-section-four .outer-box .swiper-button-next {
    width: 46px;
    height: 46px;
    margin-top: -23px;
    font-size: 20px;
    color: var(--theme-color1);
    border-radius: 50%;
    border: 1px solid var(--theme-color1) !important;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background-color: var(--theme-color3);
    -webkit-transition: all 300ms ease;
    transition: all 300ms ease;
}
.service-section-four .outer-box .swiper-button-prev:after,
.service-section-four .outer-box .swiper-button-next:after {
    display: none;
}
.service-section-four .outer-box .swiper-button-prev:hover,
.service-section-four .outer-box .swiper-button-next:hover {
    color: var(--theme-color-white);
    background-color: var(--theme-color1);
}

.services-block .inner-box {
    position: relative;
    overflow: hidden;
    border-radius: 20px 120px 20px 100px;
    background-color: var(--theme-color-black);
}
.services-block .inner-box:before {
    content: "";
    position: absolute;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
    border-top-left-radius: 60%;
    -webkit-transform: scaleX(0.3) scaleY(0.1);
    transform: scaleX(0.3) scaleY(0.1);
    -webkit-transform-origin: bottom right;
    transform-origin: bottom right;
    background: var(--gradient-1);
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
}
.services-block .inner-box:hover:before {
    -webkit-transform: scaleX(2) scaleY(1);
    transform: scaleX(2) scaleY(1);
}
.services-block .inner-box:hover .image-box .image img {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}
.services-block .inner-box:hover .image-box .icon-box:before {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
}
.services-block .inner-box:hover .content-box .text {
    color: var(--theme-color-white);
}
.services-block .inner-box:hover .content-box .btn-box:before {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    -webkit-transition-delay: 0.1s;
    transition-delay: 0.1s;
}
.services-block .inner-box .image-box {
    position: relative;
}
.services-block .inner-box .image-box .image {
    position: relative;
    overflow: hidden;
}
.services-block .inner-box .image-box .image img {
    width: 100%;
    -webkit-transition: all 300ms ease;
    transition: all 300ms ease;
}
.services-block .inner-box .image-box .icon-box {
    position: absolute;
    bottom: -58px;
    right: 0;
    width: 116px;
    height: 116px;
    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;
    border-radius: 50%;
    overflow: hidden;
    background: var(--gradient-1);
    -webkit-transition: all 300ms ease;
    transition: all 300ms ease;
}
@media (max-width: 575.98px) {
    .services-block .inner-box .image-box .icon-box {
        width: 80px;
        height: 80px;
    }
}
.services-block .inner-box .image-box .icon-box .icon {
    position: relative;
    font-size: 50px;
    color: var(--theme-color-white);
}
.services-block .inner-box .image-box .icon-box:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    border-radius: 50%;
    background-color: var(--theme-color3);
    -webkit-transition: all 300ms ease;
    transition: all 300ms ease;
    -webkit-transform: scale(0.5);
    transform: scale(0.5);
    opacity: 0;
}
.services-block .inner-box .content-box {
    position: relative;
    padding: 50px 30px 15px 50px;
}
@media (max-width: 575.98px) {
    .services-block .inner-box .content-box {
        padding: 30px 30px 15px 25px;
    }
}
.services-block .inner-box .content-box .title {
    position: relative;
    color: var(--theme-color-white);
    margin-bottom: 12px;
}
.services-block .inner-box .content-box .text {
    position: relative;
    margin-bottom: 40px;
    padding-right: 10px;
    -webkit-transition: all 300ms ease;
    transition: all 300ms ease;
}
@media (max-width: 575.98px) {
    .services-block .inner-box .content-box .text {
        margin-bottom: 25px;
    }
}
.services-block .inner-box .content-box .list-style-three {
    margin-bottom: 45px;
}
.services-block .inner-box .content-box .btn-box {
    text-align: right;
}
.services-block .inner-box .content-box .btn-box:before {
    content: "";
    position: absolute;
    bottom: 0;
    right: 0;
    width: 182px;
    height: 57px;
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
    border-top-left-radius: 50px;
    background-color: var(--theme-color3);
    -webkit-transition: all 300ms ease;
    transition: all 300ms ease;
}
.services-block .inner-box .content-box .btn-box .readmore {
    position: relative;
    font-size: 14px;
    font-weight: 800;
    color: var(--theme-color-white);
    text-transform: uppercase;
}

/***

====================================================================
  Service Section five
====================================================================

***/
.service-section-five {
    position: relative;
    padding: 120px 0 60px;
}
@media (max-width: 991.98px) {
    .service-section-five {
        padding: 60px 0 0;
    }
}
.service-section-five .bg {
    position: absolute;
    left: 0;
    top: 0;
    height: 575px;
    width: 100%;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.style-service {
    padding: 120px 0 0;
    margin-top: 480px;
}
@media (max-width: 1199.98px) {
    .style-service {
        margin-top: 0;
    }
}
@media (max-width: 575.98px) {
    .style-service {
        margin-top: 50px;
    }
}
.style-service .bg {
    position: absolute;
    left: 0;
    top: -640px;
    height: 1120px;
    width: 100%;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}
@media (max-width: 1199.98px) {
    .style-service .bg {
        top: 0;
        height: 700px;
    }
}

.service-block-five {
    margin-bottom: 30px;
}
.service-block-five .inner-box {
    position: relative;
    border-radius: 25px 15px 170px 25px;
    -webkit-box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.15);
    box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.15);
    background-color: var(--theme-color-white);
}
@media (max-width: 1199.98px) {
    .service-block-five .inner-box {
        border-radius: 25px 15px 149px 25px;
    }
}
@media (max-width: 575.98px) {
    .service-block-five .inner-box {
        border-radius: 15px 15px 170px 15px;
        -webkit-box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.3);
        box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.3);
    }
}
.service-block-five .inner-box:hover:before {
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
}
.service-block-five .inner-box:hover .image-box .image {
    border-color: var(--theme-color3);
}
.service-block-five .inner-box:hover .image-box .image img {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}
.service-block-five .inner-box:hover .icon-box {
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
}
.service-block-five .inner-box:hover .icon-box:before {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
}
.service-block-five .inner-box:hover .content-box .count {
    color: var(--theme-color2);
}
.service-block-five .inner-box .icon-box {
    position: absolute;
    top: 28px;
    left: 28px;
    width: 70px;
    height: 70px;
    z-index: 1;
    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;
    border-radius: 50%;
    overflow: hidden;
    background-color: var(--theme-color3);
    -webkit-transition: all 300ms ease;
    transition: all 300ms ease;
}
@media (max-width: 575.98px) {
    .service-block-five .inner-box .icon-box {
        width: 60px;
        height: 60px;
    }
}
.service-block-five .inner-box .icon-box .icon {
    position: relative;
    font-size: 36px;
    color: var(--theme-color-white);
    line-height: 0;
}
@media (max-width: 575.98px) {
    .service-block-five .inner-box .icon-box .icon {
        font-size: 30px;
    }
}
.service-block-five .inner-box .icon-box:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    border-radius: 50%;
    background: var(--gradient-1);
    -webkit-transition: all 300ms ease;
    transition: all 300ms ease;
    -webkit-transform: scale(0.5);
    transform: scale(0.5);
    opacity: 0;
}
.service-block-five .inner-box .content-box {
    position: relative;
    padding: 25px 30px 33px 32px;
}
.service-block-five .inner-box .content-box:before {
    content: "";
    position: absolute;
    top: 37px;
    right: 1px;
    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0,0 L0,200 Q0,0 200,0 Z' fill='white' /%3E%3C/svg%3E");
    background-size: cover;
    background-repeat: no-repeat;
    width: 55px;
    height: 100px;
    -webkit-transform: scale(-1);
    transform: scale(-1);
}
@media (max-width: 1199.98px) {
    .service-block-five .inner-box .content-box:before {
        display: none;
    }
}
.service-block-five .inner-box .content-box:after {
    content: "";
    position: absolute;
    bottom: 1px;
    right: 60px;
    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0,0 L0,200 Q0,0 200,0 Z' fill='white' /%3E%3C/svg%3E");
    background-size: cover;
    background-repeat: no-repeat;
    width: 105px;
    height: 43px;
    -webkit-transform: scale(-1);
    transform: scale(-1);
}
@media (max-width: 1199.98px) {
    .service-block-five .inner-box .content-box:after {
        display: none;
    }
}
.service-block-five .inner-box .content-box .count {
    position: absolute;
    bottom: 0;
    right: 0;
    height: 50px;
    width: 50px;
    line-height: 50px;
    text-align: center;
    -webkit-box-shadow: 0px 4px 30px 0px rgba(0, 0, 0, 0.1019607843);
    box-shadow: 0px 4px 30px 0px rgba(0, 0, 0, 0.1019607843);
    font-size: 20px;
    font-weight: 600;
    border-radius: 50%;
    color: var(--theme-color1);
    background: var(--theme-color-white);
    -webkit-transition: all 300ms ease;
    transition: all 300ms ease;
}
@media (max-width: 575.98px) {
    .service-block-five .inner-box .content-box .count {
        margin-bottom: 15px;
    }
}
.service-block-five .inner-box .content-box .title {
    position: relative;
    font-size: 26px;
    line-height: 30px;
    font-weight: 700;
    margin-bottom: 5px;
    max-width: 200px;
}
.service-block-five .inner-box .content-box .text {
    color: var(--theme-color4);
    margin-top: 28px;
}
.service-block-five .inner-box .image-box {
    position: relative;
    overflow: hidden;
}
.service-block-five .inner-box .image-box .image {
    position: relative;
    overflow: hidden;
    border-radius: 0;
    margin-bottom: 0;
    clip-path: circle(43%);
    left: 83px;
    bottom: 5px;
    width: 100%;
    -webkit-transition: all 300ms ease;
    transition: all 300ms ease;
}
@media (max-width: 1199.98px) {
    .service-block-five .inner-box .image-box .image {
        left: 186px;
    }
}
@media (max-width: 991.98px) {
    .service-block-five .inner-box .image-box .image {
        left: 83px;
    }
}
.service-block-five .inner-box .image-box .image img {
    width: 100%;
    -webkit-transition: all 300ms ease;
    transition: all 300ms ease;
}
.service-block-five .inner-box .image-box .readmore {
    position: absolute;
    top: 35px;
    right: 30px;
    width: 50px;
    height: 50px;
    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;
    border-radius: 50%;
    overflow: hidden;
    color: var(--theme-color-white);
    background-color: var(--theme-color2);
    -webkit-box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.15);
    box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.15);
    -webkit-transition: all 300ms ease;
    transition: all 300ms ease;
}
.service-block-five .inner-box .image-box .readmore:hover {
    background-color: var(--theme-color3);
}
.service-block-five .inner-box:hover .image {
    clip-path: circle(100%);
    left: 0px;
    bottom: 0px;
    -webkit-transition: all 300ms ease;
    transition: all 300ms ease;
}

/***

====================================================================
  Funfact Section
====================================================================

***/
.funfact-section {
    position: relative;
    padding: 0 0 120px;
    margin: 0 50px;
}
@media only screen and (max-width: 1699px) {
    .funfact-section {
        margin: 0;
    }
}
.funfact-section .bg-pattern-3 {
    border-radius: 200px 200px 20px 20px;
    height: 1212px;
}
@media only screen and (max-width: 1699px) {
    .funfact-section .bg-pattern-3 {
        border-radius: 0;
    }
}
@media (max-width: 991.98px) {
    .funfact-section .bg-pattern-3 {
        height: 150%;
    }
}
@media (max-width: 767.98px) {
    .funfact-section .bg-pattern-3 {
        height: 130%;
    }
}
.funfact-section .outer-box {
    position: relative;
    margin: 0 82px;
    padding: 100px 0 50px;
    margin-top: -4px;
}
@media (max-width: 767.98px) {
    .funfact-section .outer-box {
        padding: 60px 0;
    }
}
@media only screen and (max-width: 1699px) {
    .funfact-section .outer-box {
        margin: 0;
    }
}
.funfact-section .title-box {
    position: relative;
    padding: 45px 110px 0 35px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
@media (max-width: 1199.98px) {
    .funfact-section .title-box {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        padding: 30px 0;
        text-align: center;
    }
}
@media (max-width: 767.98px) {
    .funfact-section .title-box {
        padding: 0;
    }
}
.funfact-section .title-box .title {
    position: relative;
    color: var(--theme-color-white);
    line-height: 56px;
    margin-bottom: 0;
}
@media (max-width: 1199.98px) {
    .funfact-section .title-box .title br {
        display: none;
    }
}
@media (max-width: 767.98px) {
    .funfact-section .title-box .title {
        font-size: 32px;
        line-height: 42px;
    }
}
.funfact-section .title-box .title-two {
    font-size: 36px;
    position: relative;
    color: var(--theme-color-white);
    line-height: 56px;
    margin-bottom: 0;
}
@media (max-width: 1199.98px) {
    .funfact-section .title-box .title-two br {
        display: none;
    }
}
@media (max-width: 767.98px) {
    .funfact-section .title-box .title-two {
        font-size: 30px;
        line-height: 40px;
    }
}
.funfact-section .title-box .exp-box {
    position: relative;
}
.funfact-section .title-box .exp-box .circular-text {
    position: relative;
    fill: currentColor;
    height: auto;
    -webkit-transform-origin: center;
    transform-origin: center;
    width: 170px;
    height: 170px;
    -webkit-animation: fa-spin 30s infinite linear;
    animation: fa-spin 30s infinite linear;
}
.funfact-section .title-box .exp-box .circular-text text {
    position: relative;
    font-size: 8px;
    letter-spacing: 0.4px;
    font-family: var(--heading-font-family);
    color: var(--theme-color-white);
    text-transform: uppercase;
}
.funfact-section .title-box .exp-box .icon-box {
    position: absolute;
    top: 50%;
    left: 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;
    width: 77px;
    height: 77px;
    border-radius: 50%;
    background-color: var(--theme-color-white);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
.funfact-section .title-box .exp-box .icon-box .icon {
    font-size: 34px;
    line-height: 1em;
    color: var(--theme-color1);
}

@media (max-width: 991.98px) {
    .counter-block {
        margin-bottom: 30px;
    }
}
.counter-block .inner-box {
    position: relative;
    margin-top: 50px;
    padding: 40px 30px 28px 40px;
    border-radius: 0 80px 25px 25px;
    border-top: 4px solid var(--theme-color2);
    background-color: var(--theme-color-white);
}
.counter-block .inner-box:hover .icon-box {
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
}
.counter-block .inner-box:hover .icon-box:before {
    border-top: 10px solid var(--theme-color2);
}
.counter-block .inner-box:hover .icon-box .icon {
    background-color: var(--theme-color2);
}
.counter-block .inner-box .icon-box {
    position: absolute;
    top: -55px;
    left: 0;
    -webkit-transition: all 300ms ease;
    transition: all 300ms ease;
}
.counter-block .inner-box .icon-box:before {
    content: "";
    position: absolute;
    bottom: -10px;
    left: 50%;
    width: 0;
    height: 0;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-top: 10px solid var(--theme-color3);
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    -webkit-transition: all 300ms ease;
    transition: all 300ms ease;
}
.counter-block .inner-box .icon-box .icon {
    position: relative;
    width: 88px;
    height: 93px;
    font-size: 40px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: var(--theme-color-white);
    border-radius: 100px 100px 0 0;
    background-color: var(--theme-color3);
    -webkit-transition: all 300ms ease;
    transition: all 300ms ease;
}
.counter-block .inner-box .count-box {
    position: relative;
    font-size: 36px;
    font-weight: 700;
    line-height: 50px;
    color: var(--theme-color3);
    margin-top: 20px;
}
.counter-block .inner-box .text {
    position: relative;
    margin-bottom: 0;
    line-height: 20px;
}

/***

====================================================================
  Funfact Section-two
====================================================================

***/
.funfact-section {
    position: relative;
    padding: 0 0 120px;
    margin: 0 50px;
}
@media only screen and (max-width: 1699px) {
    .funfact-section {
        margin: 0;
    }
}
.funfact-section .bg-pattern-14 {
    border-radius: 20px 20px 20px 20px;
    height: 1530px;
    margin-top: 130px;
}
@media (max-width: 1599.98px) {
    .funfact-section .bg-pattern-14 {
        height: 1640px;
    }
}
@media (max-width: 1399.98px) {
    .funfact-section .bg-pattern-14 {
        height: 1460px;
    }
}
@media (max-width: 1199.98px) {
    .funfact-section .bg-pattern-14 {
        height: 366%;
    }
}
@media (max-width: 991.98px) {
    .funfact-section .bg-pattern-14 {
        height: 276%;
    }
}
@media (max-width: 575.98px) {
    .funfact-section .bg-pattern-14 {
        height: 213%;
    }
}
@media screen and (max-width: 400px) {
    .funfact-section .bg-pattern-14 {
        height: 208%;
    }
}

.style-fun {
    margin: 0 0px 0 20px;
}
.style-fun .outer-box {
    position: relative;
    margin: 0 82px;
    padding: 100px 0 50px;
    margin-top: -4px;
}
@media only screen and (max-width: 1699px) {
    .style-fun .outer-box {
        margin: 0;
    }
}
.style-fun .outer-box .bg-shape {
    position: absolute;
    top: 0;
    left: 32px;
    width: 100%;
    min-height: 572px;
    clip-path: path("M0 200C0 89.5431 89.5431 0 200 0L1455 0C1565.46 0 1655 89.5431 1655 200V448.421C1655 462.228 1643.81 473.421 1630 473.421H1516.79C1468.39 473.421 1429.16 512.652 1429.16 561.047C1429.16 567.096 1424.26 572 1418.21 572H935.247C609.667 572 502.796 572 236.834 572C230.785 572 225.764 567.096 225.764 561.047C225.764 512.652 186.532 473.421 138.138 473.421H25C11.1929 473.421 0 462.228 0 448.421V200Z");
}
@media only screen and (max-width: 1699px) {
    .style-fun .outer-box .bg-shape {
        clip-path: none;
        left: 0px;
    }
}
@media (max-width: 1199.98px) {
    .style-fun .outer-box .bg-shape {
        min-height: auto;
        bottom: 0;
    }
}
.style-fun .outer-box .bg-shape .bg:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    opacity: 0.9;
    background: var(--gradient-1);
}
@media (max-width: 991.98px) {
    .style-fun {
        margin: 0;
    }
    .style-fun br {
        display: none;
    }
    .style-fun .outer-box {
        padding: 80px 0 30px;
    }
}

/***

====================================================================
  Funfact Section-three
====================================================================

***/
.funfact-section-three {
    position: relative;
    padding: 0 0 120px;
    margin: 0 20px;
}
.funfact-section-three .outer-box {
    margin: 0 82px;
    padding: 100px 0 50px;
    margin-top: -4px;
}
@media only screen and (max-width: 1699px) {
    .funfact-section-three .outer-box {
        margin: 0;
    }
}
.funfact-section-three .outer-box .bg-shape {
    position: absolute;
    top: -90px;
    left: 100px;
    width: 100%;
    min-height: 572px;
    clip-path: path("M0 200C0 89.5431 89.5431 0 200 0L1455 0C1565.46 0 1655 89.5431 1655 200V448.421C1655 462.228 1643.81 473.421 1630 473.421H1516.79C1468.39 473.421 1429.16 512.652 1429.16 561.047C1429.16 567.096 1424.26 572 1418.21 572H935.247C609.667 572 502.796 572 236.834 572C230.785 572 225.764 567.096 225.764 561.047C225.764 512.652 186.532 473.421 138.138 473.421H25C11.1929 473.421 0 462.228 0 448.421V200Z");
}
@media only screen and (max-width: 1699px) {
    .funfact-section-three .outer-box .bg-shape {
        clip-path: none;
        left: 0px;
    }
}
@media (max-width: 1399.98px) {
    .funfact-section-three .outer-box .bg-shape {
        left: 0px;
    }
}
@media (max-width: 1199.98px) {
    .funfact-section-three .outer-box .bg-shape {
        min-height: auto;
        bottom: 0;
    }
}
.funfact-section-three .outer-box .bg-shape .bg:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    opacity: 0.7;
    background: var(--theme-color-black);
}
.funfact-section-three .bg-pattern-16 {
    border-radius: 20px 20px 20px 20px;
    height: 1697px;
}
@media (max-width: 991.98px) {
    .funfact-section-three .bg-pattern-16 {
        height: 1600px;
    }
}
@media (max-width: 575.98px) {
    .funfact-section-three .bg-pattern-16 {
        height: 1470px;
    }
}
@media only screen and (max-width: 1699px) {
    .funfact-section-three {
        margin: 0;
    }
}
.funfact-section-three .bg-pattern-14 {
    border-radius: 20px 20px 20px 20px;
    height: 1634px;
    margin-top: 130px;
}
@media only screen and (max-width: 1699px) {
    .funfact-section-three .bg-pattern-14 {
        border-radius: 0;
    }
}
@media (max-width: 991.98px) {
    .funfact-section-three .bg-pattern-14 {
        height: 150%;
    }
}
@media (max-width: 767.98px) {
    .funfact-section-three .bg-pattern-14 {
        height: 130%;
    }
}
.funfact-section-three .video-box {
    text-align: center;
    padding-top: 50px;
}
.funfact-section-three .video-box .video-vemo-icon.venobox.vbox-item .icon {
    font-size: 24px;
    color: var(--theme-color1);
    height: 100px;
    width: 100px;
    line-height: 100px;
    text-align: center;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.831372549);
    backdrop-filter: blur(40px);
    -webkit-animation: ripple-blue 1s linear infinite;
    animation: ripple-blue 1s linear infinite;
}

/***

====================================================================
  Funfact Section-four
====================================================================

***/
.funfact-section-four {
    position: relative;
    padding: 0 0 120px;
    margin: 0 20px;
}
@media only screen and (max-width: 1699px) {
    .funfact-section-four {
        margin: 0;
    }
}
.funfact-section-four .bg-pattern-3 {
    border-radius: 200px 100px 20px 20px;
    height: 1212px;
}
@media only screen and (max-width: 1699px) {
    .funfact-section-four .bg-pattern-3 {
        border-radius: 0;
    }
}
@media (max-width: 991.98px) {
    .funfact-section-four .bg-pattern-3 {
        height: 150%;
    }
}
@media (max-width: 767.98px) {
    .funfact-section-four .bg-pattern-3 {
        height: 130%;
    }
}
.funfact-section-four .outer-box {
    position: relative;
    margin: 0 0px;
    padding: 190px 0 80px;
    margin-top: -4px;
}
@media (max-width: 991.98px) {
    .funfact-section-four .outer-box {
        padding: 140px 0 50px;
    }
}
@media only screen and (max-width: 1699px) {
    .funfact-section-four .outer-box {
        margin: 0;
    }
}
.funfact-section-four .outer-box .bg-image {
    overflow: hidden;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center center;
    mask-position: center center;
    -webkit-mask-size: cover;
    mask-size: cover;
    -webkit-mask: url("../images/resource/why-img2--HzP_Yq.png");
    mask: url("../images/resource/why-img2--HzP_Yq.png");
    overflow: hidden;
    background-repeat: no-repeat;
}
@media (max-width: 991.98px) {
    .funfact-section-four .outer-box .bg-image {
        -webkit-mask: none;
        mask: none;
    }
}
.funfact-section-four .outer-box .bg-image:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background: rgba(27, 21, 44, 0.6980392157);
    z-index: 0;
    display: none;
}
@media (max-width: 991.98px) {
    .funfact-section-four .outer-box .bg-image:before {
        display: block;
    }
}
.funfact-section-four .outer-box .bg-image img {
    width: 100%;
    height: 100%;
}
@media (max-width: 991.98px) {
    .funfact-section-four .outer-box .bg-image .image-1 {
        display: none;
    }
}
.funfact-section-four .outer-box .bg-image .image-2 {
    display: none;
}
@media (max-width: 991.98px) {
    .funfact-section-four .outer-box .bg-image .image-2 {
        display: block;
    }
}
.funfact-section-four .outer-box .text {
    position: relative;
    color: var(--theme-color-white);
    padding-left: 165px;
    padding-top: 62px;
}
@media (max-width: 1399.98px) {
    .funfact-section-four .outer-box .text br {
        display: none;
    }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
    .funfact-section-four .outer-box .text {
        padding-left: 0px;
        padding-top: 40px;
    }
}
@media (max-width: 991.98px) {
    .funfact-section-four .outer-box .text {
        padding-left: 0px;
        padding-top: 0px;
        margin-bottom: 20px;
    }
    .funfact-section-four .outer-box .text br {
        display: none;
    }
}
.funfact-section-four .outer-box .fact-single-box .inner-box {
    position: relative;
    background: rgba(255, 255, 255, 0.1098039216);
    padding: 32px 40px 10px;
    border-radius: 20px;
    margin-bottom: 30px;
}
@media (min-width: 992px) and (max-width: 1199.98px) {
    .funfact-section-four .outer-box .fact-single-box .inner-box {
        padding: 32px 5px 10px;
    }
}
.funfact-section-four .outer-box .fact-single-box .inner-box:hover .icon-box {
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
}
.funfact-section-four .outer-box .fact-single-box .inner-box .icon-box {
    position: relative;
    display: inline-block;
    line-height: 1;
    -webkit-transition: all 300ms ease;
    transition: all 300ms ease;
}
.funfact-section-four .outer-box .fact-single-box .inner-box .icon-box .icon {
    font-size: 60px;
    color: var(--theme-color2);
    -webkit-transition: all 300ms ease;
    transition: all 300ms ease;
}
.funfact-section-four .outer-box .fact-single-box .inner-box .title {
    font-size: 26px;
    color: var(--theme-color-white);
    margin-top: 3px;
}
@media (min-width: 768px) and (max-width: 991.98px) {
    .funfact-section-four .outer-box .fact-single-box .inner-box .title {
        font-size: 22px;
    }
}
@media (min-width: 576px) and (max-width: 767.98px) {
    .funfact-section-four .outer-box .fact-single-box .inner-box .title {
        font-size: 22px;
    }
}
.funfact-section-four .outer-box .sec-title {
    margin-bottom: 30px;
}
.funfact-section-four .title-box {
    position: relative;
    padding: 45px 134px 0 35px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
@media (max-width: 1199.98px) {
    .funfact-section-four .title-box {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        padding: 30px 0;
        text-align: center;
    }
}
.funfact-section-four .title-box .title {
    position: relative;
    color: var(--theme-color-white);
    line-height: 56px;
    text-transform: uppercase;
    margin-bottom: 0;
}
@media (max-width: 1199.98px) {
    .funfact-section-four .title-box .title br {
        display: none;
    }
}
@media (max-width: 575.98px) {
    .funfact-section-four .title-box .title {
        font-size: 26px;
        line-height: 1.5em;
    }
}
.funfact-section-four .title-box .exp-box {
    position: relative;
}
.funfact-section-four .title-box .exp-box .circular-text {
    position: relative;
    fill: currentColor;
    height: auto;
    -webkit-transform-origin: center;
    transform-origin: center;
    width: 170px;
    height: 170px;
    -webkit-animation: fa-spin 30s infinite linear;
    animation: fa-spin 30s infinite linear;
}
.funfact-section-four .title-box .exp-box .circular-text text {
    position: relative;
    font-size: 8px;
    letter-spacing: 0.4px;
    font-family: var(--heading-font-family);
    color: var(--theme-color-white);
    text-transform: uppercase;
}
.funfact-section-four .title-box .exp-box .icon-box {
    position: absolute;
    top: 50%;
    left: 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;
    width: 77px;
    height: 77px;
    border-radius: 50%;
    background-color: var(--theme-color-white);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
.funfact-section-four .title-box .exp-box .icon-box .icon {
    font-size: 34px;
    line-height: 1em;
    color: var(--theme-color1);
}

@media (max-width: 991.98px) {
    .counter-block {
        margin-bottom: 30px;
    }
}
.counter-block .inner-box {
    position: relative;
    margin-top: 50px;
    padding: 40px 30px 28px 40px;
    border-radius: 0 80px 25px 25px;
    border-top: 4px solid var(--theme-color2);
    background-color: var(--theme-color-white);
}
@media (min-width: 992px) and (max-width: 1199.98px) {
    .counter-block .inner-box {
        padding: 40px 28px 28px 30px;
    }
}
.counter-block .inner-box:hover .icon-box {
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
}
.counter-block .inner-box:hover .icon-box:before {
    border-top: 10px solid var(--theme-color2);
}
.counter-block .inner-box:hover .icon-box .icon {
    background-color: var(--theme-color2);
}
.counter-block .inner-box .icon-box {
    position: absolute;
    top: -55px;
    left: 0;
    -webkit-transition: all 300ms ease;
    transition: all 300ms ease;
}
.counter-block .inner-box .icon-box:before {
    content: "";
    position: absolute;
    bottom: -10px;
    left: 50%;
    width: 0;
    height: 0;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-top: 10px solid var(--theme-color3);
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    -webkit-transition: all 300ms ease;
    transition: all 300ms ease;
}
.counter-block .inner-box .icon-box .icon {
    position: relative;
    width: 88px;
    height: 93px;
    font-size: 40px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: var(--theme-color-white);
    border-radius: 100px 100px 0 0;
    background-color: var(--theme-color3);
    -webkit-transition: all 300ms ease;
    transition: all 300ms ease;
}
.counter-block .inner-box .count-box {
    position: relative;
    font-size: 36px;
    font-weight: 700;
    line-height: 50px;
    color: var(--theme-color3);
    margin-top: 20px;
}
@media (min-width: 576px) and (max-width: 767.98px) {
    .counter-block .inner-box .count-box {
        font-size: 30px;
    }
}
.counter-block .inner-box .text {
    position: relative;
    margin-bottom: 0;
    line-height: 20px;
}

/***

====================================================================
  Funfact Section-five
====================================================================

***/
.funfact-section-five {
    margin-bottom: -480px;
}
@media (max-width: 1199.98px) {
    .funfact-section-five {
        margin: 0;
    }
}
.funfact-section-five .outer-box {
    position: relative;
    padding: 0 0 640px;
    margin-left: 361px;
    border-radius: 25px 0 0 25px;
    z-index: 1;
    overflow: hidden;
}
@media (max-width: 1399.98px) {
    .funfact-section-five .outer-box {
        margin-left: 60px;
    }
}
@media (max-width: 1199.98px) {
    .funfact-section-five .outer-box {
        padding: 0 0 440px;
        margin: 0;
        border-radius: 0;
    }
}
.funfact-section-five .outer-box .video-box {
    position: relative;
    top: 0;
    left: 0;
    z-index: 1;
}
@media (max-width: 1199.98px) {
    .funfact-section-five .outer-box .video-box {
        position: absolute;
        top: calc(50% - 50px);
        left: calc(50% - 50px);
    }
}
.funfact-section-five .outer-box .video-box .video-vemo-icon.venobox.vbox-item .icon {
    font-size: 36px;
    height: 200px;
    width: 200px;
    line-height: 200px;
    text-align: center;
    color: var(--theme-color-white);
    background: var(--gradient-1);
    border-radius: 15px;
}
@media (max-width: 1199.98px) {
    .funfact-section-five .outer-box .video-box .video-vemo-icon.venobox.vbox-item .icon {
        font-size: 30px;
        height: 100px;
        width: 100px;
        line-height: 100px;
    }
}

/***

====================================================================
    Benefit Section
====================================================================

***/
.benefit-section {
    position: relative;
}
@media (max-width: 1199.98px) {
    .benefit-section {
        padding-top: 80px;
    }
}
.benefit-section .content-column .inner-column {
    position: relative;
    padding: 90px 0;
    padding-left: 75px;
}
@media (max-width: 1399.98px) {
    .benefit-section .content-column .inner-column {
        padding-left: 50px;
    }
}
@media (max-width: 1199.98px) {
    .benefit-section .content-column .inner-column {
        padding-left: 20px;
    }
}
@media (max-width: 991.98px) {
    .benefit-section .content-column .inner-column {
        padding-left: 0;
    }
}
.benefit-section .content-column .inner-column .sec-title {
    margin-bottom: 30px;
}
.benefit-section .content-column .inner-column .sec-title .title {
    position: relative;
    margin-top: 20px;
    line-height: 30px;
    background: var(--gradient-1);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    color: transparent;
}
.benefit-section .content-column .inner-column .btn-box {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 13px;
    margin-top: 35px;
}
.benefit-section .content-column .inner-column .btn-box .readmore {
    position: relative;
    width: 56px;
    height: 56px;
    border-radius: 50%;
    font-size: 20px;
    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;
    color: var(--theme-color-white);
    background: var(--gradient-1);
    -webkit-transition: all 300ms ease;
    transition: all 300ms ease;
}
.benefit-section .content-column .inner-column .btn-box .readmore i {
    position: relative;
    z-index: 3;
}
.benefit-section .content-column .inner-column .btn-box .readmore:active {
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
}
.benefit-section .content-column .inner-column .btn-box .readmore:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    -webkit-transform: scale(0);
    transform: scale(0);
    opacity: 0;
    border-radius: 50%;
    background-color: var(--theme-color2);
    -webkit-transition: all 300ms ease;
    transition: all 300ms ease;
}
.benefit-section .content-column .inner-column .btn-box .readmore:hover:before {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
}
.benefit-section .image-column .inner-column {
    position: relative;
    margin-left: -365px;
}
@media (max-width: 1199.98px) {
    .benefit-section .image-column .inner-column {
        margin-left: 0;
    }
}
.benefit-section .image-column .inner-column .image {
    position: relative;
    overflow: hidden;
    border-bottom-right-radius: 200px;
    margin-bottom: 0;
}
@media (max-width: 1199.98px) {
    .benefit-section .image-column .inner-column .image {
        width: 100%;
    }
}
@media (max-width: 575.98px) {
    .benefit-section .image-column .inner-column .image {
        border-bottom-right-radius: 100px;
    }
}
.benefit-section .image-column .inner-column .image img {
    position: relative;
    width: 100%;
}
.benefit-section .image-column .inner-column .exp-box {
    position: absolute;
    bottom: 49px;
    right: 0;
    padding: 0 30px 25px;
    display: inline-block;
    border-radius: 20px;
    background-color: var(--theme-color-white);
}
@media (max-width: 991.98px) {
    .benefit-section .image-column .inner-column .exp-box {
        bottom: 30px;
        left: 30px;
        right: auto;
    }
}
@media (max-width: 575.98px) {
    .benefit-section .image-column .inner-column .exp-box {
        bottom: 10px;
        left: 10px;
        padding: 0 15px 15px;
        right: 20px;
    }
}
.benefit-section .image-column .inner-column .exp-box .icon {
    position: relative;
    width: 110px;
    height: 110px;
    font-size: 50px;
    margin-top: -40px;
    margin-left: -30px;
    margin-bottom: 10px;
    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;
    color: var(--theme-color-white);
    border-radius: 50%;
    background: var(--gradient-1);
    -webkit-transition: all 300ms ease;
    transition: all 300ms ease;
}
@media (max-width: 575.98px) {
    .benefit-section .image-column .inner-column .exp-box .icon {
        width: 60px;
        height: 60px;
        font-size: 20px;
        margin-left: -15px;
    }
}
.benefit-section .image-column .inner-column .exp-box .cat {
    position: relative;
    font-size: 14px;
    color: var(--theme-color2);
}
@media (max-width: 575.98px) {
    .benefit-section .image-column .inner-column .exp-box .cat {
        font-size: 12px;
    }
}
.benefit-section .image-column .inner-column .exp-box .title {
    position: relative;
    line-height: 30px;
    margin-bottom: 0;
}
@media (max-width: 767.98px) {
    .benefit-section .image-column .inner-column .exp-box .title {
        font-size: 18px;
        line-height: 1.2em;
    }
    .benefit-section .image-column .inner-column .exp-box .title br {
        display: none;
    }
}
.benefit-section .image-column .style-inner {
    margin-right: 200px;
}

.benefit-block .inner-box {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 20px 30px;
}
@media (max-width: 1199.98px) {
    .benefit-block .inner-box {
        padding: 20px 10px;
    }
}
@media (max-width: 575.98px) {
    .benefit-block .inner-box {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: start;
        gap: 15px;
    }
}
.benefit-block .inner-box:hover:before {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
}
.benefit-block .inner-box:hover .icon {
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
}
.benefit-block .inner-box:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    opacity: 0;
    -webkit-transform: scale(0.7);
    transform: scale(0.7);
    background-color: var(--theme-color-white);
    -webkit-transition: all 300ms ease;
    transition: all 300ms ease;
}
.benefit-block .inner-box:after {
    content: "";
    position: absolute;
    top: 0;
    left: 100px;
    width: 1px;
    height: 100%;
    background-color: var(--theme-color-white);
}
@media (max-width: 1199.98px) {
    .benefit-block .inner-box:after {
        left: 75px;
    }
}
@media (max-width: 575.98px) {
    .benefit-block .inner-box:after {
        display: none;
    }
}
.benefit-block .inner-box .icon-box {
    position: relative;
    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;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}
.benefit-block .inner-box .icon-box .icon {
    position: relative;
    font-size: 40px;
    line-height: 1em;
    color: var(--theme-color2);
    -webkit-transition: all 300ms ease;
    transition: all 300ms ease;
}
.benefit-block .inner-box .content-box {
    position: relative;
    padding-left: 59px;
}
@media (max-width: 1199.98px) {
    .benefit-block .inner-box .content-box {
        padding-left: 49px;
    }
}
@media (max-width: 575.98px) {
    .benefit-block .inner-box .content-box {
        padding-left: 0;
    }
}
.benefit-block .inner-box .content-box .title {
    position: relative;
    margin-bottom: 5px;
    font-weight: 700;
    -webkit-transition: all 300ms ease;
    transition: all 300ms ease;
}
.benefit-block .inner-box .content-box .text {
    position: relative;
    font-size: 15px;
    line-height: 24px;
    margin-bottom: 0;
    -webkit-transition: all 300ms ease;
    transition: all 300ms ease;
}

/***

====================================================================
    Benefit Section style -one
====================================================================

***/
.benefit-section.style-one {
    position: relative;
    padding-bottom: 90px;
}
@media (max-width: 1199.98px) {
    .benefit-section.style-one {
        padding-bottom: 0;
    }
}
@media (max-width: 1199.98px) {
    .benefit-section.style-one .image-column .inner-column .image {
        max-height: 600px;
    }
}

/***

====================================================================
    Benefit Section style-two
====================================================================

***/
.benefit-section.style-two {
    position: relative;
    margin-top: -95px;
    padding-bottom: 105px;
}
@media (max-width: 1199.98px) {
    .benefit-section.style-two {
        margin-top: -30px;
        padding-bottom: 60px;
    }
}
.benefit-section.style-two .content-column .inner-column {
    position: relative;
    padding: 230px 0 95px;
}
@media (max-width: 1399.98px) {
    .benefit-section.style-two .content-column .inner-column {
        padding-left: 50px;
    }
}
@media (max-width: 1199.98px) {
    .benefit-section.style-two .content-column .inner-column {
        padding-left: 20px;
    }
}
@media (max-width: 991.98px) {
    .benefit-section.style-two .content-column .inner-column {
        padding-left: 0;
        padding-bottom: 50px;
    }
}
.benefit-section.style-two .blocks-column {
    margin-bottom: 50px;
}
.benefit-section.style-two .blocks-column .inner-column {
    position: relative;
    overflow: hidden;
    margin-right: -365px;
    margin-left: -130px;
    padding-top: 230px;
}
@media (max-width: 1199.98px) {
    .benefit-section.style-two .blocks-column .inner-column {
        padding-top: 100px;
        margin-right: 0;
        margin-left: 0px;
    }
}
.benefit-section.style-two .blocks-column .inner-column .swiper-outer {
    position: relative;
    max-width: 590px;
}
@media (max-width: 1199.98px) {
    .benefit-section.style-two .blocks-column .inner-column .swiper-outer {
        max-width: 100%;
    }
}
.benefit-section.style-two .blocks-column .inner-column .swiper {
    overflow: visible;
}
@media (max-width: 1199.98px) {
    .benefit-section.style-two .blocks-column .inner-column .swiper {
        overflow: hidden;
    }
}
@media (max-width: 1199.98px) {
    .benefit-section.style-two .image-column {
        display: none;
    }
}

/***

====================================================================
    Contact Section
====================================================================

***/
.contact-section {
    position: relative;
    padding: 0 40px 30px;
}
@media (max-width: 1199.98px) {
    .contact-section {
        padding: 0 0 30px;
    }
}
.contact-section .outer-box {
    position: relative;
    overflow: hidden;
    border-radius: 25px;
    padding-left: 15px;
    background-color: var(--theme-color3);
}
@media (max-width: 1199.98px) {
    .contact-section .outer-box {
        padding-left: 0;
        border-radius: 0;
    }
}
.contact-section .outer-box .bg {
    border-radius: 20px;
}
.contact-section .outer-box .shape-11 {
    position: absolute;
    top: 0;
    left: 0;
    pointer-events: none;
}
.contact-section .content-column .inner-column {
    position: relative;
    padding: 110px 0;
}
@media (max-width: 991.98px) {
    .contact-section .content-column .inner-column {
        padding: 60px 0 40px;
    }
}
.contact-section .content-column .inner-column .sec-title {
    margin-bottom: 30px;
}
.contact-section .content-column .inner-column .btn-box {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 13px;
}
.contact-section .content-column .inner-column .btn-box .readmore {
    position: relative;
    width: 56px;
    height: 56px;
    border-radius: 50%;
    font-size: 20px;
    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;
    color: var(--theme-color-white);
    background: var(--gradient-1);
    -webkit-transition: all 300ms ease;
    transition: all 300ms ease;
}
.contact-section .content-column .inner-column .btn-box .readmore i {
    position: relative;
    z-index: 3;
}
.contact-section .content-column .inner-column .btn-box .readmore:active {
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
}
.contact-section .content-column .inner-column .btn-box .readmore:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    -webkit-transform: scale(0);
    transform: scale(0);
    opacity: 0;
    border-radius: 50%;
    background-color: var(--theme-color2);
    -webkit-transition: all 300ms ease;
    transition: all 300ms ease;
}
.contact-section .content-column .inner-column .btn-box .readmore:hover:before {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
}
.contact-section .image-column .inner-column {
    position: relative;
    margin-right: -328px;
    margin-left: 60px;
    height: 100%;
}
@media only screen and (max-width: 1699px) {
    .contact-section .image-column .inner-column {
        margin-left: 55px;
    }
}
@media (max-width: 1399.98px) {
    .contact-section .image-column .inner-column {
        margin-left: 10px;
    }
}
@media (max-width: 1199.98px) {
    .contact-section .image-column .inner-column {
        margin-left: 0;
        margin-right: 0;
    }
}
.contact-section .image-column .inner-column .image {
    position: relative;
    border-radius: 20px;
    overflow: hidden;
    width: 100%;
    height: 100%;
    margin-bottom: 0;
}
@media (max-width: 1199.98px) {
    .contact-section .image-column .inner-column .image {
        border-radius: 0;
    }
}
.contact-section .image-column .inner-column .image img {
    width: 100%;
    height: 100%;
}
.contact-section .image-column .inner-column .info-box {
    position: absolute;
    bottom: 0;
    left: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 24px;
    border-top-right-radius: 20px;
    padding: 54px 95px 54px 0;
    background-color: var(--theme-color3);
    -webkit-transition: all 300ms ease;
    transition: all 300ms ease;
}
@media (max-width: 767.98px) {
    .contact-section .image-column .inner-column .info-box {
        padding: 25px 35px 25px 0;
    }
}
@media (max-width: 575.98px) {
    .contact-section .image-column .inner-column .info-box {
        padding: 15px 15px 15px 0;
        gap: 10px;
    }
}
.contact-section .image-column .inner-column .info-box:hover .icon {
    background-color: var(--theme-color-white);
    color: var(--theme-color3);
}
.contact-section .image-column .inner-column .info-box .icon {
    position: relative;
    width: 88px;
    height: 88px;
    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;
    border-radius: 50%;
    color: var(--theme-color-white);
    background-color: var(--theme-color2);
    -webkit-transition: all 300ms ease;
    transition: all 300ms ease;
}
@media (max-width: 767.98px) {
    .contact-section .image-column .inner-column .info-box .icon {
        width: 50px;
        height: 50px;
        font-size: 16px;
    }
}
.contact-section .image-column .inner-column .info-box .title {
    position: relative;
    margin-bottom: 0;
    font-weight: 700;
    color: var(--theme-color1);
}
@media (max-width: 767.98px) {
    .contact-section .image-column .inner-column .info-box .title {
        font-size: 16px;
    }
}
.contact-section .image-column .inner-column .info-box .phone {
    position: relative;
    color: var(--theme-color-white);
    margin-bottom: 0;
}
@media (max-width: 767.98px) {
    .contact-section .image-column .inner-column .info-box .phone {
        font-size: 16px;
    }
}
.contact-section .image-column .inner-column .info-box .phone:hover {
    color: var(--theme-color2);
}

.contact-form {
    position: relative;
}
.contact-form .form-group {
    position: relative;
    margin-bottom: 20px;
}
.contact-form .form-group:last-child {
    margin-bottom: 0;
}
.contact-form .select2-container--default .select2-selection--single,
.contact-form input:not([type=submit]),
.contact-form textarea,
.contact-form select {
    position: relative;
    display: block;
    width: 100%;
    height: 56px;
    font-size: 14px;
    line-height: 18px;
    font-weight: 400;
    padding: 23px 20px;
    color: #9c94b3;
    border-radius: 10px;
    border: 1px solid transparent;
    background-color: #0d0a16;
    margin-bottom: 0;
    -webkit-transition: all 300ms ease;
    transition: all 300ms ease;
}
.contact-form ::-webkit-input-placeholder {
    color: #9c94b3;
}
.contact-form input:focus,
.contact-form select:focus,
.contact-form textarea:focus {
    border-color: var(--theme-color1);
}
.contact-form textarea {
    height: 169px;
    resize: none;
}

/***

====================================================================
    Contact Section Two
====================================================================

***/
.contact-section-two {
    position: relative;
    padding: 300px 0 200px;
    margin: 0 20px;
    margin-bottom: -200px;
    border-radius: 200px 200px 0 0;
    background-color: var(--theme-color3);
}
@media (max-width: 767.98px) {
    .contact-section-two {
        border-radius: 0;
        margin: 0;
        padding: 120px 0 0;
    }
}
.contact-section-two .bg {
    border-radius: 200px 200px 0 0;
}
.contact-section-two .shape-20 {
    position: absolute;
    bottom: 0;
    left: 0;
}
.contact-section-two .content-column .inner-column {
    position: relative;
    padding: 110px 0;
}
@media (max-width: 1199.98px) {
    .contact-section-two .content-column .inner-column {
        padding: 110px 0 0;
    }
}
@media (max-width: 767.98px) {
    .contact-section-two .content-column .inner-column {
        padding-top: 70px;
    }
}
.contact-section-two .content-column .inner-column .sec-title {
    margin-bottom: 30px;
}
.contact-section-two .content-column .inner-column .btn-box {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 13px;
}
.contact-section-two .content-column .inner-column .btn-box .readmore {
    position: relative;
    width: 56px;
    height: 56px;
    border-radius: 50%;
    font-size: 20px;
    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;
    color: var(--theme-color-white);
    background: var(--gradient-1);
    -webkit-transition: all 300ms ease;
    transition: all 300ms ease;
}
.contact-section-two .content-column .inner-column .btn-box .readmore i {
    position: relative;
    z-index: 3;
}
.contact-section-two .content-column .inner-column .btn-box .readmore:active {
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
}
.contact-section-two .content-column .inner-column .btn-box .readmore:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    -webkit-transform: scale(0);
    transform: scale(0);
    opacity: 0;
    border-radius: 50%;
    background-color: var(--theme-color2);
    -webkit-transition: all 300ms ease;
    transition: all 300ms ease;
}
.contact-section-two .content-column .inner-column .btn-box .readmore:hover:before {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
}
.contact-section-two .image-column .inner-column {
    position: relative;
    padding-left: 80px;
    margin-bottom: -9px;
}
@media (max-width: 1399.98px) {
    .contact-section-two .image-column .inner-column {
        padding-left: 60px;
    }
}
@media (max-width: 1199.98px) {
    .contact-section-two .image-column .inner-column {
        padding-left: 0;
        text-align: center;
    }
}
.contact-section-two .image-column .inner-column .image {
    position: relative;
    margin-bottom: 0;
    z-index: 3;
}
.contact-section-two .image-column .inner-column .icon-27 {
    position: absolute;
    bottom: 0;
    right: 0;
}
@media (max-width: 1199.98px) {
    .contact-section-two .image-column .inner-column .icon-27 {
        right: 30%;
    }
}
@media (max-width: 767.98px) {
    .contact-section-two .image-column .inner-column .icon-27 {
        display: none;
    }
}
.contact-section-two .image-column .inner-column .icon-44 {
    position: absolute;
    bottom: 0;
    left: 0;
}
@media (max-width: 1199.98px) {
    .contact-section-two .image-column .inner-column .icon-44 {
        left: 30%;
    }
}
@media (max-width: 767.98px) {
    .contact-section-two .image-column .inner-column .icon-44 {
        display: none;
    }
}
.contact-section-two .image-column .inner-column .icon-28 {
    position: absolute;
    top: 150px;
    left: 0;
}
@media (max-width: 1199.98px) {
    .contact-section-two .image-column .inner-column .icon-28 {
        display: none;
    }
}
.contact-section-two .image-column .inner-column .icon-29 {
    position: absolute;
    top: 240px;
    right: -50px;
}
@media (max-width: 1199.98px) {
    .contact-section-two .image-column .inner-column .icon-29 {
        display: none;
    }
}

/***

====================================================================
    Contact Section-three
====================================================================

***/
.contact-section-three {
    position: relative;
}
@media (max-width: 1199.98px) {
    .contact-section-three {
        padding: 0 0 0px;
    }
}
.contact-section-three .outer-box {
    position: relative;
    overflow: hidden;
    padding-left: 15px;
    background-color: var(--theme-color3);
}
@media (max-width: 991.98px) {
    .contact-section-three .outer-box {
        padding-left: 0;
        border-radius: 0;
        margin-right: -15px;
    }
}
.contact-section-three .outer-box .bg {
    border-radius: 0px;
}
.contact-section-three .outer-box .shape-33 {
    position: absolute;
    top: 0;
    left: 33%;
    pointer-events: none;
    z-index: 1;
    height: 100%;
}
@media (max-width: 1199.98px) {
    .contact-section-three .outer-box .shape-33 {
        display: none;
    }
}
.contact-section-three .content-column .inner-column {
    position: relative;
    padding: 100px 0;
}
@media (max-width: 1199.98px) {
    .contact-section-three .content-column .inner-column {
        margin-right: 10px;
    }
}
@media (max-width: 991.98px) {
    .contact-section-three .content-column .inner-column {
        padding: 80px 0 50px;
    }
}
.contact-section-three .content-column .inner-column .sec-title {
    margin-bottom: 30px;
}
.contact-section-three .content-column .inner-column .btn-box {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 13px;
}
.contact-section-three .content-column .inner-column .btn-box .readmore {
    position: relative;
    width: 56px;
    height: 56px;
    border-radius: 50%;
    font-size: 20px;
    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;
    color: var(--theme-color-white);
    background: var(--gradient-1);
    -webkit-transition: all 300ms ease;
    transition: all 300ms ease;
}
.contact-section-three .content-column .inner-column .btn-box .readmore i {
    position: relative;
    z-index: 3;
}
.contact-section-three .content-column .inner-column .btn-box .readmore:active {
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
}
.contact-section-three .content-column .inner-column .btn-box .readmore:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    -webkit-transform: scale(0);
    transform: scale(0);
    opacity: 0;
    border-radius: 50%;
    background-color: var(--theme-color2);
    -webkit-transition: all 300ms ease;
    transition: all 300ms ease;
}
.contact-section-three .content-column .inner-column .btn-box .readmore:hover:before {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
}
.contact-section-three .image-column .inner-column {
    position: relative;
    margin-left: -383px;
    margin-right: 190px;
    height: 100%;
}
@media only screen and (max-width: 1699px) {
    .contact-section-three .image-column .inner-column {
        margin-right: 100px;
    }
}
@media (max-width: 1399.98px) {
    .contact-section-three .image-column .inner-column {
        margin-right: 50px;
    }
}
@media (max-width: 1199.98px) {
    .contact-section-three .image-column .inner-column {
        margin-left: 0;
        margin-right: 0;
    }
}
.contact-section-three .image-column .inner-column .image {
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 100%;
    margin-bottom: 0;
}
@media (max-width: 1199.98px) {
    .contact-section-three .image-column .inner-column .image {
        border-radius: 0;
    }
}
.contact-section-three .image-column .inner-column .image img {
    width: 100%;
    height: 100%;
}
.contact-section-three .image-column .inner-column .info-box {
    position: absolute;
    bottom: 0;
    left: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 24px;
    border-top-right-radius: 20px;
    padding: 54px 95px 54px 0;
    background-color: var(--theme-color3);
}
@media (max-width: 767.98px) {
    .contact-section-three .image-column .inner-column .info-box {
        padding: 25px 35px 25px 0;
    }
}
@media (max-width: 575.98px) {
    .contact-section-three .image-column .inner-column .info-box {
        padding: 15px 15px 15px 0;
        gap: 10px;
    }
}
.contact-section-three .image-column .inner-column .info-box:hover .icon {
    background-color: var(--theme-color-white);
    color: var(--theme-color3);
}
.contact-section-three .image-column .inner-column .info-box .icon {
    position: relative;
    width: 88px;
    height: 88px;
    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;
    border-radius: 50%;
    color: var(--theme-color-white);
    background-color: var(--theme-color2);
    -webkit-transition: all 300ms ease;
    transition: all 300ms ease;
}
@media (max-width: 767.98px) {
    .contact-section-three .image-column .inner-column .info-box .icon {
        width: 50px;
        height: 50px;
        font-size: 16px;
    }
}
.contact-section-three .image-column .inner-column .info-box .title {
    position: relative;
    margin-bottom: 0;
    font-weight: 700;
    color: var(--theme-color1);
}
@media (max-width: 767.98px) {
    .contact-section-three .image-column .inner-column .info-box .title {
        font-size: 16px;
    }
}
.contact-section-three .image-column .inner-column .info-box .phone {
    position: relative;
    color: var(--theme-color-white);
    margin-bottom: 0;
}
@media (max-width: 767.98px) {
    .contact-section-three .image-column .inner-column .info-box .phone {
        font-size: 16px;
    }
}
.contact-section-three .image-column .inner-column .info-box .phone:hover {
    color: var(--theme-color2);
}

.contact-form-two {
    position: relative;
}
.contact-form-two .form-group {
    position: relative;
    margin-bottom: 20px;
}
.contact-form-two .form-group:last-child {
    margin-bottom: 0;
}
.contact-form-two .select2-container--default .select2-selection--single,
.contact-form-two input:not([type=submit]),
.contact-form-two textarea,
.contact-form-two select {
    position: relative;
    display: block;
    width: 100%;
    height: 56px;
    font-size: 14px;
    line-height: 18px;
    font-weight: 400;
    padding: 23px 20px;
    color: #9c94b3;
    border-radius: 10px;
    border: 1px solid transparent;
    background-color: #fff;
    margin-bottom: 0;
    -webkit-transition: all 300ms ease;
    transition: all 300ms ease;
}
.contact-form-two ::-webkit-input-placeholder {
    color: #9c94b3;
}
.contact-form-two input:focus,
.contact-form-two select:focus,
.contact-form-two textarea:focus {
    border-color: var(--theme-color1);
}
.contact-form-two textarea {
    height: 169px;
    resize: none;
}

/***

====================================================================
    Contact Section style-one
====================================================================

***/
.contact-form.style-one {
    position: relative;
}
.contact-form.style-one .select2-container--default .select2-selection--single,
.contact-form.style-one input:not([type=submit]),
.contact-form.style-one textarea,
.contact-form.style-one select {
    position: relative;
    display: block;
    width: 100%;
    height: 56px;
    font-size: 14px;
    line-height: 18px;
    font-weight: 400;
    padding: 23px 20px;
    color: #9c94b3;
    border-radius: 10px;
    border: 1px solid transparent;
    background-color: #000;
    margin-bottom: 0;
    -webkit-transition: all 300ms ease;
    transition: all 300ms ease;
}
.contact-form.style-one ::-webkit-input-placeholder {
    color: #9c94b3;
}
.contact-form.style-one input:focus,
.contact-form.style-one select:focus,
.contact-form.style-one textarea:focus {
    border-color: var(--theme-color1);
}
.contact-form.style-one textarea {
    height: 169px;
    resize: none;
}

/***

====================================================================
    Contact Section four
====================================================================

***/
.contact-section-four {
    position: relative;
    padding: 415px 0 200px;
    margin: 0 20px;
    margin-bottom: -225px;
    border-radius: 200px 200px 0 0;
    background-color: var(--theme-color3);
}
@media (min-width: 992px) and (max-width: 1199.98px) {
    .contact-section-four {
        margin-bottom: -125px;
    }
}
@media (min-width: 768px) and (max-width: 991.98px) {
    .contact-section-four {
        margin-bottom: -125px;
        border-radius: 0;
    }
}
@media (min-width: 576px) and (max-width: 767.98px) {
    .contact-section-four {
        margin-bottom: -125px;
        border-radius: 0;
    }
}
@media (max-width: 767.98px) {
    .contact-section-four {
        padding: 0;
        margin: 0;
        padding-top: 220px;
        padding-bottom: 60px;
    }
}
.contact-section-four .bg {
    border-radius: 200px 200px 0 0;
}
.contact-section-four .shape-20 {
    position: absolute;
    bottom: 0;
    left: 0;
}
.contact-section-four .content-column .inner-column {
    position: relative;
}
.contact-section-four .content-column .inner-column .sec-title {
    margin-bottom: 30px;
}
.contact-section-four .content-column .inner-column .btn-box {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 13px;
}
.contact-section-four .content-column .inner-column .btn-box .readmore {
    position: relative;
    width: 56px;
    height: 56px;
    border-radius: 50%;
    font-size: 20px;
    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;
    color: var(--theme-color-white);
    background: var(--gradient-1);
    -webkit-transition: all 300ms ease;
    transition: all 300ms ease;
}
.contact-section-four .content-column .inner-column .btn-box .readmore i {
    position: relative;
    z-index: 3;
}
.contact-section-four .content-column .inner-column .btn-box .readmore:active {
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
}
.contact-section-four .content-column .inner-column .btn-box .readmore:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    -webkit-transform: scale(0);
    transform: scale(0);
    opacity: 0;
    border-radius: 50%;
    background-color: var(--theme-color2);
    -webkit-transition: all 300ms ease;
    transition: all 300ms ease;
}
.contact-section-four .content-column .inner-column .btn-box .readmore:hover:before {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
}
.contact-section-four .image-column .inner-column {
    position: relative;
    padding-right: 80px;
    margin-bottom: -9px;
}
@media (max-width: 1399.98px) {
    .contact-section-four .image-column .inner-column {
        padding-right: 60px;
    }
}
@media (max-width: 1199.98px) {
    .contact-section-four .image-column .inner-column {
        padding-right: 0;
        text-align: center;
    }
}
.contact-section-four .image-column .inner-column .image {
    position: relative;
    margin-bottom: 0;
    z-index: 3;
}
@media (min-width: 576px) and (max-width: 767.98px) {
    .contact-section-four .image-column .inner-column .image {
        top: -120px;
    }
}
.contact-section-four .image-column .inner-column .icon-44 {
    position: absolute;
    bottom: 0;
    left: -25px;
}
@media (max-width: 1199.98px) {
    .contact-section-four .image-column .inner-column .icon-44 {
        left: 30%;
    }
}
@media (max-width: 767.98px) {
    .contact-section-four .image-column .inner-column .icon-44 {
        display: none;
    }
}
@media (max-width: 767.98px) {
    .contact-section-four .image-column {
        display: none;
    }
}

/***

====================================================================
    Contact Section five
====================================================================

***/
.contact-section-five {
    position: relative;
    padding: 120px 0px 120px;
}
.contact-section-five .outer-box {
    position: relative;
    overflow: hidden;
    border-radius: 25px;
    padding-left: 15px;
}
@media (max-width: 1199.98px) {
    .contact-section-five .outer-box {
        padding-left: 0;
        border-radius: 0;
        margin-right: -15px;
    }
}
.contact-section-five .content-column .inner-column {
    position: relative;
    padding: 65px 40px 70px;
    background-color: #f5f5f5;
    border-radius: 10px;
}
.contact-section-five .content-column .inner-column .sec-title {
    margin-bottom: 40px;
}
.contact-section-five .content-column .inner-column .btn-box {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 13px;
}
.contact-section-five .content-column .inner-column .btn-box .readmore {
    position: relative;
    width: 56px;
    height: 56px;
    border-radius: 50%;
    font-size: 20px;
    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;
    color: var(--theme-color-white);
    background: var(--gradient-1);
    -webkit-transition: all 300ms ease;
    transition: all 300ms ease;
}
.contact-section-five .content-column .inner-column .btn-box .readmore i {
    position: relative;
    z-index: 3;
}
.contact-section-five .content-column .inner-column .btn-box .readmore:active {
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
}
.contact-section-five .content-column .inner-column .btn-box .readmore:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    -webkit-transform: scale(0);
    transform: scale(0);
    opacity: 0;
    border-radius: 50%;
    background-color: var(--theme-color2);
    -webkit-transition: all 300ms ease;
    transition: all 300ms ease;
}
.contact-section-five .content-column .inner-column .btn-box .readmore:hover:before {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
}
.contact-section-five .contact-column {
    padding-left: 35px;
}
.contact-section-five .contact-column .inner-column {
    background: var(--gradient-1);
    padding: 55px 40px 60px;
    border-radius: 10px;
}
.contact-section-five .contact-column .inner-column .inner-box {
    border-bottom: 1px solid rgba(255, 255, 255, 0.4);
    margin-bottom: 39px;
    padding-bottom: 37px;
}
.contact-section-five .contact-column .inner-column .inner-box .title {
    color: var(--theme-color-white);
    margin-bottom: 10px;
}
.contact-section-five .contact-column .inner-column .inner-box .text {
    color: var(--theme-color-white);
    font-size: 20px;
    font-weight: 600;
    line-height: 32px;
}

.contact-form-three {
    position: relative;
}
.contact-form-three .form-group {
    position: relative;
    margin-bottom: 20px;
}
.contact-form-three .form-group:last-child {
    margin-bottom: 0;
}
.contact-form-three .select2-container--default .select2-selection--single,
.contact-form-three input:not([type=submit]),
.contact-form-three textarea,
.contact-form-three select {
    position: relative;
    display: block;
    width: 100%;
    height: 56px;
    font-size: 16px;
    line-height: 30px;
    font-weight: 500;
    padding: 23px 20px;
    color: #9c94b3;
    border-radius: 44px;
    border: 1px solid rgba(0, 0, 0, 0.1019607843);
    background-color: transparent;
    margin-bottom: 10px;
    -webkit-transition: all 300ms ease;
    transition: all 300ms ease;
}
.contact-form-three ::-webkit-input-placeholder {
    color: #9c94b3;
}
.contact-form-three input:focus,
.contact-form-three select:focus,
.contact-form-three textarea:focus {
    border-color: var(--theme-color1);
}
.contact-form-three textarea {
    height: 169px;
    resize: none;
}

.contact-form-four {
    position: relative;
}
.contact-form-four .form-group {
    position: relative;
    margin-bottom: 20px;
}
.contact-form-four .form-group:last-child {
    margin-bottom: 0;
}
.contact-form-four .select2-container--default .select2-selection--single,
.contact-form-four input:not([type=submit]),
.contact-form-four textarea,
.contact-form-four select {
    position: relative;
    display: block;
    width: 100%;
    height: 56px;
    font-size: 16px;
    line-height: 30px;
    font-weight: 500;
    padding: 23px 20px;
    color: #736c87;
    border-radius: 10px;
    border: 1px solid rgba(0, 0, 0, 0.1019607843);
    background-color: transparent;
    -webkit-transition: all 300ms ease;
    transition: all 300ms ease;
}
.contact-form-four ::-webkit-input-placeholder {
    color: #736c87;
}
.contact-form-four input:focus,
.contact-form-four select:focus,
.contact-form-four textarea:focus {
    border-color: var(--theme-color1);
}
.contact-form-four textarea {
    height: 183px;
    resize: none;
}

/***

====================================================================
    Pricing Section
====================================================================

***/
.pricing-section {
    position: relative;
    padding: 120px 0 90px;
}
.pricing-section .shape-9 {
    position: absolute;
    top: 0;
    left: 0;
}
@media (max-width: 1199.98px) {
    .pricing-section .shape-9 {
        top: -100px;
        left: -100px;
    }
}
@media (max-width: 767.98px) {
    .pricing-section .shape-9 {
        display: none;
    }
}
@media (max-width: 767.98px) {
    .pricing-section {
        padding: 60px 0;
    }
}

.pricing-block {
    margin-bottom: 30px;
}
.pricing-block .inner-box {
    position: relative;
}
.pricing-block .inner-box:hover:after {
    opacity: 1;
}
.pricing-block .inner-box:hover .content {
    border-color: var(--theme-color3);
}
.pricing-block .inner-box:hover .content:before {
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
    opacity: 1;
}
.pricing-block .inner-box:hover .content .time,
.pricing-block .inner-box:hover .content .title,
.pricing-block .inner-box:hover .content .list-style-three li {
    color: var(--theme-color-white);
}
.pricing-block .inner-box:hover .content .text {
    color: rgba(255, 255, 255, 0.6);
}
.pricing-block .inner-box:hover .icon {
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
}
.pricing-block .inner-box:before {
    content: "";
    position: absolute;
    top: 13px;
    left: 10px;
    right: -10px;
    bottom: -10px;
    border-radius: 20px;
    background-color: #e6e0fa;
    clip-path: path("M345 535.5H25C11.469 535.5 0.5 524.531 0.5 511V151.709C0.500112 144.269 3.88073 137.233 9.68848 132.583L167.963 5.87402C172.308 2.39541 177.708 0.5 183.274 0.5H345C358.531 0.5 369.5 11.469 369.5 25V511C369.5 524.319 358.871 535.157 345.633 535.492L345 535.5Z");
}
@media (max-width: 991.98px) {
    .pricing-block .inner-box:before {
        clip-path: none;
        border-radius: 150px 20px 20px 20px;
    }
}
.pricing-block .inner-box:after {
    content: "";
    position: absolute;
    top: 13px;
    left: 10px;
    right: -10px;
    bottom: -10px;
    border-radius: 20px;
    opacity: 0;
    clip-path: path("M345 535.5H25C11.469 535.5 0.5 524.531 0.5 511V151.709C0.500112 144.269 3.88073 137.233 9.68848 132.583L167.963 5.87402C172.308 2.39541 177.708 0.5 183.274 0.5H345C358.531 0.5 369.5 11.469 369.5 25V511C369.5 524.319 358.871 535.157 345.633 535.492L345 535.5Z");
    background: var(--gradient-1);
    -webkit-transition: all 400ms ease;
    transition: all 400ms ease;
}
@media (max-width: 991.98px) {
    .pricing-block .inner-box:after {
        clip-path: none;
        border-radius: 150px 20px 20px 20px;
    }
}
.pricing-block .inner-box .icon {
    position: absolute;
    top: 0;
    left: 40px;
    width: 110px;
    height: 110px;
    font-size: 54px;
    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;
    color: var(--theme-color-white);
    border-radius: 50%;
    background: var(--gradient-1);
    z-index: 5;
    -webkit-transition: all 300ms ease;
    transition: all 300ms ease;
}
@media (max-width: 991.98px) {
    .pricing-block .inner-box .icon {
        top: 10px;
        left: 10px;
    }
}
@media (max-width: 575.98px) {
    .pricing-block .inner-box .icon {
        width: 80px;
        height: 80px;
        font-size: 30px;
    }
}
.pricing-block .inner-box .content {
    position: relative;
    overflow: hidden;
    border-radius: 20px;
    padding: 40px 40px;
    z-index: 3;
    border: 1px solid #e6e0fa;
    background-color: var(--theme-color-white);
    clip-path: path("M345 535.5H25C11.469 535.5 0.5 524.531 0.5 511V151.709C0.500112 144.269 3.88073 137.233 9.68848 132.583L167.963 5.87402C172.308 2.39541 177.708 0.5 183.274 0.5H345C358.531 0.5 369.5 11.469 369.5 25V511C369.5 524.319 358.871 535.157 345.633 535.492L345 535.5Z");
    -webkit-transition: all 400ms ease;
    transition: all 400ms ease;
}
@media (max-width: 1199.98px) {
    .pricing-block .inner-box .content {
        padding: 30px 20px;
    }
}
@media (max-width: 991.98px) {
    .pricing-block .inner-box .content {
        clip-path: none;
        border-radius: 150px 20px 20px 20px;
    }
}
.pricing-block .inner-box .content:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
    -webkit-transform-origin: top;
    transform-origin: top;
    opacity: 0;
    border-radius: 20px;
    background-color: var(--theme-color3);
    -webkit-transition: all 400ms ease;
    transition: all 400ms ease;
}
.pricing-block .inner-box .time {
    position: relative;
    text-align: right;
    padding-bottom: 75px;
    margin-bottom: 0;
    -webkit-transition: all 300ms ease;
    transition: all 300ms ease;
}
@media (max-width: 575.98px) {
    .pricing-block .inner-box .time {
        padding-bottom: 40px;
    }
}
.pricing-block .inner-box .title {
    position: relative;
    margin-bottom: 10px;
    -webkit-transition: all 300ms ease;
    transition: all 300ms ease;
}
.pricing-block .inner-box .text {
    position: relative;
    padding-bottom: 27px;
    margin-bottom: 28px;
    padding-right: 15px;
    border-bottom: 1px solid #e6e0fa;
    -webkit-transition: all 300ms ease;
    transition: all 300ms ease;
}
@media (max-width: 575.98px) {
    .pricing-block .inner-box .text {
        padding-bottom: 20px;
        margin-bottom: 20px;
    }
}
.pricing-block .inner-box .list-style-three li {
    position: relative;
    margin-bottom: 15px;
    -webkit-transition: all 300ms ease;
    transition: all 300ms ease;
}
.pricing-block .inner-box .btn-box {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 13px;
    margin-top: 40px;
}
.pricing-block .inner-box .btn-box .readmore {
    position: relative;
    width: 56px;
    height: 56px;
    border-radius: 50%;
    font-size: 20px;
    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;
    color: var(--theme-color-white);
    background: var(--gradient-1);
    -webkit-transition: all 300ms ease;
    transition: all 300ms ease;
}
.pricing-block .inner-box .btn-box .readmore i {
    position: relative;
    z-index: 3;
}
.pricing-block .inner-box .btn-box .readmore:active {
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
}
.pricing-block .inner-box .btn-box .readmore:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    -webkit-transform: scale(0);
    transform: scale(0);
    opacity: 0;
    border-radius: 50%;
    background-color: var(--theme-color2);
    -webkit-transition: all 300ms ease;
    transition: all 300ms ease;
}
.pricing-block .inner-box .btn-box .readmore:hover:before {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
}

/***

====================================================================
    Pricing Section style-one
====================================================================

***/
.pricing-section.style-one {
    position: relative;
    padding: 100px 0 0px;
}
@media (max-width: 991.98px) {
    .pricing-section.style-one {
        padding: 60px 0 0px;
    }
}
.pricing-section.style-one .bg.bg-pattern-17 {
    height: 605px;
}
.pricing-section.style-one .shape-11 {
    position: absolute;
    top: 0;
    left: -130px;
}
@media (max-width: 1199.98px) {
    .pricing-section.style-one .shape-11 {
        top: -100px;
        left: -100px;
    }
}
@media (max-width: 767.98px) {
    .pricing-section.style-one .shape-11 {
        display: none;
    }
}
.pricing-section.style-one .shape-32 {
    position: absolute;
    top: 25px;
    right: -100px;
    opacity: 0.1;
}
@media (max-width: 1199.98px) {
    .pricing-section.style-one .shape-32 {
        top: -100px;
        right: 0px;
    }
}
@media (max-width: 767.98px) {
    .pricing-section.style-one .shape-32 {
        display: none;
    }
}

/***

====================================================================
    Pricing Section-two
====================================================================

***/
.pricing-section-two {
    position: relative;
    padding: 20px 0 70px;
}
.pricing-section-two .shape-9 {
    position: absolute;
    top: 0;
    left: 0;
}
@media (max-width: 1199.98px) {
    .pricing-section-two .shape-9 {
        top: -100px;
        left: -100px;
    }
}
@media (max-width: 767.98px) {
    .pricing-section-two .shape-9 {
        display: none;
    }
}
@media (max-width: 991.98px) {
    .pricing-section-two {
        padding: 20px 0 30px;
    }
}

.pricing-blocks {
    margin-bottom: 30px;
}
.pricing-blocks .inner-box {
    position: relative;
    border-radius: 20px;
    padding: 45px 30px 35px;
    z-index: 3;
    border: 1px solid rgba(0, 0, 0, 0.1019607843);
    background-color: var(--theme-color-white);
    -webkit-transition: all 400ms ease;
    transition: all 400ms ease;
}
@media (max-width: 1199.98px) {
    .pricing-blocks .inner-box {
        padding: 30px 20px;
    }
}
@media (max-width: 991.98px) {
    .pricing-blocks .inner-box {
        clip-path: none;
    }
}
.pricing-blocks .inner-box:hover {
    border: 1px solid var(--theme-color1);
}
.pricing-blocks .inner-box:hover .content .icon {
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
}
.pricing-blocks .inner-box:hover .sub-title {
    background: var(--gradient-1);
    border-left: 1px solid var(--theme-color1);
    border-bottom: 1px solid var(--theme-color1);
    color: var(--theme-color-white);
}
.pricing-blocks .inner-box:hover .sub-title::before {
    background: var(--theme-color-white);
}
.pricing-blocks .inner-box .sub-title {
    position: absolute;
    font-size: 14px;
    top: -1px;
    right: -1px;
    margin: 0;
    padding-top: 15px;
    height: 52px;
    width: 102px;
    background: #fff;
    padding-left: 18px;
    border-radius: 0 20px 0 20px;
    border-left: 1px solid rgba(0, 0, 0, 0.1019607843);
    border-bottom: 1px solid rgba(0, 0, 0, 0.1019607843);
    -webkit-transition: all 300ms ease;
    transition: all 300ms ease;
}
.pricing-blocks .inner-box .sub-title::before {
    position: absolute;
    content: "";
    top: 20px;
    right: 13px;
    height: 10px;
    width: 10px;
    border-radius: 50%;
    background: var(--gradient-1);
    -webkit-transition: all 300ms ease;
    transition: all 300ms ease;
}
.pricing-blocks .inner-box .content {
    padding: 0 22px;
}
@media (max-width: 1199.98px) {
    .pricing-blocks .inner-box .content {
        padding: 0 0;
    }
}
.pricing-blocks .inner-box .content .icon {
    font-size: 54px;
    color: var(--theme-color1);
    display: inline-block;
    -webkit-transition: all 300ms ease;
    transition: all 300ms ease;
}
@media (max-width: 991.98px) {
    .pricing-blocks .inner-box .content .icon {
        top: 10px;
        left: 10px;
    }
}
@media (max-width: 575.98px) {
    .pricing-blocks .inner-box .content .icon {
        width: 80px;
        height: 80px;
        font-size: 30px;
    }
}
.pricing-blocks .inner-box .content .title {
    position: relative;
    font-size: 26px;
    margin: 5px 0 3px;
    -webkit-transition: all 300ms ease;
    transition: all 300ms ease;
}
.pricing-blocks .inner-box .content .text {
    position: relative;
    padding-bottom: 22px;
    margin-bottom: 28px;
    border-bottom: 1px solid #e6e0fa;
    -webkit-transition: all 300ms ease;
    transition: all 300ms ease;
}
@media (max-width: 575.98px) {
    .pricing-blocks .inner-box .content .text {
        padding-bottom: 20px;
        margin-bottom: 20px;
    }
}
.pricing-blocks .inner-box .content .btn-box {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 13px;
    margin-top: 40px;
}
.pricing-blocks .inner-box .list-style-six li {
    position: relative;
    margin-bottom: 25px;
    -webkit-transition: all 300ms ease;
    transition: all 300ms ease;
}

/***

====================================================================
    Team Section
====================================================================

***/
.team-section {
    position: relative;
    padding: 120px 0 70px;
}
.team-section .icon-19 {
    position: absolute;
    top: 169px;
    left: 70px;
}
@media (max-width: 991.98px) {
    .team-section .icon-19 {
        display: none;
    }
}

.team-block {
    margin-bottom: 50px;
}
@media (max-width: 575.98px) {
    .team-block {
        margin-bottom: 70px;
    }
}
.team-block .inner-box {
    position: relative;
    border-radius: 0 150px 150px 150px;
    background-color: var(--theme-color-white);
    border: 5px solid var(--theme-color1);
}
.team-block .inner-box:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background: var(--gradient-1);
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
    border-radius: 0 150px 150px 150px;
    -webkit-transition: all 300ms ease;
    transition: all 300ms ease;
}
.team-block .inner-box:hover:before {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
}
.team-block .inner-box:hover .image-box .image img {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}
.team-block .inner-box:hover .content-box .name,
.team-block .inner-box:hover .content-box .designation {
    color: var(--theme-color-white);
}
.team-block .inner-box .image-box {
    position: relative;
}
.team-block .inner-box .image-box .image {
    position: relative;
    overflow: hidden;
    border-radius: 0 150px 150px 150px;
    margin-bottom: 0;
}
.team-block .inner-box .image-box .image img {
    position: relative;
    width: 100%;
    height: 100%;
    -webkit-transition: all 300ms ease;
    transition: all 300ms ease;
}
.team-block .inner-box .content-box {
    position: relative;
    padding-top: 10px;
    text-align: center;
}
.team-block .inner-box .content-box .name {
    position: relative;
    margin-bottom: 0;
}
.team-block .inner-box .content-box .name a:hover {
    color: var(--theme-color2);
}
.team-block .inner-box .content-box .designation {
    position: relative;
    font-size: 12px;
    line-height: 16px;
    padding-bottom: 12px;
    -webkit-transition: all 300ms ease;
    transition: all 300ms ease;
}
.team-block .inner-box .content-box .icon-box {
    position: relative;
    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;
    margin-bottom: -30px;
    z-index: 5;
}
.team-block .inner-box .content-box .icon-box:hover .icon:after {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
}
.team-block .inner-box .content-box .icon-box:hover .social-links {
    -webkit-transform: scale(1);
    transform: scale(1);
    visibility: visible;
}
.team-block .inner-box .content-box .icon-box .icon {
    position: relative;
    display: block;
    height: 60px;
    width: 60px;
    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-size: 26px;
    border-radius: 50%;
    color: var(--theme-color-white);
    background: var(--gradient-1);
}
.team-block .inner-box .content-box .icon-box .icon:before {
    position: relative;
    z-index: 2;
}
.team-block .inner-box .content-box .icon-box .icon:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
    border-radius: 50%;
    background-color: var(--theme-color2);
    -webkit-transition: all 300ms ease;
    transition: all 300ms ease;
    z-index: 1;
}
.team-block .inner-box .content-box .icon-box .social-links {
    position: absolute;
    left: 50%;
    bottom: 70px;
    margin-left: -18px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 8px;
    -webkit-transform-origin: bottom;
    transform-origin: bottom;
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
    visibility: hidden;
    z-index: 5;
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
}
.team-block .inner-box .content-box .icon-box .social-links a {
    position: relative;
    height: 36px;
    width: 36px;
    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;
    border-radius: 50%;
    font-size: var(--body-font-size);
    color: var(--theme-color-black);
    background-color: var(--theme-color-white);
    -webkit-transition: all 300ms ease;
    transition: all 300ms ease;
}
.team-block .inner-box .content-box .icon-box .social-links a:hover {
    color: var(--theme-color-white);
    background-color: var(--theme-color3);
}

/***

====================================================================
    Team Section-two
====================================================================

***/
.team-section {
    position: relative;
    padding: 120px 0;
}
@media (max-width: 767.98px) {
    .team-section {
        padding: 60px 0 30px;
    }
}

.team-section.style-team {
    position: relative;
    padding: 120px 0 0;
}
.team-section.style-team .bg-pattern-10 {
    height: 590px;
}
@media (max-width: 991.98px) {
    .team-section.style-team {
        padding: 60px 0 0;
    }
}

.team-block2 {
    margin-bottom: 50px;
}
@media (max-width: 575.98px) {
    .team-block2 {
        margin-bottom: 70px;
    }
}
.team-block2 .inner-box {
    position: relative;
}
.team-block2 .inner-box:hover:before {
    -webkit-transform: scale(1);
    transform: scale(1);
}
.team-block2 .inner-box .image-box {
    position: relative;
}
.team-block2 .inner-box .image-box .image {
    position: relative;
    overflow: hidden;
    margin-bottom: 0;
    -webkit-mask-image: url("../images/mask/team3-mask-XwQFgEV.png");
    mask-image: url("../images/mask/team3-mask-XwQFgEV.png");
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: cover;
    mask-size: cover;
    -webkit-mask-position: center;
    mask-position: center;
}
@media (max-width: 991.98px) {
    .team-block2 .inner-box .image-box .image {
        margin-bottom: 30px;
    }
}
.team-block2 .inner-box .image-box .image img {
    position: relative;
    width: 100%;
    height: 100%;
    -webkit-transition: all 300ms ease;
    transition: all 300ms ease;
}
.team-block2 .inner-box .icon-box {
    position: absolute;
    cursor: pointer;
    z-index: 1;
    top: 0;
    right: 0;
}
.team-block2 .inner-box .icon-box:hover .icon:after {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
}
.team-block2 .inner-box .icon-box:hover .social-links {
    -webkit-transform: scale(1);
    transform: scale(1);
    visibility: visible;
}
.team-block2 .inner-box .icon-box .icon {
    position: relative;
    display: block;
    height: 55px;
    width: 55px;
    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-size: 23px;
    border-radius: 50%;
    color: var(--theme-color-white);
    background: var(--gradient-1);
    -webkit-transition: all 300ms ease;
    transition: all 300ms ease;
}
.team-block2 .inner-box .icon-box .icon:before {
    position: relative;
    z-index: 2;
}
.team-block2 .inner-box .icon-box .icon:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
    border-radius: 50%;
    background-color: var(--theme-color-black);
    -webkit-transition: all 300ms ease;
    transition: all 300ms ease;
    z-index: 1;
}
.team-block2 .inner-box .icon-box .social-links {
    position: absolute;
    left: 50%;
    top: 75px;
    margin-left: -18px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 8px;
    -webkit-transform-origin: top;
    transform-origin: top;
    -webkit-transform: scale(0);
    transform: scale(0);
    visibility: hidden;
    z-index: 5;
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
}
.team-block2 .inner-box .icon-box .social-links a {
    position: relative;
    height: 36px;
    width: 36px;
    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;
    border-radius: 50%;
    font-size: var(--body-font-size);
    color: var(--theme-color-black);
    background-color: var(--theme-color-white);
    -webkit-transition: all 300ms ease;
    transition: all 300ms ease;
}
.team-block2 .inner-box .icon-box .social-links a:hover {
    color: var(--theme-color-white);
    background-color: var(--theme-color3);
}
.team-block2 .inner-box .content-box {
    position: absolute;
    text-align: center;
    width: 290px;
    padding: 24px 0 27px;
    border-radius: 50px;
    left: 0;
    right: 0;
    margin: 0 auto;
    bottom: -55px;
    background-color: var(--theme-color-white);
    -webkit-box-shadow: 0px 4px 60px 0px rgba(0, 0, 0, 0.1019607843);
    box-shadow: 0px 4px 60px 0px rgba(0, 0, 0, 0.1019607843);
}
@media (min-width: 768px) and (max-width: 991.98px) {
    .team-block2 .inner-box .content-box {
        bottom: -40px;
        padding: 12px 0;
    }
}
@media (min-width: 576px) and (max-width: 767.98px) {
    .team-block2 .inner-box .content-box {
        width: 210px;
        bottom: -20px;
        padding: 5px 0;
    }
}
.team-block2 .inner-box .content-box .name {
    position: relative;
    margin-bottom: 5px;
}
.team-block2 .inner-box .content-box .name a:hover {
    color: var(--theme-color2);
}
.team-block2 .inner-box .content-box .designation {
    position: relative;
    font-size: 12px;
    line-height: 16px;
    padding-bottom: 0;
    -webkit-transition: all 300ms ease;
    transition: all 300ms ease;
}
.team-block2 .inner-box:hover .icon {
    -webkit-transform: scale(-1);
    transform: scale(-1);
}

/***

====================================================================
    Team Section style-one
====================================================================

***/
.team-section.style-one {
    position: relative;
    padding: 80px 0 120px;
}
@media (max-width: 991.98px) {
    .team-section.style-one {
        padding: 60px 0;
    }
}

/***====================================================================
    Map Section CSS
====================================================================***/
.map-section {
    position: relative;
    padding: 0 20px;
    z-index: 3;
    margin-bottom: 10px;
}
@media (max-width: 767.98px) {
    .map-section {
        padding: 0;
    }
}
.map-section iframe {
    display: block;
    width: 100%;
    height: 533px;
    border-radius: 200px 200px 20px 20px;
    -webkit-filter: grayscale(1);
    filter: grayscale(1);
}
@media (max-width: 1399.98px) {
    .map-section iframe {
        border-radius: 0;
    }
}
@media (max-width: 575.98px) {
    .map-section iframe {
        height: 400px;
    }
}
.map-section .content {
    position: relative;
}
.map-section .content .contact-list-box {
    position: absolute;
    top: 0;
    right: 0;
    padding: 25px 30px 30px;
    width: 100%;
    max-width: 358px;
    background: var(--gradient-1);
    border-radius: 0 0 20px 20px;
    z-index: 3;
}
@media (max-width: 575.98px) {
    .map-section .content .contact-list-box {
        display: none;
    }
}
.map-section .content .contact-list-box .title {
    position: relative;
    color: var(--theme-color-white);
    margin-bottom: 0;
}
.map-section .content .contact-list-box .contact-list-three li {
    position: relative;
    padding-top: 17px;
    margin-top: 17px;
    border-top: 1px solid rgba(255, 255, 255, 0.2);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 8px;
}
.map-section .content .contact-list-box .contact-list-three li:hover .icon {
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
}
.map-section .content .contact-list-box .contact-list-three li .icon {
    position: relative;
    width: 38px;
    height: 38px;
    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;
    border-radius: 50%;
    color: var(--theme-color-white);
    background-color: rgba(255, 255, 255, 0.1);
    -webkit-transition: all 300ms ease;
    transition: all 300ms ease;
}
.map-section .content .contact-list-box .contact-list-three li .text {
    position: relative;
    color: var(--theme-color-white);
    padding-right: 20px;
}
.map-section .content .contact-list-box .contact-list-three li a {
    color: var(--theme-color-white);
}
.map-section .content .contact-list-box .contact-list-three li a:hover {
    color: var(--theme-color2);
}

/***====================================================================
    Map Section-two CSS
====================================================================***/
.map-section-two {
    position: relative;
    padding: 0 20px;
    z-index: 3;
    margin-top: -250px;
    margin-bottom: 20px;
}
@media (max-width: 1199.98px) {
    .map-section-two {
        margin-top: 0px;
    }
}
@media (max-width: 767.98px) {
    .map-section-two {
        padding: 0;
    }
}
.map-section-two iframe {
    display: block;
    width: 100%;
    height: 533px;
    border-radius: 200px 200px 20px 20px;
    -webkit-filter: grayscale(1);
    filter: grayscale(1);
}
@media (max-width: 1399.98px) {
    .map-section-two iframe {
        border-radius: 0;
    }
}
@media (max-width: 575.98px) {
    .map-section-two iframe {
        height: 400px;
    }
}
.map-section-two .content {
    position: relative;
}
.map-section-two .content .contact-list-box {
    position: absolute;
    top: 110px;
    right: 0;
    padding: 25px 30px 30px;
    width: 100%;
    max-width: 358px;
    background: var(--theme-color1);
    border-radius: 20px 20px;
    z-index: 3;
}
@media (max-width: 575.98px) {
    .map-section-two .content .contact-list-box {
        display: none;
    }
}
.map-section-two .content .contact-list-box .title {
    position: relative;
    color: var(--theme-color-white);
    margin-bottom: 0;
}
.map-section-two .content .contact-list-box .contact-list-three li {
    position: relative;
    padding-top: 17px;
    margin-top: 17px;
    border-top: 1px solid rgba(255, 255, 255, 0.2);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 8px;
}
.map-section-two .content .contact-list-box .contact-list-three li:hover .icon {
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
}
.map-section-two .content .contact-list-box .contact-list-three li .icon {
    position: relative;
    width: 38px;
    height: 38px;
    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;
    border-radius: 50%;
    color: var(--theme-color-white);
    background-color: rgba(255, 255, 255, 0.1);
    -webkit-transition: all 300ms ease;
    transition: all 300ms ease;
}
.map-section-two .content .contact-list-box .contact-list-three li .text {
    position: relative;
    color: var(--theme-color-white);
    padding-right: 20px;
}
.map-section-two .content .contact-list-box .contact-list-three li a {
    color: var(--theme-color-white);
}
.map-section-two .content .contact-list-box .contact-list-three li a:hover {
    color: var(--theme-color2);
}

/***====================================================================
    Map Section CSS
====================================================================***/
.map-section-three {
    position: relative;
    padding: 0 0px;
    z-index: 3;
    margin-bottom: 20px;
}
@media (max-width: 767.98px) {
    .map-section-three {
        padding: 0;
    }
}
.map-section-three iframe {
    display: block;
    width: 100%;
    height: 533px;
    -webkit-filter: grayscale(1);
    filter: grayscale(1);
}
@media (max-width: 575.98px) {
    .map-section-three iframe {
        height: 400px;
    }
}

/***
====================================================================
    Faq Section
====================================================================
***/
.faq-section {
    position: relative;
    padding: 120px 0;
}
@media (max-width: 767.98px) {
    .faq-section {
        padding: 60px 0 0;
    }
}
.faq-section .shape-17 {
    position: absolute;
    top: 30px;
    left: 120px;
    pointer-events: none;
}
@media (max-width: 1199.98px) {
    .faq-section .shape-17 {
        display: none;
    }
}
.faq-section .shape-2 {
    position: absolute;
    top: 0px;
    right: 0px;
}
.faq-section .shape-3 {
    position: absolute;
    bottom: 20px;
    left: 0px;
}
.faq-section .content-column .inner-column {
    position: relative;
}
.faq-section .content-column .inner-column .sec-title {
    margin-bottom: 30px;
}
.faq-section .image-column .inner-column {
    position: relative;
    margin-right: -150px;
    padding-left: 50px;
    margin-top: -60px;
}
@media (max-width: 991.98px) {
    .faq-section .image-column .inner-column {
        margin-right: 0;
        padding-left: 0;
        margin-top: 0;
        text-align: center;
    }
}
.faq-section .image-column .inner-column .image {
    position: relative;
    margin-bottom: 0;
    width: 100%;
    z-index: 5;
}
@media (max-width: 991.98px) {
    .faq-section .image-column .inner-column .image {
        width: 70%;
        margin: 0 auto;
    }
}
@media (max-width: 767.98px) {
    .faq-section .image-column .inner-column .image {
        width: 90%;
    }
}
@media (max-width: 575.98px) {
    .faq-section .image-column .inner-column .image {
        width: 100%;
    }
}
.faq-section .image-column .inner-column .image img {
    position: relative;
    width: 100%;
}
.faq-section .image-column .inner-column .icon-20 {
    position: absolute;
    bottom: 15px;
    right: -155px;
    z-index: 6;
}
@media (max-width: 1399.98px) {
    .faq-section .image-column .inner-column .icon-20 {
        right: 0;
    }
}
@media (max-width: 991.98px) {
    .faq-section .image-column .inner-column .icon-20 {
        display: none;
    }
}
@media (max-width: 575.98px) {
    .faq-section .image-column .inner-column .icon-20 {
        display: none;
    }
}
.faq-section .image-column .inner-column .icon-21 {
    position: absolute;
    top: 40px;
    left: -70px;
}
@media (max-width: 991.98px) {
    .faq-section .image-column .inner-column .icon-21 {
        display: none;
    }
}
.faq-section .image-column .inner-column .icon-22 {
    position: absolute;
    bottom: 40px;
    left: 10px;
    -webkit-animation: fa-spin 10s infinite linear;
    animation: fa-spin 10s infinite linear;
}
@media (max-width: 767.98px) {
    .faq-section .image-column .inner-column .icon-22 {
        display: none;
    }
}
.faq-section .image-column .inner-column .icon-23 {
    position: absolute;
    top: 230px;
    right: 40px;
    z-index: 2;
    -webkit-animation: fa-spin 10s infinite linear;
    animation: fa-spin 10s infinite linear;
}
@media (max-width: 767.98px) {
    .faq-section .image-column .inner-column .icon-23 {
        display: none;
    }
}
.faq-section .image-column .inner-column .icon-24 {
    position: absolute;
    bottom: 60px;
    left: -40px;
    z-index: 1;
}
@media (max-width: 1199.98px) {
    .faq-section .image-column .inner-column .icon-24 {
        bottom: 0;
    }
}
@media (max-width: 991.98px) {
    .faq-section .image-column .inner-column .icon-24 {
        left: 0;
    }
}
@media (max-width: 767.98px) {
    .faq-section .image-column .inner-column .icon-24 {
        display: none;
    }
}
.faq-section .image-column .inner-column .icon-25 {
    position: absolute;
    top: -80px;
    right: -90px;
}
@media (max-width: 575.98px) {
    .faq-section .image-column .inner-column .icon-25 {
        display: none;
    }
}
.faq-section .image-column .inner-column .shape-18 {
    position: absolute;
    top: 0;
    right: -280px;
}
@media (max-width: 575.98px) {
    .faq-section .image-column .inner-column .shape-18 {
        display: none;
    }
}

.style-faq {
    padding: 115px 0 90px;
}

/***

====================================================================
    Faq Section-two
====================================================================

***/
.faq-section-two {
    position: relative;
}
.faq-section-two .icon-19 {
    position: absolute;
    top: 169px;
    left: 70px;
}
@media (min-width: 1400px) and (max-width: 1599.98px) {
    .faq-section-two .icon-19 {
        display: none;
    }
}
@media (min-width: 1200px) and (max-width: 1399.98px) {
    .faq-section-two .icon-19 {
        display: none;
    }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
    .faq-section-two .icon-19 {
        display: none;
    }
}
@media (max-width: 991.98px) {
    .faq-section-two .icon-19 {
        display: none;
    }
}
.faq-section-two .content-column .inner-column {
    position: relative;
    padding: 120px 0;
}
.faq-section-two .content-column .inner-column .sec-title {
    margin-bottom: 30px;
}
@media (max-width: 991.98px) {
    .faq-section-two .content-column .inner-column {
        padding: 60px 0;
    }
}
.faq-section-two .image-column .inner-column {
    position: relative;
    margin-right: -370px;
    margin-bottom: -16px;
}
@media (max-width: 991.98px) {
    .faq-section-two .image-column .inner-column {
        margin-right: 0;
        padding-left: 0;
        margin-top: 0;
        text-align: center;
        margin-bottom: 60px;
    }
    .faq-section-two .image-column .inner-column .image {
        display: block;
    }
}
.faq-section-two .image-column .exp-box {
    position: absolute;
    top: 470px;
    right: 535px;
    padding: 0 30px 25px;
    display: inline-block;
    border-radius: 20px;
    background-color: var(--theme-color-white);
}
@media (min-width: 992px) and (max-width: 1199.98px) {
    .faq-section-two .image-column .exp-box {
        right: 450px;
    }
}
@media (min-width: 768px) and (max-width: 991.98px) {
    .faq-section-two .image-column .exp-box {
        right: 400px;
    }
}
@media (max-width: 767.98px) {
    .faq-section-two .image-column .exp-box {
        display: none;
    }
}
@media (max-width: 575.98px) {
    .faq-section-two .image-column .exp-box {
        bottom: 10px;
        left: 10px;
        padding: 0 15px 15px;
        right: 20px;
    }
}
.faq-section-two .image-column .exp-box .icon {
    position: relative;
    width: 110px;
    height: 110px;
    font-size: 50px;
    margin-top: -40px;
    margin-left: -30px;
    margin-bottom: 10px;
    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;
    color: var(--theme-color-white);
    border-radius: 50%;
    background: var(--gradient-1);
    -webkit-transition: all 300ms ease;
    transition: all 300ms ease;
}
@media (max-width: 575.98px) {
    .faq-section-two .image-column .exp-box .icon {
        width: 60px;
        height: 60px;
        font-size: 20px;
        margin-left: -15px;
    }
}
.faq-section-two .image-column .exp-box .cat {
    position: relative;
    font-size: 14px;
    color: var(--theme-color2);
}
@media (max-width: 575.98px) {
    .faq-section-two .image-column .exp-box .cat {
        font-size: 12px;
    }
}
.faq-section-two .image-column .exp-box .title {
    position: relative;
    line-height: 30px;
    margin-bottom: 0;
}
@media (max-width: 575.98px) {
    .faq-section-two .image-column .exp-box .title {
        font-size: 18px;
        line-height: 1.2em;
    }
    .faq-section-two .image-column .exp-box .title br {
        display: none;
    }
}

/***
====================================================================
    Faq Section-three
====================================================================
***/
.faq-section-three {
    position: relative;
    padding: 120px 0;
}
@media (max-width: 991.98px) {
    .faq-section-three {
        padding: 60px 0;
    }
}
.faq-section-three .content-column .inner-column {
    position: relative;
    background: var(--theme-color-white);
    padding: 72px 50px 95px;
    border-radius: 40px;
    -webkit-box-shadow: 0px 4.4px 20px -1px rgba(19, 16, 34, 0.0509803922);
    box-shadow: 0px 4.4px 20px -1px rgba(19, 16, 34, 0.0509803922);
    z-index: 9;
}
.faq-section-three .content-column .inner-column .sec-title {
    margin-bottom: 30px;
}
@media (max-width: 575.98px) {
    .faq-section-three .content-column .inner-column {
        padding: 20px;
    }
}
.faq-section-three .image-column .inner-column {
    position: relative;
    margin-right: -150px;
    padding-left: 5px;
    margin-top: -30px;
}
@media (max-width: 991.98px) {
    .faq-section-three .image-column .inner-column {
        margin-right: 0;
        padding-left: 0;
        margin-top: 0;
        text-align: center;
    }
}
.faq-section-three .image-column .inner-column .image {
    position: relative;
    margin-bottom: 0;
    width: 100%;
    z-index: 5;
    border-radius: 10px;
    overflow: hidden;
}
@media (max-width: 991.98px) {
    .faq-section-three .image-column .inner-column .image {
        width: 70%;
        margin: 0 auto;
    }
}
@media (max-width: 767.98px) {
    .faq-section-three .image-column .inner-column .image {
        width: 90%;
    }
}
@media (max-width: 575.98px) {
    .faq-section-three .image-column .inner-column .image {
        width: 100%;
    }
}
.faq-section-three .image-column .inner-column .image img {
    position: relative;
    width: 100%;
}
.faq-section-three .image-column .inner-column .icon-36 {
    position: absolute;
    bottom: 15px;
    left: -155px;
    z-index: 6;
}
@media only screen and (max-width: 1699px) {
    .faq-section-three .image-column .inner-column .icon-36 {
        left: -110px;
    }
}
@media (max-width: 1399.98px) {
    .faq-section-three .image-column .inner-column .icon-36 {
        left: 0;
    }
}
@media (max-width: 991.98px) {
    .faq-section-three .image-column .inner-column .icon-36 {
        display: none;
    }
}
@media (max-width: 575.98px) {
    .faq-section-three .image-column .inner-column .icon-36 {
        display: none;
    }
}
.faq-section-three .image-column .inner-column .icon-45 {
    position: absolute;
    top: -50px;
    left: -45px;
}
@media (max-width: 991.98px) {
    .faq-section-three .image-column .inner-column .icon-45 {
        display: none;
    }
}
.faq-section-three .image-column .inner-column .icon-46 {
    position: absolute;
    top: 150px;
    left: -35px;
}
@media (max-width: 767.98px) {
    .faq-section-three .image-column .inner-column .icon-46 {
        display: none;
    }
}

/***

====================================================================
    Call To Action
====================================================================

***/
.call-to-action {
    position: relative;
    z-index: 3;
}
.call-to-action.pull-down {
    margin-bottom: -150px;
}
@media (max-width: 991.98px) {
    .call-to-action.pull-down {
        margin-bottom: 0;
    }
}
.call-to-action .outer-box {
    position: relative;
    border-radius: 100px 100px 0 0;
    max-width: 1440px;
    width: 100%;
    margin: 0 auto;
}
@media only screen and (max-width: 1699px) {
    .call-to-action .outer-box {
        margin: 0 35px;
        max-width: 100%;
        width: auto;
    }
}
@media (max-width: 1199.98px) {
    .call-to-action .outer-box {
        overflow: hidden;
        margin: 0 20px;
    }
}
@media (max-width: 991.98px) {
    .call-to-action .outer-box {
        border-radius: 0;
        margin: 0;
    }
}
.call-to-action .outer-box:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 661px;
    height: 100%;
    border-top-right-radius: 100px;
    background-image: url("../images/resource/cta1-2-8UO6Ojr.png");
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}
@media (max-width: 991.98px) {
    .call-to-action .outer-box:before {
        border-top-right-radius: 0;
    }
}
@media (max-width: 575.98px) {
    .call-to-action .outer-box:before {
        display: none;
    }
}
.call-to-action .outer-box:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    border-radius: 100px 100px 0 0;
    background: -webkit-gradient(linear, left top, right top, color-stop(68%, #61b9ba), to(rgba(87, 30, 136, 0)));
    background: linear-gradient(to right, #61b9ba 68% 33%, rgba(87, 30, 136, 0) 100%);
}
@media (max-width: 991.98px) {
    .call-to-action .outer-box:after {
        border-radius: 0;
    }
}
@media (max-width: 575.98px) {
    .call-to-action .outer-box:after {
        background: -webkit-gradient(linear, left top, right top, color-stop(68%, #61b9ba), to(rgba(87, 30, 136, 0)));
        background: linear-gradient(to right, #61b9ba 68% 100%, rgba(87, 30, 136, 0) 100%);
    }
}
.call-to-action .outer-box .icon-32 {
    position: absolute;
    top: -60px;
    left: 100px;
    z-index: 1;
    -webkit-animation: fa-spin 10s infinite linear;
    animation: fa-spin 10s infinite linear;
}
@media (max-width: 575.98px) {
    .call-to-action .outer-box .icon-32 {
        display: none;
    }
}
.call-to-action .outer-box .icon-14 {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
}
@media (max-width: 575.98px) {
    .call-to-action .outer-box .icon-14 {
        display: none;
    }
}
.call-to-action .outer-box .content-box {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 0 135px 0 102px;
    z-index: 3;
}
@media (max-width: 1399.98px) {
    .call-to-action .outer-box .content-box {
        padding-left: 60px;
        padding-right: 80px;
    }
}
@media (max-width: 1199.98px) {
    .call-to-action .outer-box .content-box {
        padding: 70px 30px;
    }
}
@media (max-width: 767.98px) {
    .call-to-action .outer-box .content-box {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        text-align: center;
        gap: 30px;
    }
}
@media (max-width: 575.98px) {
    .call-to-action .outer-box .content-box {
        padding: 50px 15px;
    }
}
.call-to-action .outer-box .content-box .image-box {
    position: relative;
}
@media (max-width: 1199.98px) {
    .call-to-action .outer-box .content-box .image-box {
        display: none;
    }
}
.call-to-action .outer-box .content-box .image-box .image {
    position: relative;
    margin-bottom: 0;
    margin-top: -78px;
}
.call-to-action .outer-box .content-box .title-box {
    position: relative;
    margin-left: -100px;
    margin-top: 5px;
}
@media (max-width: 1399.98px) {
    .call-to-action .outer-box .content-box .title-box {
        margin-top: 0;
        margin-left: -40px;
    }
}
@media (max-width: 1199.98px) {
    .call-to-action .outer-box .content-box .title-box {
        margin-left: 0;
        max-width: 500px;
    }
}
.call-to-action .outer-box .content-box .title-box .title {
    position: relative;
    color: var(--theme-color-white);
    margin-bottom: 0;
}
@media (max-width: 1199.98px) {
    .call-to-action .outer-box .content-box .title-box .title {
        font-size: 32px;
    }
    .call-to-action .outer-box .content-box .title-box .title br {
        display: none;
    }
}
@media (max-width: 575.98px) {
    .call-to-action .outer-box .content-box .title-box .title {
        font-size: 28px;
    }
}
.call-to-action .outer-box .content-box .btn-box {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 13px;
}
.call-to-action .outer-box .content-box .btn-box .readmore {
    position: relative;
    width: 56px;
    height: 56px;
    border-radius: 50%;
    font-size: 20px;
    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;
    color: var(--theme-color3);
    background: var(--theme-color-white);
    -webkit-transition: all 300ms ease;
    transition: all 300ms ease;
}
.call-to-action .outer-box .content-box .btn-box .readmore i {
    position: relative;
    z-index: 3;
}
.call-to-action .outer-box .content-box .btn-box .readmore:active {
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
}
.call-to-action .outer-box .content-box .btn-box .readmore:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    -webkit-transform: scale(0);
    transform: scale(0);
    opacity: 0;
    border-radius: 50%;
    background-color: var(--theme-color2);
    -webkit-transition: all 300ms ease;
    transition: all 300ms ease;
}
.call-to-action .outer-box .content-box .btn-box .readmore:hover {
    color: var(--theme-color-white);
}
.call-to-action .outer-box .content-box .btn-box .readmore:hover:before {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
}

/***

====================================================================
    Call To Action Two
====================================================================

***/
.call-to-action-two {
    position: relative;
    margin: 0 100px;
    z-index: 3;
}
@media only screen and (max-width: 1699px) {
    .call-to-action-two {
        margin: 0 30px;
    }
}
@media (max-width: 1399.98px) {
    .call-to-action-two {
        margin: 0 20px;
    }
}
@media (max-width: 767.98px) {
    .call-to-action-two {
        margin: 0;
    }
}
.call-to-action-two.pull-down {
    margin-bottom: -300px;
}
@media (max-width: 767.98px) {
    .call-to-action-two.pull-down {
        margin-bottom: 0;
    }
}
.call-to-action-two .bg {
    border-radius: 20px;
    overflow: hidden;
}
@media (max-width: 767.98px) {
    .call-to-action-two .bg {
        border-radius: 0;
    }
}
.call-to-action-two .bg:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    opacity: 0.5;
    background-color: var(--theme-color3);
}
.call-to-action-two .outer-box {
    position: relative;
    padding: 190px 0 230px;
}
@media (max-width: 1199.98px) {
    .call-to-action-two .outer-box {
        padding: 100px 0;
    }
}
@media (max-width: 575.98px) {
    .call-to-action-two .outer-box {
        padding: 80px 0 200px;
    }
}
.call-to-action-two .outer-box .icon-30 {
    position: absolute;
    bottom: 184px;
    right: 260px;
}
@media (max-width: 1199.98px) {
    .call-to-action-two .outer-box .icon-30 {
        display: none;
    }
}
.call-to-action-two .outer-box .content-box {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
@media (max-width: 1399.98px) {
    .call-to-action-two .outer-box .content-box {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        text-align: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
}
@media (max-width: 767.98px) {
    .call-to-action-two .outer-box .content-box {
        gap: 20px;
    }
}
.call-to-action-two .outer-box .content-box .title {
    position: relative;
    color: var(--theme-color-white);
    font-size: 60px;
    line-height: 70px;
    text-transform: uppercase;
    max-width: 830px;
    margin-bottom: 0;
}
@media (max-width: 1199.98px) {
    .call-to-action-two .outer-box .content-box .title {
        font-size: 50px;
    }
    .call-to-action-two .outer-box .content-box .title br {
        display: none;
    }
}
@media (max-width: 991.98px) {
    .call-to-action-two .outer-box .content-box .title {
        font-size: 36px;
    }
}
@media (max-width: 767.98px) {
    .call-to-action-two .outer-box .content-box .title {
        font-size: 32px;
        line-height: 1.2em;
    }
}
.call-to-action-two .outer-box .content-box .exp-box {
    position: relative;
}
.call-to-action-two .outer-box .content-box .exp-box .circular-text {
    position: relative;
    fill: currentColor;
    height: auto;
    -webkit-transform-origin: center;
    transform-origin: center;
    width: 240px;
    height: 240px;
    -webkit-animation: fa-spin 30s infinite linear;
    animation: fa-spin 30s infinite linear;
}
@media (max-width: 1199.98px) {
    .call-to-action-two .outer-box .content-box .exp-box .circular-text {
        width: 200px;
        height: 200px;
    }
}
@media (max-width: 767.98px) {
    .call-to-action-two .outer-box .content-box .exp-box .circular-text {
        width: 160px;
        height: 160px;
    }
}
.call-to-action-two .outer-box .content-box .exp-box .circular-text text {
    position: relative;
    font-size: 6px;
    letter-spacing: 0.9px;
    font-family: var(--heading-font-family);
    color: var(--theme-color-white);
    text-transform: uppercase;
}
.call-to-action-two .outer-box .content-box .exp-box .video-box {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
.call-to-action-two .outer-box .info-box {
    position: absolute;
    right: 0;
    bottom: -74px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    padding: 36px 50px 36px 36px;
    border-radius: 20px;
    gap: 72px;
    overflow: hidden;
    z-index: 5;
    -webkit-animation: bounce-x 10s infinite linear;
    animation: bounce-x 10s infinite linear;
}
@media (max-width: 1199.98px) {
    .call-to-action-two .outer-box .info-box {
        left: 50%;
        right: auto;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
        -webkit-animation: none;
        animation: none;
    }
}
@media (max-width: 767.98px) {
    .call-to-action-two .outer-box .info-box {
        padding: 20px;
    }
}
@media (max-width: 575.98px) {
    .call-to-action-two .outer-box .info-box {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 20px;
        bottom: -150px;
        text-align: center;
        max-width: 300px;
        width: 100%;
    }
}
.call-to-action-two .outer-box .info-box:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    backdrop-filter: blur(42px);
    background: radial-gradient(rgba(255, 255, 255, 0.4) 0%, rgba(255, 255, 255, 0) 100%);
}
.call-to-action-two .outer-box .info-box .info-box-inner {
    position: relative;
}
.call-to-action-two .outer-box .info-box .info-box-inner:before {
    content: "";
    position: absolute;
    top: 10px;
    right: -30px;
    width: 1px;
    height: 63px;
    opacity: 0.3;
    background-color: var(--theme-color-white);
}
@media (max-width: 575.98px) {
    .call-to-action-two .outer-box .info-box .info-box-inner:before {
        display: none;
    }
}
.call-to-action-two .outer-box .info-box .info-box-inner:last-child::before {
    display: none;
}
.call-to-action-two .outer-box .info-box .content {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 10px;
    margin-top: 10px;
}
@media (max-width: 575.98px) {
    .call-to-action-two .outer-box .info-box .content {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: baseline;
        -ms-flex-pack: baseline;
        justify-content: baseline;
        text-align: center;
    }
}
.call-to-action-two .outer-box .info-box .content .author-images {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.call-to-action-two .outer-box .info-box .content .author-images .thumb {
    position: relative;
    width: 40px;
    height: 40px;
    margin-left: -13px;
    border-radius: 50%;
    overflow: hidden;
    border: 2px solid var(--theme-color-white);
}
.call-to-action-two .outer-box .info-box .content .author-images .thumb:first-child {
    margin-left: 0;
}
.call-to-action-two .outer-box .info-box .content .info {
    position: relative;
}
.call-to-action-two .outer-box .info-box .content .info .rating {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 5px;
    margin-bottom: 5px;
}
.call-to-action-two .outer-box .info-box .content .info .rating i {
    position: relative;
    font-size: 10px;
    line-height: 1em;
    color: var(--theme-color2);
}
.call-to-action-two .outer-box .info-box .content .info .text {
    position: relative;
    font-size: 13px;
    font-weight: 500;
    white-space: nowrap;
    color: var(--theme-color-white);
}

/***

====================================================================
    Call To Action four
====================================================================

***/
.call-to-action-five {
    position: relative;
    margin: 0 100px;
    z-index: 3;
}
@media only screen and (max-width: 1699px) {
    .call-to-action-five {
        margin: 0 30px;
    }
}
@media (max-width: 1399.98px) {
    .call-to-action-five {
        margin: 0 20px;
    }
}
@media (max-width: 767.98px) {
    .call-to-action-five {
        margin: 0;
    }
}
.call-to-action-five.pull-down {
    margin-bottom: -300px;
}
@media (max-width: 767.98px) {
    .call-to-action-five.pull-down {
        margin-bottom: 0;
    }
}
.call-to-action-five .bg {
    border-radius: 20px;
    overflow: hidden;
}
@media (max-width: 767.98px) {
    .call-to-action-five .bg {
        border-radius: 0;
    }
}
.call-to-action-five .bg:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    opacity: 0.5;
    background-color: var(--theme-color3);
}
.call-to-action-five .outer-box {
    position: relative;
    padding: 190px 0 230px;
}
@media (max-width: 1199.98px) {
    .call-to-action-five .outer-box {
        padding: 100px 0;
    }
}
@media (max-width: 575.98px) {
    .call-to-action-five .outer-box {
        padding: 80px 0 200px;
    }
}
.call-to-action-five .outer-box .icon-30 {
    position: absolute;
    bottom: 184px;
    right: 260px;
}
@media (max-width: 1199.98px) {
    .call-to-action-five .outer-box .icon-30 {
        display: none;
    }
}
.call-to-action-five .outer-box .content-box {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
@media (max-width: 1399.98px) {
    .call-to-action-five .outer-box .content-box {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        text-align: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
}
@media (max-width: 767.98px) {
    .call-to-action-five .outer-box .content-box {
        gap: 20px;
    }
}
.call-to-action-five .outer-box .content-box .title {
    position: relative;
    color: var(--theme-color-white);
    font-size: 60px;
    line-height: 70px;
    text-transform: uppercase;
    max-width: 830px;
    margin-bottom: 0;
}
@media (max-width: 1199.98px) {
    .call-to-action-five .outer-box .content-box .title {
        font-size: 50px;
        line-height: 60px;
    }
}
@media (max-width: 991.98px) {
    .call-to-action-five .outer-box .content-box .title {
        font-size: 36px;
        line-height: 45px;
    }
    .call-to-action-five .outer-box .content-box .title br {
        display: none;
    }
}
@media (max-width: 575.98px) {
    .call-to-action-five .outer-box .content-box .title {
        font-size: 28px;
        line-height: 40px;
    }
}
.call-to-action-five .outer-box .content-box .exp-box {
    position: relative;
}
.call-to-action-five .outer-box .content-box .exp-box .circular-text {
    position: relative;
    fill: currentColor;
    height: auto;
    -webkit-transform-origin: center;
    transform-origin: center;
    width: 240px;
    height: 240px;
    -webkit-animation: fa-spin 30s infinite linear;
    animation: fa-spin 30s infinite linear;
}
@media (max-width: 1199.98px) {
    .call-to-action-five .outer-box .content-box .exp-box .circular-text {
        width: 200px;
        height: 200px;
    }
}
@media (max-width: 767.98px) {
    .call-to-action-five .outer-box .content-box .exp-box .circular-text {
        width: 160px;
        height: 160px;
    }
}
.call-to-action-five .outer-box .content-box .exp-box .circular-text text {
    position: relative;
    font-size: 6px;
    letter-spacing: 0.9px;
    font-family: var(--heading-font-family);
    color: var(--theme-color-white);
    text-transform: uppercase;
}
.call-to-action-five .outer-box .content-box .exp-box .video-box {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
.call-to-action-five .outer-box .info-box {
    position: absolute;
    left: 0;
    bottom: -74px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    padding: 36px 50px 36px 36px;
    border-radius: 20px;
    gap: 72px;
    overflow: hidden;
    z-index: 5;
    -webkit-animation: bounce-x 10s infinite linear;
    animation: bounce-x 10s infinite linear;
}
@media (max-width: 1199.98px) {
    .call-to-action-five .outer-box .info-box {
        left: 50%;
        right: auto;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
        -webkit-animation: none;
        animation: none;
    }
}
@media (max-width: 767.98px) {
    .call-to-action-five .outer-box .info-box {
        padding: 20px;
    }
}
@media (max-width: 575.98px) {
    .call-to-action-five .outer-box .info-box {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 20px;
        bottom: -150px;
        text-align: center;
        max-width: 300px;
        width: 100%;
    }
}
.call-to-action-five .outer-box .info-box:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    backdrop-filter: blur(42px);
    background: radial-gradient(rgba(255, 255, 255, 0.4) 0%, rgba(255, 255, 255, 0) 100%);
}
.call-to-action-five .outer-box .info-box .info-box-inner {
    position: relative;
}
.call-to-action-five .outer-box .info-box .info-box-inner:before {
    content: "";
    position: absolute;
    top: 10px;
    right: -30px;
    width: 1px;
    height: 63px;
    opacity: 0.3;
    background-color: var(--theme-color-white);
}
@media (max-width: 575.98px) {
    .call-to-action-five .outer-box .info-box .info-box-inner:before {
        display: none;
    }
}
.call-to-action-five .outer-box .info-box .info-box-inner:last-child::before {
    display: none;
}
.call-to-action-five .outer-box .info-box .content {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 10px;
    margin-top: 10px;
}
@media (max-width: 575.98px) {
    .call-to-action-five .outer-box .info-box .content {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: baseline;
        -ms-flex-pack: baseline;
        justify-content: baseline;
        text-align: center;
    }
}
.call-to-action-five .outer-box .info-box .content .author-images {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.call-to-action-five .outer-box .info-box .content .author-images .thumb {
    position: relative;
    width: 40px;
    height: 40px;
    margin-left: -13px;
    border-radius: 50%;
    overflow: hidden;
    border: 2px solid var(--theme-color-white);
}
.call-to-action-five .outer-box .info-box .content .author-images .thumb:first-child {
    margin-left: 0;
}
.call-to-action-five .outer-box .info-box .content .info {
    position: relative;
}
.call-to-action-five .outer-box .info-box .content .info .rating {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 5px;
    margin-bottom: 5px;
}
.call-to-action-five .outer-box .info-box .content .info .rating i {
    position: relative;
    font-size: 10px;
    line-height: 1em;
    color: var(--theme-color2);
}
.call-to-action-five .outer-box .info-box .content .info .text {
    position: relative;
    font-size: 13px;
    font-weight: 500;
    white-space: nowrap;
    color: var(--theme-color-white);
}

/***

====================================================================
    Call To Action Three
====================================================================

***/
.call-to-action-three {
    position: relative;
    margin: 0 20px;
    z-index: 3;
}
.call-to-action-three .shape-20 {
    position: absolute;
    left: 0;
    bottom: 0;
}
.call-to-action-three .btn-box {
    position: relative;
    gap: 13px;
    margin-top: 32px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    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;
}
.call-to-action-three .btn-box .readmore {
    position: relative;
    width: 56px;
    height: 56px;
    border-radius: 50%;
    font-size: 20px;
    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;
    color: var(--theme-color-white);
    background: var(--gradient-1);
    -webkit-transition: all 300ms ease;
    transition: all 300ms ease;
}
.call-to-action-three .btn-box .readmore i {
    position: relative;
    z-index: 3;
}
.call-to-action-three .btn-box .readmore:active {
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
}
.call-to-action-three .btn-box .readmore:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    -webkit-transform: scale(0);
    transform: scale(0);
    opacity: 0;
    border-radius: 50%;
    background-color: var(--theme-color2);
    -webkit-transition: all 300ms ease;
    transition: all 300ms ease;
}
.call-to-action-three .btn-box .readmore:hover:before {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
}
@media only screen and (max-width: 1699px) {
    .call-to-action-three {
        margin: 0 30px;
    }
}
@media (max-width: 1399.98px) {
    .call-to-action-three {
        margin: 0 20px;
    }
}
@media (max-width: 767.98px) {
    .call-to-action-three {
        margin: 0;
    }
}
.call-to-action-three .bg {
    border-radius: 250px 250px 0 0;
    overflow: hidden;
}
@media (max-width: 1199.98px) {
    .call-to-action-three .bg {
        border-radius: 0;
    }
}
.call-to-action-three .bg:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    opacity: 0.5;
    background-color: var(--theme-color3);
}
.call-to-action-three .outer-box {
    position: relative;
    padding: 105px 0 290px;
}
@media (max-width: 1199.98px) {
    .call-to-action-three .outer-box {
        padding: 100px 0;
    }
}
@media (max-width: 575.98px) {
    .call-to-action-three .outer-box {
        padding: 60px 0;
    }
}
.call-to-action-three .outer-box .icon-30 {
    position: absolute;
    bottom: 184px;
    right: 260px;
}
@media (max-width: 1199.98px) {
    .call-to-action-three .outer-box .icon-30 {
        display: none;
    }
}
.call-to-action-three .outer-box .content-box {
    position: relative;
}
@media (max-width: 1399.98px) {
    .call-to-action-three .outer-box .content-box {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        text-align: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
}
@media (max-width: 767.98px) {
    .call-to-action-three .outer-box .content-box {
        gap: 20px;
    }
}
.call-to-action-three .outer-box .content-box .title {
    position: relative;
    color: var(--theme-color-white);
    font-size: 60px;
    line-height: 70px;
    text-align: center;
    margin-bottom: 0;
}
@media (max-width: 1399.98px) {
    .call-to-action-three .outer-box .content-box .title {
        font-size: 50px;
    }
}
@media (max-width: 1199.98px) {
    .call-to-action-three .outer-box .content-box .title {
        font-size: 45px;
    }
}
@media (max-width: 767.98px) {
    .call-to-action-three .outer-box .content-box .title {
        font-size: 36px;
        line-height: 1.2em;
    }
    .call-to-action-three .outer-box .content-box .title br {
        display: none;
    }
}
.call-to-action-three .outer-box .content-box .text {
    position: relative;
    font-size: 16px;
    line-height: 30px;
    color: #9c94b3;
    text-align: center;
    margin: 38px 0 0;
}
.call-to-action-three .outer-box .text-box {
    position: relative;
    text-align: center;
    margin-top: 125px;
}
.call-to-action-three .outer-box .text-box .title-two {
    font-size: 160px;
    line-height: 18px;
    letter-spacing: 10px;
    text-transform: uppercase;
    color: transparent;
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: rgba(255, 255, 255, 0.33);
    font-family: sans-serif;
}
@media (min-width: 1400px) and (max-width: 1599.98px) {
    .call-to-action-three .outer-box .text-box .title-two {
        font-size: 110px;
    }
}
@media (min-width: 1200px) and (max-width: 1399.98px) {
    .call-to-action-three .outer-box .text-box .title-two {
        font-size: 105px;
    }
}
@media (max-width: 1199.98px) {
    .call-to-action-three .outer-box .text-box {
        display: none;
    }
}

/***

====================================================================
    Call To Action four
====================================================================

***/
.call-to-action-four {
    position: relative;
    z-index: 1;
}
.call-to-action-four .outer-box {
    margin: 0;
    position: relative;
}
@media only screen and (max-width: 1699px) {
    .call-to-action-four .outer-box {
        margin: 0;
    }
}
.call-to-action-four .outer-box .counter-blocks {
    background-color: var(--theme-color1);
    border-radius: 20px 0 0 20px;
    padding-left: 65px;
}
@media (max-width: 767.98px) {
    .call-to-action-four .outer-box .counter-blocks {
        padding-left: 12px;
    }
}
@media (max-width: 575.98px) {
    .call-to-action-four .outer-box .counter-blocks {
        border-radius: 0;
        padding-left: 0;
    }
}
.call-to-action-four .outer-box .counter-blocks .inner-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-top: 26px;
}
@media (max-width: 575.98px) {
    .call-to-action-four .outer-box .counter-blocks .inner-box {
        padding: 26px;
    }
}
.call-to-action-four .outer-box .counter-blocks .inner-box .icon-box {
    position: relative;
    margin-right: 16px;
    margin-top: 0;
}
.call-to-action-four .outer-box .counter-blocks .inner-box .icon-box .icon {
    position: relative;
    width: 88px;
    height: 93px;
    font-size: 40px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: var(--theme-color-white);
    border-radius: 100px 100px 0 0;
    background-color: var(--theme-color3);
    -webkit-transition: all 300ms ease;
    transition: all 300ms ease;
}
.call-to-action-four .outer-box .counter-blocks .inner-box .icon-box::before {
    content: "";
    position: absolute;
    bottom: -10px;
    left: 45px;
    width: 0;
    height: 0;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-top: 10px solid var(--theme-color3);
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    -webkit-transition: all 300ms ease;
    transition: all 300ms ease;
}
.call-to-action-four .outer-box .counter-blocks .inner-box .content {
    padding-top: 8px;
}
.call-to-action-four .outer-box .counter-blocks .inner-box .content .count-box.counted {
    font-size: 50px;
    color: var(--theme-color-white);
    font-weight: var(--h3-font-weight);
    font-family: var(--body-font-family);
    line-height: 1;
}
@media (min-width: 992px) and (max-width: 1199.98px) {
    .call-to-action-four .outer-box .counter-blocks .inner-box .content .count-box.counted {
        font-size: 42px;
    }
}
@media (min-width: 768px) and (max-width: 991.98px) {
    .call-to-action-four .outer-box .counter-blocks .inner-box .content .count-box.counted {
        font-size: 40px;
    }
}
@media (min-width: 576px) and (max-width: 767.98px) {
    .call-to-action-four .outer-box .counter-blocks .inner-box .content .count-box.counted {
        font-size: 33px;
    }
}
.call-to-action-four .outer-box .counter-blocks .inner-box .content .text {
    color: var(--theme-color-white);
    margin-top: 6px;
}
.call-to-action-four .outer-box .counter-blocks .inner-box:hover .icon {
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
    background-color: var(--theme-color2);
}
.call-to-action-four .outer-box .counter-blocks .inner-box:hover .icon .icon {
    background-color: var(--theme-color2);
}
.call-to-action-four .outer-box .counter-blocks .inner-box:hover .icon-box:before {
    border-top: 10px solid var(--theme-color2);
}
.call-to-action-four .outer-box .icon-40 {
    position: absolute;
    top: 12px;
    left: 350px;
    z-index: 1;
}
@media only screen and (max-width: 1699px) {
    .call-to-action-four .outer-box .icon-40 {
        left: 440px;
    }
}
@media (max-width: 1399.98px) {
    .call-to-action-four .outer-box .icon-40 {
        display: none;
    }
}
.call-to-action-four .outer-box .icon-41 {
    position: absolute;
    top: 20px;
    right: 0;
    z-index: 1;
}
@media only screen and (max-width: 1699px) {
    .call-to-action-four .outer-box .icon-41 {
        right: 90px;
    }
}
@media (max-width: 1399.98px) {
    .call-to-action-four .outer-box .icon-41 {
        display: none;
    }
}
.call-to-action-four .outer-box .content-block {
    background-color: #f0edfd;
    border-radius: 0px 20px 20px 0px;
    padding-top: 28px;
    padding-left: 62px;
}
@media (min-width: 768px) and (max-width: 991.98px) {
    .call-to-action-four .outer-box .content-block {
        padding-left: 12px;
    }
}
@media (max-width: 575.98px) {
    .call-to-action-four .outer-box .content-block {
        padding-left: 12px;
        border-radius: 0;
    }
}
.call-to-action-four .outer-box .content-block .inner-box .title {
    font-size: 32px;
    color: #121c27;
    margin-bottom: 12px;
}
@media (min-width: 768px) and (max-width: 991.98px) {
    .call-to-action-four .outer-box .content-block .inner-box .title {
        font-size: 28px;
    }
}
@media (min-width: 576px) and (max-width: 767.98px) {
    .call-to-action-four .outer-box .content-block .inner-box .title {
        font-size: 24px;
    }
}
.call-to-action-four .outer-box .content-block .inner-box .sub-title {
    font-size: 14px;
    font-weight: 500;
    padding-bottom: 2px;
}

/***

====================================================================
    News Section
====================================================================

***/
.news-section {
    position: relative;
    padding: 120px 0 70px;
}
@media (max-width: 767.98px) {
    .news-section {
        padding: 60px 0 0;
    }
}
.news-section .shape-12 {
    position: absolute;
    top: 0;
    left: 0;
}
.news-section .shape-13 {
    position: absolute;
    top: 0;
    left: 0;
}
.news-section .bg {
    height: 952px;
}
@media (max-width: 1199.98px) {
    .news-section .bg {
        height: 100%;
    }
}
.news-section .content-column {
    margin-bottom: 50px;
}
.news-section .content-column .inner-column {
    position: relative;
}
@media (max-width: 991.98px) {
    .news-section .content-column .inner-column .sec-title {
        margin-bottom: 30px;
    }
}
.news-section .content-column .inner-column .outer-box {
    position: relative;
}
@media (max-width: 1199.98px) {
    .news-section .content-column .inner-column .outer-box {
        text-align: center;
    }
}
.news-section .content-column .inner-column .outer-box .nav-box {
    position: relative;
    width: 108px;
    height: 50px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 8px;
}
.news-section .content-column .inner-column .outer-box .nav-box:before {
    content: "";
    position: absolute;
    top: 33px;
    right: 100%;
    width: 270px;
    height: 2px;
    background-color: rgba(255, 67, 46, 0.2);
    opacity: 0.5;
    margin-right: 40px;
}
.news-section .content-column .inner-column .outer-box .swiper-button-next {
    right: -12px;
}
.news-section .content-column .inner-column .outer-box .swiper-button-prev,
.news-section .content-column .inner-column .outer-box .swiper-button-next {
    width: 50px;
    height: 50px;
    font-size: 20px;
    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;
    border: 1px solid #222222;
    color: var(--theme-color3);
    background-color: transparent;
    -webkit-transition: all 300ms ease;
    transition: all 300ms ease;
}
.news-section .content-column .inner-column .outer-box .swiper-button-prev:after,
.news-section .content-column .inner-column .outer-box .swiper-button-next:after {
    display: none;
}
.news-section .content-column .inner-column .outer-box .swiper-button-prev:hover,
.news-section .content-column .inner-column .outer-box .swiper-button-next:hover {
    color: var(--theme-color-white);
    background-color: #222222;
}
.news-section .blocks-column {
    margin-bottom: 50px;
}
.news-section .blocks-column .inner-column {
    position: relative;
    margin-right: -365px;
    padding-left: 15px;
}
@media (max-width: 1199.98px) {
    .news-section .blocks-column .inner-column {
        padding-left: 0;
        margin-right: 0;
    }
}

.news-block .inner-box {
    position: relative;
    overflow: hidden;
    margin-bottom: 20px;
}
.news-block .inner-box:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    left: 4px;
    height: 80%;
    -webkit-transform: scaleY(0.2);
    transform: scaleY(0.2);
    opacity: 0;
    border-radius: 25px 25px 0 25px;
    /*border: 1px solid #e6e0fa;*/
    -webkit-transform-origin: bottom;
    transform-origin: bottom;
    /*clip-path: path(
  	"M25 0.5H369.5V202.316C369.5 210.334 365.578 217.827 359.031 222.4L358.39 222.834L291.454 266.518C287.472 269.116 282.82 270.5 278.064 270.5H25C11.469 270.5 0.5 259.531 0.5 246V25C0.500003 11.469 11.469 0.5 25 0.5Z"
  );*/
    background-color: var(--theme-color-white);
    -webkit-transition: all 400ms ease;
    transition: all 400ms ease;
}
.news-block .inner-box:hover:before {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
}
.news-block .inner-box:hover .image-box .image img {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}
.news-block .inner-box:hover .image-box .date-box:before {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
}
.news-block .inner-box:hover .image-box .date-box .date,
.news-block .inner-box:hover .image-box .date-box .month {
    color: var(--theme-color-white);
}
.news-block .inner-box:hover .content-box {
    border-color: transparent;
    background-color: transparent;
}
.news-block .inner-box:hover .content-box .btn-box:before {
    background-color: var(--theme-color1);
}
.news-block .inner-box:hover .content-box .btn-box .readmore {
    color: var(--theme-color-white);
}
.news-block .inner-box:hover .content-box .btn-box .readmore:before {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
}
.news-block .inner-box .image-box {
    position: relative;
    padding-left: 30px;
}
@media (max-width: 767.98px) {
    .news-block .inner-box .image-box {
        padding-left: 20px;
    }
}
.news-block .inner-box .image-box .image {
    position: relative;
    margin-bottom: 0;
    width: 100%;
    border-radius: 20px 20px 0 0;
    overflow: hidden;
}
.news-block .inner-box .image-box .image img {
    position: relative;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -webkit-transition: all 300ms ease;
    transition: all 300ms ease;
}
.news-block .inner-box .image-box .date-box {
    position: absolute;
    bottom: -52px;
    right: 33px;
    width: 83px;
    height: 97px;
    overflow: hidden;
    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-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    border-top-left-radius: 50px;
    background-color: var(--theme-color-white);
    z-index: 1;
}
@media (max-width: 575.98px) {
    .news-block .inner-box .image-box .date-box {
        right: 23px;
    }
}
.news-block .inner-box .image-box .date-box:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    pointer-events: none;
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
    opacity: 0;
    border-top-left-radius: 50px;
    background: var(--gradient-1);
    -webkit-transition: all 300ms ease;
    transition: all 300ms ease;
}
.news-block .inner-box .image-box .date-box .date {
    position: relative;
    font-size: 26px;
    font-weight: 800;
    color: var(--theme-color3);
    -webkit-transition: all 300ms ease;
    transition: all 300ms ease;
}
.news-block .inner-box .image-box .date-box .month {
    position: relative;
    font-size: 18px;
    font-weight: 500;
    color: var(--text-color);
    text-transform: uppercase;
    -webkit-transition: all 300ms ease;
    transition: all 300ms ease;
}
.news-block .inner-box .content-box {
    position: relative;
    padding-right: 10px;
    padding-left: 39px;
    border-radius: 25px 0 0 25px;
    -webkit-transition: all 300ms ease;
    transition: all 300ms ease;
    overflow: hidden;
    -webkit-transition: all 400ms ease;
    transition: all 400ms ease;
}
@media (max-width: 1199.98px) {
    .news-block .inner-box .content-box {
        padding-left: 15px;
    }
}
@media (max-width: 767.98px) {
    .news-block .inner-box .content-box {
        padding-right: 0;
    }
}
.news-block .inner-box .content-box:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    left: 4px;
    clip-path: path("M25 0.5H369.5V202.316C369.5 210.334 365.578 217.827 359.031 222.4L358.39 222.834L291.454 266.518C287.472 269.116 282.82 270.5 278.064 270.5H25C11.469 270.5 0.5 259.531 0.5 246V25C0.500003 11.469 11.469 0.5 25 0.5Z");
    background-color: var(--theme-color-white);
}
@media (max-width: 1199.98px) {
    .news-block .inner-box .content-box:before {
        clip-path: none;
        border-bottom-right-radius: 100px;
    }
}
.news-block .inner-box .content-box .content {
    position: relative;
    padding: 14px 22px 0px 1px;
}
@media (max-width: 1199.98px) {
    .news-block .inner-box .content-box .content {
        padding-right: 5px;
    }
}
.news-block .inner-box .content-box .content .post-meta {
    position: relative;
    padding-bottom: 10px;
    margin-bottom: 20px;
    border-bottom: 1px solid #e6e0fa;
}
.news-block .inner-box .content-box .content .post-meta li {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 14px;
    gap: 10px;
}
.news-block .inner-box .content-box .content .post-meta li .icon {
    position: relative;
    color: var(--theme-color1);
}
.news-block .inner-box .content-box .content .title {
    position: relative;
}
@media (max-width: 1199.98px) {
    .news-block .inner-box .content-box .content .title {
        font-size: 22px;
    }
}
.news-block .inner-box .content-box .content .title a:hover {
    color: var(--theme-color1);
}
.news-block .inner-box .content-box .content .text {
    position: relative;
    margin-bottom: 10px;
}
.news-block .inner-box .content-box .btn-box {
    position: relative;
    height: 56px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
.news-block .inner-box .content-box .btn-box:before {
    content: "";
    position: absolute;
    top: 29px;
    left: 25%;
    width: 165px;
    height: 2px;
    background-color: #e6e0fa;
    -webkit-transition: all 300ms ease;
    transition: all 300ms ease;
}
@media (max-width: 1199.98px) {
    .news-block .inner-box .content-box .btn-box:before {
        display: none;
    }
}
.news-block .inner-box .content-box .btn-box .text {
    font-size: 14px;
}
.news-block .inner-box .content-box .btn-box .readmore {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 56px;
    height: 56px;
    font-size: 20px;
    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;
    border-radius: 50%;
    color: var(--theme-color3);
    border: 2px solid var(--theme-color1);
    background-color: var(--theme-color-white);
}
.news-block .inner-box .content-box .btn-box .readmore i {
    position: relative;
    z-index: 1;
}
.news-block .inner-box .content-box .btn-box .readmore:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    pointer-events: none;
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
    opacity: 0;
    border-radius: 50%;
    background: var(--gradient-1);
    -webkit-transition: all 300ms ease;
    transition: all 300ms ease;
}

/***

====================================================================
    News Section Two
====================================================================

***/
.news-section-two {
    position: relative;
    padding: 120px 0 90px;
}
@media (max-width: 767.98px) {
    .news-section-two {
        padding: 60px 0 30px;
    }
}
.news-section-two .bg-pattern-11 {
    opacity: 0.5;
    height: 116%;
}
.news-section-two .shape-21 {
    position: absolute;
    top: 0;
    left: 0;
}
.news-section-two .shape-22 {
    position: absolute;
    bottom: -200px;
    right: 0;
}
.news-section-two .shape-23 {
    position: absolute;
    top: 0;
    right: 70px;
}
@media (max-width: 1199.98px) {
    .news-section-two .shape-23 {
        display: none;
    }
}
.news-section-two .news-block {
    margin-bottom: 30px;
}
.news-section-two .news-block .text {
    padding-right: 10px;
}

/***

====================================================================
    News Section Three
====================================================================

***/
.news-section-three {
    position: relative;
    padding: 175px 0 5px;
}
@media (max-width: 1199.98px) {
    .news-section-three {
        padding-top: 60px;
    }
}
@media (max-width: 991.98px) {
    .news-section-three .sec-title h2 {
        font-size: 32px;
    }
}
.news-section-three .shape-21 {
    position: absolute;
    bottom: -200px;
    right: 0;
}
.news-section-three .news-block {
    margin-bottom: 30px;
}
.news-section-three .news-block .content-box {
    -webkit-box-shadow: rgba(0, 0, 0, 0.02) 0px 1px 3px 0px, rgba(27, 31, 35, 0.15) 0px 0px 0px 1px;
    box-shadow: rgba(0, 0, 0, 0.02) 0px 1px 3px 0px, rgba(27, 31, 35, 0.15) 0px 0px 0px 1px;
}
.news-section-three .news-block .text {
    padding-right: 10px;
}

.news-block2 {
    margin-bottom: 30px;
}
.news-block2 .inner-box {
    position: relative;
    overflow: hidden;
    padding-bottom: 20px;
}
.news-block2 .inner-box:hover:before {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
}
.news-block2 .inner-box:hover .image-box .image img {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}
.news-block2 .inner-box:hover .image-box .date-box:before {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
}
.news-block2 .inner-box:hover .image-box .date-box .date,
.news-block2 .inner-box:hover .image-box .date-box .month {
    color: var(--theme-color-white);
}
.news-block2 .inner-box:hover .content-box .btn-box:before {
    background-color: var(--theme-color1);
}
.news-block2 .inner-box:hover .content-box .btn-box .readmore {
    color: var(--theme-color-white);
}
.news-block2 .inner-box:hover .content-box .btn-box .readmore:before {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
}
.news-block2 .inner-box .image-box {
    position: relative;
    padding-left: 30px;
}
@media (max-width: 767.98px) {
    .news-block2 .inner-box .image-box {
        padding-left: 20px;
    }
}
.news-block2 .inner-box .image-box .image {
    position: relative;
    margin-bottom: 0;
    width: 100%;
    border-radius: 20px 20px 0 0;
    overflow: hidden;
}
.news-block2 .inner-box .image-box .image img {
    position: relative;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -webkit-transition: all 300ms ease;
    transition: all 300ms ease;
}
.news-block2 .inner-box .image-box .date-box {
    position: absolute;
    bottom: 30px;
    right: 33px;
    width: 83px;
    height: 97px;
    overflow: hidden;
    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-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    border-top-left-radius: 50px;
    background-color: var(--theme-color-white);
    z-index: 1;
}
@media (max-width: 575.98px) {
    .news-block2 .inner-box .image-box .date-box {
        right: 23px;
    }
}
.news-block2 .inner-box .image-box .date-box:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    pointer-events: none;
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
    opacity: 0;
    border-top-left-radius: 50px;
    background: var(--gradient-1);
    -webkit-transition: all 300ms ease;
    transition: all 300ms ease;
}
.news-block2 .inner-box .image-box .date-box .date {
    position: relative;
    font-size: 26px;
    font-weight: 800;
    color: var(--theme-color3);
    -webkit-transition: all 300ms ease;
    transition: all 300ms ease;
}
.news-block2 .inner-box .image-box .date-box .month {
    position: relative;
    font-size: 18px;
    font-weight: 500;
    color: var(--text-color);
    text-transform: uppercase;
    -webkit-transition: all 300ms ease;
    transition: all 300ms ease;
}
.news-block2 .inner-box .content-box {
    position: relative;
    padding-right: 10px;
    padding-left: 39px;
    border-radius: 25px 0 0 25px;
    -webkit-transition: all 300ms ease;
    transition: all 300ms ease;
    -webkit-transition: all 400ms ease;
    transition: all 400ms ease;
}
@media (max-width: 1199.98px) {
    .news-block2 .inner-box .content-box {
        padding-left: 15px;
    }
}
@media (max-width: 767.98px) {
    .news-block2 .inner-box .content-box {
        padding-right: 0;
    }
}
.news-block2 .inner-box .content-box:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    clip-path: path("M25 0.5H369.5V202.316C369.5 210.334 365.578 217.827 359.031 222.4L358.39 222.834L291.454 266.518C287.472 269.116 282.82 270.5 278.064 270.5H25C11.469 270.5 0.5 259.531 0.5 246V25C0.500003 11.469 11.469 0.5 25 0.5Z");
    background-color: #f7fafd;
}
@media (max-width: 1199.98px) {
    .news-block2 .inner-box .content-box:before {
        clip-path: none;
        border-bottom-right-radius: 100px;
    }
}
.news-block2 .inner-box .content-box .content {
    position: relative;
    padding: 25px 22px 0px 1px;
}
@media (max-width: 1199.98px) {
    .news-block2 .inner-box .content-box .content {
        padding-right: 5px;
    }
}
.news-block2 .inner-box .content-box .content .post-meta {
    position: relative;
    padding-bottom: 15px;
    margin-bottom: 15px;
    border-bottom: 1px solid #e6e0fa;
}
.news-block2 .inner-box .content-box .content .post-meta li {
    position: relative;
    display: inline-block;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 14px;
    margin-right: 18px;
}
.news-block2 .inner-box .content-box .content .post-meta li .icon {
    position: relative;
    color: var(--theme-color1);
    margin-right: 5px;
}
.news-block2 .inner-box .content-box .content .title {
    position: relative;
}
@media (max-width: 1199.98px) {
    .news-block2 .inner-box .content-box .content .title {
        font-size: 22px;
    }
}
.news-block2 .inner-box .content-box .content .title a:hover {
    color: var(--theme-color1);
}
.news-block2 .inner-box .content-box .content .text {
    position: relative;
    margin-bottom: 10px;
}
.news-block2 .inner-box .content-box .btn-box {
    position: relative;
    height: 56px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
.news-block2 .inner-box .content-box .btn-box .text {
    font-size: 14px;
}
.news-block2 .inner-box .content-box .btn-box .readmore {
    position: absolute;
    left: 0;
    bottom: -8px;
    width: 56px;
    height: 56px;
    font-size: 20px;
    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;
    border-radius: 50%;
    color: var(--theme-color3);
    border: 2px solid var(--theme-color1);
}
.news-block2 .inner-box .content-box .btn-box .readmore i {
    position: relative;
    z-index: 1;
}
.news-block2 .inner-box .content-box .btn-box .readmore:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    pointer-events: none;
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
    opacity: 0;
    border-radius: 50%;
    background: var(--gradient-1);
    -webkit-transition: all 300ms ease;
    transition: all 300ms ease;
}

/***

====================================================================
    News Section Three style-one
====================================================================

***/
.news-section-three.style-one {
    position: relative;
    padding: 100px 0;
}
@media (max-width: 991.98px) {
    .news-section-three.style-one {
        padding: 60px 0;
    }
}

/***

====================================================================
    Marquee Section
====================================================================

***/
.marquee-section {
    position: relative;
    padding: 50px 0;
    z-index: 3;
}
@media (max-width: 991.98px) {
    .marquee-section {
        padding: 0;
    }
}
.marquee-section .shape-5 {
    position: absolute;
    top: 0;
    left: 0;
}
@media (max-width: 991.98px) {
    .marquee-section .shape-5 {
        display: none;
    }
}
.marquee-section .marquee-container {
    width: 100%;
    overflow: hidden;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.marquee-section .marquee-container .marquee {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    white-space: nowrap;
    -webkit-animation: marquee 50s linear infinite;
    animation: marquee 50s linear infinite;
}
.marquee-section .marquee-container .marquee .text {
    position: relative;
    color: var(--theme-color3);
    font-size: 60px;
    font-weight: 700;
    line-height: 1em;
    padding: 0 35px;
    text-transform: uppercase;
}
@media (min-width: 992px) and (max-width: 1199.98px) {
    .marquee-section .marquee-container .marquee .text {
        font-size: 45px;
    }
}
@media (max-width: 767.98px) {
    .marquee-section .marquee-container .marquee .text {
        font-size: 36px;
    }
}
.marquee-section .marquee-container .marquee .text.two {
    color: var(--theme-color2);
}
@media (max-width: 1199.98px) {
    .marquee-section .marquee-container .marquee .icon-9 {
        width: 40px;
        height: 40px;
        background-size: contain;
        background-repeat: no-repeat;
    }
}
@media (max-width: 767.98px) {
    .marquee-section .marquee-container .marquee .icon-9 {
        width: 30px;
        height: 30px;
        background-size: contain;
        background-repeat: no-repeat;
    }
}

@-webkit-keyframes marquee {
    from {
        -webkit-transform: translateX(0%);
        transform: translateX(0%);
    }
    to {
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
    }
}

@keyframes marquee {
    from {
        -webkit-transform: translateX(0%);
        transform: translateX(0%);
    }
    to {
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
    }
}
/***

====================================================================
    Marquee Section Two
====================================================================

***/
.marquee-section-two {
    position: relative;
    padding: 40px 0;
    background: var(--gradient-1);
}
@media (max-width: 575.98px) {
    .marquee-section-two {
        padding: 30px 0;
    }
}
.marquee-section-two .marquee-container {
    width: 100%;
    overflow: hidden;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.marquee-section-two .marquee-container .marquee {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    white-space: nowrap;
    -webkit-animation: marquee 50s linear infinite;
    animation: marquee 50s linear infinite;
}
.marquee-section-two .marquee-container .marquee .text {
    position: relative;
    font-size: 40px;
    font-weight: 800;
    line-height: 1.3em;
    padding: 0 35px;
    color: var(--theme-color-white);
    text-transform: capitalize;
}
@media (max-width: 991.98px) {
    .marquee-section-two .marquee-container .marquee .text {
        font-size: 30px;
        line-height: 1.4em;
    }
}
@media (max-width: 575.98px) {
    .marquee-section-two .marquee-container .marquee .text {
        font-size: 24px;
        padding: 0 15px;
    }
}

/***

====================================================================
    Marquee Section style-one
====================================================================

***/
.marquee-section.style-one {
    position: relative;
    padding: 160px 0 0;
    z-index: 3;
}
@media (max-width: 991.98px) {
    .marquee-section.style-one {
        padding: 60px 0 0;
    }
}
.marquee-section.style-one .shape-5 {
    position: absolute;
    top: 90px;
    left: 0;
}
.marquee-section.style-one .icon-9 {
    -webkit-animation: fa-spin 12s infinite linear;
    animation: fa-spin 12s infinite linear;
}

/***

====================================================================
    Marquee Section style-two
====================================================================

***/
.marquee-section.style-two {
    position: relative;
    padding: 84px 0 130px;
    z-index: 3;
}
.marquee-section.style-two .shape-5 {
    position: absolute;
    top: 5px;
    left: 0;
}
.marquee-section.style-two .icon-9 {
    -webkit-animation: fa-spin 12s infinite linear;
    animation: fa-spin 12s infinite linear;
}
@media (max-width: 991.98px) {
    .marquee-section.style-two {
        padding: 60px 0;
    }
}

/***

====================================================================
    Testimonial Section
====================================================================

***/
.testimonial-section {
    position: relative;
    padding: 120px 0 0;
}
@media (max-width: 1199.98px) {
    .testimonial-section {
        padding-bottom: 120px;
    }
}
@media (max-width: 767.98px) {
    .testimonial-section {
        padding: 60px 0;
    }
}
.testimonial-section .shape-8 {
    position: absolute;
    top: -250px;
    left: -100px;
}
@media (max-width: 1199.98px) {
    .testimonial-section .shape-8 {
        left: auto;
        right: -100px;
    }
}
@media (max-width: 1199.98px) {
    .testimonial-section .sec-title {
        text-align: center;
    }
}
.testimonial-section .testi-swiper {
    padding-top: 30px;
    border-top: 1px solid #e6e0fa;
}
.testimonial-section .swiper-navs-box {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
@media (max-width: 1199.98px) {
    .testimonial-section .swiper-navs-box {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 50px;
    }
}
@media (max-width: 991.98px) {
    .testimonial-section .swiper-navs-box {
        gap: 20px;
    }
}
.testimonial-section .swiper-navs-box .image-box {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 20px;
}
@media (max-width: 1199.98px) {
    .testimonial-section .swiper-navs-box .image-box {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
}
.testimonial-section .swiper-navs-box .image-box .author-image {
    position: relative;
    cursor: pointer;
}
.testimonial-section .swiper-navs-box .image-box .author-image.active .shape-7 {
    opacity: 1;
}
.testimonial-section .swiper-navs-box .image-box .author-image .shape-6 {
    position: absolute;
    top: 0;
    left: 0;
    pointer-events: none;
}
.testimonial-section .swiper-navs-box .image-box .author-image .shape-7 {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    pointer-events: none;
    -webkit-transition: all 300ms ease;
    transition: all 300ms ease;
}
.testimonial-section .swiper-navs-box .nav-box {
    position: relative;
    width: 128px;
    height: 56px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 16px;
    margin-right: 20px;
}
@media (max-width: 1199.98px) {
    .testimonial-section .swiper-navs-box .nav-box {
        margin-right: 0;
    }
}
.testimonial-section .swiper-navs-box .nav-box:before {
    content: "";
    position: absolute;
    top: 33px;
    right: 100%;
    width: 270px;
    height: 2px;
    background-color: rgba(255, 67, 46, 0.2);
    opacity: 0.5;
    margin-right: 60px;
}
@media (max-width: 1199.98px) {
    .testimonial-section .swiper-navs-box .nav-box:before {
        display: none;
    }
}
.testimonial-section .swiper-navs-box .nav-box .swiper-button-prev {
    left: -10px;
}
@media (max-width: 1199.98px) {
    .testimonial-section .swiper-navs-box .nav-box .swiper-button-prev {
        left: 0;
    }
}
@media (max-width: 1199.98px) {
    .testimonial-section .swiper-navs-box .nav-box .swiper-button-next {
        right: 0;
    }
}
.testimonial-section .swiper-navs-box .nav-box .swiper-button-prev,
.testimonial-section .swiper-navs-box .nav-box .swiper-button-next {
    width: 56px;
    height: 56px;
    font-size: 20px;
    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;
    color: var(--theme-color3);
    background-color: #e6e0fa;
    -webkit-transition: all 300ms ease;
    transition: all 300ms ease;
}
.testimonial-section .swiper-navs-box .nav-box .swiper-button-prev:after,
.testimonial-section .swiper-navs-box .nav-box .swiper-button-next:after {
    display: none;
}
.testimonial-section .swiper-navs-box .nav-box .swiper-button-prev:hover,
.testimonial-section .swiper-navs-box .nav-box .swiper-button-next:hover {
    color: var(--theme-color-white);
    background-color: var(--theme-color1);
}
@media (max-width: 1199.98px) {
    .testimonial-section .image-column {
        display: none;
    }
}
.testimonial-section .image-column .inner-column {
    position: relative;
    margin-right: -200px;
}
.testimonial-section .image-column .inner-column .image {
    position: relative;
    width: 100%;
    margin-bottom: 0;
    margin-left: 40px;
    z-index: 3;
}
.testimonial-section .image-column .inner-column .icon-10 {
    position: absolute;
    top: -50px;
    right: 60px;
}
.testimonial-section .image-column .inner-column .icon-11 {
    position: absolute;
    bottom: 210px;
    left: -110px;
}
.testimonial-section .image-column .inner-column .icon-12 {
    position: absolute;
    top: 70px;
    left: -50px;
}
.testimonial-section .image-column .inner-column .icon-13 {
    position: absolute;
    bottom: 110px;
    right: 70px;
}

.testimonial-block .inner-box {
    position: relative;
    padding-right: 10px;
}
@media (max-width: 1199.98px) {
    .testimonial-block .inner-box {
        text-align: center;
    }
}
.testimonial-block .inner-box .icon-quote {
    position: relative;
    margin-bottom: 15px;
}
@media (max-width: 1199.98px) {
    .testimonial-block .inner-box .icon-quote {
        margin: 0 auto 15px;
    }
}
.testimonial-block .inner-box .text {
    position: relative;
    font-size: 20px;
    font-weight: 500;
    line-height: 35px;
    margin-bottom: 20px;
    text-transform: capitalize;
}
@media (min-width: 576px) and (max-width: 767.98px) {
    .testimonial-block .inner-box .text {
        font-size: 18px;
        line-height: 32px;
    }
}
.testimonial-block .inner-box .author-box .name {
    position: relative;
    font-weight: 800;
    margin-bottom: 0;
}
.testimonial-block .inner-box .author-box .designation {
    position: relative;
    font-size: 14px;
    font-weight: 800;
    margin-bottom: 28px;
}

/***

====================================================================
    Testimonial Section Two
====================================================================

***/
.testimonial-section-two {
    position: relative;
    padding: 120px 0 70px;
}
@media (max-width: 767.98px) {
    .testimonial-section-two {
        padding: 60px 0 30px;
    }
}
.testimonial-section-two .content-column {
    margin-bottom: 50px;
}
.testimonial-section-two .content-column .inner-column {
    position: relative;
}
.testimonial-section-two .content-column .inner-column .sec-title {
    margin-bottom: 30px;
}
.testimonial-section-two .content-column .inner-column .outer-box {
    position: relative;
}
@media (max-width: 1199.98px) {
    .testimonial-section-two .content-column .inner-column .outer-box {
        text-align: center;
    }
}
.testimonial-section-two .content-column .inner-column .outer-box .nav-box {
    position: relative;
    width: 122px;
    height: 66px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 18px;
    border-radius: 100px;
    background-color: var(--theme-color-white);
    z-index: 3;
}
.testimonial-section-two .content-column .inner-column .outer-box .nav-box .swiper-button-prev,
.testimonial-section-two .content-column .inner-column .outer-box .nav-box .swiper-button-next {
    width: 46px;
    height: 46px;
    font-size: 20px;
    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;
    color: var(--theme-color1);
    background-color: transparent;
    border: 1px solid #e6e0fa;
    -webkit-transition: all 300ms ease;
    transition: all 300ms ease;
}
.testimonial-section-two .content-column .inner-column .outer-box .nav-box .swiper-button-prev:before,
.testimonial-section-two .content-column .inner-column .outer-box .nav-box .swiper-button-next:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    border-radius: 50%;
    -webkit-transform: scale(0.2);
    transform: scale(0.2);
    opacity: 0;
    background: var(--gradient-1);
    -webkit-transition: all 300ms ease;
    transition: all 300ms ease;
}
.testimonial-section-two .content-column .inner-column .outer-box .nav-box .swiper-button-prev .icon,
.testimonial-section-two .content-column .inner-column .outer-box .nav-box .swiper-button-next .icon {
    position: relative;
    z-index: 1;
}
.testimonial-section-two .content-column .inner-column .outer-box .nav-box .swiper-button-prev:after,
.testimonial-section-two .content-column .inner-column .outer-box .nav-box .swiper-button-next:after {
    display: none;
}
.testimonial-section-two .content-column .inner-column .outer-box .nav-box .swiper-button-prev:hover,
.testimonial-section-two .content-column .inner-column .outer-box .nav-box .swiper-button-next:hover {
    color: var(--theme-color-white);
}
.testimonial-section-two .content-column .inner-column .outer-box .nav-box .swiper-button-prev:hover:before,
.testimonial-section-two .content-column .inner-column .outer-box .nav-box .swiper-button-next:hover:before {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
}
.testimonial-section-two .content-column .inner-column .icon-26 {
    position: absolute;
    bottom: -60px;
    left: 220px;
}
@media (max-width: 1199.98px) {
    .testimonial-section-two .content-column .inner-column .icon-26 {
        display: none;
    }
}
.testimonial-section-two .blocks-column {
    margin-bottom: 50px;
}
.testimonial-section-two .blocks-column .inner-column {
    position: relative;
    overflow: hidden;
    margin-right: -365px;
}
@media (max-width: 1199.98px) {
    .testimonial-section-two .blocks-column .inner-column {
        margin-right: 0;
    }
}
.testimonial-section-two .blocks-column .inner-column .swiper-outer {
    position: relative;
    max-width: 590px;
}
@media (max-width: 1199.98px) {
    .testimonial-section-two .blocks-column .inner-column .swiper-outer {
        max-width: 100%;
    }
}
.testimonial-section-two .blocks-column .inner-column .swiper {
    overflow: visible;
}
@media (max-width: 1199.98px) {
    .testimonial-section-two .blocks-column .inner-column .swiper {
        overflow: hidden;
    }
}

.testimonial-block-two {
    padding-left: 20px;
    padding-bottom: 20px;
}
@media (max-width: 575.98px) {
    .testimonial-block-two {
        padding-left: 10px;
        padding-bottom: 10px;
    }
}
.testimonial-block-two:before {
    content: "";
    position: absolute;
    top: 20px;
    right: 20px;
    left: 0;
    bottom: 0;
    padding: 2px;
    border-radius: 20px 20px 80px 20px;
    background: var(--gradient-1);
    -webkit-mask: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff)) content-box, -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff));
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
}
.testimonial-block-two .inner-box {
    position: relative;
    overflow: hidden;
    padding: 0 30px 20px;
    border-radius: 20px 20px 80px 20px;
    background-color: var(--theme-color-white);
    z-index: 3;
}
@media (max-width: 575.98px) {
    .testimonial-block-two .inner-box {
        padding: 0 15px 20px;
    }
}
.testimonial-block-two .inner-box .shape-19 {
    position: absolute;
    top: 0;
    right: 0;
    pointer-events: none;
}
.testimonial-block-two .inner-box .icon-quote-2 {
    position: absolute;
    top: 32px;
    right: 18px;
}
.testimonial-block-two .inner-box .content-box {
    position: relative;
    z-index: 3;
}
.testimonial-block-two .inner-box .author-image {
    position: relative;
    display: inline-block;
    padding: 27px 10px 10px;
    border-radius: 0 0 100px 100px;
    background: var(--gradient-1);
    margin-bottom: 30px;
}
@media (max-width: 767.98px) {
    .testimonial-block-two .inner-box .author-image {
        margin-bottom: 20px;
    }
}
.testimonial-block-two .inner-box .author-image img {
    position: relative;
    border-radius: 50%;
}
.testimonial-block-two .inner-box .text {
    position: relative;
    font-size: 20px;
    line-height: 34px;
    color: var(--theme-color3);
    margin-bottom: 30px;
}
@media (max-width: 767.98px) {
    .testimonial-block-two .inner-box .text {
        margin-bottom: 20px;
    }
}
@media (max-width: 575.98px) {
    .testimonial-block-two .inner-box .text {
        font-size: 16px;
        line-height: 28px;
    }
}
.testimonial-block-two .inner-box .author-box {
    position: relative;
    padding-right: 25px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
@media (max-width: 575.98px) {
    .testimonial-block-two .inner-box .author-box {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        padding-right: 0;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        gap: 5px;
    }
}
.testimonial-block-two .inner-box .author-box .name {
    position: relative;
    font-weight: 700;
    color: var(--theme-color1);
    margin-bottom: 0;
}
.testimonial-block-two .inner-box .author-box .designation {
    position: relative;
    font-size: 14px;
    font-weight: 500;
    margin-bottom: 0;
}
.testimonial-block-two .inner-box .rating {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 6px;
}
.testimonial-block-two .inner-box .rating i {
    color: var(--theme-color2);
    font-size: 13px;
}

/***

====================================================================
    Testimonial Section Three
====================================================================

***/
.benefit-section .outer-box {
    position: relative;
}
@media (max-width: 1199.98px) {
    .benefit-section .outer-box {
        text-align: center;
    }
}
.benefit-section .outer-box .nav-box {
    position: relative;
    width: 122px;
    height: 66px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 18px;
    margin-top: 28px;
    border-radius: 100px;
    background-color: var(--theme-color-white);
    z-index: 3;
}
.benefit-section .outer-box .nav-box .swiper-button-prev,
.benefit-section .outer-box .nav-box .swiper-button-next {
    width: 46px;
    height: 46px;
    font-size: 20px;
    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;
    color: var(--theme-color1);
    background-color: transparent;
    border: 1px solid #e6e0fa;
    -webkit-transition: all 300ms ease;
    transition: all 300ms ease;
}
.benefit-section .outer-box .nav-box .swiper-button-prev:before,
.benefit-section .outer-box .nav-box .swiper-button-next:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    border-radius: 50%;
    -webkit-transform: scale(0.2);
    transform: scale(0.2);
    opacity: 0;
    background: var(--gradient-1);
    -webkit-transition: all 300ms ease;
    transition: all 300ms ease;
}
.benefit-section .outer-box .nav-box .swiper-button-prev .icon,
.benefit-section .outer-box .nav-box .swiper-button-next .icon {
    position: relative;
    z-index: 1;
}
.benefit-section .outer-box .nav-box .swiper-button-prev:after,
.benefit-section .outer-box .nav-box .swiper-button-next:after {
    display: none;
}
.benefit-section .outer-box .nav-box .swiper-button-prev:hover,
.benefit-section .outer-box .nav-box .swiper-button-next:hover {
    color: var(--theme-color-white);
}
.benefit-section .outer-box .nav-box .swiper-button-prev:hover:before,
.benefit-section .outer-box .nav-box .swiper-button-next:hover:before {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
}
.benefit-section .icon-26 {
    position: absolute;
    bottom: -60px;
    left: 220px;
}
@media (max-width: 1199.98px) {
    .benefit-section .icon-26 {
        display: none;
    }
}
.benefit-section .blocks-column {
    margin-bottom: 50px;
}
.benefit-section .blocks-column .inner-column {
    position: relative;
    overflow: hidden;
    margin-right: -365px;
    margin-left: -125px;
    padding-top: 110px;
}
@media (max-width: 1199.98px) {
    .benefit-section .blocks-column .inner-column {
        margin-right: 0;
        margin-left: 0px;
        padding-top: 60px;
        padding-bottom: 30px;
    }
}
.benefit-section .blocks-column .inner-column .swiper-outer {
    position: relative;
    max-width: 590px;
}
@media (max-width: 1199.98px) {
    .benefit-section .blocks-column .inner-column .swiper-outer {
        max-width: 100%;
    }
}
.benefit-section .blocks-column .inner-column .swiper {
    overflow: visible;
}
@media (max-width: 1199.98px) {
    .benefit-section .blocks-column .inner-column .swiper {
        overflow: hidden;
    }
}

.testimonial-block-three {
    padding-left: 20px;
    padding-bottom: 20px;
}
@media (max-width: 575.98px) {
    .testimonial-block-three {
        padding-left: 10px;
        padding-bottom: 10px;
    }
}
.testimonial-block-three .inner-box {
    position: relative;
    padding: 0 30px 20px;
    margin-bottom: 36px;
    margin-right: 8px;
}
@media (max-width: 1199.98px) {
    .testimonial-block-three .inner-box {
        padding: 0 15px 20px;
    }
}
.testimonial-block-three .inner-box::before {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    border-radius: 25px 25px 25px 25px;
    background-color: var(--theme-color-white);
    z-index: -1;
    clip-path: polygon(30% 0, 100% 0, 100% 98%, 0 99%, 0 20%);
}
.testimonial-block-three .inner-box::after {
    position: absolute;
    content: "";
    top: 8px;
    left: 12px;
    height: 100%;
    width: 100%;
    background-color: #e6e0fa;
    z-index: -2;
    border-radius: 25px 25px 25px 25px;
    clip-path: polygon(30% 0, 100% 0, 100% 98%, 0 99%, 0 20%);
}
.testimonial-block-three .inner-box .content-box {
    position: relative;
    z-index: 3;
}
.testimonial-block-three .inner-box .author-image {
    position: relative;
    display: inline-block;
    padding: 15px 15px;
    border-radius: 50%;
    background: var(--gradient-1);
    margin-bottom: 20px;
}
@media (max-width: 767.98px) {
    .testimonial-block-three .inner-box .author-image {
        margin-bottom: 20px;
    }
}
.testimonial-block-three .inner-box .author-image img {
    position: relative;
    border-radius: 50%;
}
.testimonial-block-three .inner-box .text {
    position: relative;
    font-size: 20px;
    line-height: 40px;
    color: var(--theme-color3);
    margin-bottom: 15px;
}
@media (max-width: 767.98px) {
    .testimonial-block-three .inner-box .text {
        margin-bottom: 20px;
    }
}
@media (max-width: 575.98px) {
    .testimonial-block-three .inner-box .text {
        font-size: 16px;
        line-height: 28px;
    }
}
.testimonial-block-three .inner-box .author-box {
    position: relative;
    gap: 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
@media (max-width: 575.98px) {
    .testimonial-block-three .inner-box .author-box {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        padding-right: 0;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        gap: 5px;
    }
}
.testimonial-block-three .inner-box .author-box .name {
    position: relative;
    font-weight: 700;
    color: var(--theme-color1);
    margin-bottom: 0;
}
.testimonial-block-three .inner-box .author-box .designation {
    position: relative;
    font-size: 14px;
    font-weight: 500;
    margin-bottom: 0;
}
.testimonial-block-three .inner-box .rating {
    position: absolute;
    top: 40px;
    right: 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 6px;
}
.testimonial-block-three .inner-box .rating i {
    color: var(--theme-color2);
    font-size: 13px;
}

.benefit-section.style-testi {
    height: 850px;
}
@media (max-width: 1199.98px) {
    .benefit-section.style-testi {
        height: 100%;
    }
}

/***

==================================================================
	Main Footer
==================================================================

***/
.main-footer {
    position: relative;
    background-color: var(--theme-color3);
    /* Widget Section */
}
.main-footer .widgets-section {
    position: relative;
    padding: 100px 0 50px;
}
.main-footer .widgets-section-two {
    position: relative;
    padding: 100px 0 95px;
}
.main-footer .footer-column {
    position: relative;
    margin-bottom: 45px;
}
.main-footer .footer-widget {
    position: relative;
}
.main-footer .widget-title {
    position: relative;
    color: var(--theme-color-white);
    margin-bottom: 21px;
    padding-bottom: 5px;
}
.main-footer .widget-title:before {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 25px;
    height: 2px;
    background: var(--gradient-1);
    content: "";
}
.main-footer .widget-title.style {
    font-size: 26px;
    margin-bottom: 10px;
}
.main-footer .widget-title.style::before {
    display: none;
}
.main-footer .widget-content {
    position: relative;
}
.main-footer .widget-content .text {
    color: var(--theme-color-white);
}

.user-links {
    position: relative;
}
.user-links li {
    position: relative;
    line-height: 34px;
    color: #9c94b3;
    font-weight: 500;
}
.user-links li:last-child {
    margin-bottom: 0;
}
.user-links li a {
    position: relative;
    display: inline-block;
    color: inherit;
    -webkit-transition: all 300ms ease;
    transition: all 300ms ease;
}
.user-links li a:hover {
    color: var(--theme-color-white);
}
.user-links li a:before {
    position: absolute;
    left: 0;
    bottom: 3px;
    width: 0;
    height: 1px;
    background-color: var(--theme-color1);
    content: "";
    -webkit-transition: all 300ms ease;
    transition: all 300ms ease;
}
.user-links li a:hover:before {
    width: 100%;
}
.user-links.style-two li {
    padding-left: 0;
}
.user-links.style-two li:before {
    display: none;
}
.user-links.two-column {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.user-links.two-column li {
    width: 50%;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
}

.style {
    position: relative;
}
.style li {
    margin-bottom: 8px;
}

.recent-post {
    position: relative;
    margin-bottom: 30px;
}
.recent-post:last-child {
    margin-bottom: 0;
}
.recent-post .inner {
    position: relative;
}
.recent-post .inner .post-info {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 16px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #adadad;
    line-height: 30px;
    margin-bottom: 23px;
    padding-left: 25px;
}
.recent-post .inner .post-info i {
    position: absolute;
    top: 0;
    left: 0;
    font-size: 14px;
    margin-right: 10px;
    color: var(--theme-color1);
}
.recent-post .inner .post-title {
    color: var(--theme-color-white);
    letter-spacing: -0.8px;
    margin-bottom: 0;
}

.contact-list {
    position: relative;
    margin-bottom: 30px;
}
.contact-list:last-child {
    margin-bottom: 0;
}
.contact-list .inner {
    position: relative;
}
.contact-list .inner .list-info {
    color: #75727b;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 16px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    line-height: 1.6;
    margin-bottom: 0;
}
.contact-list .inner .list-info:first-child {
    margin-bottom: 13px;
    line-height: 1.875;
}
.contact-list .inner .list-info i {
    position: absolute;
    top: 0;
    left: 0;
    font-size: 14px;
    margin-right: 10px;
    color: var(--theme-color1);
}
.contact-list .inner .post-title {
    color: var(--theme-color-white);
    letter-spacing: -0.8px;
    margin-bottom: 0;
}

.contact-list-two {
    position: relative;
    padding: 35px;
    border-radius: 20px;
    overflow: hidden;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 100px;
}
@media (max-width: 1199.98px) {
    .contact-list-two {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        gap: 30px;
    }
}
@media (max-width: 991.98px) {
    .contact-list-two {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
}
@media (max-width: 767.98px) {
    .contact-list-two {
        padding: 35px 10px;
    }
}
@media (max-width: 575.98px) {
    .contact-list-two {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        margin-bottom: 60px;
    }
}
.contact-list-two:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    pointer-events: none;
    background-image: url("../images/icons/footer-bg-93Vlw4J.jpg");
}
.contact-list-two:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    opacity: 0.9;
    pointer-events: none;
    background: var(--gradient-1);
}
.contact-list-two li {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 15px;
    z-index: 3;
}
@media (max-width: 1199.98px) {
    .contact-list-two li {
        max-width: 33.3333333%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 33.3333333%;
        flex: 0 0 33.3333333%;
    }
}
@media (max-width: 991.98px) {
    .contact-list-two li {
        max-width: 50%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
    }
}
@media (max-width: 767.98px) {
    .contact-list-two li {
        max-width: 100%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
    }
}
.contact-list-two li:hover .icon-box {
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
}
.contact-list-two .icon-box {
    position: relative;
    width: 63px;
    height: 63px;
    border: 1px solid rgba(255, 255, 255, 0.15);
    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;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-transition: all 300ms ease;
    transition: all 300ms ease;
}
.contact-list-two .icon {
    position: relative;
    width: 39px;
    height: 39px;
    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;
    border-radius: 50%;
    color: var(--theme-color1);
    background-color: var(--theme-color-white);
}
.contact-list-two .subtitle {
    position: relative;
    font-size: 14px;
    font-weight: 600;
    color: var(--theme-color-white);
    text-transform: capitalize;
}
.contact-list-two .text {
    position: relative;
    font-size: 20px;
    font-weight: 600;
    color: var(--theme-color-white);
}
@media (max-width: 575.98px) {
    .contact-list-two .text {
        font-size: 16px;
    }
}
.contact-list-two .text a {
    color: var(--theme-color-white);
}
.contact-list-two .text a:hover {
    color: var(--theme-color2);
}

/* Subscribe Form */
.newsletter-form {
    position: relative;
}
.newsletter-form .form-group {
    position: relative;
}
.newsletter-form .form-group.checkbox {
    margin-top: 20px;
}
.newsletter-form .form-group input[type=text],
.newsletter-form .form-group input[type=email] {
    position: relative;
    display: block;
    height: 56px;
    width: 100%;
    font-size: 14px;
    line-height: 18px;
    color: #9c94b3;
    padding: 23px 20px;
    background: transparent;
    border-radius: 10px;
    border: 1px solid transparent;
    background-color: #0d0a16;
    -webkit-transition: all 300ms ease;
    transition: all 300ms ease;
}
.newsletter-form .form-group ::-webkit-input-placeholder {
    color: #9c94b3;
}
.newsletter-form .form-group input:focus {
    border-color: var(--theme-color1);
}
.newsletter-form .form-group .form-btn {
    position: absolute;
    right: 18px;
    top: 0;
    height: 56px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background: transparent;
    color: var(--theme-color1);
}

.newsletter-form.light-bg {
    position: relative;
}
.newsletter-form.light-bg input[type=text],
.newsletter-form.light-bg input[type=email] {
    position: relative;
    display: block;
    height: 56px;
    width: 100%;
    font-size: 15px;
    line-height: 18px;
    color: #696969;
    padding: 23px 20px;
    border-radius: 10px;
    border: 1px solid transparent;
    background-color: var(--theme-color-white);
    -webkit-transition: all 300ms ease;
    transition: all 300ms ease;
}
.newsletter-form.light-bg ::-webkit-input-placeholder {
    color: #696969;
}
.newsletter-form.light-bg .form-btn i {
    position: absolute;
    height: 46px;
    width: 46px;
    line-height: 46px;
    text-align: center;
    right: -12px;
    top: 5px;
    border-radius: 12px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background: var(--theme-color2);
    color: var(--theme-color-white);
}

.custom-checkbox {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 1.2rem;
    color: #9c94b3;
    font-size: 14px;
    line-height: 18px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.custom-checkbox input {
    display: none;
}
.custom-checkbox .checkmark {
    position: relative;
    height: 15px;
    width: 15px;
    min-width: 15px;
    border-radius: 50%;
    border: 2px solid #9c94b3;
    margin-right: 10px;
    display: inline-block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.custom-checkbox input:checked + .checkmark::after {
    content: "";
    position: absolute;
    top: 2px;
    left: 3px;
    width: 4px;
    height: 6px;
    border: solid #9c94b3;
    border-width: 0 2px 2px 0;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

/*=== Footer Bottom ===*/
.footer-bottom {
    position: relative;
    z-index: 3;
}
.footer-bottom .inner-container {
    position: relative;
}
.footer-bottom .copyright-text {
    position: relative;
    font-size: 15px;
    line-height: 22px;
    font-weight: 500;
    color: var(--theme-color-white);
    margin-bottom: 0;
}
.footer-bottom .copyright-text a {
    color: inherit;
}
.footer-bottom .copyright-text a:hover {
    color: var(--theme-color2);
}
.footer-bottom .footer-nav {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
@media (max-width: 767.98px) {
    .footer-bottom .footer-nav {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
}
@media (max-width: 575.98px) {
    .footer-bottom .footer-nav {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
    }
}
.footer-bottom .footer-nav li {
    font-size: 14px;
    line-height: 22px;
    font-weight: 500;
    color: var(--theme-color-white);
    margin-left: 30px;
}
.footer-bottom .footer-nav li:first-child {
    margin-left: 0;
}
.footer-bottom .footer-nav li a {
    color: var(--theme-color-white);
}
.footer-bottom .footer-nav li a:hover {
    color: var(--theme-color2);
}

.footer-bottom.style {
    position: relative;
}
.footer-bottom.style .inner-container {
    position: relative;
}
.footer-bottom.style .inner-container .copyright-text {
    position: relative;
    font-size: 16px;
    line-height: 22px;
    font-weight: 500;
    color: #a4a1ab;
    margin-bottom: 36px;
    margin-top: 33px;
}
.footer-bottom.style .inner-container .copyright-text span {
    color: var(--theme-color-white);
}
.footer-bottom.style .inner-container .copyright-text a {
    color: inherit;
}
.footer-bottom.style .inner-container .copyright-text a:hover {
    color: var(--theme-color2);
}
.footer-bottom.style .inner-container li {
    font-size: 16px;
    line-height: 22px;
    font-weight: 500;
    color: #a4a1ab;
    margin-left: 30px;
    margin-top: 40px;
    margin-bottom: 36px;
}
.footer-bottom.style .inner-container li:hover {
    color: var(--theme-color-white);
}
.footer-bottom.style .inner-container li:first-child {
    margin-left: 0;
}
.footer-bottom.style .inner-container li a {
    color: var(--theme-color-white);
}
.footer-bottom.style .inner-container li a:hover {
    color: var(--theme-color2);
}

/***

====================================================================
  Footer Section
====================================================================

***/
.footer-style-one {
    background-color: transparent;
    margin: 0 20px 20px;
    border-radius: 20px;
    overflow: hidden;
}
@media (max-width: 991.98px) {
    .footer-style-one {
        margin: 0;
        border-radius: 0;
    }
}
.footer-style-one .outer-box {
    position: relative;
    padding-top: 140px;
    overflow: hidden;
    border-radius: 20px 20px 20px 0;
    background-color: var(--theme-color3);
}
@media (max-width: 1199.98px) {
    .footer-style-one .outer-box {
        margin: 0;
        border-radius: 0;
    }
}
@media (max-width: 991.98px) {
    .footer-style-one .outer-box {
        padding: 0;
    }
}
.footer-style-one.style-two {
    margin-bottom: 20px;
    padding-top: 0;
    background-color: var(--theme-color3);
}
@media (max-width: 767.98px) {
    .footer-style-one.style-two {
        margin-bottom: 0;
    }
}
.footer-style-one.style-two .widgets-section {
    padding: 30px 0 40px;
}
.footer-style-one.style-two .footer-bottom {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: var(--gradient-1);
    border-radius: 0 0 20px 20px;
    padding: 22px 0;
}
@media (max-width: 1549.98px) {
    .footer-style-one.style-two .footer-bottom {
        padding: 0;
    }
}
@media (max-width: 767.98px) {
    .footer-style-one.style-two .footer-bottom {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
}
.footer-style-one.style-two .footer-bottom .inner-container {
    position: unset;
}
@media (max-width: 767.98px) {
    .footer-style-one.style-two .footer-bottom .inner-container {
        padding: 10px 0;
    }
}
.footer-style-one.style-two .footer-bottom .inner-container:before {
    display: none;
}
.footer-style-one.style-two .footer-bottom .inner-container .footer-nav {
    padding-right: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    padding-bottom: 5px;
}
.footer-style-one.style-two .footer-bottom .right-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.footer-style-one.style-two .footer-bottom .scroll-to-top {
    position: absolute;
    left: auto;
    right: 0;
}
@media (max-width: 1549.98px) {
    .footer-style-one.style-two .footer-bottom .scroll-to-top {
        margin-left: 20px;
        position: relative;
        border-radius: 0;
    }
}
@media (max-width: 767.98px) {
    .footer-style-one.style-two .footer-bottom .scroll-to-top {
        width: 100%;
        border-radius: 0;
        height: 100%;
        padding: 13px 0;
    }
}
@media (max-width: 575.98px) {
    .footer-style-one.style-two .footer-bottom .scroll-to-top {
        padding: 10px 0;
    }
}
.footer-style-one .about-widget {
    margin-right: -10px;
}
@media (max-width: 991.98px) {
    .footer-style-one .about-widget {
        margin-right: 0;
    }
}
.footer-style-one .about-widget .text {
    position: relative;
    font-weight: 700;
    line-height: 30px;
    color: var(--theme-color-white);
    margin-bottom: 20px;
}
.footer-style-one .links-widget {
    padding-left: 100px;
}
@media (max-width: 1199.98px) {
    .footer-style-one .links-widget {
        padding-left: 70px;
    }
}
@media (max-width: 991.98px) {
    .footer-style-one .links-widget {
        padding-left: 0;
    }
}
.footer-style-one .links-widget.two {
    margin-left: -90px;
}
@media (max-width: 1199.98px) {
    .footer-style-one .links-widget.two {
        margin-left: -70px;
    }
}
@media (max-width: 991.98px) {
    .footer-style-one .links-widget.two {
        margin-left: 0;
    }
}
.footer-style-one .newsletter-widget {
    margin-left: -20px;
}
@media (max-width: 1199.98px) {
    .footer-style-one .newsletter-widget {
        margin-left: -60px;
    }
}
@media (max-width: 991.98px) {
    .footer-style-one .newsletter-widget {
        margin-left: 0;
    }
}
.footer-style-one .footer-bottom .inner-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
@media (max-width: 575.98px) {
    .footer-style-one .footer-bottom .inner-container {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        padding-top: 15px;
        margin: 0 -15px;
    }
}
.footer-style-one .footer-bottom .inner-container:before {
    content: "";
    position: absolute;
    right: 146px;
    top: 0;
    width: 1000%;
    height: 100%;
    background: var(--gradient-1);
}
@media (max-width: 575.98px) {
    .footer-style-one .footer-bottom .inner-container:before {
        right: 0;
        width: 100%;
    }
}
.footer-style-one .footer-bottom .footer-nav {
    margin-left: auto;
    padding-right: 39px;
}
@media (max-width: 767.98px) {
    .footer-style-one .footer-bottom .footer-nav {
        padding-right: 20px;
    }
}
@media (max-width: 575.98px) {
    .footer-style-one .footer-bottom .footer-nav {
        margin-left: 0;
        padding: 10px 0 15px;
    }
}
@media (max-width: 1199.98px) {
    .footer-style-one .scroll-to-top {
        left: 15px;
    }
}
@media (max-width: 991.98px) {
    .footer-style-one .scroll-to-top {
        border-radius: 0;
    }
}
@media (max-width: 991.98px) {
    .footer-style-one .scroll-to-top {
        left: 0;
    }
}

/***

====================================================================
  Footer Section-three
====================================================================

***/
.footer-style-three {
    position: relative;
    padding-top: 60px;
    margin: 0 20px;
    overflow: hidden;
    border-radius: 20px;
}
@media only screen and (max-width: 1699px) {
    .footer-style-three {
        margin: 0 15px;
    }
}
@media (max-width: 1199.98px) {
    .footer-style-three {
        margin: 0;
        border-radius: 0;
    }
}
.footer-style-three .widget-title::before {
    display: none;
}
.footer-style-three .shape-29 {
    position: absolute;
    top: 0;
    left: 0;
}
.footer-style-three .shape-28 {
    position: absolute;
    bottom: 0;
    right: 0;
}
@media (max-width: 767.98px) {
    .footer-style-three .shape-28 {
        display: none;
    }
}
.footer-style-three .about-widget {
    margin-right: -10px;
}
@media (max-width: 991.98px) {
    .footer-style-three .about-widget {
        margin-right: 0;
    }
}
.footer-style-three .about-widget .text {
    position: relative;
    font-size: 17px;
    font-weight: 400;
    line-height: 30px;
    color: #9c94b3;
    margin-top: 23px;
    margin-bottom: 40px;
}
.footer-style-three .links-widget {
    padding-left: 100px;
}
@media (max-width: 1199.98px) {
    .footer-style-three .links-widget {
        padding-left: 70px;
    }
}
@media (max-width: 991.98px) {
    .footer-style-three .links-widget {
        padding-left: 0;
    }
}
.footer-style-three .links-widget.two {
    margin-left: -60px;
}
@media (max-width: 1199.98px) {
    .footer-style-three .links-widget.two {
        margin-left: -70px;
    }
}
@media (max-width: 991.98px) {
    .footer-style-three .links-widget.two {
        margin-left: 0;
    }
}
.footer-style-three .newsletter-widget {
    margin-left: 40px;
}
@media (max-width: 1199.98px) {
    .footer-style-three .newsletter-widget {
        margin-left: 40px;
    }
}
@media (max-width: 991.98px) {
    .footer-style-three .newsletter-widget {
        margin-left: 0;
    }
}
.footer-style-three .footer-bottom .inner-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
@media (max-width: 575.98px) {
    .footer-style-three .footer-bottom .inner-container {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        padding-top: 15px;
        margin: 0 -15px;
    }
}
.footer-style-three .footer-bottom .inner-container:before {
    content: "";
    position: absolute;
    right: 146px;
    top: 0;
    width: 100%;
    height: 100%;
    background: var(--theme-color1);
}
@media (max-width: 575.98px) {
    .footer-style-three .footer-bottom .inner-container:before {
        right: 0;
        width: 100%;
    }
}
.footer-style-three .footer-bottom .footer-nav {
    margin-left: auto;
    padding-right: 39px;
}
@media (max-width: 767.98px) {
    .footer-style-three .footer-bottom .footer-nav {
        padding-right: 20px;
    }
}
@media (max-width: 575.98px) {
    .footer-style-three .footer-bottom .footer-nav {
        margin-left: 0;
        padding: 10px 0 15px;
    }
}
.footer-style-three .footer-title {
    font-size: 96px;
    color: var(--theme-color-white);
}
@media (max-width: 991.98px) {
    .footer-style-three .footer-title {
        font-size: 70px;
    }
}
.footer-style-three .icon-box {
    text-align: right;
}
.footer-style-three .icon-box .icon {
    position: relative;
    font-size: 35px;
    height: 120px;
    width: 120px;
    color: var(--theme-color-white);
    background-color: rgba(255, 255, 255, 0.1019607843);
    border-radius: 50%;
    text-align: center;
    line-height: 120px;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-transition: all 300ms ease;
    transition: all 300ms ease;
}
@media (max-width: 991.98px) {
    .footer-style-three .icon-box .icon {
        height: 100px;
        width: 100px;
        line-height: 100px;
    }
}
.footer-style-three .icon-box .icon::after {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    -webkit-transform: scale(0);
    transform: scale(0);
    border-radius: 100%;
    background-color: var(--theme-color1);
    -webkit-transition: all 300ms ease;
    transition: all 300ms ease;
    content: "";
    z-index: -1;
}
.footer-style-three .icon-box .icon:hover {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
}
.footer-style-three .icon-box .icon:hover::after {
    -webkit-transform: scale(1);
    transform: scale(1);
}
.footer-style-three .footer-top {
    padding-bottom: 50px;
    margin-bottom: 105px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1215686275);
}
@media (max-width: 991.98px) {
    .footer-style-three .footer-top {
        margin-bottom: 60px;
    }
}
.footer-style-three .footer-widget-two {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
@media (min-width: 768px) and (max-width: 991.98px) {
    .footer-style-three .footer-widget-two {
        margin-top: 30px;
    }
}
@media (max-width: 991.98px) {
    .footer-style-three .footer-widget-two {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        text-align: center;
    }
    .footer-style-three .footer-widget-two .icon-box {
        text-align: center;
        margin-top: 10px;
    }
}
.footer-style-three .footer-bottom.style-three {
    margin-top: 95px;
    background: var(--theme-color1);
    height: 70px;
    padding-top: 25px;
}
@media (max-width: 991.98px) {
    .footer-style-three .footer-bottom.style-three {
        margin-top: 30px;
    }
}
@media (max-width: 575.98px) {
    .footer-style-three .footer-bottom.style-three {
        height: unset;
        padding: 0;
    }
}

.user-link {
    position: relative;
}
.user-link li {
    position: relative;
    font-size: 20px;
    line-height: 34px;
    color: #9c94b3;
    font-weight: 400;
    padding-left: 20px;
    margin-bottom: 21px;
}
.user-link li:last-child {
    margin-bottom: 0;
}
.user-link li a {
    position: relative;
    display: inline-block;
    color: inherit;
    -webkit-transition: all 300ms ease;
    transition: all 300ms ease;
}
.user-link li a:hover {
    color: var(--theme-color-white);
}
.user-link li a:before {
    position: absolute;
    left: 0;
    bottom: 3px;
    width: 0;
    height: 1px;
    background-color: var(--theme-color1);
    content: "";
    -webkit-transition: all 300ms ease;
    transition: all 300ms ease;
}
.user-link li a:hover:before {
    width: 100%;
}
.user-link li::before {
    position: absolute;
    content: "";
    top: 14px;
    left: 0px;
    height: 4px;
    width: 4px;
    background: rgba(255, 255, 255, 0.6980392157);
    border-radius: 50%;
}
.user-link.style-two li {
    padding-left: 0;
}
.user-link.style-two li:before {
    display: none;
}
.user-link.two-column {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.user-link.two-column li {
    width: 50%;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
}

.social-link {
    position: relative;
    padding-top: 15px;
}
.social-link li {
    position: relative;
    margin-right: -5px;
}
.social-link li:last-child {
    margin-right: 0;
}
.social-link li a {
    position: relative;
    display: block;
    height: 50px;
    width: 140px;
    border-radius: 10px;
    font-size: 20px;
    border: 1.2px solid rgba(255, 255, 255, 0.1215686275);
    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;
    color: rgba(255, 255, 255, 0.6980392157);
    background-color: #0d0a16;
    z-index: 1;
    margin-top: -5px;
    -webkit-transition: all 300ms ease;
    transition: all 300ms ease;
}
.social-link li a i {
    position: relative;
}
.social-link li a::before {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    -webkit-transform: scale(0);
    transform: scale(0);
    border-radius: 10px;
    background-color: var(--theme-color1);
    -webkit-transition: all 300ms ease;
    transition: all 300ms ease;
    content: "";
    z-index: -1;
}
.social-link li a:hover {
    color: var(--theme-color-white);
}
.social-link li a:hover:before {
    -webkit-transform: scale(1);
    transform: scale(1);
}

/***

====================================================================
  Footer Section footer-style-four
====================================================================

***/
.footer-style-four {
    position: relative;
    overflow: hidden;
}
.footer-style-four .shape-35 {
    position: absolute;
    top: -110px;
    right: 0;
}
.footer-style-four .shape-36 {
    position: absolute;
    bottom: -26px;
    left: 0;
}
@media (max-width: 575.98px) {
    .footer-style-four .shape-36 {
        display: none;
    }
}
.footer-style-four.style-two {
    margin-bottom: 20px;
    padding-top: 0;
}
@media (max-width: 767.98px) {
    .footer-style-four.style-two {
        margin-bottom: 0;
    }
}
.footer-style-four.style-two .widgets-section {
    padding: 30px 0 40px;
}
.footer-style-four .about-widget {
    margin-right: -10px;
}
@media (max-width: 991.98px) {
    .footer-style-four .about-widget {
        margin-right: 0;
    }
}
.footer-style-four .about-widget .text {
    position: relative;
    color: rgba(255, 255, 255, 0.6980392157);
    line-height: 30px;
    margin-bottom: 20px;
}
.footer-style-four .links-widget {
    padding-left: 100px;
}
@media (max-width: 1199.98px) {
    .footer-style-four .links-widget {
        padding-left: 70px;
    }
}
@media (max-width: 991.98px) {
    .footer-style-four .links-widget {
        padding-left: 0;
    }
}
.footer-style-four .links-widget.two {
    margin-left: -90px;
}
@media (max-width: 1199.98px) {
    .footer-style-four .links-widget.two {
        margin-left: -70px;
    }
}
@media (max-width: 991.98px) {
    .footer-style-four .links-widget.two {
        margin-left: 0;
    }
}
.footer-style-four .newsletter-widget {
    margin-left: -20px;
}
@media (max-width: 1199.98px) {
    .footer-style-four .newsletter-widget {
        margin-left: -60px;
    }
}
@media (max-width: 991.98px) {
    .footer-style-four .newsletter-widget {
        margin-left: 0;
    }
}
.footer-style-four .footer-bottom .inner-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
@media (max-width: 575.98px) {
    .footer-style-four .footer-bottom .inner-container {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        padding-top: 15px;
        margin: 0 -15px;
    }
}
.footer-style-four .footer-bottom .footer-nav {
    margin-left: auto;
    padding-right: 39px;
}
@media (max-width: 767.98px) {
    .footer-style-four .footer-bottom .footer-nav {
        padding-right: 20px;
    }
}
@media (max-width: 575.98px) {
    .footer-style-four .footer-bottom .footer-nav {
        margin-left: 0;
        padding: 10px 0 15px;
    }
}
.footer-style-four .footer-bottom.style-three {
    margin-top: -70px;
}

.widgets-section.style-one {
    padding: 110px 0 55px;
}
.widgets-section.style-one .widget-title::before {
    display: none;
}
@media (max-width: 991.98px) {
    .widgets-section.style-one {
        padding: 60px 0 0;
    }
}

.footer-bottom.style-one {
    position: relative;
    margin-top: -70px;
}
@media (max-width: 767.98px) {
    .footer-bottom.style-one {
        margin-top: -15px;
    }
}

.footer-bottom.style-three {
    margin-top: 95px;
    background: var(--theme-color1);
    height: 70px;
    padding-top: 25px;
}

.user-link.style-one {
    position: relative;
}
.user-link.style-one li {
    position: relative;
    font-size: 16px;
    line-height: 34px;
    color: #9c94b3;
    font-weight: 400;
    padding-left: 20px;
    margin-bottom: 11px;
}
.user-link.style-one li:last-child {
    margin-bottom: 0;
}
.user-link.style-one li a {
    position: relative;
    display: inline-block;
    color: rgba(255, 255, 255, 0.6980392157);
    -webkit-transition: all 300ms ease;
    transition: all 300ms ease;
}
.user-link.style-one li a:hover {
    color: var(--theme-color-white);
}
.user-link.style-one li a:before {
    position: absolute;
    left: 0;
    bottom: 3px;
    width: 0;
    height: 1px;
    background-color: var(--theme-color1);
    content: "";
    -webkit-transition: all 300ms ease;
    transition: all 300ms ease;
}
.user-link.style-one li a:hover:before {
    width: 100%;
}
.user-link.style-one li::before {
    position: absolute;
    content: "";
    top: 14px;
    left: 0px;
    height: 6px;
    width: 6px;
    background: rgba(255, 255, 255, 0.6980392157);
    border-radius: 50%;
}
.user-link.style-one.style-two li {
    padding-left: 0;
}
.user-link.style-one.style-two li:before {
    display: none;
}
.user-link.style-one.two-column {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.user-link.style-one.two-column li {
    width: 50%;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
}

/***

====================================================================
  Footer Section footer-style-five
====================================================================

***/
.footer-style-five {
    position: relative;
    padding-top: 0px;
    overflow: hidden;
}
@media only screen and (max-width: 1699px) {
    .footer-style-five {
        margin: 0 15px;
    }
}
@media (max-width: 1199.98px) {
    .footer-style-five {
        margin: 0;
        border-radius: 0;
    }
}
@media (max-width: 991.98px) {
    .footer-style-five {
        padding: 0;
    }
}
.footer-style-five .shape-46 {
    position: absolute;
    bottom: 0;
    left: 0;
}
@media (max-width: 1699.98px) {
    .footer-style-five .shape-46 {
        display: none;
    }
}
.footer-style-five.style-two {
    margin-bottom: 20px;
    padding-top: 0;
}
@media (max-width: 767.98px) {
    .footer-style-five.style-two {
        margin-bottom: 0;
    }
}
.footer-style-five.style-two .widgets-section {
    padding: 30px 0 40px;
}
.footer-style-five.style-two .footer-bottom {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: var(--gradient-1);
    border-radius: 0 0 20px 20px;
}
@media (max-width: 767.98px) {
    .footer-style-five.style-two .footer-bottom {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
}
@media (max-width: 767.98px) {
    .footer-style-five.style-two .footer-bottom .inner-container {
        padding: 10px 0;
    }
}
.footer-style-five.style-two .footer-bottom .inner-container:before {
    display: none;
}
.footer-style-five.style-two .footer-bottom .inner-container .footer-nav {
    padding-right: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    padding-bottom: 5px;
}
.footer-style-five.style-two .footer-bottom .scroll-to-top {
    left: 0;
}
@media (max-width: 767.98px) {
    .footer-style-five.style-two .footer-bottom .scroll-to-top {
        width: 100%;
        border-radius: 0;
        height: 100%;
        padding: 13px 0;
        border-radius: 0;
    }
}
@media (max-width: 575.98px) {
    .footer-style-five.style-two .footer-bottom .scroll-to-top {
        padding: 10px 0;
    }
}
.footer-style-five .widgets-section {
    padding: 80px 0 0;
}
.footer-style-five .content-box {
    position: relative;
    padding: 45px 60px 30px;
    border-radius: 20px;
    overflow: hidden;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 150px;
}
@media (max-width: 991.98px) {
    .footer-style-five .content-box {
        padding: 45px 22px 30px;
        margin-bottom: 60px;
    }
}
@media (max-width: 767.98px) {
    .footer-style-five .content-box {
        display: block;
        text-align: center;
    }
    .footer-style-five .content-box .btn-box .text {
        text-align: center;
    }
}
.footer-style-five .content-box::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    pointer-events: none;
    background-image: url("../images/icons/fot5-VPn2MaM.png");
}
.footer-style-five .content-box .title-box .title {
    color: var(--theme-color-white);
}
@media (max-width: 991.98px) {
    .footer-style-five .content-box .title-box .title {
        font-size: 40px;
    }
}
@media (max-width: 767.98px) {
    .footer-style-five .content-box .title-box .title {
        font-size: 30px;
    }
}
.footer-style-five .content-box .shape-40 {
    position: relative;
    right: 50px;
}
@media (max-width: 991.98px) {
    .footer-style-five .content-box .shape-40 {
        display: none;
    }
}
.footer-style-five .about-widget {
    margin-right: -10px;
}
@media (max-width: 991.98px) {
    .footer-style-five .about-widget {
        margin-right: 0;
    }
}
.footer-style-five .about-widget .text {
    position: relative;
    font-weight: 400;
    line-height: 30px;
    color: #d1d5db;
    padding-top: 16px;
    margin-bottom: 20px;
}
.footer-style-five .links-widget {
    padding-left: 100px;
}
@media (max-width: 1199.98px) {
    .footer-style-five .links-widget {
        padding-left: 70px;
    }
}
@media (max-width: 991.98px) {
    .footer-style-five .links-widget {
        padding-left: 0;
    }
}
.footer-style-five .links-widget.two {
    margin-left: -90px;
}
@media (max-width: 1199.98px) {
    .footer-style-five .links-widget.two {
        margin-left: -70px;
    }
}
@media (max-width: 991.98px) {
    .footer-style-five .links-widget.two {
        margin-left: 0;
    }
}
.footer-style-five .newsletter-widget {
    margin-left: -20px;
}
@media (max-width: 1199.98px) {
    .footer-style-five .newsletter-widget {
        margin-left: -60px;
    }
}
@media (max-width: 991.98px) {
    .footer-style-five .newsletter-widget {
        margin-left: 0;
    }
}
.footer-style-five .footer-bottom .inner-container {
    border-top: 1px solid rgba(255, 255, 255, 0.1019607843);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
@media (max-width: 767.98px) {
    .footer-style-five .footer-bottom .inner-container {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        padding-top: 15px;
        margin: 0 -15px;
    }
}
@media (max-width: 767.98px) {
    .footer-style-five .footer-bottom .copyright-text {
        margin-bottom: 15px !important;
        margin-top: 15px !important;
    }
}
@media (max-width: 991.98px) {
    .footer-style-five .footer-bottom .footer-nav {
        -webkit-box-orient: unset;
        -webkit-box-direction: unset;
        -ms-flex-direction: unset;
        flex-direction: unset;
    }
    .footer-style-five .footer-bottom .footer-nav li {
        margin-top: 0;
    }
}
.footer-style-five .shape-15 {
    position: absolute;
    top: -190px;
    left: -100px;
}
.footer-style-five .shape-45 {
    position: absolute;
    top: 0;
    right: 0;
}
.footer-style-five .shape-45 {
    position: absolute;
    left: 0;
    bottom: 0;
}

/***

====================================================================
  Search Popup
====================================================================

***/
.search-popup {
    position: fixed;
    left: 0;
    top: 0;
    height: 100vh;
    width: 100%;
    z-index: 99;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
    overflow: hidden;
    -webkit-transform: scale(0.95);
    transform: scale(0.95);
}
.search-popup .search-back-drop {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background-color: var(--theme-color-black);
    opacity: 0.95;
}
.search-popup .close-search {
    position: absolute;
    top: 30px;
    right: 30px;
    font-size: 26px;
    color: var(--theme-color-white);
    z-index: 3;
    border-radius: 50%;
    background-color: transparent;
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
}
.search-popup .search-inner {
    position: relative;
    display: block;
    top: 40%;
    height: auto;
    z-index: 1;
    width: calc(100% - 60px);
    max-width: 800px;
    margin: auto;
    opacity: 0;
    -webkit-transform: translateY(-50px);
    transform: translateY(-50px);
    -webkit-transition: all 300ms ease;
    transition: all 300ms ease;
}
.search-popup .form-group {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.search-popup .form-group input[type=search],
.search-popup .form-group input[type=text] {
    position: relative;
    display: block;
    line-height: 20px;
    font-size: 16px;
    width: 100%;
    height: 50px;
    border: 1px solid #e1e6dc;
    padding: 15px 20px;
    color: #707070;
    background: #ffffff;
    border-radius: 5px;
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
}
.search-popup .form-group input[type=search]:focus,
.search-popup .form-group input[type=text]:focus {
    border-color: var(--border-theme-color2);
}
.search-popup .form-group button {
    position: absolute;
    right: 5px;
    top: 5px;
    height: 40px;
    width: 40px;
    display: block;
    font-size: 18px;
    color: var(--theme-color-black);
    line-height: 40px;
    border-radius: 5px;
    font-weight: normal;
    background: #ffffff;
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
}
.search-popup .form-group button:hover {
    color: var(--theme-color-black);
}
.search-popup textarea::-webkit-input-placeholder, .search-popup input::-webkit-input-placeholder {
    color: inherit;
}
.search-popup textarea::-moz-placeholder, .search-popup input::-moz-placeholder {
    color: inherit;
}
.search-popup textarea:-ms-input-placeholder, .search-popup input:-ms-input-placeholder {
    color: inherit;
}
.search-popup textarea::-ms-input-placeholder, .search-popup input::-ms-input-placeholder {
    color: inherit;
}
.search-popup textarea::placeholder,
.search-popup input::placeholder {
    color: inherit;
}

.moblie-search-active .search-popup {
    opacity: 1;
    visibility: visible;
    -webkit-transform: scale(1);
    transform: scale(1);
    border-radius: 0%;
}
.moblie-search-active .search-popup .search-inner {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
    -webkit-transition-delay: 500ms;
    transition-delay: 500ms;
}

/***

====================================================================
Section Title
====================================================================

***/
.sec-title {
    position: relative;
    margin-bottom: 50px;
    padding-bottom: 10px;
}
@media (max-width: 767.98px) {
    .sec-title {
        margin-bottom: 30px;
    }
}
.sec-title .sub-title {
    position: relative;
    color: var(--sec-title-subtitle-color);
    font-family: var(--sec-title-subtitle-font-family);
    font-size: var(--sec-title-subtitle-font-size);
    font-weight: var(--sec-title-subtitle-font-weight);
    line-height: var(--sec-title-subtitle-line-height);
    display: inline-block;
    margin-bottom: 5px;
    padding-left: 21px;
    text-transform: uppercase;
}
.sec-title .sub-title::before {
    content: "";
    position: absolute;
    top: 3px;
    left: 0px;
    width: 11px;
    height: 11px;
    border-radius: 50%;
    background: var(--gradient-1);
}
.sec-title h2 {
    position: relative;
    display: block;
    font-size: var(--sec-title-font-size);
    color: var(--sec-title-color);
    font-family: var(--sec-title-font-family);
    font-weight: var(--sec-title-font-weight);
    margin-bottom: 0;
    z-index: 2;
}
@media (max-width: 1399.98px) {
    .sec-title h2 {
        font-size: 40px;
    }
    .sec-title h2 br {
        display: none;
    }
}
@media (max-width: 767.98px) {
    .sec-title h2 {
        font-size: 32px;
    }
    .sec-title h2 br {
        display: none;
    }
}
.sec-title h3 {
    position: relative;
    display: block;
    font-size: 36px;
    color: var(--sec-title-color);
    font-family: var(--sec-title-font-family);
    font-weight: var(--sec-title-font-weight);
    margin-bottom: 0;
    z-index: 2;
}
@media (min-width: 1400px) and (max-width: 1599.98px) {
    .sec-title h3 br {
        display: none;
    }
}
@media (min-width: 1200px) and (max-width: 1399.98px) {
    .sec-title h3 {
        font-size: 32px;
    }
    .sec-title h3 br {
        display: none;
    }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
    .sec-title h3 {
        font-size: 28px;
    }
    .sec-title h3 br {
        display: none;
    }
}
@media (min-width: 576px) and (max-width: 767.98px) {
    .sec-title h3 {
        font-size: 25px;
    }
    .sec-title h3 br {
        display: none;
    }
}
.sec-title .text {
    position: relative;
    margin-top: 18px;
    line-height: 30px;
    font-weight: 500;
}
@media (max-width: 1199.98px) {
    .sec-title .text br {
        display: none;
    }
}
.sec-title .ab-three {
    margin-top: 52px;
}
.sec-title .ab-three br {
    display: none;
}
.sec-title.light .text,
.sec-title.light h3,
.sec-title.light h2,
.sec-title.light h1 {
    color: var(--theme-color-white);
}

/*
 * choose.scss
 * -----------------------------------------------
*/
.choose-section {
    position: relative;
    padding: 110px 0 15px;
    z-index: 3;
}
@media (max-width: 991.98px) {
    .choose-section {
        padding: 160px 0 0;
    }
}
@media (max-width: 767.98px) {
    .choose-section {
        padding: 60px 0 0;
    }
}
.choose-section .shape-2 {
    position: absolute;
    top: 37px;
    left: -210px;
}
@media (max-width: 1399.98px) {
    .choose-section .shape-2 {
        display: none;
    }
}
.choose-section .sec-title {
    margin-bottom: 30px;
}
.choose-section .content-column {
    margin-bottom: 50px;
}
.choose-section .content-column .inner-column {
    position: relative;
}
@media (max-width: 991.98px) {
    .choose-section .content-column .inner-column {
        margin-left: 0;
        margin-top: 0;
    }
}
.choose-section .content-column .inner-column .skills {
    padding-right: 30px;
}
@media (max-width: 1199.98px) {
    .choose-section .content-column .inner-column .skills {
        padding-right: 0;
    }
}
.choose-section .content-column .inner-column .icon-outer-box {
    margin-bottom: 30px;
}
@media (max-width: 575.98px) {
    .choose-section .content-column .inner-column .icon-outer-box {
        margin-bottom: 0px;
    }
}
@media (max-width: 1199.98px) {
    .choose-section .content-column .inner-column .icon-outer-box {
        padding-right: 0;
    }
}
@media (max-width: 575.98px) {
    .choose-section .content-column .inner-column .icon-box {
        margin-bottom: 15px;
    }
}
.choose-section .content-column .inner-column .icon-box .single-box:hover .inner-box .icon {
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
    background-color: var(--theme-color1);
    color: var(--theme-color-white);
}
.choose-section .content-column .inner-column .icon-box .single-box:hover .inner-box .icon img {
    -webkit-filter: brightness(10);
    filter: brightness(10);
}
.choose-section .content-column .inner-column .icon-box .single-box .inner-box {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 15px;
}
.choose-section .content-column .inner-column .icon-box .single-box .inner-box .icon {
    position: relative;
    height: 70px;
    width: 70px;
    border-radius: 50%;
    font-size: 40px;
    line-height: 70px;
    text-align: center;
    -webkit-box-shadow: 0px 4px 60px 0px rgba(0, 0, 0, 0.1019607843);
    box-shadow: 0px 4px 60px 0px rgba(0, 0, 0, 0.1019607843);
    color: var(--theme-color2);
    -webkit-transition: all 300ms ease;
    transition: all 300ms ease;
}
.choose-section .content-column .inner-column .icon-box .single-box .inner-box .icon img {
    -webkit-transition: all 300ms ease;
    transition: all 300ms ease;
}
.choose-section .content-column .inner-column .icon-box .single-box .inner-box .title {
    margin-bottom: 0;
}
@media (max-width: 767.98px) {
    .choose-section .content-column .inner-column .icon-box .single-box .inner-box .title br {
        display: none;
    }
}
.choose-section .content-column .inner-column .icon-box .single-box .discrip {
    color: #6f7174;
    margin: 15px 0 19px;
}
.choose-section .image-column {
    margin-bottom: 50px;
}
.choose-section .image-column .inner-column {
    position: relative;
    padding-left: 35px;
}
@media (max-width: 1199.98px) {
    .choose-section .image-column .inner-column {
        padding-left: 0px;
    }
}
@media (max-width: 991.98px) {
    .choose-section .image-column .inner-column {
        padding-left: 0;
    }
}
.choose-section .image-column .inner-column .image-box {
    position: relative;
}
.choose-section .image-column .inner-column .image-box .shape-34 {
    position: absolute;
    top: -85px;
    left: 290px;
    z-index: -1;
}
@media (max-width: 1199.98px) {
    .choose-section .image-column .inner-column .image-box .shape-34 {
        display: none;
    }
}
.choose-section .image-column .inner-column .image-box .image {
    -webkit-mask-image: url("../images/mask/choose4-mask-QxJwKma.png");
    mask-image: url("../images/mask/choose4-mask-QxJwKma.png");
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: cover;
    mask-size: cover;
    -webkit-mask-position: center;
    mask-position: center;
}
.choose-section .image-column .inner-column .image-box .image img {
    width: 100%;
}
.choose-section .image-column .inner-column .image-box .shape-11 {
    position: absolute;
    top: -145px;
    left: -120px;
    z-index: -1;
}
@media (max-width: 1199.98px) {
    .choose-section .image-column .inner-column .image-box .shape-11 {
        display: none;
    }
}
.choose-section .image-column .inner-column .image-box .shape-11 .image {
    position: relative;
    margin-bottom: 0;
    width: 100%;
    overflow: hidden;
    border-radius: 70px;
}
.choose-section .image-column .inner-column .image-box .shape-11 .image img {
    width: 100%;
}

/***

====================================================================
    Haztab Section
====================================================================

***/
.hzAccordion-section {
    position: relative;
    overflow: hidden;
    padding: 120px 0 150px;
}
@media (max-width: 991.98px) {
    .hzAccordion-section {
        padding: 60px 0;
    }
}
.hzAccordion-section .shape-2 {
    position: absolute;
    top: 115px;
    left: 300px;
}
.hzAccordion-section .shape-15 {
    position: absolute;
    top: 190px;
    right: -250px;
}
.hzAccordion-section .shape-4 {
    position: absolute;
    top: 0;
    left: -90px;
}
.hzAccordion-section .options {
    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-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    max-width: 100%;
    margin-top: -12px;
    -webkit-transition-delay: 300ms;
    transition-delay: 300ms;
}
@media (max-width: 767.98px) {
    .hzAccordion-section .options {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
}
.hzAccordion-section .options .option {
    position: relative;
    overflow: hidden;
    min-width: 105px;
    height: 440px;
    margin: 12px;
    background: var(--theme-color-white);
    background-size: auto 120%;
    -webkit-box-shadow: 0px 4px 60px 0px rgba(0, 0, 0, 0.1019607843);
    box-shadow: 0px 4px 60px 0px rgba(0, 0, 0, 0.1019607843);
    cursor: pointer;
    -webkit-transition: 0.5s cubic-bezier(0.29, 0, 0.2, 1);
    transition: 0.5s cubic-bezier(0.29, 0, 0.2, 1);
}
@media (min-width: 576px) and (max-width: 767.98px) {
    .hzAccordion-section .options .option {
        min-width: 260px;
        height: 360px;
    }
}
@media (max-width: 575.98px) {
    .hzAccordion-section .options .option {
        height: 480px;
    }
}
.hzAccordion-section .options .option .label {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    position: absolute;
    bottom: 0;
    -webkit-transition: 0.5s cubic-bezier(0.05, 0.61, 0.41, 0.95);
    transition: 0.5s cubic-bezier(0.05, 0.61, 0.41, 0.95);
}
@media (max-width: 767.98px) {
    .hzAccordion-section .options .option .label {
        bottom: unset;
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
    }
}
.hzAccordion-section .options .option .label .button-icon {
    position: relative;
    -webkit-transition: all 300ms ease;
    transition: all 300ms ease;
}
.hzAccordion-section .options .option .label .button-icon .icon {
    position: absolute;
    bottom: 335px;
    right: -72px;
    font-size: 25px;
    color: var(--theme-color1);
    height: 65px;
    width: 65px;
    line-height: 65px;
    text-align: center;
    background: var(--theme-color-white);
    display: inline-block;
    border-radius: 50%;
    -webkit-box-shadow: 0px 4px 30px 0px rgba(0, 0, 0, 0.1019607843);
    box-shadow: 0px 4px 30px 0px rgba(0, 0, 0, 0.1019607843);
    z-index: 1;
}
@media (max-width: 991.98px) {
    .hzAccordion-section .options .option .label .button-icon .icon {
        bottom: 365px;
        font-size: 19px;
        height: 50px;
        width: 50px;
        line-height: 50px;
    }
}
.hzAccordion-section .options .option .label .icon-custom {
    display: none;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    min-width: 87px;
    max-width: 87px;
    height: 250px;
    -webkit-transition: all 0.4s;
    transition: all 0.4s;
}
@media (max-width: 767.98px) {
    .hzAccordion-section .options .option .label .icon-custom {
        min-width: 100%;
        max-width: 100%;
    }
}
.hzAccordion-section .options .option .label .icon-custom .title {
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    min-width: 350px;
    position: relative;
    bottom: 80px;
    left: 0px;
    font-size: 26px;
    line-height: 30px;
    color: var(--theme-color3);
    background: transparent;
    font-weight: 700;
    -webkit-transition: all 0.4s;
    transition: all 0.4s;
}
@media (max-width: 991.98px) {
    .hzAccordion-section .options .option .label .icon-custom .title {
        font-size: 20px;
        bottom: 55px;
    }
}
@media (max-width: 767.98px) {
    .hzAccordion-section .options .option .label .icon-custom .title {
        bottom: -110px;
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
        left: 20px;
        min-width: 100%;
        width: 100%;
    }
}
.hzAccordion-section .options .option .label .info {
    margin-left: 10px;
    color: var(--theme-color4);
    border-radius: 5px;
    padding: 35px 35px;
    opacity: 1;
    visibility: visible;
    -webkit-transition: all 0.4s;
    transition: all 0.4s;
    -webkit-transition-delay: 300ms;
    transition-delay: 300ms;
}
@media (max-width: 1199.98px) {
    .hzAccordion-section .options .option .label .info {
        padding: 20px;
    }
}
.hzAccordion-section .options .option .label .info .icon-48 {
    position: absolute;
    bottom: -245px;
    right: -200px;
    pointer-events: none;
}
.hzAccordion-section .options .option .label .info .sub-title h5 {
    -webkit-transition-delay: 0.1s;
    transition-delay: 0.1s;
    font-size: 14px;
    line-height: 30px;
    color: var(--theme-color-white);
    background-color: var(--theme-color2);
    padding: 1px 15px;
    border-radius: 30px;
    display: inline-block;
    font-weight: 400;
    text-transform: uppercase;
    -webkit-transition: all 0.4s;
    transition: all 0.4s;
}
.hzAccordion-section .options .option .label .info .main a {
    display: inline-block;
    padding-bottom: 10px;
    font-size: 26px;
    line-height: 30px;
    color: var(--theme-color3);
    font-weight: 700;
    text-transform: capitalize;
    -webkit-transition: all 0.4s;
    transition: all 0.4s;
}
@media (max-width: 1199.98px) {
    .hzAccordion-section .options .option .label .info .main a {
        font-size: 18px;
    }
}
.hzAccordion-section .options .option .label .info .sub {
    -webkit-transition-delay: 0.1s;
    transition-delay: 0.1s;
    font-size: 16px;
    line-height: 30px;
    color: var(--theme-color4);
    margin-bottom: 55px;
    font-weight: 400;
    -webkit-transition: all 400ms ease;
    transition: all 400ms ease;
}
@media (max-width: 1199.98px) {
    .hzAccordion-section .options .option .label .info .sub {
        margin-bottom: 20px;
        line-height: 27px;
    }
}
@media (max-width: 767.98px) {
    .hzAccordion-section .options .option .label .info .sub {
        margin-top: 90px;
    }
}
.hzAccordion-section .options .option .search-icon {
    position: absolute;
    display: inline-block;
    font-size: 58px;
    color: var(--gradient-1);
    top: 11%;
    left: 304px;
    opacity: 0;
}
.hzAccordion-section .options .option .search-icon .icon {
    color: var(--theme-color1);
    display: inline-block;
}
.hzAccordion-section .options .option:not(.active) {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    border-radius: 20px;
}
.hzAccordion-section .options .option:not(.active) .label {
    bottom: 10px;
    left: 10px;
}
.hzAccordion-section .options .option:not(.active) .label .icon-custom {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
}
.hzAccordion-section .options .option:not(.active) .label .info {
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 0.4s;
    transition: all 0.4s;
}
.hzAccordion-section .options .option:not(.active) .info > div {
    left: 20px;
    opacity: 0;
}
@media (max-width: 767.98px) {
    .hzAccordion-section .options .option:not(.active) {
        height: 100px !important;
    }
}
.hzAccordion-section .options .option.active {
    -webkit-box-flex: 10000;
    -ms-flex-positive: 10000;
    flex-grow: 10000;
    -webkit-transform: scale(1);
    transform: scale(1);
    border-radius: 25px;
    background-size: auto 100%;
    -webkit-transition: 0.5s cubic-bezier(0.05, 0.61, 0.41, 0.95);
    transition: 0.5s cubic-bezier(0.05, 0.61, 0.41, 0.95);
    background-image: url("../images/resource/haz-img-x-W7YNq.png") !important;
    background-repeat: no-repeat !important;
    position: relative;
}
@media (max-width: 991.98px) {
    .hzAccordion-section .options .option.active {
        background-image: inherit !important;
    }
}
.hzAccordion-section .options .option.active .button-icon {
    position: relative;
}
.hzAccordion-section .options .option.active .button-icon .icon {
    position: absolute;
    right: -468px;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
@media (max-width: 1199.98px) {
    .hzAccordion-section .options .option.active .button-icon .icon {
        display: none;
    }
}
.hzAccordion-section .options .option.active .client-content {
    margin-left: 260px;
}
@media (max-width: 991.98px) {
    .hzAccordion-section .options .option.active .client-content {
        margin-left: 0px;
    }
}
.hzAccordion-section .options .option.active .search-icon {
    opacity: 1;
}
@media (max-width: 1199.98px) {
    .hzAccordion-section .options .option.active .search-icon {
        top: 14px;
        left: 285px;
    }
}
@media (max-width: 991.98px) {
    .hzAccordion-section .options .option.active .search-icon {
        left: 25px;
    }
}

/***

====================================================================
    counter Section
====================================================================

***/
.counter-section {
    position: relative;
    padding: 0 0 0;
    margin: 0 160px -80px;
    z-index: 1;
}
@media (max-width: 1399.98px) {
    .counter-section {
        margin: 0 20px -80px;
    }
}
.counter-section .outer-box {
    margin: 0 150px;
    border-radius: 25px;
}
@media only screen and (max-width: 1699px) {
    .counter-section .outer-box {
        margin: 0;
    }
}
.counter-section .outer-box .bg-shape .bg.bg-image {
    border-radius: 25px;
}
.counter-section .outer-box .counter-blocks {
    position: relative;
}
.counter-section .outer-box .counter-blocks .inner-box {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 15px;
    margin-bottom: 30px;
}
.counter-section .outer-box .counter-blocks .inner-box::before {
    position: absolute;
    content: "";
    top: 0;
    right: 25px;
    height: 45px;
    width: 1px;
    background-color: rgba(255, 255, 255, 0.3019607843);
}
.counter-section .outer-box .counter-blocks .inner-box:hover .icon-box {
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
}
.counter-section .outer-box .counter-blocks .inner-box .icon-box {
    -webkit-transition: 0.5s;
    transition: 0.5s;
}
.counter-section .outer-box .counter-blocks .inner-box .icon-box .icon {
    font-size: 43px;
    color: var(--theme-color-white);
    -webkit-transition: 0.5s;
    transition: 0.5s;
}
.counter-section .outer-box .counter-blocks .inner-box .content-box .count-box.counted {
    font-size: 36px;
    color: var(--theme-color-white);
    font-weight: var(--h3-font-weight);
    line-height: 1;
}
@media (min-width: 576px) and (max-width: 767.98px) {
    .counter-section .outer-box .counter-blocks .inner-box .content-box .count-box.counted {
        font-size: 32px;
    }
}
.counter-section .outer-box .counter-blocks .inner-box .content-box .text {
    color: var(--theme-color-white);
    margin-top: 6px;
}
.counter-section .outer-box .counter-blocks .inner-box.style-one::before {
    display: none;
}
.counter-section .outer-box .fact-counter {
    padding: 56px 0 14px;
}

/*
 * progress-bar.scss
 * -----------------------------------------------
*/
.progress-bar-section {
    position: relative;
    padding: 120px 0 0px;
}
@media (max-width: 991.98px) {
    .progress-bar-section {
        padding: 60px 0 0;
    }
}
.progress-bar-section .bg-pattern-21 {
    height: 720px;
}
.progress-bar-section .icon-47 {
    position: absolute;
    top: 0;
    right: 0;
}
.progress-bar-section .progress-card {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 34px;
}
@media (min-width: 992px) and (max-width: 1199.98px) {
    .progress-bar-section .progress-card {
        gap: 5px;
    }
}
@media (max-width: 991.98px) {
    .progress-bar-section .progress-card {
        margin-bottom: 30px;
    }
}
.progress-bar-section .progress-card .title {
    font-size: 18px;
    margin-top: 15px;
    font-weight: 700;
}
.progress-bar-section .progress-card .text {
    position: relative;
    font-size: 16px;
    color: #595b62;
    line-height: 28px;
}
.progress-bar-section .progress-card .circle {
    width: 118px;
    height: 118px;
    border-radius: 50%;
    background: var(--gradient-1);
    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;
    position: relative;
}
.progress-bar-section .progress-card .circle::before {
    content: "";
    position: absolute;
    width: 107px;
    height: 107px;
    background: #fff;
    border-radius: 50%;
    z-index: 1;
}
@media (min-width: 992px) and (max-width: 1199.98px) {
    .progress-bar-section .progress-card .circle::before {
        width: 90px;
        height: 90px;
    }
}
.progress-bar-section .progress-card .circle .inner {
    width: 82px;
    height: 82px;
    background: var(--gradient-1);
    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;
    z-index: 1;
}
.progress-bar-section .progress-card .circle span {
    font-size: 18px;
    color: var(--theme-color-white);
    font-weight: bold;
}

/*
 * Breadcume.scss
 * -----------------------------------------------
*/
.breadcume-section {
    position: relative;
    padding: 155px 30px 0px;
}
.breadcume-section::before {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    height: 515px;
    background-image: url("../images/icons/breadcume-be-r9AKfyZ.png");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}
@media (max-width: 991.98px) {
    .breadcume-section::before {
        height: 390px;
    }
}
.breadcume-section .outer-box {
    position: relative;
    overflow: hidden;
    background-image: url("../images/resource/breadcume-YZlIOLc.jpg");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 30px;
}
.breadcume-section .outer-box:before {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: #000;
    opacity: 0.5;
}
.breadcume-section .breadcumb-content {
    position: relative;
    text-align: center;
    padding: 225px 0 215px;
}
@media (max-width: 991.98px) {
    .breadcume-section .breadcumb-content {
        padding: 150px 0 150px;
    }
}
.breadcume-section .breadcumb-content .breadcumb-title .title {
    font-size: 80px;
    line-height: 60px;
    color: var(--theme-color-white);
    margin-bottom: 40px;
    text-transform: capitalize;
}
@media (max-width: 991.98px) {
    .breadcume-section .breadcumb-content .breadcumb-title .title {
        font-size: 50px;
        margin-bottom: 30px;
    }
}
@media (max-width: 575.98px) {
    .breadcume-section .breadcumb-content .breadcumb-title .title {
        font-size: 36px;
        line-height: 45px;
        margin-bottom: 10px;
    }
}
.breadcume-section .breadcumb-content .breadcume-pull li {
    display: inline-block;
    font-size: 20px;
    color: var(--theme-color1);
    text-transform: capitalize;
}
.breadcume-section .breadcumb-content .breadcume-pull li .title-line {
    color: var(--theme-color-white);
}
.breadcume-section .breadcumb-content .breadcume-pull li .title-line span {
    font-size: 16px;
    display: inline-block;
    margin: 0 5px;
    color: var(--theme-color-white);
}
.breadcume-section .breadcumb-content .breadcume-pull li .title-line:hover {
    color: var(--theme-color1);
}

/*
 * Breadcume.scss
 * -----------------------------------------------
*/
.service-details-section {
    position: relative;
    padding: 115px 0px 45px;
}
.service-details-section .widget-sidber {
    padding: 21px 32px 22px;
    background-color: #F5F5F5;
    border: 1px solid rgba(0, 0, 0, 0.1019607843);
    border-radius: 20px;
    margin-bottom: 52px;
}
.service-details-section .widget-sidber .title {
    font-size: 28px;
    color: var(--theme-color-black);
    margin-bottom: 23px;
}
@media (min-width: 576px) and (max-width: 767.98px) {
    .service-details-section .widget-sidber .title {
        font-size: 22px;
    }
}
.service-details-section .widget-sidber .widget-category ul li {
    list-style: none;
}
.service-details-section .widget-sidber .widget-category ul li a {
    padding: 14px 26px;
    width: 100%;
    color: var(--theme-color3);
    display: inline-block;
    margin-bottom: 12px;
    border-radius: 50px;
    position: relative;
    z-index: 1;
    text-transform: capitalize;
    font-size: 18px;
    line-height: 30px;
    font-weight: 500;
    background-color: var(--theme-color-white);
    -webkit-transition: all 300ms ease;
    transition: all 300ms ease;
}
.service-details-section .widget-sidber .widget-category ul li a::before {
    position: absolute;
    content: "";
    width: 0;
    height: 100%;
    left: 50%;
    top: 0;
    background: var(--gradient-1);
    z-index: -1;
    border-radius: 50px;
    -webkit-transition: all 300ms ease;
    transition: all 300ms ease;
}
.service-details-section .widget-sidber .widget-category ul li a:hover {
    color: var(--theme-color-white);
}
.service-details-section .widget-sidber .widget-category ul li a:hover::before {
    width: 100%;
    left: 0;
}
.service-details-section .widget-sidber .widget-category ul li a:hover .icon {
    color: var(--theme-color-white);
}
.service-details-section .widget-sidber .widget-category ul li .icon {
    color: var(--theme-color3);
    display: inline-block;
    float: right;
    font-size: 16px;
    -webkit-transition: 0.5s;
    transition: 0.5s;
}
.service-details-section .widget-sidber-box {
    padding: 30px 32px 38px;
    border: 1px solid rgba(0, 0, 0, 0.1019607843);
    border-radius: 20px;
}
.service-details-section .widget-sidber-box .inner-contact-box {
    border-bottom: 1px solid #DBDBDB;
    padding-bottom: 28px;
    margin-bottom: 34px;
}
.service-details-section .widget-sidber-box .inner-contact-box .title {
    font-size: 28px;
    color: var(--theme-color-black);
    margin-bottom: 28px;
}
@media (min-width: 576px) and (max-width: 767.98px) {
    .service-details-section .widget-sidber-box .inner-contact-box .title {
        font-size: 22px;
    }
}
.service-details-section .widget-sidber-box .inner-contact-box .title2 {
    margin-bottom: 12px;
}
.service-details-section .widget-sidber-box .inner-contact-box .contact-text {
    margin: 0 0 3px;
    font-weight: 500;
}
.service-details-section .contents-column {
    padding-left: 40px;
}
.service-details-section .contents-column .service-content .title {
    font-size: 40px;
    color: var(--theme-color-black);
    padding-bottom: 4px;
}
@media (min-width: 992px) and (max-width: 1199.98px) {
    .service-details-section .contents-column .service-content .title {
        font-size: 32px;
    }
}
@media (min-width: 768px) and (max-width: 991.98px) {
    .service-details-section .contents-column .service-content .title {
        font-size: 30px;
    }
}
@media (min-width: 576px) and (max-width: 767.98px) {
    .service-details-section .contents-column .service-content .title {
        font-size: 25px;
    }
}
.service-details-section .contents-column .service-content .service-desc {
    color: #707070;
    font-weight: 500;
}
.service-details-section .contents-column .image-box {
    padding: 20px 0 28px;
}
.service-details-section .contents-column .expert-title .title {
    font-size: 40px;
}
@media (min-width: 768px) and (max-width: 991.98px) {
    .service-details-section .contents-column .expert-title .title {
        font-size: 30px;
    }
}
@media (min-width: 576px) and (max-width: 767.98px) {
    .service-details-section .contents-column .expert-title .title {
        font-size: 25px;
    }
}
.service-details-section .contents-column .expert-desc {
    margin-bottom: 38px;
}

/*
 * Breadcume.scss
 * -----------------------------------------------
*/
.team-details-section {
    position: relative;
    padding: 120px 0 120px;
}
.team-details-section .image-column .inner-box {
    border: 1px solid rgba(0, 0, 0, 0.1019607843);
    border-radius: 20px;
}
.team-details-section .image-column .inner-box .title {
    color: var(--theme-color3);
}
@media (min-width: 576px) and (max-width: 767.98px) {
    .team-details-section .image-column .inner-box .title {
        font-size: 22px;
    }
}
.team-details-section .image-column .inner-box .content-box {
    padding: 25px 40px 38px;
}
.team-details-section .image-column .inner-box .email .title {
    font-size: 16px;
    font-weight: 400;
    padding-top: 16px;
    margin-bottom: 6px;
}
.team-details-section .image-column .inner-box .location .title {
    font-size: 16px;
    font-weight: 400;
    padding-top: 16px;
    margin-bottom: 6px;
}
.team-details-section .image-column .inner-box .website .title {
    font-size: 16px;
    font-weight: 400;
    padding-top: 16px;
    margin-bottom: 6px;
}
.team-details-section .content-column .inner-box {
    margin-left: 25px;
}
.team-details-section .content-column .inner-box .team-content .team-desc .drop-cap {
    float: left;
    font-size: 50px;
    line-height: 1;
    font-weight: 600;
    color: var(--theme-color4);
    padding-right: 8px;
    padding-top: 4px;
}
.team-details-section .content-column .inner-box .expert-title .title {
    font-size: 40px;
    color: var(--theme-color-black);
    padding-top: 10px;
    margin-bottom: 22px;
}
.team-details-section .content-column .inner-box .icon-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 26px;
    margin-top: 24px;
}
.team-details-section .content-column .inner-box .icon-box .image {
    -ms-flex-negative: 0;
    flex-shrink: 0;
}
.team-details-section .content-column .inner-box .icon-box .icon-content .sub-title {
    font-size: 16px;
    color: var(--theme-color1);
    font-weight: 500;
    margin-bottom: 4px;
}
.team-details-section .content-column .inner-box .icon-box .icon-content .title {
    color: var(--theme-color3);
    font-weight: 700;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1019607843);
    margin-bottom: 11px;
    padding-bottom: 13px;
}
.team-details-section .content-column .inner-box .btn-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 9px;
}
.team-details-section .content-column .inner-box .btn-box .readmore {
    position: relative;
    width: 56px;
    height: 56px;
    border-radius: 50%;
    font-size: 20px;
    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;
    color: var(--theme-color-white);
    background: var(--gradient-1);
    -webkit-transition: all 300ms ease;
    transition: all 300ms ease;
}
.team-details-section .content-column .inner-box .btn-box .readmore::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    -webkit-transform: scale(0);
    transform: scale(0);
    opacity: 0;
    border-radius: 50%;
    background-color: var(--theme-color2);
    -webkit-transition: all 300ms ease;
    transition: all 300ms ease;
}
.team-details-section .content-column .inner-box .btn-box .readmore:hover::before {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
}
.team-details-section .content-column .inner-box .btn-box .readmore i {
    position: relative;
    z-index: 3;
}

/*
 *      project-details.scss
 * -----------------------------------------------
*/
.project-details-section {
    position: relative;
    padding: 120px 0 110px;
}
.project-details-section .image-box {
    margin-bottom: 80px;
}
.project-details-section .project-column .inner-box {
    padding: 30px 40px 32px;
    border: 1px solid rgba(0, 0, 0, 0.1019607843);
    border-radius: 20px;
    background: #F5F5F5;
}
.project-details-section .project-column .inner-box .title {
    font-size: 28px;
    color: var(--theme-color3);
}
@media (min-width: 576px) and (max-width: 767.98px) {
    .project-details-section .project-column .inner-box .title {
        font-size: 22px;
    }
}
.project-details-section .project-column .inner-box .project-name {
    position: relative;
}
.project-details-section .project-column .inner-box .project-name .project li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    color: var(--theme-color-black);
    font-size: 16px;
    padding-top: 25px;
}
.project-details-section .project-column .inner-box .project-name .project li span {
    color: #707070;
    display: inline-block;
}
.project-details-section .content-column .inner-box {
    margin-left: 25px;
}
.project-details-section .content-column .inner-box .project-content .project-desc .drop-cap {
    float: left;
    font-size: 50px;
    line-height: 1;
    font-weight: 600;
    color: var(--theme-color4);
    padding-right: 8px;
    padding-top: 4px;
}
.project-details-section .content-column .inner-box .expert-title .title {
    font-size: 40px;
    color: var(--theme-color3);
    padding-top: 10px;
    margin-bottom: 22px;
}
.project-details-section .content-column .inner-box .icon-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 7px;
    margin-bottom: 28px;
}
.project-details-section .content-column .inner-box .icon-box .icon {
    position: relative;
    top: 3px;
    color: var(--theme-color1);
    font-size: 20px;
    line-height: 1em;
    margin-right: 17px;
}
.project-details-section .content-column .inner-box .icon-box .icon-content .title {
    color: var(--theme-color3);
    font-weight: 700;
    margin-bottom: 13px;
}
.project-details-section .content-column .inner-box .image-box-inner .image {
    padding-top: 30px;
}
.project-details-section .content-column .inner-box .project-btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding-top: 20px;
}
.project-details-section .content-column .inner-box .project-btn .btn {
    font-size: 20px;
    color: var(--theme-color-black);
    font-weight: 400;
}
.project-details-section .content-column .inner-box .project-btn .btn .icon {
    font-size: 12px;
    color: #232428;
    margin: 0 8px;
}

/*
 *      blog details-section.scss
 * -----------------------------------------------
*/
.blog-details-section {
    position: relative;
    padding: 110px 0px 120px;
}
.blog-details-section .contents-column {
    position: relative;
}
.blog-details-section .contents-column .blog-author {
    margin-bottom: 40px;
}
.blog-details-section .contents-column .blog-author li {
    display: inline-block;
    margin-right: 35px;
}
.blog-details-section .contents-column .blog-author-coment {
    text-align: center;
    padding: 18px 0 25px;
    position: relative;
}
.blog-details-section .contents-column .blog-author-coment::before {
    position: absolute;
    content: "";
    top: 32px;
    left: 0;
    height: 1px;
    width: 220px;
    background-color: #E3E3E3;
}
@media (max-width: 1199.98px) {
    .blog-details-section .contents-column .blog-author-coment::before {
        display: none;
    }
}
.blog-details-section .contents-column .blog-author-coment::after {
    position: absolute;
    content: "";
    top: 32px;
    right: 0;
    height: 1px;
    width: 245px;
    background-color: #E3E3E3;
}
@media (max-width: 1199.98px) {
    .blog-details-section .contents-column .blog-author-coment::after {
        display: none;
    }
}
.blog-details-section .contents-column .blog-author-coment li {
    display: inline-block;
    margin-right: 35px;
}
.blog-details-section .contents-column .blog-content .title {
    font-size: 45px;
    color: var(--theme-color3);
    margin-bottom: 9px;
}
@media (min-width: 992px) and (max-width: 1199.98px) {
    .blog-details-section .contents-column .blog-content .title {
        font-size: 32px;
    }
}
@media (min-width: 768px) and (max-width: 991.98px) {
    .blog-details-section .contents-column .blog-content .title {
        font-size: 30px;
    }
}
@media (min-width: 576px) and (max-width: 767.98px) {
    .blog-details-section .contents-column .blog-content .title {
        font-size: 25px;
    }
}
.blog-details-section .contents-column .blog-content .service-desc {
    color: #707070;
    font-weight: 500;
}
.blog-details-section .contents-column .expert-title .title {
    font-size: 40px;
}
@media (min-width: 768px) and (max-width: 991.98px) {
    .blog-details-section .contents-column .expert-title .title {
        font-size: 30px;
    }
}
@media (min-width: 576px) and (max-width: 767.98px) {
    .blog-details-section .contents-column .expert-title .title {
        font-size: 25px;
    }
}
.blog-details-section .contents-column .expert-desc {
    margin-bottom: 18px;
}
.blog-details-section .contents-column .blog-quote {
    position: relative;
    background-color: #F8F8F8;
    padding: 58px 35px 36px;
    border-radius: 10px;
    border-left: 5px solid #61b9ba;
    margin-top: 45px;
}
@media (min-width: 576px) and (max-width: 767.98px) {
    .blog-details-section .contents-column .blog-quote {
        padding: 20px 15px 5px;
    }
}
.blog-details-section .contents-column .blog-quote p {
    font-size: 22px;
    line-height: 30px;
    font-weight: 500;
}
@media (min-width: 576px) and (max-width: 767.98px) {
    .blog-details-section .contents-column .blog-quote p {
        font-size: 18px;
    }
}
.blog-details-section .contents-column .blog-quote .image {
    position: absolute;
    right: 42px;
    bottom: 8px;
}
.blog-details-section .contents-column .blog-content2 .title {
    font-size: 40px;
    padding-top: 38px;
}
@media (min-width: 768px) and (max-width: 991.98px) {
    .blog-details-section .contents-column .blog-content2 .title {
        font-size: 30px;
    }
}
@media (min-width: 576px) and (max-width: 767.98px) {
    .blog-details-section .contents-column .blog-content2 .title {
        font-size: 25px;
    }
}
.blog-details-section .contents-column .icon-inner-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 19px;
}
.blog-details-section .contents-column .icon-inner-box .icon {
    height: 27px;
    width: 27px;
    border: 1px solid rgba(0, 0, 0, 0.1019607843);
    text-align: center;
    cursor: pointer;
}
.blog-details-section .contents-column .icon-inner-box .content-box .title {
    font-size: 16px;
    color: #707070;
    font-weight: 500;
    margin-bottom: 3px;
    cursor: pointer;
}
.blog-details-section .contents-column .icon-inner-box .content-box .title2 {
    margin: 0;
}
.blog-details-section .contents-column .blog-contents .title {
    font-size: 40px;
}
@media (min-width: 992px) and (max-width: 1199.98px) {
    .blog-details-section .contents-column .blog-contents .title {
        font-size: 32px;
    }
}
@media (min-width: 768px) and (max-width: 991.98px) {
    .blog-details-section .contents-column .blog-contents .title {
        font-size: 32px;
    }
}
@media (min-width: 576px) and (max-width: 767.98px) {
    .blog-details-section .contents-column .blog-contents .title {
        font-size: 25px;
    }
}
.blog-details-section .contents-column .blog-detail {
    padding: 33px 0 30px;
    border-top: 1px solid #E3E3E3;
    border-bottom: 1px solid #E3E3E3;
    margin-top: 30px;
}
.blog-details-section .contents-column .blog-details-comment .title {
    font-size: 30px;
    color: #202020;
    padding: 51px 0 28px;
}
@media (min-width: 576px) and (max-width: 767.98px) {
    .blog-details-section .contents-column .blog-details-comment .title {
        font-size: 20px;
    }
}
.blog-details-section .contents-column .blog-details-comment .blog-details-comment-thumb {
    float: left;
    margin-right: 28px;
}
.blog-details-section .contents-column .blog-details-comment .blog-details-comment-content {
    overflow: hidden;
}
.blog-details-section .contents-column .blog-details-comment .blog-details-comment-content .name {
    font-size: 20px;
    color: #202020;
    margin: 0;
}
.blog-details-section .contents-column .blog-details-comment .blog-details-comment-content .blg-date {
    padding: 4px 0 6px;
    display: inline-block;
}
.blog-details-section .contents-column .blog-details-comment-reply a {
    color: #736C87;
    display: inline-block;
}
.blog-details-section .contents-column .comment-title .title {
    font-size: 30px;
    color: #202020;
    padding: 30px 0 38px;
}
.blog-details-section .blog-sidebar {
    background-color: #F8F8F8;
    padding: 50px 30px 40px;
    border-radius: 10px;
    margin-left: 7px;
}
.blog-details-section .blog-sidebar .widget.widget_search {
    width: 100%;
    height: 50px;
    line-height: 50px;
    padding-left: 20px;
    border-radius: 5px;
    background: var(--theme-color-white);
    -webkit-box-shadow: 0px 9.06px 54.37px 0px rgba(0, 0, 0, 0.0705882353);
    box-shadow: 0px 9.06px 54.37px 0px rgba(0, 0, 0, 0.0705882353);
}
.blog-details-section .blog-sidebar .widget.widget_search .search {
    position: relative;
}
.blog-details-section .blog-sidebar .widget.widget_search .search .icons {
    color: var(--theme-color-white);
    background: var(--gradient-1);
    padding: 0px 18px;
    border-radius: 0 10px 10px 0;
    position: absolute;
    right: 0;
}
.blog-details-section .blog-sidebar .blog-sidebar-area .blog-post .title {
    font-size: 26px;
    color: #202020;
    margin: 42px 0 30px;
}
.blog-details-section .blog-sidebar .blog-sidebar-area .blog-post .recent-post-wrap .recent-post {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 9px;
    margin-bottom: 15px;
}
.blog-details-section .blog-sidebar .blog-sidebar-area .blog-post .recent-post-wrap .recent-post .post-img {
    -ms-flex-negative: 0;
    flex-shrink: 0;
}
.blog-details-section .blog-sidebar .blog-sidebar-area .blog-post .recent-post-wrap .recent-post .post-content .post-title {
    margin: 0;
}
.blog-details-section .blog-sidebar .blog-sidebar-area .blog-post .recent-post-wrap .recent-post .post-content .post-title a {
    font-size: 16px;
    display: inline-block;
    color: var(--theme-color-black);
    line-height: 26px;
    margin-bottom: 0;
}
.blog-details-section .blog-sidebar .blog-sidebar-area .blog-post .recent-post-wrap .recent-post .post-content .post-date a {
    font-size: 14px;
    display: inline-block;
    color: #707070;
}
.blog-details-section .blog-sidebar .blog-sidebar-area .blog-post .recent-post-wrap .recent-post .post-content .post-date a .icon {
    display: inline-block;
    margin-right: 4px;
}
.blog-details-section .blog-sidebar .blog-sidebar-area .blog-categories .title {
    font-size: 26px;
    color: var(--theme-color3);
    margin: 38px 0 31px;
}
.blog-details-section .blog-sidebar .blog-sidebar-area .blog-categories ul li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    border-bottom: 1px solid #E3E3E3;
    margin-bottom: 23px;
}
.blog-details-section .blog-sidebar .blog-sidebar-area .blog-categories ul li a {
    display: inline-block;
    font-size: 16px;
    color: #736C87;
}
.blog-details-section .blog-sidebar .blog-sidebar-area .blog-media .title {
    font-size: 26px;
    color: #202020;
    margin: 62px 0 31px;
}
.blog-details-section .blog-sidebar .blog-sidebar-area .blog-media ul li {
    font-size: 18px;
    color: #202020;
    font-weight: 500;
    margin-bottom: 14px;
}
.blog-details-section .blog-sidebar .blog-sidebar-area .blog-media ul li .icon {
    font-size: 15px;
    display: inline-block;
    color: var(--theme-color1);
    margin-right: 8px;
}
.blog-details-section .blog-sidebar .blog-sidebar-area .widget_tag_cloud .title {
    font-size: 26px;
    color: var(--theme-color3);
    margin: 35px 0 35px;
}
.blog-details-section .blog-sidebar .blog-sidebar-area .widget_tag_cloud .tagcloud a {
    font-size: 12px;
    color: #707070;
    display: inline-block;
    background: var(--theme-color-white);
    padding: 1px 15px;
    margin: 0px 0 10px 6px;
}