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

    Theme Name: FaconTech - AI Technology & IT Solutions HTML Template
    Author: themesoft69
    Description: FaconTech - AI Technology & IT Solutions HTML Template
    Version: 1.0

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

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

    01. THEME DEFAULT CSS
    02. Spacing
	03. Buttons
	04. Carousel
	05. Backtotop
	06. Modal
	07. Section-title
	08. Animation
	09. Preloader
	10. Common
	11. Header
	12. Meanmenu
	13. Slider
	14. Services
	15. About
	16. Projects
	17. Testimonial
	18. Team
	19. Review
	20. Widget
	21. Blog
	22. Breadcrumb
	23. Pricing
	24. Faq
	25. Contact
	26. Sidebar
	27. Counter
	28. Newsletter
	29. 404
	30. Footer


**********************************************/

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

/*  01. THEME DEFAULT CSS START
/*----------------------------------------*/

@import url("https://fonts.googleapis.com/css2?family=Nunito+Sans:ital,wght@0,400;0,600;0,700;0,800;0,900;1,400;1,600;1,800&family=Orbitron:wght@400;500;600;700;800;900&display=swap");
:root {
    --container-width: 1140px;
    --small-container-width: 1000px;
    --large-container-width: 1550px;
    /**
    @font family declaration
    */
    --ff-body: "Nunito Sans", sans-serif;
    --ff-heading: "Orbitron", sans-serif;
    --ff-p: "Nunito Sans", sans-serif;
    --ff-fontawesome: "Font Awesome 6 Pro";
    /**
    @color declaration
    */
    --common-white: #ffffff;
    --common-black: #000;
    --common-black-2: #24292d;
    --common-body-1: #000c14;
    --common-body-2: #00151e;
    --common-body-3: #f8f9fa;
    --common-gd: linear-gradient(180deg, #243949 0%, #00151e 100%);
    --grey-1: #c5c5c5;
    --grey-2: #aeaeae;
    --grey-3: #acacac;
    --grey-4: #999999;
    --grey-5: #f7f7f7;
    --grey-6: #b7b7b7;
    --grey-7: #a6aeb5;
    --grey-8: #edf2f6;
    --text-h: #0a0a0a;
    --text-p-1: #616161;
    --text-p-2: #f9f9f9;
    --theme-1: #fc6602;
    --theme-2: #02f3f7;
    --border-1: #ededed;
    --border-2: #e9e9e9;
    --border-3: #424242;
    /**
    @font weight declaration
    */
    --fw-normal: normal;
    --fw-200: 200;
    --fw-300: 300;
    --fw-400: 400;
    --fw-500: 500;
    --fw-600: 600;
    --fw-700: 700;
    --fw-800: 800;
    --fw-900: 900;
    /**
    @font size declaration
    */
    --fz-body: 14px;
    --fz-p1: 16px;
    --fz-p2: 14px;
    --fz-h1: 65px;
    --fz-h2: 40px;
    --fz-h3: 30px;
    --fz-h4: 28px;
    --fz-h5: 26px;
    --fz-h6: 26px;
    --fz-st1: 22px;
    --fz-st2: 16px;

    /*@font custom*/
    --color-title-span: #7d2701;
}

* {
    margin: 0;
    padding: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

html,
body {
    overflow-x: hidden;
}

/*---------------------------------
    typography css start
---------------------------------*/

body {
    font-family:'Red Hat Display', sans-serif;
    font-size: var(--fz-body);
    font-weight: normal;
    color: var(--text-p-2);
    line-height: 26px;
}

a {
    text-decoration: none;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: 'Red Hat Display', sans-serif;
    color: var(--theme-1);
    margin-top: 0px;
    font-weight: 800;
    line-height: 1 !important;
    -webkit-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
}

h1 {
    font-size: var(--fz-h1);
}

h2 {
    font-size: var(--fz-h2);
}

h3 {
    font-size: var(--fz-h3);
}

h4 {
    font-size: var(--fz-h4);
}

h5 {
    font-size: var(--fz-h5);
}

h6 {
    font-size: var(--fz-h6);
}

ul {
    margin: 0px;
    padding: 0px;
}

p {
    font-family: 'Red Hat Display', sans-serif;
    font-size: 16px;
    font-weight: var(--fw-normal);
    color: #000 !important;
    margin-bottom: 16px;
    line-height: 1.5;
}

ul {
    list-style: none;
    margin: 0;
    padding: 0;
    color: #1d1d1b;
}

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

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

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

button:hover {
    cursor: pointer;
}

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

.uppercase {
    text-transform: uppercase;
}

.capitalize {
    text-transform: capitalize;
}

input {
    outline: none;
}

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

*::-moz-selection {
    background: var(--theme-1);
    color: var(--common-white);
    text-shadow: none;
}

::-moz-selection {
    background: var(--theme-1);
    color: var(--common-white);
    text-shadow: none;
}

::selection {
    background: var(--theme-1);
    color: var(--common-white);
    text-shadow: none;
}

*::-moz-placeholder {
    color: var(--common-black);
    font-size: var(--fz-body);
    opacity: 1;
}

*::-webkit-input-placeholder {
    color: var(--common-black);
    font-size: var(--fz-body);
    opacity: 1;
}

*:-ms-input-placeholder {
    color: var(--common-black);
    font-size: var(--fz-body);
    opacity: 1;
}

*::-ms-input-placeholder {
    color: var(--common-black);
    font-size: var(--fz-body);
    opacity: 1;
}

*::placeholder {
    color: var(--common-black);
    font-size: var(--fz-body);
    opacity: 1;
}

/*---------------------------------
    common classes css start
---------------------------------*/

.w-img img {
    width: 100%;
}

.m-img img {
    max-width: 100%;
}

.fix {
    overflow: hidden;
}

.clear {
    clear: both;
}

.f-left {
    float: left;
}

.f-right {
    float: right;
}

.z-index-1 {
    z-index: 1;
}

.z-index-11 {
    z-index: 11;
}

.overflow-y-visible {
    overflow-x: hidden;
    overflow-y: visible;
}

.p-relative {
    position: relative;
}

.p-absolute {
    position: absolute;
}

.include-bg {
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

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

.d-adjust {
    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;
}

.por {
    position: relative;
}

.poa {
    position: absolute;
}

.theme-color {
    color: #fc6602;
}

/*----------------------------------------
    Body Overlay
-----------------------------------------*/

.body-overlay {
    background-color: rgba(var(--common-black), 0.5);
    height: 100%;
    width: 100%;
    position: fixed;
    top: 0;
    z-index: 99;
    left: 0;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
}

.body-overlay:hover {
    cursor: pointer;
}

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

/*----------------------------------------
    Progress Wrap
-----------------------------------------*/

@media only screen and (min-width: 400px) and (max-width: 575px) {
    .progress-wrap {
        right: 15px;
        bottom: 15px;
    }
}

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

@media only screen and (min-width: 992px) and (max-width: 1199px),
only screen and (min-width: 768px) and (max-width: 991px),
only screen and (min-width: 576px) and (max-width: 767px),
only screen and (min-width: 400px) and (max-width: 575px),
(max-width: 399px) {
    .large-container {
        padding: 0px 30px;
    }
}

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

@media only screen and (min-width: 576px) and (max-width: 767px),
only screen and (min-width: 400px) and (max-width: 575px),
(max-width: 399px) {
    .auto-container {
        padding: 0px 15px;
    }
}

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

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

/*  02. SPACING CSS START
/*----------------------------------------*/

/* Padding Left and Right */

.px-5 {
    padding: 0 5px !important;
}

.px-10 {
    padding: 0 10px;
}

.px-15 {
    padding: 0 15px;
}

.px-20 {
    padding: 0 20px;
}

.px-25 {
    padding: 0 25px;
}

.px-30 {
    padding: 0 30px;
}

.px-35 {
    padding: 0 35px;
}

.px-40 {
    padding: 0 40px;
}

.px-45 {
    padding: 0 45px;
}

.px-50 {
    padding: 0 50px;
}

.px-55 {
    padding: 0 55px;
}

.px-60 {
    padding: 0 60px;
}

.px-65 {
    padding: 0 65px;
}

.px-70 {
    padding: 0 70px;
}

.px-75 {
    padding: 0 75px;
}

.px-80 {
    padding: 0 80px;
}

.px-85 {
    padding: 0 85px;
}

.px-90 {
    padding: 0 90px;
}

.px-95 {
    padding: 0 95px;
}

.px-100 {
    padding: 0 100px;
}

.px-105 {
    padding: 0 105px;
}

.px-110 {
    padding: 0 110px;
}

.px-115 {
    padding: 0 115px;
}

.px-120 {
    padding: 0 120px;
}

.px-125 {
    padding: 0 125px;
}

.px-130 {
    padding: 0 130px;
}

.px-135 {
    padding: 0 135px;
}

.px-140 {
    padding: 0 140px;
}

.px-145 {
    padding: 0 145px;
}

.px-150 {
    padding: 0 150px;
}

.px-155 {
    padding: 0 155px;
}

.px-160 {
    padding: 0 160px;
}

.px-165 {
    padding: 0 165px;
}

.px-170 {
    padding: 0 170px;
}

.px-175 {
    padding: 0 175px;
}

.px-180 {
    padding: 0 180px;
}

.px-185 {
    padding: 0 185px;
}

.px-190 {
    padding: 0 190px;
}

.px-195 {
    padding: 0 195px;
}

.px-200 {
    padding: 0 200px;
}

/* Padding Top and Bottom */

.py-5 {
    padding-top: 5px !important;
}

.py-10 {
    padding: 10px 0;
}

.py-15 {
    padding: 15px 0;
}

.py-20 {
    padding: 20px 0;
}

.py-25 {
    padding: 25px 0;
}

.py-30 {
    padding: 30px 0;
}

.py-35 {
    padding: 35px 0;
}

.py-40 {
    padding: 40px 0;
}

.py-45 {
    padding: 45px 0;
}

.py-50 {
    padding: 50px 0;
}

.py-55 {
    padding: 55px 0;
}

.py-60 {
    padding: 60px 0;
}

.py-65 {
    padding: 65px 0;
}

.py-70 {
    padding: 70px 0;
}

.py-75 {
    padding: 75px 0;
}

.py-80 {
    padding: 80px 0;
}

.py-85 {
    padding: 85px 0;
}

.py-90 {
    padding: 90px 0;
}

.py-95 {
    padding: 95px 0;
}

.py-100 {
    padding: 100px 0;
}

.py-105 {
    padding: 105px 0;
}

.py-110 {
    padding: 110px 0;
}

.py-115 {
    padding: 115px 0;
}

.py-120 {
    padding: 120px 0;
}

.py-125 {
    padding: 125px 0;
}

.py-130 {
    padding: 130px 0;
}

.py-135 {
    padding: 135px 0;
}

.py-140 {
    padding: 140px 0;
}

.py-145 {
    padding: 145px 0;
}

.py-150 {
    padding: 150px 0;
}

.py-155 {
    padding: 155px 0;
}

.py-160 {
    padding: 160px 0;
}

.py-165 {
    padding: 165px 0;
}

.py-170 {
    padding: 170px 0;
}

.py-175 {
    padding: 175px 0;
}

.py-180 {
    padding: 180px 0;
}

.py-185 {
    padding: 185px 0;
}

.py-190 {
    padding: 190px 0;
}

.py-195 {
    padding: 195px 0;
}

.py-200 {
    padding: 200px 0;
}

/* Padding Left */

.pl-5 {
    padding-left: 5px !important;
}

.pl-10 {
    padding-left: 10px;
}

.pl-15 {
    padding-left: 15px;
}

.pl-20 {
    padding-left: 20px;
}

.pl-25 {
    padding-left: 25px;
}

.pl-30 {
    padding-left: 30px;
}

.pl-35 {
    padding-left: 35px;
}

.pl-40 {
    padding-left: 40px;
}

.pl-45 {
    padding-left: 45px;
}

.pl-50 {
    padding-left: 50px;
}

.pl-55 {
    padding-left: 55px;
}

.pl-60 {
    padding-left: 60px;
}

.pl-65 {
    padding-left: 65px;
}

.pl-70 {
    padding-left: 70px;
}

.pl-75 {
    padding-left: 75px;
}

.pl-80 {
    padding-left: 80px;
}

.pl-85 {
    padding-left: 85px;
}

.pl-90 {
    padding-left: 90px;
}

.pl-95 {
    padding-left: 95px;
}

.pl-100 {
    padding-left: 100px;
}

.pl-105 {
    padding-left: 105px;
}

.pl-110 {
    padding-left: 110px;
}

.pl-115 {
    padding-left: 115px;
}

.pl-120 {
    padding-left: 120px;
}

.pl-125 {
    padding-left: 125px;
}

.pl-130 {
    padding-left: 130px;
}

.pl-135 {
    padding-left: 135px;
}

.pl-140 {
    padding-left: 140px;
}

.pl-145 {
    padding-left: 145px;
}

.pl-150 {
    padding-left: 150px;
}

.pl-155 {
    padding-left: 155px;
}

.pl-160 {
    padding-left: 160px;
}

.pl-165 {
    padding-left: 165px;
}

.pl-170 {
    padding-left: 170px;
}

.pl-175 {
    padding-left: 175px;
}

.pl-180 {
    padding-left: 180px;
}

.pl-185 {
    padding-left: 185px;
}

.pl-190 {
    padding-left: 190px;
}

.pl-195 {
    padding-left: 195px;
}

.pl-200 {
    padding-left: 200px;
}

/* Padding Right */

.pr-5 {
    padding-right: 5px !important;
}

.pr-10 {
    padding-right: 10px;
}

.pr-15 {
    padding-right: 15px;
}

.pr-20 {
    padding-right: 20px;
}

.pr-25 {
    padding-right: 25px;
}

.pr-30 {
    padding-right: 30px;
}

.pr-35 {
    padding-right: 35px;
}

.pr-40 {
    padding-right: 40px;
}

.pr-45 {
    padding-right: 45px;
}

.pr-50 {
    padding-right: 50px;
}

.pr-55 {
    padding-right: 55px;
}

.pr-60 {
    padding-right: 60px;
}

.pr-65 {
    padding-right: 65px;
}

.pr-70 {
    padding-right: 70px;
}

.pr-75 {
    padding-right: 75px;
}

.pr-80 {
    padding-right: 80px;
}

.pr-85 {
    padding-right: 85px;
}

.pr-90 {
    padding-right: 90px;
}

.pr-95 {
    padding-right: 95px;
}

.pr-100 {
    padding-right: 100px;
}

.pr-105 {
    padding-right: 105px;
}

.pr-110 {
    padding-right: 110px;
}

.pr-115 {
    padding-right: 115px;
}

.pr-120 {
    padding-right: 120px;
}

.pr-125 {
    padding-right: 125px;
}

.pr-130 {
    padding-right: 130px;
}

.pr-135 {
    padding-right: 135px;
}

.pr-140 {
    padding-right: 140px;
}

.pr-145 {
    padding-right: 145px;
}

.pr-150 {
    padding-right: 150px;
}

.pr-155 {
    padding-right: 155px;
}

.pr-160 {
    padding-right: 160px;
}

.pr-165 {
    padding-right: 165px;
}

.pr-170 {
    padding-right: 170px;
}

.pr-175 {
    padding-right: 175px;
}

.pr-180 {
    padding-right: 180px;
}

.pr-185 {
    padding-right: 185px;
}

.pr-190 {
    padding-right: 190px;
}

.pr-195 {
    padding-right: 195px;
}

.pr-200 {
    padding-right: 200px;
}

/* Padding Top */

.pt-5 {
    padding-top: 5px !important;
}

.pt-10 {
    padding-top: 10px;
}

.pt-15 {
    padding-top: 15px;
}

.pt-20 {
    padding-top: 20px;
}

.pt-25 {
    padding-top: 25px;
}

.pt-30 {
    padding-top: 30px;
}

.pt-35 {
    padding-top: 35px;
}

.pt-40 {
    padding-top: 40px;
}

.pt-45 {
    padding-top: 45px;
}

.pt-50 {
    padding-top: 50px;
}

.pt-55 {
    padding-top: 55px;
}

.pt-60 {
    padding-top: 60px;
}

.pt-65 {
    padding-top: 65px;
}

.pt-70 {
    padding-top: 70px;
}

.pt-75 {
    padding-top: 75px;
}

.pt-80 {
    padding-top: 80px;
}

.pt-85 {
    padding-top: 85px;
}

.pt-90 {
    padding-top: 90px;
}

.pt-95 {
    padding-top: 95px;
}

.pt-100 {
    padding-top: 100px;
}

.pt-105 {
    padding-top: 105px;
}

.pt-110 {
    padding-top: 110px;
}

.pt-115 {
    padding-top: 115px;
}

.pt-120 {
    padding-top: 120px;
}

.pt-125 {
    padding-top: 125px;
}

.pt-130 {
    padding-top: 130px;
}

.pt-135 {
    padding-top: 135px;
}

.pt-140 {
    padding-top: 140px;
}

.pt-145 {
    padding-top: 145px;
}

.pt-150 {
    padding-top: 150px;
}

.pt-155 {
    padding-top: 155px;
}

.pt-160 {
    padding-top: 160px;
}

.pt-165 {
    padding-top: 165px;
}

.pt-170 {
    padding-top: 170px;
}

.pt-175 {
    padding-top: 175px;
}

.pt-180 {
    padding-top: 180px;
}

.pt-185 {
    padding-top: 185px;
}

.pt-190 {
    padding-top: 190px;
}

.pt-195 {
    padding-top: 195px;
}

.pt-200 {
    padding-top: 200px;
}

/* Padding Bottom */

.pb-5 {
    padding-bottom: 5px !important;
}

.pb-10 {
    padding-bottom: 10px;
}

.pb-15 {
    padding-bottom: 15px;
}

.pb-20 {
    padding-bottom: 20px;
}

.pb-25 {
    padding-bottom: 25px;
}

.pb-30 {
    padding-bottom: 30px;
}

.pb-35 {
    padding-bottom: 35px;
}

.pb-40 {
    padding-bottom: 40px;
}

.pb-45 {
    padding-bottom: 45px;
}

.pb-50 {
    padding-bottom: 50px;
}

.pb-55 {
    padding-bottom: 55px;
}

.pb-60 {
    padding-bottom: 60px;
}

.pb-65 {
    padding-bottom: 65px;
}

.pb-70 {
    padding-bottom: 70px;
}

.pb-75 {
    padding-bottom: 75px;
}

.pb-80 {
    padding-bottom: 80px;
}

.pb-85 {
    padding-bottom: 85px;
}

.pb-90 {
    padding-bottom: 90px;
}

.pb-95 {
    padding-bottom: 95px;
}

.pb-100 {
    padding-bottom: 100px;
}

.pb-105 {
    padding-bottom: 105px;
}

.pb-110 {
    padding-bottom: 110px;
}

.pb-115 {
    padding-bottom: 115px;
}

.pb-120 {
    padding-bottom: 120px;
}

.pb-125 {
    padding-bottom: 125px;
}

.pb-130 {
    padding-bottom: 130px;
}

.pb-135 {
    padding-bottom: 135px;
}

.pb-140 {
    padding-bottom: 140px;
}

.pb-145 {
    padding-bottom: 145px;
}

.pb-150 {
    padding-bottom: 150px;
}

.pb-155 {
    padding-bottom: 155px;
}

.pb-160 {
    padding-bottom: 160px;
}

.pb-165 {
    padding-bottom: 165px;
}

.pb-170 {
    padding-bottom: 170px;
}

.pb-175 {
    padding-bottom: 175px;
}

.pb-180 {
    padding-bottom: 180px;
}

.pb-185 {
    padding-bottom: 185px;
}

.pb-190 {
    padding-bottom: 190px;
}

.pb-195 {
    padding-bottom: 195px;
}

.pb-200 {
    padding-bottom: 200px;
}

/* Margin Left and Right */

.mx-5 {
    margin: 0 5px !important;
}

.mx-10 {
    margin: 0 10px;
}

.mx-15 {
    margin: 0 15px;
}

.mx-20 {
    margin: 0 20px;
}

.mx-25 {
    margin: 0 25px;
}

.mx-30 {
    margin: 0 30px;
}

.mx-35 {
    margin: 0 35px;
}

.mx-40 {
    margin: 0 40px;
}

.mx-45 {
    margin: 0 45px;
}

.mx-50 {
    margin: 0 50px;
}

.mx-55 {
    margin: 0 55px;
}

.mx-60 {
    margin: 0 60px;
}

.mx-65 {
    margin: 0 65px;
}

.mx-70 {
    margin: 0 70px;
}

.mx-75 {
    margin: 0 75px;
}

.mx-80 {
    margin: 0 80px;
}

.mx-85 {
    margin: 0 85px;
}

.mx-90 {
    margin: 0 90px;
}

.mx-95 {
    margin: 0 95px;
}

.mx-100 {
    margin: 0 100px;
}

.mx-105 {
    margin: 0 105px;
}

.mx-110 {
    margin: 0 110px;
}

.mx-115 {
    margin: 0 115px;
}

.mx-120 {
    margin: 0 120px;
}

.mx-125 {
    margin: 0 125px;
}

.mx-130 {
    margin: 0 130px;
}

.mx-135 {
    margin: 0 135px;
}

.mx-140 {
    margin: 0 140px;
}

.mx-145 {
    margin: 0 145px;
}

.mx-150 {
    margin: 0 150px;
}

.mx-155 {
    margin: 0 155px;
}

.mx-160 {
    margin: 0 160px;
}

.mx-165 {
    margin: 0 165px;
}

.mx-170 {
    margin: 0 170px;
}

.mx-175 {
    margin: 0 175px;
}

.mx-180 {
    margin: 0 180px;
}

.mx-185 {
    margin: 0 185px;
}

.mx-190 {
    margin: 0 190px;
}

.mx-195 {
    margin: 0 195px;
}

.mx-200 {
    margin: 0 200px;
}

/* Margin Top and Bottom */

.my-5 {
    margin: 5px 0 !important;
}

.my-10 {
    margin: 10px 0;
}

.my-15 {
    margin: 15px 0;
}

.my-20 {
    margin: 20px 0;
}

.my-25 {
    margin: 25px 0;
}

.my-30 {
    margin: 30px 0;
}

.my-35 {
    margin: 35px 0;
}

.my-40 {
    margin: 40px 0;
}

.my-45 {
    margin: 45px 0;
}

.my-50 {
    margin: 50px 0;
}

.my-55 {
    margin: 55px 0;
}

.my-60 {
    margin: 60px 0;
}

.my-65 {
    margin: 65px 0;
}

.my-70 {
    margin: 70px 0;
}

.my-75 {
    margin: 75px 0;
}

.my-80 {
    margin: 80px 0;
}

.my-85 {
    margin: 85px 0;
}

.my-90 {
    margin: 90px 0;
}

.my-95 {
    margin: 95px 0;
}

.my-100 {
    margin: 100px 0;
}

.my-105 {
    margin: 105px 0;
}

.my-110 {
    margin: 110px 0;
}

.my-115 {
    margin: 115px 0;
}

.my-120 {
    margin: 120px 0;
}

.my-125 {
    margin: 125px 0;
}

.my-130 {
    margin: 130px 0;
}

.my-135 {
    margin: 135px 0;
}

.my-140 {
    margin: 140px 0;
}

.my-145 {
    margin: 145px 0;
}

.my-150 {
    margin: 150px 0;
}

.my-155 {
    margin: 155px 0;
}

.my-160 {
    margin: 160px 0;
}

.my-165 {
    margin: 165px 0;
}

.my-170 {
    margin: 170px 0;
}

.my-175 {
    margin: 175px 0;
}

.my-180 {
    margin: 180px 0;
}

.my-185 {
    margin: 185px 0;
}

.my-190 {
    margin: 190px 0;
}

.my-195 {
    margin: 195px 0;
}

.my-200 {
    margin: 200px 0;
}

/* Margin Left */

.ml-5 {
    margin-left: 5px !important;
}

.ml-10 {
    margin-left: 10px;
}

.ml-15 {
    margin-left: 15px;
}

.ml-20 {
    margin-left: 20px;
}

.ml-25 {
    margin-left: 25px;
}

.ml-30 {
    margin-left: 30px;
}

.ml-35 {
    margin-left: 35px;
}

.ml-40 {
    margin-left: 40px;
}

.ml-45 {
    margin-left: 45px;
}

.ml-50 {
    margin-left: 50px;
}

.ml-55 {
    margin-left: 55px;
}

.ml-60 {
    margin-left: 60px;
}

.ml-65 {
    margin-left: 65px;
}

.ml-70 {
    margin-left: 70px;
}

.ml-75 {
    margin-left: 75px;
}

.ml-80 {
    margin-left: 80px;
}

.ml-85 {
    margin-left: 85px;
}

.ml-90 {
    margin-left: 90px;
}

.ml-95 {
    margin-left: 95px;
}

.ml-100 {
    margin-left: 100px;
}

.ml-105 {
    margin-left: 105px;
}

.ml-110 {
    margin-left: 110px;
}

.ml-115 {
    margin-left: 115px;
}

.ml-120 {
    margin-left: 120px;
}

.ml-125 {
    margin-left: 125px;
}

.ml-130 {
    margin-left: 130px;
}

.ml-135 {
    margin-left: 135px;
}

.ml-140 {
    margin-left: 140px;
}

.ml-145 {
    margin-left: 145px;
}

.ml-150 {
    margin-left: 150px;
}

.ml-155 {
    margin-left: 155px;
}

.ml-160 {
    margin-left: 160px;
}

.ml-165 {
    margin-left: 165px;
}

.ml-170 {
    margin-left: 170px;
}

.ml-175 {
    margin-left: 175px;
}

.ml-180 {
    margin-left: 180px;
}

.ml-185 {
    margin-left: 185px;
}

.ml-190 {
    margin-left: 190px;
}

.ml-195 {
    margin-left: 195px;
}

.ml-200 {
    margin-left: 200px;
}

/* Margin Right */

.mr-5 {
    margin-right: 5px !important;
}

.mr-10 {
    margin-right: 10px;
}

.mr-15 {
    margin-right: 15px;
}

.mr-20 {
    margin-right: 20px;
}

.mr-25 {
    margin-right: 25px;
}

.mr-30 {
    margin-right: 30px;
}

.mr-35 {
    margin-right: 35px;
}

.mr-40 {
    margin-right: 40px;
}

.mr-45 {
    margin-right: 45px;
}

.mr-50 {
    margin-right: 50px;
}

.mr-55 {
    margin-right: 55px;
}

.mr-60 {
    margin-right: 60px;
}

.mr-65 {
    margin-right: 65px;
}

.mr-70 {
    margin-right: 70px;
}

.mr-75 {
    margin-right: 75px;
}

.mr-80 {
    margin-right: 80px;
}

.mr-85 {
    margin-right: 85px;
}

.mr-90 {
    margin-right: 90px;
}

.mr-95 {
    margin-right: 95px;
}

.mr-100 {
    margin-right: 100px;
}

.mr-105 {
    margin-right: 105px;
}

.mr-110 {
    margin-right: 110px;
}

.mr-115 {
    margin-right: 115px;
}

.mr-120 {
    margin-right: 120px;
}

.mr-125 {
    margin-right: 125px;
}

.mr-130 {
    margin-right: 130px;
}

.mr-135 {
    margin-right: 135px;
}

.mr-140 {
    margin-right: 140px;
}

.mr-145 {
    margin-right: 145px;
}

.mr-150 {
    margin-right: 150px;
}

.mr-155 {
    margin-right: 155px;
}

.mr-160 {
    margin-right: 160px;
}

.mr-165 {
    margin-right: 165px;
}

.mr-170 {
    margin-right: 170px;
}

.mr-175 {
    margin-right: 175px;
}

.mr-180 {
    margin-right: 180px;
}

.mr-185 {
    margin-right: 185px;
}

.mr-190 {
    margin-right: 190px;
}

.mr-195 {
    margin-right: 195px;
}

.mr-200 {
    margin-right: 200px;
}

/* Margin Top */

.mt-5 {
    margin-top: 5px !important;
}

.mt-10 {
    margin-top: 10px;
}

.mt-15 {
    margin-top: 15px;
}

.mt-20 {
    margin-top: 20px;
}

.mt-25 {
    margin-top: 25px;
}

.mt-30 {
    margin-top: 30px;
}

.mt-35 {
    margin-top: 35px;
}

.mt-40 {
    margin-top: 40px;
}

.mt-45 {
    margin-top: 45px;
}

.mt-50 {
    margin-top: 50px;
}

.mt-55 {
    margin-top: 55px;
}

.mt-60 {
    margin-top: 60px;
}

.mt-65 {
    margin-top: 65px;
}

.mt-70 {
    margin-top: 70px;
}

.mt-75 {
    margin-top: 75px;
}

.mt-80 {
    margin-top: 80px;
}

.mt-85 {
    margin-top: 85px;
}

.mt-90 {
    margin-top: 90px;
}

.mt-95 {
    margin-top: 95px;
}

.mt-100 {
    margin-top: 100px;
}

.mt-105 {
    margin-top: 105px;
}

.mt-110 {
    margin-top: 110px;
}

.mt-115 {
    margin-top: 115px;
}

.mt-120 {
    margin-top: 120px;
}

.mt-125 {
    margin-top: 125px;
}

.mt-130 {
    margin-top: 130px;
}

.mt-135 {
    margin-top: 135px;
}

.mt-140 {
    margin-top: 140px;
}

.mt-145 {
    margin-top: 145px;
}

.mt-150 {
    margin-top: 150px;
}

.mt-155 {
    margin-top: 155px;
}

.mt-160 {
    margin-top: 160px;
}

.mt-165 {
    margin-top: 165px;
}

.mt-170 {
    margin-top: 170px;
}

.mt-175 {
    margin-top: 175px;
}

.mt-180 {
    margin-top: 180px;
}

.mt-185 {
    margin-top: 185px;
}

.mt-190 {
    margin-top: 190px;
}

.mt-195 {
    margin-top: 195px;
}

.mt-200 {
    margin-top: 200px;
}

/* Margin Bottom */

.mb-5 {
    margin-bottom: 5px !important;
}

.mb-10 {
    margin-bottom: 10px;
}

.mb-15 {
    margin-bottom: 15px;
}

.mb-20 {
    margin-bottom: 20px;
}

.mb-25 {
    margin-bottom: 25px;
}

.mb-30 {
    margin-bottom: 30px;
}

.mb-35 {
    margin-bottom: 35px;
}

.mb-40 {
    margin-bottom: 40px;
}

.mb-45 {
    margin-bottom: 45px;
}

.mb-50 {
    margin-bottom: 50px;
}

.mb-55 {
    margin-bottom: 55px;
}

.mb-60 {
    margin-bottom: 60px;
}

.mb-65 {
    margin-bottom: 65px;
}

.mb-70 {
    margin-bottom: 70px;
}

.mb-75 {
    margin-bottom: 75px;
}

.mb-80 {
    margin-bottom: 80px;
}

.mb-85 {
    margin-bottom: 85px;
}

.mb-90 {
    margin-bottom: 90px;
}

.mb-95 {
    margin-bottom: 95px;
}

.mb-100 {
    margin-bottom: 100px;
}

.mb-105 {
    margin-bottom: 105px;
}

.mb-110 {
    margin-bottom: 110px;
}

.mb-115 {
    margin-bottom: 115px;
}

.mb-120 {
    margin-bottom: 120px;
}

.mb-125 {
    margin-bottom: 125px;
}

.mb-130 {
    margin-bottom: 130px;
}

.mb-135 {
    margin-bottom: 135px;
}

.mb-140 {
    margin-bottom: 140px;
}

.mb-145 {
    margin-bottom: 145px;
}

.mb-150 {
    margin-bottom: 150px;
}

.mb-155 {
    margin-bottom: 155px;
}

.mb-160 {
    margin-bottom: 160px;
}

.mb-165 {
    margin-bottom: 165px;
}

.mb-170 {
    margin-bottom: 170px;
}

.mb-175 {
    margin-bottom: 175px;
}

.mb-180 {
    margin-bottom: 180px;
}

.mb-185 {
    margin-bottom: 185px;
}

.mb-190 {
    margin-bottom: 190px;
}

.mb-195 {
    margin-bottom: 195px;
}

.mb-200 {
    margin-bottom: 200px;
}

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

/*  03. Buttons
/*----------------------------------------*/

.default-btn {
    font-size: 15px;
    font-weight: 600;
    color: var(--common-white);
    padding: 15px 20px;
    line-height: 1;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
    z-index: 1;
    text-transform: capitalize;
    border-radius: 5px;
    position: relative;
    cursor: pointer;
    overflow: hidden;
    background-color: var(--theme-1);
    display: inline-block;
}

.default-btn::before {
    content: "";
    position: absolute;
    top: -20px;
    left: -40px;
    width: 10px;
    height: 100px;
    background-color: #ffffff;
    opacity: 0.5;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.default-btn::after {
    content: "";
    position: absolute;
    top: -20px;
    right: -40px;
    width: 10px;
    height: 100px;
    background-color: #ffffff;
    opacity: 0.5;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.default-btn.active {
    background-color: var(--common-white);
    color: var(--theme-1);
}

.default-btn.active:hover {
    color: var(--common-white);
    background-color: var(--theme-1);
}

.default-btn:hover {
    color: var(--common-white);
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}

.default-btn:hover::before {
    left: 200px;
}

.default-btn:hover::after {
    right: 200px;
}

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

/*  04. Carousel
/*----------------------------------------*/

.hero-button {
    font-size: 20px;
    background: -webkit-gradient( linear, left top, left bottom, from(#243949), to(#00151e));
    background: -o-linear-gradient(top, #243949 0%, #00151e 100%);
    background: linear-gradient(180deg, #243949 0%, #00151e 100%);
    border-radius: 100px;
    width: 50px;
    height: 50px;
    font-size: 20px;
    color: var(--common-white);
    border: none;
    outline: none;
    cursor: pointer;
    z-index: 9;
    text-align: center;
    top: 50%;
    margin: 0px;
    vertical-align: middle;
    -webkit-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
}

.hero-button::after {
    display: none;
}

.hero-button:hover {
    background: -webkit-gradient( linear, left top, right top, from(#243949), to(#00151e));
    background: -o-linear-gradient(left, #243949 0%, #00151e 100%);
    background: linear-gradient(90deg, #243949 0%, #00151e 100%);
}

.hero-button.swiper-button-prev {
    left: 15px;
    -webkit-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
}

.hero-button.swiper-button-prev:hover {
    left: 10px;
}

@media only screen and (min-width: 400px) and (max-width: 575px),
(max-width: 399px) {
    .hero-button.swiper-button-prev {
        display: none;
    }
}

.hero-button.swiper-button-next {
    right: 15px;
    -webkit-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
}

.hero-button.swiper-button-next:hover {
    right: 10px;
}

@media only screen and (min-width: 400px) and (max-width: 575px),
(max-width: 399px) {
    .hero-button.swiper-button-next {
        display: none;
    }
}

.pagination-button-design-one {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 10px;
}

.pagination-button-design-one .swiper-pagination-bullet {
    width: 12px;
    height: 12px;
    border-radius: 2px;
    background: #fff;
    opacity: 1;
    display: inline-block;
    -webkit-transition: all 0.1s linear;
    -o-transition: all 0.1s linear;
    transition: all 0.1s linear;
}

.pagination-button-design-one .swiper-pagination-bullet.swiper-pagination-bullet-active {
    border-radius: 2px;
    width: 16px;
    background: var(--theme-1);
}

.arrow {
    position: absolute;
    right: -10px;
    top: -60px;
    gap: 15px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}

.arrow .testimonialOne-button {
    background: var(--common-gd);
    width: 45px;
    height: 45px;
    border-radius: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

@media only screen and (min-width: 576px) and (max-width: 767px),
only screen and (min-width: 400px) and (max-width: 575px),
(max-width: 399px) {
    .arrow .testimonialOne-button {
        margin-top: 20px;
    }
}

.arrow .testimonialOne-button i {
    -webkit-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
}

.arrow .testimonialOne-button:hover {
    -webkit-animation: pulse-small 0.8s;
    animation: pulse-small 0.8s;
}

.arrow .testimonialOne-button:hover i {
    color: var(--theme-1);
}

.arrow .testimonialOne-button::after {
    display: none;
}

.arrow.white .testimonialOne-button {
    background: var(--theme-1);
    -webkit-box-shadow: 0px 3px 10px 0px rgba(41, 45, 194, 0.08);
    box-shadow: 0px 3px 10px 0px rgba(41, 45, 194, 0.08);
}

.arrow.white .testimonialOne-button i {
    color: var(--common-white);
}

.arrow-2 {
    position: absolute;
    right: -10px;
    top: -60px;
    gap: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}

.arrow-2 .testimonialOne-button {
    background: var(--common-gd);
    width: 45px;
    height: 40px;
    border-radius: 5px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.arrow-2 .testimonialOne-button i {
    -webkit-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
}

.arrow-2 .testimonialOne-button:hover {
    -webkit-animation: pulse-small 0.8s;
    animation: pulse-small 0.8s;
}

.arrow-2 .testimonialOne-button:hover i {
    color: var(--theme-1);
}

.arrow-2 .testimonialOne-button::after {
    display: none;
}

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

/*  05. Backtotop
/*----------------------------------------*/

.progress-wrap {
    position: fixed;
    right: 50px;
    bottom: 50px;
    height: 46px;
    width: 46px;
    cursor: pointer;
    display: block;
    border-radius: 50px;
    -webkit-box-shadow: inset 0 0 0 2px rgba(95, 58, 252, 0.2);
    box-shadow: inset 0 0 0 2px rgba(95, 58, 252, 0.2);
    z-index: 99;
    opacity: 0;
    visibility: hidden;
    -webkit-transform: translateY(15px);
    -ms-transform: translateY(15px);
    transform: translateY(15px);
    -webkit-transition: all 200ms linear;
    -o-transition: all 200ms linear;
    transition: all 200ms linear;
}

.progress-wrap.active-progress {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
}

.progress-wrap::after {
    position: absolute;
    content: "\f342";
    font-family: "Font Awesome 5 Pro";
    text-align: center;
    line-height: 46px;
    font-size: 20px;
    color: var(--theme-1);
    left: 0;
    top: 0;
    height: 46px;
    width: 46px;
    cursor: pointer;
    display: block;
    z-index: 1;
    -webkit-transition: all 200ms linear;
    -o-transition: all 200ms linear;
    transition: all 200ms linear;
}

.progress-wrap svg path {
    fill: none;
}

.progress-wrap svg.progress-circle path {
    stroke: var(--theme-1);
    stroke-width: 4;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all 200ms linear;
    -o-transition: all 200ms linear;
    transition: all 200ms linear;
}

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

/* 06. Modal
/*----------------------------------------*/

/* 01. ========= search-modal ========== */

.search-box {
    background: rgba(0, 0, 0, 0.77);
}

.search-box .close {
    color: #fff;
    top: 50px;
    right: 50px;
    position: absolute;
    font-size: 50px;
    -webkit-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
}

.search-box .close:hover {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    color: var(--theme-1);
}

.search-box .modal-dialog {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%) !important;
    -ms-transform: translate(-50%, -50%) !important;
    transform: translate(-50%, -50%) !important;
    border: none;
    outline: 0;
}

.search-box .modal-dialog .modal-content {
    background: 0 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    border: none;
}

.search-box .modal-dialog .modal-content form {
    max-width: 650px;
    position: relative;
    border-radius: 30px;
    overflow: hidden;
}

.search-box .modal-dialog .modal-content form input {
    display: block;
    width: 500px;
    height: 60px;
    border: none;
    border-radius: 30px;
    color: #111;
    padding: 3px 0 0 25px;
}

.search-box .modal-dialog .modal-content form button {
    position: absolute;
    right: 6px;
    margin-bottom: 3px;
    font-size: 18px;
    color: var(--theme-1);
    border: none;
    cursor: pointer;
    top: 5px;
    background: var(--common-body-1);
    width: 50px;
    height: 50px;
    border-radius: 60px;
}

.sidebar-right {
    background: rgba(0, 0, 0, 0.77);
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 99;
    -webkit-transform: translateX(100%);
    -ms-transform: translateX(100%);
    transform: translateX(100%);
    -webkit-transition: all 0.5s linear;
    -o-transition: all 0.5s linear;
    transition: all 0.5s linear;
}

@media only screen and (min-width: 992px) and (max-width: 1199px),
only screen and (min-width: 768px) and (max-width: 991px),
only screen and (min-width: 576px) and (max-width: 767px),
only screen and (min-width: 400px) and (max-width: 575px),
(max-width: 399px) {
    .sidebar-right {
        display: none;
    }
}

.sidebar-right .wrapper {
    position: fixed;
    right: 0;
    width: 400px;
    min-height: 100vh;
    background: var(--common-white);
    padding: 40px;
    overflow-y: scroll;
    height: 100%;
}

.sidebar-right .wrapper .title {
    margin-top: 10px;
}

.sidebar-right .wrapper .title .logo {
    width: 220px;
}

.sidebar-right .wrapper .title p {
    margin-top: 20px;
    color: var(--text-p-1);
    margin-bottom: 0;
    font-size: 15px;
}

.sidebar-right .wrapper .intro-text {
    margin-top: 30px;
}

.sidebar-right .wrapper .intro-text .title-text h3 {
    font-size: 20px;
    color: var(--text-h);
    line-height: normal;
}

.sidebar-right .wrapper .intro-text .img-file {
    margin-top: 10px;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 10px 1fr 10px 1fr;
    grid-template-columns: repeat(3, 1fr);
    -ms-grid-rows: 1fr 10px 1fr;
    grid-template-rows: repeat(2, 1fr);
    grid-column-gap: 10px;
    grid-row-gap: 10px;
}

.sidebar-right .wrapper .intro-text .img-file>*:nth-child(1) {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
}

.sidebar-right .wrapper .intro-text .img-file>*:nth-child(2) {
    -ms-grid-row: 1;
    -ms-grid-column: 3;
}

.sidebar-right .wrapper .intro-text .img-file>*:nth-child(3) {
    -ms-grid-row: 1;
    -ms-grid-column: 5;
}

.sidebar-right .wrapper .intro-text .img-file>*:nth-child(4) {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
}

.sidebar-right .wrapper .intro-text .img-file>*:nth-child(5) {
    -ms-grid-row: 3;
    -ms-grid-column: 3;
}

.sidebar-right .wrapper .intro-text .img-file>*:nth-child(6) {
    -ms-grid-row: 3;
    -ms-grid-column: 5;
}

.sidebar-right .wrapper .intro-text .img-file img {
    border-radius: 5px;
}

.sidebar-right .wrapper .intro-text p {
    margin-top: 0px;
    color: var(--text-p-1);
    margin-bottom: 0;
    font-size: 15px;
}

.sidebar-right .wrapper .intro-text ul li {
    color: var(--text-p-1);
    font-size: 16px;
    margin: 5px;
}

.sidebar-right .wrapper .intro-text ul li i {
    font-size: 16px;
    color: var(--text-p-1);
}

.sidebar-right .wrapper .close-icon {
    background: var(--common-body-1);
    width: 40px;
    height: 40px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: absolute;
    top: 30px;
    right: 20px;
    border-radius: 5px;
    cursor: pointer;
}

.sidebar-right .wrapper .close-icon i {
    color: var(--theme-1);
    font-size: 30px;
    -webkit-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
}

.sidebar-right .wrapper .close-icon i:hover {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
}

.sidebar-right.sidebar-opened {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
}

.modal-open {
    padding-right: 0 !important;
}

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

/* 07. Section-title
/*----------------------------------------*/

.section-title-shape-one h3 {
    font-size: 14px;
    line-height: 1.2;
    color: #8af778;
    text-transform: uppercase;
    font-family: var(--ff-body);
    font-weight: 800;
}

.section-title-shape-one h3.white {
    color: var(--common-white);
}

.section-title-shape-one h2 {
    margin-top: 15px;
    line-height: 1.2;
    font-size: 53px;
    font-weight: 700;
    font-family: 'Red Hat Display', sans-serif;
}

@media only screen and (min-width: 400px) and (max-width: 575px),
(max-width: 399px) {
    .section-title-shape-one h2 {
        font-size: 22px;
    }
}

.section-title-shape-one p {
    margin-top: 15px;
    margin-bottom: 0;
    font-size: 25px;
    font-weight: 400;
    line-height: 1.4;
}

.section-title-shape-one.middle {
    text-align: center;
    padding: 0 150px;
}

.section-title-shape-one.middle h3 {
    color: var(--common-white);
}

@media only screen and (min-width: 768px) and (max-width: 991px),
only screen and (min-width: 576px) and (max-width: 767px),
only screen and (min-width: 400px) and (max-width: 575px),
(max-width: 399px) {
    .section-title-shape-one.middle {
        padding: 0 75px;
    }
}

/*@media only screen and (min-width: 576px) and (max-width: 767px),*/
/*only screen and (min-width: 400px) and (max-width: 575px),*/
/*(max-width: 399px) {*/
/*    .section-title-shape-one.middle {*/
/*        padding: 0;*/
/*        text-align: start;*/
/*    }*/
/*}*/

.section-title-shape-one.left h3 {
    color: var(--common-white);
}

.section-title-shape-one.black h3 {
    color: var(--text-p-1);
}

.section-title-shape-one.black h2 {
    color: var(--text-h);
}

.section-title-shape-one.black p {
    color: var(--text-p-1);
}

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

/* 08. Animation
/*----------------------------------------*/

/* ===========Hero Slider ========== */

@-webkit-keyframes heroSliderAnimation {
    0% {
        opacity: 0;
        -webkit-transform: translateY(20px);
        transform: translateY(20px);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@keyframes heroSliderAnimation {
    0% {
        opacity: 0;
        -webkit-transform: translateY(20px);
        -ms-transform: translateY(20px);
        transform: translateY(20px);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }
}

/*  ========= Hero Slider BG Animation animation ========== */

@-webkit-keyframes bg-animation {
    0% {
        -webkit-transform: scale(1) translateY(0);
        transform: scale(1) translateY(0);
        -webkit-transform-origin: 50% 16%;
        transform-origin: 50% 16%;
    }
    100% {
        -webkit-transform: scale(1.2) translateY(-15px);
        transform: scale(1.25) translateY(-15px);
        -webkit-transform-origin: top;
        transform-origin: top;
    }
}

@keyframes bg-animation {
    0% {
        -webkit-transform: scale(1) translateY(0);
        transform: scale(1) translateY(0);
        -webkit-transform-origin: 50% 16%;
        transform-origin: 50% 16%;
    }
    100% {
        -webkit-transform: scale(1.2) translateY(-15px);
        transform: scale(1.25) translateY(-15px);
        -webkit-transform-origin: top;
        transform-origin: top;
    }
}

@-webkit-keyframes rotate-in-center {
    0% {
        -webkit-transform: rotate(-360deg);
        transform: rotate(-360deg);
    }
    100% {
        -webkit-transform: rotate(0);
        transform: rotate(0);
    }
}

@keyframes rotate-in-center {
    0% {
        -webkit-transform: rotate(-360deg);
        transform: rotate(-360deg);
    }
    100% {
        -webkit-transform: rotate(0);
        transform: rotate(0);
    }
}

@-webkit-keyframes slide-top {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
    100% {
        -webkit-transform: translateY(-100px);
        transform: translateY(-100px);
    }
}

@keyframes slide-top {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
    100% {
        -webkit-transform: translateY(-100px);
        transform: translateY(-100px);
    }
}

@-webkit-keyframes scale-down-center {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
    100% {
        -webkit-transform: scale(0.5);
        transform: scale(0.5);
    }
}

@keyframes scale-down-center {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
    100% {
        -webkit-transform: scale(0.5);
        transform: scale(0.5);
    }
}

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

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

@-webkit-keyframes animationFramesOne {
    0% {
        -webkit-transform: translate(0) rotate(0deg);
        transform: translate(0) rotate(0deg);
    }
    20% {
        -webkit-transform: translate(73px, -1px) rotate(36deg);
        transform: translate(73px, -1px) rotate(36deg);
    }
    40% {
        -webkit-transform: translate(141px, 72px) rotate(72deg);
        transform: translate(141px, 72px) rotate(72deg);
    }
    60% {
        -webkit-transform: translate(83px, 122px) rotate(108deg);
        transform: translate(83px, 122px) rotate(108deg);
    }
    80% {
        -webkit-transform: translate(-40px, 72px) rotate(144deg);
        transform: translate(-40px, 72px) rotate(144deg);
    }
    to {
        -webkit-transform: translate(0) rotate(0deg);
        transform: translate(0) rotate(0deg);
    }
}

@keyframes animationFramesOne {
    0% {
        -webkit-transform: translate(0) rotate(0deg);
        transform: translate(0) rotate(0deg);
    }
    20% {
        -webkit-transform: translate(73px, -1px) rotate(36deg);
        transform: translate(73px, -1px) rotate(36deg);
    }
    40% {
        -webkit-transform: translate(141px, 72px) rotate(72deg);
        transform: translate(141px, 72px) rotate(72deg);
    }
    60% {
        -webkit-transform: translate(83px, 122px) rotate(108deg);
        transform: translate(83px, 122px) rotate(108deg);
    }
    80% {
        -webkit-transform: translate(-40px, 72px) rotate(144deg);
        transform: translate(-40px, 72px) rotate(144deg);
    }
    to {
        -webkit-transform: translate(0) rotate(0deg);
        transform: translate(0) rotate(0deg);
    }
}

/* 00. ========= pluse animation ========== */

@-webkit-keyframes pulse {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.4);
    }
    70% {
        -webkit-box-shadow: 0 0 0 45px rgba(255, 255, 255, 0);
    }
    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
    }
}

@keyframes pulse {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.4);
        box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.4);
    }
    70% {
        -webkit-box-shadow: 0 0 0 45px rgba(255, 255, 255, 0);
        box-shadow: 0 0 0 45px rgba(255, 255, 255, 0);
    }
    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
        box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
    }
}

/* 00. ========= pluse small animation ========== */

@-webkit-keyframes pulse-small {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.4);
    }
    70% {
        -webkit-box-shadow: 0 0 0 20px rgba(255, 255, 255, 0);
    }
    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
    }
}

@keyframes pulse-small {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.4);
        box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.4);
    }
    70% {
        -webkit-box-shadow: 0 0 0 15px rgba(255, 255, 255, 0);
        box-shadow: 0 0 0 15px rgba(255, 255, 255, 0);
    }
    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
        box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
    }
}

@keyframes trigger {
    50% {
        -webkit-transform: rotate(-4deg);
        transform: rotate(-4deg);
    }
    80% {
        -webkit-transform: translateX(10px);
        transform: translateX(10px);
    }
}

@-webkit-keyframes trigger {
    50% {
        -webkit-transform: rotate(-4deg);
        transform: rotate(-4deg);
    }
    80% {
        -webkit-transform: translateX(10px);
        transform: translateX(10px);
    }
}

/* 00. ========= video-ripple ========== */

@keyframes video-ripple {
    0%,
    35% {
        -webkit-transform: scale(0);
        transform: scale(0);
        opacity: 1;
    }
    50% {
        -webkit-transform: scale(1.3);
        transform: scale(1.3);
        opacity: 0.8;
    }
    100% {
        opacity: 0;
        -webkit-transform: scale(1.5);
        transform: scale(1.5);
    }
}

@-webkit-keyframes video-ripple {
    0%,
    35% {
        -webkit-transform: scale(0);
        transform: scale(0);
        opacity: 1;
    }
    50% {
        -webkit-transform: scale(1.3);
        transform: scale(1.3);
        opacity: 0.8;
    }
    100% {
        opacity: 0;
        -webkit-transform: scale(1.5);
        transform: scale(1.5);
    }
}

/* 00. ========= FadeIn custom ========== */

@-webkit-keyframes fadeInUp2 {
    0% {
        opacity: 0;
        -webkit-transform: translateY(20px);
        transform: translateY(20px);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@keyframes fadeInUp2 {
    0% {
        opacity: 0;
        -webkit-transform: translateY(20px);
        -ms-transform: translateY(20px);
        transform: translateY(20px);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }
}

.fadeInUp2 {
    -webkit-animation-name: fadeInUp2;
    animation-name: fadeInUp2;
}

/* 00. ========= modeal-video-animation ========== */

@-webkit-keyframes waveAlarm {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 40%;
    }
    100% {
        -webkit-transform: scale(2);
        transform: scale(2);
        opacity: 0;
    }
}

@keyframes waveAlarm {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 40%;
    }
    100% {
        -webkit-transform: scale(2);
        transform: scale(2);
        opacity: 0;
    }
}

/* 00. ========= ripple animation ========== */

@-webkit-keyframes popupBtn {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 0.6;
    }
    50% {
        -webkit-transform: scale(1.6);
        transform: scale(1.6);
        opacity: 0.3;
    }
    100% {
        -webkit-transform: scale(2.2);
        transform: scale(2.2);
        opacity: 0;
    }
}

@keyframes popupBtn {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 0.6;
    }
    50% {
        -webkit-transform: scale(1.6);
        transform: scale(1.6);
        opacity: 0.3;
    }
    100% {
        -webkit-transform: scale(2.2);
        transform: scale(2.2);
        opacity: 0;
    }
}

/*  ========= sticky animation ========== */

@-webkit-keyframes sticky {
    0% {
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%);
    }
    100% {
        -webkit-transform: translateY(0%);
        transform: translateY(0%);
    }
}

@keyframes sticky {
    0% {
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%);
    }
    100% {
        -webkit-transform: translateY(0%);
        transform: translateY(0%);
    }
}

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

/* 09. Preloader
/*----------------------------------------*/

.preloader {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 999999;
    background: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.semipolar-spinner,
.semipolar-spinner * {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.semipolar-spinner {
    height: 65px;
    width: 65px;
    position: relative;
    margin: auto;
}

.semipolar-spinner .ring {
    border-radius: 50%;
    position: absolute;
    border: 3.25px solid transparent;
    border-top-color: #f66fa6;
    border-left-color: #f66fa6;
    -webkit-animation: semipolar-spinner-animation 2s infinite;
    animation: semipolar-spinner-animation 2s infinite;
}

.semipolar-spinner .ring:nth-child(1) {
    height: 65px;
    width: 65px;
    top: 0px;
    left: 0px;
    -webkit-animation-delay: 800ms;
    animation-delay: 800ms;
    z-index: 5;
}

.semipolar-spinner .ring:nth-child(2) {
    height: 52px;
    width: 52px;
    top: 6.5px;
    left: 6.5px;
    -webkit-animation-delay: 600ms;
    animation-delay: 600ms;
    z-index: 4;
}

.semipolar-spinner .ring:nth-child(3) {
    height: 39px;
    width: 39px;
    top: 13px;
    left: 13px;
    -webkit-animation-delay: 400ms;
    animation-delay: 400ms;
    z-index: 3;
}

.semipolar-spinner .ring:nth-child(4) {
    height: 26px;
    width: 26px;
    top: 19.5px;
    left: 19.5px;
    -webkit-animation-delay: 200ms;
    animation-delay: 200ms;
    z-index: 2;
}

.semipolar-spinner .ring:nth-child(5) {
    height: 13px;
    width: 13px;
    top: 26px;
    left: 26px;
    -webkit-animation-delay: 0ms;
    animation-delay: 0ms;
    z-index: 1;
}

.preloader .l {
    color:  #f66fa6;
    opacity: 0;
    -webkit-animation: pass 2s ease-in-out infinite;
    animation: pass 2s ease-in-out infinite;
    -webkit-animation-delay: 0.2s;
    animation-delay: 0.2s;
    letter-spacing: 0.5em;
    text-shadow:  #f66fa6;
}

.preloader .o {
    color: #f66fa6;
    opacity: 0;
    -webkit-animation: pass 2s ease-in-out infinite;
    animation: pass 2s ease-in-out infinite;
    -webkit-animation-delay: 0.4s;
    animation-delay: 0.4s;
    letter-spacing: 0.5em;
    text-shadow: #f66fa6;
}

.preloader .a {
    color: #f66fa6;;
    opacity: 0;
    -webkit-animation: pass 2s ease-in-out infinite;
    animation: pass 2s ease-in-out infinite;
    -webkit-animation-delay: 0.6s;
    animation-delay: 0.6s;
    letter-spacing: 0.5em;
    text-shadow: #f66fa6;
}

.preloader .d {
    color:  #f66fa6;
    opacity: 0;
    -webkit-animation: pass 2s ease-in-out infinite;
    animation: pass 2s ease-in-out infinite;
    -webkit-animation-delay: 0.8s;
    animation-delay: 0.8s;
    letter-spacing: 0.5em;
    text-shadow:  #f66fa6;
}

.preloader .i {
    color:  #f66fa6;
    opacity: 0;
    -webkit-animation: pass 2s ease-in-out infinite;
    animation: pass 2s ease-in-out infinite;
    -webkit-animation-delay: 1s;
    animation-delay: 1s;
    letter-spacing: 0.5em;
    text-shadow:  #f66fa6;
}

.preloader .n {
    color:  #f66fa6;
    opacity: 0;
    -webkit-animation: pass 2s ease-in-out infinite;
    animation: pass 2s ease-in-out infinite;
    -webkit-animation-delay: 1.2s;
    animation-delay: 1.2s;
    letter-spacing: 0.5em;
    text-shadow:  #f66fa6;
}

.preloader .g {
    color:  #f66fa6;
    opacity: 0;
    -webkit-animation: pass 2s ease-in-out infinite;
    animation: pass 2s ease-in-out infinite;
    -webkit-animation-delay: 1.4s;
    animation-delay: 1.4s;
    letter-spacing: 0.5em;
    text-shadow: #f66fa6;
}

.preloader .d1 {
    color:  #f66fa6;
    opacity: 0;
    -webkit-animation: pass1 2s ease-in-out infinite;
    animation: pass1 2s ease-in-out infinite;
    -webkit-animation-delay: 1.6s;
    animation-delay: 1.6s;
    letter-spacing: 0.5em;
    text-shadow:  #f66fa6;
}

.preloader .d2 {
    color:  #f66fa6;
    opacity: 0;
    -webkit-animation: pass1 2s ease-in-out infinite;
    animation: pass1 2s ease-in-out infinite;
    -webkit-animation-delay: 2s;
    animation-delay: 2s;
    letter-spacing: 0.5em;
    text-shadow:  #f66fa6;
}

@-webkit-keyframes pass {
    0% {
        opacity: 1;
    }
    50% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

@keyframes pass {
    0% {
        opacity: 1;
    }
    50% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

@-webkit-keyframes pass1 {
    0% {
        opacity: 1;
    }
    50% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

@keyframes pass1 {
    0% {
        opacity: 1;
    }
    50% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

@-webkit-keyframes semipolar-spinner-animation {
    50% {
        -webkit-transform: rotate(360deg) scale(0.7);
        transform: rotate(360deg) scale(0.7);
    }
}

@keyframes semipolar-spinner-animation {
    50% {
        -webkit-transform: rotate(360deg) scale(0.7);
        transform: rotate(360deg) scale(0.7);
    }
}

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

/* 10. Common
/*----------------------------------------*/

.social.one {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 10px;
    margin-top: 20px;
    -webkit-transition: all 0.4s linear;
    -o-transition: all 0.4s linear;
    transition: all 0.4s linear;
}

.social.one a {
    width: 35px;
    height: 35px;
    background: -webkit-gradient( linear, left top, left bottom, from(#243949), to(#00151e));
    background: -o-linear-gradient(top, #243949 0%, #00151e 100%);
    background: linear-gradient(180deg, #243949 0%, #00151e 100%);
    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;
}

.social.one a i {
    font-size: 16px;
    -webkit-transition: all 0.1s linear;
    -o-transition: all 0.1s linear;
    transition: all 0.1s linear;
}

.social.one a:hover {
    -webkit-animation: pulse-small 0.8s;
    animation: pulse-small 0.8s;
}

.social.one a:hover i {
    color: var(--theme-1);
}

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

/* 11. Header
/*----------------------------------------*/

.header-area-1 {
    background: var(--common-body-1);
    height: 80px;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

@media only screen and (min-width: 992px) and (max-width: 1199px),
only screen and (min-width: 768px) and (max-width: 991px),
only screen and (min-width: 576px) and (max-width: 767px),
only screen and (min-width: 400px) and (max-width: 575px) {
    .header-area-1 {
        padding: 0 30px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px),
only screen and (min-width: 576px) and (max-width: 767px),
only screen and (min-width: 400px) and (max-width: 575px) {
    .header-area-1 {
        padding: 0;
    }
}

.header-area-1 .logo-area .logo {
    width: 250px;
}

.header-area-1 .logo-area .logo img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.header-area-1 .menu-area .main-menu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

@media only screen and (min-width: 992px) and (max-width: 1199px),
only screen and (min-width: 768px) and (max-width: 991px),
only screen and (min-width: 576px) and (max-width: 767px),
only screen and (min-width: 400px) and (max-width: 575px) {
    .header-area-1 .menu-area .main-menu {
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
    }
}

.header-area-1 .menu-area .main-menu nav {
    display: block;
}

.header-area-1 .menu-area .main-menu nav ul {
    list-style: none;
}

.header-area-1 .menu-area .main-menu nav ul li {
    display: inline-block;
    margin-right: 25px;
    position: relative;
}

.header-area-1 .menu-area .main-menu nav ul li a {
    color: var(--text-h);
    font-family: var(--ff-p);
    font-size: 16px;
    line-height: 20px;
    padding: 30px 0;
    display: inline-block;
    -webkit-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
    font-weight: 900;
}

.header-area-1 .menu-area .main-menu nav ul li a:hover {
    color: var(--theme-1);
}

.header-area-1 .menu-area .main-menu nav ul li.active a {
    color: var(--theme-1);
}

.header-area-1 .menu-area .main-menu nav ul li.has-dropdown a {
    padding-right: 14px;
}

.header-area-1 .menu-area .main-menu nav ul li.has-dropdown a::after {
    position: absolute;
    content: "\f107";
    right: -4px;
    top: 30px;
    font-size: 16px;
    color: var(--common-white);
    font-family: "Font Awesome 6 Pro";
}

.header-area-1 .menu-area .main-menu nav ul li.has-dropdown a:hover {
    color: var(--theme-1);
}

.header-area-1 .menu-area .main-menu nav ul li.has-dropdown a:hover::after {
    color: var(--theme-1);
}

.header-area-1 .menu-area .main-menu nav ul li.has-dropdown ul.sub-menu {
    position: absolute;
    left: 0;
    top: 115%;
    min-width: 200px;
    background-color: var(--common-white);
    opacity: 0;
    visibility: hidden;
    z-index: 99;
    -webkit-box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.16);
    box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.16);
    -webkit-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
}

.header-area-1 .menu-area .main-menu nav ul li.has-dropdown ul.sub-menu li {
    margin: 0;
    padding: 0;
    position: relative;
    width: 100%;
    display: block;
    -webkit-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
}

.header-area-1 .menu-area .main-menu nav ul li.has-dropdown ul.sub-menu li a {
    padding-right: 16px;
    position: relative;
    display: block;
    padding: 6px 25px;
    -webkit-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
    color: var(--text-h);
    text-transform: capitalize;
}

.header-area-1 .menu-area .main-menu nav ul li.has-dropdown ul.sub-menu li a::after {
    display: none;
}

.header-area-1 .menu-area .main-menu nav ul li.has-dropdown ul.sub-menu li:hover,
.header-area-1 .menu-area .main-menu nav ul li.has-dropdown ul.sub-menu li.active {
    background: var(--theme-1);
}

.header-area-1 .menu-area .main-menu nav ul li.has-dropdown ul.sub-menu li:hover a,
.header-area-1 .menu-area .main-menu nav ul li.has-dropdown ul.sub-menu li.active a {
    color: var(--common-white);
}

.header-area-1 .menu-area .main-menu nav ul li:hover ul.sub-menu {
    opacity: 1;
    visibility: visible;
    top: 100%;
}

.header-area-2 {
    background: var(--common-body-1);
}

.header-area-2 .header-top {
    width: 100%;
    padding: 10px 0;
    border-bottom: 1px solid var(--border-3);
}

.header-area-2 .header-top .left-wrapper,
.header-area-2 .header-top .right-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 25px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 100%;
}

.header-area-2 .header-top .left-wrapper .item,
.header-area-2 .header-top .right-wrapper .item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 6px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.header-area-2 .header-top .left-wrapper .item span,
.header-area-2 .header-top .right-wrapper .item span {
    font-size: 14px;
    line-height: initial;
}

.header-area-2 .header-top .left-wrapper .item.social,
.header-area-2 .header-top .right-wrapper .item.social {
    gap: 16px;
}

.header-area-2 .header-top .left-wrapper .item.social a,
.header-area-2 .header-top .right-wrapper .item.social a {
    font-size: 18px;
    -webkit-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
}

.header-area-2 .header-top .left-wrapper .item.social a:hover,
.header-area-2 .header-top .right-wrapper .item.social a:hover {
    color: var(--theme-1);
}

.header-area-2 .header-top .right-wrapper {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}

.header-area-2 .header-inner {
    background: var(--common-body-1);
    height: 80px;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

@media only screen and (min-width: 768px) and (max-width: 991px),
only screen and (min-width: 576px) and (max-width: 767px),
only screen and (min-width: 400px) and (max-width: 575px),
(max-width: 399px) {
    .header-area-2 .header-inner {
        height: 80px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }
}

.header-area-2 .header-inner .logo-area .logo {
    width: 200px;
}

.header-area-2 .header-inner .logo-area .logo img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.header-area-2 .header-inner .menu-area .main-menu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.header-area-2 .header-inner .menu-area .main-menu nav {
    display: block;
}

.header-area-2 .header-inner .menu-area .main-menu nav ul {
    list-style: none;
}

.header-area-2 .header-inner .menu-area .main-menu nav ul li {
    display: inline-block;
    margin-right: 25px;
    position: relative;
}

.header-area-2 .header-inner .menu-area .main-menu nav ul li a {
    color: var(--common-white);
    font-family: var(--ff-p);
    font-weight: var(--fw-600);
    font-size: 14px;
    line-height: 20px;
    padding: 30px 0;
    display: inline-block;
    -webkit-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
}

.header-area-2 .header-inner .menu-area .main-menu nav ul li a:hover {
    color: var(--theme-1);
}

.header-area-2 .header-inner .menu-area .main-menu nav ul li.active a {
    color: var(--theme-1);
}

.header-area-2 .header-inner .menu-area .main-menu nav ul li.has-dropdown a {
    padding-right: 14px;
}

.header-area-2 .header-inner .menu-area .main-menu nav ul li.has-dropdown a::after {
    position: absolute;
    content: "\f107";
    right: -4px;
    top: 30px;
    font-size: 16px;
    color: var(--common-white);
    font-family: "Font Awesome 6 Pro";
}

.header-area-2 .header-inner .menu-area .main-menu nav ul li.has-dropdown a:hover {
    color: var(--theme-1);
}

.header-area-2 .header-inner .menu-area .main-menu nav ul li.has-dropdown a:hover::after {
    color: var(--theme-1);
}

.header-area-2 .header-inner .menu-area .main-menu nav ul li.has-dropdown ul.sub-menu {
    position: absolute;
    left: 0;
    top: 115%;
    min-width: 200px;
    background-color: var(--common-white);
    opacity: 0;
    visibility: hidden;
    z-index: 99;
    -webkit-box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.16);
    box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.16);
    border-top: 4px solid var(--theme-1);
    -webkit-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
}

.header-area-2 .header-inner .menu-area .main-menu nav ul li.has-dropdown ul.sub-menu li {
    margin: 0;
    padding: 0;
    position: relative;
    width: 100%;
    display: block;
    -webkit-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
}

.header-area-2 .header-inner .menu-area .main-menu nav ul li.has-dropdown ul.sub-menu li a {
    padding-right: 16px;
    position: relative;
    display: block;
    padding: 6px 25px;
    -webkit-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
    color: var(--text-h);
    text-transform: capitalize;
}

.header-area-2 .header-inner .menu-area .main-menu nav ul li.has-dropdown ul.sub-menu li a::after {
    display: none;
}

.header-area-2 .header-inner .menu-area .main-menu nav ul li.has-dropdown ul.sub-menu li:hover a,
.header-area-2 .header-inner .menu-area .main-menu nav ul li.has-dropdown ul.sub-menu li.active a {
    color: var(--theme-1);
}

.header-area-2 .header-inner .menu-area .main-menu nav ul li:hover ul.sub-menu {
    opacity: 1;
    visibility: visible;
    top: 100%;
}

.header-area-2 .header-inner .trigger {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    gap: 20px;
}

.header-area-2 .header-inner .trigger span {
    padding: 5px;
    line-height: initial;
    cursor: pointer;
}

.header-area-2 .header-inner .trigger span i {
    font-size: 16px;
}

.header-area-2 .header-inner .trigger span:first-child {
    padding-left: 15px;
    border-left: 1px solid var(--border-3);
}

.header-area-2 .header-inner .trigger span:first-child i {
    font-size: 16px;
}

.header-area-3 {
    width: 100%;
    position: fixed;
    z-index: 99;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 80px;
    width: 100%;
}

.header-area-3 .logo-area .logo {
    width: 200px;
}

.header-area-3 .logo-area .logo img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.header-area-3 .menu-area {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    z-index: 99;
}

.header-area-3 .menu-area::after {
    position: absolute;
    content: "";
    background: url(../img/shape/13_shape.png);
    right: -110px;
    top: 0;
    z-index: 9;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: center;
}

@media only screen and (min-width: 992px) and (max-width: 1199px),
only screen and (min-width: 768px) and (max-width: 991px),
only screen and (min-width: 576px) and (max-width: 767px),
only screen and (min-width: 400px) and (max-width: 575px),
(max-width: 399px) {
    .header-area-3 .menu-area::after {
        right: -74px;
    }
}

.header-area-3 .menu-area .main-menu {
    z-index: 99;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: end;
    padding-right: 60px;
}

.header-area-3 .menu-area .main-menu nav {
    display: block;
}

.header-area-3 .menu-area .main-menu nav ul {
    list-style: none;
}

.header-area-3 .menu-area .main-menu nav ul li {
    display: inline-block;
    margin-right: 25px;
    position: relative;
}

.header-area-3 .menu-area .main-menu nav ul li a {
    color: var(--common-white);
    font-family: var(--ff-p);
    font-weight: var(--fw-600);
    font-size: 14px;
    line-height: 20px;
    padding: 30px 0;
    display: inline-block;
    -webkit-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
}

.header-area-3 .menu-area .main-menu nav ul li a:hover {
    color: var(--theme-1);
}

.header-area-3 .menu-area .main-menu nav ul li.active a {
    color: var(--theme-1);
}

.header-area-3 .menu-area .main-menu nav ul li.has-dropdown a {
    padding-right: 14px;
}

.header-area-3 .menu-area .main-menu nav ul li.has-dropdown a::after {
    position: absolute;
    content: "\f107";
    right: -4px;
    top: 30px;
    font-size: 16px;
    color: var(--common-white);
    font-family: "Font Awesome 6 Pro";
}

.header-area-3 .menu-area .main-menu nav ul li.has-dropdown a:hover {
    color: var(--theme-1);
}

.header-area-3 .menu-area .main-menu nav ul li.has-dropdown a:hover::after {
    color: var(--theme-1);
}

.header-area-3 .menu-area .main-menu nav ul li.has-dropdown ul.sub-menu {
    position: absolute;
    left: 0;
    top: 115%;
    min-width: 200px;
    background-color: var(--common-white);
    opacity: 0;
    padding: 15px 0;
    visibility: hidden;
    z-index: 99;
    -webkit-box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.16);
    box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.16);
    border-top: 4px solid var(--theme-1);
    -webkit-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
}

.header-area-3 .menu-area .main-menu nav ul li.has-dropdown ul.sub-menu li {
    margin: 0;
    padding: 0;
    position: relative;
    width: 100%;
    display: block;
    -webkit-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
}

.header-area-3 .menu-area .main-menu nav ul li.has-dropdown ul.sub-menu li a {
    padding-right: 16px;
    position: relative;
    display: block;
    padding: 6px 25px;
    -webkit-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
    color: var(--text-h);
    text-transform: capitalize;
}

.header-area-3 .menu-area .main-menu nav ul li.has-dropdown ul.sub-menu li a::after {
    display: none;
}

.header-area-3 .menu-area .main-menu nav ul li.has-dropdown ul.sub-menu li:hover a,
.header-area-3 .menu-area .main-menu nav ul li.has-dropdown ul.sub-menu li.active a {
    color: var(--theme-1);
}

.header-area-3 .menu-area .main-menu nav ul li:hover ul.sub-menu {
    opacity: 1;
    visibility: visible;
    top: 84%;
}

.header__sticky {
    position: fixed !important;
    height: 80px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    left: 0;
    margin: auto;
    top: 0;
    width: 100%;
    -webkit-box-shadow: 0 0 60px 0 rgba(0, 0, 0, 0.07);
    box-shadow: 0 0 60px 0 rgba(0, 0, 0, 0.07);
    z-index: 99;
    -webkit-box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.07);
    box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.07);
    -webkit-animation: sticky 1s;
    animation: sticky 1s;
    background: var(--common-body-1);
}

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

/* 12. Meanmenu
/*----------------------------------------*/

/* mean menu customize */

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

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

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

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

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

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

.mean-container .mean-nav ul li a:hover {
    color: var(--theme-1);
}

.mean-container .mean-nav ul li a.mean-expand {
    margin-top: 5px;
    padding: 0 !important;
    line-height: 14px;
    height: 30px;
    width: 30px;
    line-height: 30px;
    color: var(--common-white);
    line-height: 30px;
    top: 0;
    font-weight: 400;
}

.mean-container .mean-nav ul li a.mean-expand:hover {
    background: var(--theme-1);
    color: var(--common-white);
    border-color: #ebebeb;
}

.mean-container .mean-nav ul li.active a {
    color: var(--theme-1);
}

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

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

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

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

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

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

/* 13. Slider
/*----------------------------------------*/

.hero-slider.one .swiper .swiper-wrapper {
    position: relative;
}

.hero-slider.one .swiper .swiper-wrapper .item-slider {
    height: auto;
    position: relative;
    padding: 80px 0;
    background-image: linear-gradient(279deg, rgba(252, 102, 2, 0.39) 0%, rgb(255, 255, 255) 100%);
}

.hero-slider.one .swiper .swiper-wrapper .item-slider .slide-bg {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: 1;
    z-index: 0;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    -webkit-transition: all 10s cubic-bezier(0, 0, 0.2, 1);
    -o-transition: all 10s cubic-bezier(0, 0, 0.2, 1);
    transition: all 10s cubic-bezier(0, 0, 0.2, 1);
    mix-blend-mode: multiply;
}

.hero-slider.one .swiper .swiper-wrapper .item-slider .slide-bg::after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    /*background: rgba(0, 0, 0, 0.48);*/
    z-index: 9;
}

.hero-slider.one .swiper .swiper-wrapper .item-slider .slider-content-inner {
    position: relative;
    z-index: 9;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    height: 100%;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .hero-slider.one .swiper .swiper-wrapper .item-slider .slider-content-inner {
        padding: 0 140px;
        text-align: center;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .hero-slider.one .swiper .swiper-wrapper .item-slider .slider-content-inner {
        padding: 0 80px;
        text-align: center;
    }
}

@media only screen and (min-width: 576px) and (max-width: 767px),
only screen and (min-width: 400px) and (max-width: 575px),
(max-width: 399px) {
    .hero-slider.one .swiper .swiper-wrapper .item-slider .slider-content-inner {
        padding: 0;
        text-align: center;
    }
}

.hero-slider.one .swiper .swiper-wrapper .item-slider .slider-content-inner .slider-title {
    font-size: var(--fz-h2);
    text-transform: capitalize;
    font-weight: var(--fw-800);
}

@media only screen and (min-width: 400px) and (max-width: 575px),
(max-width: 399px) {
    .hero-slider.one .swiper .swiper-wrapper .item-slider .slider-content-inner .slider-title {
        font-size: 30px;
        line-height: 40px;
    }
}

.hero-slider.one .swiper .swiper-wrapper .item-slider .slider-content-inner .description {
    margin-top: 20px;
}

.hero-slider.one .swiper .swiper-wrapper .item-slider .slider-content-inner .inner-btn {
    margin-top: 20px;
}

.hero-slider.one .swiper .swiper-wrapper .item-slider .slider-content-inner-right {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    position: relative;
    z-index: 10;
    width: 100%;
    height: 435px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px),
only screen and (min-width: 768px) and (max-width: 991px),
only screen and (min-width: 576px) and (max-width: 767px),
only screen and (min-width: 400px) and (max-width: 575px),
(max-width: 399px) {
    .hero-slider.one .swiper .swiper-wrapper .item-slider .slider-content-inner-right {
        display: none;
    }
}

.hero-slider.one .swiper .swiper-wrapper .item-slider .slider-content-inner-right .img-wrapper {
    position: relative;
    z-index: 9;
    height: 100%;
    overflow: hidden;
}

.hero-slider.one .swiper .swiper-wrapper .item-slider .slider-content-inner-right .img-wrapper img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.hero-slider.one .swiper .swiper-wrapper .item-slider.swiper-slide-active .slide-bg {
    -webkit-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
}

.hero-slider.one .swiper .swiper-wrapper .item-slider.swiper-slide-active .slider-content-inner .slider-title {
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-name: heroSliderAnimation;
    animation-name: heroSliderAnimation;
    -webkit-animation-delay: 0.5s;
    animation-delay: 0.5s;
    -webkit-animation-duration: 0.5s;
    animation-duration: 0.5s;
}

.hero-slider.one .swiper .swiper-wrapper .item-slider.swiper-slide-active .slider-content-inner .description {
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-name: heroSliderAnimation;
    animation-name: heroSliderAnimation;
    -webkit-animation-delay: 0.8s;
    animation-delay: 0.8s;
    -webkit-animation-duration: 0.5s;
    animation-duration: 0.5s;
}

.hero-slider.one .swiper .swiper-wrapper .item-slider.swiper-slide-active .slider-content-inner .inner-btn {
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-name: heroSliderAnimation;
    animation-name: heroSliderAnimation;
    -webkit-animation-delay: 1s;
    animation-delay: 1s;
    -webkit-animation-duration: 0.5s;
    animation-duration: 0.5s;
}

.hero-slider.one .swiper .swiper-wrapper .item-slider.swiper-slide-active .slider-content-inner-right .img-wrapper {
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-name: heroSliderAnimation;
    animation-name: heroSliderAnimation;
    -webkit-animation-delay: 0.8s;
    animation-delay: 0.8s;
    -webkit-animation-duration: 0.6s;
    animation-duration: 0.6s;
}

.hero-slider.one .swiper .shape-image .inner-shape-1 {
    z-index: 9;
    top: 50px;
    left: 10px;
}

.hero-slider.one .swiper .shape-image .inner-shape-1 img {
    width: 60px;
}

@media only screen and (min-width: 576px) and (max-width: 767px),
only screen and (min-width: 400px) and (max-width: 575px),
(max-width: 399px) {
    .hero-slider.one .swiper .shape-image .inner-shape-1 {
        display: none;
    }
}

.hero-slider.one .swiper .shape-image .inner-shape-2 {
    z-index: 9;
    top: 40px;
    left: 550px;
    -webkit-animation: rotate-in-center 12s linear 0s infinite reverse backwards;
    animation: rotate-in-center 12s linear 0s infinite reverse backwards;
}

.hero-slider.one .swiper .shape-image .inner-shape-2 img {
    width: 40px;
}

.hero-slider.one .swiper .shape-image .inner-shape-3 {
    z-index: 9;
    top: 70px;
    left: 710px;
    -webkit-animation: scale-down-center 5s linear infinite alternate-reverse both;
    animation: scale-down-center 5s linear infinite alternate-reverse both;
}

.hero-slider.one .swiper .shape-image .inner-shape-3 img {
    width: 50px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px),
only screen and (min-width: 768px) and (max-width: 991px),
only screen and (min-width: 576px) and (max-width: 767px),
only screen and (min-width: 400px) and (max-width: 575px),
(max-width: 399px) {
    .hero-slider.one .swiper .shape-image .inner-shape-3 {
        top: 19px;
        left: 740px;
    }
}

.hero-slider.one .swiper .shape-image .inner-shape-4 {
    z-index: 9;
    bottom: 74px;
    left: 104px;
    -webkit-animation: rotate-in-center 16s linear 0.4s infinite reverse backwards;
    animation: rotate-in-center 16s linear 0.4s infinite reverse backwards;
}

.hero-slider.one .swiper .shape-image .inner-shape-4 img {
    width: 20px;
}

@media only screen and (min-width: 400px) and (max-width: 575px),
(max-width: 399px) {
    .hero-slider.one .swiper .shape-image .inner-shape-4 {
        left: 50px;
    }
}

.hero-slider.one .swiper .shape-image .inner-shape-5 {
    z-index: 9;
    bottom: 74px;
    left: 54%;
    -webkit-animation: rotate-in-center 12s linear 0s infinite reverse backwards;
    animation: rotate-in-center 12s linear 0s infinite reverse backwards;
}

.hero-slider.one .swiper .shape-image .inner-shape-5 img {
    width: 40px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px),
only screen and (min-width: 768px) and (max-width: 991px),
only screen and (min-width: 576px) and (max-width: 767px),
only screen and (min-width: 400px) and (max-width: 575px),
(max-width: 399px) {
    .hero-slider.one .swiper .shape-image .inner-shape-5 {
        display: none;
    }
}

.hero-slider.one .swiper .shape-image .inner-shape-6 {
    z-index: 9;
    bottom: 100px;
    left: 36%;
}

.hero-slider.one .swiper .shape-image .inner-shape-6 img {
    width: 50px;
}

@media only screen and (min-width: 768px) and (max-width: 991px),
only screen and (min-width: 576px) and (max-width: 767px),
only screen and (min-width: 400px) and (max-width: 575px),
(max-width: 399px) {
    .hero-slider.one .swiper .shape-image .inner-shape-6 {
        bottom: 45px;
        left: 23%;
    }
}

@media only screen and (min-width: 576px) and (max-width: 767px),
only screen and (min-width: 400px) and (max-width: 575px),
(max-width: 399px) {
    .hero-slider.one .swiper .shape-image .inner-shape-6 {
        bottom: 35px;
        right: 20%;
        left: auto;
    }
}

.hero-slider.one .swiper .shape-image .inner-shape-7 {
    z-index: 9;
    right: 9%;
    top: 10%;
    -webkit-animation: slide-right 10s linear 0.3s infinite alternate-reverse both;
    animation: slide-right 10s linear 0.3s infinite alternate-reverse both;
}

.hero-slider.one .swiper .shape-image .inner-shape-7 img {
    width: 15px;
}

.hero-slider.one .swiper .shape-image .inner-shape-8 {
    z-index: 9;
    right: 3%;
    bottom: 18%;
    -webkit-animation: slide-top 12s linear 0.6s infinite alternate-reverse both;
    animation: slide-top 12s linear 0.6s infinite alternate-reverse both;
}

.hero-slider.one .swiper .shape-image .inner-shape-8 img {
    width: 45px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px),
only screen and (min-width: 768px) and (max-width: 991px) {
    .hero-slider.one .swiper .shape-image .inner-shape-8 {
        -webkit-animation: none;
        animation: none;
    }
}

@media only screen and (min-width: 576px) and (max-width: 767px),
only screen and (min-width: 400px) and (max-width: 575px),
(max-width: 399px) {
    .hero-slider.one .swiper .shape-image .inner-shape-8 {
        display: none;
    }
}

.hero-slider.one .swiper .shape-image .inner-shape-9 {
    z-index: 9;
    right: 10%;
    bottom: 15%;
    -webkit-animation: slide-right 15s linear 1s infinite alternate-reverse both;
    animation: slide-right 15s linear 1s infinite alternate-reverse both;
}

.hero-slider.one .swiper .shape-image .inner-shape-9 img {
    width: 15px;
}

.hero-slider.two .swiper .swiper-wrapper {
    position: relative;
    z-index: 9;
    height: 700px;
}

.hero-slider.two .swiper .swiper-wrapper .item-slider {
    height: auto;
    position: relative;
    padding: 80px 0;
    padding-top: 200px;
}

.hero-slider.two .swiper .swiper-wrapper .item-slider .slide-bg {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: 1;
    z-index: 0;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    -webkit-transition: all 10s cubic-bezier(0, 0, 0.2, 1);
    -o-transition: all 10s cubic-bezier(0, 0, 0.2, 1);
    transition: all 10s cubic-bezier(0, 0, 0.2, 1);
    mix-blend-mode: multiply;
}

.hero-slider.two .swiper .swiper-wrapper .item-slider .slide-bg::after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.48);
    z-index: 9;
}

.hero-slider.two .swiper .swiper-wrapper .item-slider .slider-content-inner {
    position: relative;
    z-index: 9;
    width: 100%;
    height: 100%;
}

.hero-slider.two .swiper .swiper-wrapper .item-slider .slider-content-inner .sub-title {
    font-size: 20px;
    color: var(--theme-1);
}

.hero-slider.two .swiper .swiper-wrapper .item-slider .slider-content-inner .slider-title {
    font-size: 46px;
    text-transform: capitalize;
    font-weight: var(--fw-800);
}

@media only screen and (min-width: 400px) and (max-width: 575px),
(max-width: 399px) {
    .hero-slider.two .swiper .swiper-wrapper .item-slider .slider-content-inner .slider-title {
        font-size: 30px;
    }
}

.hero-slider.two .swiper .swiper-wrapper .item-slider .slider-content-inner .description {
    margin-top: 20px;
}

.hero-slider.two .swiper .swiper-wrapper .item-slider .slider-content-inner .inner-btn {
    margin-top: 20px;
}

.hero-slider.two .swiper .swiper-wrapper .item-slider .slider-content-inner.middle {
    max-width: 750px;
    margin: auto;
    text-align: center;
}

.hero-slider.two .swiper .swiper-wrapper .item-slider .slider-content-inner-right {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    position: relative;
    z-index: 10;
    width: 100%;
    height: 435px;
}

.hero-slider.two .swiper .swiper-wrapper .item-slider .slider-content-inner-right .img-wrapper {
    position: relative;
    z-index: 9;
    height: 100%;
    overflow: hidden;
}

@media only screen and (min-width: 768px) and (max-width: 991px),
only screen and (min-width: 576px) and (max-width: 767px),
only screen and (min-width: 400px) and (max-width: 575px),
(max-width: 399px) {
    .hero-slider.two .swiper .swiper-wrapper .item-slider .slider-content-inner-right .img-wrapper {
        display: none;
    }
}

.hero-slider.two .swiper .swiper-wrapper .item-slider .slider-content-inner-right .img-wrapper img {
    width: 100%;
    height: auto;
    -o-object-fit: cover;
    object-fit: cover;
}

@media only screen and (min-width: 992px) and (max-width: 1199px),
only screen and (min-width: 768px) and (max-width: 991px),
only screen and (min-width: 576px) and (max-width: 767px),
only screen and (min-width: 400px) and (max-width: 575px),
(max-width: 399px) {
    .hero-slider.two .swiper .swiper-wrapper .item-slider .slider-content-inner-right .img-wrapper img {
        height: auto;
    }
}

.hero-slider.two .swiper .swiper-wrapper .item-slider.swiper-slide-active .slide-bg {
    -webkit-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
}

.hero-slider.two .swiper .swiper-wrapper .item-slider.swiper-slide-active .slider-content-inner .sub-title {
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-name: heroSliderAnimation;
    animation-name: heroSliderAnimation;
    -webkit-animation-delay: 0.5s;
    animation-delay: 0.5s;
    -webkit-animation-duration: 0.5s;
    animation-duration: 0.5s;
}

.hero-slider.two .swiper .swiper-wrapper .item-slider.swiper-slide-active .slider-content-inner .slider-title {
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-name: heroSliderAnimation;
    animation-name: heroSliderAnimation;
    -webkit-animation-delay: 0.8s;
    animation-delay: 0.8s;
    -webkit-animation-duration: 0.8s;
    animation-duration: 0.8s;
}

.hero-slider.two .swiper .swiper-wrapper .item-slider.swiper-slide-active .slider-content-inner .description {
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-name: heroSliderAnimation;
    animation-name: heroSliderAnimation;
    -webkit-animation-delay: 1.2s;
    animation-delay: 1.2s;
    -webkit-animation-duration: 1.2s;
    animation-duration: 1.2s;
}

.hero-slider.two .swiper .swiper-wrapper .item-slider.swiper-slide-active .slider-content-inner .inner-btn {
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-name: heroSliderAnimation;
    animation-name: heroSliderAnimation;
    -webkit-animation-delay: 1.6s;
    animation-delay: 1.6s;
    -webkit-animation-duration: 1.6s;
    animation-duration: 1.6s;
}

.hero-slider.two .swiper .swiper-wrapper .item-slider.swiper-slide-active .slider-content-inner-right .img-wrapper {
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-name: heroSliderAnimation;
    animation-name: heroSliderAnimation;
    -webkit-animation-delay: 0.8s;
    animation-delay: 0.8s;
    -webkit-animation-duration: 0.8s;
    animation-duration: 0.8s;
}

.hero-slider.two .swiper .shape-image .inner-shape-1 {
    z-index: 9;
    bottom: 30px;
    left: 10px;
    -webkit-animation: slide-top 10s linear 0.3s infinite alternate-reverse both;
    animation: slide-top 10s linear 0.3s infinite alternate-reverse both;
}

.hero-slider.two .swiper .shape-image .inner-shape-1 img {
    width: 60px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px),
only screen and (min-width: 768px) and (max-width: 991px),
only screen and (min-width: 576px) and (max-width: 767px),
only screen and (min-width: 400px) and (max-width: 575px),
(max-width: 399px) {
    .hero-slider.two .swiper .shape-image .inner-shape-1 {
        display: none;
    }
}

.hero-slider.two .swiper .shape-image .inner-shape-2 {
    z-index: 9;
    top: 152px;
    left: 490px;
    -webkit-animation: rotate-in-center 12s linear 0s infinite reverse backwards;
    animation: rotate-in-center 12s linear 0s infinite reverse backwards;
}

.hero-slider.two .swiper .shape-image .inner-shape-2 img {
    width: 40px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px),
only screen and (min-width: 768px) and (max-width: 991px),
only screen and (min-width: 576px) and (max-width: 767px),
only screen and (min-width: 400px) and (max-width: 575px),
(max-width: 399px) {
    .hero-slider.two .swiper .shape-image .inner-shape-2 {
        top: 130px;
        left: 70px;
    }
}

.hero-slider.two .swiper .shape-image .inner-shape-3 {
    z-index: 9;
    top: 109px;
    right: 431px;
    -webkit-animation: rotate-in-center 12s linear 0s infinite backwards;
    animation: rotate-in-center 12s linear 0s infinite reverse;
}

.hero-slider.two .swiper .shape-image .inner-shape-3 img {
    width: 50px;
}

@media only screen and (min-width: 768px) and (max-width: 991px),
only screen and (min-width: 576px) and (max-width: 767px) {
    .hero-slider.two .swiper .shape-image .inner-shape-3 {
        top: 94px;
        right: 220px;
    }
}

@media only screen and (min-width: 400px) and (max-width: 575px),
(max-width: 399px) {
    .hero-slider.two .swiper .shape-image .inner-shape-3 {
        right: 80px;
    }
}

.hero-slider.two .swiper .shape-image .inner-shape-4 {
    z-index: 9;
    bottom: 23px;
    left: 247px;
}

.hero-slider.two .swiper .shape-image .inner-shape-4 img {
    width: 150px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .hero-slider.two .swiper .shape-image .inner-shape-4 {
        bottom: -24px;
        left: 0;
    }
}

@media only screen and (min-width: 576px) and (max-width: 767px),
only screen and (min-width: 400px) and (max-width: 575px),
(max-width: 399px) {
    .hero-slider.two .swiper .shape-image .inner-shape-4 {
        display: none;
    }
}

.hero-slider.two .swiper .shape-image .inner-shape-5 {
    z-index: 9;
    bottom: 40px;
    left: 54%;
    -webkit-animation: rotate-in-center 12s linear 0s infinite reverse backwards;
    animation: rotate-in-center 12s linear 0s infinite reverse backwards;
}

.hero-slider.two .swiper .shape-image .inner-shape-5 img {
    width: 40px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .hero-slider.two .swiper .shape-image .inner-shape-5 {
        bottom: 36px;
        left: 65%;
    }
}

@media only screen and (min-width: 576px) and (max-width: 767px),
only screen and (min-width: 400px) and (max-width: 575px),
(max-width: 399px) {
    .hero-slider.two .swiper .shape-image .inner-shape-5 {
        display: none;
    }
}

.hero-slider.two .swiper .shape-image .inner-shape-6 {
    z-index: 9;
    bottom: 60px;
    left: 36%;
    -webkit-animation: slide-right 10s linear 0.3s infinite alternate-reverse both;
    animation: slide-right 10s linear 0.3s infinite alternate-reverse both;
}

.hero-slider.two .swiper .shape-image .inner-shape-6 img {
    width: 30px;
}

@media only screen and (min-width: 576px) and (max-width: 767px),
only screen and (min-width: 400px) and (max-width: 575px),
(max-width: 399px) {
    .hero-slider.two .swiper .shape-image .inner-shape-6 {
        display: none;
    }
}

.hero-slider.two .swiper .shape-image .inner-shape-7 {
    z-index: 9;
    right: 9%;
    top: 20%;
    -webkit-animation: slide-right 10s linear 0.3s infinite alternate-reverse both;
    animation: slide-right 10s linear 0.3s infinite alternate-reverse both;
}

.hero-slider.two .swiper .shape-image .inner-shape-7 img {
    width: 60px;
}

.hero-slider.two .swiper .shape-image .inner-shape-8 {
    z-index: 9;
    right: 3%;
    bottom: 18%;
    -webkit-animation: slide-top 12s linear 0.6s infinite alternate-reverse both;
    animation: slide-top 12s linear 0.6s infinite alternate-reverse both;
}

.hero-slider.two .swiper .shape-image .inner-shape-8 img {
    width: 45px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px),
only screen and (min-width: 768px) and (max-width: 991px),
only screen and (min-width: 576px) and (max-width: 767px),
only screen and (min-width: 400px) and (max-width: 575px),
(max-width: 399px) {
    .hero-slider.two .swiper .shape-image .inner-shape-8 {
        display: none;
    }
}

.hero-slider.two .swiper .shape-image .inner-shape-9 {
    z-index: 9;
    right: 10%;
    bottom: 15%;
    -webkit-animation: slide-right 15s linear 1s infinite alternate-reverse both;
    animation: slide-right 15s linear 1s infinite alternate-reverse both;
}

.hero-slider.two .swiper .shape-image .inner-shape-9 img {
    width: 15px;
}

.hero-section {
    background: var(--common-body-1);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 120px 0;
    position: relative;
    overflow: hidden;
    z-index: 9;
}

.hero-section::after {
    position: absolute;
    content: "";
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.3607843137);
    z-index: -1;
}

.hero-section .wrapper {
    z-index: 9;
    position: relative;
    text-align: center;
    max-width: 600px;
    margin: 0 auto;
}

.hero-section .wrapper h3 {
    font-size: 22px;
    line-height: 32px;
    color: var(--theme-1);
}

.hero-section .wrapper h2 {
    margin-top: 20px;
    font-size: 50px;
    line-height: 1.2;
    text-transform: capitalize;
    font-weight: var(--fw-800);
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
    .hero-section .wrapper h2 {
        font-size: 45px;
    }
}

@media only screen and (min-width: 400px) and (max-width: 575px),
(max-width: 399px) {
    .hero-section .wrapper h2 {
        font-size: 40px;
    }
}

.hero-section .wrapper p {
    margin-top: 20px;
    font-size: 16px;
}

.hero-section .wrapper .inner-btn {
    margin-top: 20px;
}

.hero-section .shape-img .shape-1 {
    left: 35%;
    top: 36px;
    width: 30px;
    z-index: 0;
    animation: animationFramesOne 55s linear infinite reverse;
    -webkit-animation: animationFramesOne 55s linear infinite reverse;
}

.hero-section .shape-img .shape-2 {
    left: 50%;
    top: 36px;
    width: 20px;
    z-index: 0;
    animation: animationFramesOne 55s linear infinite;
    -webkit-animation: animationFramesOne 55s linear infinite;
}

.hero-section .shape-img .shape-3 {
    right: 30%;
    top: 86px;
    width: 20px;
    z-index: 0;
    -webkit-animation: rotate-in-center 12s linear 0s infinite reverse backwards;
    animation: rotate-in-center 12s linear 0s infinite reverse backwards;
}

@media only screen and (min-width: 768px) and (max-width: 991px),
only screen and (min-width: 576px) and (max-width: 767px),
only screen and (min-width: 400px) and (max-width: 575px),
(max-width: 399px) {
    .hero-section .shape-img .shape-3 {
        left: 12%;
        top: 28px;
    }
}

.hero-section .shape-img .shape-4 {
    right: 30%;
    top: 50%;
    width: 60px;
    z-index: 0;
    animation: animationFramesOne 30s linear infinite;
    -webkit-animation: animationFramesOne 30s linear infinite;
}

.hero-section .shape-img .shape-5 {
    left: 30%;
    top: 50%;
    width: 30px;
    z-index: 0;
    animation: animationFramesOne 30s linear infinite reverse backwards;
    -webkit-animation: animationFramesOne 30s linear infinite reverse backwards;
}

.hero-section .shape-img .shape-6 {
    left: 30%;
    bottom: 8%;
    width: 30px;
    z-index: 0;
    animation: slide-right 15s linear 1s infinite alternate-reverse both;
}

.hero-section .shape-img .shape-7 {
    left: 0;
    bottom: 1%;
    width: 190px;
    z-index: 0;
}

.hero-section .shape-img .shape-8 {
    right: 110px;
    bottom: 6%;
    width: 100px;
    z-index: 0;
    -webkit-animation: trigger 6s linear infinite;
    animation: trigger 6s linear infinite;
}

@media only screen and (min-width: 576px) and (max-width: 767px),
only screen and (min-width: 400px) and (max-width: 575px),
(max-width: 399px) {
    .hero-section .shape-img .shape-8 {
        right: 3px;
        bottom: 20px;
        width: 75px;
    }
}

.hero-section .shape-img .shape-9 {
    right: 16%;
    top: 6%;
    width: 55px;
    z-index: 0;
    -webkit-animation: trigger 6s linear infinite;
    animation: trigger 6s linear infinite;
}

.hero-section .shape-img .shape-10 {
    right: 17%;
    top: 19%;
    width: 41px;
    z-index: 0;
    -webkit-animation: trigger 6s linear infinite;
    animation: trigger 6s linear infinite;
}

.hero-section .shape-img .shape-11 {
    left: 199px;
    bottom: 28%;
    width: 45px;
    z-index: 0;
    -webkit-animation: trigger 6s linear infinite;
    animation: trigger 6s linear infinite;
}

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

/* 14. Services
/*----------------------------------------*/

.service-section {
    /*background: var(--common-body-1);*/
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 100px 0;
    min-height: auto;
}

.service-section.one {
    position: relative;
    z-index: 9;
    overflow: hidden;
}

.service-section.one .section-title-shape-one {
    margin-bottom: 60px;
}

.service-section.one .section-wrapper {
    position: relative;
    margin-bottom: 30px;
    -webkit-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
    z-index: 9;
}

.service-section.one .section-wrapper .wrapper-inner {
    background: var(--common-white);
    padding: 25px 20px;
    border-radius: 8px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    gap: 15px;
}

@media(max-width: 768px){
    .service-section.one .section-wrapper .wrapper-inner{
        justify-content: center;
    }
}

.service-section.one .section-wrapper .wrapper-inner .img-file {
    width: 60px;
    height: 60px;
    overflow: hidden;
}

.service-section.one .section-wrapper .wrapper-inner .img-file img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.service-section.one .section-wrapper .wrapper-inner .text-file {
    width: 80%;
}

.service-section.one .section-wrapper .wrapper-inner .text-file h3 {
    font-size: 18px;
    font-weight: var(--fw-800);
    line-height: 1.2;
    color: var(--text-h);
    -webkit-transition: all 0.1s linear !important;
    -o-transition: all 0.1s linear !important;
    transition: all 0.1s linear !important;
}

.service-section.one .section-wrapper .wrapper-inner .text-file h3:hover {
    color: var(--theme-1);
}

.service-section.one .section-wrapper .wrapper-inner .text-file p {
    font-size: 15px;
    color: var(--text-p-1);
    margin: 0;
}

.service-section.one .section-wrapper:hover {
    border-radius: 5px;
    -webkit-animation: pulse 1.5s;
    animation: pulse 1.5s;
}

.service-section.one .inner-btn {
    margin-top: 15px;
}

.service-section.one .shape-image .shape-1 {
    top: 24px;
    left: 0;
    z-index: -1;
}

.service-section.one .shape-image .shape-1 img {
    width: 140px;
}

.service-section.one .shape-image .shape-2 {
    top: 8%;
    right: 20%;
    z-index: -1;
    animation: animationFramesOne 25s linear infinite;
    -webkit-animation: animationFramesOne 25s linear infinite;
}

.service-section.one .shape-image .shape-2 img {
    width: 50px;
}

.service-section.one .shape-image .shape-3 {
    top: 8%;
    left: 20%;
    z-index: -1;
    animation: animationFramesOne 35s linear infinite;
    -webkit-animation: animationFramesOne 35s linear infinite;
}

.service-section.one .shape-image .shape-3 img {
    width: 20px;
}

.service-section.one .shape-image .shape-4 {
    bottom: 15%;
    left: 20%;
    z-index: -1;
    animation: animationFramesOne 35s linear infinite;
    -webkit-animation: animationFramesOne 35s linear infinite;
}

.service-section.one .shape-image .shape-4 img {
    width: 50px;
}

.service-section.one .shape-image .shape-5 {
    bottom: 26%;
    right: 15px;
    z-index: -1;
    -webkit-animation: slide-top 10s linear 0.3s infinite alternate-reverse both;
    animation: slide-top 10s linear 0.3s infinite alternate-reverse both;
}

.service-section.one .shape-image .shape-5 img {
    width: 80px;
}

@media only screen and (min-width: 768px) and (max-width: 991px),
only screen and (min-width: 576px) and (max-width: 767px),
only screen and (min-width: 400px) and (max-width: 575px),
(max-width: 399px) {
    .service-section.one .shape-image .shape-5 {
        bottom: 2%;
    }
}

.service-section.one .shape-image .shape-6 {
    top: 10%;
    left: 15px;
    z-index: -1;
    animation: animationFramesOne 45s linear 0.5s infinite;
    -webkit-animation: animationFramesOne 45s linear 0.5s infinite;
}

.service-section.one .shape-image .shape-6 img {
    width: 40px;
}

.service-section.one .shape-image .shape-7 {
    bottom: 20%;
    left: 39px;
    z-index: -1;
}

.service-section.one .shape-image .shape-7 img {
    width: auto;
}

@media only screen and (min-width: 768px) and (max-width: 991px),
only screen and (min-width: 576px) and (max-width: 767px),
only screen and (min-width: 400px) and (max-width: 575px),
(max-width: 399px) {
    .service-section.one .shape-image .shape-7 {
        bottom: 7%;
        left: 10px;
    }
}

.service-section.one.single-row {
    overflow: hidden;
    background-image: none !important;
}

.service-section.one.single-row .shape-image-file .shape-img-1 {
    left: -12px;
    top: 8%;
    z-index: -1;
}

@media only screen and (min-width: 992px) and (max-width: 1199px),
only screen and (min-width: 768px) and (max-width: 991px),
only screen and (min-width: 576px) and (max-width: 767px),
only screen and (min-width: 400px) and (max-width: 575px),
(max-width: 399px) {
    .service-section.one.single-row .shape-image-file .shape-img-1 {
        top: 0;
    }
}

.service-section.one.single-row .shape-image-file .shape-img-1 img {
    width: 60px;
}

.service-section.one.single-row .shape-image-file .shape-img-2 {
    top: -24px;
    right: -28px;
    z-index: -1;
}

.service-section.one.single-row .shape-image-file .shape-img-2 img {
    width: 100px;
}

.service-section.one.single-row .shape-image-file .shape-img-3 {
    top: 13%;
    right: 14%;
    z-index: -1;
    -webkit-animation: scale-down-center 15s linear infinite alternate-reverse both;
    animation: scale-down-center 15s linear infinite alternate-reverse both;
}

.service-section.one.single-row .shape-image-file .shape-img-3 img {
    width: 120px;
}

.service-section.one.single-row .shape-image-file .shape-img-4 {
    bottom: 21%;
    right: 20px;
    z-index: -1;
    -webkit-animation: slide-top 10s linear 0.3s infinite alternate-reverse both;
    animation: slide-top 10s linear 0.3s infinite alternate-reverse both;
}

.service-section.one.single-row .shape-image-file .shape-img-4 img {
    width: 40px;
}

.service-section.one.single-row .shape-image-file .shape-img-5 {
    bottom: 40px;
    left: -28px;
    z-index: -1;
}

.service-section.one.single-row .shape-image-file .shape-img-5 img {
    width: 200px;
}

.service-section.one.single-row .shape-image-file .shape-img-6 {
    top: 74px;
    right: 42%;
    z-index: -1;
    animation: animationFramesOne 45s linear infinite reverse;
    -webkit-animation: animationFramesOne 45s linear infinite reverse;
}

.service-section.one.single-row .shape-image-file .shape-img-6 img {
    width: 30px;
}

.service-section.one.single-row .shape-image-file .shape-img-7 {
    top: 74px;
    right: 42%;
    z-index: -1;
    animation: animationFramesOne 55s linear infinite;
    -webkit-animation: animationFramesOne 55s linear infinite;
}

.service-section.one.single-row .shape-image-file .shape-img-7 img {
    width: 25px;
}

.service-section.one.single-row .shape-image-file .shape-img-8 {
    top: 26px;
    right: 54%;
    z-index: -1;
}

.service-section.one.single-row .shape-image-file .shape-img-8 img {
    width: 200px;
}

.service-section.two {
    background: var(--common-body-2);
    z-index: 9;
    overflow: hidden;
    padding: 120px 0;
    min-height: auto;
    position: relative;
}

.service-section.two .section-title-shape-one {
    margin-bottom: 60px;
}

.service-section.two .section-wrapper {
    margin-bottom: 30px;
    overflow: hidden;
}

.service-section.two .section-wrapper .wrapper-inner {
    background: var(--common-body-1);
    padding: 30px 25px;
    border-radius: 5px;
    text-align: center;
    position: relative;
    -webkit-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
}

.service-section.two .section-wrapper .wrapper-inner .img-file {
    width: 80px;
    height: 80px;
    overflow: hidden;
    margin: auto;
}

.service-section.two .section-wrapper .wrapper-inner .img-file img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -webkit-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
}

.service-section.two .section-wrapper .wrapper-inner .text-file {
    margin: auto;
}

.service-section.two .section-wrapper .wrapper-inner .text-file h3 {
    margin-top: 20px;
    font-size: 20px;
    font-weight: var(--fw-800);
    line-height: 1.2;
    color: var(--common-white);
    -webkit-transition: all 0.1s linear !important;
    -o-transition: all 0.1s linear !important;
    transition: all 0.1s linear !important;
}

.service-section.two .section-wrapper .wrapper-inner .text-file h3:hover {
    color: var(--theme-1);
}

.service-section.two .section-wrapper .wrapper-inner .text-file p {
    font-size: 15px;
    color: var(--text-p-2);
    margin: 0;
}

.service-section.two .section-wrapper .wrapper-inner:hover {
    -webkit-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    transform: translateY(-10px);
}

.service-section.two .section-wrapper .wrapper-inner:hover .img-file img {
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg);
}

.service-section.two .inner-btn {
    margin-top: 20px;
}

.service-section.two .shape-img .shape-1 {
    left: 4px;
    top: -2px;
    width: 100px;
    z-index: -1;
}

.service-section.two .shape-img .shape-2 {
    right: 40px;
    top: 24px;
    width: 50px;
    z-index: -1;
}

.service-section.two .shape-img .shape-3 {
    right: 230px;
    bottom: 80px;
    width: 21px;
    z-index: -1;
    -webkit-animation: trigger 6s linear infinite;
    animation: trigger 6s linear infinite;
}

.service-section.two .shape-img .shape-5 {
    right: 570px;
    top: 24px;
    width: 34px;
    z-index: -1;
    animation: animationFramesOne 30s linear infinite reverse backwards;
    -webkit-animation: animationFramesOne 30s linear infinite reverse backwards;
}

.service-section.two .shape-img .shape-6 {
    left: 342px;
    top: 184px;
    width: 20px;
    z-index: -1;
    animation: trigger 6s linear infinite reverse;
}

@media only screen and (min-width: 768px) and (max-width: 991px),
only screen and (min-width: 576px) and (max-width: 767px),
only screen and (min-width: 400px) and (max-width: 575px),
(max-width: 399px) {
    .service-section.two .shape-img .shape-6 {
        left: 50px;
        top: 184px;
    }
}

.service-section.two .shape-img .shape-7 {
    right: 287px;
    top: 95px;
    width: 161px;
    z-index: -1;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .service-section.two .shape-img .shape-7 {
        right: 246px;
        top: 42px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px),
only screen and (min-width: 576px) and (max-width: 767px),
only screen and (min-width: 400px) and (max-width: 575px),
(max-width: 399px) {
    .service-section.two .shape-img .shape-7 {
        right: 140px;
        top: 50px;
        width: 150px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px),
only screen and (min-width: 576px) and (max-width: 767px),
only screen and (min-width: 400px) and (max-width: 575px),
(max-width: 399px) {
    .service-section.two .shape-img .shape-7 {
        right: 39px;
    }
}

.service-section.two .shape-img .shape-8 {
    left: -10px;
    bottom: -6px;
    width: 180px;
    z-index: -1;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0.3;
}

.service-section.two .shape-img .shape-9 {
    left: 548px;
    bottom: 30px;
    width: 80px;
    z-index: -1;
}

.service-section.two .shape-img .shape-10 {
    left: 140px;
    top: 42px;
    width: 22px;
    z-index: -1;
    animation: animationFramesOne 50s linear infinite;
    -webkit-animation: animationFramesOne 50s linear infinite;
}

.service-section.three {
    background: var(--common-body-3);
    z-index: 9;
    overflow: hidden;
    padding: 120px 0;
    min-height: auto;
    position: relative;
}

.service-section.three .section-title-shape-one {
    margin-bottom: 60px;
}

.service-section.three .swiper .swiper-wrapper .inner-wrapper {
    background: var(--common-white);
    -webkit-box-shadow: 0px 3px 10px 0px rgba(41, 45, 194, 0.08);
    box-shadow: 0px 3px 10px 0px rgba(41, 45, 194, 0.08);
    border-radius: 5px;
    margin: 20px 0;
}

.service-section.three .swiper .swiper-wrapper .inner-wrapper .img-file {
    border-radius: 5px 5px 0 0;
    overflow: hidden;
    position: relative;
}

.service-section.three .swiper .swiper-wrapper .inner-wrapper .img-file img {
    -webkit-transition: all 0.4s linear;
    -o-transition: all 0.4s linear;
    transition: all 0.4s linear;
}

@media only screen and (min-width: 576px) and (max-width: 767px),
only screen and (min-width: 400px) and (max-width: 575px),
(max-width: 399px) {
    .service-section.three .swiper .swiper-wrapper .inner-wrapper .img-file img {
        width: 100%;
    }
}

.service-section.three .swiper .swiper-wrapper .inner-wrapper .text-file {
    padding: 30px 20px;
    position: relative;
    overflow: hidden;
    z-index: 9;
}

.service-section.three .swiper .swiper-wrapper .inner-wrapper .text-file .title {
    font-size: 20px;
    font-weight: 800;
    line-height: 1.2;
    text-transform: capitalize;
    color: var(--text-h);
}

@media only screen and (min-width: 576px) and (max-width: 767px),
only screen and (min-width: 400px) and (max-width: 575px),
(max-width: 399px) {
    .service-section.three .swiper .swiper-wrapper .inner-wrapper .text-file .title {
        font-size: 22px;
    }
}

.service-section.three .swiper .swiper-wrapper .inner-wrapper .text-file .title a {
    -webkit-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
    position: relative;
}

.service-section.three .swiper .swiper-wrapper .inner-wrapper .text-file .title:hover a {
    color: var(--theme-1);
}

.service-section.three .swiper .swiper-wrapper .inner-wrapper .text-file p {
    color: var(--text-p-1);
    margin: 0;
}

.service-section.three .swiper .swiper-wrapper .inner-wrapper .text-file .link {
    margin-top: 10px;
    font-size: 16px;
    font-weight: 600;
    color: var(--text-h);
    -webkit-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
}

.service-section.three .swiper .swiper-wrapper .inner-wrapper .text-file .link a {
    position: relative;
}

.service-section.three .swiper .swiper-wrapper .inner-wrapper .text-file .link a::after {
    position: absolute;
    font-family: "Font Awesome 5 Pro";
    content: "\f324";
    font-size: 14px;
    right: -19px;
    top: -1px;
}

.service-section.three .swiper .swiper-wrapper .inner-wrapper .text-file .shape-overlay {
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
    opacity: 0.6;
    -webkit-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    transform: translateX(-100%);
    -webkit-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
}

@media only screen and (min-width: 576px) and (max-width: 767px),
only screen and (min-width: 400px) and (max-width: 575px),
(max-width: 399px) {
    .service-section.three .swiper .swiper-wrapper .inner-wrapper .text-file .shape-overlay {
        display: none;
    }
}

.service-section.three .swiper .swiper-wrapper .inner-wrapper:hover .text-file::after {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
}

.service-section.three .swiper .swiper-wrapper .inner-wrapper:hover .link {
    color: var(--theme-1);
}

.service-section.three .swiper .swiper-wrapper .inner-wrapper:hover .shape-overlay {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
}

.service-section.three .inner-btn {
    margin-top: 60px;
}

.service-section.three .shape-img .shape-1 {
    top: -4px;
    left: 0;
    z-index: -1;
}

.service-section.three .shape-img .shape-2 {
    right: 0;
    bottom: 0;
    width: 160px;
    z-index: -1;
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}

.service-section.three .shape-img .shape-3 {
    right: 284px;
    top: 110px;
    width: 200px;
    z-index: -1;
    -webkit-animation: trigger 6s linear infinite;
    animation: trigger 6s linear infinite;
}

@media only screen and (min-width: 768px) and (max-width: 991px),
only screen and (min-width: 576px) and (max-width: 767px),
only screen and (min-width: 400px) and (max-width: 575px),
(max-width: 399px) {
    .service-section.three .shape-img .shape-3 {
        right: 188px;
        top: 70px;
    }
}

.service-section.three .shape-img .shape-4 {
    right: 43px;
    top: 65px;
    width: 80px;
    z-index: -1;
}

.service-section.three .shape-img .shape-5 {
    right: 570px;
    top: 24px;
    width: 34px;
    z-index: -1;
    animation: animationFramesOne 30s linear infinite reverse backwards;
    -webkit-animation: animationFramesOne 30s linear infinite reverse backwards;
}

.service-section.three .shape-img .shape-6 {
    left: 342px;
    top: 184px;
    width: 20px;
    z-index: -1;
    animation: trigger 6s linear infinite reverse;
}

.service-section.three .shape-img .shape-7 {
    right: 287px;
    top: 95px;
    width: 161px;
    z-index: -1;
}

.service-section.three .shape-img .shape-8 {
    left: -10px;
    bottom: -6px;
    width: 180px;
    z-index: -1;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0.3;
}

.service-section.three .shape-img .shape-9 {
    left: 548px;
    bottom: 30px;
    width: 80px;
    z-index: -1;
}

.service-section.three .shape-img .shape-10 {
    left: 140px;
    top: 42px;
    width: 22px;
    z-index: -1;
    animation: animationFramesOne 50s linear infinite;
    -webkit-animation: animationFramesOne 50s linear infinite;
}

.service-details-section {
    background: #f8f9fa;
    padding: 120px 0;
    position: relative;
    overflow: hidden;
    z-index: 9;
}

@media only screen and (min-width: 992px) and (max-width: 1199px),
only screen and (min-width: 768px) and (max-width: 991px),
only screen and (min-width: 576px) and (max-width: 767px),
only screen and (min-width: 400px) and (max-width: 575px),
(max-width: 399px) {
    .service-details-section .right-wrapper {
        margin-top: 30px;
        padding-left: 0 !important;
    }
}

.service-details-section .right-wrapper .title {
    font-size: 26px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px),
only screen and (min-width: 768px) and (max-width: 991px),
only screen and (min-width: 576px) and (max-width: 767px),
only screen and (min-width: 400px) and (max-width: 575px),
(max-width: 399px) {
    .service-details-section .left-wrapper {
        padding-left: 0 !important;
    }
}

.service-details-section .left-wrapper .img-file {
    border-radius: 8px;
    overflow: hidden;
}

@media only screen and (min-width: 992px) and (max-width: 1199px),
only screen and (min-width: 768px) and (max-width: 991px),
only screen and (min-width: 576px) and (max-width: 767px),
only screen and (min-width: 400px) and (max-width: 575px),
(max-width: 399px) {
    .service-details-section .left-wrapper .img-file img {
        width: 100%;
    }
}

.service-details-section .question-field {
    padding-right: 20px;
}

.service-details-section .question-field .title {
    font-size: 26px;
}

.service-details-section .question-field ul li {
    font-size: 15px;
    padding-left: 20px;
    margin-bottom: 7px;
    position: relative;
}

.service-details-section .question-field ul li::after {
    position: absolute;
    left: 0;
    top: 0;
    font-family: "Font Awesome 5 Pro";
    font-weight: 900;
    content: "\f324";
    font-size: 13px;
    margin-top: 1px;
}

.service-details-section .faq-inner {
    position: relative;
    z-index: 9;
}

@media only screen and (min-width: 992px) and (max-width: 1199px),
only screen and (min-width: 768px) and (max-width: 991px),
only screen and (min-width: 576px) and (max-width: 767px),
only screen and (min-width: 400px) and (max-width: 575px),
(max-width: 399px) {
    .service-details-section .faq-inner {
        padding-left: 0 !important;
        margin-top: 30px;
    }
}

.service-details-section .faq-inner .intro {
    margin-top: 15px;
}

.service-details-section .faq-inner .intro h3 {
    font-size: 18px;
    line-height: 1.2;
    font-weight: var(--fw-600);
}

.service-details-section .faq-inner .faq-list {
    margin-top: 15px;
}

.service-details-section .faq-inner .faq-list .accordion .accordion-item {
    margin-bottom: 16px;
    border-radius: 5px;
    overflow: hidden;
}

.service-details-section .faq-inner .faq-list .accordion .accordion-item .accordion-header .accordion-button {
    padding: 15px 35px 15px 16px;
    font-size: 15px !important;
    line-height: 25px;
    font-weight: 600;
    background: var(--theme-1);
    color: var(--common-white);
}

.service-details-section .faq-inner .faq-list .accordion .accordion-item .accordion-header .accordion-button.collapsed {
    background: var(--common-white);
    color: var(--text-h);
}

.service-details-section .faq-inner .faq-list .accordion .accordion-item .accordion-header .accordion-button:focus {
    z-index: 3;
    border-color: transparent;
    outline: 0;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}

.accordion-button:hover{
    color: #ffee00 !important;
}

.service-details-section .faq-inner .faq-list .accordion .accordion-item .accordion-header .accordion-button::after {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 1.25rem;
    height: 1.25rem;
    margin-left: auto;
    font-family: "Font Awesome 5 Pro";
    font-weight: 900;
    content: "+";
    background-image: none;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    position: absolute;
    right: 10px;
    top: 15px;
}

.service-details-section .faq-inner .faq-list .accordion .accordion-item .accordion-header .accordion-button:not(.collapsed)::after {
    font-family: "Font Awesome 5 Pro";
    font-weight: 900;
    content: "\f068";
    background-image: none;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    position: absolute;
    right: 10px;
    top: 15px;
}

.service-details-section .faq-inner .faq-list .accordion .accordion-item .accordion-collapse {
    background: var(--common-white);
    color: var(--text-p-1);
    font-weight: 600;
}

.service-details-section .shape-image-file .shape-img-1 {
    left: -12px;
    top: 8%;
    z-index: -1;
}

@media only screen and (min-width: 992px) and (max-width: 1199px),
only screen and (min-width: 768px) and (max-width: 991px),
only screen and (min-width: 576px) and (max-width: 767px),
only screen and (min-width: 400px) and (max-width: 575px),
(max-width: 399px) {
    .service-details-section .shape-image-file .shape-img-1 {
        top: 10px;
    }
}

.service-details-section .shape-image-file .shape-img-1 img {
    width: 60px;
}

.service-details-section .shape-image-file .shape-img-2 {
    top: -24px;
    right: -28px;
    z-index: -1;
}

.service-details-section .shape-image-file .shape-img-2 img {
    width: 100px;
}

.service-details-section .shape-image-file .shape-img-3 {
    top: 13%;
    right: 14%;
    z-index: -1;
    -webkit-animation: scale-down-center 15s linear infinite alternate-reverse both;
    animation: scale-down-center 15s linear infinite alternate-reverse both;
}

.service-details-section .shape-image-file .shape-img-3 img {
    width: 120px;
}

.service-details-section .shape-image-file .shape-img-4 {
    bottom: 21%;
    right: 20px;
    z-index: -1;
    -webkit-animation: slide-top 10s linear 0.3s infinite alternate-reverse both;
    animation: slide-top 10s linear 0.3s infinite alternate-reverse both;
}

.service-details-section .shape-image-file .shape-img-4 img {
    width: 40px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px),
only screen and (min-width: 768px) and (max-width: 991px),
only screen and (min-width: 576px) and (max-width: 767px),
only screen and (min-width: 400px) and (max-width: 575px),
(max-width: 399px) {
    .service-details-section .shape-image-file .shape-img-4 {
        display: none;
    }
}

.service-details-section .shape-image-file .shape-img-5 {
    bottom: 40px;
    left: -28px;
    z-index: -1;
}

.service-details-section .shape-image-file .shape-img-5 img {
    width: 200px;
}

.service-details-section .shape-image-file .shape-img-6 {
    top: 74px;
    right: 42%;
    z-index: -1;
    animation: animationFramesOne 45s linear infinite reverse;
    -webkit-animation: animationFramesOne 45s linear infinite reverse;
}

.service-details-section .shape-image-file .shape-img-6 img {
    width: 30px;
}

.service-details-section .shape-image-file .shape-img-7 {
    top: 74px;
    right: 42%;
    z-index: -1;
    animation: animationFramesOne 55s linear infinite;
    -webkit-animation: animationFramesOne 55s linear infinite;
}

.service-details-section .shape-image-file .shape-img-7 img {
    width: 25px;
}

.service-details-section .shape-image-file .shape-img-8 {
    top: 26px;
    right: 54%;
    z-index: -1;
}

.service-details-section .shape-image-file .shape-img-8 img {
    width: 200px;
}

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

/* 15. About
/*----------------------------------------*/

.about-section.one {
    background: #fff;
    padding: 120px 0;
    position: relative;
    z-index: 9;
}

.about-section.one .left-wrapper {
    z-index: 9;
    margin-right: 25px;
    position: relative;
}

@media only screen and (min-width: 768px) and (max-width: 991px),
only screen and (min-width: 576px) and (max-width: 767px),
only screen and (min-width: 400px) and (max-width: 575px),
(max-width: 399px) {
    .about-section.one .left-wrapper {
        margin-right: 0;
    }
}

.about-section.one .left-wrapper .img-file {
    position: relative;
    width: 100%;
    /*height: 530px;*/
    border-radius: 8px;
    overflow: hidden;
}

@media only screen and (min-width: 400px) and (max-width: 575px),
(max-width: 399px) {
    .about-section.one .left-wrapper .img-file {
        /*height: 430px;*/
    }
}

.about-section.one .left-wrapper .img-file img {
    width: 100%;
    /*height: 100%;*/
    -o-object-fit: cover;
    object-fit: cover;
}

.about-section.one .left-wrapper .img-file .shape-overlay {
    background: var(--common-body-1);
    position: absolute;
    bottom: 50px;
    left: 50%;
    padding: 30px 15px;
    border-radius: 5px;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    text-align: center;
    width: 300px;
    height: auto;
}

.about-section.one .left-wrapper .img-file .shape-overlay img {
    width: 80px;
}

.about-section.one .left-wrapper .img-file .shape-overlay h3 {
    text-align: center;
    font-size: 22px;
    font-weight: var(--fw-600);
    line-height: normal;
    margin-top: 20px;
}

.about-section.one .left-wrapper .img-file .shape-overlay .video-intro {
    margin-top: 20px;
    cursor: pointer;
}

.about-section.one .left-wrapper .img-file .shape-overlay .video-intro a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 10px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.about-section.one .left-wrapper .img-file .shape-overlay .video-intro a .icon {
    width: 40px;
    height: 40px;
    border: 1px solid #fff;
    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: 100%;
    -webkit-animation: pulse 2s infinite;
    animation: pulse 2s infinite;
}

.about-section.one .left-wrapper .img-file .shape-overlay .video-intro a .icon i {
    font-size: 20px;
}

.about-section.one .left-wrapper .img-file .shape-overlay .video-intro a .text {
    font-family: var(--ff-heading);
    font-size: 16px;
    font-weight: var(--fw-600);
    line-height: normal;
    margin-bottom: 0;
}

.about-section.one .left-wrapper .img-file .shape-7 {
    left: -30px;
    bottom: -5%;
    z-index: -1;
}

.about-section.one .left-wrapper .img-file .shape-7 img {
    width: 68px;
}

.about-section.one .right-wrapper {
    position: relative;
    z-index: 9;
}

@media only screen and (min-width: 768px) and (max-width: 991px),
only screen and (min-width: 576px) and (max-width: 767px),
only screen and (min-width: 400px) and (max-width: 575px),
(max-width: 399px) {
    .about-section.one .right-wrapper {
        margin-top: 80px;
    }
}

.about-section.one .right-wrapper .inner-list {
    margin-top: 20px;
}

.about-section.one .right-wrapper .inner-list ul li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 14px;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    margin-bottom: 15px;
}

.about-section.one .right-wrapper .inner-list ul li .img-file {
    margin-top: 8px;
}

.about-section.one .right-wrapper .inner-list ul li h4 {
    font-size: 18px;
    line-height: 28px;
    font-weight: var(--fw-600);
    margin: 0;
}

.about-section.one .right-wrapper .inner-list ul li p {
    margin-top: 5px;
    margin-bottom: 0;
}

.about-section.one .right-wrapper .inner-btn {
    margin-top: 25px;
}

.about-section.one .shape-img .shape-1 {
    right: 15px;
    top: 80%;
    z-index: -1;
}

.about-section.one .shape-img .shape-1 img {
    width: 80px;
}

@media only screen and (min-width: 768px) and (max-width: 991px),
only screen and (min-width: 576px) and (max-width: 767px),
only screen and (min-width: 400px) and (max-width: 575px),
(max-width: 399px) {
    .about-section.one .shape-img .shape-1 {
        bottom: 3%;
        top: auto;
    }
}

.about-section.one .shape-img .shape-2 {
    left: 15px;
    top: 50%;
    z-index: -1;
    -webkit-animation: slide-top 10s linear 0.3s infinite alternate-reverse both;
    animation: slide-top 10s linear 0.3s infinite alternate-reverse both;
}

.about-section.one .shape-img .shape-2 img {
    width: 40px;
}

@media only screen and (min-width: 768px) and (max-width: 991px),
only screen and (min-width: 576px) and (max-width: 767px),
only screen and (min-width: 400px) and (max-width: 575px),
(max-width: 399px) {
    .about-section.one .shape-img .shape-2 {
        display: none;
    }
}

.about-section.one .shape-img .shape-3 {
    right: 0;
    top: 0;
    z-index: -1;
}

.about-section.one .shape-img .shape-3 img {
    width: 180px;
}

.about-section.one .shape-img .shape-4 {
    right: 25%;
    top: 9%;
    z-index: -1;
    animation: animationFramesOne 35s linear infinite;
    -webkit-animation: animationFramesOne 35s linear infinite;
}

.about-section.one .shape-img .shape-4 img {
    width: 30px;
}

@media only screen and (min-width: 768px) and (max-width: 991px),
only screen and (min-width: 576px) and (max-width: 767px),
only screen and (min-width: 400px) and (max-width: 575px),
(max-width: 399px) {
    .about-section.one .shape-img .shape-4 {
        display: none;
    }
}

.about-section.one .shape-img .shape-5 {
    left: 0%;
    top: 10%;
    z-index: -1;
    animation: animationFramesOne 35s linear infinite reverse;
    -webkit-animation: animationFramesOne 35s linear infinite reverse;
}

.about-section.one .shape-img .shape-5 img {
    width: 30px;
}

.about-section.one .shape-img .shape-6 {
    left: 59%;
    top: 8%;
    z-index: -1;
    -webkit-animation: rotate-in-center 6s linear 0s infinite reverse backwards;
    animation: rotate-in-center 6s linear 0s infinite reverse backwards;
}

.about-section.one .shape-img .shape-6 img {
    width: 25px;
}

@media only screen and (min-width: 768px) and (max-width: 991px),
only screen and (min-width: 576px) and (max-width: 767px),
only screen and (min-width: 400px) and (max-width: 575px),
(max-width: 399px) {
    .about-section.one .shape-img .shape-6 {
        left: 64%;
        top: 4%;
    }
}

@media only screen and (min-width: 576px) and (max-width: 767px),
only screen and (min-width: 400px) and (max-width: 575px),
(max-width: 399px) {
    .about-section.one .shape-img .shape-6 {
        left: 57%;
    }
}

@media only screen and (min-width: 400px) and (max-width: 575px),
(max-width: 399px) {
    .about-section.one .shape-img .shape-6 {
        left: 35%;
    }
}

.about-section.two {
    background: var(--common-body-1);
    padding: 120px 0;
    position: relative;
    z-index: 9;
    overflow: hidden;
}

.about-section.two .inner-list {
    position: relative;
    z-index: 9;
    margin-top: 20px;
}

.about-section.two .inner-list ul li {
    font-size: 16px;
    line-height: 26px;
    position: relative;
    padding-left: 20px;
    margin-bottom: 15px;
}

.about-section.two .inner-list ul li::after {
    position: absolute;
    font-family: "Font Awesome 5 Pro";
    font-weight: 400;
    content: "\f324";
    left: 0;
    top: 0;
    font-size: 15px;
    color: var(--theme-1);
}

.about-section.two .inner-list .inner-btn {
    margin-top: 30px;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}

.about-section.two .img-file {
    padding-left: 20px;
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

@media only screen and (min-width: 768px) and (max-width: 991px),
only screen and (min-width: 576px) and (max-width: 767px),
only screen and (min-width: 400px) and (max-width: 575px),
(max-width: 399px) {
    .about-section.two .img-file {
        padding-left: 0;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
}

.about-section.two .shape-img .shape-1 {
    left: -4px;
    top: 40px;
    width: 85px;
    z-index: -1;
}

.about-section.two .shape-img .shape-2 {
    right: 40px;
    top: -3px;
    width: 85px;
    z-index: -1;
}

.about-section.two .shape-img .shape-3 {
    right: 230px;
    bottom: 80px;
    width: 120px;
    z-index: -1;
    -webkit-animation: trigger 6s linear infinite;
    animation: trigger 6s linear infinite;
}

@media only screen and (min-width: 768px) and (max-width: 991px),
only screen and (min-width: 576px) and (max-width: 767px),
only screen and (min-width: 400px) and (max-width: 575px),
(max-width: 399px) {
    .about-section.two .shape-img .shape-3 {
        right: 30px;
    }
}

.about-section.two .shape-img .shape-4 {
    right: 570px;
    bottom: 24px;
    width: 30px;
    z-index: -1;
    animation: trigger 6s linear 0.3s infinite reverse;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .about-section.two .shape-img .shape-4 {
        right: 349px;
        bottom: 24px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px),
only screen and (min-width: 576px) and (max-width: 767px),
only screen and (min-width: 400px) and (max-width: 575px),
(max-width: 399px) {
    .about-section.two .shape-img .shape-4 {
        left: 240px;
        right: auto;
    }
}

.about-section.two .shape-img .shape-5 {
    right: 570px;
    top: 24px;
    width: 34px;
    z-index: -1;
    animation: animationFramesOne 30s linear infinite reverse backwards;
    -webkit-animation: animationFramesOne 30s linear infinite reverse backwards;
}

.about-section.two .shape-img .shape-6 {
    right: 342px;
    top: 67px;
    width: 20px;
    z-index: -1;
    animation: trigger 6s linear infinite reverse;
}

.about-section.two .shape-img .shape-7 {
    left: 340px;
    top: 48px;
    width: 180px;
    z-index: -1;
}

@media only screen and (min-width: 576px) and (max-width: 767px),
only screen and (min-width: 400px) and (max-width: 575px),
(max-width: 399px) {
    .about-section.two .shape-img .shape-7 {
        left: 225px;
        width: 150px;
    }
}

@media only screen and (min-width: 400px) and (max-width: 575px),
(max-width: 399px) {
    .about-section.two .shape-img .shape-7 {
        left: 145px;
    }
}

.about-section.two .shape-img .shape-8 {
    left: -10px;
    bottom: -14px;
    width: 143px;
    z-index: -1;
    -webkit-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    transform: rotate(270deg);
}

.about-section.two .shape-img .shape-9 {
    left: 419px;
    bottom: 30px;
    width: 80px;
    z-index: -1;
}

@media only screen and (min-width: 576px) and (max-width: 767px),
only screen and (min-width: 400px) and (max-width: 575px),
(max-width: 399px) {
    .about-section.two .shape-img .shape-9 {
        display: none;
    }
}

.about-section.two .shape-img .shape-10 {
    left: 548px;
    top: 30px;
    width: 25px;
    z-index: -1;
    animation: animationFramesOne 50s linear infinite;
    -webkit-animation: animationFramesOne 50s linear infinite;
}

.about-section.two .shape-img .shape-11 {
    left: 775px;
    bottom: 130px;
    width: 50px;
    z-index: -1;
    animation: rotate-in-center 12s linear 0s infinite reverse backwards;
}

.about-section.three {
    background: var(--common-white);
    padding: 120px 0;
    position: relative;
    z-index: 9;
    overflow: hidden;
}

@media only screen and (min-width: 768px) and (max-width: 991px),
only screen and (min-width: 576px) and (max-width: 767px),
only screen and (min-width: 400px) and (max-width: 575px),
(max-width: 399px) {
    .about-section.three .left-wrapper .img-file {
        text-align: center;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px),
only screen and (min-width: 576px) and (max-width: 767px),
only screen and (min-width: 400px) and (max-width: 575px),
(max-width: 399px) {
    .about-section.three .right-wrapper {
        margin-top: 70px;
        padding-left: 0;
    }
}

.about-section.three .right-wrapper .inner-list {
    position: relative;
    z-index: 9;
    margin-top: 20px;
}

@media only screen and (min-width: 768px) and (max-width: 991px),
only screen and (min-width: 576px) and (max-width: 767px),
only screen and (min-width: 400px) and (max-width: 575px),
(max-width: 399px) {
    .about-section.three .right-wrapper .inner-list {
        margin-top: 30px;
    }
}

.about-section.three .right-wrapper .inner-list ul li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 16px;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    margin-bottom: 10px;
}

@media only screen and (min-width: 768px) and (max-width: 991px),
only screen and (min-width: 576px) and (max-width: 767px),
only screen and (min-width: 400px) and (max-width: 575px),
(max-width: 399px) {
    .about-section.three .right-wrapper .inner-list ul li {
        margin-bottom: 30px;
    }
}

.about-section.three .right-wrapper .inner-list ul li .img-file {
    width: 170px;
    height: auto;
    overflow: hidden;
}

.about-section.three .right-wrapper .inner-list ul li .img-file img {
    width: 100%;
    height: 100%;
    -o-object-fit: fill;
    object-fit: fill;
}

.about-section.three .right-wrapper .inner-list ul li h4 {
    color: var(--text-h);
    font-size: 22px;
    font-weight: var(--fw-800);
    margin: 0;
}

.about-section.three .right-wrapper .inner-list ul li p {
    margin-bottom: 0;
    color: var(--text-p-1);
}

.about-section.three .shape-img .shape-1 {
    right: -349px;
    bottom: -190px;
    width: 654px;
    z-index: -1;
    opacity: 0.7;
}

.about-section.three .shape-img .shape-2 {
    left: 40px;
    top: 41px;
    width: 80px;
    z-index: -1;
    -webkit-animation: trigger 6s linear infinite;
    animation: trigger 6s linear infinite;
}

@media only screen and (min-width: 768px) and (max-width: 991px),
only screen and (min-width: 576px) and (max-width: 767px),
only screen and (min-width: 400px) and (max-width: 575px),
(max-width: 399px) {
    .about-section.three .shape-img .shape-2 {
        left: 50%;
        top: 254px;
        width: 100px;
        z-index: 0;
        -webkit-animation: none;
        animation: none;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%);
    }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
    .about-section.three .shape-img .shape-2 {
        top: 210px;
    }
}

@media only screen and (min-width: 400px) and (max-width: 575px),
(max-width: 399px) {
    .about-section.three .shape-img .shape-2 {
        top: 155px;
    }
}

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

/* 16. Projects
/*----------------------------------------*/

.project-section.one {
    /*background: var(--common-body-1);*/
    padding: 120px 0;
    position: relative;
    z-index: 9;
    overflow: hidden;
}

.project-section.one .section-title-shape-one {
    margin-bottom: 60px;
    position: relative;
    z-index: 9;
}

.project-section.one .project-wrapper {
    position: relative;
    z-index: 9;
    margin-bottom: 40px;
}

@media only screen and (min-width: 400px) and (max-width: 575px),
(max-width: 399px) {
    .project-section.one .project-wrapper {
        margin-bottom: 130px;
    }
}

.project-section.one .project-wrapper .img-file {
    border-radius: 5px;
    overflow: hidden;
}

@media only screen and (min-width: 400px) and (max-width: 575px),
(max-width: 399px) {
    .project-section.one .project-wrapper .img-file {
        overflow: visible;
    }
}

.project-section.one .project-wrapper .img-file img {
    width: 100%;
}

.project-section.one .project-wrapper .img-file .shape-overlay {
    bottom: 20px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    background: var(--common-body-2);
    width: 420px;
    padding: 25px 20px;
    border-radius: 5px;
    text-align: center;
    -webkit-transition: all 0.4s linear;
    -o-transition: all 0.4s linear;
    transition: all 0.4s linear;
}

@media only screen and (min-width: 400px) and (max-width: 575px),
(max-width: 399px) {
    .project-section.one .project-wrapper .img-file .shape-overlay {
        width: 300px;
        bottom: -70px;
    }
}

.project-section.one .project-wrapper .img-file .shape-overlay h2 {
    font-size: 26px;
    line-height: 1.2;
}

@media only screen and (min-width: 400px) and (max-width: 575px),
(max-width: 399px) {
    .project-section.one .project-wrapper .img-file .shape-overlay h2 {
        font-size: 22px;
    }
}

.project-section.one .project-wrapper .img-file .shape-overlay a {
    font-size: 16px;
    font-weight: var(--fw-700);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 10px;
}

.project-section.one .project-wrapper .img-file .shape-overlay a i {
    font-size: 14px;
    margin-top: 2px;
}

.project-section.one .project-wrapper .img-file .shape-overlay a:hover {
    color: var(--theme-1);
}

.project-section.one .project-wrapper:hover .shape-overlay {
    -webkit-animation: pulse 2s;
    animation: pulse 2s;
    bottom: 30px;
}

@media only screen and (min-width: 400px) and (max-width: 575px),
(max-width: 399px) {
    .project-section.one .project-wrapper:hover .shape-overlay {
        bottom: -70px;
    }
}

.project-section.one .inner-btn {
    margin-top: 15px;
}

.project-section.one .shape-image .shape-img-1 {
    left: 0;
    bottom: -217px;
    z-index: -1;
}

.project-section.one .shape-image .shape-img-1 img {
    width: 100%;
    opacity: 0.4;
}

.project-section.one .shape-image .shape-img-2 {
    left: 10px;
    top: 40%;
    z-index: -1;
    -webkit-animation: slide-top 10s linear 0.3s infinite alternate-reverse both;
    animation: slide-top 10s linear 0.3s infinite alternate-reverse both;
}

.project-section.one .shape-image .shape-img-2 img {
    width: 60px;
}

@media only screen and (min-width: 576px) and (max-width: 767px),
only screen and (min-width: 400px) and (max-width: 575px),
(max-width: 399px) {
    .project-section.one .shape-image .shape-img-2 {
        display: none;
    }
}

.project-section.one .shape-image .shape-img-3 {
    left: 10%;
    top: 10%;
    z-index: -1;
    animation: animationFramesOne 25s linear infinite;
    -webkit-animation: animationFramesOne 25s linear infinite;
}

.project-section.one .shape-image .shape-img-3 img {
    width: 30px;
}

@media only screen and (min-width: 576px) and (max-width: 767px),
only screen and (min-width: 400px) and (max-width: 575px),
(max-width: 399px) {
    .project-section.one .shape-image .shape-img-3 {
        display: none;
    }
}

.project-section.one .shape-image .shape-img-4 {
    left: 15px;
    bottom: 40%;
    z-index: -1;
    animation: animationFramesOne 35s linear infinite;
    -webkit-animation: animationFramesOne 35s linear infinite;
}

.project-section.one .shape-image .shape-img-4 img {
    width: 15px;
}

@media only screen and (min-width: 576px) and (max-width: 767px),
only screen and (min-width: 400px) and (max-width: 575px),
(max-width: 399px) {
    .project-section.one .shape-image .shape-img-4 {
        display: none;
    }
}

.project-section.one .shape-image .shape-img-5 {
    left: -3px;
    bottom: 7%;
    z-index: -1;
}

.project-section.one .shape-image .shape-img-5 img {
    width: 130px;
}

@media only screen and (min-width: 576px) and (max-width: 767px),
only screen and (min-width: 400px) and (max-width: 575px),
(max-width: 399px) {
    .project-section.one .shape-image .shape-img-5 {
        left: -3px;
        bottom: 10px;
    }
}

.project-section.one .shape-image .shape-img-6 {
    right: 0;
    bottom: 2%;
    z-index: -1;
}

.project-section.one .shape-image .shape-img-6 img {
    width: 140px;
}

@media only screen and (min-width: 576px) and (max-width: 767px),
only screen and (min-width: 400px) and (max-width: 575px),
(max-width: 399px) {
    .project-section.one .shape-image .shape-img-6 {
        right: -10px;
        bottom: 0;
    }
}

.project-section.one .shape-image .shape-img-7 {
    right: 25px;
    bottom: 40%;
    z-index: -1;
    animation: animationFramesOne 25s linear infinite;
    -webkit-animation: animationFramesOne 25s linear infinite;
}

.project-section.one .shape-image .shape-img-7 img {
    width: 30px;
}

.project-section.one .shape-image .shape-img-8 {
    right: 25px;
    bottom: 60%;
    z-index: -1;
}

.project-section.one .shape-image .shape-img-8 img {
    width: 30px;
}

@media only screen and (min-width: 576px) and (max-width: 767px),
only screen and (min-width: 400px) and (max-width: 575px),
(max-width: 399px) {
    .project-section.one .shape-image .shape-img-8 {
        display: none;
    }
}

.project-section.one .shape-image .shape-img-9 {
    right: 60px;
    top: 7%;
    z-index: -1;
}

.project-section.one .shape-image .shape-img-9 img {
    width: 52px;
}

@media only screen and (min-width: 576px) and (max-width: 767px),
only screen and (min-width: 400px) and (max-width: 575px),
(max-width: 399px) {
    .project-section.one .shape-image .shape-img-9 {
        display: none;
    }
}

.project-section.one .shape-image .shape-img-10 {
    left: 25px;
    top: 7%;
    z-index: -1;
}

.project-section.one .shape-image .shape-img-10 img {
    width: 75px;
}

@media only screen and (min-width: 576px) and (max-width: 767px),
only screen and (min-width: 400px) and (max-width: 575px),
(max-width: 399px) {
    .project-section.one .shape-image .shape-img-10 {
        display: none;
    }
}

.project-section.two {
    background: var(--common-body-2);
    padding: 120px 0;
    position: relative;
    z-index: 9;
    overflow: hidden;
}

.project-section.two .section-title-shape-one {
    margin-bottom: 60px;
}

.project-section.two .project-wrapper {
    z-index: 9;
    margin-bottom: 120px;
    background: var(--common-body-2);
    position: relative;
}

.project-section.two .project-wrapper img {
    border-radius: 8px;
    width: 100%;
}

.project-section.two .project-wrapper .shape-overlay {
    position: absolute;
    background: var(--common-white);
    padding: 25px 20px;
    bottom: -40%;
    left: 0;
    margin: 35px;
    border-radius: 8px;
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
    .project-section.two .project-wrapper .shape-overlay {
        bottom: -30%;
    }
}

@media only screen and (min-width: 400px) and (max-width: 575px),
(max-width: 399px) {
    .project-section.two .project-wrapper .shape-overlay {
        bottom: -45%;
    }
}

.project-section.two .project-wrapper .shape-overlay h3 {
    text-align: center;
    font-size: 22px;
    font-weight: 800;
    color: var(--text-h);
}

.project-section.two .project-wrapper .shape-overlay p {
    text-align: center;
    margin: 0;
    color: var(--text-p-1);
}

.project-section.two .project-wrapper .shape-overlay .default-btn {
    margin-top: 20px;
}

.project-section.two .project-wrapper:hover {
    border-radius: 8px;
}

.project-section.two .project-wrapper:hover img {
    -webkit-animation: pulse 1s;
    animation: pulse 1s;
}

.project-section.two .inner-btn {
    margin-top: 15px;
}

.project-section.two .shape-image .shape-1 {
    right: 0;
    top: 0;
    z-index: -1;
    width: 150px;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
}

.project-section.two .shape-image .shape-2 {
    left: 41%;
    top: 12%;
    z-index: -1;
    width: 140px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px),
only screen and (min-width: 768px) and (max-width: 991px),
only screen and (min-width: 576px) and (max-width: 767px),
only screen and (min-width: 400px) and (max-width: 575px),
(max-width: 399px) {
    .project-section.two .shape-image .shape-2 {
        left: 44%;
        top: 100px;
    }
}

@media only screen and (min-width: 576px) and (max-width: 767px),
only screen and (min-width: 400px) and (max-width: 575px),
(max-width: 399px) {
    .project-section.two .shape-image .shape-2 {
        top: 74px;
    }
}

.project-section.two .shape-image .shape-3 {
    right: 41%;
    top: 12%;
    z-index: -1;
    width: 20px;
    animation: animationFramesOne 30s linear infinite reverse backwards;
    -webkit-animation: animationFramesOne 30s linear infinite reverse backwards;
}

.project-section.two .shape-image .shape-4 {
    right: 21%;
    top: 18%;
    z-index: -1;
    width: 20px;
    animation: animationFramesOne 30s linear infinite;
    -webkit-animation: animationFramesOne 30s linear infinite;
}

.project-section.two .shape-image .shape-5 {
    right: 26%;
    top: 10%;
    z-index: -1;
    width: 20px;
    -webkit-animation: trigger 4s linear infinite;
    animation: trigger 4s linear infinite;
}

.project-section.two .shape-image .shape-6 {
    right: 6%;
    bottom: 7%;
    z-index: -1;
    width: 63px;
    -webkit-animation: trigger 6s linear infinite;
    animation: trigger 6s linear infinite;
}

@media only screen and (min-width: 576px) and (max-width: 767px),
only screen and (min-width: 400px) and (max-width: 575px),
(max-width: 399px) {
    .project-section.two .shape-image .shape-6 {
        right: 15px;
        bottom: 35px;
    }
}

.project-section.two .shape-image .shape-7 {
    left: 0;
    bottom: 0%;
    z-index: -1;
    width: 416px;
}

.project-section.three {
    background: var(--common-body-3);
    padding: 120px 0;
    position: relative;
    z-index: 9;
    overflow: hidden;
}

.project-section.three .section-title-shape-one {
    margin-bottom: 60px;
}

.project-section.three .project-wrapper {
    z-index: 9;
    position: relative;
    margin-bottom: 30px;
}

@media (max-width: 399px) {
    .project-section.three .project-wrapper .img-file {
        width: 100%;
        height: 250px;
        overflow: hidden;
    }
    .project-section.three .project-wrapper .img-file img {
        width: 100%;
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover;
    }
}

.project-section.three .project-wrapper .img-file img {
    border-radius: 8px;
    width: 100%;
}

.project-section.three .project-wrapper::after {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    content: "";
    background: rgb(19, 196, 161);
    background: -webkit-gradient( linear, left top, left bottom, color-stop(6%, rgba(19, 196, 161, 0.192)), to(rgb(0, 0, 0)));
    background: -o-linear-gradient( top, rgba(19, 196, 161, 0.192) 6%, rgb(0, 0, 0) 100%);
    background: linear-gradient( 180deg, rgba(19, 196, 161, 0.192) 6%, rgb(0, 0, 0) 100%);
    opacity: 0.4;
    border-radius: 8px;
    z-index: 0;
    -webkit-transition: all 0.4s linear;
    -o-transition: all 0.4s linear;
    transition: all 0.4s linear;
}

.project-section.three .project-wrapper .shape-overlay {
    position: absolute;
    margin: 40px;
    bottom: 0;
    left: 0;
    z-index: 9;
    overflow: hidden;
}

@media only screen and (min-width: 400px) and (max-width: 575px),
(max-width: 399px) {
    .project-section.three .project-wrapper .shape-overlay {
        margin: 15px 15px;
    }
}

.project-section.three .project-wrapper .shape-overlay .inner {
    -webkit-transform: translateY(30px);
    -ms-transform: translateY(30px);
    transform: translateY(30px);
    -webkit-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
}

.project-section.three .project-wrapper .shape-overlay .inner h2 {
    font-size: 26px;
    line-height: 1.2;
    font-weight: 800;
    color: var(--common-white);
}

@media only screen and (min-width: 400px) and (max-width: 575px),
(max-width: 399px) {
    .project-section.three .project-wrapper .shape-overlay .inner h2 {
        font-size: 22px;
    }
}

.project-section.three .project-wrapper .shape-overlay .inner p {
    margin: 0;
    font-size: 16px;
    color: var(--text-p-2);
}

.project-section.three .project-wrapper .shape-overlay .inner .link {
    margin-top: 15px;
}

.project-section.three .project-wrapper .shape-overlay .inner .link a {
    font-size: 20px;
    font-weight: 600;
    position: relative;
    -webkit-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
}

.project-section.three .project-wrapper .shape-overlay .inner .link a::after {
    padding-left: 15px;
    position: absolute;
    font-family: "Font Awesome 5 Pro";
    content: "\f324";
    font-size: 14px;
    right: -22px;
    top: 2px;
}

.project-section.three .project-wrapper .shape-overlay .inner .link a:hover {
    color: var(--theme-1);
}

.project-section.three .project-wrapper .shape-overlay .default-btn {
    margin-top: 20px;
}

.project-section.three .project-wrapper:hover::after {
    -webkit-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
    opacity: 1;
}

.project-section.three .project-wrapper:hover .shape-overlay .inner {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
}

.project-section.three .inner-btn {
    margin-top: 15px;
}

.project-section.three .shape-image .shape-1 {
    right: -409px;
    top: -149px;
    z-index: -1;
    width: 658px;
}

.project-section.three .shape-image .shape-2 {
    right: 287px;
    top: 111px;
    z-index: -1;
    animation: rotate-in-center 12s linear 0s infinite reverse;
    width: 60px;
}

@media only screen and (min-width: 768px) and (max-width: 991px),
only screen and (min-width: 576px) and (max-width: 767px) {
    .project-section.three .shape-image .shape-2 {
        right: 240px;
        top: 70px;
    }
}

@media only screen and (min-width: 400px) and (max-width: 575px),
(max-width: 399px) {
    .project-section.three .shape-image .shape-2 {
        right: 50px;
        top: 20px;
    }
}

.project-section.three .shape-image .shape-3 {
    right: 470px;
    top: 201px;
    z-index: -1;
    width: 50px;
    animation: animationFramesOne 45s linear infinite reverse;
    -webkit-animation: animationFramesOne 45s linear infinite reverse;
}

.project-section.single-row .pagination {
    margin-top: 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.project-section.single-row .pagination ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 12px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.project-section.single-row .pagination ul li a {
    width: 35px;
    height: 35px;
    background: -webkit-gradient( linear, left top, left bottom, from(#243949), to(#00151e));
    background: -o-linear-gradient(top, #243949 0%, #00151e 100%);
    background: linear-gradient(180deg, #243949 0%, #00151e 100%);
    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;
    font-weight: 600;
}

.project-section.single-row .pagination ul li a:hover {
    -webkit-animation: pulse-small 0.8s;
    animation: pulse-small 0.8s;
    color: var(--theme-1);
}

.project-section.single-row .pagination ul li a.active {
    color: var(--theme-1);
}

.project-section.single-row .shape-image-file .shape-img-1 {
    left: -12px;
    top: 8%;
    z-index: -1;
}

.project-section.single-row .shape-image-file .shape-img-1 img {
    width: 60px;
}

.project-section.single-row .shape-image-file .shape-img-2 {
    top: -24px;
    right: -28px;
    z-index: -1;
}

.project-section.single-row .shape-image-file .shape-img-2 img {
    width: 100px;
}

.project-section.single-row .shape-image-file .shape-img-3 {
    top: 13%;
    right: 14%;
    z-index: -1;
    -webkit-animation: scale-down-center 15s linear infinite alternate-reverse both;
    animation: scale-down-center 15s linear infinite alternate-reverse both;
}

.project-section.single-row .shape-image-file .shape-img-3 img {
    width: 120px;
}

.project-section.single-row .shape-image-file .shape-img-4 {
    bottom: 21%;
    right: 20px;
    z-index: -1;
    -webkit-animation: slide-top 10s linear 0.3s infinite alternate-reverse both;
    animation: slide-top 10s linear 0.3s infinite alternate-reverse both;
}

.project-section.single-row .shape-image-file .shape-img-4 img {
    width: 40px;
}

.project-section.single-row .shape-image-file .shape-img-5 {
    bottom: 40px;
    left: -28px;
    z-index: -1;
}

.project-section.single-row .shape-image-file .shape-img-5 img {
    width: 200px;
}

.project-section.single-row .shape-image-file .shape-img-6 {
    top: 74px;
    right: 42%;
    z-index: -1;
    animation: animationFramesOne 45s linear infinite reverse;
    -webkit-animation: animationFramesOne 45s linear infinite reverse;
}

.project-section.single-row .shape-image-file .shape-img-6 img {
    width: 30px;
}

.project-section.single-row .shape-image-file .shape-img-7 {
    top: 74px;
    right: 42%;
    z-index: -1;
    animation: animationFramesOne 55s linear infinite;
    -webkit-animation: animationFramesOne 55s linear infinite;
}

.project-section.single-row .shape-image-file .shape-img-7 img {
    width: 25px;
}

.project-section.single-row .shape-image-file .shape-img-8 {
    top: 26px;
    right: 54%;
    z-index: -1;
}

.project-section.single-row .shape-image-file .shape-img-8 img {
    width: 200px;
}

.project-details {
    background: var(--common-body-1);
    padding: 120px 0;
    position: relative;
    z-index: 9;
    overflow: hidden;
}

.project-details .title {
    margin-top: 60px;
}

.project-details .title h2 {
    font-size: 26px;
    line-height: 36px;
}

.project-details .inner-des {
    margin-top: 20px;
}

.project-details .inner-des .grid-action {
    display: -ms-grid;
    display: grid;
    grid-gap: 2rem;
    -ms-grid-columns: 1fr 2rem 1fr;
    grid-template-columns: repeat(2, 1fr);
}

.project-details .widget-project {
    background: var(--common-white);
    padding: 30px;
    border-radius: 8px;
    margin-left: 30px;
    margin-top: 70px;
}

@media only screen and (min-width: 768px) and (max-width: 991px),
only screen and (min-width: 576px) and (max-width: 767px),
only screen and (min-width: 400px) and (max-width: 575px),
(max-width: 399px) {
    .project-details .widget-project {
        margin-left: 0;
        margin-top: 30px;
    }
}

.project-details .widget-project .project ul li {
    margin-bottom: 15px;
}

.project-details .widget-project .project ul li span {
    display: block;
}

.project-details .widget-project .project ul li span:first-child {
    color: var(--text-p-1);
    line-height: initial;
}

.project-details .widget-project .project ul li span:last-child {
    color: var(--text-h);
    font-weight: 700;
    font-size: 16px;
    margin-top: 4px;
    line-height: initial;
}

.project-details .widget-project .social {
    margin-top: 20px;
}

.project-details .widget-project .social ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 10px;
}

.project-details .widget-project .social ul li a {
    display: block;
    width: 30px;
    height: 30px;
    border: 1px solid var(--theme-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: 100%;
    -webkit-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
}

.project-details .widget-project .social ul li a i {
    font-size: 15px;
    color: var(--theme-1);
    -webkit-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
}

.project-details .widget-project .social ul li a:hover {
    background: var(--theme-1);
}

.project-details .widget-project .social ul li a:hover i {
    color: var(--common-white);
}

.project-details .shape-image-file .shape-img-1 {
    left: -12px;
    top: 8%;
    z-index: -1;
}

@media only screen and (min-width: 992px) and (max-width: 1199px),
only screen and (min-width: 768px) and (max-width: 991px),
only screen and (min-width: 576px) and (max-width: 767px),
only screen and (min-width: 400px) and (max-width: 575px),
(max-width: 399px) {
    .project-details .shape-image-file .shape-img-1 {
        top: 10px;
    }
}

.project-details .shape-image-file .shape-img-1 img {
    width: 60px;
}

.project-details .shape-image-file .shape-img-2 {
    top: -24px;
    right: -28px;
    z-index: -1;
}

.project-details .shape-image-file .shape-img-2 img {
    width: 100px;
}

.project-details .shape-image-file .shape-img-3 {
    top: 13%;
    right: 14%;
    z-index: -1;
    -webkit-animation: scale-down-center 15s linear infinite alternate-reverse both;
    animation: scale-down-center 15s linear infinite alternate-reverse both;
}

.project-details .shape-image-file .shape-img-3 img {
    width: 120px;
}

.project-details .shape-image-file .shape-img-4 {
    bottom: 21%;
    right: 20px;
    z-index: -1;
    -webkit-animation: slide-top 10s linear 0.3s infinite alternate-reverse both;
    animation: slide-top 10s linear 0.3s infinite alternate-reverse both;
}

@media only screen and (min-width: 992px) and (max-width: 1199px),
only screen and (min-width: 768px) and (max-width: 991px),
only screen and (min-width: 576px) and (max-width: 767px),
only screen and (min-width: 400px) and (max-width: 575px),
(max-width: 399px) {
    .project-details .shape-image-file .shape-img-4 {
        -webkit-animation: none;
        animation: none;
        bottom: 10px;
    }
}

.project-details .shape-image-file .shape-img-4 img {
    width: 40px;
}

.project-details .shape-image-file .shape-img-5 {
    bottom: 40px;
    left: -28px;
    z-index: -1;
}

.project-details .shape-image-file .shape-img-5 img {
    width: 200px;
}

.project-details .shape-image-file .shape-img-6 {
    top: 74px;
    right: 42%;
    z-index: -1;
    animation: animationFramesOne 45s linear infinite reverse;
    -webkit-animation: animationFramesOne 45s linear infinite reverse;
}

.project-details .shape-image-file .shape-img-6 img {
    width: 30px;
}

.project-details .shape-image-file .shape-img-7 {
    top: 74px;
    right: 42%;
    z-index: -1;
    animation: animationFramesOne 55s linear infinite;
    -webkit-animation: animationFramesOne 55s linear infinite;
}

.project-details .shape-image-file .shape-img-7 img {
    width: 25px;
}

.project-details .shape-image-file .shape-img-8 {
    top: 26px;
    right: 54%;
    z-index: -1;
}

.project-details .shape-image-file .shape-img-8 img {
    width: 200px;
}

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

/* 17. Testimonial
/*----------------------------------------*/

.testimonial-section {
    position: relative;
}

.testimonial-section.one {
    /*background: var(--common-body-1);*/
    padding: 120px 0;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    z-index: 9;
    overflow: hidden;
}

.testimonial-section.one .section-title-shape-one {
    margin-bottom: 60px;
}

.testimonial-section.one .swiper {
    z-index: 9;
}

@media only screen and (min-width: 400px) and (max-width: 575px),
(max-width: 399px) {
    .testimonial-section.one .swiper.testimonial-one .swiper-wrapper .swiper-slide {
        padding: 0 12px;
    }
}

.testimonial-section.one .swiper.testimonial-one .swiper-wrapper .swiper-slide .inner-wrapper {
    background: #f8f9fa;
    border-radius: 10px;
    padding: 40px 40px;
}

@media only screen and (min-width: 768px) and (max-width: 991px),
only screen and (min-width: 576px) and (max-width: 767px),
only screen and (min-width: 400px) and (max-width: 575px),
(max-width: 399px) {
    .testimonial-section.one .swiper.testimonial-one .swiper-wrapper .swiper-slide .inner-wrapper {
        padding: 30px 30px;
    }
}

@media only screen and (min-width: 576px) and (max-width: 767px),
only screen and (min-width: 400px) and (max-width: 575px),
(max-width: 399px) {
    .testimonial-section.one .swiper.testimonial-one .swiper-wrapper .swiper-slide .inner-wrapper {
        margin-top: 30px;
    }
}

.testimonial-section.one .swiper.testimonial-one .swiper-wrapper .swiper-slide .inner-wrapper .intro-body {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 15px;
}

@media only screen and (min-width: 768px) and (max-width: 991px),
only screen and (min-width: 576px) and (max-width: 767px),
only screen and (min-width: 400px) and (max-width: 575px),
(max-width: 399px) {
    .testimonial-section.one .swiper.testimonial-one .swiper-wrapper .swiper-slide .inner-wrapper .intro-body {
        display: block;
    }
}

.testimonial-section.one .swiper.testimonial-one .swiper-wrapper .swiper-slide .inner-wrapper .intro-body .img-file {
    width: 80px;
    height: 80px;
    overflow: hidden;
    border-radius: 100%;
}

.testimonial-section.one .swiper.testimonial-one .swiper-wrapper .swiper-slide .inner-wrapper .intro-body .img-file img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.testimonial-section.one .swiper.testimonial-one .swiper-wrapper .swiper-slide .inner-wrapper .intro-body .text-file h3 {
    font-size: 22px;
    font-weight: var(--fw-600);
    margin: 0px;
    line-height: normal;
    text-transform: capitalize;
}

.testimonial-section.one .swiper.testimonial-one .swiper-wrapper .swiper-slide .inner-wrapper .intro-body .text-file h5 {
    font-size: 14px;
    font-weight: var(fw-normal);
    line-height: normal;
    margin: 0;
    margin-top: 5px;
    text-transform: capitalize;
}

@media only screen and (min-width: 768px) and (max-width: 991px),
only screen and (min-width: 576px) and (max-width: 767px),
only screen and (min-width: 400px) and (max-width: 575px),
(max-width: 399px) {
    .testimonial-section.one .swiper.testimonial-one .swiper-wrapper .swiper-slide .inner-wrapper .intro-body .text-file {
        margin-top: 20px;
    }
}

.testimonial-section.one .swiper.testimonial-one .swiper-wrapper .swiper-slide .inner-wrapper .review {
    margin-top: 20px;
    position: relative;
}

.testimonial-section.one .swiper.testimonial-one .swiper-wrapper .swiper-slide .inner-wrapper .review p {
    font-size: 15px;
    margin: 0;
}

.testimonial-section.one .swiper.testimonial-one .swiper-wrapper .swiper-slide .inner-wrapper .review .star {
    margin-top: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 5px;
}

.testimonial-section.one .swiper.testimonial-one .swiper-wrapper .swiper-slide .inner-wrapper .review .star i {
    color: #f7d800;
}

.testimonial-section.one .swiper.testimonial-one .swiper-wrapper .swiper-slide .inner-wrapper .review .shape {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    position: absolute;
    top: -88px;
    right: 0;
}

@media only screen and (min-width: 768px) and (max-width: 991px),
only screen and (min-width: 576px) and (max-width: 767px),
only screen and (min-width: 400px) and (max-width: 575px),
(max-width: 399px) {
    .testimonial-section.one .swiper.testimonial-one .swiper-wrapper .swiper-slide .inner-wrapper .review .shape {
        top: -160px;
        right: 25px;
    }
}

.testimonial-section.one .swiper.testimonial-one .swiper-wrapper .swiper-slide .inner-wrapper .review .shape i {
    font-size: 60px;
    color: #8af778;
}

.testimonial-section.one .shape-image .shape-1 {
    left: 20px;
    top: 20%;
    width: 30px;
    z-index: -1;
    -webkit-animation: slide-top 10s linear 0.3s infinite alternate-reverse both;
    animation: slide-top 10s linear 0.3s infinite alternate-reverse both;
}

@media only screen and (min-width: 400px) and (max-width: 575px),
(max-width: 399px) {
    .testimonial-section.one .shape-image .shape-1 {
        left: 17px;
        top: 5%;
        width: 24px;
        -webkit-animation: none;
        animation: none;
    }
}

.testimonial-section.one .shape-image .shape-2 {
    right: 26px;
    top: 49%;
    width: 18px;
    z-index: -1;
}

.testimonial-section.one .shape-image .shape-3 {
    right: 98px;
    bottom: 9%;
    width: 36px;
    z-index: -1;
    animation: animationFramesOne 25s linear 0.8s infinite;
    -webkit-animation: animationFramesOne 25s linear 0.8s infinite;
}

.testimonial-section.one .shape-image .shape-4 {
    left: 18%;
    top: 13%;
    width: 50px;
    z-index: -1;
    -webkit-animation: scale-down-center 5s linear infinite alternate-reverse both;
    animation: scale-down-center 5s linear infinite alternate-reverse both;
}

@media only screen and (min-width: 400px) and (max-width: 575px),
(max-width: 399px) {
    .testimonial-section.one .shape-image .shape-4 {
        left: 36%;
        top: 5%;
        animation: rotate-in-center 16s linear 0.4s infinite reverse backwards;
    }
}

.testimonial-section.one .shape-image .shape-5 {
    right: 18%;
    top: 13%;
    width: 130px;
    z-index: -1;
    animation: animationFramesOne 60s linear 0.8s infinite;
    -webkit-animation: animationFramesOne 60s linear 0.8s infinite;
    opacity: 0.5;
}

.testimonial-section.one .shape-image .shape-6 {
    right: 42%;
    top: 5%;
    width: 24px;
    z-index: -1;
    animation: animationFramesOne 40s linear 0.8s infinite alternate-reverse forwards;
    -webkit-animation: animationFramesOne 40s linear 0.8s infinite alternate-reverse forwards;
}

.testimonial-section.two {
    background: var(--common-body-1);
    padding: 120px 0 150px;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    z-index: 9;
    overflow: hidden;
    position: relative;
}

.testimonial-section.two::after {
    position: absolute;
    content: "";
    left: 0;
    top: 0;
    background: rgba(0, 13, 22, 0.8509803922);
    width: 100%;
    height: 100%;
    z-index: -1;
}

.testimonial-section.two .section-title-shape-one {
    margin-bottom: 70px;
    z-index: 9;
    position: relative;
}

.testimonial-section.two .swiper {
    z-index: 9;
}

@media only screen and (min-width: 400px) and (max-width: 575px),
(max-width: 399px) {
    .testimonial-section.two .swiper.testimonial-one .swiper-wrapper .swiper-slide {
        padding: 0 12px;
    }
}

.testimonial-section.two .swiper.testimonial-one .swiper-wrapper .swiper-slide .inner-wrapper {
    background: var(--common-gd);
    border-radius: 10px;
    padding: 40px 40px;
}

@media only screen and (min-width: 768px) and (max-width: 991px),
only screen and (min-width: 400px) and (max-width: 575px),
(max-width: 399px) {
    .testimonial-section.two .swiper.testimonial-one .swiper-wrapper .swiper-slide .inner-wrapper {
        padding: 30px 30px;
    }
}

.testimonial-section.two .swiper.testimonial-one .swiper-wrapper .swiper-slide .inner-wrapper .intro-body {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 15px;
}

.testimonial-section.two .swiper.testimonial-one .swiper-wrapper .swiper-slide .inner-wrapper .intro-body .img-file {
    width: 80px;
    height: 80px;
    overflow: hidden;
    border-radius: 10px;
}

.testimonial-section.two .swiper.testimonial-one .swiper-wrapper .swiper-slide .inner-wrapper .intro-body .img-file img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.testimonial-section.two .swiper.testimonial-one .swiper-wrapper .swiper-slide .inner-wrapper .intro-body .text-file h3 {
    font-size: 22px;
    font-weight: var(--fw-600);
    margin: 0px;
    line-height: 1.2;
    text-transform: capitalize;
    margin-bottom: 12px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .testimonial-section.two .swiper.testimonial-one .swiper-wrapper .swiper-slide .inner-wrapper .intro-body .text-file h3 {
        font-size: 20px;
    }
}

.testimonial-section.two .swiper.testimonial-one .swiper-wrapper .swiper-slide .inner-wrapper .intro-body .text-file h5 {
    font-size: 14px;
    font-weight: var(fw-normal);
    line-height: normal;
    margin: 0;
    margin-top: 5px;
    text-transform: capitalize;
}

.testimonial-section.two .swiper.testimonial-one .swiper-wrapper .swiper-slide .inner-wrapper .review {
    margin-top: 20px;
    position: relative;
    padding-left: 95px;
}

@media only screen and (min-width: 768px) and (max-width: 991px),
only screen and (min-width: 400px) and (max-width: 575px),
(max-width: 399px) {
    .testimonial-section.two .swiper.testimonial-one .swiper-wrapper .swiper-slide .inner-wrapper .review {
        padding-left: 0;
    }
}

.testimonial-section.two .swiper.testimonial-one .swiper-wrapper .swiper-slide .inner-wrapper .review p {
    font-size: 15px;
    margin: 0;
}

.testimonial-section.two .swiper.testimonial-one .swiper-wrapper .swiper-slide .inner-wrapper .review .star {
    margin-top: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 5px;
}

.testimonial-section.two .swiper.testimonial-one .swiper-wrapper .swiper-slide .inner-wrapper .review .star i {
    color: #f7d800;
}

.testimonial-section.two .swiper.testimonial-one .swiper-wrapper .swiper-slide .inner-wrapper .review .shape {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    position: absolute;
    top: 0;
    left: 14px;
}

.testimonial-section.two .swiper.testimonial-one .swiper-wrapper .swiper-slide .inner-wrapper .review .shape i {
    font-size: 60px;
    color: var(--common-white);
}

@media only screen and (min-width: 768px) and (max-width: 991px),
only screen and (min-width: 400px) and (max-width: 575px),
(max-width: 399px) {
    .testimonial-section.two .swiper.testimonial-one .swiper-wrapper .swiper-slide .inner-wrapper .review .shape {
        display: none;
    }
}

.testimonial-section.two .arrow-2 {
    top: auto;
    position: absolute;
    left: 50%;
    bottom: -82px;
    gap: 15px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.testimonial-section.two .shape-image .shape-1 {
    left: 20px;
    top: 20%;
    width: 30px;
    z-index: 0;
    -webkit-animation: slide-top 10s linear 0.3s infinite alternate-reverse both;
    animation: slide-top 10s linear 0.3s infinite alternate-reverse both;
}

.testimonial-section.two .shape-image .shape-2 {
    right: 26px;
    top: 49%;
    width: 18px;
    z-index: 0;
}

.testimonial-section.two .shape-image .shape-3 {
    right: 98px;
    bottom: 9%;
    width: 36px;
    z-index: 0;
    animation: animationFramesOne 25s linear 0.8s infinite;
    -webkit-animation: animationFramesOne 25s linear 0.8s infinite;
}

.testimonial-section.two .shape-image .shape-4 {
    left: 18%;
    top: 13%;
    width: 80px;
    z-index: 0;
    -webkit-animation: scale-down-center 5s linear infinite alternate-reverse both;
    animation: scale-down-center 5s linear infinite alternate-reverse both;
}

@media only screen and (min-width: 576px) and (max-width: 767px),
only screen and (min-width: 400px) and (max-width: 575px),
(max-width: 399px) {
    .testimonial-section.two .shape-image .shape-4 {
        left: auto;
        right: 40px;
        top: 25px;
    }
}

.testimonial-section.two .shape-image .shape-5 {
    right: 18%;
    top: 13%;
    width: 70px;
    z-index: 0;
    animation: animationFramesOne 60s linear 0.8s infinite;
    -webkit-animation: animationFramesOne 60s linear 0.8s infinite;
    opacity: 1;
}

@media only screen and (min-width: 576px) and (max-width: 767px),
only screen and (min-width: 400px) and (max-width: 575px),
(max-width: 399px) {
    .testimonial-section.two .shape-image .shape-5 {
        right: 15%;
        top: 20%;
    }
}

.testimonial-section.two .shape-image .shape-6 {
    right: 42%;
    top: 5%;
    width: 24px;
    z-index: 0;
    animation: animationFramesOne 40s linear 0.8s infinite alternate-reverse forwards;
    -webkit-animation: animationFramesOne 40s linear 0.8s infinite alternate-reverse forwards;
}

.testimonial-section.two .shape-image .shape-7 {
    left: 7px;
    bottom: -5px;
    width: 120px;
    z-index: 0;
}

.testimonial-section.three {
    background: var(--common-body-3);
    padding: 120px 0;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    z-index: 9;
    overflow: hidden;
}

.testimonial-section.three .section-title-shape-one {
    margin-bottom: 70px;
}

.testimonial-section.three .swiper {
    z-index: 9;
}

@media only screen and (min-width: 400px) and (max-width: 575px),
(max-width: 399px) {
    .testimonial-section.three .swiper.testimonial-two .swiper-wrapper .swiper-slide {
        padding: 0 12px;
    }
}

.testimonial-section.three .swiper.testimonial-two .swiper-wrapper .swiper-slide .inner-wrapper {
    background: var(--common-body-3);
    -webkit-box-shadow: 0px 3px 10px 0px rgba(41, 45, 194, 0.08);
    box-shadow: 0px 3px 10px 0px rgba(41, 45, 194, 0.08);
    margin: 20px 0;
    border-radius: 8px;
    padding: 20px 20px;
}

.testimonial-section.three .swiper.testimonial-two .swiper-wrapper .swiper-slide .inner-wrapper .intro-body {
    margin-top: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 15px;
}

.testimonial-section.three .swiper.testimonial-two .swiper-wrapper .swiper-slide .inner-wrapper .intro-body .img-file {
    width: 60px;
    height: 60px;
    overflow: hidden;
    border-radius: 8px;
}

.testimonial-section.three .swiper.testimonial-two .swiper-wrapper .swiper-slide .inner-wrapper .intro-body .img-file img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.testimonial-section.three .swiper.testimonial-two .swiper-wrapper .swiper-slide .inner-wrapper .intro-body .text-file h3 {
    font-size: 20px;
    line-height: 1.2;
    color: var(--text-h);
    font-weight: var(--fw-600);
    margin: 0px;
    line-height: normal;
    text-transform: capitalize;
}

.testimonial-section.three .swiper.testimonial-two .swiper-wrapper .swiper-slide .inner-wrapper .intro-body .text-file h5 {
    font-size: 14px;
    color: var(--text-p-1);
    font-weight: var(fw-normal);
    line-height: normal;
    margin: 0;
    margin-top: 5px;
    text-transform: capitalize;
}

.testimonial-section.three .swiper.testimonial-two .swiper-wrapper .swiper-slide .inner-wrapper .review {
    margin-top: 80px;
    position: relative;
}

.testimonial-section.three .swiper.testimonial-two .swiper-wrapper .swiper-slide .inner-wrapper .review p {
    color: var(--text-p-1);
    font-size: 15px;
    margin: 0;
}

.testimonial-section.three .swiper.testimonial-two .swiper-wrapper .swiper-slide .inner-wrapper .review .shape {
    left: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    position: absolute;
    top: -80px;
}

.testimonial-section.three .swiper.testimonial-two .swiper-wrapper .swiper-slide .inner-wrapper .review .shape i {
    font-size: 80px;
    color: var(--grey-1);
}

.testimonial-section.three .shape-image .shape-1 {
    left: -3px;
    top: -2px;
    z-index: -1;
    width: 140px;
}

.testimonial-section.three .shape-image .shape-2 {
    right: 26px;
    top: 49%;
    width: 18px;
    z-index: -1;
}

.testimonial-section.three .shape-image .shape-3 {
    right: 98px;
    bottom: 9%;
    width: 60px;
    z-index: -1;
    animation: animationFramesOne 25s linear 0.8s infinite;
    -webkit-animation: animationFramesOne 25s linear 0.8s infinite;
}

.testimonial-section.three .shape-image .shape-4 {
    left: 18%;
    top: 13%;
    width: 50px;
    z-index: -1;
    animation: rotate-in-center 12s linear 0s infinite reverse;
}

@media only screen and (min-width: 576px) and (max-width: 767px),
only screen and (min-width: 400px) and (max-width: 575px),
(max-width: 399px) {
    .testimonial-section.three .shape-image .shape-4 {
        right: 50px;
        top: 10%;
        left: auto;
    }
}

.testimonial-section.three .shape-image .shape-5 {
    right: 18%;
    top: 13%;
    width: 130px;
    z-index: -1;
    animation: animationFramesOne 60s linear 0.8s infinite;
    -webkit-animation: animationFramesOne 60s linear 0.8s infinite;
    opacity: 0.5;
}

.testimonial-section.three .shape-image .shape-6 {
    right: 42%;
    top: 5%;
    width: 24px;
    z-index: -1;
    animation: animationFramesOne 40s linear 0.8s infinite alternate-reverse forwards;
    -webkit-animation: animationFramesOne 40s linear 0.8s infinite alternate-reverse forwards;
}

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

/* 18. Team
/*----------------------------------------*/

.team-section {
    padding: 120px 0;
    position: relative;
    z-index: 9;
}

.team-section.one {
    /*background: var(--common-body-2);*/
}

.team-section.one .section-title-shape-one {
    margin-bottom: 60px;
}

.team-section.one .swiper {
    z-index: 9;
}

@media only screen and (min-width: 400px) and (max-width: 575px),
(max-width: 399px) {
    .team-section.one .swiper.team-one .swiper-wrapper .swiper-slide .inner-wrapper {
        padding: 0 12px;
    }
}

.team-section.one .swiper.team-one .swiper-wrapper .swiper-slide .inner-wrapper .img-file {
    position: relative;
    border-radius: 10px;
    overflow: hidden;
}

.team-section.one .swiper.team-one .swiper-wrapper .swiper-slide .inner-wrapper .img-file img {
    width: 100%;
}

.team-section.one .swiper.team-one .swiper-wrapper .swiper-slide .inner-wrapper .img-file .shape-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: transparent;
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
}

.team-section.one .swiper.team-one .swiper-wrapper .swiper-slide .inner-wrapper .img-file .shape-overlay .inner-data {
    margin-top: 70px;
}

@media only screen and (min-width: 576px) and (max-width: 767px),
only screen and (min-width: 400px) and (max-width: 575px),
(max-width: 399px) {
    .team-section.one .swiper.team-one .swiper-wrapper .swiper-slide .inner-wrapper .img-file .shape-overlay .inner-data {
        margin-top: 120px;
    }
}

.team-section.one .swiper.team-one .swiper-wrapper .swiper-slide .inner-wrapper .img-file .shape-overlay .inner-data h3 {
    font-size: 20px;
    font-weight: var(--fw-600);
    margin: 0;
    margin-bottom: 15px;
    -webkit-transition: all 0.4s linear;
    -o-transition: all 0.4s linear;
    transition: all 0.4s linear;
    -webkit-transform: translateX(-200%);
    -ms-transform: translateX(-200%);
    transform: translateX(-200%);
}

.team-section.one .swiper.team-one .swiper-wrapper .swiper-slide .inner-wrapper .img-file .shape-overlay .inner-data p {
    font-size: 14px;
    line-height: 1.5;
    margin-bottom: 0;
    -webkit-transition: all 0.4s linear;
    -o-transition: all 0.4s linear;
    transition: all 0.4s linear;
    -webkit-transform: translateX(200%);
    -ms-transform: translateX(200%);
    transform: translateX(200%);
}

.team-section.one .swiper.team-one .swiper-wrapper .swiper-slide .inner-wrapper .img-file .shape-overlay .inner-data .social {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-transform: translateY(500%);
    -ms-transform: translateY(500%);
    transform: translateY(500%);
}

.team-section.one .swiper.team-one .swiper-wrapper .swiper-slide .inner-wrapper .img-file:hover .shape-overlay {
    background: rgba(0, 0, 0, 0.7294117647);
}

.team-section.one .swiper.team-one .swiper-wrapper .swiper-slide .inner-wrapper .img-file:hover .shape-overlay .inner-data h3,
.team-section.one .swiper.team-one .swiper-wrapper .swiper-slide .inner-wrapper .img-file:hover .shape-overlay .inner-data p {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
}

.team-section.one .swiper.team-one .swiper-wrapper .swiper-slide .inner-wrapper .img-file:hover .shape-overlay .inner-data .social {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
}

.team-section.one .team-version-one-pagination {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 40px;
}

.team-section.one .shape-image .shape-img-1 {
    left: 15px;
    top: 30%;
    z-index: -1;
    -webkit-animation: slide-top 10s linear 0.3s infinite alternate-reverse both;
    animation: slide-top 10s linear 0.3s infinite alternate-reverse both;
}

@media only screen and (min-width: 768px) and (max-width: 991px),
only screen and (min-width: 576px) and (max-width: 767px),
only screen and (min-width: 400px) and (max-width: 575px),
(max-width: 399px) {
    .team-section.one .shape-image .shape-img-1 {
        display: none;
    }
}

.team-section.one .shape-image .shape-img-1 img {
    width: 50px;
}

.team-section.one .shape-image .shape-img-2 {
    right: 30%;
    top: 20%;
    z-index: -1;
    animation: animationFramesOne 25s linear infinite;
    -webkit-animation: animationFramesOne 25s linear infinite;
}

.team-section.one .shape-image .shape-img-2 img {
    width: 60px;
}

.team-section.one .shape-image .shape-img-3 {
    right: 50%;
    top: 25%;
    z-index: -1;
    animation: animationFramesOne 35s linear infinite;
    -webkit-animation: animationFramesOne 35s linear infinite;
}

.team-section.one .shape-image .shape-img-3 img {
    width: 20px;
}

.team-section.one .shape-image .shape-img-4 {
    right: 5%;
    top: 20%;
    z-index: -1;
    -webkit-animation: rotate-in-center 12s linear 0s infinite reverse backwards;
    animation: rotate-in-center 12s linear 0s infinite reverse backwards;
}

.team-section.one .shape-image .shape-img-4 img {
    width: 30px;
}

.team-section.one .shape-image .shape-img-5 {
    left: 5%;
    bottom: 20%;
    z-index: -1;
    animation: animationFramesOne 25s linear infinite;
    -webkit-animation: animationFramesOne 25s linear infinite;
}

.team-section.one .shape-image .shape-img-5 img {
    width: 30px;
}

.team-section.one .shape-image .shape-img-6 {
    right: 15px;
    bottom: 8%;
    z-index: -1;
}

.team-section.one .shape-image .shape-img-6 img {
    width: 60px;
}

.team-section.one .shape-image .shape-img-7 {
    left: -2px;
    bottom: -22px;
    z-index: -1;
}

.team-section.one .shape-image .shape-img-7 img {
    width: 100px;
}

.team-section.one .shape-image .shape-img-8 {
    right: 39%;
    top: 6%;
    z-index: -1;
}

.team-section.one .shape-image .shape-img-8 img {
    width: 55px;
}

.team-section.one .shape-image .shape-img-9 {
    right: 58%;
    top: 10%;
    z-index: -1;
}

@media only screen and (min-width: 992px) and (max-width: 1199px),
only screen and (min-width: 768px) and (max-width: 991px),
only screen and (min-width: 576px) and (max-width: 767px),
only screen and (min-width: 400px) and (max-width: 575px),
(max-width: 399px) {
    .team-section.one .shape-image .shape-img-9 {
        right: 49%;
        top: 15%;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px),
only screen and (min-width: 576px) and (max-width: 767px),
only screen and (min-width: 400px) and (max-width: 575px),
(max-width: 399px) {
    .team-section.one .shape-image .shape-img-9 {
        right: 34%;
    }
}

.team-section.one .shape-image .shape-img-9 img {
    width: 130px;
}

.team-section.one.single-row {
    overflow: hidden;
}

.team-section.one.single-row .inner-wrapper {
    margin-bottom: 30px;
}

.team-section.one.single-row .inner-wrapper .img-file {
    position: relative;
    border-radius: 10px;
    overflow: hidden;
}

.team-section.one.single-row .inner-wrapper .img-file .shape-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: transparent;
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
}

.team-section.one.single-row .inner-wrapper .img-file .shape-overlay .inner-data {
    margin-top: 70px;
}

.team-section.one.single-row .inner-wrapper .img-file .shape-overlay .inner-data h3 {
    font-size: 20px;
    font-weight: var(--fw-600);
    margin: 0;
    margin-bottom: 15px;
    -webkit-transition: all 0.4s linear;
    -o-transition: all 0.4s linear;
    transition: all 0.4s linear;
    -webkit-transform: translateX(-200%);
    -ms-transform: translateX(-200%);
    transform: translateX(-200%);
}

.team-section.one.single-row .inner-wrapper .img-file .shape-overlay .inner-data p {
    font-size: 14px;
    line-height: 1.5;
    margin-bottom: 0;
    -webkit-transition: all 0.4s linear;
    -o-transition: all 0.4s linear;
    transition: all 0.4s linear;
    -webkit-transform: translateX(200%);
    -ms-transform: translateX(200%);
    transform: translateX(200%);
}

.team-section.one.single-row .inner-wrapper .img-file .shape-overlay .inner-data .social {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-transform: translateY(500%);
    -ms-transform: translateY(500%);
    transform: translateY(500%);
}

.team-section.one.single-row .inner-wrapper .img-file:hover .shape-overlay {
    background: rgba(0, 0, 0, 0.7294117647);
}

.team-section.one.single-row .inner-wrapper .img-file:hover .shape-overlay .inner-data h3,
.team-section.one.single-row .inner-wrapper .img-file:hover .shape-overlay .inner-data p {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
}

.team-section.one.single-row .inner-wrapper .img-file:hover .shape-overlay .inner-data .social {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
}

.team-section.one.single-row .pagination {
    margin-top: 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.team-section.one.single-row .pagination ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 12px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.team-section.one.single-row .pagination ul li a {
    width: 35px;
    height: 35px;
    background: -webkit-gradient( linear, left top, left bottom, from(#243949), to(#00151e));
    background: -o-linear-gradient(top, #243949 0%, #00151e 100%);
    background: linear-gradient(180deg, #243949 0%, #00151e 100%);
    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;
    font-weight: 600;
}

.team-section.one.single-row .pagination ul li a:hover {
    -webkit-animation: pulse-small 0.8s;
    animation: pulse-small 0.8s;
    color: var(--theme-1);
}

.team-section.one.single-row .pagination ul li a.active {
    color: var(--theme-1);
}

.team-section.one.single-row .shape-image-file .shape-img-1 {
    left: -12px;
    top: 8%;
    z-index: -1;
}

.team-section.one.single-row .shape-image-file .shape-img-1 img {
    width: 60px;
}

.team-section.one.single-row .shape-image-file .shape-img-2 {
    top: -24px;
    right: -28px;
    z-index: -1;
}

.team-section.one.single-row .shape-image-file .shape-img-2 img {
    width: 100px;
}

.team-section.one.single-row .shape-image-file .shape-img-3 {
    top: 13%;
    right: 14%;
    z-index: -1;
    -webkit-animation: scale-down-center 15s linear infinite alternate-reverse both;
    animation: scale-down-center 15s linear infinite alternate-reverse both;
}

.team-section.one.single-row .shape-image-file .shape-img-3 img {
    width: 120px;
}

.team-section.one.single-row .shape-image-file .shape-img-4 {
    bottom: 21%;
    right: 20px;
    z-index: -1;
    -webkit-animation: slide-top 10s linear 0.3s infinite alternate-reverse both;
    animation: slide-top 10s linear 0.3s infinite alternate-reverse both;
}

.team-section.one.single-row .shape-image-file .shape-img-4 img {
    width: 40px;
}

.team-section.one.single-row .shape-image-file .shape-img-5 {
    bottom: 40px;
    left: -28px;
    z-index: -1;
}

.team-section.one.single-row .shape-image-file .shape-img-5 img {
    width: 200px;
}

.team-section.one.single-row .shape-image-file .shape-img-6 {
    top: 74px;
    right: 42%;
    z-index: -1;
    animation: animationFramesOne 45s linear infinite reverse;
    -webkit-animation: animationFramesOne 45s linear infinite reverse;
}

.team-section.one.single-row .shape-image-file .shape-img-6 img {
    width: 30px;
}

.team-section.one.single-row .shape-image-file .shape-img-7 {
    top: 74px;
    right: 42%;
    z-index: -1;
    animation: animationFramesOne 55s linear infinite;
    -webkit-animation: animationFramesOne 55s linear infinite;
}

.team-section.one.single-row .shape-image-file .shape-img-7 img {
    width: 25px;
}

.team-section.one.single-row .shape-image-file .shape-img-8 {
    top: 26px;
    right: 54%;
    z-index: -1;
}

.team-section.one.single-row .shape-image-file .shape-img-8 img {
    width: 200px;
}

.team-section.two {
    overflow: hidden;
    background: var(--common-body-3);
}

.team-section.two .section-title-shape-one {
    margin-bottom: 60px;
}

@media only screen and (min-width: 768px) and (max-width: 991px),
only screen and (min-width: 576px) and (max-width: 767px),
only screen and (min-width: 400px) and (max-width: 575px),
(max-width: 399px) {
    .team-section.two .inner-wrapper {
        margin-bottom: 30px;
    }
}

.team-section.two .inner-wrapper .img-file {
    position: relative;
    border-radius: 10px;
    overflow: hidden;
}

@media only screen and (min-width: 576px) and (max-width: 767px),
only screen and (min-width: 400px) and (max-width: 575px),
(max-width: 399px) {
    .team-section.two .inner-wrapper .img-file img {
        width: 100%;
    }
}

.team-section.two .inner-wrapper .img-file .shape-overlay {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 70px;
    background: rgba(0, 0, 0, 0.7294117647);
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
}

.team-section.two .inner-wrapper .img-file .shape-overlay .inner-data .social {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 5px;
}

.team-section.two .inner-wrapper .img-file:hover .shape-overlay {
    background: rgba(0, 0, 0, 0.7294117647);
}

.team-section.two .inner-wrapper .text-file {
    margin-top: 20px;
    text-align: center;
}

.team-section.two .inner-wrapper .text-file h3 {
    font-size: 20px;
    line-height: 1.2;
    font-weight: var(--fw-800);
    margin: 0;
    color: var(--text-h);
    -webkit-transition: all 0.4s linear;
    -o-transition: all 0.4s linear;
    transition: all 0.4s linear;
}

.team-section.two .inner-wrapper .text-file p {
    font-size: 18px;
    text-transform: capitalize;
    line-height: 1.5;
    margin-bottom: 0;
    -webkit-transition: all 0.4s linear;
    -o-transition: all 0.4s linear;
    transition: all 0.4s linear;
    color: var(--text-h);
}

.team-section.two .shape-image .shape-img-1 {
    left: 15px;
    top: 30%;
    z-index: -1;
    -webkit-animation: slide-top 10s linear 0.3s infinite alternate-reverse both;
    animation: slide-top 10s linear 0.3s infinite alternate-reverse both;
}

.team-section.two .shape-image .shape-img-1 img {
    width: 50px;
}

.team-section.two .shape-image .shape-img-2 {
    right: 30%;
    top: 20%;
    z-index: -1;
    animation: animationFramesOne 25s linear infinite;
    -webkit-animation: animationFramesOne 25s linear infinite;
}

.team-section.two .shape-image .shape-img-2 img {
    width: 20px;
}

.team-section.two .shape-image .shape-img-3 {
    right: 50%;
    top: 25%;
    z-index: -1;
    animation: animationFramesOne 35s linear infinite;
    -webkit-animation: animationFramesOne 35s linear infinite;
}

.team-section.two .shape-image .shape-img-3 img {
    width: 20px;
}

.team-section.two .shape-image .shape-img-4 {
    right: 5%;
    top: 20%;
    z-index: -1;
    -webkit-animation: rotate-in-center 12s linear 0s infinite reverse backwards;
    animation: rotate-in-center 12s linear 0s infinite reverse backwards;
}

.team-section.two .shape-image .shape-img-4 img {
    width: 60px;
}

.team-section.two .shape-image .shape-img-6 {
    right: -334px;
    bottom: -120px;
    z-index: -1;
}

.team-section.two .shape-image .shape-img-6 img {
    width: 520px;
}

.team-section.two .shape-image .shape-img-8 {
    right: 39%;
    top: 6%;
    z-index: -1;
}

@media only screen and (min-width: 768px) and (max-width: 991px),
only screen and (min-width: 576px) and (max-width: 767px),
only screen and (min-width: 400px) and (max-width: 575px),
(max-width: 399px) {
    .team-section.two .shape-image .shape-img-8 {
        right: 11%;
        top: 3%;
    }
}

.team-section.two .shape-image .shape-img-8 img {
    width: 55px;
}

.team-section.two .shape-image .shape-img-9 {
    right: 68%;
    top: 10%;
    z-index: -1;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .team-section.two .shape-image .shape-img-9 {
        right: 75%;
        top: 5%;
    }
}

@media only screen and (min-width: 576px) and (max-width: 767px),
only screen and (min-width: 400px) and (max-width: 575px),
(max-width: 399px) {
    .team-section.two .shape-image .shape-img-9 {
        right: 43%;
        top: 3%;
    }
}

@media only screen and (min-width: 400px) and (max-width: 575px),
(max-width: 399px) {
    .team-section.two .shape-image .shape-img-9 {
        right: auto;
        top: 1%;
        left: 6%;
    }
}

.team-section.two .shape-image .shape-img-9 img {
    width: 130px;
}

.team-section.two.single-row {
    overflow: hidden;
}

.team-section.two.single-row .inner-wrapper {
    margin-bottom: 30px;
}

.team-section.two.single-row .inner-wrapper .img-file {
    position: relative;
    border-radius: 10px;
    overflow: hidden;
}

.team-section.two.single-row .inner-wrapper .img-file .shape-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: transparent;
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
}

.team-section.two.single-row .inner-wrapper .img-file .shape-overlay .inner-data {
    margin-top: 70px;
}

.team-section.two.single-row .inner-wrapper .img-file .shape-overlay .inner-data h3 {
    font-size: 20px;
    font-weight: var(--fw-600);
    margin: 0;
    -webkit-transition: all 0.4s linear;
    -o-transition: all 0.4s linear;
    transition: all 0.4s linear;
    -webkit-transform: translateX(-140%);
    -ms-transform: translateX(-140%);
    transform: translateX(-140%);
}

.team-section.two.single-row .inner-wrapper .img-file .shape-overlay .inner-data p {
    font-size: 14px;
    line-height: 1.5;
    margin-bottom: 0;
    -webkit-transition: all 0.4s linear;
    -o-transition: all 0.4s linear;
    transition: all 0.4s linear;
    -webkit-transform: translateX(140%);
    -ms-transform: translateX(140%);
    transform: translateX(140%);
}

.team-section.two.single-row .inner-wrapper .img-file .shape-overlay .inner-data .social {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-transform: translateY(337%);
    -ms-transform: translateY(337%);
    transform: translateY(337%);
}

.team-section.two.single-row .inner-wrapper .img-file:hover .shape-overlay {
    background: rgba(0, 0, 0, 0.7294117647);
}

.team-section.two.single-row .inner-wrapper .img-file:hover .shape-overlay .inner-data h3,
.team-section.two.single-row .inner-wrapper .img-file:hover .shape-overlay .inner-data p {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
}

.team-section.two.single-row .inner-wrapper .img-file:hover .shape-overlay .inner-data .social {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
}

.team-section.two.single-row .pagination {
    margin-top: 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.team-section.two.single-row .pagination ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 12px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.team-section.two.single-row .pagination ul li a {
    width: 35px;
    height: 35px;
    background: -webkit-gradient( linear, left top, left bottom, from(#243949), to(#00151e));
    background: -o-linear-gradient(top, #243949 0%, #00151e 100%);
    background: linear-gradient(180deg, #243949 0%, #00151e 100%);
    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;
    font-weight: 600;
}

.team-section.two.single-row .pagination ul li a:hover {
    -webkit-animation: pulse-small 0.8s;
    animation: pulse-small 0.8s;
    color: var(--theme-1);
}

.team-section.two.single-row .pagination ul li a.active {
    color: var(--theme-1);
}

.team-section.two.single-row .shape-image-file .shape-img-1 {
    left: -12px;
    top: 8%;
    z-index: -1;
}

.team-section.two.single-row .shape-image-file .shape-img-1 img {
    width: 60px;
}

.team-section.two.single-row .shape-image-file .shape-img-2 {
    top: -24px;
    right: -28px;
    z-index: -1;
}

.team-section.two.single-row .shape-image-file .shape-img-2 img {
    width: 100px;
}

.team-section.two.single-row .shape-image-file .shape-img-3 {
    top: 13%;
    right: 14%;
    z-index: -1;
    -webkit-animation: scale-down-center 15s linear infinite alternate-reverse both;
    animation: scale-down-center 15s linear infinite alternate-reverse both;
}

.team-section.two.single-row .shape-image-file .shape-img-3 img {
    width: 120px;
}

.team-section.two.single-row .shape-image-file .shape-img-4 {
    bottom: 21%;
    right: 20px;
    z-index: -1;
    -webkit-animation: slide-top 10s linear 0.3s infinite alternate-reverse both;
    animation: slide-top 10s linear 0.3s infinite alternate-reverse both;
}

.team-section.two.single-row .shape-image-file .shape-img-4 img {
    width: 40px;
}

.team-section.two.single-row .shape-image-file .shape-img-5 {
    bottom: 40px;
    left: -28px;
    z-index: -1;
}

.team-section.two.single-row .shape-image-file .shape-img-5 img {
    width: 200px;
}

.team-section.two.single-row .shape-image-file .shape-img-6 {
    top: 74px;
    right: 42%;
    z-index: -1;
    animation: animationFramesOne 45s linear infinite reverse;
    -webkit-animation: animationFramesOne 45s linear infinite reverse;
}

.team-section.two.single-row .shape-image-file .shape-img-6 img {
    width: 30px;
}

.team-section.two.single-row .shape-image-file .shape-img-7 {
    top: 74px;
    right: 42%;
    z-index: -1;
    animation: animationFramesOne 55s linear infinite;
    -webkit-animation: animationFramesOne 55s linear infinite;
}

.team-section.two.single-row .shape-image-file .shape-img-7 img {
    width: 25px;
}

.team-section.two.single-row .shape-image-file .shape-img-8 {
    top: 26px;
    right: 54%;
    z-index: -1;
}

.team-section.two.single-row .shape-image-file .shape-img-8 img {
    width: 200px;
}

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

/* 19. Review
/*----------------------------------------*/

.review-section {
    background: var(--common-body-1);
    z-index: 9;
    padding: 120px 0;
    position: relative;
    overflow: hidden;
}

.review-section .review-inner {
    padding: 0 5px;
    margin-bottom: 60px;
}

.review-section .review-inner .review-box {
    background: var(--common-body-2);
    position: relative;
    padding: 30px 30px;
    border-radius: 8px;
}

.review-section .review-inner .review-box .icons {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 6px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.review-section .review-inner .review-box .icons i {
    color: #f7dd00;
}

.review-section .review-inner .review-box .review-text p {
    font-size: 16px;
    margin-top: 15px;
    margin-bottom: 0;
}

.review-section .review-inner .review-box::after {
    position: absolute;
    content: "";
    left: 34px;
    bottom: -22px;
    -webkit-clip-path: polygon(50% 100%, 0 0, 100% 0);
    clip-path: polygon(50% 100%, 0 0, 100% 0);
    background: #00151e;
    width: 24px;
    height: 24px;
    z-index: 9;
}

.review-section .review-inner .profile {
    margin-top: 40px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 18px;
}

.review-section .review-inner .profile .img-file {
    width: 80px;
    height: 80px;
    border-radius: 8px;
    overflow: hidden;
}

.review-section .review-inner .profile .img-file img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.review-section .review-inner .profile .text-file h4 {
    font-size: 20px;
    line-height: normal;
}

.review-section .review-inner .profile .text-file p {
    margin: 0;
}

.review-section .pagination {
    margin-top: 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.review-section .pagination ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 12px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.review-section .pagination ul li a {
    width: 35px;
    height: 35px;
    background: -webkit-gradient( linear, left top, left bottom, from(#243949), to(#00151e));
    background: -o-linear-gradient(top, #243949 0%, #00151e 100%);
    background: linear-gradient(180deg, #243949 0%, #00151e 100%);
    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;
    font-weight: 600;
}

.review-section .pagination ul li a:hover {
    -webkit-animation: pulse-small 0.8s;
    animation: pulse-small 0.8s;
    color: var(--theme-1);
}

.review-section .pagination ul li a.active {
    color: var(--theme-1);
}

.review-section .shape-image .shape-img-1 {
    left: -12px;
    top: 8%;
    z-index: -1;
}

@media only screen and (min-width: 992px) and (max-width: 1199px),
only screen and (min-width: 768px) and (max-width: 991px),
only screen and (min-width: 576px) and (max-width: 767px),
only screen and (min-width: 400px) and (max-width: 575px),
(max-width: 399px) {
    .review-section .shape-image .shape-img-1 {
        left: -12px;
        top: 25px;
    }
}

.review-section .shape-image .shape-img-1 img {
    width: 60px;
}

.review-section .shape-image .shape-img-2 {
    top: -24px;
    right: -28px;
    z-index: -1;
}

.review-section .shape-image .shape-img-2 img {
    width: 100px;
}

.review-section .shape-image .shape-img-3 {
    top: 13%;
    right: 14%;
    z-index: -1;
    -webkit-animation: scale-down-center 15s linear infinite alternate-reverse both;
    animation: scale-down-center 15s linear infinite alternate-reverse both;
}

.review-section .shape-image .shape-img-3 img {
    width: 120px;
}

.review-section .shape-image .shape-img-4 {
    bottom: 21%;
    right: 20px;
    z-index: -1;
    -webkit-animation: slide-top 10s linear 0.3s infinite alternate-reverse both;
    animation: slide-top 10s linear 0.3s infinite alternate-reverse both;
}

@media only screen and (min-width: 992px) and (max-width: 1199px),
only screen and (min-width: 768px) and (max-width: 991px),
only screen and (min-width: 576px) and (max-width: 767px),
only screen and (min-width: 400px) and (max-width: 575px),
(max-width: 399px) {
    .review-section .shape-image .shape-img-4 {
        bottom: 0;
    }
}

.review-section .shape-image .shape-img-4 img {
    width: 40px;
}

.review-section .shape-image .shape-img-5 {
    bottom: 40px;
    left: -28px;
    z-index: -1;
}

.review-section .shape-image .shape-img-5 img {
    width: 200px;
}

.review-section .shape-image .shape-img-6 {
    top: 74px;
    right: 42%;
    z-index: -1;
    animation: animationFramesOne 45s linear infinite reverse;
    -webkit-animation: animationFramesOne 45s linear infinite reverse;
}

.review-section .shape-image .shape-img-6 img {
    width: 30px;
}

.review-section .shape-image .shape-img-7 {
    top: 74px;
    right: 42%;
    z-index: -1;
    animation: animationFramesOne 55s linear infinite;
    -webkit-animation: animationFramesOne 55s linear infinite;
}

.review-section .shape-image .shape-img-7 img {
    width: 25px;
}

.review-section .shape-image .shape-img-8 {
    top: 26px;
    right: 54%;
    z-index: -1;
}

.review-section .shape-image .shape-img-8 img {
    width: 200px;
}

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

/* 20. Widget
/*----------------------------------------*/

@media only screen and (min-width: 768px) and (max-width: 991px),
only screen and (min-width: 576px) and (max-width: 767px),
only screen and (min-width: 400px) and (max-width: 575px),
(max-width: 399px) {
    .widget-area {
        margin-top: 60px;
    }
}

.widget-area .widget.widget-search .search {
    background: var(--common-white);
    padding: 15px 20px;
    border-radius: 5px;
}

.widget-area .widget.widget-search .search .title h2 {
    font-size: 20px;
    line-height: 40px;
    font-weight: 800;
    color: var(--text-h);
}

.widget-area .widget.widget-search .search .search-wrap .search-form {
    position: relative;
    overflow: hidden;
}

.widget-area .widget.widget-search .search .search-wrap .search-form input {
    background-color: transparent;
    height: 50px;
    padding: 6px 15px;
    width: 100%;
    display: block;
    outline: 0;
    -webkit-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
    border: 1px solid #eee;
    border-radius: 5px;
    font-size: 16px;
    overflow: hidden;
}

.widget-area .widget.widget-search .search .search-wrap .search-form button {
    position: absolute;
    right: 0px;
    top: 0px;
    width: 50px;
    background: var(--theme-1);
    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: 0px 5px 5px 0px;
    -webkit-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
}

.widget-area .widget.widget-search .search .search-wrap .search-form button:hover {
    background: var(--common-body-1);
}

.widget-area .widget.widget-post {
    margin-top: 30px;
}

.widget-area .widget.widget-post .post {
    background: var(--common-white);
    padding: 15px 20px;
    border-radius: 5px;
}

.widget-area .widget.widget-post .post .title h2 {
    font-size: 20px;
    line-height: 40px;
    font-weight: 800;
    color: var(--text-h);
    margin: 0;
}

.widget-area .widget.widget-post .post .post-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 15px;
    border-bottom: 1px solid #ddd;
    padding: 10px 0;
}

.widget-area .widget.widget-post .post .post-item .img-file {
    width: 80px;
    height: 80px;
    overflow: hidden;
}

.widget-area .widget.widget-post .post .post-item .img-file img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.widget-area .widget.widget-post .post .post-item .info time {
    color: var(--text-p-1);
    margin-bottom: 4px;
    display: inline-block;
}

.widget-area .widget.widget-post .post .post-item .info .title {
    font-size: 14px;
    font-weight: 700;
    line-height: 1.2;
}

.widget-area .widget.widget-post .post .post-item .info .title a {
    color: var(--text-h);
    -webkit-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
}

.widget-area .widget.widget-post .post .post-item .info .title a:hover {
    color: var(--theme-1);
}

.widget-area .widget.widget-post .post .post-item:last-child {
    border: none;
}

.widget-area .widget.widget-follow {
    margin-top: 30px;
}

.widget-area .widget.widget-follow .follow {
    background: var(--common-white);
    padding: 15px 20px;
    border-radius: 5px;
}

.widget-area .widget.widget-follow .follow .title h2 {
    font-size: 20px;
    line-height: 40px;
    font-weight: 800;
    color: var(--text-h);
    margin: 0;
}

.widget-area .widget.widget-follow .follow .social {
    margin-top: 10px;
}

.widget-area .widget.widget-follow .follow .social ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 10px;
}

.widget-area .widget.widget-follow .follow .social ul li a {
    display: block;
    width: 40px;
    height: 40px;
    border: 1px solid var(--theme-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: 100%;
    -webkit-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
}

.widget-area .widget.widget-follow .follow .social ul li a i {
    font-size: 18px;
    color: var(--theme-1);
    -webkit-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
}

.widget-area .widget.widget-follow .follow .social ul li a:hover {
    background: var(--theme-1);
}

.widget-area .widget.widget-follow .follow .social ul li a:hover i {
    color: var(--common-white);
}

.widget-area .widget.widget-categories {
    margin-top: 30px;
}

.widget-area .widget.widget-categories .categories {
    background: var(--common-white);
    padding: 15px 20px;
    border-radius: 5px;
}

.widget-area .widget.widget-categories .categories .title h2 {
    font-size: 20px;
    line-height: 40px;
    font-weight: 800;
    color: var(--text-h);
    margin: 0;
}

.widget-area .widget.widget-categories .categories .list-inner {
    margin-top: 10px;
}

.widget-area .widget.widget-categories .categories .list-inner ul li {
    padding-bottom: 4px;
    -webkit-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
}

.widget-area .widget.widget-categories .categories .list-inner ul li a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 5px 0;
    font-size: 15px;
    font-weight: 600;
    color: var(--text-h);
    border-bottom: 1px solid #ddd;
    -webkit-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
}

.widget-area .widget.widget-categories .categories .list-inner ul li a:hover {
    color: var(--theme-1);
}

.widget-area .widget.widget-categories .categories .list-inner ul li:last-child a {
    border: none;
}

.widget-area .widget.widget-tags {
    margin-top: 30px;
}

.widget-area .widget.widget-tags .tags {
    background: var(--common-white);
    padding: 15px 20px;
    border-radius: 5px;
}

.widget-area .widget.widget-tags .tags .title h2 {
    font-size: 20px;
    line-height: 40px;
    font-weight: 800;
    color: var(--text-h);
    margin: 0;
}

.widget-area .widget.widget-tags .tags .list-grid a {
    display: inline-block;
    color: var(--text-p-1);
    font-weight: 400;
    font-size: 15px;
    padding: 6px 10px;
    border: 1px solid #ddd;
    margin-top: 10px;
    margin-right: 10px;
    border-radius: 5px;
    -webkit-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
}

.widget-area .widget.widget-tags .tags .list-grid a:hover {
    background: var(--theme-1);
    color: var(--common-white);
    border: 1px solid var(--theme-1);
}

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

/* 21. Blog
/*----------------------------------------*/

.blog-section.one {
    background: var(--common-body-1);
    z-index: 9;
    padding: 120px 0;
    position: relative;
    overflow: hidden;
}

.blog-section.one .section-title-shape-one {
    margin-bottom: 60px;
}

.blog-section.one .blog-items {
    position: relative;
    z-index: 9;
    margin: 0 8px;
    -webkit-box-shadow: 0px 4.8px 24.4px -6px rgba(19, 16, 34, 0.1), 0px 4px 13px -2px rgba(19, 16, 34, 0.06);
    box-shadow: 0px 4.8px 24.4px -6px rgba(19, 16, 34, 0.1), 0px 4px 13px -2px rgba(19, 16, 34, 0.06);
}

@media only screen and (min-width: 768px) and (max-width: 991px),
only screen and (min-width: 576px) and (max-width: 767px),
only screen and (min-width: 400px) and (max-width: 575px),
(max-width: 399px) {
    .blog-section.one .blog-items {
        margin-bottom: 60px;
    }
}

.blog-section.one .blog-items .img-file {
    border-radius: 8px 8px 0 0;
    overflow: hidden;
}

.blog-section.one .blog-items .img-file img {
    width: 100%;
}

.blog-section.one .blog-items .text-file {
    background: var(--common-white);
    width: 100%;
    padding: 30px 20px;
    border-radius: 0 0 8px 8px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .blog-section.one .blog-items .text-file {
        padding: 12px;
    }
}

@media only screen and (min-width: 576px) and (max-width: 767px),
only screen and (min-width: 400px) and (max-width: 575px),
(max-width: 399px) {
    .blog-section.one .blog-items .text-file {
        padding: 35px 20px;
    }
}

.blog-section.one .blog-items .text-file .intro {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .blog-section.one .blog-items .text-file .intro .gap-3 {
        gap: 10px !important;
    }
}

.blog-section.one .blog-items .text-file .intro .dp-img {
    width: 60px;
    height: 60px;
    overflow: hidden;
    border-radius: 100%;
}

.blog-section.one .blog-items .text-file .intro .dp-img img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.blog-section.one .blog-items .text-file .intro .admin {
    margin: 0;
    font-weight: 600;
    color: var(--text-p-1);
    font-size: 16px;
    text-transform: lowercase;
}

.blog-section.one .blog-items .text-file .intro span {
    color: var(--text-p-1);
}

.blog-section.one .blog-items .text-file .intro .date {
    background: var(--common-body-1);
    padding: 5px 12px;
    border-radius: 8px;
}

.blog-section.one .blog-items .text-file .intro .date span {
    color: var(--common-white);
}

.blog-section.one .blog-items .text-file .title {
    margin-top: 20px;
}

.blog-section.one .blog-items .text-file .title h2 {
    font-size: 20px;
    font-weight: var(--fw-800);
    color: var(--text-h);
    line-height: 1.2;
    -webkit-transition: all 0.1s linear;
    -o-transition: all 0.1s linear;
    transition: all 0.1s linear;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .blog-section.one .blog-items .text-file .title h2 {
        font-size: 18px;
    }
}

.blog-section.one .blog-items .text-file .title h2 a {
    -webkit-transition: all 0.1s linear;
    -o-transition: all 0.1s linear;
    transition: all 0.1s linear;
}

.blog-section.one .blog-items .text-file .title h2:hover {
    color: var(--theme-1);
}

.blog-section.one .blog-items .text-file .title p {
    color: var(--text-p-1);
    margin: 0;
}

.blog-section.one .blog-items::after {
    content: " ";
    width: 98%;
    height: 98%;
    z-index: -3;
    position: absolute;
    top: auto;
    bottom: 1px;
    left: 1px;
    border-radius: 12px;
    background-image: -o-linear-gradient(350deg, var(--theme-1), var(--theme-2));
    background-image: linear-gradient(100deg, var(--theme-1), var(--theme-2));
    background-repeat: repeat-x;
    outline: 1px solid transparent;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}

.blog-section.one .blog-items:hover::after {
    -webkit-transform: rotate(2deg) translateX(-6px) translateY(15px);
    -ms-transform: rotate(2deg) translateX(-6px) translateY(15px);
    transform: rotate(2deg) translateX(-6px) translateY(15px);
}

.blog-section.one .inner-btn {
    margin-top: 70px;
}

@media only screen and (min-width: 768px) and (max-width: 991px),
only screen and (min-width: 576px) and (max-width: 767px),
only screen and (min-width: 400px) and (max-width: 575px),
(max-width: 399px) {
    .blog-section.one .inner-btn {
        margin-top: 20px;
    }
}

.blog-section.one .shape-image .shape-1 {
    left: 0;
    bottom: 0;
    z-index: -1;
    width: 26%;
    opacity: 0.8;
}

@media only screen and (min-width: 576px) and (max-width: 767px),
only screen and (min-width: 400px) and (max-width: 575px),
(max-width: 399px) {
    .blog-section.one .shape-image .shape-1 {
        width: 270px;
    }
}

.blog-section.one .shape-image .shape-2 {
    right: 30px;
    bottom: -40px;
    z-index: -1;
    width: 16%;
}

@media only screen and (min-width: 576px) and (max-width: 767px),
only screen and (min-width: 400px) and (max-width: 575px),
(max-width: 399px) {
    .blog-section.one .shape-image .shape-2 {
        right: 30px;
        bottom: -70px;
        z-index: -1;
        width: 180px;
    }
}

.blog-section.one .shape-image .shape-3 {
    left: -2px;
    top: 70px;
    z-index: -1;
    width: 50px;
}

@media only screen and (min-width: 576px) and (max-width: 767px),
only screen and (min-width: 400px) and (max-width: 575px),
(max-width: 399px) {
    .blog-section.one .shape-image .shape-3 {
        display: none;
    }
}

.blog-section.one .shape-image .shape-4 {
    right: 86px;
    top: 95px;
    z-index: -1;
    width: 42px;
}

@media only screen and (min-width: 576px) and (max-width: 767px),
only screen and (min-width: 400px) and (max-width: 575px),
(max-width: 399px) {
    .blog-section.one .shape-image .shape-4 {
        right: 50px;
        top: 72px;
        width: 36px;
    }
}

.blog-section.one .shape-image .shape-5 {
    right: 34%;
    top: 12%;
    z-index: -1;
    width: 30px;
    animation: animationFramesOne 40s linear 0.8s infinite alternate-reverse forwards;
    -webkit-animation: animationFramesOne 40s linear 0.8s infinite alternate-reverse forwards;
}

.blog-section.one .shape-image .shape-6 {
    left: 19%;
    top: 11%;
    z-index: -1;
    width: 150px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px),
only screen and (min-width: 768px) and (max-width: 991px),
only screen and (min-width: 576px) and (max-width: 767px),
only screen and (min-width: 400px) and (max-width: 575px),
(max-width: 399px) {
    .blog-section.one .shape-image .shape-6 {
        left: 12%;
        top: 11%;
    }
}

@media only screen and (min-width: 576px) and (max-width: 767px),
only screen and (min-width: 400px) and (max-width: 575px),
(max-width: 399px) {
    .blog-section.one .shape-image .shape-6 {
        left: 16%;
        top: 2%;
    }
}

.blog-section.one .pagination {
    margin-top: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.blog-section.one .pagination ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 12px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.blog-section.one .pagination ul li a {
    width: 35px;
    height: 35px;
    background: -webkit-gradient( linear, left top, left bottom, from(#243949), to(#00151e));
    background: -o-linear-gradient(top, #243949 0%, #00151e 100%);
    background: linear-gradient(180deg, #243949 0%, #00151e 100%);
    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;
    font-weight: 600;
}

.blog-section.one .pagination ul li a:hover {
    -webkit-animation: pulse-small 0.8s;
    animation: pulse-small 0.8s;
    color: var(--theme-1);
}

.blog-section.one .pagination ul li a.active {
    color: var(--theme-1);
}

.blog-section.one.blog-grid .blog-items {
    margin-bottom: 60px;
}

.blog-section.one.blog-grid .shape-image-file .shape-img-1 {
    left: -12px;
    top: 8%;
    z-index: -1;
}

@media only screen and (min-width: 992px) and (max-width: 1199px),
only screen and (min-width: 768px) and (max-width: 991px),
only screen and (min-width: 576px) and (max-width: 767px),
only screen and (min-width: 400px) and (max-width: 575px),
(max-width: 399px) {
    .blog-section.one.blog-grid .shape-image-file .shape-img-1 {
        top: 30px;
    }
}

.blog-section.one.blog-grid .shape-image-file .shape-img-1 img {
    width: 60px;
}

.blog-section.one.blog-grid .shape-image-file .shape-img-2 {
    top: -24px;
    right: -28px;
    z-index: -1;
}

.blog-section.one.blog-grid .shape-image-file .shape-img-2 img {
    width: 100px;
}

.blog-section.one.blog-grid .shape-image-file .shape-img-3 {
    top: 13%;
    right: 14%;
    z-index: -1;
    -webkit-animation: scale-down-center 15s linear infinite alternate-reverse both;
    animation: scale-down-center 15s linear infinite alternate-reverse both;
}

.blog-section.one.blog-grid .shape-image-file .shape-img-3 img {
    width: 120px;
}

.blog-section.one.blog-grid .shape-image-file .shape-img-4 {
    bottom: 21%;
    right: 20px;
    z-index: -1;
    -webkit-animation: slide-top 10s linear 0.3s infinite alternate-reverse both;
    animation: slide-top 10s linear 0.3s infinite alternate-reverse both;
}

@media only screen and (min-width: 768px) and (max-width: 991px),
only screen and (min-width: 576px) and (max-width: 767px),
only screen and (min-width: 400px) and (max-width: 575px),
(max-width: 399px) {
    .blog-section.one.blog-grid .shape-image-file .shape-img-4 {
        display: none;
    }
}

.blog-section.one.blog-grid .shape-image-file .shape-img-4 img {
    width: 40px;
}

.blog-section.one.blog-grid .shape-image-file .shape-img-5 {
    bottom: 7px;
    left: -28px;
    z-index: -1;
}

.blog-section.one.blog-grid .shape-image-file .shape-img-5 img {
    width: 300px;
}

.blog-section.one.blog-grid .shape-image-file .shape-img-6 {
    top: 74px;
    right: 42%;
    z-index: -1;
    animation: animationFramesOne 45s linear infinite reverse;
    -webkit-animation: animationFramesOne 45s linear infinite reverse;
}

.blog-section.one.blog-grid .shape-image-file .shape-img-6 img {
    width: 30px;
}

.blog-section.one.blog-grid .shape-image-file .shape-img-7 {
    top: 74px;
    right: 42%;
    z-index: -1;
    animation: animationFramesOne 55s linear infinite;
    -webkit-animation: animationFramesOne 55s linear infinite;
}

.blog-section.one.blog-grid .shape-image-file .shape-img-7 img {
    width: 25px;
}

.blog-section.one.blog-grid .shape-image-file .shape-img-8 {
    top: 26px;
    right: 54%;
    z-index: -1;
}

.blog-section.one.blog-grid .shape-image-file .shape-img-8 img {
    width: 200px;
}

.blog-section.one.blog-list .blog-items {
    margin-bottom: 50px;
}

.blog-section.one.blog-list .blog-items::after {
    display: none;
}

.blog-section.one.blog-list .blog-items .text-file {
    padding: 20px 0;
    background: transparent;
}

.blog-section.one.blog-list .blog-items .text-file .intro {
    display: block;
}

.blog-section.one.blog-list .blog-items .text-file .intro .item {
    display: inline-block;
    margin-right: 10px;
}

.blog-section.one.blog-list .blog-items .text-file .intro .dp-img {
    width: auto;
    height: auto;
    border-radius: 0;
}

.blog-section.one.blog-list .blog-items .text-file .intro .admin {
    color: var(--common-white);
    font-weight: normal;
}

.blog-section.one.blog-list .blog-items .text-file .intro .date {
    padding: 5px 0;
    border-radius: 0;
}

.blog-section.one.blog-list .blog-items .text-file .title {
    margin-top: 15px;
}

.blog-section.one.blog-list .blog-items .text-file .title h2 {
    font-size: 26px;
    font-weight: var(--fw-800);
    color: var(--common-white);
    line-height: 1.2;
    -webkit-transition: all 0.1s linear;
    -o-transition: all 0.1s linear;
    transition: all 0.1s linear;
}

.blog-section.one.blog-list .blog-items .text-file .title h2 a {
    -webkit-transition: all 0.1s linear;
    -o-transition: all 0.1s linear;
    transition: all 0.1s linear;
}

.blog-section.one.blog-list .blog-items .text-file .title h2:hover {
    color: var(--theme-1);
}

.blog-section.one.blog-list .blog-items .text-file .title p {
    margin-top: 20px;
    color: var(--text-p-2);
}

.blog-section.one.blog-list .blog-items .text-file .title .inner-btn {
    margin-top: 25px;
}

.blog-section.one.blog-list .pagination {
    margin-top: 0;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}

.blog-section.one.blog-list .shape-image-file .shape-img-1 {
    left: -12px;
    top: 8%;
    z-index: -1;
}

@media only screen and (min-width: 992px) and (max-width: 1199px),
only screen and (min-width: 768px) and (max-width: 991px),
only screen and (min-width: 576px) and (max-width: 767px),
only screen and (min-width: 400px) and (max-width: 575px),
(max-width: 399px) {
    .blog-section.one.blog-list .shape-image-file .shape-img-1 {
        top: 30px;
    }
}

.blog-section.one.blog-list .shape-image-file .shape-img-1 img {
    width: 60px;
}

.blog-section.one.blog-list .shape-image-file .shape-img-2 {
    top: -24px;
    right: -28px;
    z-index: -1;
}

.blog-section.one.blog-list .shape-image-file .shape-img-2 img {
    width: 100px;
}

.blog-section.one.blog-list .shape-image-file .shape-img-3 {
    top: 13%;
    right: 14%;
    z-index: -1;
    -webkit-animation: scale-down-center 15s linear infinite alternate-reverse both;
    animation: scale-down-center 15s linear infinite alternate-reverse both;
}

.blog-section.one.blog-list .shape-image-file .shape-img-3 img {
    width: 120px;
}

.blog-section.one.blog-list .shape-image-file .shape-img-4 {
    bottom: 21%;
    right: 20px;
    z-index: -1;
    -webkit-animation: slide-top 10s linear 0.3s infinite alternate-reverse both;
    animation: slide-top 10s linear 0.3s infinite alternate-reverse both;
}

@media only screen and (min-width: 768px) and (max-width: 991px),
only screen and (min-width: 576px) and (max-width: 767px),
only screen and (min-width: 400px) and (max-width: 575px),
(max-width: 399px) {
    .blog-section.one.blog-list .shape-image-file .shape-img-4 {
        display: none;
    }
}

.blog-section.one.blog-list .shape-image-file .shape-img-4 img {
    width: 40px;
}

.blog-section.one.blog-list .shape-image-file .shape-img-5 {
    bottom: 40px;
    left: -28px;
    z-index: -1;
}

.blog-section.one.blog-list .shape-image-file .shape-img-5 img {
    width: 200px;
}

.blog-section.one.blog-list .shape-image-file .shape-img-6 {
    top: 74px;
    right: 42%;
    z-index: -1;
    animation: animationFramesOne 45s linear infinite reverse;
    -webkit-animation: animationFramesOne 45s linear infinite reverse;
}

.blog-section.one.blog-list .shape-image-file .shape-img-6 img {
    width: 30px;
}

.blog-section.one.blog-list .shape-image-file .shape-img-7 {
    top: 74px;
    right: 42%;
    z-index: -1;
    animation: animationFramesOne 55s linear infinite;
    -webkit-animation: animationFramesOne 55s linear infinite;
}

.blog-section.one.blog-list .shape-image-file .shape-img-7 img {
    width: 25px;
}

.blog-section.one.blog-list .shape-image-file .shape-img-8 {
    top: 26px;
    right: 54%;
    z-index: -1;
}

.blog-section.one.blog-list .shape-image-file .shape-img-8 img {
    width: 200px;
}

.blog-section.two {
    background: var(--common-body-1);
    z-index: 9;
    padding: 120px 0;
    position: relative;
    overflow: hidden;
}

.blog-section.two .section-title-shape-one {
    margin-bottom: 60px;
}

.blog-section.two .blog-items {
    position: relative;
    z-index: 9;
    margin: 0 5px;
    -webkit-box-shadow: 0px 4.8px 24.4px -6px rgba(19, 16, 34, 0.1), 0px 4px 13px -2px rgba(19, 16, 34, 0.06);
    box-shadow: 0px 4.8px 24.4px -6px rgba(19, 16, 34, 0.1), 0px 4px 13px -2px rgba(19, 16, 34, 0.06);
}

@media only screen and (min-width: 768px) and (max-width: 991px),
only screen and (min-width: 576px) and (max-width: 767px),
only screen and (min-width: 400px) and (max-width: 575px),
(max-width: 399px) {
    .blog-section.two .blog-items {
        margin-bottom: 35px;
    }
}

.blog-section.two .blog-items .img-file {
    border-radius: 8px 8px 0 0;
    overflow: hidden;
}

.blog-section.two .blog-items .img-file img {
    -webkit-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
    width: 100%;
}

.blog-section.two .blog-items .text-file {
    background: var(--common-white);
    width: 100%;
    padding: 20px;
    border-radius: 0 0 8px 8px;
}

.blog-section.two .blog-items .text-file .intro .date,
.blog-section.two .blog-items .text-file .intro .admin,
.blog-section.two .blog-items .text-file .intro .comment {
    display: inline-block;
    margin-right: 5px;
    color: var(--text-p-1);
}

.blog-section.two .blog-items .text-file .title {
    margin-top: 20px;
}

.blog-section.two .blog-items .text-file .title h2 {
    font-size: 20px;
    font-weight: var(--fw-800);
    color: var(--text-h);
    line-height: 1.2;
    -webkit-transition: all 0.1s linear;
    -o-transition: all 0.1s linear;
    transition: all 0.1s linear;
}

.blog-section.two .blog-items .text-file .title h2 a {
    -webkit-transition: all 0.1s linear;
    -o-transition: all 0.1s linear;
    transition: all 0.1s linear;
}

.blog-section.two .blog-items .text-file .title h2:hover {
    color: var(--theme-1);
}

.blog-section.two .blog-items .text-file .title p {
    color: var(--text-p-1);
    margin: 0;
}

.blog-section.two .blog-items .text-file .title .link {
    color: var(--text-h);
    font-size: 18px;
    font-weight: 700;
    margin-top: 12px;
    display: inline-block;
    position: relative;
    -webkit-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
}

.blog-section.two .blog-items .text-file .title .link::after {
    position: absolute;
    font-family: "Font Awesome 5 Pro";
    content: "\f324";
    font-size: 14px;
    right: -19px;
    top: 1px;
    -webkit-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
}

.blog-section.two .blog-items:hover .img-file img {
    -webkit-transform: scale(110%);
    -ms-transform: scale(110%);
    transform: scale(110%);
}

.blog-section.two .blog-items:hover .link {
    color: var(--theme-1) !important;
}

.blog-section.two .blog-items:hover .link::after {
    color: var(--theme-1);
}

.blog-section.two .inner-btn {
    margin-top: 70px;
}

@media only screen and (min-width: 768px) and (max-width: 991px),
only screen and (min-width: 576px) and (max-width: 767px),
only screen and (min-width: 400px) and (max-width: 575px),
(max-width: 399px) {
    .blog-section.two .inner-btn {
        margin-top: 40px;
    }
}

.blog-section.two .shape-image .shape-1 {
    left: -66px;
    bottom: 50px;
    z-index: -1;
    width: 299px;
    opacity: 0.8;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
}

.blog-section.two .shape-image .shape-2 {
    right: 30px;
    bottom: -40px;
    z-index: -1;
    width: 200px;
}

@media only screen and (min-width: 576px) and (max-width: 767px),
only screen and (min-width: 400px) and (max-width: 575px),
(max-width: 399px) {
    .blog-section.two .shape-image .shape-2 {
        right: 30px;
        bottom: -63px;
        z-index: -1;
        width: 160px;
    }
}

.blog-section.two .shape-image .shape-3 {
    left: -2px;
    top: 70px;
    z-index: -1;
    width: 50px;
}

@media only screen and (min-width: 576px) and (max-width: 767px),
only screen and (min-width: 400px) and (max-width: 575px),
(max-width: 399px) {
    .blog-section.two .shape-image .shape-3 {
        left: -2px;
        top: -20px;
    }
}

.blog-section.two .shape-image .shape-4 {
    right: 86px;
    top: 95px;
    z-index: -1;
    width: 80px;
    animation: rotate-in-center 22s linear 0s infinite reverse backwards;
}

@media only screen and (min-width: 576px) and (max-width: 767px),
only screen and (min-width: 400px) and (max-width: 575px),
(max-width: 399px) {
    .blog-section.two .shape-image .shape-4 {
        display: none;
    }
}

.blog-section.two .shape-image .shape-5 {
    right: 34%;
    top: 12%;
    z-index: -1;
    width: 30px;
    animation: animationFramesOne 40s linear 0.8s infinite alternate-reverse forwards;
    -webkit-animation: animationFramesOne 40s linear 0.8s infinite alternate-reverse forwards;
}

.blog-section.two .shape-image .shape-6 {
    left: 19%;
    top: 11%;
    z-index: -1;
    width: 70px;
    -webkit-animation: trigger 6s linear infinite;
    animation: trigger 6s linear infinite;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .blog-section.two .shape-image .shape-6 {
        left: 16%;
        top: 30px;
        width: 50px;
    }
}

@media only screen and (min-width: 576px) and (max-width: 767px),
only screen and (min-width: 400px) and (max-width: 575px),
(max-width: 399px) {
    .blog-section.two .shape-image .shape-6 {
        display: none;
    }
}

.blog-section.two .pagination {
    margin-top: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.blog-section.two .pagination ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 12px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.blog-section.two .pagination ul li a {
    width: 35px;
    height: 35px;
    background: -webkit-gradient( linear, left top, left bottom, from(#243949), to(#00151e));
    background: -o-linear-gradient(top, #243949 0%, #00151e 100%);
    background: linear-gradient(180deg, #243949 0%, #00151e 100%);
    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;
    font-weight: 600;
}

.blog-section.two .pagination ul li a:hover {
    -webkit-animation: pulse-small 0.8s;
    animation: pulse-small 0.8s;
    color: var(--theme-1);
}

.blog-section.two .pagination ul li a.active {
    color: var(--theme-1);
}

.blog-section.three {
    background: var(--common-white);
    z-index: 9;
    padding: 120px 0;
    position: relative;
    overflow: hidden;
}

.blog-section.three .section-title-shape-one {
    margin-bottom: 70px;
}

.blog-section.three .blog-items {
    position: relative;
    z-index: 9;
    border-radius: 8px;
    overflow: hidden;
    -webkit-box-shadow: 0px 7px 15px 0px rgba(0, 11, 40, 0.06);
    box-shadow: 0px 7px 15px 0px rgba(0, 11, 40, 0.06);
    width: 100%;
    height: 400px;
}

@media only screen and (min-width: 768px) and (max-width: 991px),
only screen and (min-width: 576px) and (max-width: 767px),
only screen and (min-width: 400px) and (max-width: 575px),
(max-width: 399px) {
    .blog-section.three .blog-items {
        margin-bottom: 30px;
    }
}

.blog-section.three .blog-items .img-file {
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: relative;
}

.blog-section.three .blog-items .img-file::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background: var(--common-white);
    left: 0;
    top: 0;
    -webkit-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
}

.blog-section.three .blog-items .img-file img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: 10px;
}

.blog-section.three .blog-items .text-file {
    position: absolute;
    bottom: -70px;
    left: 0px;
    width: 100%;
    height: 100%;
    background: transparent;
    padding: 30px;
    z-index: 10;
}

.blog-section.three .blog-items .text-file .title {
    margin-top: 20px;
}

.blog-section.three .blog-items .text-file .title .date {
    color: var(--text-p-1);
    margin: 0;
    font-size: 16px;
    -webkit-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
}

.blog-section.three .blog-items .text-file .title h2 {
    margin-top: 20px;
    font-size: 20px;
    font-weight: var(--fw-800);
    line-height: 1.2;
    -webkit-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
}

@media only screen and (min-width: 400px) and (max-width: 575px),
(max-width: 399px) {
    .blog-section.three .blog-items .text-file .title h2 {
        font-size: 20px;
    }
}

.blog-section.three .blog-items .text-file .title h2 a {
    color: var(--text-h);
    -webkit-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
}

.blog-section.three .blog-items .text-file .title h2:hover {
    -webkit-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
    color: var(--theme-1);
}

.blog-section.three .blog-items .text-file .title p {
    margin-top: 25px;
    color: var(--text-p-1);
    margin: 0;
    -webkit-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
}

.blog-section.three .blog-items .text-file .title .link {
    display: inline-block;
    margin-top: 16px;
    color: var(--text-p-1);
    font-size: 18px;
    font-weight: 600;
    -webkit-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
    position: relative;
}

.blog-section.three .blog-items .text-file .title .link::after {
    font-family: "Font Awesome 5 Pro";
    content: "\f324";
    position: absolute;
    right: -20px;
    top: 1px;
    -webkit-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
    font-size: 14px;
    padding-left: 16px;
    -webkit-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
}

.blog-section.three .blog-items:hover .img-file::after {
    background: rgba(0, 0, 0, 0.69);
}

.blog-section.three .blog-items:hover .img-file::before {
    display: none;
}

.blog-section.three .blog-items:hover .text-file .title .date {
    color: var(--common-white);
}

.blog-section.three .blog-items:hover .text-file .title h2 a {
    color: var(--common-white);
}

.blog-section.three .blog-items:hover .text-file .title h2 a:hover {
    color: var(--theme-1);
}

.blog-section.three .blog-items:hover .text-file .title p {
    color: var(--common-white);
}

.blog-section.three .blog-items:hover .text-file .title .link {
    color: var(--theme-1);
}

.blog-section.three .inner-btn {
    margin-top: 70px;
}

.blog-section.three .shape-image .shape-1 {
    left: 0;
    bottom: 0;
    z-index: -1;
    width: 26%;
    opacity: 0.8;
}

.blog-section.three .shape-image .shape-2 {
    right: -10px;
    bottom: -80px;
    z-index: -1;
    width: 550px;
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}

.blog-section.three .shape-image .shape-3 {
    left: -2px;
    top: 70px;
    z-index: -1;
    width: 50px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px),
only screen and (min-width: 768px) and (max-width: 991px),
only screen and (min-width: 576px) and (max-width: 767px),
only screen and (min-width: 400px) and (max-width: 575px),
(max-width: 399px) {
    .blog-section.three .shape-image .shape-3 {
        left: -2px;
        top: -30px;
    }
}

.blog-section.three .shape-image .shape-4 {
    right: 86px;
    top: 95px;
    z-index: -1;
    width: 42px;
}

.blog-section.three .shape-image .shape-5 {
    right: 34%;
    top: 12%;
    z-index: -1;
    width: 30px;
    animation: animationFramesOne 40s linear 0.8s infinite alternate-reverse forwards;
    -webkit-animation: animationFramesOne 40s linear 0.8s infinite alternate-reverse forwards;
}

.blog-section.three .shape-image .shape-6 {
    left: 498px;
    top: 11%;
    z-index: -1;
    width: 150px;
}

.blog-section.details {
    background: var(--common-body-1);
    z-index: 9;
    padding: 120px 0;
    position: relative;
    overflow: hidden;
}

.blog-section.details .wrapper .blog-image {
    border-radius: 8px;
    overflow: hidden;
}

.blog-section.details .wrapper .blog-image img {
    width: 100%;
}

.blog-section.details .wrapper .article-content {
    margin-top: 20px;
}

.blog-section.details .wrapper .article-content .title h2 {
    font-size: 22px;
    line-height: 32px;
}

.blog-section.details .wrapper .article-content .meta ul {
    display: block;
}

.blog-section.details .wrapper .article-content .meta ul li {
    display: inline-block;
    margin-right: 8px;
}

.blog-section.details .wrapper .article-content .meta ul li span {
    font-size: 16px;
    font-weight: 600;
    padding-right: 5px;
}

.blog-section.details .wrapper .article-content .meta ul li a {
    color: var(--common-white);
}

.blog-section.details .wrapper .article-content .inner-text {
    margin-top: 15px;
}

.blog-section.details .wrapper .article-content .inner-text img {
    max-width: 100%;
    height: auto;
}

.blog-section.details .wrapper .article-content .inner-text h1 {
    font-size: 26px;
    line-height: 1.2;
}

.blog-section.details .wrapper .article-content .inner-text h2 {
    font-size: 22px;
    line-height: 1.2;
}

.blog-section.details .wrapper .article-content .inner-text h3 {
    font-size: 18px;
    line-height: 1.2;
}

.blog-section.details .wrapper .article-content .inner-text h4 {
    font-size: 16px;
    line-height: 1.2;
}

.blog-section.details .wrapper .article-content .inner-text h5 {
    font-size: 16px;
}

.blog-section.details .wrapper .article-content .inner-text ul {
    padding-left: 30px;
}

.blog-section.details .wrapper .article-content .inner-text ul li {
    list-style: auto;
}

.blog-section.details .wrapper .article-content .blog-footer {
    margin-top: 50px;
    border-top: 1px solid var(--border-3);
    padding: 18px 0;
    border-bottom: 1px solid var(--border-3);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

@media only screen and (min-width: 400px) and (max-width: 575px),
(max-width: 399px) {
    .blog-section.details .wrapper .article-content .blog-footer {
        display: block;
    }
}

.blog-section.details .wrapper .article-content .blog-footer .blog-tags a {
    color: var(--common-white);
    -webkit-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
}

.blog-section.details .wrapper .article-content .blog-footer .blog-tags a:hover {
    color: var(--theme-1);
}

.blog-section.details .wrapper .article-content .blog-footer .blog-tags i {
    margin-right: 5px;
}

@media only screen and (min-width: 400px) and (max-width: 575px),
(max-width: 399px) {
    .blog-section.details .wrapper .article-content .blog-footer .social {
        margin-top: 10px;
    }
}

.blog-section.details .wrapper .article-content .blog-footer .social ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 10px;
}

.blog-section.details .wrapper .article-content .blog-footer .social ul li a {
    display: block;
    width: 35px;
    height: 35px;
    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: 100%;
    -webkit-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
    transition: all 0.2s linear;
    background: #f7f7f7;
}

.blog-section.details .wrapper .article-content .blog-footer .social ul li a i {
    font-size: 15px;
    color: var(--text-h);
    -webkit-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
}

.blog-section.details .wrapper .article-content .blog-footer .social ul li a:hover {
    background: var(--theme-1);
}

.blog-section.details .wrapper .article-content .blog-footer .social ul li a:hover i {
    color: var(--common-white);
}

.blog-section.details .wrapper .comment {
    margin-top: 20px;
}

.blog-section.details .wrapper .comment .title h2 {
    font-size: 22px;
}

.blog-section.details .wrapper .comment .root-comment {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 16px;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    border-bottom: 1px solid var(--border-3);
    padding-bottom: 35px;
    margin-top: 35px;
}

.blog-section.details .wrapper .comment .root-comment .profile {
    width: 80px;
    height: 80px;
    overflow: hidden;
    border-radius: 100%;
}

.blog-section.details .wrapper .comment .root-comment .profile img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.blog-section.details .wrapper .comment .root-comment .intro h3 {
    font-size: 18px;
    line-height: normal;
}

.blog-section.details .wrapper .comment .root-comment .intro .date {
    font-size: 14px;
    margin-top: 4px;
    line-height: normal;
}

.blog-section.details .wrapper .comment .root-comment .intro .text {
    font-size: 15px;
}

.blog-section.details .wrapper .comment .root-comment .intro .reply {
    margin-top: 20px;
}

.blog-section.details .wrapper .comment .root-comment .intro .reply a {
    border-radius: 50px;
    transition: all 0.2s linear;
    background: #f7f7f7;
    font-size: 15px;
    color: var(--text-h);
    padding: 8px 18px;
    font-weight: 600;
    -webkit-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
}

.blog-section.details .wrapper .comment .root-comment .intro .reply a:hover {
    background: var(--theme-1);
    color: var(--common-white);
}

.blog-section.details .wrapper .comment .root-comment.has-child {
    margin-left: 50px;
}

.blog-section.details .wrapper .leave-reply {
    margin-top: 30px;
}

.blog-section.details .wrapper .leave-reply .title h4 {
    font-size: 18px;
    line-height: normal;
}

.blog-section.details .wrapper .leave-reply .comment-form .form-author,
.blog-section.details .wrapper .leave-reply .comment-form .form-email,
.blog-section.details .wrapper .leave-reply .comment-form .form-web,
.blog-section.details .wrapper .leave-reply .comment-form .form-comment {
    width: 100%;
}

.blog-section.details .wrapper .leave-reply .comment-form .form-author label,
.blog-section.details .wrapper .leave-reply .comment-form .form-email label,
.blog-section.details .wrapper .leave-reply .comment-form .form-web label,
.blog-section.details .wrapper .leave-reply .comment-form .form-comment label {
    display: block;
}

.blog-section.details .wrapper .leave-reply .comment-form .form-author input,
.blog-section.details .wrapper .leave-reply .comment-form .form-email input,
.blog-section.details .wrapper .leave-reply .comment-form .form-web input,
.blog-section.details .wrapper .leave-reply .comment-form .form-comment input {
    width: 100%;
    height: 50px;
    border: none;
    border-radius: 5px;
    padding: 5px 15px;
}

@media only screen and (min-width: 576px) and (max-width: 767px),
only screen and (min-width: 400px) and (max-width: 575px),
(max-width: 399px) {
    .blog-section.details .wrapper .leave-reply .comment-form .form-email {
        margin-top: 15px;
    }
}

.blog-section.details .wrapper .leave-reply .comment-form .form-web {
    margin-top: 15px;
}

.blog-section.details .wrapper .leave-reply .comment-form .form-comment {
    margin-top: 15px;
}

.blog-section.details .wrapper .leave-reply .comment-form .form-comment textarea {
    width: 100%;
    height: 200px;
    border: none;
    border-radius: 5px;
    padding: 10px 15px;
}

.blog-section.details .wrapper .leave-reply .comment-form .form-comment textarea:focus-visible {
    outline: none !important;
}

.blog-section.details .wrapper .leave-reply .comment-form .cookies-consent {
    margin-top: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    gap: 5px;
}

.blog-section.details .wrapper .leave-reply .comment-form .cookies-consent input {
    margin-top: 7px;
    margin-right: 4px;
}

.blog-section.details .wrapper .leave-reply .comment-form .form-submit {
    margin-top: 20px;
}

.blog-section.details .wrapper .leave-reply .comment-form .required {
    color: red;
}

.blog-section .shape-image-file .shape-img-1 {
    left: -12px;
    top: 40px;
    z-index: -1;
}

.blog-section .shape-image-file .shape-img-1 img {
    width: 60px;
}

.blog-section .shape-image-file .shape-img-2 {
    top: -24px;
    right: -28px;
    z-index: -1;
}

.blog-section .shape-image-file .shape-img-2 img {
    width: 100px;
}

.blog-section .shape-image-file .shape-img-3 {
    top: 13%;
    right: 14%;
    z-index: -1;
    -webkit-animation: scale-down-center 15s linear infinite alternate-reverse both;
    animation: scale-down-center 15s linear infinite alternate-reverse both;
}

.blog-section .shape-image-file .shape-img-3 img {
    width: 120px;
}

.blog-section .shape-image-file .shape-img-4 {
    bottom: 21%;
    right: 20px;
    z-index: -1;
    -webkit-animation: slide-top 10s linear 0.3s infinite alternate-reverse both;
    animation: slide-top 10s linear 0.3s infinite alternate-reverse both;
}

@media only screen and (min-width: 576px) and (max-width: 767px),
only screen and (min-width: 400px) and (max-width: 575px),
(max-width: 399px) {
    .blog-section .shape-image-file .shape-img-4 {
        display: none;
    }
}

.blog-section .shape-image-file .shape-img-4 img {
    width: 40px;
}

.blog-section .shape-image-file .shape-img-5 {
    bottom: 40px;
    left: -28px;
    z-index: -1;
}

.blog-section .shape-image-file .shape-img-5 img {
    width: 200px;
}

.blog-section .shape-image-file .shape-img-6 {
    top: 74px;
    right: 42%;
    z-index: -1;
    animation: animationFramesOne 45s linear infinite reverse;
    -webkit-animation: animationFramesOne 45s linear infinite reverse;
}

.blog-section .shape-image-file .shape-img-6 img {
    width: 30px;
}

.blog-section .shape-image-file .shape-img-7 {
    top: 74px;
    right: 42%;
    z-index: -1;
    animation: animationFramesOne 55s linear infinite;
    -webkit-animation: animationFramesOne 55s linear infinite;
}

.blog-section .shape-image-file .shape-img-7 img {
    width: 25px;
}

.blog-section .shape-image-file .shape-img-8 {
    top: 26px;
    right: 54%;
    z-index: -1;
}

.blog-section .shape-image-file .shape-img-8 img {
    width: 200px;
}

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

/* 22. Breadcrumb
/*----------------------------------------*/

.breadcrumb {
    padding: 120px 0;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    z-index: 9;
    margin-bottom: 0;
    overflow: hidden;
}

.breadcrumb::after {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: rgba(0, 0, 0, 0.4);
    z-index: 0;
}

.breadcrumb .breadcrumb-inner {
    position: relative;
    z-index: 9;
}

.breadcrumb .breadcrumb-inner h2 {
    font-size: 36px;
    font-weight: var(--fw-700);
    margin: 0;
}

.breadcrumb .breadcrumb-inner .link-shape {
    margin-top: 5px;
}

.breadcrumb .breadcrumb-inner .link-shape a {
    font-size: 16px;
    font-weight: 600;
}

.breadcrumb .breadcrumb-inner .link-shape a:hover {
    color: var(--theme-1);
}

.breadcrumb .breadcrumb-inner .link-shape span {
    font-size: 16px;
    font-weight: 600;
    color: var(--theme-1);
}

.breadcrumb .shape-img .shape-1 {
    right: 115px;
    bottom: 22%;
    z-index: 2;
    -webkit-animation: trigger 6s linear infinite;
    animation: trigger 6s linear infinite;
    width: 140px;
}

@media only screen and (min-width: 576px) and (max-width: 767px),
only screen and (min-width: 400px) and (max-width: 575px),
(max-width: 399px) {
    .breadcrumb .shape-img .shape-1 {
        right: 26px;
    }
}

.breadcrumb .shape-img .shape-2 {
    right: 35%;
    bottom: 67%;
    width: 20px;
    z-index: 1;
    animation: animationFramesOne 35s linear infinite;
    -webkit-animation: animationFramesOne 35s linear infinite;
}

.breadcrumb .shape-img .shape-3 {
    right: 45%;
    bottom: 57%;
    width: 26px;
    z-index: 1;
    animation: animationFramesOne 55s linear infinite reverse;
    -webkit-animation: animationFramesOne 55s linear infinite reverse;
}

.breadcrumb .shape-img .shape-5 {
    right: 56%;
    bottom: 62%;
    width: 15px;
    z-index: 1;
    animation: animationFramesOne 60s linear infinite;
    -webkit-animation: animationFramesOne 60s linear infinite;
}

.breadcrumb .shape-img .shape-4 {
    right: 26%;
    bottom: 8%;
    width: 35px;
    z-index: 1;
    animation: rotate-in-center 10s linear 0s infinite;
    -webkit-animation: rotate-in-center 10s linear 0s infinite;
}

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

/* 23. Pricing
/*----------------------------------------*/

.price-section {
    position: relative;
}

.price-section.one {
    background: #fff;
    padding: 120px 0;
    z-index: 9;
    overflow: hidden;
}

.price-section.one .price-body {
    z-index: 9;
}

.price-section.one .price-body .price-inner {
    background: #f8f9fa;
    padding: 40px 30px;
    border-radius: 10px;
    margin-top: 60px;
}

.price-section.one .price-body .price-inner .price {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 5px;
    border-bottom: 1px solid var(--border-3);
}

.price-section.one .price-body .price-inner .price h4 {
    font-size: 22px;
    font-weight: var(--fw-600);
}

.price-section.one .price-body .price-inner .price h2 {
    font-size: 27px;
    font-weight: var(--fw-600);
}

.price-section.one .price-body .price-inner .price h5 {
    font-size: 12px;
    font-weight: var(--fw-600);
    margin-top: 14px;
}

.price-section.one .price-body .price-inner .plan {
    margin-top: 20px;
    text-align: center;
}

.price-section.one .price-body .price-inner .plan h2 {
    font-size: 22px;
    font-weight: var(--fw-800);
    color: #fff;
}

.price-section.one .price-body .price-inner .plan .list ul li {
    font-size: 16px;
    margin-bottom: 10px;
}

.price-section.one .price-body .price-inner .plan .list ul li.deep {
    color: var(--text-p-1);
}

.price-section.one .price-body .price-inner.down {
    margin-top: 100px;
    background: #fff;
    box-shadow: 0px 3px 10px 0px rgba(41, 45, 194, 0.08);
}

@media only screen and (min-width: 768px) and (max-width: 991px),
only screen and (min-width: 576px) and (max-width: 767px),
only screen and (min-width: 400px) and (max-width: 575px),
(max-width: 399px) {
    .price-section.one .price-body .price-inner.down {
        margin-top: 60px;
    }
}

.price-section.one .price-body .price-inner.down:hover {
    -webkit-animation: pulse 2s;
    animation: pulse 2s;
}

@media only screen and (min-width: 768px) and (max-width: 991px),
only screen and (min-width: 576px) and (max-width: 767px),
only screen and (min-width: 400px) and (max-width: 575px),
(max-width: 399px) {
    .price-section.one .price-body .price-inner.down:hover {
        -webkit-animation: none;
        animation: none;
    }
}

.price-section.one .shape-image .shape-1 {
    left: 15px;
    bottom: 8%;
    width: 60px;
    z-index: -1;
    -webkit-animation: slide-top 10s linear 0.3s infinite alternate-reverse both;
    animation: slide-top 10s linear 0.3s infinite alternate-reverse both;
}

@media only screen and (min-width: 768px) and (max-width: 991px),
only screen and (min-width: 576px) and (max-width: 767px),
only screen and (min-width: 400px) and (max-width: 575px),
(max-width: 399px) {
    .price-section.one .shape-image .shape-1 {
        display: none;
    }
}

.price-section.one .shape-image .shape-2 {
    left: 15px;
    top: 38%;
    width: 30px;
    z-index: -1;
    animation: animationFramesOne 35s linear 0.6s infinite;
    -webkit-animation: animationFramesOne 35s linear 0.6s infinite;
}

.price-section.one .shape-image .shape-3 {
    left: 44%;
    top: 10%;
    width: 40px;
    z-index: -1;
    animation: animationFramesOne 25s linear 0.8s infinite;
    -webkit-animation: animationFramesOne 25s linear 0.8s infinite;
}

.price-section.one .shape-image .shape-4 {
    right: 20%;
    top: 18%;
    width: 50px;
    z-index: -1;
    animation: animationFramesOne 45s linear 0.8s infinite;
    -webkit-animation: animationFramesOne 45s linear 0.8s infinite;
}

.price-section.one .shape-image .shape-5 {
    right: 3%;
    top: 31%;
    width: 20px;
    z-index: -1;
}

.price-section.one .shape-image .shape-6 {
    right: 23%;
    top: 10%;
    width: 40px;
    z-index: -1;
    -webkit-animation: scale-down-center 5s linear infinite alternate-reverse both;
    animation: scale-down-center 5s linear infinite alternate-reverse both;
}

@media only screen and (min-width: 768px) and (max-width: 991px),
only screen and (min-width: 576px) and (max-width: 767px),
only screen and (min-width: 400px) and (max-width: 575px),
(max-width: 399px) {
    .price-section.one .shape-image .shape-6 {
        top: 8%;
    }
}

@media only screen and (min-width: 400px) and (max-width: 575px),
(max-width: 399px) {
    .price-section.one .shape-image .shape-6 {
        top: 4%;
        right: 10%;
    }
}

.price-section.one .shape-image .shape-7 {
    right: 0;
    bottom: 10px;
    width: 220px;
    z-index: -1;
    opacity: 0.6;
}

.price-section.one .shape-image .shape-8 {
    top: 7px;
    right: 6%;
    width: 80px;
    z-index: -1;
}

.price-section.one .shape-image .shape-9 {
    bottom: 30%;
    right: 15px;
    width: 30px;
    z-index: -1;
    -webkit-animation: slide-top 20s linear 0.6s infinite alternate-reverse both;
    animation: slide-top 20s linear 0.6s infinite alternate-reverse both;
}

.price-section.one .shape-image .shape-10 {
    top: 13%;
    right: 56%;
    width: 150px;
    z-index: -1;
}

@media only screen and (min-width: 992px) and (max-width: 1199px),
only screen and (min-width: 768px) and (max-width: 991px),
only screen and (min-width: 576px) and (max-width: 767px),
only screen and (min-width: 400px) and (max-width: 575px),
(max-width: 399px) {
    .price-section.one .shape-image .shape-10 {
        right: 46%;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px),
only screen and (min-width: 576px) and (max-width: 767px),
only screen and (min-width: 400px) and (max-width: 575px),
(max-width: 399px) {
    .price-section.one .shape-image .shape-10 {
        right: 36%;
        top: 4%;
    }
}

@media (max-width: 399px) {
    .price-section.one .shape-image .shape-10 {
        right: 30%;
        top: 3%;
    }
}

.price-section.two {
    background: var(--common-white);
    padding: 120px 0;
    z-index: 9;
    overflow: hidden;
}

.price-section.two .price-body {
    z-index: 9;
}

.price-section.two .price-body .price-inner {
    background: #f0fdf4;
    -webkit-box-shadow: 0px 3px 10px 0px rgba(41, 45, 194, 0.08);
    box-shadow: 0px 3px 10px 0px rgba(41, 45, 194, 0.08);
    padding: 40px 30px;
    border-radius: 10px;
    margin-top: 60px;
}

.price-section.two .price-body .price-inner .price {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 5px;
    border-bottom: 1px solid var(--border-2);
}

.price-section.two .price-body .price-inner .price h4 {
    font-size: 22px;
    color: var(--text-h);
    font-weight: var(--fw-600);
}

.price-section.two .price-body .price-inner .price h2 {
    font-size: 40px;
    color: var(--text-h);
    font-weight: var(--fw-600);
}

.price-section.two .price-body .price-inner .price h5 {
    color: var(--text-h);
    font-size: 12px;
    font-weight: var(--fw-600);
    margin-top: 14px;
}

.price-section.two .price-body .price-inner .plan {
    margin-top: 20px;
    text-align: center;
}

.price-section.two .price-body .price-inner .plan h2 {
    color: var(--text-h);
    font-size: 30px;
    font-weight: var(--fw-800);
    color: var(--text-h);
}

.price-section.two .price-body .price-inner .plan .list ul li {
    font-size: 16px;
    margin-bottom: 10px;
    color: var(--text-p-1);
}

.price-section.two .price-body .price-inner .plan .list ul li.deep {
    color: var(--text-p-1);
}

.price-section.two .price-body .price-inner.down {
    margin-top: 100px;
    background: var(--common-white);
    -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0px 3px 10px 0px rgba(41, 45, 194, 0.08);
    box-shadow: 0px 3px 10px 0px rgba(41, 45, 194, 0.08);
}

.price-section.two .price-body .price-inner.down .price {
    border-bottom: 1px solid var(--border-1);
}

@media only screen and (min-width: 768px) and (max-width: 991px),
only screen and (min-width: 576px) and (max-width: 767px),
only screen and (min-width: 400px) and (max-width: 575px),
(max-width: 399px) {
    .price-section.two .price-body .price-inner.down {
        margin-top: 60px;
    }
}

.price-section.two .price-body .price-inner .inner-btn {
    margin-top: 20px;
}

.price-section.two .shape-image .shape-2 {
    left: 15px;
    top: 38%;
    width: 30px;
    z-index: -1;
    animation: animationFramesOne 35s linear 0.6s infinite;
    -webkit-animation: animationFramesOne 35s linear 0.6s infinite;
}

.price-section.two .shape-image .shape-3 {
    left: 54%;
    top: 10%;
    width: 20px;
    z-index: -1;
    animation: animationFramesOne 25s linear 0.8s infinite;
    -webkit-animation: animationFramesOne 25s linear 0.8s infinite;
}

.price-section.two .shape-image .shape-4 {
    right: 20%;
    top: 18%;
    width: 50px;
    z-index: -1;
    animation: animationFramesOne 45s linear 0.8s infinite;
    -webkit-animation: animationFramesOne 45s linear 0.8s infinite;
}

.price-section.two .shape-image .shape-5 {
    right: 3%;
    top: 31%;
    width: 20px;
    z-index: -1;
}

.price-section.two .shape-image .shape-6 {
    right: 3%;
    top: 10%;
    width: 60px;
    z-index: -1;
}

.price-section.two .shape-image .shape-7 {
    right: -10px;
    bottom: -42px;
    width: 183px;
    z-index: -1;
    opacity: 0.6;
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}

.price-section.two .shape-image .shape-9 {
    bottom: 30%;
    right: 15px;
    width: 30px;
    z-index: -1;
    -webkit-animation: slide-top 20s linear 0.6s infinite alternate-reverse both;
    animation: slide-top 20s linear 0.6s infinite alternate-reverse both;
}

.price-section.two .shape-image .shape-10 {
    top: 13%;
    left: 430px;
    width: 150px;
    z-index: -1;
}

@media only screen and (min-width: 768px) and (max-width: 991px),
only screen and (min-width: 576px) and (max-width: 767px) {
    .price-section.two .shape-image .shape-10 {
        top: 98px;
        left: 340px;
    }
}

@media only screen and (min-width: 400px) and (max-width: 575px),
(max-width: 399px) {
    .price-section.two .shape-image .shape-10 {
        top: 50px;
        left: 218px;
    }
}

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

/* 24. Faq
/*----------------------------------------*/

.faq-section.one {
    background: var(--common-body-2);
    padding: 120px 0;
    position: relative;
    overflow: hidden;
    z-index: 9;
}

@media only screen and (min-width: 992px) and (max-width: 1199px),
only screen and (min-width: 768px) and (max-width: 991px),
only screen and (min-width: 576px) and (max-width: 767px),
only screen and (min-width: 400px) and (max-width: 575px),
(max-width: 399px) {
    .faq-section.one .img-file {
        margin-top: 70px;
        text-align: center;
    }
}

.faq-section.one .faq-inner {
    /*margin-top: 110px;*/
    z-index: 9;
    position: relative;
}

@media only screen and (min-width: 576px) and (max-width: 767px),
only screen and (min-width: 400px) and (max-width: 575px),
(max-width: 399px) {
    .faq-section.one .faq-inner {
        margin-top: 60px;
    }
}

.faq-section.one .faq-inner .icon-shape {
    width: 80px;
    height: 80px;
    overflow: hidden;
}

.faq-section.one .faq-inner .icon-shape img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

@media only screen and (min-width: 768px) and (max-width: 991px),
only screen and (min-width: 576px) and (max-width: 767px),
only screen and (min-width: 400px) and (max-width: 575px),
(max-width: 399px) {
    .faq-section.one .faq-inner .icon-shape {
        display: none;
    }
}

.faq-section.one .faq-inner .intro {
    margin-top: 15px;
}

.faq-section.one .faq-inner .intro h3 {
    font-size: 18px;
    line-height: 1.2;
    font-weight: var(--fw-600);
}

.faq-section.one .faq-inner .faq-list {
    margin-top: 15px;
}

.faq-section.one .faq-inner .faq-list .accordion .accordion-item {
    margin-bottom: 16px;
    border-radius: 5px;
    overflow: hidden;
}

.faq-section.one .faq-inner .faq-list .accordion .accordion-item .accordion-header .accordion-button {
    padding: 15px 35px 15px 16px;
    font-size: 20px !important;
    line-height: 25px;
    /*font-weight: 600;*/
    background: #7d2701;
    color:#ffee00;
}

.faq-section.one .faq-inner .faq-list .accordion .accordion-item .accordion-header .accordion-button.collapsed {
    background: #7d2701;
    color: var(--common-white);
}

.faq-section.one .faq-inner .faq-list .accordion .accordion-item .accordion-header .accordion-button:focus {
    z-index: 3;
    border-color: transparent;
    outline: 0;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}

.faq-section.one .faq-inner .faq-list .accordion .accordion-item .accordion-header .accordion-button::after {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 1.25rem;
    height: 1.25rem;
    margin-left: auto;
    font-family: "Font Awesome 5 Pro";
    font-weight: 900;
    content: "+";
    background-image: none;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    position: absolute;
    right: 10px;
    top: 15px;
}

.faq-section.one .faq-inner .faq-list .accordion .accordion-item .accordion-header .accordion-button:not(.collapsed)::after {
    font-family: "Font Awesome 5 Pro";
    font-weight: 900;
    content: "\f068";
    background-image: none;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    position: absolute;
    right: 10px;
    top: 15px;
}

.faq-section.one .faq-inner .faq-list .accordion .accordion-item .accordion-collapse {
    background: var(--common-white);
    color: var(--text-p-1);
    font-weight: 600;
}

.faq-section.one .shape-image .shape-img-1 {
    left: -12px;
    top: 8%;
    z-index: -1;
}

.faq-section.one .shape-image .shape-img-1 img {
    width: 60px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px),
only screen and (min-width: 768px) and (max-width: 991px),
only screen and (min-width: 576px) and (max-width: 767px),
only screen and (min-width: 400px) and (max-width: 575px),
(max-width: 399px) {
    .faq-section.one .shape-image .shape-img-1 {
        top: 30px;
    }
}

.faq-section.one .shape-image .shape-img-2 {
    top: -24px;
    right: -28px;
    z-index: -1;
}

.faq-section.one .shape-image .shape-img-2 img {
    width: 100px;
}

.faq-section.one .shape-image .shape-img-3 {
    top: 13%;
    right: 14%;
    z-index: -1;
    -webkit-animation: scale-down-center 15s linear infinite alternate-reverse both;
    animation: scale-down-center 15s linear infinite alternate-reverse both;
}

.faq-section.one .shape-image .shape-img-3 img {
    width: 120px;
}

@media only screen and (min-width: 768px) and (max-width: 991px),
only screen and (min-width: 576px) and (max-width: 767px),
only screen and (min-width: 400px) and (max-width: 575px),
(max-width: 399px) {
    .faq-section.one .shape-image .shape-img-3 {
        display: none;
    }
}

.faq-section.one .shape-image .shape-img-4 {
    bottom: 21%;
    right: 20px;
    z-index: -1;
    -webkit-animation: slide-top 10s linear 0.3s infinite alternate-reverse both;
    animation: slide-top 10s linear 0.3s infinite alternate-reverse both;
}

.faq-section.one .shape-image .shape-img-4 img {
    width: 40px;
}

@media only screen and (min-width: 768px) and (max-width: 991px),
only screen and (min-width: 576px) and (max-width: 767px),
only screen and (min-width: 400px) and (max-width: 575px),
(max-width: 399px) {
    .faq-section.one .shape-image .shape-img-4 {
        display: none;
    }
}

.faq-section.one .shape-image .shape-img-5 {
    bottom: 7px;
    left: -28px;
    z-index: -1;
}

.faq-section.one .shape-image .shape-img-5 img {
    width: 300px;
}

.faq-section.one .shape-image .shape-img-6 {
    top: 74px;
    right: 42%;
    z-index: -1;
    animation: animationFramesOne 45s linear infinite reverse;
    -webkit-animation: animationFramesOne 45s linear infinite reverse;
}

.faq-section.one .shape-image .shape-img-6 img {
    width: 30px;
}

.faq-section.one .shape-image .shape-img-7 {
    top: 74px;
    right: 42%;
    z-index: -1;
    animation: animationFramesOne 55s linear infinite;
    -webkit-animation: animationFramesOne 55s linear infinite;
}

.faq-section.one .shape-image .shape-img-7 img {
    width: 25px;
}

.faq-section.one .shape-image .shape-img-8 {
    top: 85px;
    right: 54%;
    z-index: -1;
}

.faq-section.one .shape-image .shape-img-8 img {
    width: 200px;
}

@media only screen and (min-width: 768px) and (max-width: 991px),
only screen and (min-width: 576px) and (max-width: 767px),
only screen and (min-width: 400px) and (max-width: 575px),
(max-width: 399px) {
    .faq-section.one .shape-image .shape-img-8 img {
        width: 150px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px),
only screen and (min-width: 576px) and (max-width: 767px) {
    .faq-section.one .shape-image .shape-img-8 {
        top: 90px;
        right: 36%;
    }
}

@media only screen and (min-width: 400px) and (max-width: 575px),
(max-width: 399px) {
    .faq-section.one .shape-image .shape-img-8 {
        top: 40px;
    }
}

.faq-section.one.two .img-file {
    border-radius: 8px;
    overflow: hidden;
    width: 750px;
    height: 800px;
}

.faq-section.one.two .img-file img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.faq-section.one.two .faq-inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 0;
    height: 100%;
    width: 100%;
}

.faq-section.one.two .faq-inner .section-title-shape-one {
    margin-bottom: 30px;
}

.faq-section.one.two .faq-inner .faq-list {
    background: var(--common-gd);
    padding: 50px 50px;
    border-radius: 8px;
    width: 100%;
}

@media only screen and (min-width: 576px) and (max-width: 767px),
only screen and (min-width: 400px) and (max-width: 575px),
(max-width: 399px) {
    .faq-section.one.two .faq-inner .faq-list {
        padding: 30px 20px;
    }
}

.faq-section.one.two .shape-image .shape-1 {
    left: 11px;
    bottom: 20px;
    width: 190px;
}

.faq-section.one.two .shape-image .shape-2 {
    right: 260px;
    top: 53px;
    width: 80px;
    -webkit-animation: trigger 8s linear infinite;
    animation: trigger 8s linear infinite;
}

@media only screen and (min-width: 576px) and (max-width: 767px),
only screen and (min-width: 400px) and (max-width: 575px),
(max-width: 399px) {
    .faq-section.one.two .shape-image .shape-2 {
        right: 47px;
        top: 15px;
        width: 70px;
    }
}

.faq-section.one.two .shape-image .shape-3 {
    right: 260px;
    bottom: 70px;
    width: 65px;
    animation: rotate-in-center 12s linear 0s infinite reverse backwards;
}

@media only screen and (min-width: 576px) and (max-width: 767px),
only screen and (min-width: 400px) and (max-width: 575px),
(max-width: 399px) {
    .faq-section.one.two .shape-image .shape-3 {
        right: 80px;
        bottom: 46px;
        width: 50px;
    }
}

.faq-section.three {
    background: var(--common-body-2);
    padding: 120px 0;
    position: relative;
    overflow: hidden;
    z-index: 9;
}

.faq-section.three .img-file {
    position: absolute;
    top: -300px;
    right: -9px;
    animation: rotate-in-center 22s linear 0s infinite reverse backwards;
}

@media only screen and (min-width: 768px) and (max-width: 991px),
only screen and (min-width: 576px) and (max-width: 767px),
only screen and (min-width: 400px) and (max-width: 575px),
(max-width: 399px) {
    .faq-section.three .img-file {
        display: none;
    }
}

.faq-section.three .support {
    margin-top: 267px;
    background: var(--common-white);
    padding: 30px;
    border-radius: 5px;
}

@media only screen and (min-width: 768px) and (max-width: 991px),
only screen and (min-width: 576px) and (max-width: 767px),
only screen and (min-width: 400px) and (max-width: 575px),
(max-width: 399px) {
    .faq-section.three .support {
        margin-top: 40px;
    }
}

.faq-section.three .support h2 {
    font-size: 26px;
    line-height: 1.2;
    font-weight: 800;
    color: var(--text-h);
}

.faq-section.three .support p {
    margin-top: 10px;
    line-height: 1.2;
    color: var(--text-p-1);
}

.faq-section.three .support span {
    display: block;
    color: var(--text-p-1);
}

.faq-section.three .support .inner-btn {
    margin-top: 20px;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}

.faq-section.three .faq-inner {
    margin-top: 40px;
    position: relative;
    z-index: 9;
}

.faq-section.three .faq-inner .intro {
    margin-top: 15px;
}

.faq-section.three .faq-inner .intro h3 {
    font-size: 22px;
    line-height: 1.2;
    font-weight: var(--fw-600);
}

.faq-section.three .faq-inner .faq-list {
    margin-top: 15px;
}

.faq-section.three .faq-inner .faq-list .accordion .accordion-item {
    margin-bottom: 16px;
    border-radius: 5px;
    overflow: hidden;
}

.faq-section.three .faq-inner .faq-list .accordion .accordion-item .accordion-header .accordion-button {
    padding: 15px 35px 15px 16px;
    font-size: 15px !important;
    line-height: 25px;
    font-weight: 600;
    background: var(--theme-1);
    color: var(--common-white);
}

.faq-section.three .faq-inner .faq-list .accordion .accordion-item .accordion-header .accordion-button.collapsed {
    background: var(--common-white);
    color: var(--text-h);
}

.faq-section.three .faq-inner .faq-list .accordion .accordion-item .accordion-header .accordion-button:focus {
    z-index: 3;
    border-color: transparent;
    outline: 0;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}

.faq-section.three .faq-inner .faq-list .accordion .accordion-item .accordion-header .accordion-button::after {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 1.25rem;
    height: 1.25rem;
    margin-left: auto;
    font-family: "Font Awesome 5 Pro";
    font-weight: 900;
    content: "+";
    background-image: none;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    position: absolute;
    right: 10px;
    top: 15px;
}

.faq-section.three .faq-inner .faq-list .accordion .accordion-item .accordion-header .accordion-button:not(.collapsed)::after {
    font-family: "Font Awesome 5 Pro";
    font-weight: 900;
    content: "\f068";
    background-image: none;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    position: absolute;
    right: 10px;
    top: 15px;
}

.faq-section.three .faq-inner .faq-list .accordion .accordion-item .accordion-collapse {
    background: var(--common-white);
    color: var(--text-p-1);
    font-weight: 600;
}

.faq-section.three .shape-image .shape-img-1 {
    left: -12px;
    top: 8%;
    z-index: -1;
}

@media only screen and (min-width: 768px) and (max-width: 991px),
only screen and (min-width: 576px) and (max-width: 767px),
only screen and (min-width: 400px) and (max-width: 575px),
(max-width: 399px) {
    .faq-section.three .shape-image .shape-img-1 {
        left: -12px;
        top: 40px;
    }
}

.faq-section.three .shape-image .shape-img-1 img {
    width: 80px;
}

@media only screen and (min-width: 768px) and (max-width: 991px),
only screen and (min-width: 576px) and (max-width: 767px),
only screen and (min-width: 400px) and (max-width: 575px),
(max-width: 399px) {
    .faq-section.three .shape-image .shape-img-1 img {
        width: 100px;
    }
}

.faq-section.three .shape-image .shape-img-2 {
    right: -2px;
    bottom: 28px;
    z-index: -1;
    opacity: 0.6;
}

.faq-section.three .shape-image .shape-img-2 img {
    width: 230px;
}

.faq-section.three .shape-image .shape-img-3 {
    top: 13%;
    right: 14%;
    z-index: -1;
    -webkit-animation: scale-down-center 15s linear infinite alternate-reverse both;
    animation: scale-down-center 15s linear infinite alternate-reverse both;
}

.faq-section.three .shape-image .shape-img-3 img {
    width: 120px;
}

.faq-section.three .shape-image .shape-img-4 {
    bottom: 21%;
    right: 20px;
    z-index: -1;
    -webkit-animation: slide-top 10s linear 0.3s infinite alternate-reverse both;
    animation: slide-top 10s linear 0.3s infinite alternate-reverse both;
}

.faq-section.three .shape-image .shape-img-4 img {
    width: 40px;
}

.faq-section.three .shape-image .shape-img-5 {
    bottom: 7px;
    left: -28px;
    z-index: -1;
}

.faq-section.three .shape-image .shape-img-5 img {
    width: 300px;
}

.faq-section.three .shape-image .shape-img-6 {
    top: 74px;
    right: 42%;
    z-index: -1;
    animation: animationFramesOne 45s linear infinite reverse;
    -webkit-animation: animationFramesOne 45s linear infinite reverse;
}

.faq-section.three .shape-image .shape-img-6 img {
    width: 30px;
}

.faq-section.three .shape-image .shape-img-7 {
    top: 74px;
    right: 42%;
    z-index: -1;
    animation: animationFramesOne 55s linear infinite;
    -webkit-animation: animationFramesOne 55s linear infinite;
}

.faq-section.three .shape-image .shape-img-7 img {
    width: 25px;
}

.faq-section.three .shape-image .shape-img-8 {
    top: 85px;
    left: 520px;
    z-index: -1;
}

.faq-section.three .shape-image .shape-img-8 img {
    width: 200px;
}

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

/* 25. Contact
/*----------------------------------------*/

.contact-section {
    background: var(--common-body-1);
    z-index: 9;
    padding: 120px 0 0;
    position: relative;
    overflow: hidden;
}

.contact-section .section-title-shape-one {
    margin-bottom: 30px;
}

.contact-section .contact-form .form-author,
.contact-section .contact-form .form-email,
.contact-section .contact-form .form-web,
.contact-section .contact-form .form-comment {
    padding-right: 20px;
    width: 100%;
}

@media only screen and (min-width: 768px) and (max-width: 991px),
only screen and (min-width: 576px) and (max-width: 767px),
only screen and (min-width: 400px) and (max-width: 575px),
(max-width: 399px) {
    .contact-section .contact-form .form-author,
    .contact-section .contact-form .form-email,
    .contact-section .contact-form .form-web,
    .contact-section .contact-form .form-comment {
        padding-right: 0;
    }
}

.contact-section .contact-form .form-author label,
.contact-section .contact-form .form-email label,
.contact-section .contact-form .form-web label,
.contact-section .contact-form .form-comment label {
    display: block;
}

.contact-section .contact-form .form-author input,
.contact-section .contact-form .form-email input,
.contact-section .contact-form .form-web input,
.contact-section .contact-form .form-comment input {
    width: 100%;
    height: 50px;
    border: none;
    border-radius: 5px;
    padding: 5px 15px;
}

.contact-section .contact-form .form-comment textarea {
    width: 100%;
    height: 200px;
    border: none;
    border-radius: 5px;
    padding: 10px 15px;
}

.contact-section .contact-form .form-comment textarea:focus-visible {
    outline: none !important;
}

.contact-section .contact-form .form-submit {
    margin-top: 20px;
}

.contact-section .contact-form .required {
    color: red;
}

.contact-section .appointment {
    margin-top: 15px;
}

@media only screen and (min-width: 768px) and (max-width: 991px),
only screen and (min-width: 576px) and (max-width: 767px),
only screen and (min-width: 400px) and (max-width: 575px),
(max-width: 399px) {
    .contact-section .appointment {
        margin-top: 50px;
    }
}

.contact-section .appointment .title h4 {
    font-size: 22px;
    line-height: normal;
}

.contact-section .appointment .title p {
    font-size: 15px;
}

.contact-section .appointment .table thead tr th {
    color: var(--common-white);
    background: var(--theme-1);
    font-size: 16px;
    font-weight: 800;
}

.contact-section .appointment .table tbody tr th,
.contact-section .appointment .table tbody tr td {
    color: var(--common-white);
}

.contact-section .location-tag {
    margin-top: 80px;
}

@media only screen and (min-width: 768px) and (max-width: 991px),
only screen and (min-width: 576px) and (max-width: 767px),
only screen and (min-width: 400px) and (max-width: 575px),
(max-width: 399px) {
    .contact-section .location-tag {
        margin-top: 30px;
    }
}

.contact-section .location-tag .item {
    background: var(--common-white);
    padding: 30px 20px;
    border-radius: 8px;
    text-align: center;
    -webkit-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
    cursor: pointer;
}

@media only screen and (min-width: 768px) and (max-width: 991px),
only screen and (min-width: 576px) and (max-width: 767px),
only screen and (min-width: 400px) and (max-width: 575px),
(max-width: 399px) {
    .contact-section .location-tag .item {
        margin-top: 30px;
    }
}

.contact-section .location-tag .item .icon i {
    color: #fff;
    font-size: 50px;
    -webkit-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
}

.contact-section .location-tag .item .view {
    margin-top: 16px;
}

.contact-section .location-tag .item .view h3 {
    font-size: 20px;
    font-weight: 700;
    line-height: normal;
    color: var(--text-h);
    -webkit-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
}

.contact-section .location-tag .item .view p {
    font-size: 15px;
    color: var(--text-p-1);
    margin-bottom: 0;
    -webkit-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
}

.contact-section .location-tag .item:hover {
    background: var(--theme-1);
}

.contact-section .location-tag .item:hover .icon i {
    color: var(--common-white);
}

.contact-section .location-tag .item:hover .view h3,
.contact-section .location-tag .item:hover .view p {
    color: var(--common-white);
}

.contact-section .contact-map {
    margin-top: 60px;
}

.contact-section .contact-map iframe {
    width: 100%;
    height: 450px;
}

.contact-section .shape-image-file .shape-img-1 {
    left: -12px;
    top: 8%;
    z-index: -1;
}

@media only screen and (min-width: 992px) and (max-width: 1199px),
only screen and (min-width: 768px) and (max-width: 991px),
only screen and (min-width: 576px) and (max-width: 767px),
only screen and (min-width: 400px) and (max-width: 575px),
(max-width: 399px) {
    .contact-section .shape-image-file .shape-img-1 {
        top: 30px;
    }
}

.contact-section .shape-image-file .shape-img-1 img {
    width: 60px;
}

.contact-section .shape-image-file .shape-img-2 {
    top: -24px;
    right: -28px;
    z-index: -1;
}

.contact-section .shape-image-file .shape-img-2 img {
    width: 100px;
}

.contact-section .shape-image-file .shape-img-3 {
    top: 13%;
    right: 14%;
    z-index: -1;
    -webkit-animation: scale-down-center 15s linear infinite alternate-reverse both;
    animation: scale-down-center 15s linear infinite alternate-reverse both;
}

.contact-section .shape-image-file .shape-img-3 img {
    width: 120px;
}

.contact-section .shape-image-file .shape-img-4 {
    bottom: 21%;
    right: 20px;
    z-index: -1;
    -webkit-animation: slide-top 10s linear 0.3s infinite alternate-reverse both;
    animation: slide-top 10s linear 0.3s infinite alternate-reverse both;
}

@media only screen and (min-width: 768px) and (max-width: 991px),
only screen and (min-width: 576px) and (max-width: 767px),
only screen and (min-width: 400px) and (max-width: 575px),
(max-width: 399px) {
    .contact-section .shape-image-file .shape-img-4 {
        display: none;
    }
}

.contact-section .shape-image-file .shape-img-4 img {
    width: 40px;
}

.contact-section .shape-image-file .shape-img-5 {
    bottom: 40px;
    left: -28px;
    z-index: -1;
}

.contact-section .shape-image-file .shape-img-5 img {
    width: 200px;
}

.contact-section .shape-image-file .shape-img-6 {
    top: 74px;
    right: 42%;
    z-index: -1;
    animation: animationFramesOne 45s linear infinite reverse;
    -webkit-animation: animationFramesOne 45s linear infinite reverse;
}

.contact-section .shape-image-file .shape-img-6 img {
    width: 30px;
}

.contact-section .shape-image-file .shape-img-7 {
    top: 74px;
    right: 42%;
    z-index: -1;
    animation: animationFramesOne 55s linear infinite;
    -webkit-animation: animationFramesOne 55s linear infinite;
}

.contact-section .shape-image-file .shape-img-7 img {
    width: 25px;
}

.contact-section .shape-image-file .shape-img-8 {
    top: 26px;
    right: 54%;
    z-index: -1;
}

@media only screen and (min-width: 400px) and (max-width: 575px),
(max-width: 399px) {
    .contact-section .shape-image-file .shape-img-8 {
        top: 70px;
        right: 25%;
    }
}

.contact-section .shape-image-file .shape-img-8 img {
    width: 200px;
}

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

/* 26. Sidebar
/*----------------------------------------*/

.sidebar__area {
    position: fixed;
    right: -485px;
    top: 0;
    width: 465px;
    height: 100%;
    background: var(--common-body-2);
    overflow-y: scroll;
    -webkit-transition: all 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86);
    -o-transition: all 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86);
    transition: all 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86);
    z-index: 9999;
}

@media only screen and (min-width: 400px) and (max-width: 575px) {
    .sidebar__area {
        width: 320px;
    }
}

@media (max-width: 399px) {
    .sidebar__area {
        width: 300px;
    }
}

.sidebar__area.sidebar-opened {
    right: 0px;
}

.sidebar__area .mobile-footer {
    margin-top: 20px;
}

.sidebar__area .mobile-footer .follow .title h3 {
    font-size: 18px;
    line-height: 1.2;
}

.sidebar__area .mobile-footer .follow .social {
    margin-top: 10px;
}

.sidebar__area .mobile-footer .contact {
    margin-top: 20px;
}

.sidebar__area .mobile-footer .contact .title h3 {
    font-size: 18px;
    line-height: 1.2;
}

.sidebar__area .mobile-footer .contact ul li {
    margin-bottom: 8px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}

.sidebar__area .mobile-footer .contact ul li i {
    font-size: 18px;
    padding-right: 6px;
    padding-top: 4px;
}

.sidebar__area .sidebar__wrapper {
    position: relative;
    padding: 45px;
    background: var(--tp-grey-5);
}

@media only screen and (min-width: 576px) and (max-width: 767px),
only screen and (min-width: 400px) and (max-width: 575px),
(max-width: 399px) {
    .sidebar__area .sidebar__wrapper {
        padding: 25px;
    }
}

.sidebar__area .sidebar__close {
    position: absolute;
    top: 35px;
    right: 45px;
}

@media only screen and (min-width: 400px) and (max-width: 575px),
(max-width: 399px) {
    .sidebar__area .sidebar__close {
        top: 20px;
        right: 20px;
    }
}

.sidebar__area .sidebar__close .sidebar__close-btn {
    display: inline-block;
    font-size: 16px;
    height: 45px;
    width: 45px;
    line-height: 1.2;
    background: var(--theme-1);
    color: #fff;
    border-radius: 50%;
    -webkit-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.sidebar__area .sidebar__close .sidebar__close-btn:hover {
    -webkit-animation: pulse-small 1s;
    animation: pulse-small 1s;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
}

.sidebar__area .sidebar-logo {
    padding-bottom: 20px;
    border-bottom: 1px solid #ebebeb;
}

.sidebar__area .sidebar-logo img {
    width: 250px;
}

@media only screen and (min-width: 400px) and (max-width: 575px) {
    .sidebar__area .sidebar-logo img {
        width: 220px;
    }
}

@media (max-width: 399px) {
    .sidebar__area .sidebar-logo img {
        width: 220px;
    }
}

.sidebar__area .sidebar__search {
    position: relative;
}

.sidebar__area .sidebar__search input {
    width: 100%;
    height: 40px;
    line-height: 40px;
    padding-right: 20px;
    background: transparent;
    border: none;
    outline: none;
    border-bottom: 1px solid #ebebeb;
    font-size: 16px;
    color: var(--tp-heading-primary);
}

.sidebar__area .sidebar__search input::-webkit-input-placeholder {
    color: var(--tp-grey-2);
}

.sidebar__area .sidebar__search input::-moz-placeholder {
    color: var(--tp-grey-2);
}

.sidebar__area .sidebar__search input:-ms-input-placeholder {
    color: var(--tp-grey-2);
}

.sidebar__area .sidebar__search input::-ms-input-placeholder {
    color: var(--tp-grey-2);
}

.sidebar__area .sidebar__search input::placeholder {
    color: var(--tp-grey-2);
}

.sidebar__area .sidebar__search input:focus {
    border-color: var(--tp-heading-primary);
}

.sidebar__area .sidebar__search button {
    position: absolute;
    top: 50%;
    right: 0;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    font-size: 14px;
    color: var(--tp-grey-2);
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}

.sidebar__area .sidebar__search button:hover {
    color: var(--tp-heading-primary);
}

.side-menu-icon i {
    color: #373435;
    font-size: 32px;
    cursor: pointer;
    position: relative;
    top: 5px;
}

.body-overlay {
    background-color: rgba(0, 0, 0, 0.5);
    height: 100%;
    width: 100%;
    position: fixed;
    top: 0;
    z-index: 999;
    left: 0;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
}

.body-overlay:hover {
    cursor: pointer;
}

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

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

/* 27. Counter
/*----------------------------------------*/

.counter-section.one {
    padding: 120px 0;
    position: relative;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    z-index: 9;
}

.counter-section.one::after {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    content: "";
    background: rgba(0, 0, 0, 0.8509803922);
    z-index: -1;
}

.counter-section.one .award-part {
    position: relative;
    background: var(--common-body-1);
    padding: 40px 30px;
    z-index: 9;
    border-radius: 5px;
    overflow: hidden;
}

.counter-section.one .award-part .title h2 {
    font-size: 30px;
    line-height: 1.2;
    color: var(--common-white);
}

@media only screen and (min-width: 576px) and (max-width: 767px),
only screen and (min-width: 400px) and (max-width: 575px),
(max-width: 399px) {
    .counter-section.one .award-part .title h2 {
        font-size: 22px;
    }
}

.counter-section.one .award-part .inner-btn {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    width: 100%;
    height: 100%;
}

@media only screen and (min-width: 768px) and (max-width: 991px),
only screen and (min-width: 576px) and (max-width: 767px),
only screen and (min-width: 400px) and (max-width: 575px),
(max-width: 399px) {
    .counter-section.one .award-part .inner-btn {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        margin-top: 12px;
    }
}

.counter-section.one .award-part .overlay-text h1 {
    position: absolute;
    font-size: 100px;
    font-weight: 800;
    top: 20px;
    left: 28px;
    z-index: -1;
    opacity: 0.6;
    font-family: var(--ff-body);
    background: -webkit-gradient( linear, left top, left bottom, from(#243949), to(#00151e));
    background: -o-linear-gradient(top, #243949 0%, #00151e 100%);
    background: linear-gradient(180deg, #243949 0%, #00151e 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
}

.counter-section.one .award-part .shape-img .shape-1 {
    width: 70px;
    right: 25%;
    top: 50%;
    z-index: -1;
    -webkit-animation: rotate-in-center 16s linear 0.4s infinite reverse backwards;
    animation: rotate-in-center 16s linear 0.4s infinite reverse backwards;
}

@media only screen and (min-width: 576px) and (max-width: 767px),
only screen and (min-width: 400px) and (max-width: 575px),
(max-width: 399px) {
    .counter-section.one .award-part .shape-img .shape-1 {
        width: 53px;
        right: 23%;
        top: 54%;
    }
}

.counter-section.one .award-part .shape-img .shape-2 {
    width: 30px;
    right: 45%;
    top: 5%;
    z-index: -1;
    animation: animationFramesOne 25s linear infinite;
    -webkit-animation: animationFramesOne 25s linear infinite;
}

.counter-section.one .award-part .shape-img .shape-3 {
    width: 15px;
    right: 23%;
    top: 9%;
}

@media only screen and (min-width: 576px) and (max-width: 767px),
only screen and (min-width: 400px) and (max-width: 575px),
(max-width: 399px) {
    .counter-section.one .award-part .shape-img .shape-3 {
        right: 10px;
        top: 40%;
    }
}

.counter-section.one .award-part .shape-img .shape-4 {
    width: 26px;
    right: 11%;
    bottom: 12%;
    -webkit-animation: scale-down-center 5s linear infinite alternate-reverse both;
    animation: scale-down-center 5s linear infinite alternate-reverse both;
}

.counter-section.one .inner-wrapper .left-wrapper {
    margin-top: 70px;
}

.counter-section.one .inner-wrapper .left-wrapper .title-des h2 {
    font-size: 30px;
    line-height: 1.2;
    text-transform: capitalize;
}

.counter-section.one .inner-wrapper .left-wrapper .title-des p {
    margin-top: 15px;
}

.counter-section.one .inner-wrapper .left-wrapper .list {
    margin-top: 20px;
    padding-left: 15px;
}

.counter-section.one .inner-wrapper .left-wrapper .list ul li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 10px;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    margin-bottom: 8px;
}

.counter-section.one .inner-wrapper .left-wrapper .list ul li i {
    margin-top: 6px;
    color: var(--theme-1);
}

.counter-section.one .inner-wrapper .left-wrapper .list .inner-btn {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    margin-top: 25px;
}

.counter-section.one .inner-wrapper .right-wrapper {
    margin-top: 70px;
    padding-left: 25px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .counter-section.one .inner-wrapper .right-wrapper {
        padding-left: 0;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px),
only screen and (min-width: 576px) and (max-width: 767px),
only screen and (min-width: 400px) and (max-width: 575px),
(max-width: 399px) {
    .counter-section.one .inner-wrapper .right-wrapper {
        padding-left: 0;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
}

.counter-section.one .inner-wrapper .right-wrapper .item {
    background: -webkit-gradient( linear, left top, left bottom, from(#243949), to(#00151e));
    background: -o-linear-gradient(top, #243949 0%, #00151e 100%);
    background: linear-gradient(180deg, #243949 0%, #00151e 100%);
    -webkit-box-shadow: 0px 4.8px 24.4px -6px rgba(19, 16, 34, 0.1), 0px 4px 13px -2px rgba(19, 16, 34, 0.06);
    box-shadow: 0px 4.8px 24.4px -6px rgba(19, 16, 34, 0.1), 0px 4px 13px -2px rgba(19, 16, 34, 0.06);
    border-radius: 10px;
    padding: 25px 20px;
    text-align: center;
    width: 220px;
}

@media only screen and (min-width: 400px) and (max-width: 575px),
(max-width: 399px) {
    .counter-section.one .inner-wrapper .right-wrapper .item {
        width: 240px;
    }
}

.counter-section.one .inner-wrapper .right-wrapper .item .count-body {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 10px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.counter-section.one .inner-wrapper .right-wrapper .item .count-body h2 {
    font-size: 50px;
    font-weight: 800;
    line-height: 1.2;
}

.counter-section.one .inner-wrapper .right-wrapper .item .count-body h4 {
    font-size: 40px;
    font-weight: 800;
    color: var(--theme-1);
    margin-top: 8px;
    line-height: initial;
    margin-bottom: 0;
}

.counter-section.one .inner-wrapper .right-wrapper .item .text h3 {
    font-size: 18px;
    line-height: 1.2;
    margin-top: 5px;
}

.counter-section.one .shape-img .shape-5 {
    left: 15px;
    bottom: 30%;
    width: 65px;
    -webkit-animation: slide-top 10s linear 0.3s infinite alternate-reverse both;
    animation: slide-top 10s linear 0.3s infinite alternate-reverse both;
}

@media only screen and (min-width: 576px) and (max-width: 767px),
only screen and (min-width: 400px) and (max-width: 575px),
(max-width: 399px) {
    .counter-section.one .shape-img .shape-5 {
        display: none;
    }
}

.counter-section.one .shape-img .shape-6 {
    left: 40px;
    top: 3%;
    width: 36px;
    z-index: 0;
    animation: animationFramesOne 35s linear 0.6s infinite;
    -webkit-animation: animationFramesOne 35s linear 0.6s infinite;
}

.counter-section.one .shape-img .shape-7 {
    right: 40px;
    bottom: 44%;
    width: 32px;
    z-index: 0;
    -webkit-animation: slide-top 15s linear 0.3s infinite alternate-reverse both;
    animation: slide-top 15s linear 0.3s infinite alternate-reverse both;
}

@media only screen and (min-width: 576px) and (max-width: 767px),
only screen and (min-width: 400px) and (max-width: 575px),
(max-width: 399px) {
    .counter-section.one .shape-img .shape-7 {
        -webkit-animation: none;
        animation: none;
        right: 40px;
        bottom: 38%;
    }
}

.counter-section.one .shape-img .shape-8 {
    right: 30px;
    bottom: 12%;
    width: 60px;
    z-index: 0;
}

@media only screen and (min-width: 576px) and (max-width: 767px),
only screen and (min-width: 400px) and (max-width: 575px),
(max-width: 399px) {
    .counter-section.one .shape-img .shape-8 {
        bottom: 34px;
        right: auto;
        left: 12px;
    }
}

.counter-section.two {
    background: var(--common-body-1);
    padding: 60px 0;
    position: relative;
    z-index: 9;
    overflow: hidden;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}

@media only screen and (min-width: 768px) and (max-width: 991px),
only screen and (min-width: 576px) and (max-width: 767px),
only screen and (min-width: 400px) and (max-width: 575px),
(max-width: 399px) {
    .counter-section.two .wrapper .middle {
        -webkit-box-pack: center !important;
        -ms-flex-pack: center !important;
        justify-content: center !important;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px),
only screen and (min-width: 576px) and (max-width: 767px),
only screen and (min-width: 400px) and (max-width: 575px),
(max-width: 399px) {
    .counter-section.two .wrapper {
        text-align: center;
    }
}

.counter-section.two .wrapper h2 {
    font-size: 50px;
    line-height: 1.2;
    color: var(--theme-1);
    margin: 0;
}

.counter-section.two .wrapper h3 {
    font-size: 40px;
    line-height: 1.2;
    margin: 0;
}

.counter-section.two .wrapper h4 {
    font-size: 22px;
    line-height: 1.2;
}

.counter-section.two.white {
    background: var(--common-body-1);
}

.counter-section.two.white .wrapper {
    text-align: center;
}

.counter-section .shape-img .shape-1 {
    right: -2px;
    top: -2px;
    width: 70px;
}

.counter-section .shape-img .shape-2 {
    left: 10px;
    top: 160px;
    width: 52px;
    -webkit-animation: trigger 6s linear infinite;
    animation: trigger 6s linear infinite;
}

@media only screen and (min-width: 992px) and (max-width: 1199px),
only screen and (min-width: 768px) and (max-width: 991px),
only screen and (min-width: 576px) and (max-width: 767px),
only screen and (min-width: 400px) and (max-width: 575px),
(max-width: 399px) {
    .counter-section .shape-img .shape-2 {
        left: 10px;
        bottom: 10px;
        top: auto;
    }
}

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

/* 28. Newsletter
/*----------------------------------------*/

.news-letter.one {
    padding: 60px 0;
    background: var(--common-body-2);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    z-index: 9;
    position: relative;
    overflow: hidden;
}

.news-letter.one .left-wrapper h5 {
    font-size: 16px;
    color: var(--theme-1);
    line-height: 1.2;
}

.news-letter.one .left-wrapper h2 {
    font-size: 28px;
    text-transform: capitalize;
    line-height: 1.2;
    margin: 0;
    color: #fff !important;
}

@media only screen and (min-width: 992px) and (max-width: 1199px),
only screen and (min-width: 768px) and (max-width: 991px),
only screen and (min-width: 576px) and (max-width: 767px),
only screen and (min-width: 400px) and (max-width: 575px),
(max-width: 399px) {
    .news-letter.one .left-wrapper h2 {
        font-size: 22px;
    }
}

.news-letter.one .right-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    width: 100%;
    height: 100%;
}

@media only screen and (min-width: 768px) and (max-width: 991px),
only screen and (min-width: 576px) and (max-width: 767px),
only screen and (min-width: 400px) and (max-width: 575px),
(max-width: 399px) {
    .news-letter.one .right-wrapper {
        margin-top: 10px;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
    }
}

.news-letter.one .right-wrapper .input-box {
    position: relative;
    margin-top: 24px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px),
only screen and (min-width: 768px) and (max-width: 991px),
only screen and (min-width: 576px) and (max-width: 767px),
only screen and (min-width: 400px) and (max-width: 575px),
(max-width: 399px) {
    .news-letter.one .right-wrapper .input-box {
        margin-top: 0;
    }
}

.news-letter.one .right-wrapper .input-box input {
    width: 390px;
    height: 45px;
    border-radius: 5px;
    border: none;
    padding: 2px 15px;
    color: var(--text-p-1);
}

.news-letter.one .right-wrapper .input-box input::-webkit-input-placeholder {
    color: var(--text-p-1);
}

@media only screen and (min-width: 400px) and (max-width: 575px),
(max-width: 399px) {
    .news-letter.one .right-wrapper .input-box input {
        width: 100%;
    }
}

.news-letter.one .right-wrapper .input-box .submit {
    width: auto;
    display: inline-block;
    background: var(--theme-1);
    padding: 10px 15px;
    border-radius: 5px;
    margin-left: 6px;
}

.news-letter.one .right-wrapper .input-box .submit:hover {
    -webkit-animation: pulse-small 1s;
    animation: pulse-small 1s;
}

@media only screen and (min-width: 992px) and (max-width: 1199px),
only screen and (min-width: 768px) and (max-width: 991px),
only screen and (min-width: 576px) and (max-width: 767px),
only screen and (min-width: 400px) and (max-width: 575px),
(max-width: 399px) {
    .news-letter.one .right-wrapper .input-box .submit {
        margin-left: 0;
        margin-top: 12px;
    }
}

.news-letter.one .shape-image .shape-1 {
    left: 18px;
    z-index: -1;
    width: 30px;
    top: 60px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px),
only screen and (min-width: 768px) and (max-width: 991px),
only screen and (min-width: 576px) and (max-width: 767px),
only screen and (min-width: 400px) and (max-width: 575px),
(max-width: 399px) {
    .news-letter.one .shape-image .shape-1 {
        width: 30px;
        top: 22px;
    }
}

.news-letter.one .shape-image .shape-2 {
    right: 26%;
    z-index: -1;
    width: 100px;
    bottom: 15px;
    opacity: 0.6;
}

.news-letter.one .shape-image .shape-3 {
    right: 26%;
    z-index: -1;
    width: 100px;
    bottom: 15px;
}

.news-letter.two {
    padding: 60px 0;
    background: var(--common-body-2);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    z-index: 9;
    position: relative;
    overflow: hidden;
}

.news-letter.two .text-wrapper {
    text-align: center;
}

@media only screen and (min-width: 400px) and (max-width: 575px),
(max-width: 399px) {
    .news-letter.two .text-wrapper {
        text-align: start;
    }
}

.news-letter.two .text-wrapper h5 {
    font-size: 16px;
    color: var(--theme-1);
    line-height: 1.2;
}

.news-letter.two .text-wrapper h2 {
    font-size: 30px;
    text-transform: capitalize;
    line-height: 1.2;
    margin: 0;
}

@media only screen and (min-width: 400px) and (max-width: 575px),
(max-width: 399px) {
    .news-letter.two .text-wrapper h2 {
        font-size: 22px;
    }
}

.news-letter.two .input-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

@media only screen and (min-width: 400px) and (max-width: 575px),
(max-width: 399px) {
    .news-letter.two .input-wrapper {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
    }
}

.news-letter.two .input-wrapper .input-box {
    position: relative;
    margin-top: 24px;
}

.news-letter.two .input-wrapper .input-box input {
    width: 390px;
    height: 45px;
    border-radius: 5px;
    border: none;
    padding: 2px 15px;
    color: var(--text-p-1);
}

.news-letter.two .input-wrapper .input-box input::-webkit-input-placeholder {
    color: var(--text-p-1);
}

@media only screen and (min-width: 400px) and (max-width: 575px),
(max-width: 399px) {
    .news-letter.two .input-wrapper .input-box input {
        width: 100%;
    }
}

.news-letter.two .input-wrapper .input-box .submit {
    width: auto;
    display: inline-block;
    background: var(--theme-1);
    padding: 10px 15px;
    border-radius: 5px;
    margin-left: 6px;
}

@media only screen and (min-width: 400px) and (max-width: 575px),
(max-width: 399px) {
    .news-letter.two .input-wrapper .input-box .submit {
        margin-left: 0;
        margin-top: 12px;
    }
}

.news-letter.two .input-wrapper .input-box .submit:hover {
    -webkit-animation: pulse-small 1s;
    animation: pulse-small 1s;
}

.news-letter.two .shape-image .shape-1 {
    left: -3px;
    z-index: -1;
    width: 200px;
    bottom: -16px;
}

.news-letter.two .shape-image .shape-2 {
    right: 15%;
    z-index: -1;
    width: 75px;
    bottom: 15px;
}

@media only screen and (min-width: 768px) and (max-width: 991px),
only screen and (min-width: 576px) and (max-width: 767px),
only screen and (min-width: 400px) and (max-width: 575px),
(max-width: 399px) {
    .news-letter.two .shape-image .shape-2 {
        right: 0%;
    }
}

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

/* 29. 404
/*----------------------------------------*/

.error-section {
    background: var(--common-body-1);
    padding: 120px 0;
    position: relative;
    width: 100%;
    min-height: 100vh;
    z-index: 9;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.error-section .wrapper {
    text-align: center;
}

.error-section .wrapper .img-file {
    width: 400px;
    height: 400px;
    overflow: hidden;
    margin-left: auto;
    margin-right: auto;
}

.error-section .wrapper .img-file img {
    width: 100%;
    height: 100%;
}

.error-section .wrapper .text-file {
    margin-top: 20px;
}

.error-section .wrapper .text-file h4 {
    font-size: 26px;
    font-weight: 800;
}

.error-section .wrapper .text-file p {
    font-size: 15px;
}

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

/* 30. Footer
/*----------------------------------------*/

.footer-section.one {
    background-color: var(--common-body-1);
    /*padding: 120px 0 0;*/
    position: relative;
    overflow: hidden;
    z-index: 9;
}

/*@media only screen and (min-width: 400px) and (max-width: 575px),*/
/*(max-width: 399px) {*/
/*    .footer-section.one {*/
/*        padding: 80px 0 0;*/
/*    }*/
/*}*/

.footer-section.one .footer-wrapper {
    z-index: 9;
}

.footer-section.one .footer-wrapper.one {
    padding-right: 20px;
}

.footer-section.one .footer-wrapper.one .logo {
    width: 250px;
    height: auto;
    overflow: hidden;
}

.footer-section.one .footer-wrapper.one .logo img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.footer-section.one .footer-wrapper.one .des {
    margin-top: 20px;
}

.footer-section.one .footer-wrapper.one .des p {
    font-size: 15px;
}

.footer-section.one .footer-wrapper.one .social.one {
    margin-top: 26px;
}

.footer-section.one .footer-wrapper.two .title {
    font-size: 20px;
    font-weight: var(--fw-700);
}

.footer-section.one .footer-wrapper.two ul li {
    margin-bottom: 7px;
}

.footer-section.one .footer-wrapper.two ul li a {
    font-size: 15px;
    position: relative;
    -webkit-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
    padding-left: 15px;
}

.footer-section.one .footer-wrapper.two ul li a::after {
    font-family: "Font Awesome 5 Pro";
    content: "\f324";
    position: absolute;
    left: 0;
    top: -3px;
    -webkit-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
    font-size: 12px;
}

.footer-section.one .footer-wrapper.two ul li a:hover {
    color: var(--theme-1);
}

.footer-section.one .footer-wrapper.two ul li a:hover::after {
    color: var(--theme-1);
}

.footer-section.one .footer-wrapper.three .title {
    font-size: 20px;
    font-weight: var(--fw-700);
}

.footer-section.one .footer-wrapper.three ul li {
    font-size: 15px;
    margin-bottom: 6px;
}

.footer-section.one .footer-wrapper.three ul li.phone {
    font-size: 20px;
    font-weight: 600;
}

.footer-section.one .footer-bottom {
    margin-top: 40px;
    border-top: 1px solid var(--border-3);
    padding-top: 20px;
}

.footer-section.one .shape-image .shape-1 {
    left: -9px;
    bottom: 10px;
    width: 281px;
    z-index: -1;
}

.footer-section.one .shape-image .shape-2 {
    right: -4px;
    bottom: -7px;
    width: 400px;
    z-index: -1;
    opacity: 0.3;
}

.footer-section.two {
    background-color: var(--common-body-2);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 120px 0 0;
    position: relative;
    overflow: hidden;
    z-index: 9;
}

@media only screen and (min-width: 768px) and (max-width: 991px),
only screen and (min-width: 400px) and (max-width: 575px),
(max-width: 399px) {
    .footer-section.two {
        padding: 80px 0 0;
    }
}

.footer-section.two .footer-wrapper {
    z-index: 9;
}

.footer-section.two .footer-wrapper.one {
    padding-right: 20px;
}

.footer-section.two .footer-wrapper.one .logo {
    width: 250px;
    height: auto;
    overflow: hidden;
}

.footer-section.two .footer-wrapper.one .logo img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.footer-section.two .footer-wrapper.one .des {
    margin-top: 20px;
}

.footer-section.two .footer-wrapper.one .des p {
    font-size: 15px;
}

.footer-section.two .footer-wrapper.one .form-sub .input-box {
    position: relative;
    margin-top: 24px;
}

.footer-section.two .footer-wrapper.one .form-sub .input-box input {
    width: 300px;
    height: 40px;
    border-radius: 5px;
    border: none;
    padding: 2px 15px;
    color: var(--text-p-1);
    display: block;
}

.footer-section.two .footer-wrapper.one .form-sub .input-box input::-webkit-input-placeholder {
    color: var(--text-p-1);
}

.footer-section.two .footer-wrapper.one .form-sub .input-box .submit {
    width: auto;
    display: inline-block;
    background: var(--theme-1);
    padding: 7px 15px;
    border-radius: 5px;
    margin-top: 10px;
}

.footer-section.two .footer-wrapper.one .form-sub .input-box .submit:hover {
    -webkit-animation: pulse-small 1s;
    animation: pulse-small 1s;
}

@media only screen and (min-width: 992px) and (max-width: 1199px),
only screen and (min-width: 768px) and (max-width: 991px),
only screen and (min-width: 576px) and (max-width: 767px),
only screen and (min-width: 400px) and (max-width: 575px),
(max-width: 399px) {
    .footer-section.two .footer-wrapper.one .form-sub .input-box .submit {
        margin-left: 0;
        margin-top: 12px;
    }
}

.footer-section.two .footer-wrapper.one .social.one {
    margin-top: 26px;
}

.footer-section.two .footer-wrapper.two .title {
    font-size: 20px;
    font-weight: var(--fw-700);
    margin-bottom: 15px;
}

.footer-section.two .footer-wrapper.two ul li {
    margin-bottom: 7px;
}

.footer-section.two .footer-wrapper.two ul li a {
    font-size: 16px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 6px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-weight: var(--fw-600);
    position: relative;
    -webkit-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
    padding-left: 15px;
}

.footer-section.two .footer-wrapper.two ul li a::after {
    font-family: "Font Awesome 5 Pro";
    content: "\f324";
    position: absolute;
    left: 0;
    top: 0;
    -webkit-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
    font-size: 12px;
}

.footer-section.two .footer-wrapper.two ul li a:hover {
    color: var(--theme-1);
}

.footer-section.two .footer-wrapper.two ul li a:hover::after {
    color: var(--theme-1);
}

.footer-section.two .footer-wrapper.three .title {
    font-size: 20px;
    font-weight: var(--fw-700);
    margin-bottom: 15px;
}

.footer-section.two .footer-wrapper.three ul {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 10px 1fr 10px 1fr;
    grid-template-columns: repeat(3, 1fr);
    -ms-grid-rows: 1fr 10px 1fr;
    grid-template-rows: repeat(2, 1fr);
    grid-column-gap: 10px;
    grid-row-gap: 10px;
}

.footer-section.two .footer-wrapper.three ul>*:nth-child(1) {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
}

.footer-section.two .footer-wrapper.three ul>*:nth-child(2) {
    -ms-grid-row: 1;
    -ms-grid-column: 3;
}

.footer-section.two .footer-wrapper.three ul>*:nth-child(3) {
    -ms-grid-row: 1;
    -ms-grid-column: 5;
}

.footer-section.two .footer-wrapper.three ul>*:nth-child(4) {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
}

.footer-section.two .footer-wrapper.three ul>*:nth-child(5) {
    -ms-grid-row: 3;
    -ms-grid-column: 3;
}

.footer-section.two .footer-wrapper.three ul>*:nth-child(6) {
    -ms-grid-row: 3;
    -ms-grid-column: 5;
}

.footer-section.two .footer-wrapper.three ul li img {
    border-radius: 5px;
}

.footer-section.two .footer-bottom {
    margin-top: 40px;
    border-top: 1px solid var(--border-3);
    padding-top: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.footer-section.three {
    background-color: var(--common-body-1);
    padding: 120px 0 0;
    position: relative;
    overflow: hidden;
    z-index: 9;
}

.footer-section.three .footer-wrapper {
    z-index: 9;
}

.footer-section.three .footer-wrapper.one .title {
    font-size: 22px;
    font-weight: 700;
    margin-bottom: 15px;
}

.footer-section.three .footer-wrapper.one span {
    display: block;
    margin-bottom: 10px;
}

.footer-section.three .footer-wrapper.one span i {
    margin-right: 5px;
}

.footer-section.three .footer-wrapper.two .title {
    font-size: 22px;
    font-weight: 700;
    margin-bottom: 15px;
}

.footer-section.three .footer-wrapper.two .inner ul li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 12px;
    margin-bottom: 15px;
}

.footer-section.three .footer-wrapper.two .inner ul li .img-file {
    width: 80px;
    height: 80px;
    overflow: hidden;
    position: relative;
    display: block;
    border-radius: 5px;
}

.footer-section.three .footer-wrapper.two .inner ul li .img-file img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.footer-section.three .footer-wrapper.two .inner ul li a {
    font-weight: 600;
    font-size: 15px;
    line-height: 1.5;
    margin-bottom: 3px;
    display: block;
    -webkit-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
}

.footer-section.three .footer-wrapper.two .inner ul li a:hover {
    color: var(--theme-1);
}

.footer-section.three .footer-wrapper.three .title {
    font-size: 22px;
    font-weight: 700;
    margin-bottom: 15px;
}

.footer-section.three .footer-wrapper.three .inner p {
    margin: 0;
}

.footer-section.three .footer-bottom {
    margin-top: 40px;
    border-top: 1px solid var(--border-3);
    padding-top: 20px;
}

.footer-section.three .shape-image .shape-2 {
    right: -4px;
    bottom: -199px;
    width: 102%;
    z-index: -1;
    opacity: 0.4;
}





#header-sticky {
    background: transparent !important;
    position: absolute; /* Coloca o header sobre o slider */
    width: 100%;
    z-index: 10; /* Garante que o header fique acima do slider */
}


/* Ajusta o slider para ficar colado no topo */
.hero-slider.one {
    margin-top: 0; /* Remove qualquer margem */
}

/* Ajusta o comportamento da imagem de fundo do slider */
.item-slider .slide-bg {
    background-position: top center;
    background-size: cover;
    height: 100vh; /* Faz com que a imagem de fundo ocupe toda a altura da tela */
}

/* Opcional: Adiciona uma pequena sombra ao header para destacar o conteúdo */
/*#header-sticky .auto-container {*/
/*    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);*/
/*}*/

/* Ajuste para o conteúdo do slider não sobrepor o texto */
.slider-content-inner {
    position: relative;
    z-index: 2; /* Garante que o conteúdo do slider fique acima do fundo */
}

.icones{
    font-size: 43px;
    color: #8af778;
}

@media(min-width: 769px){
    .banner-dimensoes{
        height: 800px !important;
    }
}

@media(max-width: 768px){
    .banner-dimensoes{
        height: 350px !important;
    }
}


.service-card {
    display: flex;
    flex-direction: column;
    height: 100%;
}

.service-content {
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.default-btn{
    padding: 15px 50px !important;
}


.color-white{
    color: #fff !important;
}

.form-border{
    border: 1px solid #ced4da !important;
}




.image-fullscreen-wrapper {
    width: 100%;
    /*height: 100vh;*/
    overflow: hidden;
}

.img-fullscreen {
    width: 100% !important;
    /*height: 100% !important;;*/
    object-fit: cover !important;;
    display: block !important;;
}

@font-face {
    font-family: 'Red Hat Display';
    src: url('/assets/fonts/RedHatDisplay-VariableFont_wght.ttf') format('truetype');
    font-weight: 100 900;
    font-style: normal;
    font-display: swap;
}

body {
    font-family: 'Red Hat Display', sans-serif;
}

.promo-bar {
    background-color: #fc6602 !important;
    padding: 9px 20px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;

}



.box-topo {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    max-width: 1200px;
    width: 100%;
}


.box-topo p {
    margin: 0;
    color: #000 !important;
    font-size: 17px;
    font-weight: 500;
    font-family: 'Red Hat Display', sans-serif;
}


@media(max-width: 767px){
    .box-topo p{
        font-size: 16px !important;
        text-align: center;
    }
}

@media(max-width: 767px){
    .box-topo {
        justify-content: center;
        text-align: center;
        margin-bottom: -28px;
        margin-top: -9px;
    }
}

@media(max-width: 767px){
    .promo-button {
        margin-top: 10px;
        margin-bottom: 10px;
    }
}


.desktop{
    display: none !important;
}

.mobile{
    display: none !important;
}



@media(min-width: 768px){
    .desktop {
        display: block !important;
    }
}

@media(max-width: 767px){
    .mobile {
        display: block !important;
    }
}






.box-topo .white-text {
    color: #fff;
}

.promo-button {
    background-color: #a532f5 !important;
    color: #ffffff !important;
    padding: 4px 20px;
    border-radius: 10px;
    text-decoration: none;
    font-weight: bold;
    display: inline-block;
}


.shadow{
    border-radius: 10px 10px 10px 10px !important;
}

@media (min-width: 1400px) {
    .container.custom-container {
        max-width: 1490px !important;
    }
}

@media (min-width: 1400px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
        max-width: 1200px !important;
    }
}

.text-gradient {
    background: -webkit-linear-gradient(50deg, #F66FA6, #A532F5);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.promo-button-section{
    background-color: #a532f5 !important;
    color: #ffffff !important;
    border-radius: 10px;
    text-decoration: none;
    display: inline-block;
    font-size: 22px;
    font-weight: 500;
    margin-top: 20px;
    padding: 20px 70px 20px 70px;
}

.titulo-item{
    color: #fff !important;
    font-size: 20px;
    font-weight: 700;
}

.p-item{
    font-size: 17px;
    font-weight: 400;
}

.icones-pet{
    height: 1em;
    position: relative;
    width: 1em;
}

.box-icone{
    /*text-align: right;*/
    font-size: 30px;
    margin-right: 6px;
    margin-bottom: 10px;
}

.img-depoimentos{
    width: 55px;
    border-style: solid;
    border-width: 0px 0px 0px 0px;
    border-radius: 100px 100px 100px 100px;
}

.box-d{
    width: 100%;
    padding-left: 25px;
    padding-right: 20px;
}

.box-foto-nome{
    display: flex;
    align-items: center;
}

@media(max-width: 767px){
    .service-section{
        padding-top: 50px;
    }
}

/*@media(max-width: 767px){*/
/*    .no-padding{*/
/*        padding:0 !important;*/
/*    }*/
/*}*/

@media(min-width: 768px){
    .py-5{
        padding: 5px 0 !important;
    }
}

.padding-bottom-0{
    padding-bottom: 0 !important;
}

/*@media(max-width: 767px){*/
/*    .padding-bottom-0{*/
/*        padding-bottom: 0 !important;*/
/*    }*/
/*}*/

@media(max-width: 767px){
    .padding-top-0{
        padding-top: 0 !important;
    }
}

@media(max-width: 767px){
    .margin-top-0{
        margin-top: 0 !important;
    }
}


@media(max-width: 767px){
    .margin-top-30-mobile{
        margin-top: 30px;
    }
}

@media(max-width: 767px){
    .t-center {
        text-align: center !important
    }
}

@media(max-width: 767px) {
    .margin-top-60{
        margin-top: 60px;
    }
}



.beneficios-desc{
    text-align: right;
}

@media(max-width: 767px){
    .beneficios-desc{
        text-align: center;
    }
}

@media(max-width: 767px){
    .titulo-item-mobile{
        font-size: 35px !important;
        font-weight: 600 !important;
        line-height: 35px !important;
    }
}

@media(max-width: 767px){
    .btn-mobile{
        width: 100%;
        text-align: center;
        font-size: 19px;
    }
}

@media(max-width: 767px){
    .padding-in{
        padding-left: inherit;
        padding-right: inherit;
    }
}

@media(max-width: 767px){
    .btn-custom{
        font-size: 17px !important;
    }
}

@media(max-width: 767px){
    .padding-left-20-padding-right-20{
        padding-left: 20px !important;
        padding-right: 20px !important;
    }
}





@media(max-width: 767px){
    .btn-dep{
        padding-right: 50px !important;
        padding-left: 50px !important;
    }
}



/*@media(max-width: 766px){*/
/*    .btn-custom{*/
/*        font-size: 15px;*/
/*    }*/
/*}*/

.btn-custom{
    margin-bottom: 65px;
    font-size: 22px;
    font-weight: 500;
    padding: 20px 70px 20px 70px;
    box-shadow: 0px 0px 10px 0px rgba(252, 101.99999999999991, 1.9999999999999087, 0.54);
}

@media(max-width: 767px){
    .padding-top{
        padding-top: 50px !important;
    }
}

@media(max-width: 767px){
    .btn-slider-custom{
        margin-bottom: 35px;
    }
}


@media(max-width: 767px){
    .padding-bottom{
        padding-bottom: 50px !important;
    }
}

@media(max-width: 767px){
    .padding-5{
        padding-left: 5px;
        padding-right: 5px;
    }
}

@media(min-width: 768px){
    .text-left{
        text-align: left;
    }
}

@media(min-width: 769px){
    .logo-topo {
      max-width: 120px;
    }
}

@media(max-width: 768px){
    .logo-topo {
        max-width: 206px;
    }
}

.descricao-banner{
    font-size: 25px !important;
}

@media(max-width: 767px){
    .descricao-banner{
        font-size: 20px !important;
        text-align: center;
    }
}


.slider-content-inner-right {
    position: relative;
    height: 100%;
}

.slider-content-inner-right .img-wrapper {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    display: flex;
    align-items: flex-end; /* faz a imagem grudar no fundo */
    justify-content: center; /* centraliza horizontalmente (opcional) */
}


@media(max-width: 1199px){
    .img-max-373{
        max-width: 373px !important;
    }
}


.slider-content-inner-right .img-wrapper img {
    max-height: 100%;
    object-fit: contain;
}

@media(max-width: 1199px) {
    .slider-content-inner-right .img-wrapper{
        position: relative;
    }
}

.spam{
    color: var(--color-title-span);
}


.icon-box-overlay {
    position: absolute;
    top: -84px;
    /*right: 142px;*/
    /*right: -120px;*/
    background-color: #fff;
    max-width: 280px;
    box-shadow: 0 4px 12px rgba(0,0,0,0.15);
    z-index: 2;
    text-align: center;
    padding: 3em 2em 3em 2em;
    border-radius: 50%;
    width: 250px;
    height: 261px;
}

@media(max-width: 1199px) {
    .icon-box-overlay{
        display: none;
    }
}

.icon-box-icon {
    margin-bottom: 10px;
}

.icon-box-title {
    font-size: 18px;
    font-weight: bold;
    color: #333;
    margin-bottom: 6px;
}

.icon-box-desc {
    font-size: 14px;
    color: #666;
    margin: 0;
}

.box-desc-div-flutuante{
    width: 186px;
}

.bg-theme{
    background: var(--theme-1) !important;

}

.font-lista-topo{
    font-size: 17px;
    font-weight: 600;
}

@media(min-width: 768px){
    .font-lista-topo{
        padding-bottom: 71px;
    }
}

.title-session{
    color: var(--theme-1);
    line-height: 1 !important;
}

/*@media(min-width: 769px){*/
/*    .padding-top-60{*/
/*        padding-top: 60px !important;*/
/*    }*/
/*}*/
.margin-botton-0{
    margin-bottom: 0 !important;
}

.img-custom-postion{
    position: absolute;
    width: inherit;
    bottom: 0;
    max-width: 600px;
}

@media(max-width: 767px){
    .img-custom-postion{
       position: relative;
    }
}

.bg-tema{
    background-color: transparent !important;
    background-image: linear-gradient(179deg, #FC660263 0%, #ffffff 100% !important;);

}

@media(min-width: 768px){
    .img-custom-postion{
        width: 100%;
        /*height: 640px;*/
        object-fit: cover;
        object-position: center center;
        filter: brightness(90%) contrast(100%) saturate(100%) blur(0px) hue-rotate(0deg);
    }
}

.item-beneficios{
    background: #fc6602 !important;
    min-height: 270px;
    /*padding-top: 0em !important;*/
    padding-bottom: 2em !important;
    padding-left: 40px !important;
    padding-right: 40px !important;
}

@media(max-width: 768px){
    .item-beneficios{
        min-height: initial !important ;
    }
}




@media(min-width: 768px){
    .box-pai-beneficios{
        margin-top: -16px;
    }
}

.padding-beneficios-desc{
    color: #fff !important;
    font-size: 17px;
    font-weight: 300;
}

.row-beneficios{
    margin-top: -58px;
}

@media(max-width: 767px){
    .row-beneficios{
        margin-top: initial !important;
    }
}

@media(min-width: 769px){
    .item-beneficios{
        padding-bottom: initial !important;
    }
}

.topo-p-depoimentos{
    font-weight: 300 !important;
    line-height: 1.5 !important;
}

.depoimento{
    font-size: 20px;
    font-weight: 300;
    text-align: center;
}

.shadow-sm{
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, .15) !important;
    border-radius: 10px;
}

/*.shadow-sm:hover{*/
/*    border-width: 0px 0px 4px 0px !important;*/
/*    border-color: #FC6602 !important;*/
/*}*/

.shadow-sm:hover {
    border-bottom: 4px solid #FC6602 !important;
}

.star{
    text-align: center;
    font-size: 19px;
    color: #fc6602 !important;
}

.testimonial-meta {
    display: flex;
    align-items: center;
    gap: 1rem;
    justify-content: center;
}

.testimonial-image img {
    width: 100px;
    height: 100px;
    object-fit: cover;
    border-radius: 50%;
}

/*.testimonial-details {*/
/*    text-align: center;*/
/*}*/

.testimonial-name {
    font-weight: bold;
    font-size: 1.1rem;
}

.testimonial-job {
    font-size: 0.95rem;
    color: #555;
}

.card {
    height: 100%;
}



.video-section {
    position: relative;
    width: 100%;
    overflow: hidden;
    aspect-ratio: 16 / 9; /* controla a proporção automaticamente */
    height: 548px;
}

@media(max-width: 767px){
    .video-section{
        height: 412px !important;
    }
}

.video-wrapper {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100vw;
    height: 56.25vw; /* 16:9 */
    transform: translate(-50%, -50%);
    z-index: 1;
    pointer-events: none;
}

.video-iframe {
    width: 100%;
    height: 100%;
    border: none;
    object-fit: cover;
    pointer-events: none;
}

.video-content {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: 20px;
    color: #fff;
}

.video-inner {
    max-width: 800px;
}

@media (max-aspect-ratio: 16/9) {
    .video-wrapper {
        width: 177.77vh; /* 100vh * 16 / 9 */
        height: 100vh;
    }
}

.titulo-sessao-vd{
    font-size: 52px !important;
}

@media(max-width: 767px){
    .titulo-sessao-vd{
        font-size: 34px !important;
    }

}

.ac-desc{
    font-size: 15px !important;
    color: #000;
    font-weight: 500 !important;
}

.titulo-descricao-rodape{
    font-size: 45px !important;
    margin-bottom: 20px !important;
}

.descricao-rodape{
    font-size: 22px !important;
}


@media(max-width: 767px){
    .slider-title{
        font-size: 40px;
        text-align: center;
    }
}

.container-slider{
    padding-top: 100px;
}

@media(max-width: 767px){
    .container-slider{
     padding-top: 50px;
    }
}

@media(max-width: 767px){
    .icone-pata{
        width: 20px !important;
    }
}

.icone-pata{
    width: 22px;
    margin-left: 3px;
}

@media(max-width: 767px){
    .padding-bottom-60-mobile{
        padding-bottom: 60px !important;
    }
}

@media(max-width: 767px){
    .img-credenciamento{
        height: 325px;
        object-fit: cover;
        object-position: center;
    }
}

@media(max-width: 767px){
    .descricao-rodape{
        font-size: 20px !important;
        text-align: center !important;
    }
}

@media(max-width: 767px){
    .margin-top-menos-30{
        margin-top: -30px !important;
    }
}


.MultiCarousel-inner {
    display: flex;
    align-items: stretch;
}

.MultiCarousel .item {
    display: flex;
    height: 100%;
}

.MultiCarousel .pad15 {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: 100%;
    height: 100%;
}