@import url("https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&family=Outfit:wght@300;400;500;600;700;800;900&display=swap");
      :root {
         --tg-body-font-family: 'Inter', sans-serif;
         --tg-heading-font-family: 'Outfit', sans-serif;
         --tg-icon-font-family: "Font Awesome 5 Free";
         --tg-body-font-size: 16px;
         --tg-body-line-height: 1.5;
         --tg-heading-line-height: 1.2;
         --tg-body-color: #3E4073;
         --tg-heading-color: #184968;
         --tg-theme-primary: #F7A400;
         --tg-theme-secondary: #184968;
         --tg-color-dark-blue: #184968;
         --tg-color-yellow-light: #FEF6E6;
         --tg-color-yellow-light-2: #FFFBF3;
         --tg-color-yellow-light-3: #F5EACD;
         --tg-color-yellow-light-4: #FDE3B0;
         --tg-color-white-default: #ffffff;
         --tg-color-gray-1: #E6EEFF;
         --tg-color-gray-2: #e9e9e9;
         --tg-color-gray-3: #ECF6FA;
         --tg-color-gray-4: #818298;
         --tg-color-gray-5: #E2E3F1;
         --tg-color-gray-6: #F7F7F8;
         --tg-color-dark: #1C1A4A;
         --tg-color-black-1: #06042E;
         --tg-color-black-2: #161439;
         --tg-border-1: #CFDDE2;
         --tg-border-2: #E6E7F3;
         --tg-border-3: #C5C6E4;
         --tg-border-4: #DBE3EB;
         --tg-border-5: #9597C8;
         --tg-border-6: #DADBEC;
         --tg-border-7: #E9E9F0;
         --tg-border-8: #E08B00;
         --tg-border-9: #D0D6E1;
         --tg-fw-extra-bold: 800;
         --tg-fw-bold: 700;
         --tg-fw-semi-bold: 600;
         --tg-fw-medium: 500;
         --tg-fw-regular: 400;
         --tg-fw-light: 300;
     }
     /*=============================
	Typography css start
===============================*/
     
     body {
         font-family: var(--tg-body-font-family);
         font-size: var(--tg-body-font-size);
         font-weight: var(--tg-fw-regular);
         color: var(--tg-body-color);
         line-height: var(--tg-body-line-height);
     }
     
     img,
     .img {
         max-width: 100%;
         -webkit-transition: all 0.3s ease-out 0s;
         -moz-transition: all 0.3s ease-out 0s;
         -ms-transition: all 0.3s ease-out 0s;
         -o-transition: all 0.3s ease-out 0s;
         transition: all 0.3s ease-out 0s;
     }
     
     a,
     button {
         color: var(--tg-theme-primary);
         outline: none;
         text-decoration: none;
         -webkit-transition: all 0.3s ease-out 0s;
         -moz-transition: all 0.3s ease-out 0s;
         -ms-transition: all 0.3s ease-out 0s;
         -o-transition: all 0.3s ease-out 0s;
         transition: all 0.3s ease-out 0s;
     }
     
     a:focus,
     .btn:focus,
     .button:focus {
         text-decoration: none;
         outline: none;
         -webkit-box-shadow: none;
         -moz-box-shadow: none;
         -ms-box-shadow: none;
         -o-box-shadow: none;
         box-shadow: none;
     }
     
     a:hover,
     button:hover {
         color: var(--tg-theme-primary);
         text-decoration: none;
     }
     
     button:focus,
     input:focus,
     input:focus,
     textarea,
     textarea:focus {
         outline: 0;
     }
     
     h1,
     h2,
     h3,
     h4,
     h5,
     h6 {
         font-family: var(--tg-heading-font-family);
         color: var(--tg-heading-color);
         margin-top: 0px;
         font-weight: var(--tg-fw-bold);
         line-height: var(--tg-heading-line-height);
         text-transform: unset;
     }
     
     h1 a,
     h2 a,
     h3 a,
     h4 a,
     h5 a,
     h6 a {
         color: inherit;
     }
     
     h1 {
         font-size: 2.5rem;
     }
     
     h2 {
         font-size: 2rem;
     }
     
     h3 {
         font-size: 1.75rem;
     }
     
     h4 {
         font-size: 1.5rem;
     }
     
     h5 {
         font-size: 1.25rem;
     }
     
     h6 {
         font-size: 1rem;
     }
     
     .list-wrap {
         margin: 0px;
         padding: 0px;
     }
     
     .list-wrap li {
         list-style: none;
     }
     
     p {
         font-family: var(--tg-body-font-family);
         font-size: var(--tg-body-font-size);
         line-height: var(--tg-body-line-height);
         font-weight: var(--tg-fw-regular);
         color: var(--tg-body-color);
         margin-bottom: 15px;
     }
     
     hr {
         border-bottom: 1px solid var(--tg-color-gray-1);
         border-top: 0 none;
         margin: 30px 0;
         padding: 0;
     }
     
     label {
         color: var(--tg-heading-color);
         cursor: pointer;
         font-size: var(--tg-body-font-size);
         font-weight: var(--tg-fw-regular);
     }
     
     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(--tg-theme-primary);
         color: var(--tg-color-white-default);
         text-shadow: none;
     }
     
      ::-moz-selection {
         background: var(--tg-theme-primary);
         color: var(--tg-color-white-default);
         text-shadow: none;
     }
     
      ::selection {
         background: var(--tg-theme-primary);
         color: var(--tg-color-white-default);
         text-shadow: none;
     }
     /*=============================
    - Input Placeholder
===============================*/
     
     input,
     textarea {
         color: var(--tg-body-color);
     }
     
     *::-moz-placeholder {
         color: var(--tg-body-color);
         font-size: var(--tg-body-font-size);
         opacity: 1;
     }
     
     *::placeholder {
         color: var(--tg-body-color);
         font-size: var(--tg-body-font-size);
         opacity: 1;
     }
     /*=============================
    - Common Classes
===============================*/
     
     .fix {
         overflow: hidden;
     }
     
     .clear {
         clear: both;
     }
     /*=============================
    - Bootstrap Custom
=============================*/
     
     .container {
         padding-left: 15px;
         padding-right: 15px;
     }
     
     .row {
         --bs-gutter-x: 30px;
     }
     
     .gutter-y-30 {
         --bs-gutter-y: 30px;
     }
     
     .gx-0 {
         --bs-gutter-x: 0;
     }
     
     .gutter-24 {
         --bs-gutter-x: 24px;
     }
     
     .container {
         max-width: 1250px;
     }
     
     @media (max-width: 1500px) {
         .container {
             max-width: 1250px;
         }
     }
     
     @media (max-width: 1199.98px) {
         .container {
             max-width: 960px;
         }
     }
     
     @media (max-width: 991.98px) {
         .container {
             max-width: 720px;
         }
     }
     
     @media (max-width: 767.98px) {
         .container {
             max-width: 100%;
         }
     }
     
     @media only screen and (min-width: 576px) and (max-width: 767px) {
         .container {
             max-width: 540px;
         }
     }
     
     .custom-container {
         max-width: 1760px;
     }
     
     @media (max-width: 1800px) {
         .custom-container {
             max-width: 1680px;
         }
     }
     
     @media (max-width: 1500px) {
         .custom-container {
             max-width: 100%;
         }
     }
     
     @media (max-width: 1199.98px) {
         .custom-container {
             max-width: 960px;
         }
     }
     
     @media (max-width: 991.98px) {
         .custom-container {
             max-width: 720px;
         }
     }
     
     @media (max-width: 767.98px) {
         .custom-container {
             max-width: 100%;
         }
     }
     
     @media only screen and (min-width: 576px) and (max-width: 767px) {
         .custom-container {
             max-width: 540px;
         }
     }
     
     .custom-container-two {
         max-width: 1740px;
     }
     
     @media (max-width: 1800px) {
         .custom-container-two {
             max-width: 1540px;
         }
     }
     
     @media (max-width: 1500px) {
         .custom-container-two {
             max-width: 100%;
         }
     }
     
     @media (max-width: 1199.98px) {
         .custom-container-two {
             max-width: 960px;
         }
     }
     
     @media (max-width: 991.98px) {
         .custom-container-two {
             max-width: 720px;
         }
     }
     
     @media (max-width: 767.98px) {
         .custom-container-two {
             max-width: 100%;
         }
     }
     
     @media only screen and (min-width: 576px) and (max-width: 767px) {
         .custom-container-two {
             max-width: 540px;
         }
     }
     
     .include-bg {
         background-position: center;
         background-size: cover;
         background-repeat: no-repeat;
     }
     /*=============================
	1. Button style
===============================*/
     
     .tg-button-wrap {
         display: -webkit-box;
         display: -moz-box;
         display: -ms-flexbox;
         display: -webkit-flex;
         display: flex;
     }
     
     .btn {
         user-select: none;
         -moz-user-select: none;
         background: var(--tg-theme-primary) none repeat scroll 0 0;
         border: medium none;
         -webkit-border-radius: 10px;
         -moz-border-radius: 10px;
         -o-border-radius: 10px;
         -ms-border-radius: 10px;
         border-radius: 10px;
         color: var(--tg-color-white-default);
         cursor: pointer;
         display: inline-flex;
         align-items: center;
         font-size: 14px;
         font-weight: 700;
         letter-spacing: 0;
         line-height: 1;
         margin-bottom: 0;
         padding: 18px 24px;
         text-align: center;
         text-transform: uppercase;
         touch-action: manipulation;
         -webkit-transition: all 0.3s ease-out 0s;
         -moz-transition: all 0.3s ease-out 0s;
         -ms-transition: all 0.3s ease-out 0s;
         -o-transition: all 0.3s ease-out 0s;
         transition: all 0.3s ease-out 0s;
         vertical-align: middle;
         white-space: nowrap;
         position: relative;
         overflow: hidden;
         z-index: 1;
     }
     
     .btn::before {
         content: "";
         position: absolute;
         -webkit-transition-duration: 800ms;
         transition-duration: 800ms;
         width: 200%;
         height: 200%;
         top: 110%;
         left: 50%;
         background: var(--tg-theme-secondary);
         -webkit-transform: translateX(-50%);
         -moz-transform: translateX(-50%);
         -ms-transform: translateX(-50%);
         -o-transform: translateX(-50%);
         transform: translateX(-50%);
         -webkit-border-radius: 50%;
         -moz-border-radius: 50%;
         -o-border-radius: 50%;
         -ms-border-radius: 50%;
         border-radius: 50%;
         z-index: -1;
     }
     
     .btn::after {
         content: "\f10a";
         font-family: flaticon;
         font-weight: var(--tg-fw-bold);
         margin-left: 8px;
         font-size: 20px;
         line-height: 0;
         -webkit-transition: all 0.3s ease-out 0s;
         -moz-transition: all 0.3s ease-out 0s;
         -ms-transition: all 0.3s ease-out 0s;
         -o-transition: all 0.3s ease-out 0s;
         transition: all 0.3s ease-out 0s;
     }
     
     .btn:hover,
     .btn:focus-visible {
         color: var(--tg-theme-primary);
         background: var(--tg-theme-primary);
     }
     
     .btn:hover:before,
     .btn:focus-visible:before {
         top: -40%;
     }
     
     .btn-two {
         background: var(--tg-theme-secondary);
     }
     
     .btn-two:hover {
         background: var(--tg-theme-secondary);
     }
     
     .btn-two::before {
         background: var(--tg-theme-primary);
     }
     
     .btn.btn-login-social {
         background-color: var(--tg-color-white-default);
         width: 100%;
         color: var(--tg-color-body-color);
         justify-content: center;
         font-size: 16px;
         line-height: 28px;
         text-transform: capitalize;
     }
     
     .btn.btn-login-social img {
         margin-right: 15px;
     }
     
     .btn.btn-login-social:after {
         display: none;
     }
     
     .btn.btn-login-social:hover {
         color: var(--tg-color-white-default);
     }
     
     .btn.btn-login {
         width: 100%;
         border-radius: 11px;
         padding: 20px 26px;
         justify-content: center;
         font-size: 18px;
         line-height: 28px;
     }
     
     .btn.btn-login:hover {
         background-color: var(--tg-theme-secondary);
     }
     
     .btn.border-yellow-btn {
         border: 1px solid var(--tg-theme-primary);
         background: transparent;
         color: var(--tg-theme-primary);
         padding: 17px 24px;
     }
     
     .btn.border-yellow-btn::before {
         background-color: var(--tg-theme-primary);
     }
     
     .btn.border-yellow-btn:hover {
         color: var(--tg-color-white-default);
     }
     
     .btn.btn-secondary {
         border: 0px;
         background: #b8b9da;
         color: #184969;
         padding: 17px 24px;
     }
     
     .btn.btn-secondary::before {
         background-color: var(--tg-theme-primary);
     }
     
     .btn.btn-secondary:hover {
         color: var(--tg-color-white-default);
     }
     
     .border-btn {
         border: 1px solid var(--tg-theme-secondary);
         background: transparent;
         color: var(--tg-theme-secondary);
         padding: 17px 24px;
     }
     
     .border-btn::before {
         display: none;
     }
     
     .border-btn:hover {
         background: var(--tg-theme-secondary);
     }
     /*=============================
    00. Preloader
===============================*/
     
     #preloader {
         background-color: var(--tg-color-white-default);
         height: 100%;
         width: 100%;
         position: fixed;
         margin-top: 0px;
         top: 0px;
         z-index: 9999;
     }
     
     #preloader .loader .loader-container {
         position: absolute;
         top: 50%;
         left: 50%;
         -webkit-transform: translate(-50%, -50%);
         -moz-transform: translate(-50%, -50%);
         -ms-transform: translate(-50%, -50%);
         -o-transform: translate(-50%, -50%);
         transform: translate(-50%, -50%);
         width: 100px;
         height: 100px;
         border: 3px solid var(--tg-color-gray-1);
         -webkit-border-radius: 50%;
         -moz-border-radius: 50%;
         -o-border-radius: 50%;
         -ms-border-radius: 50%;
         border-radius: 50%;
     }
     
     #preloader .loader .loader-container::before {
         position: absolute;
         content: "";
         display: block;
         top: 50%;
         left: 50%;
         -webkit-transform: translate(-50%, -50%);
         -moz-transform: translate(-50%, -50%);
         -ms-transform: translate(-50%, -50%);
         -o-transform: translate(-50%, -50%);
         transform: translate(-50%, -50%);
         width: 100px;
         height: 100px;
         border-top: 3px solid var(--tg-theme-primary);
         -webkit-border-radius: 50%;
         -moz-border-radius: 50%;
         -o-border-radius: 50%;
         -ms-border-radius: 50%;
         border-radius: 50%;
         animation: loaderspin 1.8s infinite ease-in-out;
         -webkit-animation: loaderspin 1.8s infinite ease-in-out;
     }
     
     #preloader .loader .loader-icon {
         position: absolute;
         top: 50%;
         left: 50%;
         -webkit-transform: translate(-50%, -50%);
         -moz-transform: translate(-50%, -50%);
         -ms-transform: translate(-50%, -50%);
         -o-transform: translate(-50%, -50%);
         transform: translate(-50%, -50%);
         width: 80px;
         text-align: center;
     }
     
     #preloader .loader .loader-icon img {
         animation: loaderpulse alternate 900ms infinite;
         width: 40px;
     }
     
     @keyframes loaderspin {
         0% {
             transform: translate(-50%, -50%) rotate(0deg);
         }
         100% {
             transform: translate(-50%, -50%) rotate(360deg);
         }
     }
     
     @-webkit-keyframes loaderspin {
         0% {
             transform: translate(-50%, -50%) rotate(0deg);
         }
         100% {
             transform: translate(-50%, -50%) rotate(360deg);
         }
     }
     
     @keyframes loaderpulse {
         0% {
             transform: scale(1);
         }
         100% {
             transform: scale(1.2);
         }
     }
     /*=============================
    - Background color
===============================*/
     
     .grey-bg {
         background: var(--tg-color-gray-1);
     }
     
     .white-bg {
         background: var(--tg-color-white-default);
     }
     
     .black-bg {
         background: var(--tg-color-black-1);
     }
     /*=============================
	04. OffCanvas
===============================*/
     
     .offCanvas__info {
         background: var(--tg-color-white-default) none repeat scroll 0 0;
         height: 100%;
         padding: 30px;
         position: fixed;
         right: 0;
         top: 0;
         transition: all 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86);
         -moz-transition: all 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86);
         -webkit-transition: all 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86);
         -ms-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);
         width: 340px;
         z-index: 999;
         overflow-y: scroll;
         -webkit-transform: translateX(100%);
         -moz-transform: translateX(100%);
         -ms-transform: translateX(100%);
         -o-transform: translateX(100%);
         transform: translateX(100%);
     }
     
     .offCanvas__info.active {
         -webkit-transform: translateX(0);
         -moz-transform: translateX(0);
         -ms-transform: translateX(0);
         -o-transform: translateX(0);
         transform: translateX(0);
     }
     
     .offCanvas__info::-webkit-scrollbar {
         width: 0px;
     }
     
     .offCanvas__close-icon {
         margin-top: -16px;
         text-align: right;
     }
     
     .offCanvas__close-icon button {
         background: transparent;
         border: 0 none;
         color: var(--tg-theme-primary);
         cursor: pointer;
         font-size: 20px;
         padding: 0;
     }
     
     .offCanvas__logo img {
         max-height: 34px;
     }
     
     .offCanvas__side-info {
         border-top: 1px solid var(--tg-theme-primary);
         padding-top: 25px;
     }
     
     .offCanvas__side-info .contact-list h4 {
         color: var(--tg-heading-color);
         font-weight: 700;
         font-size: 18px;
     }
     
     .offCanvas__side-info .contact-list p {
         color: var(--tg-body-color);
         margin: 0;
         margin-bottom: 2px;
         line-height: 26px;
     }
     
     .offCanvas__social-icon a {
         color: var(--tg-theme-primary);
         display: inline-block;
         margin-right: 20px;
         text-align: center;
     }
     
     .offCanvas__social-icon a:hover {
         color: var(--tg-theme-secondary);
     }
     
     .offCanvas__overly {
         position: fixed;
         background: #000;
         top: 0;
         left: 0;
         height: 100%;
         width: 100%;
         z-index: 99;
         opacity: 0;
         visibility: hidden;
         -webkit-transition: all 0.3s ease-out 0s;
         -moz-transition: all 0.3s ease-out 0s;
         -ms-transition: all 0.3s ease-out 0s;
         -o-transition: all 0.3s ease-out 0s;
         transition: all 0.3s ease-out 0s;
     }
     
     .offCanvas__overly.active {
         opacity: 0.7;
         visibility: visible;
     }
     /*=============================
	04. Search
===============================*/
     
     .search__popup {
         padding-top: 70px;
         padding-bottom: 100px;
         position: fixed;
         top: 0;
         left: 0;
         right: 0;
         width: 100%;
         background: var(--tg-color-white-default);
         backdrop-filter: blur(10px);
         z-index: 99;
         -webkit-transform: translateY(calc(-100% - 80px));
         -moz-transform: translateY(calc(-100% - 80px));
         -ms-transform: translateY(calc(-100% - 80px));
         -o-transform: translateY(calc(-100% - 80px));
         transform: translateY(calc(-100% - 80px));
         -webkit-transition: transform 0.3s ease-in-out, opacity 0.3s ease-in-out;
         -moz-transition: transform 0.3s ease-in-out, opacity 0.3s ease-in-out;
         transition: transform 0.3s ease-in-out, opacity 0.3s ease-in-out;
         transition-delay: 0.5s;
     }
     
     .search__popup.search-opened {
         -webkit-transform: translateY(0%);
         -moz-transform: translateY(0%);
         -ms-transform: translateY(0%);
         -o-transform: translateY(0%);
         transform: translateY(0%);
         transition-delay: 0s;
         z-index: 99999999;
     }
     
     .search__popup.search-opened .search__input {
         -webkit-transform: translateY(0px);
         -moz-transform: translateY(0px);
         -ms-transform: translateY(0px);
         -o-transform: translateY(0px);
         transform: translateY(0px);
         opacity: 1;
         transition-delay: 0.3s;
     }
     
     .search__popup.search-opened .search__input::after {
         width: 100%;
         transition-delay: 0.5s;
     }
     
     .search__input {
         position: relative;
         height: 80px;
         -webkit-transform: translateY(-40px);
         -moz-transform: translateY(-40px);
         -ms-transform: translateY(-40px);
         -o-transform: translateY(-40px);
         transform: translateY(-40px);
         -webkit-transition: all 0.3s ease-out 0s;
         -moz-transition: all 0.3s ease-out 0s;
         -ms-transition: all 0.3s ease-out 0s;
         -o-transition: all 0.3s ease-out 0s;
         transition: all 0.3s ease-out 0s;
         transition-delay: 0.5s;
         opacity: 0;
     }
     
     .search__input::after {
         position: absolute;
         content: "";
         left: 0;
         bottom: 0;
         width: 0%;
         height: 1px;
         background-color: var(--tg-theme-primary);
         transition-delay: 0.3s;
         -webkit-transition: all 0.3s ease-out 0s;
         -moz-transition: all 0.3s ease-out 0s;
         -ms-transition: all 0.3s ease-out 0s;
         -o-transition: all 0.3s ease-out 0s;
         transition: all 0.3s ease-out 0s;
     }
     
     .search__input input {
         width: 100%;
         height: 100%;
         background-color: transparent;
         border: 0;
         outline: 0;
         font-size: 24px;
         color: var(--tg-heading-color);
         border-bottom: 1px solid transparent;
         padding: 0;
         padding-right: 30px;
     }
     
     .search__input input::placeholder {
         font-size: 24px;
     }
     
     .search__input button {
         position: absolute;
         top: 50%;
         right: 0;
         -webkit-transform: translateY(-50%);
         -moz-transform: translateY(-50%);
         -ms-transform: translateY(-50%);
         -o-transform: translateY(-50%);
         transform: translateY(-50%);
         font-size: 18px;
         color: var(--tg-theme-primary);
         border: none;
         padding: 0 0;
         background: transparent;
     }
     
     .search__close {
         position: absolute;
         top: 10%;
         right: 2%;
         z-index: 2;
     }
     
     .search-close-btn {
         margin: 0;
         padding: 0;
         border: none;
         color: var(--tg-theme-primary);
         cursor: pointer;
         background: transparent;
     }
     
     .search-popup-overlay {
         position: fixed;
         right: 0;
         top: 0;
         width: 100%;
         height: 100%;
         z-index: 4;
         -webkit-transition: all 0.3s ease-out 0s;
         -moz-transition: all 0.3s ease-out 0s;
         -ms-transition: all 0.3s ease-out 0s;
         -o-transition: all 0.3s ease-out 0s;
         transition: all 0.3s ease-out 0s;
         transition-delay: 0.5s;
         opacity: 0;
         visibility: hidden;
         background: #000d25;
     }
     
     .search-popup-overlay.search-popup-overlay-open {
         opacity: 0.55;
         visibility: visible;
         transition-delay: 0s;
     }
     
     .search-input-field~.search-focus-border {
         position: absolute;
         bottom: 0;
         left: auto;
         right: 0;
         width: 0;
         height: 1px;
         background-color: var(--tg-theme-primary);
         transition: all 0.5s;
     }
     
     .search-input-field:focus~.search-focus-border {
         width: 100%;
         left: 0;
         right: auto;
         transition: all 0.5s;
     }
     /*=========================
04. Breadcrumb
===========================*/
     
     .breadcrumb__bg {
         background-size: cover;
         background-position: center;
         padding: 105px 0 110px;
         position: relative;
         z-index: 1;
     }
     
     @media (max-width: 991.98px) {
         .breadcrumb__bg {
             padding: 85px 0 90px;
         }
     }
     
     .breadcrumb__content .title {
         margin-bottom: 10px;
         /*font-size: 48px;*/
         font-size: 42px;
     }
     
     @media (max-width: 991.98px) {
         .breadcrumb__content .title {
             font-size: 42px;
         }
     }
     
     @media (max-width: 767.98px) {
         .breadcrumb__content .title {
             font-size: 40px;
         }
     }
     
     .breadcrumb__content .breadcrumb {
         margin-bottom: 0;
     }
     
     .breadcrumb__content .breadcrumb-item {
         font-size: 16px;
         color: var(--tg-theme-primary);
     }
     
     .breadcrumb__content .breadcrumb-item a {
         color: var(--tg-body-color);
     }
     
     .breadcrumb__content .breadcrumb-item a:hover {
         color: var(--tg-theme-primary);
     }
     
     .breadcrumb__shape img {
         position: absolute;
         z-index: -1;
     }
     
     .breadcrumb__shape img:nth-child(1) {
         left: 2%;
         top: 14%;
     }
     
     @media (max-width: 767.98px) {
         .breadcrumb__shape img:nth-child(1) {
             left: 10%;
         }
     }
     
     .breadcrumb__shape img:nth-child(2) {
         left: 8%;
         bottom: 20%;
         animation: rightToLeft 4s infinite linear;
     }
     
     @media (max-width: 767.98px) {
         .breadcrumb__shape img:nth-child(2) {
             left: 40%;
         }
     }
     
     .breadcrumb__shape img:nth-child(3) {
         left: 23%;
         bottom: 0;
     }
     
     .breadcrumb__shape img:nth-child(4) {
         right: 42%;
         top: 0;
     }
     
     @media (max-width: 767.98px) {
         .breadcrumb__shape img:nth-child(4) {
             display: none;
         }
     }
     
     .breadcrumb__shape img:nth-child(5) {
         right: 25%;
         top: 15%;
     }
     
     @media (max-width: 767.98px) {
         .breadcrumb__shape img:nth-child(5) {
             display: none;
         }
     }
     
     .breadcrumb-item+.breadcrumb-item {
         padding-left: 10px;
     }
     
     .breadcrumb-item+.breadcrumb-item::before {
         padding-right: 10px;
         color: var(--tg-body-color);
         content: "\f054";
         font-family: var(--tg-icon-font-family);
         font-weight: 700;
         font-size: 14px;
         line-height: 1;
         margin-top: 6px;
     }
     /*=============================
    00. Scroll Top
===============================*/
     
     .scroll__top {
         width: 40px;
         height: 40px;
         line-height: 40px;
         text-align: center;
         position: fixed;
         bottom: -10%;
         right: 50px;
         font-size: 16px;
         border-radius: 4px;
         z-index: 5;
         color: var(--tg-color-white-default);
         text-align: center;
         cursor: pointer;
         background: var(--tg-theme-primary);
         transition: 1s ease;
         border: none;
     }
     
     @media (max-width: 1199.98px) {
         .scroll__top {
             right: 25px;
             bottom: 25px;
         }
     }
     
     @media (max-width: 991.98px) {
         .scroll__top {
             right: 30px;
         }
     }
     
     @media (max-width: 767.98px) {
         .scroll__top {
             right: 15px;
             width: 30px;
             height: 30px;
             line-height: 30px;
             text-align: center;
         }
     }
     
     .scroll__top.open {
         bottom: 30px;
     }
     
     @media (max-width: 767.98px) {
         .scroll__top.open {
             bottom: 15px;
         }
     }
     
     .scroll__top::after {
         position: absolute;
         z-index: -1;
         content: "";
         top: 100%;
         left: 5%;
         height: 10px;
         width: 90%;
         opacity: 1;
         background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0) 80%);
     }
     
     .scroll__top:hover {
         background: var(--tg-theme-secondary);
         color: var(--tg-color-white-default);
     }
     /*=============================
	00. Section Title
===============================*/
     
     .section-title .sub-title {
         display: block;
         text-transform: uppercase;
         font-size: 15px;
         font-weight: 600;
         line-height: normal;
         color: var(--tg-theme-primary);
         margin-bottom: 12px;
         display: none;
     }
     
     .section-title .title {
         margin-bottom: 0;
         font-size: 40px;
     }
     
     @media (max-width: 1199.98px) {
         .section-title .title {
             font-size: 36px;
         }
     }
     
     @media (max-width: 767.98px) {
         .section-title .title {
             font-size: 20px;
         }
     }
     
     @media only screen and (min-width: 576px) and (max-width: 767px) {
         .section-title .title {
             font-size: 34px;
         }
     }
     
     @media (max-width: 991.98px) {
         .section-title .title br {
             display: none;
         }
     }
     
     .section-title p {
         margin-bottom: 0;
         margin-top: 20px;
     }
     
     @media (max-width: 767.98px) {
         .section-title p br {
             display: none;
         }
     }
     
     .section-title.white-title .title {
         color: var(--tg-color-white-default);
     }
     /*=============================
	02. Header
===============================*/
     
     .transparent-header {
         position: absolute;
         left: 0;
         top: 0px;
         width: 100%;
         z-index: 99;
         height: auto;
     }
     
     .tg-header__top {
         background: var(--tg-color-dark-blue);
         padding: 12px 0;
     }
     
     @media (max-width: 767.98px) {
         .tg-header__top {
             display: none;
         }
     }
     
     .tg-header__top-info {
         display: -webkit-box;
         display: -moz-box;
         display: -ms-flexbox;
         display: -webkit-flex;
         display: flex;
         align-items: center;
         gap: 25px;
     }
     
     @media (max-width: 1199.98px) {
         .tg-header__top-info {
             gap: 15px;
         }
     }
     
     @media (max-width: 991.98px) {
         .tg-header__top-info {
             justify-content: center;
             margin-bottom: 10px;
         }
     }
     
     .tg-header__top-info li {
         display: -webkit-box;
         display: -moz-box;
         display: -ms-flexbox;
         display: -webkit-flex;
         display: flex;
         align-items: center;
         gap: 8px;
         color: var(--tg-color-gray-1);
         font-size: 14px;
         font-weight: 500;
     }
     
     .tg-header__top-info li i {
         color: var(--tg-color-gray-2);
         font-size: 18px;
         line-height: 0;
     }
     
     .tg-header__top-info li a {
         color: var(--tg-color-gray-1);
     }
     
     .tg-header__top-info li a:hover {
         color: var(--tg-theme-primary);
     }
     
     .tg-header__top-info-three li {
         color: var(--tg-body-color);
     }
     
     .tg-header__top-info-three li i {
         color: var(--tg-color-gray-4);
     }
     
     .tg-header__top-info-three li a {
         color: var(--tg-body-color);
     }
     
     .tg-header__top-info-three li a:hover {
         color: var(--tg-theme-primary);
     }
     
     .tg-header__top-info-four li {
         color: #ffffff;
     }
     
     .tg-header__top-info-four li i {
         color: #ffffff;
     }
     
     .tg-header__top-info-four li a {
         color: #ffffff;
     }
     
     .tg-header__top-info-four li a:hover {
         color: var(--tg-theme-primary);
     }
     
     .tg-header__top-right {
         display: -webkit-box;
         display: -moz-box;
         display: -ms-flexbox;
         display: -webkit-flex;
         display: flex;
         align-items: center;
         justify-content: flex-end;
         gap: 25px;
     }
     
     @media (max-width: 1199.98px) {
         .tg-header__top-right {
             gap: 15px;
         }
     }
     
     @media (max-width: 991.98px) {
         .tg-header__top-right {
             justify-content: center;
         }
     }
     
     .tg-header__top-right li {
         display: -webkit-box;
         display: -moz-box;
         display: -ms-flexbox;
         display: -webkit-flex;
         display: flex;
         align-items: center;
         gap: 8px;
         color: var(--tg-color-gray-1);
         font-size: 14px;
         font-weight: 500;
     }
     
     .tg-header__top-right li i {
         color: var(--tg-color-gray-2);
         font-size: 18px;
         line-height: 0;
     }
     
     .tg-header__top-right li a {
         color: var(--tg-color-gray-1);
     }
     
     .tg-header__top-right li a:hover {
         color: var(--tg-theme-primary);
     }
     
     .tg-header__top-right-three li {
         color: var(--tg-body-color);
     }
     
     .tg-header__top-right-three li i {
         color: var(--tg-color-gray-4);
     }
     
     .tg-header__top-right-three li a {
         color: var(--tg-body-color);
     }
     
     .tg-header__top-right-three li a:hover {
         color: var(--tg-theme-primary);
     }
     
     .tg-header__top-right-four li {
         color: #ffffff;
     }
     
     .tg-header__top-right-four li i {
         color: #ffffff;
     }
     
     .tg-header__top-right-four li a {
         color: #ffffff;
     }
     
     .tg-header__top-right-four li a:hover {
         color: var(--tg-theme-primary);
     }
     
     .tg-header__top-two {
         padding: 15px 30px;
         border-bottom: 1px solid var(--tg-color-gray-5);
         background: transparent;
     }
     
     @media (max-width: 1199.98px) {
         .tg-header__top-two {
             padding: 15px 20px;
         }
     }
     
     .tg-header__top-two .list-wrap li {
         color: var(--tg-body-color);
         font-size: 15px;
         font-weight: 400;
     }
     
     .tg-header__top-two .list-wrap li i {
         color: var(--tg-color-gray-4);
         font-size: 20px;
         line-height: 0;
     }
     
     @media (max-width: 1199.98px) {
         .tg-header__top-two .list-wrap li i {
             font-size: 18px;
         }
     }
     
     .tg-header__top-two .list-wrap li a {
         color: var(--tg-body-color);
     }
     
     .tg-header__top-two .list-wrap li a:hover {
         color: var(--tg-theme-primary);
     }
     
     .tg-header__top-three {
         background: transparent;
         padding: 20px 0;
     }
     
     .tg-header__inner-wrap {
         display: flex;
         align-items: center;
     }
     
     .tg-header__logo-wrap {
         width: 12.5%;
         flex: 0 0 auto;
         text-align: center;
     }
     
     @media (max-width: 1199.98px) {
         .tg-header__logo-wrap {
             display: none;
         }
     }
     
     .tg-header__right-side {
         flex-grow: 1;
         border-left: 1px solid var(--tg-color-gray-5);
     }
     
     .tg-header__area {
         background: rgba(255, 255, 255, 0.925);
         box-shadow: rgba(0, 0, 0, 0.1) 0px 2px 5px 0px;
     }
     
     @media (max-width: 991.98px) {
         .tg-header__area {
             padding: 25px 0;
         }
     }
     
     .tg-header__area-two {
         padding: 0 30px;
     }
     
     @media (max-width: 1199.98px) {
         .tg-header__area-two {
             padding: 0 20px;
         }
     }
     
     @media (max-width: 991.98px) {
         .tg-header__area-two {
             padding: 20px 20px;
         }
     }
     
     @media (max-width: 767.98px) {
         .tg-header__area-two {
             padding: 20px 15px;
         }
     }
     
     @media (max-width: 1199.98px) {
         .tg-header__area-two .logo.d-none {
             display: -webkit-box !important;
             display: -moz-box !important;
             display: -ms-flexbox !important;
             display: -webkit-flex !important;
             display: flex !important;
             align-items: center;
         }
     }
     
     .tg-header__area-two .tgmenu__nav {
         align-items: normal;
     }
     
     @media (max-width: 991.98px) {
         .tg-header__area-two .tgmenu__nav {
             align-items: center;
         }
     }
     
     .tg-header__area-two .tgmenu__navbar-wrap ul {
         margin: 0;
     }
     
     @media (max-width: 1199.98px) {
         .tg-header__area-two .tgmenu__navbar-wrap ul {
             margin: 0 0 0 auto;
         }
     }
     
     .tg-header__area-two .tgmenu__navbar-wrap ul li a {
         padding: 37px 0px;
     }
     
     .tg-header__area-two.sticky-menu .logo.d-none {
         display: -webkit-box !important;
         display: -moz-box !important;
         display: -ms-flexbox !important;
         display: -webkit-flex !important;
         display: flex !important;
         align-items: center;
         margin-right: 100px;
     }
     
     @media (max-width: 1199.98px) {
         .tg-header__area-two.sticky-menu .logo.d-none {
             margin-right: 0;
         }
     }
     
     .tg-header__area-three {
         background: transparent;
         box-shadow: none;
     }
     
     .tg-header__area-three .tgmenu__navbar-wrap ul {
         margin: 0 auto;
     }
     
     .tg-header__area-three .tgmenu__navbar-wrap.home-10 .navigation {
         margin-left: 0;
         margin-right: auto;
         padding-left: 120px;
     }
     
     .tg-header__area-four {
         background: transparent;
         -webkit-box-shadow: none;
         -moz-box-shadow: none;
         -ms-box-shadow: none;
         -o-box-shadow: none;
         box-shadow: none;
     }
     
     @media (max-width: 991.98px) {
         .tg-header__area-four {
             padding: 0 0;
         }
     }
     
     @media (max-width: 767.98px) {
         .tg-header__area-four {
             background: var(--tg-color-white-default);
             padding: 20px 0;
             -webkit-box-shadow: 0px 5px 10px 0px #eef4f6;
             -moz-box-shadow: 0px 5px 10px 0px #eef4f6;
             -ms-box-shadow: 0px 5px 10px 0px #eef4f6;
             -o-box-shadow: 0px 5px 10px 0px #eef4f6;
             box-shadow: 0px 5px 10px 0px #eef4f6;
         }
     }
     
     .tg-header__area-four.sticky-menu .tgmenu__wrap {
         border: none;
         -webkit-border-radius: 0;
         -moz-border-radius: 0;
         -o-border-radius: 0;
         -ms-border-radius: 0;
         border-radius: 0;
         -webkit-box-shadow: none;
         -moz-box-shadow: none;
         -ms-box-shadow: none;
         -o-box-shadow: none;
         box-shadow: none;
     }
     
     .tg-header__area-four .tgmenu__wrap {
         background: var(--tg-color-white-default);
         -webkit-box-shadow: 0px 5px 10px 0px #eef4f6;
         -moz-box-shadow: 0px 5px 10px 0px #eef4f6;
         -ms-box-shadow: 0px 5px 10px 0px #eef4f6;
         -o-box-shadow: 0px 5px 10px 0px #eef4f6;
         box-shadow: 0px 5px 10px 0px #eef4f6;
         border: 1px solid #d7e4ea;
         -webkit-border-radius: 10px;
         -moz-border-radius: 10px;
         -o-border-radius: 10px;
         -ms-border-radius: 10px;
         border-radius: 10px;
         padding: 0 20px;
     }
     
     @media (max-width: 991.98px) {
         .tg-header__area-four .tgmenu__wrap {
             padding: 15px 20px;
         }
     }
     
     @media (max-width: 767.98px) {
         .tg-header__area-four .tgmenu__wrap {
             padding: 0;
             border: none;
             -webkit-border-radius: 0;
             -moz-border-radius: 0;
             -o-border-radius: 0;
             -ms-border-radius: 0;
             border-radius: 0;
             -webkit-box-shadow: none;
             -moz-box-shadow: none;
             -ms-box-shadow: none;
             -o-box-shadow: none;
             box-shadow: none;
         }
     }
     
     .tg-header__area-four .tgmenu__wrap.home-9 {
         box-shadow: none !important;
     }
     
     .tg-header__area-four .tgmenu__navbar-wrap ul {
         margin: 0 auto;
     }
     
     .tg-header__area-four .tgmenu__navbar-wrap ul li a {
         padding: 26px 0px;
     }
     
     .tg-header__area-five {
         background: transparent;
         -webkit-box-shadow: none;
         -moz-box-shadow: none;
         -ms-box-shadow: none;
         -o-box-shadow: none;
         box-shadow: none;
     }
     
     .tg-header__area-five .tgmenu__navbar-wrap ul {
         margin: 0 auto;
     }
     
     .tg-header__area .mobile-nav-toggler {
         position: relative;
         float: right;
         cursor: pointer;
         line-height: 1;
         color: var(--tg-theme-secondary);
         display: none;
         width: 50px;
         height: 50px;
         align-items: center;
         justify-content: center;
         font-size: 18px;
         box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.2);
         background: var(--tg-color-white-default);
         -webkit-border-radius: 10px;
         -moz-border-radius: 10px;
         -o-border-radius: 10px;
         -ms-border-radius: 10px;
         border-radius: 10px;
     }
     
     @media (max-width: 991.98px) {
         .tg-header__area .mobile-nav-toggler {
             display: -webkit-box;
             display: -moz-box;
             display: -ms-flexbox;
             display: -webkit-flex;
             display: flex;
         }
     }
     
     .tg-header__area .mobile-nav-toggler svg {
         width: 18px;
     }
     
     .tgmenu__nav {
         display: -webkit-box;
         display: -moz-box;
         display: -ms-flexbox;
         display: -webkit-flex;
         display: flex;
         align-items: center;
         flex-wrap: wrap;
         justify-content: flex-start;
     }
     
     @media (max-width: 991.98px) {
         .tgmenu__nav {
             justify-content: space-between;
         }
     }
     
     .tgmenu__nav .logo img {
         max-height: 34px;
     }
     
     .tgmenu__navbar-wrap {
         display: -webkit-box;
         display: -moz-box;
         display: -ms-flexbox;
         display: -webkit-flex;
         display: flex;
         flex-grow: 1;
     }
     
     .tgmenu__navbar-wrap>ul {
         display: -webkit-box;
         display: -moz-box;
         display: -ms-flexbox;
         display: -webkit-flex;
         display: flex;
         flex-direction: row;
         flex-wrap: wrap;
         padding: 0 0;
         /* margin: 0 0 0 125px;*/
         /* à revoir dans le responsive */
     }
     
     @media (max-width: 1199.98px) {
         .tgmenu__navbar-wrap>ul {
             margin: 0 0 0 100px;
         }
     }
     
     .tgmenu__navbar-wrap>ul>li {
         list-style: none;
         display: block;
         position: relative;
         margin-right: 30px;
     }
     
     .tgmenu__navbar-wrap>ul>li:last-child {
         margin-right: 0;
     }
     
     .tgmenu__navbar-wrap>ul>li a {
         font-size: 16px;
         font-weight: 500;
         text-transform: capitalize;
         color: var(--tg-color-dark-blue);
         padding: 42px 0px;
         display: block;
         line-height: 1;
         position: relative;
         z-index: 1;
     }
     
     .tgmenu__navbar-wrap>ul>li .sub-menu {
         position: absolute;
         left: 0;
         top: 100%;
         min-width: 230px;
         border: 1px solid #f5f5f5;
         background: var(--tg-color-white-default);
         margin: 0;
         -webkit-transform: scale(1, 0);
         -moz-transform: scale(1, 0);
         -ms-transform: scale(1, 0);
         -o-transform: scale(1, 0);
         transform: scale(1, 0);
         transform-origin: 0 0;
         -webkit-transition: all 0.3s ease-out 0s;
         -moz-transition: all 0.3s ease-out 0s;
         -ms-transition: all 0.3s ease-out 0s;
         -o-transition: all 0.3s ease-out 0s;
         transition: all 0.3s ease-out 0s;
         -webkit-box-shadow: 0px 30px 70px 0px rgba(137, 139, 142, 0.15);
         -moz-box-shadow: 0px 30px 70px 0px rgba(137, 139, 142, 0.15);
         box-shadow: 0px 30px 70px 0px rgba(137, 139, 142, 0.15);
         -webkit-border-radius: 6px;
         -moz-border-radius: 6px;
         -o-border-radius: 6px;
         -ms-border-radius: 6px;
         border-radius: 6px;
         padding: 18px 0;
         display: block;
         visibility: hidden;
         opacity: 0;
         z-index: 9;
     }
     
     .tgmenu__navbar-wrap>ul>li .sub-menu .sub-menu {
         right: auto;
         left: 100%;
         top: 0;
     }
     
     .tgmenu__navbar-wrap>ul>li .sub-menu>li {
         margin-left: 0;
         text-align: left;
         display: block;
     }
     
     .tgmenu__navbar-wrap>ul>li .sub-menu>li a {
         padding: 8px 15px 8px 25px;
         line-height: 1.4;
         display: block;
         color: var(--tg-heading-color);
         text-transform: capitalize;
     }
     
     .tgmenu__navbar-wrap>ul>li .sub-menu>li:hover>a,
     .tgmenu__navbar-wrap>ul>li .sub-menu>li.active>a {
         color: var(--tg-theme-primary);
     }
     
     .tgmenu__navbar-wrap>ul>li .sub-menu>li:hover>a {
         -webkit-transform: translateX(8px);
         -moz-transform: translateX(8px);
         -ms-transform: translateX(8px);
         -o-transform: translateX(8px);
         transform: translateX(8px);
     }
     
     .tgmenu__navbar-wrap>ul>li .sub-menu>li:hover>.sub-menu {
         opacity: 1;
         visibility: visible;
         transform: scale(1);
     }
     
     .tgmenu__navbar-wrap>ul>li:hover>.sub-menu {
         opacity: 1;
         visibility: visible;
         transform: scale(1);
     }
     
     .tgmenu__navbar-wrap.home-10>ul>li a {
         color: var(--tg-color-white-default);
     }
     
     .tgmenu__navbar-wrap>ul>li.active a,
     .tgmenu__navbar-wrap>ul>li:hover a {
         color: var(--tg-theme-primary);
     }
     
     .tgmenu__main-menu li.menu-item-has-children .dropdown-btn {
         display: none;
     }
     
     .tgmenu__main-menu li.menu-item-has-children>a::after {
         content: "\f107";
         font-weight: 700;
         font-family: var(--tg-icon-font-family);
         color: var(--tg-color-dark-blue);
         margin-left: 8px;
         -webkit-transition: all 0.3s ease-out 0s;
         -moz-transition: all 0.3s ease-out 0s;
         -ms-transition: all 0.3s ease-out 0s;
         -o-transition: all 0.3s ease-out 0s;
         transition: all 0.3s ease-out 0s;
     }
     
     .tgmenu__main-menu li.menu-item-has-children>a:hover {
         color: var(--tg-theme-primary);
     }
     
     .tgmenu__main-menu li.menu-item-has-children:hover>a::after {
         color: var(--tg-theme-primary);
     }
     
     .tgmenu__main-menu li.menu-item-has-children.active>a::after {
         color: var(--tg-theme-primary);
     }
     
     .tgmenu__main-menu.home-10 li.menu-item-has-children>a::after {
         color: var(--tg-color-white-default);
     }
     
     .tgmenu__main-menu.home-10 li.menu-item-has-children:hover>a::after {
         color: var(--tg-theme-primary);
     }
     
     .tgmenu__main-menu.home-10 li.menu-item-has-children.active>a::after {
         color: var(--tg-theme-primary);
     }
     
     @media (max-width: 991.98px) {
         .tgmenu__action {
             margin-right: 40px;
             margin-left: auto;
         }
     }
     
     .tgmenu__action ul {
         display: -webkit-box;
         display: -moz-box;
         display: -ms-flexbox;
         display: -webkit-flex;
         display: flex;
         align-items: center;
         margin-left: 10px;
     }
     
     .tgmenu__action ul li {
         position: relative;
         margin-left: 30px;
     }
     
     .tgmenu__action ul li a {
         color: var(--tg-theme-secondary);
         font-size: 14px;
     }
     
     .tgmenu__action ul li:first-child {
         margin-left: 0;
     }
     
     .tgmenu__action ul .header-search a {
         font-size: 20px;
         line-height: 0;
         color: var(--tg-theme-secondary);
     }
     
     .tgmenu__action ul .header-search a svg {
         width: 20px;
     }
     
     .tgmenu__action ul .header-search a:hover {
         color: var(--tg-theme-primary);
     }
     
     @media (max-width: 991.98px) {
         .tgmenu__action ul .offCanvas-menu {
             display: none;
         }
     }
     
     .tgmenu__action ul .offCanvas-menu .menu-tigger {
         width: 50px;
         height: 50px;
         display: -webkit-box;
         display: -moz-box;
         display: -ms-flexbox;
         display: -webkit-flex;
         display: flex;
         align-items: center;
         justify-content: center;
         background: var(--tg-color-white-default);
         -webkit-border-radius: 10px;
         -moz-border-radius: 10px;
         -o-border-radius: 10px;
         -ms-border-radius: 10px;
         border-radius: 10px;
         font-size: 18px;
         box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.2);
     }
     
     .tgmenu__action ul .offCanvas-menu .menu-tigger svg {
         width: 18px;
         height: 18px;
     }
     
     .tgmenu__action ul .offCanvas-menu .menu-tigger:hover {
         background: var(--tg-theme-primary);
         color: var(--tg-color-white-default) !important;
     }
     
     @media (max-width: 1199.98px) {
         .tgmenu__action ul .header-btn {
             display: none;
         }
     }
     
     .tgmenu__action ul .header-btn .btn {
         color: var(--tg-color-white-default);
         font-size: 14px;
     }
     
     .tgmenu__action ul .header-btn .btn::after {
         display: none;
     }
     
     .tgmenu__action-two>.list-wrap {
         height: 100%;
         align-items: normal;
     }
     
     @media (max-width: 1199.98px) {
         .tgmenu__action-two>.list-wrap {
             margin-left: 40px;
         }
     }
     
     .tgmenu__action-two>.list-wrap li {
         margin-left: 0;
     }
     
     .tgmenu__action-two>.list-wrap li.header-search a {
         width: 85px;
         height: 100%;
         display: -webkit-box;
         display: -moz-box;
         display: -ms-flexbox;
         display: -webkit-flex;
         display: flex;
         align-items: center;
         justify-content: center;
         border: 1px solid var(--tg-color-gray-5);
         border-top: none;
         border-bottom: none;
     }
     
     @media (max-width: 991.98px) {
         .tgmenu__action-two>.list-wrap li.header-search a {
             width: auto;
             height: auto;
             border: none;
         }
     }
     
     .tgmenu__action-two>.list-wrap li.offCanvas-menu .menu-tigger {
         width: 85px;
         height: 100%;
         display: -webkit-box;
         display: -moz-box;
         display: -ms-flexbox;
         display: -webkit-flex;
         display: flex;
         align-items: center;
         justify-content: center;
         background: transparent;
         -webkit-border-radius: 0;
         -moz-border-radius: 0;
         -o-border-radius: 0;
         -ms-border-radius: 0;
         border-radius: 0;
         box-shadow: none;
         font-size: 24px;
         line-height: 0;
         border: 1px solid var(--tg-color-gray-5);
         border-top: none;
         border-bottom: none;
         margin-left: -1px;
     }
     
     .tgmenu__action-two>.list-wrap li.offCanvas-menu .menu-tigger:hover {
         background: transparent;
         color: var(--tg-theme-primary);
     }
     
     .tgmenu__action-two>.list-wrap li.header-btn {
         display: -webkit-box;
         display: -moz-box;
         display: -ms-flexbox;
         display: -webkit-flex;
         display: flex;
         align-items: center;
     }
     
     @media (max-width: 1199.98px) {
         .tgmenu__action-two>.list-wrap li.header-btn {
             display: none;
         }
     }
     
     .tgmenu__action-two>.list-wrap li.header-btn .btn {
         border-radius: 30px;
         gap: 8px;
     }
     
     .tgmenu__action-two>.list-wrap li:last-child {
         margin-left: 25px;
     }
     
     .tgmenu__action-three>.list-wrap li {
         margin-left: 20px;
     }
     
     .tgmenu__action-three>.list-wrap li.offCanvas-menu .menu-tigger {
         width: auto;
         height: auto;
         background: transparent;
         box-shadow: none;
         -webkit-border-radius: 0;
         -moz-border-radius: 0;
         -o-border-radius: 0;
         -ms-border-radius: 0;
         border-radius: 0;
         line-height: 0;
         display: block;
     }
     
     .tgmenu__action-three>.list-wrap li.offCanvas-menu .menu-tigger svg {
         width: 22px;
         height: 22px;
     }
     
     .tgmenu__action-three>.list-wrap li.offCanvas-menu .menu-tigger:hover {
         color: var(--tg-theme-primary);
     }
     
     .tgmenu__action-four .list-wrap li {
         margin-left: 20px;
     }
     
     .tgmenu__action-four .list-wrap li.header-btn .btn {
         padding: 13px 22px;
     }
     
     .tgmenu__action-four .list-wrap li.offCanvas-menu {
         margin-left: 40px;
         position: relative;
     }
     
     .tgmenu__action-four .list-wrap li.offCanvas-menu .menu-tigger {
         width: auto;
         height: auto;
         background: transparent;
         -webkit-box-shadow: none;
         -moz-box-shadow: none;
         -ms-box-shadow: none;
         -o-box-shadow: none;
         box-shadow: none;
     }
     
     .tgmenu__action-four .list-wrap li.offCanvas-menu .menu-tigger:hover {
         color: var(--tg-theme-primary);
     }
     
     .tgmenu__action-four .list-wrap li.offCanvas-menu::before {
         content: "";
         position: absolute;
         left: -20px;
         top: 50%;
         -webkit-transform: translateY(-50%);
         -moz-transform: translateY(-50%);
         -ms-transform: translateY(-50%);
         -o-transform: translateY(-50%);
         transform: translateY(-50%);
         width: 1px;
         height: 40px;
         background: #d7e4ea;
     }
     
     .tgmenu__action-five .list-wrap li {
         margin-left: 10px;
     }
     
     .tgmenu__action-five .list-wrap li.header-btn .btn {
         padding: 13px 24px;
     }
     
     .tgmenu__action-five .list-wrap li.header-btn-two .btn.border-btn {
         border-color: var(--tg-color-gray-2);
         color: var(--tg-body-color);
         padding: 12px 21px;
     }
     
     .tgmenu__action-five .list-wrap li.header-btn-two .btn.border-btn::after {
         display: none;
     }
     
     .tgmenu__action-five .list-wrap li.header-btn-two .btn.border-btn:hover {
         color: var(--tg-color-white-default);
         border-color: var(--tg-theme-secondary);
     }
     
     .sticky-menu {
         position: fixed;
         left: 0;
         margin: auto;
         top: 0;
         width: 100%;
         z-index: 99;
         background: var(--tg-color-white-default);
         -webkit-animation: 1000ms ease-in-out 0s normal none 1 running fadeInDown;
         animation: 1000ms ease-in-out 0s normal none 1 running fadeInDown;
         -webkit-box-shadow: 0 10px 15px rgba(25, 25, 25, 0.1);
         box-shadow: 0 10px 15px rgba(25, 25, 25, 0.1);
         border-radius: 0;
     }
     
     .sticky-menu ul li .sub-menu {
         -webkit-border-radius: 0 0 6px 6px;
         -moz-border-radius: 0 0 6px 6px;
         -o-border-radius: 0 0 6px 6px;
         -ms-border-radius: 0 0 6px 6px;
         border-radius: 0 0 6px 6px;
     }
     
     .sticky-menu .logo a svg:first-child path:last-child {
         fill: #f7a400;
     }
     
     .sticky-menu .logo a svg path {
         fill: #191d88;
     }
     
     .sticky-menu .tgmenu__navbar-wrap>ul>li a {
         color: var(--tg-heading-color);
     }
     
     .sticky-menu .tgmenu__navbar-wrap li.menu-item-has-children>a::after {
         color: var(--tg-color-dark-blue);
     }
     
     .sticky-menu .tgmenu__navbar-wrap li.menu-item-has-children>a:hover {
         color: var(--tg-theme-primary);
     }
     
     .sticky-menu .tgmenu__navbar-wrap li.menu-item-has-children:hover>a::after {
         color: var(--tg-theme-primary);
     }
     
     .sticky-menu .tgmenu__navbar-wrap li.menu-item-has-children.active>a {
         color: var(--tg-theme-primary);
     }
     
     .sticky-menu .tgmenu__navbar-wrap li.menu-item-has-children.active>a::after {
         color: var(--tg-theme-primary);
     }
     
     .sticky-menu .tgmenu__action ul li a {
         color: var(--tg-theme-secondary) !important;
     }
     
     .sticky-menu .tgmenu__action ul .header-btn a {
         color: var(--tg-color-white-default) !important;
     }
     
     #header-fixed-height.active-height {
         display: block;
         height: 90px;
     }
     /*=============================
	03. Mobile Menu
===============================*/
     
     .tgmobile__search {
         padding: 0 20px 25px 25px;
     }
     
     .tgmobile__search form {
         position: relative;
     }
     
     .tgmobile__search input {
         display: block;
         width: 100%;
         border: none;
         padding: 10px 45px 10px 20px;
         font-size: 15px;
         height: 45px;
         background: var(--tg-color-gray-3);
         -webkit-border-radius: 4px;
         -moz-border-radius: 4px;
         -o-border-radius: 4px;
         -ms-border-radius: 4px;
         border-radius: 4px;
     }
     
     .tgmobile__search input::placeholder {
         font-size: 15px;
         color: var(--tg-body-color);
     }
     
     .tgmobile__search button {
         position: absolute;
         top: 50%;
         -webkit-transform: translateY(-50%);
         -moz-transform: translateY(-50%);
         -ms-transform: translateY(-50%);
         -o-transform: translateY(-50%);
         transform: translateY(-50%);
         border: none;
         padding: 0;
         right: 20px;
         line-height: 1;
         background: transparent;
         color: var(--tg-heading-color);
     }
     
     .tgmobile__menu {
         position: fixed;
         right: 0;
         top: 0;
         width: 300px;
         padding-right: 30px;
         max-width: 100%;
         height: 100%;
         z-index: 99;
         border-radius: 0px;
         transition: all 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86);
         -moz-transition: all 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86);
         -webkit-transition: all 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86);
         -ms-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);
         -webkit-transform: translateX(101%);
         -moz-transform: translateX(101%);
         -ms-transform: translateX(101%);
         -o-transform: translateX(101%);
         transform: translateX(101%);
     }
     
     .tgmobile__menu .navbar-collapse {
         display: block !important;
     }
     
     .tgmobile__menu .nav-logo {
         position: relative;
         padding: 30px 25px;
         text-align: left;
     }
     
     .tgmobile__menu .nav-logo img {
         max-height: 71px;
     }
     
     .tgmobile__menu .navigation {
         position: relative;
         display: block;
         width: 100%;
         float: none;
         margin: 0;
         padding: 0;
     }
     
     .tgmobile__menu .navigation li {
         position: relative;
         display: block;
         border-top: 1px solid rgba(0, 0, 0, 0.1);
     }
     
     .tgmobile__menu .navigation li.active>a {
         color: var(--tg-theme-primary);
     }
     
     .tgmobile__menu .navigation li.menu-item-has-children .dropdown-btn {
         position: absolute;
         right: 20px;
         top: 6px;
         width: 32px;
         height: 32px;
         text-align: center;
         font-size: 16px;
         line-height: 32px;
         color: var(--tg-heading-color);
         background: var(--tg-color-gray-3);
         cursor: pointer;
         border-radius: 2px;
         -webkit-transition: all 500ms ease;
         -o-transition: all 500ms ease;
         transition: all 500ms ease;
         z-index: 5;
     }
     
     .tgmobile__menu .navigation li.menu-item-has-children .dropdown-btn .plus-line {
         position: absolute;
         left: 50%;
         top: 50%;
         -webkit-transform: translate(-50%, -50%) rotate(0);
         -ms-transform: translate(-50%, -50%) rotate(0);
         transform: translate(-50%, -50%) rotate(0);
         border-radius: 10px;
         width: 12px;
         height: 2px;
         background-color: var(--tg-color-black-1);
         -webkit-transition: all 500ms ease;
         -o-transition: all 500ms ease;
         transition: all 500ms ease;
     }
     
     .tgmobile__menu .navigation li.menu-item-has-children .dropdown-btn .plus-line::after {
         content: "";
         position: absolute;
         left: 50%;
         top: 50%;
         -webkit-transform: translate(-50%, -50%) rotate(0);
         -ms-transform: translate(-50%, -50%) rotate(0);
         transform: translate(-50%, -50%) rotate(0);
         border-radius: 10px;
         width: 2px;
         height: 12px;
         background-color: var(--tg-color-black-1);
         -webkit-transition: all 500ms ease;
         -o-transition: all 500ms ease;
         transition: all 500ms ease;
     }
     
     .tgmobile__menu .navigation li.menu-item-has-children .dropdown-btn.open {
         background-color: var(--tg-theme-primary);
     }
     
     .tgmobile__menu .navigation li.menu-item-has-children .dropdown-btn.open .plus-line {
         background-color: var(--tg-color-white-default);
     }
     
     .tgmobile__menu .navigation li.menu-item-has-children .dropdown-btn.open .plus-line::after {
         display: none;
     }
     
     .tgmobile__menu .navigation li>a {
         position: relative;
         display: block;
         line-height: 1.5;
         padding: 10px 60px 10px 25px;
         font-size: 16px;
         font-weight: 500;
         color: var(--tg-heading-color);
         text-transform: capitalize;
         -webkit-transition: all 500ms ease;
         -o-transition: all 500ms ease;
         transition: all 500ms ease;
         border: none;
     }
     
     .tgmobile__menu .navigation li>a::before {
         content: "";
         position: absolute;
         left: 0;
         top: 0;
         height: 0;
         -webkit-transition: all 500ms ease;
         -o-transition: all 500ms ease;
         transition: all 500ms ease;
         width: 2px;
         background: var(--tg-theme-primary);
         pointer-events: none;
     }
     
     .tgmobile__menu .navigation li ul li>a {
         margin-left: 20px;
     }
     
     .tgmobile__menu .navigation li ul li ul li a {
         margin-left: 40px;
     }
     
     .tgmobile__menu .navigation li ul li ul li ul li a {
         margin-left: 60px;
     }
     
     .tgmobile__menu .navigation li>ul {
         display: none;
     }
     
     .tgmobile__menu .navigation li>ul>li>ul {
         display: none;
     }
     
     .tgmobile__menu .navigation ul {
         padding: 0;
         margin: 0;
     }
     
     .tgmobile__menu .navigation ul li a {
         display: block;
     }
     
     .tgmobile__menu .navigation ul li ul li>a {
         font-size: 16px;
         margin-left: 20px;
         text-transform: capitalize;
     }
     
     .tgmobile__menu .navigation:last-child {
         border-bottom: 1px solid rgba(0, 0, 0, 0.1);
     }
     
     .tgmobile__menu .navigation>li>ul>li:first-child {
         border-top: 1px solid rgba(0, 0, 0, 0.1);
     }
     
     .tgmobile__menu .navigation>li.active>a::before {
         height: 100%;
     }
     
     .tgmobile__menu .close-btn {
         position: absolute;
         right: 15px;
         top: 28px;
         line-height: 30px;
         width: 35px;
         text-align: center;
         font-size: 20px;
         color: var(--tg-theme-primary);
         cursor: pointer;
         z-index: 10;
         -webkit-transition: all 0.5s ease;
         -o-transition: all 0.5s ease;
         transition: all 0.5s ease;
     }
     
     .tgmobile__menu .close-btn i[class^=flaticon-]:before {
         font-weight: var(--tg-fw-bold) !important;
     }
     
     .tgmobile__menu-backdrop {
         position: fixed;
         right: 0;
         top: 0;
         width: 100%;
         height: 100%;
         z-index: 2;
         transition: all 700ms ease;
         -moz-transition: all 700ms ease;
         -webkit-transition: all 700ms ease;
         -ms-transition: all 700ms ease;
         -o-transition: all 700ms ease;
         opacity: 0;
         visibility: hidden;
         background: rgba(0, 0, 0, 0.5);
     }
     
     .tgmobile__menu .tgmenu__action {
         padding: 0 0;
         margin: 0 0;
     }
     
     .tgmobile__menu .tgmenu__action>ul {
         margin: 0 0;
         padding: 30px 20px 0;
         justify-content: center;
         gap: 0 15px;
     }
     
     .tgmobile__menu .tgmenu__action>ul li {
         margin: 0 0;
     }
     
     .tgmobile__menu .tgmenu__action>ul .header-btn {
         display: block;
     }
     
     .tgmobile__menu-box {
         position: absolute;
         left: 0px;
         top: 0px;
         width: 100%;
         height: 100%;
         max-height: 100%;
         overflow-y: auto;
         overflow-x: hidden;
         background: var(--tg-color-white-default);
         padding: 0px 0px;
         z-index: 5;
         box-shadow: -9px 0 14px 0px rgba(0, 0, 0, 0.06);
         display: -webkit-box;
         display: -moz-box;
         display: -ms-flexbox;
         display: -webkit-flex;
         display: flex;
         flex-direction: column;
     }
     
     .tgmobile__menu-bottom {
         padding: 30px 25px 25px;
         margin-top: auto;
     }
     
     .tgmobile__menu-bottom .contact-info .list-wrap li a {
         color: var(--tg-theme-secondary);
         display: inline-block;
         font-weight: 500;
         margin-bottom: 5px;
     }
     
     .tgmobile__menu-bottom .contact-info .list-wrap li a:hover {
         color: var(--tg-theme-primary);
     }
     
     .tgmobile__menu-bottom .social-links ul {
         display: -webkit-box;
         display: -moz-box;
         display: -ms-flexbox;
         display: -webkit-flex;
         display: flex;
         position: relative;
         text-align: center;
         align-items: center;
         flex-wrap: wrap;
         padding: 15px 0 0;
         gap: 15px;
     }
     
     .tgmobile__menu-bottom .social-links ul li {
         position: relative;
         display: inline-block;
     }
     
     .tgmobile__menu-bottom .social-links ul li a {
         display: -webkit-box;
         display: -moz-box;
         display: -ms-flexbox;
         display: -webkit-flex;
         display: flex;
         align-items: center;
         justify-content: center;
         position: relative;
         font-size: 18px;
         color: var(--tg-theme-secondary);
         -webkit-transition: all 500ms ease;
         -o-transition: all 500ms ease;
         transition: all 500ms ease;
     }
     
     .tgmobile__menu-bottom .social-links ul li a:hover {
         color: var(--tg-theme-primary);
     }
     
     .tgmobile__menu-outer .mobile-nav-toggler {
         position: relative;
         float: right;
         font-size: 40px;
         line-height: 50px;
         cursor: pointer;
         display: none;
         color: var(--tg-color-white-default);
         margin-right: 30px;
         top: 15px;
     }
     
     @media (max-width: 991.98px) {
         .tgmobile__menu-outer .mobile-nav-toggler {
             display: block !important;
         }
     }
     
     .mobile-menu-visible {
         overflow: hidden;
     }
     
     .mobile-menu-visible .tgmobile__menu {
         -webkit-transform: translateX(0%);
         -moz-transform: translateX(0%);
         -ms-transform: translateX(0%);
         -o-transform: translateX(0%);
         transform: translateX(0%);
     }
     
     .mobile-menu-visible .tgmobile__menu-backdrop {
         opacity: 1;
         visibility: visible;
     }
     
     .mobile-menu-visible .tgmobile__menu .close-btn {
         -webkit-transform: rotate(360deg);
         -moz-transform: rotate(360deg);
         -ms-transform: rotate(360deg);
         -o-transform: rotate(360deg);
         transform: rotate(360deg);
     }
     /*=============================
    04. Banner
===============================*/
     
     .banner-bg {
         background-size: cover;
         background-position: center;
         min-height: 870px;
         display: -webkit-box;
         display: -moz-box;
         display: -ms-flexbox;
         display: -webkit-flex;
         display: flex;
         align-items: center;
         padding: 200px 0 100px;
         position: relative;
         z-index: 1;
         overflow: hidden;
     }
     
     @media (max-width: 1500px) {
         .banner-bg {
             min-height: 680px;
         }
     }
     
     @media (max-width: 767.98px) {
         .banner-bg {
             min-height: 640px;
             padding: 170px 0 80px;
         }
     }
     
     .banner__bg-two {
         min-height: 820px;
         display: -webkit-box;
         display: -moz-box;
         display: -ms-flexbox;
         display: -webkit-flex;
         display: flex;
         align-items: center;
         background-size: cover;
         background-position: center;
         padding: 200px 0 100px;
         position: relative;
         z-index: 1;
     }
     
     @media (max-width: 1500px) {
         .banner__bg-two {
             min-height: 660px;
         }
     }
     
     @media (max-width: 991.98px) {
         .banner__bg-two {
             min-height: 600px;
             padding: 150px 0 100px;
         }
     }
     
     @media (max-width: 767.98px) {
         .banner__bg-two {
             min-height: 580px;
             padding: 120px 0 90px;
         }
     }
     
     .banner__bg-three {
         background-size: cover;
         background-position: center;
         padding: 185px 0 0;
         min-height: 780px;
         position: relative;
         z-index: 1;
         overflow: hidden;
     }
     
     @media (max-width: 1500px) {
         .banner__bg-three {
             padding: 160px 0 0;
             min-height: 700px;
         }
     }
     
     @media (max-width: 991.98px) {
         .banner__bg-three {
             padding: 230px 0 0;
         }
     }
     
     @media (max-width: 767.98px) {
         .banner__bg-three {
             padding: 150px 0 0;
         }
     }
     
     .banner__bg-four {
         background-size: cover;
         background-position: center;
         padding: 170px 0 0;
         position: relative;
         z-index: 1;
     }
     
     @media (max-width: 1500px) {
         .banner__bg-four {
             padding: 110px 0 0;
         }
     }
     
     @media (max-width: 991.98px) {
         .banner__bg-four {
             padding: 140px 0 0;
         }
     }
     
     @media (max-width: 767.98px) {
         .banner__bg-four {
             padding: 110px 0 0;
         }
     }
     
     .banner__bg-five {
         background-size: cover;
         background-position: center;
         padding: 185px 0 0;
         min-height: 870px;
         position: relative;
         z-index: 1;
         overflow: hidden;
     }
     
     @media (max-width: 1500px) {
         .banner__bg-five {
             padding: 160px 0 0;
             min-height: 700px;
         }
     }
     
     @media (max-width: 991.98px) {
         .banner__bg-five {
             padding: 230px 0 0;
         }
     }
     
     @media (max-width: 767.98px) {
         .banner__bg-five {
             padding: 88px 0 0;
         }
     }
     
     .banner__bg-five::before {
         position: absolute;
         content: "";
         left: 0;
         right: 0;
         top: 0;
         bottom: 0;
         opacity: 0.84;
         background: #040314;
         z-index: -1;
     }
     
     @media (max-width: 991.98px) {
         .banner-content {
             text-align: center;
             margin-bottom: -45px;
         }
     }
     
     @media (max-width: 767.98px) {
         .banner-content {
             margin-bottom: 0;
         }
     }
     
     .banner-content .sub-title {
         font-size: 15px;
         font-weight: 600;
         text-transform: uppercase;
         letter-spacing: 0.75px;
         display: block;
         line-height: 1;
         color: var(--tg-theme-primary);
         margin-bottom: 15px;
     }
     
     .banner-content .title {
         font-size: 60px;
         margin-bottom: 20px;
         line-height: 1.1;
         text-transform: capitalize;
     }
     
     @media (max-width: 1199.98px) {
         .banner-content .title {
             font-size: 48px;
         }
     }
     
     @media (max-width: 767.98px) {
         .banner-content .title {
             font-size: 42px;
         }
     }
     
     @media only screen and (min-width: 576px) and (max-width: 767px) {
         .banner-content .title {
             font-size: 48px;
         }
     }
     
     .banner-content p {
         margin-bottom: 30px;
         color: #383952;
         text-transform: capitalize;
         width: 90%;
     }
     
     @media (max-width: 1199.98px) {
         .banner-content p {
             width: 100%;
         }
     }
     
     @media (max-width: 991.98px) {
         .banner__content-two {
             text-align: center;
         }
     }
     
     .banner__content-two .title {
         font-size: 60px;
         text-transform: capitalize;
         line-height: 1.1;
         margin-bottom: 15px;
     }
     
     @media (max-width: 1199.98px) {
         .banner__content-two .title {
             font-size: 52px;
         }
     }
     
     @media (max-width: 767.98px) {
         .banner__content-two .title {
             font-size: 42px;
         }
     }
     
     @media only screen and (min-width: 576px) and (max-width: 767px) {
         .banner__content-two .title {
             font-size: 45px;
         }
     }
     
     .banner__content-two .title span {
         color: var(--tg-theme-primary);
     }
     
     .banner__content-two p {
         margin-bottom: 30px;
         width: 90%;
     }
     
     @media (max-width: 1199.98px) {
         .banner__content-two p {
             width: 100%;
         }
     }
     
     .banner__content-three {
         margin-top: 120px;
     }
     
     @media (max-width: 991.98px) {
         .banner__content-three {
             text-align: center;
             margin-bottom: 50px;
             margin-top: 0;
         }
     }
     
     .banner__content-three .sub-title {
         font-size: 15px;
         color: var(--tg-theme-primary);
         font-weight: 600;
         display: block;
         text-transform: uppercase;
         line-height: 1.2;
         margin-bottom: 10px;
     }
     
     .banner__content-three .title {
         margin-bottom: 30px;
         font-size: 50px;
         text-transform: capitalize;
     }
     
     @media (max-width: 1199.98px) {
         .banner__content-three .title {
             font-size: 46px;
         }
     }
     
     @media (max-width: 767.98px) {
         .banner__content-three .title {
             font-size: 42px;
         }
     }
     
     .banner__content-three.home-9 {
         margin-top: 80px;
     }
     
     .banner__content-three.home-9 .title {
         color: var(--tg-color-white-default);
         font-size: 50px;
     }
     
     .banner__content-three.home-9 .title span {
         color: var(--tg-theme-primary);
     }
     
     .banner__content-three.home-9 .sub {
         color: var(--tg-color-white-default);
         font-size: 18px;
         font-style: normal;
         font-weight: 400;
         line-height: 24px;
         /* 133.333% */
         text-transform: capitalize;
         margin-bottom: 60px;
     }
     
     .banner__content-four {
         position: relative;
     }
     
     @media (max-width: 991.98px) {
         .banner__content-four {
             text-align: center;
             margin-bottom: 50px;
         }
     }
     
     .banner__content-four .title {
         font-size: 60px;
         font-weight: 600;
         text-transform: capitalize;
         margin-bottom: 15px;
     }
     
     @media (max-width: 1500px) {
         .banner__content-four .title {
             font-size: 56px;
         }
     }
     
     @media (max-width: 1199.98px) {
         .banner__content-four .title {
             font-size: 47px;
         }
     }
     
     @media (max-width: 767.98px) {
         .banner__content-four .title {
             font-size: 42px;
         }
     }
     
     @media only screen and (min-width: 576px) and (max-width: 767px) {
         .banner__content-four .title {
             font-size: 45px;
         }
     }
     
     .banner__content-four .title span {
         position: relative;
         display: inline-block;
     }
     
     @media (max-width: 767.98px) {
         .banner__content-four .title span {
             display: inline;
         }
     }
     
     .banner__content-four .title span::before {
         content: "";
         position: absolute;
         left: 0;
         bottom: 10px;
         width: 100%;
         height: 8px;
         background: var(--tg-theme-primary);
         z-index: -1;
     }
     
     @media (max-width: 767.98px) {
         .banner__content-four .title span::before {
             display: none;
         }
     }
     
     .banner__content-four p {
         margin-bottom: 25px;
     }
     
     .banner__content-four .shape img {
         position: absolute;
         right: -6%;
         top: -6%;
     }
     
     @media (max-width: 1199.98px) {
         .banner__content-four .shape img {
             right: -8%;
             top: -15%;
         }
     }
     
     @media (max-width: 991.98px) {
         .banner__content-four .shape img {
             right: -2%;
             top: -14%;
             width: 60px;
         }
     }
     
     @media (max-width: 767.98px) {
         .banner__content-four .shape img {
             right: 3%;
             top: auto;
             bottom: 2%;
         }
     }
     
     .banner__img.home-9 img {
         max-width: 100%;
         position: absolute;
         right: 0;
         bottom: 0;
     }
     
     @media (max-width: 991.98px) {
         .banner__img.home-9 img {
             position: unset;
         }
     }
     
     .banner__img img {
         max-width: unset;
     }
     
     @media (max-width: 991.98px) {
         .banner__img img {
             max-width: 100%;
         }
     }
     
     .banner__img-two {
         position: relative;
     }
     
     .banner__img-two>img:nth-child(1) {
         max-width: unset;
         margin-left: 50px;
     }
     
     @media (max-width: 1199.98px) {
         .banner__img-two>img:nth-child(1) {
             margin-left: 0;
             max-width: 100%;
         }
     }
     
     .banner__img-two>img:nth-child(2) {
         position: absolute;
         -webkit-border-radius: 10px;
         -moz-border-radius: 10px;
         -o-border-radius: 10px;
         -ms-border-radius: 10px;
         border-radius: 10px;
         border: 1px solid #d1d1d1;
         -webkit-box-shadow: 11px 10px 0px 0px rgba(0, 0, 0, 0.1);
         -moz-box-shadow: 11px 10px 0px 0px rgba(0, 0, 0, 0.1);
         -ms-box-shadow: 11px 10px 0px 0px rgba(0, 0, 0, 0.1);
         -o-box-shadow: 11px 10px 0px 0px rgba(0, 0, 0, 0.1);
         box-shadow: 11px 10px 0px 0px rgba(0, 0, 0, 0.1);
         left: 10%;
         top: 20%;
     }
     
     @media (max-width: 1199.98px) {
         .banner__img-two>img:nth-child(2) {
             width: 200px;
             left: 2%;
         }
     }
     
     @media (max-width: 767.98px) {
         .banner__img-two>img:nth-child(2) {
             display: none;
         }
     }
     
     .banner__img-two .img__shape img {
         position: absolute;
         z-index: -1;
     }
     
     .banner__img-two .img__shape img:nth-child(1) {
         left: 37%;
         top: 10%;
         animation-duration: 4s;
     }
     
     @media (max-width: 767.98px) {
         .banner__img-two .img__shape img:nth-child(1) {
             left: 18%;
             top: 20%;
         }
     }
     
     .banner__img-two .img__shape img:nth-child(2) {
         left: 6%;
         bottom: 13%;
     }
     
     @media (max-width: 1199.98px) {
         .banner__img-two .img__shape img:nth-child(2) {
             left: 2%;
         }
     }
     
     @media (max-width: 767.98px) {
         .banner__img-two .img__shape img:nth-child(2) {
             width: 100px;
         }
     }
     
     .banner__img-two .img__shape img:nth-child(3) {
         left: 34%;
         top: -10%;
         z-index: -2;
     }
     
     @media (max-width: 767.98px) {
         .banner__img-two .img__shape img:nth-child(3) {
             display: none;
         }
     }
     
     .banner__img-two .img__shape img:nth-child(4) {
         right: -22%;
         top: 27%;
     }
     
     @media (max-width: 767.98px) {
         .banner__img-two .img__shape img:nth-child(4) {
             display: none;
         }
     }
     
     .banner-shape img {
         position: absolute;
         z-index: -1;
     }
     
     .banner-shape img:nth-child(1) {
         left: 35%;
         top: 36%;
         animation: rightToLeft 4s infinite linear;
     }
     
     @media (max-width: 1500px) {
         .banner-shape img:nth-child(1) {
             left: 32%;
             top: 31%;
         }
     }
     
     @media (max-width: 767.98px) {
         .banner-shape img:nth-child(1) {
             left: 32%;
             top: 20%;
         }
     }
     
     .banner-shape img:nth-child(2) {
         left: 6%;
         bottom: -8%;
     }
     
     .banner__shape-two img {
         position: absolute;
         z-index: -1;
         left: 5%;
         top: 12%;
         animation: heartbeat 4s infinite alternate;
     }
     
     @media (max-width: 1500px) {
         .banner__shape-two img {
             left: 1%;
             top: 4%;
         }
     }
     
     .banner-social {
         display: -webkit-box;
         display: -moz-box;
         display: -ms-flexbox;
         display: -webkit-flex;
         display: flex;
         align-items: center;
         writing-mode: vertical-rl;
         gap: 45px;
         position: absolute;
         left: 3%;
         top: 39%;
     }
     
     @media (max-width: 1500px) {
         .banner-social {
             left: 0%;
             top: 35%;
         }
     }
     
     @media (max-width: 1199.98px) {
         .banner-social {
             display: none;
         }
     }
     
     .banner-social .title {
         margin-bottom: 0;
         font-size: 15px;
         letter-spacing: 1.5px;
         text-transform: uppercase;
         color: var(--tg-body-color);
         -webkit-transform: rotate(180deg);
         -moz-transform: rotate(180deg);
         -ms-transform: rotate(180deg);
         -o-transform: rotate(180deg);
         transform: rotate(180deg);
         position: relative;
     }
     
     .banner-social .title::before {
         content: "";
         position: absolute;
         left: 50%;
         -webkit-transform: translateX(-50%);
         -moz-transform: translateX(-50%);
         -ms-transform: translateX(-50%);
         -o-transform: translateX(-50%);
         transform: translateX(-50%);
         top: -31px;
         width: 2px;
         height: 20px;
         background: var(--tg-body-color);
     }
     
     .banner-social .list-wrap {
         display: flex;
         align-items: center;
         flex-direction: row-reverse;
         gap: 17px;
     }
     
     .banner-social .list-wrap li a {
         color: var(--tg-heading-color);
         transform: rotate(-90deg);
         display: block;
     }
     
     .banner-social .list-wrap li a:hover {
         color: var(--tg-theme-primary);
     }
     
     .banner-social-two {
         left: auto;
         right: 2%;
         top: 36%;
     }
     
     @media (max-width: 1500px) {
         .banner-social-two {
             right: 1%;
         }
     }
     
     .banner-social-three {
         top: 37%;
     }
     
     .banner-social-home-9 .title {
         color: var(--tg-color-white-default);
     }
     
     .banner-social-home-9 .title::before {
         background: var(--tg-color-white-default);
     }
     
     .banner-social-home-9 .list-wrap li a {
         color: var(--tg-theme-primary);
     }
     
     .banner-social-home-9 .list-wrap li a:hover {
         color: var(--tg-color-white-default);
     }
     
     .banner-scroll {
         position: absolute;
         right: 4%;
         bottom: 10%;
     }
     
     @media (max-width: 1500px) {
         .banner-scroll {
             right: 3%;
             bottom: 7%;
         }
     }
     
     @media (max-width: 991.98px) {
         .banner-scroll {
             display: none;
         }
     }
     
     .banner-scroll a {
         display: -webkit-box;
         display: -moz-box;
         display: -ms-flexbox;
         display: -webkit-flex;
         display: flex;
         align-items: center;
         writing-mode: vertical-lr;
         -webkit-transform: rotate(180deg);
         -moz-transform: rotate(180deg);
         -ms-transform: rotate(180deg);
         -o-transform: rotate(180deg);
         transform: rotate(180deg);
         flex-direction: row-reverse;
         font-size: 15px;
         font-weight: 700;
         color: var(--tg-heading-color);
         font-family: var(--tg-heading-font-family);
         gap: 10px;
     }
     
     .banner-scroll a span {
         width: 28px;
         height: 28px;
         display: -webkit-box;
         display: -moz-box;
         display: -ms-flexbox;
         display: -webkit-flex;
         display: flex;
         align-items: center;
         justify-content: center;
         border: 1px solid var(--tg-heading-color);
         -webkit-border-radius: 50%;
         -moz-border-radius: 50%;
         -o-border-radius: 50%;
         -ms-border-radius: 50%;
         border-radius: 50%;
         font-size: 14px;
         -webkit-transform: rotate(-90deg);
         -moz-transform: rotate(-90deg);
         -ms-transform: rotate(-90deg);
         -o-transform: rotate(-90deg);
         transform: rotate(-90deg);
         -webkit-transition: all 0.3s ease-out 0s;
         -moz-transition: all 0.3s ease-out 0s;
         -ms-transition: all 0.3s ease-out 0s;
         -o-transition: all 0.3s ease-out 0s;
         transition: all 0.3s ease-out 0s;
     }
     
     .banner-scroll a:hover {
         color: var(--tg-theme-primary);
     }
     
     .banner-scroll a:hover span {
         border-color: var(--tg-theme-primary);
     }
     /*=============================
    05. Slider
===============================*/
     
     .slider__area {
         overflow: hidden;
     }
     
     .slider__single {
         position: relative;
         min-height: 670px;
         display: -webkit-box;
         display: -moz-box;
         display: -ms-flexbox;
         display: -webkit-flex;
         display: flex;
         align-items: center;
         background-color: var(--tg-color-white-default);
         padding: 100px 0;
     }
     
     @media (max-width: 1500px) {
         .slider__single {
             min-height: 570px;
         }
     }
     
     @media (max-width: 991.98px) {
         .slider__single {
             min-height: 500px;
         }
     }
     
     .slider__single::before {
         content: "";
         position: absolute;
         left: 0;
         top: 0;
         width: 100%;
         height: 100%;
         background: #050628;
         opacity: 0.7;
         z-index: -1;
     }
     
     .slider__single::after {
         content: "";
         position: absolute;
         left: -10%;
         top: 0;
         width: 70%;
         height: 100%;
         opacity: 0.9;
         background: #1D1E34;
         filter: blur(200px);
         z-index: -1;
     }
     
     .slider__bg {
         background-size: cover;
         background-position: center;
         position: absolute;
         left: 0;
         top: 0;
         width: 100%;
         height: 100%;
         /* z-index: -1;*/
         mix-blend-mode: luminosity;
         opacity: 0.7;
     }
     
     .slider__content {
         position: relative;
         z-index: 1;
     }
     
     @media (max-width: 991.98px) {
         .slider__content {
             text-align: center;
         }
     }
     
     .slider__content .sub-title {
         font-size: 16px;
         font-weight: 600;
         text-transform: uppercase;
         display: inline-block;
         color: var(--tg-color-white-default);
         -webkit-border-radius: 30px;
         -moz-border-radius: 30px;
         -o-border-radius: 30px;
         -ms-border-radius: 30px;
         border-radius: 30px;
         border: 1px solid rgba(255, 255, 255, 0.3);
         line-height: 1;
         padding: 7px 25px;
         margin-bottom: 15px;
     }
     
     @media (max-width: 767.98px) {
         .slider__content .sub-title {
             padding: 7px 15px;
         }
     }
     
     .slider__content .title {
         color: var(--tg-color-white-default);
         margin-bottom: 15px;
         font-size: 60px;
         font-weight: 600;
         text-transform: capitalize;
         letter-spacing: -0.3px;
     }
     
     @media (max-width: 1199.98px) {
         .slider__content .title {
             font-size: 45px;
         }
     }
     
     @media (max-width: 767.98px) {
         .slider__content .title {
             font-size: 42px;
             letter-spacing: 0;
         }
     }
     
     @media only screen and (min-width: 576px) and (max-width: 767px) {
         .slider__content .title {
             font-size: 45px;
         }
     }
     
     .slider__content p {
         color: var(--tg-color-white-default);
         margin-bottom: 30px;
         width: 90%;
     }
     
     @media (max-width: 1199.98px) {
         .slider__content p {
             width: 100%;
         }
     }
     
     .slider__shape img {
         position: absolute;
     }
     
     .slider__shape img:nth-child(1) {
         left: 0;
         top: 0;
     }
     
     @media (max-width: 991.98px) {
         .slider__shape img:nth-child(1) {
             width: 200px;
         }
     }
     
     .slider__shape img:nth-child(2) {
         right: 0;
         bottom: 0;
     }
     
     .slider__single.swiper-slide-active .slider__content .sub-title {
         -webkit-animation-delay: 0.3s;
         animation-delay: 0.3s;
         -webkit-animation-duration: 0.8s;
         animation-duration: 0.8s;
         -webkit-animation-fill-mode: both;
         animation-fill-mode: both;
         -webkit-animation-name: fadeInUp2;
         animation-name: fadeInUp2;
     }
     
     .slider__single.swiper-slide-active .slider__content .title {
         -webkit-animation-delay: 0.6s;
         animation-delay: 0.6s;
         -webkit-animation-duration: 0.8s;
         animation-duration: 0.8s;
         -webkit-animation-fill-mode: both;
         animation-fill-mode: both;
         -webkit-animation-name: fadeInUp2;
         animation-name: fadeInUp2;
     }
     
     .slider__single.swiper-slide-active .slider__content p {
         -webkit-animation-delay: 0.9s;
         animation-delay: 0.9s;
         -webkit-animation-duration: 0.8s;
         animation-duration: 0.8s;
         -webkit-animation-fill-mode: both;
         animation-fill-mode: both;
         -webkit-animation-name: fadeInUp2;
         animation-name: fadeInUp2;
     }
     
     .slider__single.swiper-slide-active .slider__content .btn {
         -webkit-animation-delay: 1.2s;
         animation-delay: 1.2s;
         -webkit-animation-duration: 0.8s;
         animation-duration: 0.8s;
         -webkit-animation-fill-mode: both;
         animation-fill-mode: both;
         -webkit-animation-name: fadeInUp2;
         animation-name: fadeInUp2;
     }
     
     .slider__single.swiper-slide-active .slider__shape img:nth-child(1) {
         -webkit-animation-delay: 1.4s;
         animation-delay: 1.4s;
         -webkit-animation-duration: 0.8s;
         animation-duration: 0.8s;
         -webkit-animation-fill-mode: both;
         animation-fill-mode: both;
         -webkit-animation-name: fadeInLeft2;
         animation-name: fadeInLeft2;
     }
     
     .slider__single.swiper-slide-active .slider__shape img:nth-child(2) {
         -webkit-animation-delay: 1.4s;
         animation-delay: 1.4s;
         -webkit-animation-duration: 0.8s;
         animation-duration: 0.8s;
         -webkit-animation-fill-mode: both;
         animation-fill-mode: both;
         -webkit-animation-name: fadeInUp2;
         animation-name: fadeInUp2;
     }
     /*=============================
    21. Brand
===============================*/
     
     .brand-area {
         padding: 56px 0;
         border-bottom: 1px solid #e6e7f3;
     }
     
     .brand__area-two {
         /* padding: 90px 0; */
     }
     
     @media (max-width: 767.98px) {
         .brand__area-two {
             padding: 70px 0;
         }
     }
     
     .brand__area-four {
         border-top: 1px solid #e6e7f3;
         padding: 76px 0;
     }
     
     .brand__area-five {
         background: var(--tg-color-gray-3);
         padding: 90px 0;
     }
     
     .brand__area-six {
         background: var(--tg-color-gray-6);
         padding: 77px 0;
     }
     
     .brand__area-seven {
         padding: 0 0 120px;
         border-bottom: none;
     }
     
     @media (max-width: 767.98px) {
         .brand__area-seven {
             padding: 0 0 100px;
         }
     }
     
     .brand__area-seven.home-9 {
         padding: 120px 0;
     }
     
     .brand__area-eight {
         background: var(--tg-heading-color);
         padding: 55px 0;
     }
     
     .brand-item {
         min-height: 46px;
         display: -webkit-box;
         display: -moz-box;
         display: -ms-flexbox;
         display: -webkit-flex;
         display: flex;
         align-items: center;
         justify-content: center;
     }
     
     .brand-item img {
         cursor: pointer;
         max-width: 8rem;
     }
     
     .brand__content {
         text-align: center;
         margin-bottom: 50px;
     }
     
     .brand__content.home-9 .title {
         margin-bottom: 0;
         font-size: 40px;
         font-weight: 700;
         text-transform: capitalize;
     }
     
     @media (max-width: 767.98px) {
         .brand__content.home-9 .title {
             font-size: 32px;
         }
     }
     
     .brand__content .title {
         margin-bottom: 0;
         font-size: 36px;
         font-weight: 800;
         text-transform: capitalize;
     }
     
     @media (max-width: 767.98px) {
         .brand__content .title {
             font-size: 32px;
         }
     }
     
     .brand__content .title span {
         display: block;
         font-size: 30px;
         font-weight: 500;
         margin-top: 10px;
     }
     
     @media (max-width: 767.98px) {
         .brand__content .title span {
             font-size: 26px;
         }
     }
     /*=============================
    06. About
===============================*/
     
     .about-area {
         position: relative;
     }
     
     @media (max-width: 767.98px) {
         .about-area {
             padding: 34px 0;
         }
         .experience-year {
             bottom: -62px !important;
         }
         section.team__area-three.marketing__area-home8 p {
             text-align: justify;
         }
         .card-services-type-01 .card-info h5 {
             font-size: 21px !important;
         }
     }
     
     .about__bg {
         background-size: cover;
         background-position: center;
         padding: 120px 0;
         position: relative;
         z-index: 1;
     }
     
     @media (max-width: 767.98px) {
         .about__bg {
             padding: 100px 0;
         }
     }
     
     .about__bg-two {
         background-size: cover;
         background-position: center;
         padding: 120px 0;
         position: relative;
         z-index: 1;
     }
     
     @media (max-width: 767.98px) {
         .about__bg-two {
             padding: 100px 0;
         }
     }
     
     .about__area-four {
         padding: 120px 0;
     }
     
     @media (max-width: 991.98px) {
         .about__area-four {
             padding: 100px 0;
         }
     }
     
     .about__area-five {
         padding: 120px 0;
     }
     
     @media (max-width: 767.98px) {
         .about__area-five {
             padding: 100px 0;
         }
     }
     
     .about__area-six {
         position: relative;
         padding: 120px 0;
     }
     
     @media (max-width: 767.98px) {
         .about__area-six {
             padding: 100px 0;
         }
     }
     
     .about__area-seven {
         position: relative;
         padding: 120px 0;
     }
     
     @media (max-width: 767.98px) {
         .about__area-seven {
             padding: 100px 0;
         }
     }
     
     .about__area-eight {
         position: relative;
         padding: 0 0 120px;
     }
     
     @media (max-width: 767.98px) {
         .about__area-eight {
             padding: 0 0 100px;
         }
     }
     
     .about__area-eight.home-9 {
         background: var(--tg-color-gray-3);
         padding: 120px 0;
     }
     
     .about-img-wrap {
         position: relative;
         z-index: 1;
         padding-bottom: 30px;
     }
     
     @media (max-width: 991.98px) {
         .about-img-wrap {
             margin-bottom: 50px;
         }
     }
     
     .about-img-wrap .mask-img-wrap {
         -webkit-mask-image: url(/img/mask_img.png);
         mask-image: url(/img/mask_img.png);
         -webkit-mask-size: 100%;
         mask-size: 100%;
         -webkit-mask-repeat: no-repeat;
         mask-repeat: no-repeat;
         -webkit-mask-position: center;
         mask-position: center;
         height: 472px;
         width: 417px;
         margin: 0 auto;
     }
     
     @media (max-width: 1199.98px) {
         .about-img-wrap .mask-img-wrap {
             height: 414px;
             width: 360px;
         }
     }
     
     @media (max-width: 767.98px) {
         .about-img-wrap .mask-img-wrap {
             height: 370px;
             width: 320px;
         }
     }
     
     @media only screen and (min-width: 576px) and (max-width: 767px) {
         .about-img-wrap .mask-img-wrap {
             height: 442px;
             width: 385px;
         }
     }
     
     .about-img-wrap .mask-img-wrap img {
         max-width: unset;
         width: 100%;
         height: 100%;
         object-fit: cover;
     }
     
     .about-img-wrap .shape img {
         position: absolute;
         left: 50%;
         top: 50%;
         -webkit-transform: translate(-50%, -50%);
         -moz-transform: translate(-50%, -50%);
         -ms-transform: translate(-50%, -50%);
         -o-transform: translate(-50%, -50%);
         transform: translate(-50%, -50%);
         z-index: -1;
     }
     
     @media (max-width: 767.98px) {
         .about-img-wrap .shape img {
             display: none;
         }
     }
     
     .about__img-wrap-two {
         text-align: center;
         position: relative;
         padding: 30px 0;
     }
     
     @media (max-width: 991.98px) {
         .about__img-wrap-two {
             margin-bottom: 50px;
         }
     }
     
     @media (max-width: 767.98px) {
         .about__img-wrap-two {
             padding: 30px 15px 30px 0;
         }
     }
     
     .about__img-wrap-two>img {
         -webkit-border-radius: 10px;
         -moz-border-radius: 10px;
         -o-border-radius: 10px;
         -ms-border-radius: 10px;
         border-radius: 10px;
         border-left: 4px solid var(--tg-theme-secondary);
     }
     
     .about__img-wrap-two .shape img {
         position: absolute;
         z-index: -1;
         left: 8%;
         bottom: -3%;
     }
     
     @media (max-width: 1199.98px) {
         .about__img-wrap-two .shape img {
             left: -2%;
         }
     }
     
     .about__img-wrap-two::before {
         content: "";
         position: absolute;
         right: 40px;
         top: 50%;
         -webkit-transform: translateY(-50%);
         -moz-transform: translateY(-50%);
         -ms-transform: translateY(-50%);
         -o-transform: translateY(-50%);
         transform: translateY(-50%);
         width: 135px;
         height: 100%;
         background: var(--tg-theme-primary);
         -webkit-border-radius: 10px;
         -moz-border-radius: 10px;
         -o-border-radius: 10px;
         -ms-border-radius: 10px;
         border-radius: 10px;
         z-index: -1;
     }
     
     @media (max-width: 1199.98px) {
         .about__img-wrap-two::before {
             right: 0;
         }
     }
     
     .about__img-wrap-three {
         position: relative;
     }
     
     @media (max-width: 991.98px) {
         .about__img-wrap-three {
             margin-bottom: 50px;
         }
     }
     
     .about__img-wrap-three>img:nth-child(1) {
         -webkit-border-radius: 10px 185px 10px 10px;
         -moz-border-radius: 10px 185px 10px 10px;
         -o-border-radius: 10px 185px 10px 10px;
         -ms-border-radius: 10px 185px 10px 10px;
         border-radius: 10px 185px 10px 10px;
     }
     
     @media (max-width: 767.98px) {
         .about__img-wrap-three>img:nth-child(1) {
             -webkit-border-radius: 10px 80px 10px 10px;
             -moz-border-radius: 10px 80px 10px 10px;
             -o-border-radius: 10px 80px 10px 10px;
             -ms-border-radius: 10px 80px 10px 10px;
             border-radius: 10px 80px 10px 10px;
         }
     }
     
     .about__img-wrap-three>img:nth-child(2) {
         -webkit-border-radius: 10px;
         -moz-border-radius: 10px;
         -o-border-radius: 10px;
         -ms-border-radius: 10px;
         border-radius: 10px;
         box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.1);
         position: absolute;
         left: -10%;
         bottom: 18%;
     }
     
     @media (max-width: 767.98px) {
         .about__img-wrap-three>img:nth-child(2) {
             display: none;
         }
     }
     
     .about__img-wrap-three .shape img {
         position: absolute;
         left: -20%;
         bottom: 20%;
         z-index: -1;
     }
     
     @media (max-width: 767.98px) {
         .about__img-wrap-three .shape img {
             display: none;
         }
     }
     
     .about__img-wrap-four {
         position: relative;
         padding-bottom: 125px;
     }
     
     @media (max-width: 991.98px) {
         .about__img-wrap-four {
             margin-bottom: 50px;
         }
     }
     
     .about__img-wrap-four>img {
         -webkit-border-radius: 10px;
         -moz-border-radius: 10px;
         -o-border-radius: 10px;
         -ms-border-radius: 10px;
         border-radius: 10px;
     }
     
     .about__img-wrap-four>img:nth-child(2) {
         -webkit-border-radius: 10px;
         -moz-border-radius: 10px;
         -o-border-radius: 10px;
         -ms-border-radius: 10px;
         border-radius: 10px;
         border: 10px solid var(--tg-color-white-default);
         position: absolute;
         right: 35px;
         bottom: 0;
     }
     
     @media (max-width: 1199.98px) {
         .about__img-wrap-four>img:nth-child(2) {
             right: 0;
             width: 190px;
         }
     }
     
     @media (max-width: 991.98px) {
         .about__img-wrap-four>img:nth-child(2) {
             width: 230px;
         }
     }
     
     @media (max-width: 767.98px) {
         .about__img-wrap-four>img:nth-child(2) {
             display: none;
         }
     }
     
     .about__img-wrap-four .shape img {
         position: absolute;
         right: 13%;
         z-index: -1;
         top: 31%;
     }
     
     @media (max-width: 991.98px) {
         .about__img-wrap-four .shape img {
             right: 6%;
         }
     }
     
     @media (max-width: 767.98px) {
         .about__img-wrap-four .shape img {
             display: none;
         }
     }
     
     .about__img-wrap-five {
         position: relative;
         padding-bottom: 75px;
         margin-bottom: 25px;
     }
     
     .about__img-wrap-five img {
         -webkit-border-radius: 10px;
         -moz-border-radius: 10px;
         -o-border-radius: 10px;
         -ms-border-radius: 10px;
         border-radius: 10px;
         min-height: 250px;
         object-fit: cover;
     }
     
     .about__img-wrap-six {
         position: relative;
         padding-left: 70px;
     }
     
     @media (max-width: 1199.98px) {
         .about__img-wrap-six {
             padding-left: 50px;
             padding-right: 40px;
         }
     }
     
     @media (max-width: 991.98px) {
         .about__img-wrap-six {
             margin-bottom: 50px;
         }
     }
     
     @media (max-width: 767.98px) {
         .about__img-wrap-six {
             padding: 0;
             text-align: center;
         }
     }
     
     .about__img-wrap-six img:nth-child(1) {
         -webkit-border-radius: 15px;
         -moz-border-radius: 15px;
         -o-border-radius: 15px;
         -ms-border-radius: 15px;
         border-radius: 15px;
     }
     
     .about__img-wrap-six img:nth-child(2) {
         -webkit-border-radius: 10px;
         -moz-border-radius: 10px;
         -o-border-radius: 10px;
         -ms-border-radius: 10px;
         border-radius: 10px;
         -webkit-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1);
         -moz-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1);
         -ms-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1);
         -o-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1);
         box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1);
         position: absolute;
         right: 6%;
         bottom: 20%;
     }
     
     @media (max-width: 1199.98px) {
         .about__img-wrap-six img:nth-child(2) {
             right: 0%;
         }
     }
     
     @media (max-width: 767.98px) {
         .about__img-wrap-six img:nth-child(2) {
             display: none;
         }
     }
     
     .about__img-wrap-six .shape img {
         position: absolute;
         right: 0;
         bottom: 0;
         z-index: -1;
         -webkit-border-radius: 0;
         -moz-border-radius: 0;
         -o-border-radius: 0;
         -ms-border-radius: 0;
         border-radius: 0;
         right: 7%;
         bottom: -10%;
     }
     
     @media (max-width: 1199.98px) {
         .about__img-wrap-six .shape img {
             right: 0%;
         }
     }
     
     .about__img-wrap-seven {
         position: relative;
         text-align: right;
     }
     
     @media (max-width: 1199.98px) {
         .about__img-wrap-seven {
             padding-left: 40px;
         }
     }
     
     @media (max-width: 991.98px) {
         .about__img-wrap-seven {
             padding-left: 0px;
             margin-bottom: 50px;
         }
     }
     
     .about__img-wrap-seven>img {
         margin-left: auto;
         -webkit-border-radius: 20px;
         -moz-border-radius: 20px;
         -o-border-radius: 20px;
         -ms-border-radius: 20px;
         border-radius: 20px;
     }
     
     .about__img-wrap-seven .shape img {
         position: absolute;
         right: -5%;
         top: -8%;
         z-index: 1;
     }
     
     @media (max-width: 767.98px) {
         .about__img-wrap-seven .shape img {
             right: 0;
         }
     }
     
     .about-list .list-wrap {
         display: -webkit-box;
         display: -moz-box;
         display: -ms-flexbox;
         display: -webkit-flex;
         display: flex;
         align-items: center;
         margin: 0 -15px;
         gap: 30px 0;
         margin-bottom: 25px;
     }
     
     @media (max-width: 1199.98px) {
         .about-list .list-wrap {
             gap: 20px 0;
             flex-wrap: wrap;
         }
     }
     
     .about-list .list-wrap li {
         padding: 0 15px;
         width: 50%;
         flex: 0 0 auto;
         display: -webkit-box;
         display: -moz-box;
         display: -ms-flexbox;
         display: -webkit-flex;
         display: flex;
         align-items: flex-start;
         gap: 15px;
     }
     
     @media (max-width: 1199.98px) {
         .about-list .list-wrap li {
             width: 100%;
         }
     }
     
     @media (max-width: 991.98px) {
         .about-list .list-wrap li {
             width: 50%;
         }
     }
     
     @media (max-width: 767.98px) {
         .about-list .list-wrap li {
             width: 100%;
         }
     }
     
     .about-list .list-wrap li .icon {
         width: 70px;
         height: 70px;
         display: -webkit-box;
         display: -moz-box;
         display: -ms-flexbox;
         display: -webkit-flex;
         display: flex;
         align-items: center;
         justify-content: center;
         background: var(--tg-color-yellow-light);
         color: var(--tg-theme-primary);
         -webkit-border-radius: 8px;
         -moz-border-radius: 8px;
         -o-border-radius: 8px;
         -ms-border-radius: 8px;
         border-radius: 8px;
         flex: 0 0 auto;
         font-size: 40px;
         line-height: 0;
     }
     
     .about-list .list-wrap li .icon i {
         transition: 0.3s linear;
     }
     
     .about-list .list-wrap li:hover .icon i {
         -webkit-transform: rotateY(180deg);
         -moz-transform: rotateY(180deg);
         -ms-transform: rotateY(180deg);
         -o-transform: rotateY(180deg);
         transform: rotateY(180deg);
     }
     
     .about-list .list-wrap li .content .title {
         font-size: 20px;
         margin-bottom: 5px;
         font-weight: 600;
     }
     
     .about-list .list-wrap li .content p {
         margin-bottom: 0;
     }
     
     .about-content>p {
         text-align: justify;
         margin-bottom: 30px;
         width: 93%;
         line-height: 1.62;
     }
     
     @media (max-width: 1199.98px) {
         .about-content>p {
             width: 100%;
         }
     }
     
     .about__content-two {
         width: 90%;
     }
     
     @media (max-width: 1199.98px) {
         .about__content-two {
             width: 100%;
         }
     }
     
     .about__content-two>p {
         margin-bottom: 35px;
     }
     
     .about__content-three {
         width: 95%;
         position: relative;
     }
     
     @media (max-width: 1199.98px) {
         .about__content-three {
             width: 100%;
         }
     }
     
     .about__content-three>p {
         margin-bottom: 30px;
         width: 95%;
     }
     
     @media (max-width: 1199.98px) {
         .about__content-three>p {
             width: 100%;
         }
     }
     
     .about__content-four {
         width: 94%;
     }
     
     @media (max-width: 1199.98px) {
         .about__content-four {
             width: 100%;
         }
     }
     
     .about__content-four p {
         margin-bottom: 30px;
     }
     
     .about__content-five .section-title .title span {
         font-weight: 400;
     }
     
     .about__content-five>p {
         margin-bottom: 0;
         gap: 10px;
         line-height: 1.75;
     }
     
     .about__content-five>p span {
         font-size: 60px;
         font-weight: 700;
         color: var(--tg-heading-color);
         font-family: var(--tg-heading-font-family);
         line-height: 0.8;
     }
     
     .about__content-six>p {
         margin-bottom: 25px;
         width: 85%;
     }
     
     @media (max-width: 1199.98px) {
         .about__content-six>p {
             width: 100%;
         }
     }
     
     .about__content-seven .section-title .title {
         width: 80%;
     }
     
     @media (max-width: 1199.98px) {
         .about__content-seven .section-title .title {
             width: 100%;
         }
     }
     
     .about__content-seven .section-title .title span {
         position: relative;
         z-index: 1;
     }
     
     .about__content-seven .section-title .title span::before {
         content: "";
         position: absolute;
         left: 0;
         bottom: 6px;
         width: 100%;
         height: 8px;
         background: var(--tg-theme-primary);
         z-index: -1;
         -webkit-transition: all 0.4s ease-out 0s;
         -moz-transition: all 0.4s ease-out 0s;
         -ms-transition: all 0.4s ease-out 0s;
         -o-transition: all 0.4s ease-out 0s;
         transition: all 0.4s ease-out 0s;
     }
     
     .about__content-seven .section-title .title.animated span::before {
         width: 100%;
     }
     
     .about__content-seven .section-title>h2 {
         margin-bottom: 30px;
     }
     
     .about__content-seven>p {
         margin-bottom: 30px;
         width: 80%;
     }
     
     @media (max-width: 1199.98px) {
         .about__content-seven>p {
             width: 100%;
         }
     }
     
     .about__content-inner {
         display: -webkit-box;
         display: -moz-box;
         display: -ms-flexbox;
         display: -webkit-flex;
         display: flex;
         align-items: center;
         justify-content: space-between;
         gap: 30px;
         margin-bottom: 50px;
     }
     
     @media (max-width: 767.98px) {
         .about__content-inner {
             flex-wrap: wrap;
         }
     }
     
     .about__content-inner-two {
         margin-bottom: 40px;
     }
     
     @media (max-width: 1199.98px) {
         .about__content-inner-two {
             gap: 20px;
         }
     }
     
     @media (max-width: 991.98px) {
         .about__content-inner-two {
             justify-content: flex-start;
             gap: 30px;
         }
     }
     
     .about__content-inner-three {
         display: -webkit-box;
         display: -moz-box;
         display: -ms-flexbox;
         display: -webkit-flex;
         display: flex;
         gap: 35px;
         align-items: center;
         margin-bottom: 25px;
         flex-wrap: wrap;
     }
     
     .about__content-inner-four {
         display: -webkit-box;
         display: -moz-box;
         display: -ms-flexbox;
         display: -webkit-flex;
         display: flex;
         align-items: center;
         gap: 30px;
         justify-content: space-between;
         margin-bottom: 30px;
     }
     
     @media (max-width: 1199.98px) {
         .about__content-inner-four {
             flex-wrap: wrap;
         }
     }
     
     .about__content-inner-five {
         display: -webkit-box;
         display: -moz-box;
         display: -ms-flexbox;
         display: -webkit-flex;
         display: flex;
         align-items: center;
         gap: 30px;
         justify-content: space-between;
         margin-bottom: 60px;
     }
     
     @media (max-width: 1199.98px) {
         .about__content-inner-five {
             flex-wrap: wrap;
         }
     }
     
     .about__list-box .list-wrap li {
         display: -webkit-box;
         display: -moz-box;
         display: -ms-flexbox;
         display: -webkit-flex;
         display: flex;
         align-items: flex-start;
         font-size: 20px;
         font-weight: 500;
         color: var(--tg-theme-secondary);
         font-family: var(--tg-heading-font-family);
         gap: 12px;
         margin-bottom: 10px;
     }
     
     .about__list-box .list-wrap li i {
         width: 26px;
         height: 26px;
         flex: 0 0 auto;
         display: -webkit-box;
         display: -moz-box;
         display: -ms-flexbox;
         display: -webkit-flex;
         display: flex;
         align-items: center;
         justify-content: center;
         -webkit-border-radius: 50%;
         -moz-border-radius: 50%;
         -o-border-radius: 50%;
         -ms-border-radius: 50%;
         border-radius: 50%;
         background: var(--tg-theme-primary);
         color: var(--tg-color-white-default);
         line-height: 0;
         font-size: 18px;
         -webkit-transform: translateY(3px);
         -moz-transform: translateY(3px);
         -ms-transform: translateY(3px);
         -o-transform: translateY(3px);
         transform: translateY(3px);
     }
     
     .about__list-box .list-wrap li:last-child {
         margin-bottom: 0;
     }
     
     .about__list-box-two {
         border-left: 1px solid #dbe3eb;
         padding-left: 30px;
     }
     
     @media (max-width: 1199.98px) {
         .about__list-box-two {
             border: none;
             padding: 0;
         }
     }
     
     .about__list-img {
         width: 184px;
         flex: 0 0 auto;
     }
     
     .about__list-img img {
         -webkit-border-radius: 10px;
         -moz-border-radius: 10px;
         -o-border-radius: 10px;
         -ms-border-radius: 10px;
         border-radius: 10px;
     }
     
     .about__list-img-two {
         width: 248px;
         flex: 0 0 auto;
     }
     
     .about__list-img-two img {
         -webkit-border-radius: 8px;
         -moz-border-radius: 8px;
         -o-border-radius: 8px;
         -ms-border-radius: 8px;
         border-radius: 8px;
         border: 1px solid #d1d1d1;
         box-shadow: 7px 7px 0px 0px rgba(0, 0, 0, 0.1);
     }
     
     .about__list-img-three {
         position: relative;
     }
     
     .about__list-img-three img {
         -webkit-border-radius: 15px;
         -moz-border-radius: 15px;
         -o-border-radius: 15px;
         -ms-border-radius: 15px;
         border-radius: 15px;
     }
     
     .about__list-img-three .play-btn {
         width: 50px;
         height: 50px;
         display: -webkit-box;
         display: -moz-box;
         display: -ms-flexbox;
         display: -webkit-flex;
         display: flex;
         align-items: center;
         justify-content: center;
         background: var(--tg-theme-primary);
         color: var(--tg-color-black-1);
         -webkit-border-radius: 50%;
         -moz-border-radius: 50%;
         -o-border-radius: 50%;
         -ms-border-radius: 50%;
         border-radius: 50%;
         position: absolute;
         left: 50%;
         top: 50%;
         -webkit-transform: translate(-50%, -50%);
         -moz-transform: translate(-50%, -50%);
         -ms-transform: translate(-50%, -50%);
         -o-transform: translate(-50%, -50%);
         transform: translate(-50%, -50%);
     }
     
     .about__list-img-three .play-btn:hover {
         background: var(--tg-theme-secondary);
         color: var(--tg-color-white-default);
     }
     
     .about__list-img-four img {
         -webkit-box-shadow: -7px 7px 0px 0px rgba(0, 0, 0, 0.1);
         -moz-box-shadow: -7px 7px 0px 0px rgba(0, 0, 0, 0.1);
         -ms-box-shadow: -7px 7px 0px 0px rgba(0, 0, 0, 0.1);
         -o-box-shadow: -7px 7px 0px 0px rgba(0, 0, 0, 0.1);
         box-shadow: -7px 7px 0px 0px rgba(0, 0, 0, 0.1);
         border: 0.8px solid #dadada;
         -webkit-border-radius: 12px;
         -moz-border-radius: 12px;
         -o-border-radius: 12px;
         -ms-border-radius: 12px;
         border-radius: 12px;
     }
     
     .about-bottom {
         display: -webkit-box;
         display: -moz-box;
         display: -ms-flexbox;
         display: -webkit-flex;
         display: flex;
         align-items: center;
         gap: 40px;
     }
     
     @media (max-width: 767.98px) {
         .about-bottom {
             gap: 30px;
             flex-wrap: wrap;
         }
     }
     
     .about-bottom .author-wrap {
         display: -webkit-box;
         display: -moz-box;
         display: -ms-flexbox;
         display: -webkit-flex;
         display: flex;
         align-items: center;
         gap: 15px;
     }
     
     .about-bottom .author-wrap .thumb {
         width: 60px;
         flex: 0 0 auto;
         border: 1px solid #b8b9da;
         -webkit-border-radius: 50%;
         -moz-border-radius: 50%;
         -o-border-radius: 50%;
         -ms-border-radius: 50%;
         border-radius: 50%;
         overflow: hidden;
     }
     
     .about-bottom .author-wrap .content img {
         margin-bottom: 5px;
     }
     
     .about-bottom .author-wrap .content .title {
         margin-bottom: 0;
         font-size: 20px;
         font-weight: 500;
     }
     
     .about-bottom .author-wrap .content .title span {
         font-size: 16px;
         font-weight: 400;
         color: #6568af;
     }
     
     .about-bottom-two {
         border-top: 1px solid var(--tg-border-4);
         padding-top: 30px;
     }
     
     @media (max-width: 1199.98px) {
         .about-bottom-two {
             gap: 20px;
         }
     }
     
     .about__phone {
         display: -webkit-box;
         display: -moz-box;
         display: -ms-flexbox;
         display: -webkit-flex;
         display: flex;
         align-items: center;
         gap: 15px;
     }
     
     .about__phone .icon {
         width: 50px;
         height: 50px;
         display: -webkit-box;
         display: -moz-box;
         display: -ms-flexbox;
         display: -webkit-flex;
         display: flex;
         align-items: center;
         justify-content: center;
         line-height: 0;
         background: var(--tg-color-gray-3);
         -webkit-border-radius: 50%;
         -moz-border-radius: 50%;
         -o-border-radius: 50%;
         -ms-border-radius: 50%;
         border-radius: 50%;
         font-size: 25px;
         color: var(--tg-theme-secondary);
     }
     
     .about__phone .content span {
         display: block;
         line-height: 1;
         margin-bottom: 10px;
     }
     
     .about__phone .content a {
         font-size: 22px;
         font-weight: var(--tg-fw-semi-bold);
         color: var(--tg-theme-secondary);
         font-family: var(--tg-heading-font-family);
         line-height: 1;
     }
     
     .about__phone .content a:hover {
         color: var(--tg-theme-primary);
     }
     
     .about__award-box {
         display: -webkit-box;
         display: -moz-box;
         display: -ms-flexbox;
         display: -webkit-flex;
         display: flex;
         align-items: center;
         gap: 15px;
         position: absolute;
         bottom: 15px;
         left: 0;
     }
     
     .about__award-box.home-9 {
         border-radius: 15px;
         border: 1px solid #dadada;
         background: #fff;
         box-shadow: -10px 10px 0px 0px rgba(0, 0, 0, 0.1);
         overflow: hidden;
     }
     
     @media (max-width: 767.98px) {
         .about__award-box {
             bottom: 0;
         }
     }
     
     .about__award-box .icon {
         width: 90px;
         height: 90px;
         align-items: center;
         justify-content: center;
         display: -webkit-box;
         display: -moz-box;
         display: -ms-flexbox;
         display: -webkit-flex;
         display: flex;
         background: var(--tg-color-yellow-light);
         -webkit-border-radius: 15px;
         -moz-border-radius: 15px;
         -o-border-radius: 15px;
         -ms-border-radius: 15px;
         border-radius: 15px;
         line-height: 0;
         font-size: 45px;
         color: var(--tg-theme-primary);
     }
     
     .about__award-box .content .title {
         margin-bottom: 12px;
         font-size: 50px;
         line-height: 0.8;
         font-weight: 800;
     }
     
     .about__award-box .content p {
         margin-bottom: 0;
         font-weight: 500;
         line-height: 1.4;
     }
     
     .about__award-box-two {
         -webkit-box-shadow: -7px 7px 0px 0px rgba(0, 0, 0, 0.1);
         -moz-box-shadow: -7px 7px 0px 0px rgba(0, 0, 0, 0.1);
         -ms-box-shadow: -7px 7px 0px 0px rgba(0, 0, 0, 0.1);
         -o-box-shadow: -7px 7px 0px 0px rgba(0, 0, 0, 0.1);
         box-shadow: -7px 7px 0px 0px rgba(0, 0, 0, 0.1);
         background: var(--tg-color-white-default);
         border: 0.8px solid #b4b4b4;
         padding: 17px 25px;
         -webkit-border-radius: 12px;
         -moz-border-radius: 12px;
         -o-border-radius: 12px;
         -ms-border-radius: 12px;
         border-radius: 12px;
         text-align: left;
         -webkit-transform: rotate(90deg);
         -moz-transform: rotate(90deg);
         -ms-transform: rotate(90deg);
         -o-transform: rotate(90deg);
         transform: rotate(90deg);
         position: absolute;
         left: -3%;
         bottom: 33%;
     }
     
     @media (max-width: 1199.98px) {
         .about__award-box-two {
             left: -17%;
         }
     }
     
     @media (max-width: 767.98px) {
         .about__award-box-two {
             display: none;
         }
     }
     
     .about__satisfied-box {
         display: -webkit-box;
         display: -moz-box;
         display: -ms-flexbox;
         display: -webkit-flex;
         display: flex;
         align-items: center;
         gap: 15px;
     }
     
     .about__satisfied-box .icon {
         width: 90px;
         height: 90px;
         align-items: center;
         justify-content: center;
         display: -webkit-box;
         display: -moz-box;
         display: -ms-flexbox;
         display: -webkit-flex;
         display: flex;
         -webkit-border-radius: 15px;
         -moz-border-radius: 15px;
         -o-border-radius: 15px;
         -ms-border-radius: 15px;
         border-radius: 15px;
         background: var(--tg-color-yellow-light);
         color: var(--tg-theme-primary);
         line-height: 0;
         font-size: 45px;
     }
     
     .about__satisfied-box .content .title {
         font-size: 40px;
         align-items: center;
         line-height: 1;
         margin-bottom: 10px;
     }
     
     @media (max-width: 1199.98px) {
         .about__satisfied-box .content .title {
             font-size: 36px;
         }
     }
     
     @media (max-width: 767.98px) {
         .about__satisfied-box .content .title {
             font-size: 32px;
         }
     }
     
     .about__satisfied-box .content p {
         margin-bottom: 0;
         font-weight: 500;
         line-height: 1.4;
     }
     
     .about-shape-wrap img {
         position: absolute;
         z-index: -1;
     }
     
     .about-shape-wrap img:nth-child(1) {
         right: 10%;
         top: 30%;
     }
     
     @media (max-width: 1500px) {
         .about-shape-wrap img:nth-child(1) {
             right: 6%;
             top: 26%;
         }
     }
     
     @media (max-width: 1199.98px) {
         .about-shape-wrap img:nth-child(1) {
             right: 10%;
             top: 4%;
         }
     }
     
     .about-shape-wrap img:nth-child(2) {
         right: 6%;
         top: 36%;
         z-index: -2;
     }
     
     @media (max-width: 1500px) {
         .about-shape-wrap img:nth-child(2) {
             right: 2%;
             top: 34%;
         }
     }
     
     @media (max-width: 1199.98px) {
         .about-shape-wrap img:nth-child(2) {
             right: 4%;
             top: 11%;
         }
     }
     
     @media (max-width: 767.98px) {
         .about-shape-wrap img:nth-child(2) {
             display: none;
         }
     }
     
     .about-left-shape img {
         position: absolute;
         z-index: -1;
         left: 0;
         bottom: 0;
     }
     
     .about__shape-wrap-two img {
         position: absolute;
         z-index: -1;
     }
     
     .about__shape-wrap-two img:nth-child(1) {
         left: 9%;
         top: 20%;
     }
     
     @media (max-width: 1500px) {
         .about__shape-wrap-two img:nth-child(1) {
             left: 8%;
             top: 0;
         }
     }
     
     @media (max-width: 991.98px) {
         .about__shape-wrap-two img:nth-child(1) {
             left: 15%;
         }
     }
     
     .about__shape-wrap-two img:nth-child(2) {
         left: 12%;
         top: 26%;
     }
     
     @media (max-width: 1500px) {
         .about__shape-wrap-two img:nth-child(2) {
             left: 2%;
             top: 10%;
         }
     }
     
     @media (max-width: 767.98px) {
         .about__shape-wrap-two img:nth-child(2) {
             display: none;
         }
     }
     
     .about__shape-wrap-two img:nth-child(3) {
         right: 0%;
         bottom: 0%;
     }
     
     .about__shape-wrap-three img {
         position: absolute;
         z-index: -1;
         right: -10%;
         top: -5%;
     }
     
     @media (max-width: 1199.98px) {
         .about__shape-wrap-three img {
             right: -3%;
             top: -10%;
         }
     }
     
     @media (max-width: 767.98px) {
         .about__shape-wrap-three img {
             top: -6%;
         }
     }
     
     .about__shape-wrap-four img {
         position: absolute;
         z-index: -1;
     }
     
     .about__shape-wrap-four img:nth-child(1) {
         right: 0;
         bottom: 0;
     }
     
     .about__shape-wrap-four img:nth-child(2) {
         right: 10%;
         bottom: 42%;
     }
     
     @media (max-width: 1500px) {
         .about__shape-wrap-four img:nth-child(2) {
             right: 6%;
             bottom: 52%;
         }
     }
     
     @media (max-width: 1199.98px) {
         .about__shape-wrap-four img:nth-child(2) {
             right: 2%;
             bottom: 32%;
         }
     }
     
     @media (max-width: 991.98px) {
         .about__shape-wrap-four img:nth-child(2) {
             right: 8%;
             bottom: 7%;
         }
     }
     
     .experience-year {
         position: relative;
         width: 150px;
         height: 150px;
         display: flex;
         align-items: center;
         justify-content: center;
         background: var(--tg-theme-secondary);
         border: 4px solid var(--tg-color-white-default);
         -webkit-border-radius: 50%;
         -moz-border-radius: 50%;
         -o-border-radius: 50%;
         -ms-border-radius: 50%;
         border-radius: 50%;
         left: 50%;
         -webkit-transform: translateX(-50%);
         -moz-transform: translateX(-50%);
         -ms-transform: translateX(-50%);
         -o-transform: translateX(-50%);
         transform: translateX(-50%);
         bottom: 0;
     }
     
     .experience-year .icon {
         width: 80px;
         height: 80px;
         display: -webkit-box;
         display: -moz-box;
         display: -ms-flexbox;
         display: -webkit-flex;
         display: flex;
         align-items: center;
         justify-content: center;
         background: var(--tg-theme-primary);
         color: var(--tg-color-white-default);
         line-height: 0;
         font-size: 36px;
         -webkit-border-radius: 50%;
         -moz-border-radius: 50%;
         -o-border-radius: 50%;
         -ms-border-radius: 50%;
         border-radius: 50%;
     }
     
     .experience-year .content .circle {
         position: absolute;
         margin-bottom: 0;
         font-size: 15px;
         text-transform: uppercase;
         left: 50%;
         top: 50%;
         -webkit-transform: translate(-50%, -50%);
         -moz-transform: translate(-50%, -50%);
         -ms-transform: translate(-50%, -50%);
         -o-transform: translate(-50%, -50%);
         transform: translate(-50%, -50%);
         color: var(--tg-color-white-default);
     }
     
     .experience-year .content .circle span {
         position: absolute;
         top: -64px;
         display: inline-block;
         transform-origin: 0 64px;
     }
     
     .experience__box-two {
         position: absolute;
         -webkit-transform: rotate(180deg);
         -moz-transform: rotate(180deg);
         -ms-transform: rotate(180deg);
         -o-transform: rotate(180deg);
         transform: rotate(180deg);
         left: 11px;
         bottom: 9%;
         padding: 60px 25px;
     }
     
     @media (max-width: 767.98px) {
         .experience__box-two {
             display: none;
         }
     }
     
     .experience__box-three {
         display: flex;
         align-items: center;
     }
     
     .experience__box-three .title {
         background: var(--tg-color-yellow-light);
         border: 1px solid #f4e7cc;
         -webkit-border-radius: 16px;
         -moz-border-radius: 16px;
         -o-border-radius: 16px;
         -ms-border-radius: 16px;
         border-radius: 16px;
         margin-bottom: 0;
         padding: 30px 28px;
     }
     
     @media (max-width: 1199.98px) {
         .experience__box-three .title {
             padding: 25px 25px;
         }
     }
     
     .experience__box-three .title span {
         background: linear-gradient(180deg, #ffce4f 0%, #f79400 100%);
         background-clip: text;
         -webkit-background-clip: text;
         -webkit-text-fill-color: transparent;
         font-size: 90px;
         font-weight: 800;
         line-height: 0.8;
         position: relative;
         font-family: var(--tg-heading-font-family);
     }
     
     @media (max-width: 1199.98px) {
         .experience__box-three .title span {
             font-size: 60px;
         }
     }
     
     @media (max-width: 991.98px) {
         .experience__box-three .title span {
             font-size: 80px;
         }
     }
     
     .experience__box-three p {
         margin-bottom: 0;
         color: var(--tg-theme-secondary);
         text-transform: uppercase;
         font-weight: 700;
         font-family: var(--tg-heading-font-family);
         margin-left: -15px;
     }
     
     @media (max-width: 1199.98px) {
         .experience__box-three p {
             font-size: 14px;
         }
     }
     
     .experience__box-three p span {
         display: block;
     }
     
     .experience__box-four {
         display: -webkit-box;
         display: -moz-box;
         display: -ms-flexbox;
         display: -webkit-flex;
         display: flex;
         background: var(--tg-color-white-default);
         -webkit-border-radius: 40px;
         -moz-border-radius: 40px;
         -o-border-radius: 40px;
         -ms-border-radius: 40px;
         border-radius: 40px;
         align-items: center;
         gap: 10px;
         position: absolute;
         left: -15%;
         bottom: 36%;
         -webkit-transform: rotate(-90deg);
         -moz-transform: rotate(-90deg);
         -ms-transform: rotate(-90deg);
         -o-transform: rotate(-90deg);
         transform: rotate(-90deg);
         padding: 22px 30px;
     }
     
     @media (max-width: 1199.98px) {
         .experience__box-four {
             left: -22%;
         }
     }
     
     @media (max-width: 767.98px) {
         .experience__box-four {
             display: none;
         }
     }
     
     .experience__box-four .title {
         margin-bottom: 0;
         background: linear-gradient(180deg, #ffce4f 0%, #f79400 100%);
         background-clip: text;
         -webkit-background-clip: text;
         -webkit-text-fill-color: transparent;
         font-size: 70px;
         font-weight: 900;
         line-height: 0.8;
     }
     
     .experience__box-four p {
         margin-bottom: 0;
         text-transform: uppercase;
         font-weight: 700;
         font-family: var(--tg-heading-font-family);
         color: var(--tg-theme-secondary);
     }
     
     .experience__content {
         display: -webkit-box;
         display: -moz-box;
         display: -ms-flexbox;
         display: -webkit-flex;
         display: flex;
         align-items: center;
         gap: 20px;
         writing-mode: vertical-lr;
         position: relative;
     }
     
     @media (max-width: 1199.98px) {
         .experience__content {
             left: 42%;
         }
     }
     
     .experience__content .title {
         font-size: 50px;
         line-height: 0.8;
         font-weight: 800;
         margin-bottom: 0;
         color: var(--tg-color-white-default);
         position: relative;
     }
     
     .experience__content .title::before {
         content: "";
         position: absolute;
         left: 50%;
         -webkit-transform: translateX(-50%);
         -moz-transform: translateX(-50%);
         -ms-transform: translateX(-50%);
         -o-transform: translateX(-50%);
         transform: translateX(-50%);
         bottom: -9px;
         width: 34px;
         height: 2px;
         background: var(--tg-theme-primary);
     }
     
     .experience__content p {
         margin-bottom: 0;
         text-align: left;
         color: var(--tg-color-white-default);
     }
     
     .experience__shape {
         position: absolute;
         left: 30%;
         top: 0;
         width: 35%;
         height: 100%;
         -webkit-transform: rotate(180deg);
         -moz-transform: rotate(180deg);
         -ms-transform: rotate(180deg);
         -o-transform: rotate(180deg);
         transform: rotate(180deg);
         z-index: -1;
     }
     
     @media (max-width: 1199.98px) {
         .experience__shape {
             left: 63%;
         }
     }
     
     .experience__shape svg {
         width: 100%;
         height: 100%;
         color: var(--tg-theme-secondary);
         overflow: visible;
     }
     /*=============================
	07. Services
===============================*/
     
     .services-bg {
         background-size: cover;
         background-position: center;
         padding: 120px 0;
     }
     
     @media (max-width: 767.98px) {
         .services-bg {
             padding: 100px 0;
         }
     }
     
     .services__bg-three {
         background-size: cover;
         background-position: center;
         padding: 120px 0 90px;
     }
     
     @media (max-width: 767.98px) {
         .services__bg-three {
             padding: 100px 0 70px;
         }
     }
     
     .services__bg-four {
         background-size: cover;
         background-position: center;
         padding: 120px 0 90px;
         position: relative;
         z-index: 1;
     }
     
     @media (max-width: 767.98px) {
         .services__bg-four {
             padding: 100px 0 70px;
         }
     }
     
     .services__bg-five {
         background-size: cover;
         background-position: center;
         padding: 120px 0 90px;
     }
     
     @media (max-width: 767.98px) {
         .services__bg-five {
             padding: 100px 0 70px;
         }
     }
     
     .services__bg-five.home-9 {
         background: var(--primary-color-primary-color-900, #184969);
         margin: 0 auto;
         position: relative;
     }
     
     .services__bg-five.home-9 .services-item:hover {
         box-shadow: none;
         transform: translateY(-3px);
     }
     
     @media (max-width: 767.98px) {
         .services__bg-five.home-9 {
             max-width: 100%;
         }
     }
     
     .services__bg-five.home-9 .shape-1 {
         position: absolute;
         left: 50px;
         bottom: 100px;
     }
     
     .services__bg-five.home-9 .shape-2 {
         position: absolute;
         right: 100px;
         top: 170px;
         animation: rightToLeft 4s infinite linear;
     }
     
     .services__bg-six {
         background-size: cover;
         background-position: center;
         padding: 120px 0;
     }
     
     @media (max-width: 767.98px) {
         .services__bg-six {
             padding: 100px 0;
         }
     }
     
     .services__bg-seven {
         background-size: cover;
         background-position: center;
         padding: 120px 0 90px;
         position: relative;
         z-index: 1;
     }
     
     @media (max-width: 767.98px) {
         .services__bg-seven {
             padding: 100px 0 70px;
         }
     }
     
     .services__area-two {
         background: var(--tg-heading-color);
         padding: 120px 0 90px;
         position: relative;
         z-index: 1;
     }
     
     @media (max-width: 767.98px) {
         .services__area-two {
             padding: 100px 0 70px;
         }
     }
     
     .services-item-wrap .row {
         --bs-gutter-x: 24px;
     }
     
     .services-item {
         background: var(--tg-color-white-default);
         -webkit-border-radius: 10px;
         -moz-border-radius: 10px;
         -o-border-radius: 10px;
         -ms-border-radius: 10px;
         border-radius: 10px;
         -webkit-transition: all 0.3s ease-out 0s;
         -moz-transition: all 0.3s ease-out 0s;
         -ms-transition: all 0.3s ease-out 0s;
         -o-transition: all 0.3s ease-out 0s;
         transition: all 0.3s ease-out 0s;
         margin-bottom: 30px;
     }
     
     .services-item:hover {
         box-shadow: 0px 4px 30px 0px #cfdee4;
     }
     
     .services-item:hover .services-content .icon {
         background: #f7a400;
         color: var(--tg-color-white-default);
     }
     
     .services__item-two {
         border: 2px solid #282b7c;
         -webkit-border-radius: 10px;
         -moz-border-radius: 10px;
         -o-border-radius: 10px;
         -ms-border-radius: 10px;
         border-radius: 10px;
         padding: 35px;
         margin-bottom: 30px;
         background: var(--tg-heading-color);
     }
     
     .services__item-two:hover .services__icon-two {
         -webkit-transform: rotateY(180deg);
         -moz-transform: rotateY(180deg);
         -ms-transform: rotateY(180deg);
         -o-transform: rotateY(180deg);
         transform: rotateY(180deg);
     }
     
     .services__item-three {
         background: var(--tg-color-white-default);
         padding: 40px 40px;
         -webkit-border-radius: 15px;
         -moz-border-radius: 15px;
         -o-border-radius: 15px;
         -ms-border-radius: 15px;
         border-radius: 15px;
         margin-bottom: 30px;
     }
     
     @media (max-width: 1199.98px) {
         .services__item-three {
             padding: 35px 30px;
         }
     }
     
     .services__item-three:hover .services__icon-three i {
         -webkit-transform: rotateY(180deg);
         -moz-transform: rotateY(180deg);
         -ms-transform: rotateY(180deg);
         -o-transform: rotateY(180deg);
         transform: rotateY(180deg);
     }
     
     .services__item-four {
         background: var(--tg-color-white-default);
         display: -webkit-box;
         display: -moz-box;
         display: -ms-flexbox;
         display: -webkit-flex;
         display: flex;
         align-items: center;
         gap: 50px;
         padding: 30px 80px 30px 30px;
         -webkit-border-radius: 15px;
         -moz-border-radius: 15px;
         -o-border-radius: 15px;
         -ms-border-radius: 15px;
         border-radius: 15px;
     }
     
     @media (max-width: 1199.98px) {
         .services__item-four {
             padding: 30px 20px 30px 20px;
             gap: 25px;
         }
     }
     
     @media (max-width: 991.98px) {
         .services__item-four {
             flex-wrap: wrap;
             padding: 30px 30px;
         }
     }
     
     @media (max-width: 767.98px) {
         .services__item-four {
             padding: 30px 25px;
         }
     }
     
     .services__item-five {
         -webkit-box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.1);
         -moz-box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.1);
         -ms-box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.1);
         -o-box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.1);
         box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.1);
         border: 1px solid #e9e9f0;
         background: var(--tg-color-white-default);
         -webkit-border-radius: 15px;
         -moz-border-radius: 15px;
         -o-border-radius: 15px;
         -ms-border-radius: 15px;
         border-radius: 15px;
         padding: 60px 30px 45px;
         text-align: center;
         margin-bottom: 30px;
         -webkit-transition: all 0.3s ease-out 0s;
         -moz-transition: all 0.3s ease-out 0s;
         -ms-transition: all 0.3s ease-out 0s;
         -o-transition: all 0.3s ease-out 0s;
         transition: all 0.3s ease-out 0s;
     }
     
     .services__item-five:hover {
         -webkit-transform: translateY(-5px);
         -moz-transform: translateY(-5px);
         -ms-transform: translateY(-5px);
         -o-transform: translateY(-5px);
         transform: translateY(-15px);
         background: #f7a400;
     }
     
     .services__item-five:hover h2,
     .services__item-five:hover p {
         color: white;
     }
     
     .accordion-link-item p,
     .services__content-five p {
         text-align: justify;
     }
     
     .services__item-five a:hover {
         color: white !important;
     }
     
     .services__item-top {
         display: -webkit-box;
         display: -moz-box;
         display: -ms-flexbox;
         display: -webkit-flex;
         display: flex;
         align-items: center;
         gap: 30px;
         margin-bottom: 22px;
     }
     
     .services__item-top .title {
         font-size: 22px;
         font-weight: 600;
         margin-bottom: 0;
     }
     
     @media (max-width: 1199.98px) {
         .services__item-top .title {
             font-size: 20px;
         }
     }
     
     .services__item-wrap-two .row [class*=col-]:nth-child(odd) .services__item-five {
         margin-top: 30px;
     }
     
     @media (max-width: 991.98px) {
         .services__item-wrap-two .row [class*=col-]:nth-child(odd) .services__item-five {
             margin-top: 0;
         }
     }
     
     .services-thumb {
         -webkit-border-radius: 10px 10px 0 100px;
         -moz-border-radius: 10px 10px 0 100px;
         -o-border-radius: 10px 10px 0 100px;
         -ms-border-radius: 10px 10px 0 100px;
         border-radius: 10px 10px 0 100px;
         overflow: hidden;
         position: relative;
     }
     
     .services-thumb img {
         height: 200px;
         object-fit: cover;
         width: 100%;
     }
     
     .services__thumb-four {
         width: 337px;
         flex: 0 0 auto;
     }
     
     @media (max-width: 1199.98px) {
         .services__thumb-four {
             width: 300px;
         }
     }
     
     @media (max-width: 991.98px) {
         .services__thumb-four {
             width: 100%;
         }
     }
     
     .services__thumb-four img {
         -webkit-border-radius: 12px;
         -moz-border-radius: 12px;
         -o-border-radius: 12px;
         -ms-border-radius: 12px;
         border-radius: 12px;
         height: 380px;
         object-fit: cover;
         width: 100%;
     }
     
     @media (max-width: 1199.98px) {
         .services__thumb-four img {
             height: 340px;
         }
     }
     
     .services__icon-two {
         font-size: 60px;
         line-height: 0;
         color: var(--tg-theme-primary);
         display: inline-block;
         -webkit-transition: all 0.4s ease-out 0s;
         -moz-transition: all 0.4s ease-out 0s;
         -ms-transition: all 0.4s ease-out 0s;
         -o-transition: all 0.4s ease-out 0s;
         transition: all 0.4s ease-out 0s;
         margin-bottom: 20px;
     }
     
     .services__icon-three {
         width: 70px;
         height: 70px;
         display: -webkit-box;
         display: -moz-box;
         display: -ms-flexbox;
         display: -webkit-flex;
         display: flex;
         align-items: center;
         justify-content: center;
         -webkit-border-radius: 50%;
         -moz-border-radius: 50%;
         -o-border-radius: 50%;
         -ms-border-radius: 50%;
         border-radius: 50%;
         background: var(--tg-color-gray-3);
         border: 1px solid var(--tg-color-gray-2);
         flex: 0 0 auto;
         line-height: 0;
         font-size: 42px;
         color: var(--tg-theme-secondary);
         position: relative;
     }
     
     .services__icon-three i {
         -webkit-transition: all 0.4s ease-out 0s;
         -moz-transition: all 0.4s ease-out 0s;
         -ms-transition: all 0.4s ease-out 0s;
         -o-transition: all 0.4s ease-out 0s;
         transition: all 0.4s ease-out 0s;
         -webkit-transform: rotateY(0deg);
         -moz-transform: rotateY(0deg);
         -ms-transform: rotateY(0deg);
         -o-transform: rotateY(0deg);
         transform: rotateY(0deg);
     }
     
     .services__icon-three::before {
         content: "";
         position: absolute;
         right: -18px;
         top: 50%;
         -webkit-transform: translateY(-50%);
         -moz-transform: translateY(-50%);
         -ms-transform: translateY(-50%);
         -o-transform: translateY(-50%);
         transform: translateY(-50%);
         width: 3px;
         height: 40px;
         background: #dce7ec;
         -webkit-border-radius: 3px;
         -moz-border-radius: 3px;
         -o-border-radius: 3px;
         -ms-border-radius: 3px;
         border-radius: 3px;
     }
     
     .services__icon-five {
         position: relative;
         z-index: 1;
         color: var(--tg-theme-primary);
         font-size: 45px;
         line-height: 0;
         display: inline-block;
         margin-bottom: 50px;
     }
     
     .services__icon-shape .shape {
         position: absolute;
         z-index: -1;
     }
     
     .services__icon-shape .shape:nth-child(1) {
         left: 50%;
         top: 50%;
         -webkit-transform: translate(-50%, -50%);
         -moz-transform: translate(-50%, -50%);
         -ms-transform: translate(-50%, -50%);
         -o-transform: translate(-50%, -50%);
         transform: translate(-50%, -50%);
     }
     
     .services__icon-shape .shape:nth-child(1) svg {
         color: var(--tg-color-yellow-light);
     }
     
     .services__icon-shape .shape:nth-child(2) {
         left: -2px;
         bottom: -13px;
     }
     
     .services__icon-shape .shape:nth-child(2) svg {
         color: var(--tg-theme-primary);
     }
     
     .services__icon-shape .shape:nth-child(3) {
         left: 50px;
         top: -18px;
     }
     
     .services__icon-shape .shape:nth-child(3) svg {
         color: var(--tg-theme-primary);
     }
     
     .services-content {
         padding: 30px 30px 30px;
         position: relative;
     }
     
     .services-content .icon {
         width: 70px;
         height: 70px;
         background: var(--tg-color-gray-3);
         display: -webkit-box;
         display: -moz-box;
         display: -ms-flexbox;
         display: -webkit-flex;
         display: flex;
         align-items: center;
         justify-content: center;
         font-size: 36px;
         line-height: 0;
         color: var(--tg-theme-secondary);
         border: 3px solid var(--tg-color-white-default);
         -webkit-border-radius: 50%;
         -moz-border-radius: 50%;
         -o-border-radius: 50%;
         -ms-border-radius: 50%;
         border-radius: 50%;
         position: absolute;
         left: 30px;
         top: -55px;
         z-index: 2;
         -webkit-transition: all 0.4s ease-out 0s;
         -moz-transition: all 0.4s ease-out 0s;
         -ms-transition: all 0.4s ease-out 0s;
         -o-transition: all 0.4s ease-out 0s;
         transition: all 0.4s ease-out 0s;
     }
     
     .services-content .title {
         font-size: 22px;
         font-weight: 600;
         margin-bottom: 10px;
     }
     
     .services-content .title a:hover {
         color: var(--tg-theme-primary);
     }
     
     .services-content p {
         margin-bottom: 22px;
     }
     
     .services-content .btn {
         background: var(--tg-color-gray-3);
         color: var(--tg-theme-secondary);
         padding: 16px 20px;
     }
     
     .services-content .btn:hover {
         color: var(--tg-color-white-default);
         background: #3A87BA !important;
     }
     
     .services-content .btn::before {
         background: #F7A400 !important;
     }
     
     .services__content-two .title {
         color: var(--tg-color-white-default);
         margin-bottom: 15px;
         font-size: 22px;
         font-weight: 600;
     }
     
     .services__content-two p {
         margin-bottom: 25px;
         color: var(--tg-color-gray-2);
     }
     
     .services__content-two .btn {
         background: #2e328b;
         color: #9597c8;
         padding: 16px 20px;
     }
     
     .services__content-two .btn::before {
         background: var(--tg-color-white-default);
     }
     
     .services__content-two .btn::after {
         color: var(--tg-color-white-default);
     }
     
     .services__content-two .btn:hover {
         color: var(--tg-theme-secondary);
     }
     
     .services__content-two .btn:hover::after {
         color: var(--tg-theme-secondary);
     }
     
     .services__content-three p {
         margin-bottom: 25px;
     }
     
     .services__content-three .btn {
         background: var(--tg-color-yellow-light);
         color: var(--tg-theme-primary);
     }
     
     .services__content-three .btn:hover {
         color: var(--tg-color-white-default);
     }
     
     .services__content-four .title {
         font-size: 30px;
         font-weight: 600;
         margin-bottom: 10px;
     }
     
     @media (max-width: 1199.98px) {
         .services__content-four .title {
             font-size: 26px;
         }
     }
     
     .services__content-four p {
         margin-bottom: 20px;
     }
     
     .services__content-four .about__list-box {
         margin-bottom: 20px;
     }
     
     .services__content-four .about__list-box li i {
         font-size: 15px;
     }
     
     .services__content-four .btn {
         background: var(--tg-color-gray-3);
         color: var(--tg-theme-secondary);
     }
     
     .services__content-four .btn:hover {
         color: var(--tg-color-white-default);
     }
     
     .services__content-five .title {
         font-size: 22px;
         font-weight: 600;
         margin-bottom: 15px;
     }
     
     .services__content-five p {
         margin-bottom: 25px;
     }
     
     .services__content-five .btn {
         background: var(--tg-color-gray-3);
         color: var(--tg-theme-secondary);
         padding: 16px 24px;
     }
     
     .services__content-five .btn:hover {
         color: var(--tg-color-white-default);
     }
     
     .services-bottom-content {
         display: -webkit-box;
         display: -moz-box;
         display: -ms-flexbox;
         display: -webkit-flex;
         display: flex;
         align-items: center;
         justify-content: center;
         gap: 20px;
         margin-top: 30px;
     }
     
     @media (max-width: 767.98px) {
         .services-bottom-content {
             flex-wrap: wrap;
             text-align: center;
         }
     }
     
     .services-bottom-content p {
         margin-bottom: 0;
     }
     
     .services__tab-wrap {
         display: -webkit-box;
         display: -moz-box;
         display: -ms-flexbox;
         display: -webkit-flex;
         display: flex;
         gap: 30px;
     }
     
     @media (max-width: 767.98px) {
         .services__tab-wrap {
             flex-wrap: wrap;
         }
     }
     
     .services__tab-wrap .nav-tabs {
         border-bottom: none;
         margin-bottom: 0;
         flex-direction: column;
         width: 330px;
     }
     
     @media (max-width: 1199.98px) {
         .services__tab-wrap .nav-tabs {
             width: 270px;
         }
     }
     
     @media (max-width: 767.98px) {
         .services__tab-wrap .nav-tabs {
             width: auto;
             justify-content: center;
             flex-direction: row;
         }
     }
     
     .services__tab-wrap .nav-item {
         margin-bottom: 5px;
     }
     
     .services__tab-wrap .nav-item:last-child {
         margin-bottom: 0;
     }
     
     .services__tab-wrap .nav-link {
         border: none;
         background: linear-gradient(90deg, #3b3d9a 13.19%, rgba(44, 46, 143, 0.54) 100%);
         -webkit-border-radius: 10px;
         -moz-border-radius: 10px;
         -o-border-radius: 10px;
         -ms-border-radius: 10px;
         border-radius: 10px;
         display: -webkit-box;
         display: -moz-box;
         display: -ms-flexbox;
         display: -webkit-flex;
         display: flex;
         align-items: center;
         margin: 0;
         gap: 11px;
         font-size: 20px;
         font-weight: 600;
         font-family: var(--tg-heading-font-family);
         color: var(--tg-color-white-default);
         padding: 15px 55px 15px 25px;
         position: relative;
         width: 330px;
         -webkit-transition: all 0.3s ease-out 0s;
         -moz-transition: all 0.3s ease-out 0s;
         -ms-transition: all 0.3s ease-out 0s;
         -o-transition: all 0.3s ease-out 0s;
         transition: all 0.3s ease-out 0s;
     }
     
     @media (max-width: 1199.98px) {
         .services__tab-wrap .nav-link {
             width: 270px;
             font-size: 18px;
             padding: 15px 45px 15px 20px;
         }
     }
     
     .services__tab-wrap .nav-link i {
         font-size: 40px;
         line-height: 0;
         color: var(--tg-theme-primary);
         -webkit-transition: all 0.3s ease-out 0s;
         -moz-transition: all 0.3s ease-out 0s;
         -ms-transition: all 0.3s ease-out 0s;
         -o-transition: all 0.3s ease-out 0s;
         transition: all 0.3s ease-out 0s;
     }
     
     @media (max-width: 1199.98px) {
         .services__tab-wrap .nav-link i {
             font-size: 35px;
         }
     }
     
     .services__tab-wrap .nav-link::after {
         content: "\f10a";
         position: absolute;
         top: 50%;
         right: 20px;
         -webkit-transform: translateY(-50%);
         -moz-transform: translateY(-50%);
         -ms-transform: translateY(-50%);
         -o-transform: translateY(-50%);
         transform: translateY(-50%);
         font-family: flaticon;
         font-weight: 500;
         font-size: 24px;
         line-height: 0;
     }
     
     .services__tab-wrap .nav-link.active {
         background: var(--tg-theme-primary);
         color: var(--tg-color-white-default);
     }
     
     .services__tab-wrap .nav-link.active i {
         color: var(--tg-color-white-default);
     }
     
     .services__shape-wrap img {
         position: absolute;
         z-index: -1;
     }
     
     .services__shape-wrap img:nth-child(1) {
         left: 0;
         bottom: 0;
     }
     
     @media (max-width: 991.98px) {
         .services__shape-wrap img:nth-child(1) {
             width: 200px;
         }
     }
     
     .services__shape-wrap img:nth-child(2) {
         right: 0;
         top: 0;
     }
     
     @media (max-width: 991.98px) {
         .services__shape-wrap img:nth-child(2) {
             width: 200px;
         }
     }
     
     .services__shape-wrap-two img {
         position: absolute;
         z-index: -1;
     }
     
     .services__shape-wrap-two img:nth-child(1) {
         left: 0;
         top: 0;
     }
     
     @media (max-width: 767.98px) {
         .services__shape-wrap-two img:nth-child(1) {
             width: 200px;
         }
     }
     
     .services__shape-wrap-two img:nth-child(2) {
         right: 0;
         bottom: 0;
     }
     
     @media (max-width: 767.98px) {
         .services__shape-wrap-two img:nth-child(2) {
             width: 200px;
         }
     }
     
     .services__details-area {
         padding: 120px 0;
     }
     
     @media (max-width: 767.98px) {
         .services__details-area {
             padding: 100px 0;
         }
     }
     
     .services__details-wrap .row .col-70 {
         width: 70.4%;
         flex: 0 0 auto;
     }
     
     @media (max-width: 991.98px) {
         .services__details-wrap .row .col-70 {
             width: 100%;
         }
     }
     
     .services__details-wrap .row .col-30 {
         width: 29.6%;
         flex: 0 0 auto;
     }
     
     @media (max-width: 991.98px) {
         .services__details-wrap .row .col-30 {
             width: 100%;
         }
     }
     
     .services__details-thumb {
         margin-bottom: 35px;
     }
     
     @media (max-width: 767.98px) {
         .services__details-thumb {
             margin-bottom: 25px;
         }
     }
     
     .services__details-thumb img {
         -webkit-border-radius: 10px;
         -moz-border-radius: 10px;
         -o-border-radius: 10px;
         -ms-border-radius: 10px;
         border-radius: 10px;
         width: 100%;
         min-height: 250px;
         object-fit: cover;
     }
     
     .services__details-thumb-two {
         margin-bottom: 0;
     }
     
     @media (max-width: 767.98px) {
         .services__details-thumb-two {
             margin-bottom: 30px;
         }
     }
     
     .services__details-content>.title {
         margin-bottom: 22px;
         font-size: 40px;
         font-weight: 600;
         text-transform: capitalize;
     }
     
     @media (max-width: 1199.98px) {
         .services__details-content>.title {
             font-size: 36px;
         }
     }
     
     @media (max-width: 767.98px) {
         .services__details-content>.title {
             font-size: 32px;
         }
     }
     
     .services__details-content>p {
         margin-bottom: 20px;
     }
     
     .services__details-content>p.last-info {
         margin-bottom: 0;
     }
     
     .services__details-content .title-two {
         margin-bottom: 20px;
         font-size: 36px;
         font-weight: 600;
     }
     
     @media (max-width: 1199.98px) {
         .services__details-content .title-two {
             font-size: 32px;
         }
     }
     
     @media (max-width: 767.98px) {
         .services__details-content .title-two {
             font-size: 28px;
         }
     }
     
     .services__details-content-two>.title {
         font-size: 36px;
     }
     
     @media (max-width: 1199.98px) {
         .services__details-content-two>.title {
             font-size: 32px;
         }
     }
     
     @media (max-width: 767.98px) {
         .services__details-content-two>.title {
             font-size: 30px;
         }
     }
     
     .services__details-top {
         margin-bottom: 30px;
     }
     
     .services__details-top .row .col-49 {
         width: 48.9%;
         flex: 0 0 auto;
     }
     
     @media (max-width: 767.98px) {
         .services__details-top .row .col-49 {
             width: 100%;
         }
     }
     
     .services__details-top .row .col-51 {
         width: 51.1%;
         flex: 0 0 auto;
     }
     
     @media (max-width: 767.98px) {
         .services__details-top .row .col-51 {
             width: 100%;
         }
     }
     
     .services__details-top-content .title {
         margin-bottom: 15px;
         font-size: 40px;
     }
     
     @media (max-width: 1199.98px) {
         .services__details-top-content .title {
             font-size: 36px;
         }
     }
     
     @media (max-width: 767.98px) {
         .services__details-top-content .title {
             font-size: 32px;
         }
     }
     
     .services__details-top-content p {
         margin-bottom: 15px;
     }
     
     .services__details-list {
         margin: 35px 0 10px;
     }
     
     .services__details-list-two {
         margin: 25px 0 10px;
     }
     
     .services__details-list-box {
         display: -webkit-box;
         display: -moz-box;
         display: -ms-flexbox;
         display: -webkit-flex;
         display: flex;
         align-items: flex-start;
         gap: 20px;
         -webkit-box-shadow: 0px 7px 15px 0px rgba(0, 0, 0, 0.05);
         -moz-box-shadow: 0px 7px 15px 0px rgba(0, 0, 0, 0.05);
         -ms-box-shadow: 0px 7px 15px 0px rgba(0, 0, 0, 0.05);
         -o-box-shadow: 0px 7px 15px 0px rgba(0, 0, 0, 0.05);
         box-shadow: 0px 7px 15px 0px rgba(0, 0, 0, 0.05);
         border: 1px solid #e5e7e8;
         -webkit-border-radius: 10px;
         -moz-border-radius: 10px;
         -o-border-radius: 10px;
         -ms-border-radius: 10px;
         border-radius: 10px;
         padding: 30px 30px;
         margin-bottom: 30px;
     }
     
     @media (max-width: 1199.98px) {
         .services__details-list-box {
             gap: 15px;
             padding: 30px 25px;
             flex-wrap: wrap;
         }
     }
     
     .services__details-list-box .icon {
         width: 70px;
         height: 70px;
         display: -webkit-box;
         display: -moz-box;
         display: -ms-flexbox;
         display: -webkit-flex;
         display: flex;
         align-items: center;
         justify-content: center;
         background: var(--tg-theme-primary);
         flex: 0 0 auto;
         -webkit-border-radius: 8px;
         -moz-border-radius: 8px;
         -o-border-radius: 8px;
         -ms-border-radius: 8px;
         border-radius: 8px;
         color: var(--tg-color-white-default);
         font-size: 50px;
         line-height: 0;
     }
     
     .services__details-list-box .icon i {
         -webkit-transform: rotateY(0);
         -moz-transform: rotateY(0);
         -ms-transform: rotateY(0);
         -o-transform: rotateY(0);
         transform: rotateY(0);
         -webkit-transition: all 0.4s ease-out 0s;
         -moz-transition: all 0.4s ease-out 0s;
         -ms-transition: all 0.4s ease-out 0s;
         -o-transition: all 0.4s ease-out 0s;
         transition: all 0.4s ease-out 0s;
     }
     
     .services__details-list-box .content .title {
         font-size: 22px;
         font-weight: 600;
         margin-bottom: 10px;
     }
     
     .services__details-list-box .content p {
         margin-bottom: 0;
     }
     
     .services__details-list-box:hover .icon i {
         -webkit-transform: rotateY(180deg);
         -moz-transform: rotateY(180deg);
         -ms-transform: rotateY(180deg);
         -o-transform: rotateY(180deg);
         transform: rotateY(180deg);
     }
     
     .services__details-list-box-two {
         -webkit-box-shadow: 0px 7px 15px 0px rgba(0, 0, 0, 0.05);
         -moz-box-shadow: 0px 7px 15px 0px rgba(0, 0, 0, 0.05);
         -ms-box-shadow: 0px 7px 15px 0px rgba(0, 0, 0, 0.05);
         -o-box-shadow: 0px 7px 15px 0px rgba(0, 0, 0, 0.05);
         box-shadow: 0px 7px 15px 0px rgba(0, 0, 0, 0.05);
         background: #fffbf4;
         border: 1px solid #fbd58a;
         -webkit-border-radius: 10px;
         -moz-border-radius: 10px;
         -o-border-radius: 10px;
         -ms-border-radius: 10px;
         border-radius: 10px;
         padding: 30px 30px 30px;
         text-align: center;
         margin-bottom: 30px;
     }
     
     @media (max-width: 1199.98px) {
         .services__details-list-box-two {
             padding: 30px 18px 30px;
         }
     }
     
     @media (max-width: 767.98px) {
         .services__details-list-box-two {
             padding: 30px 30px 30px;
         }
     }
     
     .services__details-list-box-two .icon {
         width: 80px;
         height: 80px;
         display: -webkit-box;
         display: -moz-box;
         display: -ms-flexbox;
         display: -webkit-flex;
         display: flex;
         align-items: center;
         justify-content: center;
         background: var(--tg-theme-primary);
         color: var(--tg-color-white-default);
         line-height: 0;
         -webkit-border-radius: 50%;
         -moz-border-radius: 50%;
         -o-border-radius: 50%;
         -ms-border-radius: 50%;
         border-radius: 50%;
         margin: 0 auto 30px;
         font-size: 40px;
     }
     
     .services__details-list-box-two .icon i {
         -webkit-transform: rotateY(0);
         -moz-transform: rotateY(0);
         -ms-transform: rotateY(0);
         -o-transform: rotateY(0);
         transform: rotateY(0);
         -webkit-transition: all 0.4s ease-out 0s;
         -moz-transition: all 0.4s ease-out 0s;
         -ms-transition: all 0.4s ease-out 0s;
         -o-transition: all 0.4s ease-out 0s;
         transition: all 0.4s ease-out 0s;
     }
     
     .services__details-list-box-two .content .title {
         margin-bottom: 10px;
         font-size: 22px;
         font-weight: 600;
     }
     
     @media (max-width: 1199.98px) {
         .services__details-list-box-two .content .title {
             font-size: 20px;
         }
     }
     
     @media (max-width: 767.98px) {
         .services__details-list-box-two .content .title {
             font-size: 22px;
         }
     }
     
     .services__details-list-box-two .content p {
         margin-bottom: 0;
     }
     
     .services__details-list-box-two:hover .icon i {
         -webkit-transform: rotateY(180deg);
         -moz-transform: rotateY(180deg);
         -ms-transform: rotateY(180deg);
         -o-transform: rotateY(180deg);
         transform: rotateY(180deg);
     }
     
     .services__details-list-box-three {
         display: -webkit-box;
         display: -moz-box;
         display: -ms-flexbox;
         display: -webkit-flex;
         display: flex;
         align-items: flex-start;
         gap: 20px;
         margin-bottom: 50px;
     }
     
     @media (max-width: 1199.98px) {
         .services__details-list-box-three {
             gap: 14px;
             margin-bottom: 30px;
         }
     }
     
     .services__details-list-box-three .icon {
         font-size: 60px;
         line-height: 0;
         color: var(--tg-theme-primary);
         -webkit-transition: all 0.3s ease-out 0s;
         -moz-transition: all 0.3s ease-out 0s;
         -ms-transition: all 0.3s ease-out 0s;
         -o-transition: all 0.3s ease-out 0s;
         transition: all 0.3s ease-out 0s;
         -webkit-transform: rotateY(0) translateY(3px);
         -moz-transform: rotateY(0) translateY(3px);
         -ms-transform: rotateY(0) translateY(3px);
         -o-transform: rotateY(0) translateY(3px);
         transform: rotateY(0) translateY(3px);
     }
     
     .services__details-list-box-three .content .title {
         margin-bottom: 5px;
         font-size: 22px;
         font-weight: 600;
     }
     
     .services__details-list-box-three .content p {
         margin-bottom: 0;
     }
     
     @media (max-width: 1199.98px) {
         .services__details-list-box-three .content p br {
             display: none;
         }
     }
     
     .services__details-list-box-three:last-child {
         margin-bottom: 0;
     }
     
     .services__details-list-box-three:hover .icon {
         -webkit-transform: rotateY(180deg) translateY(3px);
         -moz-transform: rotateY(180deg) translateY(3px);
         -ms-transform: rotateY(180deg) translateY(3px);
         -o-transform: rotateY(180deg) translateY(3px);
         transform: rotateY(180deg) translateY(3px);
     }
     
     .services__details-inner {
         margin: 35px 0 30px;
     }
     
     .services__details-inner .row .col-44 {
         width: 43.9%;
         flex: 0 0 auto;
     }
     
     @media (max-width: 767.98px) {
         .services__details-inner .row .col-44 {
             width: 100%;
         }
     }
     
     .services__details-inner .row .col-56 {
         width: 56.1%;
         flex: 0 0 auto;
     }
     
     @media (max-width: 767.98px) {
         .services__details-inner .row .col-56 {
             width: 100%;
         }
     }
     
     .services__details-inner-two {
         margin: 80px 0 45px;
     }
     
     @media (max-width: 1199.98px) {
         .services__details-inner-two {
             margin: 50px 0 40px;
         }
     }
     
     .services__details-inner-two .row .col-48 {
         width: 48.5%;
         flex: 0 0 auto;
     }
     
     @media (max-width: 767.98px) {
         .services__details-inner-two .row .col-48 {
             width: 100%;
         }
     }
     
     .services__details-inner-two .row .col-52 {
         width: 51.5%;
         flex: 0 0 auto;
     }
     
     @media (max-width: 767.98px) {
         .services__details-inner-two .row .col-52 {
             width: 100%;
         }
     }
     
     .services__details-inner-three {
         margin-bottom: 40px;
     }
     
     .services__details-inner-four {
         margin: 40px 0 35px;
     }
     
     .services__details-inner-four .services__details-inner-content-two p {
         margin-bottom: 25px;
     }
     
     .services__details-inner-five {
         margin: 0 0 55px;
     }
     
     .services__details-inner-five .services__details-inner-content-three {
         margin: 0 30px 0 0;
     }
     
     @media (max-width: 1199.98px) {
         .services__details-inner-five .services__details-inner-content-three {
             margin: 0 0 0 0;
         }
     }
     
     @media (max-width: 991.98px) {
         .services__details-inner-five .services__details-inner-content-three {
             margin: 0 0 30px 0;
         }
     }
     
     .services__details-inner-five .services__details-list-box {
         padding: 25px 25px;
         margin-bottom: 20px;
     }
     
     .services__details-inner-five .services__details-list-box:last-child {
         margin-bottom: 0;
     }
     
     .services__details-inner-six {
         margin: 30px 0 40px;
     }
     
     .services__details-inner-six .services__details-inner-content-three {
         margin: 0 60px 0 0;
     }
     
     @media (max-width: 1199.98px) {
         .services__details-inner-six .services__details-inner-content-three {
             margin: 0 0 0 0;
         }
     }
     
     @media (max-width: 991.98px) {
         .services__details-inner-six .services__details-inner-content-three {
             margin: 0 0 30px 0;
         }
     }
     
     .services__details-inner-img {
         position: relative;
     }
     
     @media (max-width: 767.98px) {
         .services__details-inner-img {
             margin-bottom: 30px;
         }
     }
     
     .services__details-inner-img img {
         -webkit-border-radius: 10px;
         -moz-border-radius: 10px;
         -o-border-radius: 10px;
         -ms-border-radius: 10px;
         border-radius: 10px;
         min-height: 230px;
         object-fit: cover;
         width: 100%;
     }
     
     .services__details-inner-img .play-btn {
         width: 62px;
         height: 62px;
         display: -webkit-box;
         display: -moz-box;
         display: -ms-flexbox;
         display: -webkit-flex;
         display: flex;
         align-items: center;
         justify-content: center;
         position: absolute;
         left: 50%;
         top: 50%;
         -webkit-transform: translate(-50%, -50%);
         -moz-transform: translate(-50%, -50%);
         -ms-transform: translate(-50%, -50%);
         -o-transform: translate(-50%, -50%);
         transform: translate(-50%, -50%);
         background: var(--tg-color-white-default);
         -webkit-border-radius: 50%;
         -moz-border-radius: 50%;
         -o-border-radius: 50%;
         -ms-border-radius: 50%;
         border-radius: 50%;
         color: var(--tg-theme-secondary);
         font-size: 18px;
     }
     
     .services__details-inner-img .play-btn:hover {
         background: var(--tg-theme-primary);
         color: var(--tg-color-white-default);
     }
     
     .services__details-inner-img-wrap {
         margin: 30px 0 0;
     }
     
     .services__details-inner-img-wrap img {
         -webkit-border-radius: 10px;
         -moz-border-radius: 10px;
         -o-border-radius: 10px;
         -ms-border-radius: 10px;
         border-radius: 10px;
         margin-bottom: 30px;
         width: 100%;
     }
     
     .services__details-inner-content .title {
         margin-bottom: 15px;
         font-size: 24px;
         text-transform: capitalize;
     }
     
     @media (max-width: 1199.98px) {
         .services__details-inner-content .title br {
             display: none;
         }
     }
     
     .services__details-inner-content p {
         margin-bottom: 20px;
     }
     
     .services__details-inner-content-two .title {
         font-size: 36px;
         margin-bottom: 20px;
         font-weight: 600;
     }
     
     @media (max-width: 1199.98px) {
         .services__details-inner-content-two .title {
             font-size: 32px;
         }
     }
     
     @media (max-width: 767.98px) {
         .services__details-inner-content-two .title {
             font-size: 28px;
         }
     }
     
     .services__details-inner-content-two p {
         margin-bottom: 0;
         width: 90%;
     }
     
     @media (max-width: 1199.98px) {
         .services__details-inner-content-two p {
             width: 100%;
         }
     }
     
     .services__details-inner-content-three {
         margin-left: 30px;
     }
     
     @media (max-width: 1199.98px) {
         .services__details-inner-content-three {
             margin-left: 0;
         }
     }
     
     @media (max-width: 767.98px) {
         .services__details-inner-content-three {
             margin-top: 30px;
         }
     }
     
     .services__details-inner-content-three .title {
         font-size: 30px;
         margin-bottom: 20px;
     }
     
     @media (max-width: 767.98px) {
         .services__details-inner-content-three .title {
             font-size: 28px;
         }
     }
     
     .services__details-inner-content-three p {
         margin-bottom: 0;
     }
     
     .services__details-inner-graph img {
         -webkit-box-shadow: -7px 7px 0px 0px rgba(0, 0, 0, 0.1);
         -moz-box-shadow: -7px 7px 0px 0px rgba(0, 0, 0, 0.1);
         -ms-box-shadow: -7px 7px 0px 0px rgba(0, 0, 0, 0.1);
         -o-box-shadow: -7px 7px 0px 0px rgba(0, 0, 0, 0.1);
         box-shadow: -7px 7px 0px 0px rgba(0, 0, 0, 0.1);
         border: 0.8px solid #dadada;
         -webkit-border-radius: 12px;
         -moz-border-radius: 12px;
         -o-border-radius: 12px;
         -ms-border-radius: 12px;
         border-radius: 12px;
     }
     
     .services__sidebar {
         margin-right: 20px;
     }
     
     @media (max-width: 1199.98px) {
         .services__sidebar {
             margin-right: 0;
         }
     }
     
     @media (max-width: 991.98px) {
         .services__sidebar {
             margin-top: 100px;
         }
     }
     
     .sidebar__widget-two {
         border: none !important;
         padding: 0 !important;
         -webkit-border-radius: 0 !important;
         -moz-border-radius: 0 !important;
         -o-border-radius: 0 !important;
         -ms-border-radius: 0 !important;
         border-radius: 0 !important;
     }
     
     .sidebar__widget-three {
         border: none !important;
         background: var(--tg-color-gray-3);
     }
     
     .sidebar__cat-list-two .list-wrap li {
         margin-bottom: 10px;
     }
     
     .sidebar__cat-list-two .list-wrap li a {
         display: -webkit-box;
         display: -moz-box;
         display: -ms-flexbox;
         display: -webkit-flex;
         display: flex;
         align-items: center;
         justify-content: space-between;
         background: var(--tg-color-gray-3);
         border: 1px solid #e0eef3;
         -webkit-border-radius: 4px;
         -moz-border-radius: 4px;
         -o-border-radius: 4px;
         -ms-border-radius: 4px;
         border-radius: 4px;
         padding: 16px 20px;
         font-size: 18px;
         font-weight: 500;
         color: var(--tg-body-color);
     }
     
     .sidebar__cat-list-two .list-wrap li a i {
         font-size: 24px;
         line-height: 0;
         -webkit-transition: all 0.3s ease-out 0s;
         -moz-transition: all 0.3s ease-out 0s;
         -ms-transition: all 0.3s ease-out 0s;
         -o-transition: all 0.3s ease-out 0s;
         transition: all 0.3s ease-out 0s;
     }
     
     .sidebar__cat-list-two .list-wrap li a:hover {
         background: var(--tg-theme-secondary);
         color: var(--tg-color-white-default);
         border-color: var(--tg-theme-secondary);
     }
     
     .sidebar__cat-list-two .list-wrap li a:hover i {
         color: var(--tg-theme-primary);
     }
     
     .sidebar__cat-list-two .list-wrap li:last-child {
         margin-bottom: 0;
     }
     
     .sidebar__cat-list-three .list-wrap li a {
         background: var(--tg-color-white-default);
     }
     
     .sidebar__brochure p {
         margin-bottom: 15px;
     }
     
     .sidebar__brochure a {
         display: -webkit-box;
         display: -moz-box;
         display: -ms-flexbox;
         display: -webkit-flex;
         display: flex;
         align-items: center;
         background: var(--tg-color-gray-3);
         -webkit-border-radius: 5px;
         -moz-border-radius: 5px;
         -o-border-radius: 5px;
         -ms-border-radius: 5px;
         border-radius: 5px;
         padding: 15px 20px;
         font-size: 14px;
         font-weight: 500;
         color: var(--tg-heading-color);
         gap: 12px;
         margin-bottom: 10px;
     }
     
     .sidebar__brochure a i {
         font-size: 18px;
     }
     
     .sidebar__brochure a:hover {
         background: var(--tg-theme-secondary);
         color: var(--tg-color-white-default);
     }
     
     .sidebar__brochure a:last-child {
         margin-bottom: 0;
     }
     
     .sidebar__brochure-two a {
         background: var(--tg-color-white-default);
     }
     
     .sidebar__contact {
         background: var(--tg-theme-secondary);
         -webkit-border-radius: 10px;
         -moz-border-radius: 10px;
         -o-border-radius: 10px;
         -ms-border-radius: 10px;
         border-radius: 10px;
         padding: 50px 40px 55px;
         text-align: center;
     }
     
     @media (max-width: 1199.98px) {
         .sidebar__contact {
             padding: 40px 20px 40px;
         }
     }
     
     @media (max-width: 767.98px) {
         .sidebar__contact {
             padding: 40px 30px 40px;
         }
     }
     
     .sidebar__contact .title {
         color: var(--tg-color-white-default);
         margin-bottom: 30px;
         font-size: 24px;
     }
     
     .sidebar__contact .btn {
         gap: 5px;
         padding: 13px 24px;
     }
     
     .sidebar__contact .btn i {
         font-size: 24px;
         line-height: 0;
     }
     
     .sidebar__contact .btn::after {
         display: none;
     }
     
     .sidebar__contact .btn::before {
         background: var(--tg-color-gray-3);
     }
     
     .sidebar__contact .btn:hover {
         color: var(--tg-theme-secondary);
     }
     
     .sidebar__contact-two {
         background-size: cover;
         background-position: center;
         padding: 30px 40px 180px;
     }
     
     @media (max-width: 1199.98px) {
         .sidebar__contact-two {
             padding: 30px 20px 180px;
         }
     }
     
     @media (max-width: 991.98px) {
         .sidebar__contact-two {
             padding: 30px 20px 70px;
         }
     }
     
     .sidebar__contact-two .title {
         color: var(--tg-theme-secondary);
     }
     
     .sidebar__contact-two .btn {
         -webkit-border-radius: 30px;
         -moz-border-radius: 30px;
         -o-border-radius: 30px;
         -ms-border-radius: 30px;
         border-radius: 30px;
     }
     
     .sidebar__contact-two .btn::before {
         background: var(--tg-theme-secondary);
     }
     
     .sidebar__contact-two .btn:hover {
         color: var(--tg-color-white-default);
     }
     
     .sidebar__form form .form-grp {
         margin-bottom: 8px;
     }
     
     .sidebar__form form .form-grp textarea,
     .sidebar__form form .form-grp input {
         width: 100%;
         border: 1px solid #e0e6f2;
         background: var(--tg-color-white-default);
         -webkit-border-radius: 5px;
         -moz-border-radius: 5px;
         -o-border-radius: 5px;
         -ms-border-radius: 5px;
         border-radius: 5px;
         padding: 14px 15px;
         font-size: 14px;
         color: var(--tg-body-color);
         font-weight: 500;
         height: 50px;
         display: block;
     }
     
     .sidebar__form form .form-grp textarea::placeholder,
     .sidebar__form form .form-grp input::placeholder {
         font-size: 14px;
         color: #667594;
         font-weight: 500;
         text-transform: capitalize;
     }
     
     .sidebar__form form .form-grp textarea {
         min-height: 120px;
         max-height: 120px;
     }
     
     .sidebar__form form .btn {
         width: 100%;
         justify-content: center;
     }
     
     .sidebar__form form .btn::after {
         display: none;
     }
     
     .shine-animate {
         display: block;
         overflow: hidden;
         position: relative;
         z-index: 1;
     }
     
     .shine-animate::before {
         position: absolute;
         top: 0;
         left: -100%;
         display: block;
         content: "";
         width: 50%;
         height: 100%;
         background: -o-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 100%);
         background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), to(rgba(255, 255, 255, 0.3)));
         background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 100%);
         -webkit-transform: skewX(-25deg);
         -ms-transform: skewX(-25deg);
         transform: skewX(-25deg);
     }
     
     .shine-animate-item:hover .shine-animate::before {
         -webkit-animation: hoverShine 1.2s;
         animation: hoverShine 1.2s;
     }
     
     .section-more-btn {
         text-align: right;
     }
     
     @media (max-width: 991.98px) {
         .section-more-btn {
             text-align: left;
             margin-bottom: 50px;
         }
     }
     
     .section-more-btn .border-btn {
         border-color: var(--tg-color-white-default);
         color: var(--tg-color-white-default);
     }
     
     .section-more-btn .border-btn:hover {
         color: var(--tg-theme-secondary);
         background: var(--tg-color-white-default);
         border-color: var(--tg-color-white-default);
     }
     
     .about__list-box-three .list-wrap {
         display: -webkit-box;
         display: -moz-box;
         display: -ms-flexbox;
         display: -webkit-flex;
         display: flex;
         align-items: center;
         margin: 0 -5px;
         flex-wrap: wrap;
         gap: 10px 0;
     }
     
     .about__list-box-three .list-wrap li {
         width: 50%;
         flex: 0 0 auto;
         padding: 0 5px;
         margin: 0;
     }
     
     @media (max-width: 767.98px) {
         .about__list-box-three .list-wrap li {
             width: 100%;
         }
     }
     
     @media only screen and (min-width: 576px) and (max-width: 767px) {
         .about__list-box-three .list-wrap li {
             width: 50%;
         }
     }
     /*=============================
    08. Choose
===============================*/
     
     .choose-area {
         background: #171a7c;
         padding: 120px 0;
         position: relative;
         z-index: 1;
         overflow: hidden;
     }
     
     @media (max-width: 767.98px) {
         .choose-area {
             padding: 100px 0;
         }
     }
     
     .choose__area-two {
         position: relative;
         overflow: hidden;
         margin: 120px 0 0;
         padding: 85px 0 0;
         z-index: 1;
     }
     
     @media (max-width: 767.98px) {
         .choose__area-two {
             padding: 0;
             margin: 0;
         }
     }
     
     .choose__area-three {
         position: relative;
         overflow: hidden;
         padding: 120px 0;
         z-index: 1;
     }
     
     @media (max-width: 767.98px) {
         .choose__area-three {
             padding: 100px 0;
         }
     }
     
     .choose__area-four {
         background: #171a7c;
         padding: 120px 0;
         position: relative;
         z-index: 1;
     }
     
     @media (max-width: 767.98px) {
         .choose__area-four {
             padding: 100px 0;
         }
     }
     
     .choose__area-five {
         padding: 0 0 120px;
         position: relative;
         z-index: 1;
     }
     
     @media (max-width: 767.98px) {
         .choose__area-five {
             padding: 0 0 100px;
         }
     }
     
     .choose__area-home-9 {
         padding: 150px 0;
         position: relative;
         z-index: 1;
     }
     
     .choose__bg {
         background-size: cover;
         background-position: center;
         position: absolute;
         left: 0;
         top: 0;
         width: 46%;
         height: 90%;
         z-index: -2;
     }
     
     @media (max-width: 1199.98px) {
         .choose__bg {
             width: 55%;
         }
     }
     
     .choose-content>p {
         margin-bottom: 30px;
         color: var(--tg-color-gray-3);
         width: 85%;
     }
     
     @media (max-width: 1199.98px) {
         .choose-content>p {
             width: 100%;
         }
     }
     
     .choose__content-two {
         position: relative;
         padding: 100px 100px 120px 80px;
     }
     
     @media (max-width: 1199.98px) {
         .choose__content-two {
             padding: 80px 0 120px 40px;
         }
     }
     
     @media (max-width: 767.98px) {
         .choose__content-two {
             padding: 100px 0 100px 0;
         }
     }
     
     .choose__content-two::before {
         content: "";
         position: absolute;
         left: -24px;
         top: 0;
         width: 200%;
         height: 100%;
         background: var(--tg-color-gray-3);
         z-index: -2;
     }
     
     @media (max-width: 1199.98px) {
         .choose__content-two::before {
             left: 0;
         }
     }
     
     @media (max-width: 767.98px) {
         .choose__content-two::before {
             left: -50%;
         }
     }
     
     .choose__content-two>p {
         margin-bottom: 35px;
     }
     
     .choose__content-three>p {
         margin-bottom: 30px;
     }
     
     .choose__content-four {
         width: 90%;
     }
     
     @media (max-width: 1199.98px) {
         .choose__content-four {
             width: 100%;
         }
     }
     
     @media (max-width: 991.98px) {
         .choose__content-four {
             margin-bottom: 50px;
         }
     }
     
     .choose__content-four>p {
         margin-bottom: 0;
         color: var(--tg-color-gray-3);
     }
     
     .choose__content-five {
         position: relative;
         padding-right: 50px;
     }
     
     @media (max-width: 1199.98px) {
         .choose__content-five {
             padding-right: 0;
         }
     }
     
     .choose__content-five>p {
         margin-bottom: 35px;
     }
     
     .choose__content-five .shape.home-9 img {
         display: none;
     }
     
     .choose__content-five .shape img {
         position: absolute;
         z-index: -1;
         right: -20px;
         top: 0;
     }
     
     .choose-list .list-wrap li {
         display: -webkit-box;
         display: -moz-box;
         display: -ms-flexbox;
         display: -webkit-flex;
         display: flex;
         align-items: center;
         gap: 18px;
         margin-bottom: 35px;
     }
     
     .choose-list .list-wrap li:last-child {
         margin-bottom: 0;
     }
     
     .choose-list .list-wrap li .icon {
         font-size: 60px;
         line-height: 0;
         color: var(--tg-theme-primary);
         -webkit-transition: all 0.3s ease-out 0s;
         -moz-transition: all 0.3s ease-out 0s;
         -ms-transition: all 0.3s ease-out 0s;
         -o-transition: all 0.3s ease-out 0s;
         transition: all 0.3s ease-out 0s;
     }
     
     .choose-list .list-wrap li .content .title {
         color: var(--tg-color-white-default);
         margin-bottom: 5px;
         font-weight: 600;
         font-size: 22px;
     }
     
     .choose-list .list-wrap li .content p {
         color: var(--tg-color-gray-3);
         margin-bottom: 0;
         width: 65%;
     }
     
     @media (max-width: 767.98px) {
         .choose-list .list-wrap li .content p {
             width: 100%;
         }
     }
     
     .choose-list .list-wrap li:hover .icon {
         -webkit-transform: rotateY(180deg);
         -moz-transform: rotateY(180deg);
         -ms-transform: rotateY(180deg);
         -o-transform: rotateY(180deg);
         transform: rotateY(180deg);
     }
     
     .choose__list .list-wrap li {
         margin-bottom: 30px;
     }
     
     .choose__list .list-wrap li:last-child {
         margin-bottom: 0;
     }
     
     .choose__list-box {
         display: -webkit-box;
         display: -moz-box;
         display: -ms-flexbox;
         display: -webkit-flex;
         display: flex;
         align-items: flex-start;
         gap: 20px;
     }
     
     .choose__list-box:hover .choose__list-icon i {
         -webkit-transform: rotateY(180deg);
         -moz-transform: rotateY(180deg);
         -ms-transform: rotateY(180deg);
         -o-transform: rotateY(180deg);
         transform: rotateY(180deg);
     }
     
     .choose__list-box-two {
         display: -webkit-box;
         display: -moz-box;
         display: -ms-flexbox;
         display: -webkit-flex;
         display: flex;
         align-items: flex-start;
         gap: 20px;
     }
     
     @media (max-width: 1199.98px) {
         .choose__list-box-two {
             flex-wrap: wrap;
         }
     }
     
     @media (max-width: 991.98px) {
         .choose__list-box-two {
             flex-wrap: nowrap;
         }
     }
     
     .choose__list-box-two:hover .choose__list-icon-two {
         -webkit-transform: translateY(5px) rotateY(180deg);
         -moz-transform: translateY(5px) rotateY(180deg);
         -ms-transform: translateY(5px) rotateY(180deg);
         -o-transform: translateY(5px) rotateY(180deg);
         transform: translateY(5px) rotateY(180deg);
     }
     
     .choose__list-icon {
         width: 80px;
         height: 80px;
         display: -webkit-box;
         display: -moz-box;
         display: -ms-flexbox;
         display: -webkit-flex;
         display: flex;
         align-items: center;
         justify-content: center;
         background: var(--tg-color-yellow-light);
         -webkit-border-radius: 10px;
         -moz-border-radius: 10px;
         -o-border-radius: 10px;
         -ms-border-radius: 10px;
         border-radius: 10px;
         font-size: 50px;
         color: var(--tg-theme-primary);
         flex: 0 0 auto;
         line-height: 0;
     }
     
     .choose__list-icon-two {
         font-size: 60px;
         line-height: 0;
         color: var(--tg-theme-primary);
         -webkit-transform: translateY(5px) rotateY(0deg);
         -moz-transform: translateY(5px) rotateY(0deg);
         -ms-transform: translateY(5px) rotateY(0deg);
         -o-transform: translateY(5px) rotateY(0deg);
         transform: translateY(5px) rotateY(0deg);
         -webkit-transition: all 0.4s ease-out 0s;
         -moz-transition: all 0.4s ease-out 0s;
         -ms-transition: all 0.4s ease-out 0s;
         -o-transition: all 0.4s ease-out 0s;
         transition: all 0.4s ease-out 0s;
     }
     
     .choose__list-icon i {
         -webkit-transform: rotateY(0deg);
         -moz-transform: rotateY(0deg);
         -ms-transform: rotateY(0deg);
         -o-transform: rotateY(0deg);
         transform: rotateY(0deg);
         -webkit-transition: all 0.4s ease-out 0s;
         -moz-transition: all 0.4s ease-out 0s;
         -ms-transition: all 0.4s ease-out 0s;
         -o-transition: all 0.4s ease-out 0s;
         transition: all 0.4s ease-out 0s;
     }
     
     .choose__list-content .title {
         margin-bottom: 8px;
         font-size: 24px;
         font-weight: 600;
     }
     
     .choose__list-content p {
         margin-bottom: 0;
     }
     
     @media (max-width: 767.98px) {
         .choose__list-content p br {
             display: none;
         }
     }
     
     .choose__list-content-two .title {
         color: var(--tg-color-white-default);
         margin-bottom: 5px;
         font-size: 22px;
     }
     
     .choose__list-content-two p {
         margin-bottom: 0;
         color: var(--tg-color-gray-3);
     }
     
     .choose__list-two .list-wrap {
         display: -webkit-box;
         display: -moz-box;
         display: -ms-flexbox;
         display: -webkit-flex;
         display: flex;
         align-items: center;
         flex-wrap: wrap;
         margin: 0 -10px;
         gap: 40px 0;
     }
     
     .choose__list-two .list-wrap li {
         width: 50%;
         padding: 0 10px;
     }
     
     @media (max-width: 767.98px) {
         .choose__list-two .list-wrap li {
             width: 100%;
         }
     }
     
     .choose-img-wrap {
         position: relative;
         padding-bottom: 45px;
     }
     
     @media (max-width: 991.98px) {
         .choose-img-wrap {
             text-align: center;
             margin-bottom: 50px;
         }
     }
     
     @media (max-width: 767.98px) {
         .choose-img-wrap {
             margin: 0;
         }
     }
     
     .choose-img-wrap img:nth-child(1) {
         -webkit-border-radius: 10px;
         -moz-border-radius: 10px;
         -o-border-radius: 10px;
         -ms-border-radius: 10px;
         border-radius: 10px;
     }
     
     @media (max-width: 767.98px) {
         .choose-img-wrap img:nth-child(1) {
             width: 100%;
         }
     }
     
     .choose-img-wrap img:nth-child(2) {
         -webkit-border-radius: 10px;
         -moz-border-radius: 10px;
         -o-border-radius: 10px;
         -ms-border-radius: 10px;
         border-radius: 10px;
         box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.1);
         position: absolute;
         left: -16%;
         bottom: 0;
     }
     
     @media (max-width: 1199.98px) {
         .choose-img-wrap img:nth-child(2) {
             left: -9%;
         }
     }
     
     @media (max-width: 991.98px) {
         .choose-img-wrap img:nth-child(2) {
             left: -2%;
         }
     }
     
     @media (max-width: 767.98px) {
         .choose-img-wrap img:nth-child(2) {
             display: none;
         }
     }
     
     .choose-img-wrap img:nth-child(3) {
         position: absolute;
         left: 10%;
         bottom: -45px;
         z-index: -1;
     }
     
     @media (max-width: 1199.98px) {
         .choose-img-wrap img:nth-child(3) {
             left: 30%;
         }
     }
     
     @media (max-width: 767.98px) {
         .choose-img-wrap img:nth-child(3) {
             left: 8%;
             bottom: -25px;
         }
     }
     
     .choose__img-wrap-three {
         position: relative;
         text-align: right;
     }
     
     @media (max-width: 991.98px) {
         .choose__img-wrap-three {
             margin-bottom: 50px;
         }
     }
     
     .choose__img-wrap-three .main-img {
         position: relative;
         -webkit-border-radius: 50%;
         -moz-border-radius: 50%;
         -o-border-radius: 50%;
         -ms-border-radius: 50%;
         border-radius: 50%;
         overflow: hidden;
         display: inline-block;
         border: 18px solid var(--tg-color-white-default);
         -webkit-box-shadow: 0px 56px 80px 0px rgba(0, 0, 0, 0.15);
         -moz-box-shadow: 0px 56px 80px 0px rgba(0, 0, 0, 0.15);
         -ms-box-shadow: 0px 56px 80px 0px rgba(0, 0, 0, 0.15);
         -o-box-shadow: 0px 56px 80px 0px rgba(0, 0, 0, 0.15);
         box-shadow: 0px 56px 80px 0px rgba(0, 0, 0, 0.15);
     }
     
     @media (max-width: 1199.98px) {
         .choose__img-wrap-three .main-img {
             width: 400px;
             border-width: 10px;
         }
     }
     
     @media (max-width: 767.98px) {
         .choose__img-wrap-three .main-img {
             width: 100%;
             border-width: 5px;
         }
     }
     
     @media only screen and (min-width: 576px) and (max-width: 767px) {
         .choose__img-wrap-three .main-img {
             width: 500px;
             margin: 0 auto;
         }
     }
     
     .choose__img-wrap-three .main-img img {
         width: 100%;
     }
     
     .choose__img-wrap-three .main-img .play-btn {
         width: 70px;
         height: 70px;
         align-items: center;
         justify-content: center;
         position: absolute;
         left: 50%;
         top: 50%;
         -webkit-transform: translate(-50%, -50%);
         -moz-transform: translate(-50%, -50%);
         -ms-transform: translate(-50%, -50%);
         -o-transform: translate(-50%, -50%);
         transform: translate(-50%, -50%);
         background: var(--tg-theme-secondary);
         display: -webkit-box;
         display: -moz-box;
         display: -ms-flexbox;
         display: -webkit-flex;
         display: flex;
         -webkit-border-radius: 50%;
         -moz-border-radius: 50%;
         -o-border-radius: 50%;
         -ms-border-radius: 50%;
         border-radius: 50%;
         color: var(--tg-color-white-default);
         font-size: 25px;
     }
     
     .choose__img-wrap-three .main-img .play-btn:hover {
         background: var(--tg-theme-primary);
     }
     
     .choose__img-wrap-three>img {
         -webkit-border-radius: 15px;
         -moz-border-radius: 15px;
         -o-border-radius: 15px;
         -ms-border-radius: 15px;
         border-radius: 15px;
         -webkit-box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.1);
         -moz-box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.1);
         -ms-box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.1);
         -o-box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.1);
         box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.1);
         border: 1px solid #dadada;
         position: absolute;
         left: 9%;
         top: 30%;
     }
     
     @media (max-width: 1199.98px) {
         .choose__img-wrap-three>img {
             left: 0;
         }
     }
     
     @media (max-width: 767.98px) {
         .choose__img-wrap-three>img {
             display: none;
         }
     }
     
     .choose__img-wrap-three .shape img {
         position: absolute;
         left: 3%;
         bottom: 18%;
         z-index: -1;
     }
     
     @media (max-width: 1199.98px) {
         .choose__img-wrap-three .shape img {
             display: none;
         }
     }
     
     .choose__img-wrap-five {
         position: relative;
         padding-bottom: 55px;
     }
     
     @media (max-width: 991.98px) {
         .choose__img-wrap-five {
             margin-bottom: 50px;
         }
     }
     
     @media (max-width: 767.98px) {
         .choose__img-wrap-five {
             text-align: center;
         }
     }
     
     .choose__img-wrap-five img:nth-child(1) {
         -webkit-border-radius: 10px;
         -moz-border-radius: 10px;
         -o-border-radius: 10px;
         -ms-border-radius: 10px;
         border-radius: 10px;
     }
     
     .choose__img-wrap-five img:nth-child(2) {
         -webkit-border-radius: 20px;
         -moz-border-radius: 20px;
         -o-border-radius: 20px;
         -ms-border-radius: 20px;
         border-radius: 20px;
         border: 6px solid var(--tg-color-white-default);
         position: absolute;
         right: 10%;
         bottom: 0;
     }
     
     @media (max-width: 1199.98px) {
         .choose__img-wrap-five img:nth-child(2) {
             right: 0;
         }
     }
     
     @media (max-width: 767.98px) {
         .choose__img-wrap-five img:nth-child(2) {
             display: none;
         }
     }
     
     @media only screen and (min-width: 576px) and (max-width: 767px) {
         .choose__img-wrap-five img:nth-child(2) {
             display: block;
         }
     }
     
     .choose__img-wrap-five img:nth-child(3) {
         -webkit-border-radius: 10px;
         -moz-border-radius: 10px;
         -o-border-radius: 10px;
         -ms-border-radius: 10px;
         border-radius: 10px;
         -webkit-box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.1);
         -moz-box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.1);
         -ms-box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.1);
         -o-box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.1);
         box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.1);
         position: absolute;
         left: 17%;
         bottom: 8%;
     }
     
     .choose__img-wrap-five img:nth-child(4) {
         position: absolute;
         left: 13%;
         bottom: -4%;
         z-index: -1;
     }
     
     .choose__img-wrap-five-home-9 {
         position: relative;
         padding-bottom: 55px;
     }
     
     @media (max-width: 991.98px) {
         .choose__img-wrap-five-home-9 {
             margin-bottom: 50px;
         }
     }
     
     @media (max-width: 767.98px) {
         .choose__img-wrap-five-home-9 {
             text-align: center;
         }
     }
     
     .choose__img-wrap-five-home-9 img:nth-child(1) {
         border-radius: 100px 10px 10px 10px;
     }
     
     .choose__img-wrap-five-home-9 img:nth-child(2) {
         border-radius: 10px 10px 100px 10px;
         border: 7px solid var(--tg-color-white-default);
         position: absolute;
         right: 10%;
         bottom: 0;
     }
     
     @media (max-width: 1199.98px) {
         .choose__img-wrap-five-home-9 img:nth-child(2) {
             right: 0;
         }
     }
     
     @media (max-width: 767.98px) {
         .choose__img-wrap-five-home-9 img:nth-child(2) {
             display: none;
         }
     }
     
     @media only screen and (min-width: 576px) and (max-width: 767px) {
         .choose__img-wrap-five-home-9 img:nth-child(2) {
             display: block;
         }
     }
     
     .choose__img-wrap-five-home-9 img:nth-child(3) {
         position: absolute;
         left: 60%;
         bottom: 70%;
     }
     
     .choose__img-wrap-five-home-9 img:nth-child(4) {
         position: absolute;
         left: -5%;
         bottom: 15%;
         z-index: 1;
         animation: rightToLeft 4s infinite linear;
     }
     
     .choose__tab .nav-tabs {
         border-bottom: 1px solid #cee2ea;
         gap: 30px;
         margin-bottom: 30px;
     }
     
     .choose__tab .nav-tabs .nav-item .nav-link {
         padding: 0 0 13px;
         background: transparent;
         color: #9597c8;
         border: none;
         font-size: 22px;
         font-weight: 600;
         line-height: 1;
         font-family: var(--tg-heading-font-family);
         text-transform: capitalize;
         position: relative;
     }
     
     @media (max-width: 767.98px) {
         .choose__tab .nav-tabs .nav-item .nav-link {
             font-size: 18px;
         }
     }
     
     .choose__tab .nav-tabs .nav-item .nav-link::before {
         content: "";
         position: absolute;
         left: 50%;
         -webkit-transform: translateX(-50%);
         -moz-transform: translateX(-50%);
         -ms-transform: translateX(-50%);
         -o-transform: translateX(-50%);
         transform: translateX(-50%);
         bottom: -1px;
         width: 50%;
         height: 3px;
         background: var(--tg-theme-primary);
         opacity: 0;
         -webkit-transition: all 0.3s ease-out 0s;
         -moz-transition: all 0.3s ease-out 0s;
         -ms-transition: all 0.3s ease-out 0s;
         -o-transition: all 0.3s ease-out 0s;
         transition: all 0.3s ease-out 0s;
     }
     
     .choose__tab .nav-tabs .nav-item .nav-link.active {
         color: var(--tg-heading-color);
     }
     
     .choose__tab .nav-tabs .nav-item .nav-link.active::before {
         opacity: 1;
     }
     
     .choose__tab-content p {
         margin-bottom: 30px;
     }
     
     .choose__tab-content .list-wrap {
         display: -webkit-box;
         display: -moz-box;
         display: -ms-flexbox;
         display: -webkit-flex;
         display: flex;
         align-items: center;
         flex-wrap: wrap;
         gap: 20px 0;
     }
     
     .choose__tab-content .list-wrap li {
         display: -webkit-box;
         display: -moz-box;
         display: -ms-flexbox;
         display: -webkit-flex;
         display: flex;
         align-items: flex-start;
         font-weight: 600;
         text-transform: capitalize;
         gap: 10px;
         width: 50%;
     }
     
     @media (max-width: 767.98px) {
         .choose__tab-content .list-wrap li {
             width: 100%;
         }
     }
     
     .choose__tab-content .list-wrap li i {
         width: 26px;
         height: 26px;
         display: -webkit-box;
         display: -moz-box;
         display: -ms-flexbox;
         display: -webkit-flex;
         display: flex;
         align-items: center;
         justify-content: center;
         background: var(--tg-heading-color);
         border-radius: 50%;
         color: var(--tg-color-white-default);
         flex: 0 0 auto;
         font-size: 14px;
     }
     
     .choose__box {
         position: relative;
     }
     
     .choose__box-home-9 {
         display: flex;
         align-items: center;
         gap: 22px;
     }
     
     @media (max-width: 767.98px) {
         .choose__box {
             margin-bottom: 30px;
         }
     }
     
     @media only screen and (min-width: 576px) and (max-width: 767px) {
         .choose__box {
             margin-bottom: 0;
         }
     }
     
     .choose__box .icon {
         width: 80px;
         height: 80px;
         display: -webkit-box;
         display: -moz-box;
         display: -ms-flexbox;
         display: -webkit-flex;
         display: flex;
         align-items: center;
         justify-content: center;
         background: var(--tg-color-yellow-light);
         border-radius: 50%;
         font-size: 40px;
         color: var(--tg-theme-primary);
         line-height: 0;
         margin-bottom: 15px;
     }
     
     .choose__box .icon i {
         -webkit-transform: rotate(0);
         -moz-transform: rotate(0);
         -ms-transform: rotate(0);
         -o-transform: rotate(0);
         transform: rotate(0);
         -webkit-transition: all 0.4s ease-out 0s;
         -moz-transition: all 0.4s ease-out 0s;
         -ms-transition: all 0.4s ease-out 0s;
         -o-transition: all 0.4s ease-out 0s;
         transition: all 0.4s ease-out 0s;
     }
     
     .choose__box .content .title {
         font-size: 22px;
         margin-bottom: 12px;
     }
     
     .choose__box .content p {
         margin-bottom: 0;
     }
     
     .choose__box::before {
         display: none;
     }
     
     .choose__box:hover .icon i {
         -webkit-transform: rotateY(180deg);
         -moz-transform: rotateY(180deg);
         -ms-transform: rotateY(180deg);
         -o-transform: rotateY(180deg);
         transform: rotateY(180deg);
     }
     
     .choose__box-wrap .row [class*=col-]:last-child .choose__box {
         margin-bottom: 0;
     }
     
     .choose__box-wrap .row [class*=col-]:last-child .choose__box::before {
         display: none;
     }
     
     .choose-shape-wrap img {
         position: absolute;
         z-index: -1;
     }
     
     .choose-shape-wrap img:nth-child(1) {
         left: 0;
         bottom: 0;
     }
     
     @media (max-width: 1199.98px) {
         .choose-shape-wrap img:nth-child(1) {
             width: 300px;
         }
     }
     
     @media (max-width: 767.98px) {
         .choose-shape-wrap img:nth-child(1) {
             width: 230px;
         }
     }
     
     .choose-shape-wrap img:nth-child(2) {
         right: 0;
         top: 0;
     }
     
     @media (max-width: 1199.98px) {
         .choose-shape-wrap img:nth-child(2) {
             width: 400px;
         }
     }
     
     .choose__shape-wrap-two img {
         position: absolute;
         z-index: -1;
     }
     
     .choose__shape-wrap-two img:nth-child(1) {
         right: 13%;
         bottom: 30%;
     }
     
     @media (max-width: 991.98px) {
         .choose__shape-wrap-two img:nth-child(1) {
             display: none;
         }
     }
     
     .choose__shape-wrap-two img:nth-child(2) {
         right: 0;
         bottom: 0;
         z-index: -2;
     }
     
     .choose__shape-wrap-three img {
         position: absolute;
         z-index: -1;
     }
     
     .choose__shape-wrap-three img:nth-child(1) {
         right: 14%;
         top: 25%;
     }
     
     @media (max-width: 767.98px) {
         .choose__shape-wrap-three img:nth-child(1) {
             right: 26%;
             top: 13%;
         }
     }
     
     .choose__shape-wrap-three img:nth-child(2) {
         right: 0;
         top: 16%;
         z-index: -2;
     }
     
     @media (max-width: 1199.98px) {
         .choose__shape-wrap-three img:nth-child(2) {
             display: none;
         }
     }
     
     .choose__shape-wrap-four img {
         position: absolute;
         z-index: -1;
     }
     
     .choose__shape-wrap-four img:nth-child(1) {
         left: 0;
         bottom: 0;
     }
     
     .choose__shape-wrap-four img:nth-child(2) {
         right: 0;
         top: 0;
     }
     
     .operating__box {
         display: -webkit-box;
         display: -moz-box;
         display: -ms-flexbox;
         display: -webkit-flex;
         display: flex;
         align-items: center;
         background: var(--tg-theme-secondary);
         width: 370px;
         padding: 35px 35px;
         gap: 14px;
         position: absolute;
         left: -394px;
         bottom: 0;
     }
     
     @media (max-width: 1199.98px) {
         .operating__box {
             left: -330px;
             width: 330px;
             padding: 35px 18px;
         }
     }
     
     @media (max-width: 991.98px) {
         .operating__box {
             display: none;
         }
     }
     
     .operating__box .icon {
         font-size: 53px;
         line-height: 0;
         color: var(--tg-color-white-default);
     }
     
     .operating__box .content p {
         margin-bottom: 0;
         color: var(--tg-color-white-default);
         font-size: 24px;
         font-weight: 600;
         text-transform: capitalize;
         font-family: var(--tg-heading-font-family);
         line-height: 1.2;
     }
     
     .choose__box:hover .icon svg {
         -webkit-transform: rotateY(180deg);
         -moz-transform: rotateY(180deg);
         -ms-transform: rotateY(180deg);
         -o-transform: rotateY(180deg);
         transform: rotateY(180deg);
         -webkit-transition: all 0.3s ease-out 0s;
         -moz-transition: all 0.3s ease-out 0s;
         -ms-transition: all 0.3s ease-out 0s;
         -o-transition: all 0.3s ease-out 0s;
         transition: all 0.3s ease-out 0s;
     }
     /*=============================
	09. Project
===============================*/
     
     .project-area {
         padding: 120px 0 120px;
         position: relative;
     }
     
     @media (max-width: 767.98px) {
         .project-area {
             padding: 100px 0;
         }
     }
     
     .project__area-two {
         /* background: var(--tg-color-yellow-light-2); */
         /*padding: 120px 0 90px;*/
         position: relative;
         z-index: 1;
     }
     
     @media (max-width: 767.98px) {
         .project__area-two {
             padding: 0 0 70px;
         }
     }
     
     .project__area-three {
         background-size: cover;
         background-position: center;
         position: relative;
         z-index: 1;
         padding: 120px 0;
     }
     
     @media (max-width: 767.98px) {
         .project__area-three {
             padding: 100px 0;
         }
     }
     
     .project-item {
         border: 1px solid var(--tg-border-1);
         -webkit-border-radius: 10px;
         -moz-border-radius: 10px;
         -o-border-radius: 10px;
         -ms-border-radius: 10px;
         border-radius: 10px;
         margin-bottom: 30px;
         background: var(--tg-color-white-default);
     }
     
     .project-item-wrap .row {
         --bs-gutter-x: 24px;
     }
     
     .project-item:hover .project-thumb::before {
         height: 100%;
     }
     
     .project__item-two {
         position: relative;
         margin-bottom: 30px;
         overflow: hidden;
     }
     
     .project__item-two:hover .project__thumb-two::before {
         height: 100%;
     }
     
     .project__item-two:hover .project__content-two {
         opacity: 1;
         visibility: visible;
         margin-top: 0;
     }
     
     .project__item-three {
         position: relative;
         padding: 0 105px;
     }
     
     @media (max-width: 1199.98px) {
         .project__item-three {
             padding: 0 80px;
         }
     }
     
     @media (max-width: 991.98px) {
         .project__item-three {
             padding: 0 50px;
         }
     }
     
     @media (max-width: 767.98px) {
         .project__item-three {
             padding: 0;
         }
     }
     
     .project__item-four {
         position: relative;
     }
     
     .project__item-four:hover .project__thumb-four img {
         filter: grayscale(0);
     }
     
     .project__item-four:hover .project__content-four .right-arrow {
         opacity: 1;
     }
     
     .project-thumb {
         -webkit-border-radius: 10px 10px 0 120px;
         -moz-border-radius: 10px 10px 0 120px;
         -o-border-radius: 10px 10px 0 120px;
         -ms-border-radius: 10px 10px 0 120px;
         border-radius: 10px 10px 0 120px;
         overflow: hidden;
         position: relative;
         margin: -1px -1px 0;
     }
     
     .project-thumb img {
         width: 100%;
         height: 400px;
         object-fit: cover;
     }
     
     @media (max-width: 1500px) {
         .project-thumb img {
             height: 330px;
         }
     }
     
     .project-thumb::before {
         content: "";
         position: absolute;
         left: 0;
         top: 0;
         width: 100%;
         height: 0;
         background: #AF7400;
         opacity: 0.6;
         pointer-events: none;
         -webkit-transition: all 0.3s ease-out 0s;
         -moz-transition: all 0.3s ease-out 0s;
         -ms-transition: all 0.3s ease-out 0s;
         -o-transition: all 0.3s ease-out 0s;
         transition: all 0.3s ease-out 0s;
     }
     
     .project__thumb-two {
         position: relative;
         overflow: hidden;
     }
     
     .project__thumb-two img {
         border-radius: 15px;
         height: 300px;
         object-fit: cover;
         width: 100%;
     }
     
     .project__thumb-two::before {
         content: "";
         position: absolute;
         left: 0;
         top: 0;
         width: 100%;
         height: 0%;
         background: var(--tg-color-dark-blue);
         opacity: 0.9;
         border-radius: 15px;
         -webkit-transition: all 0.4s ease-out 0s;
         -moz-transition: all 0.4s ease-out 0s;
         -ms-transition: all 0.4s ease-out 0s;
         -o-transition: all 0.4s ease-out 0s;
         transition: all 0.4s ease-out 0s;
     }
     
     .project__thumb-three {
         width: 782px;
         margin-left: auto;
     }
     
     @media (max-width: 1199.98px) {
         .project__thumb-three {
             width: 580px;
         }
     }
     
     @media (max-width: 991.98px) {
         .project__thumb-three {
             width: 450px;
         }
     }
     
     @media (max-width: 767.98px) {
         .project__thumb-three {
             display: none;
         }
     }
     
     .project__thumb-three img {
         height: 478px;
         width: 100%;
         object-fit: cover;
         -webkit-border-radius: 15px;
         -moz-border-radius: 15px;
         -o-border-radius: 15px;
         -ms-border-radius: 15px;
         border-radius: 15px;
     }
     
     @media (max-width: 1199.98px) {
         .project__thumb-three img {
             height: 430px;
         }
     }
     
     .project__thumb-four {
         position: relative;
         overflow: hidden;
     }
     
     .project__thumb-four img {
         width: 100%;
         height: 570px;
         object-fit: cover;
         filter: grayscale(1);
     }
     
     @media (max-width: 1199.98px) {
         .project__thumb-four img {
             height: 480px;
         }
     }
     
     .project__thumb-four::after {
         content: "";
         position: absolute;
         left: 0;
         bottom: 0;
         width: 100%;
         height: 100%;
         background: linear-gradient(180deg, rgba(11, 12, 57, 0) 0%, rgba(0, 1, 38, 0.9) 100%);
         pointer-events: none;
     }
     
     .project-content {
         display: -webkit-box;
         display: -moz-box;
         display: -ms-flexbox;
         display: -webkit-flex;
         display: flex;
         align-items: center;
         justify-content: space-between;
         padding: 30px 30px;
         gap: 10px;
     }
     
     @media (max-width: 1500px) {
         .project-content {
             padding: 30px 20px;
         }
     }
     
     @media (max-width: 1199.98px) {
         .project-content {
             padding: 30px 30px;
         }
     }
     
     @media (max-width: 991.98px) {
         .project-content {
             padding: 30px 20px;
         }
     }
     
     .project-content .title {
         margin-bottom: 8px;
         font-size: 24px;
         font-weight: 600;
     }
     
     @media (max-width: 1500px) {
         .project-content .title {
             font-size: 22px;
         }
     }
     
     .project-content span {
         display: block;
         line-height: 1;
         font-size: 15px;
         font-weight: 500;
         color: var(--tg-theme-primary);
     }
     
     .project-content-bottom {
         display: -webkit-box;
         display: -moz-box;
         display: -ms-flexbox;
         display: -webkit-flex;
         display: flex;
         align-items: center;
         justify-content: center;
         gap: 40px;
         margin-top: 40px;
     }
     
     @media (max-width: 767.98px) {
         .project-content-bottom {
             gap: 30px;
             flex-wrap: wrap;
             text-align: center;
         }
     }
     
     .project-content-bottom p {
         margin-bottom: 0;
         font-weight: 500;
         color: var(--tg-heading-color);
     }
     
     .project__content-two {
         text-align: center;
         position: absolute;
         left: 30px;
         right: 30px;
         top: 50%;
         -webkit-transform: translateY(-50%);
         -moz-transform: translateY(-50%);
         -ms-transform: translateY(-50%);
         -o-transform: translateY(-50%);
         transform: translateY(-50%);
         padding: 30px 0;
         -webkit-transition: all 0.5s ease-out 0s;
         -moz-transition: all 0.5s ease-out 0s;
         -ms-transition: all 0.5s ease-out 0s;
         -o-transition: all 0.5s ease-out 0s;
         transition: all 0.5s ease-out 0s;
         margin-top: 100px;
         opacity: 0;
         visibility: hidden;
     }
     
     .project__content-two .title {
         font-size: 24px;
         font-weight: var(--tg-fw-semi-bold);
         color: var(--tg-color-white-default);
         margin-bottom: 5px;
     }
     
     .project__content-two span {
         display: block;
         font-size: 15px;
         font-weight: var(--tg-fw-medium);
         color: var(--tg-theme-primary);
         margin-bottom: 15px;
     }
     
     .project__content-three {
         width: 392px;
         background: var(--tg-theme-secondary);
         border-radius: 15px;
         padding: 60px 60px;
         position: absolute;
         left: 105px;
         top: 50%;
         z-index: 2;
         -webkit-transform: translateY(-50%);
         -moz-transform: translateY(-50%);
         -ms-transform: translateY(-50%);
         -o-transform: translateY(-50%);
         transform: translateY(-50%);
     }
     
     @media (max-width: 1199.98px) {
         .project__content-three {
             width: 360px;
             padding: 40px 40px;
             left: 80px;
         }
     }
     
     @media (max-width: 991.98px) {
         .project__content-three {
             left: 50px;
         }
     }
     
     @media (max-width: 767.98px) {
         .project__content-three {
             width: 100%;
             position: unset;
             -webkit-transform: translateY(0);
             -moz-transform: translateY(0);
             -ms-transform: translateY(0);
             -o-transform: translateY(0);
             transform: translateY(0);
         }
     }
     
     .project__content-three span {
         font-weight: 500;
         color: var(--tg-theme-primary);
         display: block;
         margin-bottom: 5px;
     }
     
     .project__content-three .title {
         font-size: 24px;
         margin-bottom: 18px;
         color: var(--tg-color-white-default);
     }
     
     .project__content-three p {
         margin-bottom: 25px;
         color: var(--tg-color-gray-3);
     }
     
     .project__content-three .btn {
         background: var(--tg-color-white-default);
         color: var(--tg-heading-color);
     }
     
     .project__content-three .btn:hover {
         color: var(--tg-color-white-default);
     }
     
     .project__content-four {
         display: -webkit-box;
         display: -moz-box;
         display: -ms-flexbox;
         display: -webkit-flex;
         display: flex;
         align-items: center;
         gap: 20px;
         justify-content: space-between;
         position: absolute;
         left: 50px;
         right: 50px;
         bottom: 50px;
     }
     
     @media (max-width: 1500px) {
         .project__content-four {
             left: 25px;
             right: 25px;
             bottom: 30px;
         }
     }
     
     .project__content-four .left-content .title {
         margin-bottom: 10px;
         font-size: 30px;
         color: var(--tg-color-white-default);
     }
     
     @media (max-width: 1500px) {
         .project__content-four .left-content .title {
             font-size: 24px;
         }
     }
     
     .project__content-four .left-content span {
         display: block;
         font-size: 15px;
         font-weight: 500;
         color: var(--tg-theme-primary);
         line-height: 1;
     }
     
     .project__content-four .right-arrow {
         width: 50px;
         height: 50px;
         flex: 0 0 auto;
         display: -webkit-box;
         display: -moz-box;
         display: -ms-flexbox;
         display: -webkit-flex;
         display: flex;
         align-items: center;
         justify-content: center;
         background: var(--tg-theme-secondary);
         color: var(--tg-color-white-default);
         line-height: 0;
         font-size: 32px;
         -webkit-border-radius: 50%;
         -moz-border-radius: 50%;
         -o-border-radius: 50%;
         -ms-border-radius: 50%;
         border-radius: 50%;
         opacity: 0;
         -webkit-transition: all 0.3s ease-out 0s;
         -moz-transition: all 0.3s ease-out 0s;
         -ms-transition: all 0.3s ease-out 0s;
         -o-transition: all 0.3s ease-out 0s;
         transition: all 0.3s ease-out 0s;
     }
     
     .project__content-four .right-arrow:hover {
         background: var(--tg-theme-primary);
     }
     
     .project-shape-wrap img {
         position: absolute;
         z-index: -1;
     }
     
     .project-shape-wrap img:nth-child(1) {
         left: 0;
         bottom: 10%;
     }
     
     .project-shape-wrap img:nth-child(2) {
         right: 2%;
         top: 22%;
     }
     
     @media (max-width: 1199.98px) {
         .project-shape-wrap img:nth-child(2) {
             top: 16%;
         }
     }
     
     @media (max-width: 767.98px) {
         .project-shape-wrap img:nth-child(2) {
             top: 10.7%;
             width: 80px;
             right: 0;
         }
     }
     
     @media only screen and (min-width: 576px) and (max-width: 767px) {
         .project-shape-wrap img:nth-child(2) {
             top: 9.7%;
             width: 80px;
             right: 2%;
         }
     }
     
     .project__shape-wrap-two img {
         position: absolute;
         z-index: -1;
         right: 0;
         top: 0;
     }
     
     @media (max-width: 767.98px) {
         .project__shape-wrap-two img {
             width: 250px;
         }
     }
     
     .project__shape-wrap-three img {
         position: absolute;
         z-index: -1;
     }
     
     .project__shape-wrap-three img:nth-child(1) {
         right: 0;
         top: 0;
     }
     
     @media (max-width: 991.98px) {
         .project__shape-wrap-three img:nth-child(1) {
             width: 200px;
         }
     }
     
     .project__shape-wrap-three img:nth-child(2) {
         left: 20%;
         bottom: 13%;
     }
     
     @media (max-width: 1199.98px) {
         .project__shape-wrap-three img:nth-child(2) {
             left: 6%;
             bottom: 12%;
         }
     }
     
     @media (max-width: 767.98px) {
         .project__nav-wrap {
             display: -webkit-box;
             display: -moz-box;
             display: -ms-flexbox;
             display: -webkit-flex;
             display: flex;
             align-items: center;
             justify-content: center;
             gap: 20px;
             margin-top: 30px;
         }
     }
     
     .project__nav-wrap .project-button-prev {
         position: absolute;
         left: 0;
         top: 50%;
         -webkit-transform: translateY(-50%) rotate(180deg);
         -moz-transform: translateY(-50%) rotate(180deg);
         -ms-transform: translateY(-50%) rotate(180deg);
         -o-transform: translateY(-50%) rotate(180deg);
         transform: translateY(-50%) rotate(180deg);
         width: 60px;
         height: 60px;
         display: -webkit-box;
         display: -moz-box;
         display: -ms-flexbox;
         display: -webkit-flex;
         display: flex;
         align-items: center;
         justify-content: center;
         background: var(--tg-color-white-default);
         line-height: 0;
         -webkit-border-radius: 50%;
         -moz-border-radius: 50%;
         -o-border-radius: 50%;
         -ms-border-radius: 50%;
         border-radius: 50%;
         z-index: 3;
         font-size: 28px;
         color: var(--tg-theme-secondary);
         -webkit-transition: all 0.3s ease-out 0s;
         -moz-transition: all 0.3s ease-out 0s;
         -ms-transition: all 0.3s ease-out 0s;
         -o-transition: all 0.3s ease-out 0s;
         transition: all 0.3s ease-out 0s;
     }
     
     @media (max-width: 991.98px) {
         .project__nav-wrap .project-button-prev {
             width: 50px;
             height: 50px;
             font-size: 25px;
         }
     }
     
     @media (max-width: 767.98px) {
         .project__nav-wrap .project-button-prev {
             position: unset;
             -webkit-transform: translateY(0) rotate(180deg);
             -moz-transform: translateY(0) rotate(180deg);
             -ms-transform: translateY(0) rotate(180deg);
             -o-transform: translateY(0) rotate(180deg);
             transform: translateY(0) rotate(180deg);
         }
     }
     
     .project__nav-wrap .project-button-prev:hover {
         background: var(--tg-theme-secondary);
         color: var(--tg-color-white-default);
     }
     
     .project__nav-wrap .project-button-next {
         position: absolute;
         right: 0;
         top: 50%;
         -webkit-transform: translateY(-50%);
         -moz-transform: translateY(-50%);
         -ms-transform: translateY(-50%);
         -o-transform: translateY(-50%);
         transform: translateY(-50%);
         width: 60px;
         height: 60px;
         display: -webkit-box;
         display: -moz-box;
         display: -ms-flexbox;
         display: -webkit-flex;
         display: flex;
         align-items: center;
         justify-content: center;
         background: var(--tg-color-white-default);
         line-height: 0;
         -webkit-border-radius: 50%;
         -moz-border-radius: 50%;
         -o-border-radius: 50%;
         -ms-border-radius: 50%;
         border-radius: 50%;
         z-index: 3;
         font-size: 28px;
         color: var(--tg-theme-secondary);
         -webkit-transition: all 0.3s ease-out 0s;
         -moz-transition: all 0.3s ease-out 0s;
         -ms-transition: all 0.3s ease-out 0s;
         -o-transition: all 0.3s ease-out 0s;
         transition: all 0.3s ease-out 0s;
     }
     
     @media (max-width: 991.98px) {
         .project__nav-wrap .project-button-next {
             width: 50px;
             height: 50px;
             font-size: 25px;
         }
     }
     
     @media (max-width: 767.98px) {
         .project__nav-wrap .project-button-next {
             position: unset;
             -webkit-transform: translateY(0);
             -moz-transform: translateY(0);
             -ms-transform: translateY(0);
             -o-transform: translateY(0);
             transform: translateY(0);
         }
     }
     
     .project__nav-wrap .project-button-next:hover {
         background: var(--tg-theme-secondary);
         color: var(--tg-color-white-default);
     }
     
     .project__details-area {
         padding: 120px 0;
     }
     
     @media (max-width: 767.98px) {
         .project__details-area {
             padding: 100px 0;
         }
     }
     
     .project__details-top .row .col-70 {
         width: 70.4%;
         flex: 0 0 auto;
     }
     
     @media (max-width: 1199.98px) {
         .project__details-top .row .col-70 {
             width: 64.4%;
         }
     }
     
     @media (max-width: 991.98px) {
         .project__details-top .row .col-70 {
             width: 100%;
         }
     }
     
     .project__details-top .row .col-30 {
         width: 29.6%;
         flex: 0 0 auto;
     }
     
     @media (max-width: 1199.98px) {
         .project__details-top .row .col-30 {
             width: 35.6%;
         }
     }
     
     @media (max-width: 991.98px) {
         .project__details-top .row .col-30 {
             width: 100%;
         }
     }
     
     .project__details-thumb {
         height: 100%;
         padding-bottom: 30px;
     }
     
     .project__details-thumb img {
         -webkit-border-radius: 10px;
         -moz-border-radius: 10px;
         -o-border-radius: 10px;
         -ms-border-radius: 10px;
         border-radius: 10px;
         width: 100%;
         height: 100%;
         object-fit: cover;
         min-height: 250px;
     }
     
     .project__details-info {
         background: var(--tg-heading-color);
         padding: 25px 30px 30px;
         -webkit-border-radius: 10px;
         -moz-border-radius: 10px;
         -o-border-radius: 10px;
         -ms-border-radius: 10px;
         border-radius: 10px;
         margin-bottom: 30px;
         margin-left: 20px;
     }
     
     @media (max-width: 1199.98px) {
         .project__details-info {
             margin-left: 0;
             padding: 25px 20px 30px;
         }
     }
     
     @media (max-width: 991.98px) {
         .project__details-info {
             padding: 25px 30px 30px;
         }
     }
     
     .project__details-info .title {
         font-size: 22px;
         font-weight: 600;
         color: var(--tg-color-white-default);
         margin-bottom: 22px;
         position: relative;
         padding-bottom: 15px;
     }
     
     .project__details-info .title::before {
         content: "";
         position: absolute;
         left: 0;
         bottom: 0;
         width: 30px;
         height: 4px;
         background: var(--tg-theme-primary);
         -webkit-border-radius: 4px;
         -moz-border-radius: 4px;
         -o-border-radius: 4px;
         -ms-border-radius: 4px;
         border-radius: 4px;
     }
     
     .project__details-info>.list-wrap>li {
         display: -webkit-box;
         display: -moz-box;
         display: -ms-flexbox;
         display: -webkit-flex;
         display: flex;
         align-items: center;
         font-size: 16px;
         font-weight: 500;
         font-family: var(--tg-heading-font-family);
         color: var(--tg-color-white-default);
         border-bottom: 1px solid #292C7C;
         margin-bottom: 15px;
         padding-bottom: 15px;
     }
     
     .project__details-info>.list-wrap>li span {
         font-weight: 400;
         color: #AAACDF;
         min-width: 80px;
         margin-right: 10px;
     }
     
     .project__details-info>.list-wrap>li:last-child {
         border-bottom: none;
         margin: 0;
         padding: 0;
     }
     
     .project__details-info>.list-wrap>li .project-social {
         display: -webkit-box;
         display: -moz-box;
         display: -ms-flexbox;
         display: -webkit-flex;
         display: flex;
         align-items: center;
         gap: 15px;
     }
     
     .project__details-info>.list-wrap>li .project-social li a {
         font-size: 18px;
         color: var(--tg-color-white-default);
     }
     
     .project__details-info>.list-wrap>li .project-social li a:hover {
         color: var(--tg-theme-primary);
     }
     
     .project__details-content>.title {
         font-size: 36px;
         margin-bottom: 20px;
     }
     
     @media (max-width: 767.98px) {
         .project__details-content>.title {
             font-size: 32px;
         }
     }
     
     .project__details-content>p {
         margin-bottom: 20px;
     }
     
     .project__details-inner {
         margin-top: 70px;
     }
     
     @media (max-width: 767.98px) {
         .project__details-inner {
             margin-top: 40px;
         }
     }
     
     .project__details-inner-content .title {
         font-size: 36px;
         margin-bottom: 20px;
         font-weight: 600;
     }
     
     @media (max-width: 767.98px) {
         .project__details-inner-content .title {
             font-size: 30px;
         }
     }
     
     .project__details-inner-content p {
         margin-bottom: 0;
     }
     
     .project__details-inner-content p.last-info {
         margin-bottom: 0;
     }
     
     .project__details-inner-content .content-inner {
         display: -webkit-box;
         display: -moz-box;
         display: -ms-flexbox;
         display: -webkit-flex;
         display: flex;
         align-items: center;
         justify-content: space-between;
         gap: 30px;
         flex-wrap: wrap;
         margin: 30px 0;
     }
     
     .project__details-inner-content .content-inner .graph-img img {
         -webkit-box-shadow: -7px 7px 0px 0px rgba(0, 0, 0, 0.1);
         -moz-box-shadow: -7px 7px 0px 0px rgba(0, 0, 0, 0.1);
         -ms-box-shadow: -7px 7px 0px 0px rgba(0, 0, 0, 0.1);
         -o-box-shadow: -7px 7px 0px 0px rgba(0, 0, 0, 0.1);
         box-shadow: -7px 7px 0px 0px rgba(0, 0, 0, 0.1);
         border: 0.8px solid #DADADA;
         -webkit-border-radius: 12px;
         -moz-border-radius: 12px;
         -o-border-radius: 12px;
         -ms-border-radius: 12px;
         border-radius: 12px;
     }
     
     .project__details-inner-img {
         text-align: right;
     }
     
     @media (max-width: 991.98px) {
         .project__details-inner-img {
             text-align: center;
             margin-bottom: 30px;
         }
     }
     
     .project__details-inner-img img {
         -webkit-border-radius: 10px;
         -moz-border-radius: 10px;
         -o-border-radius: 10px;
         -ms-border-radius: 10px;
         border-radius: 10px;
     }
     
     .link-arrow a {
         width: 50px;
         height: 50px;
         display: -webkit-box;
         display: -moz-box;
         display: -ms-flexbox;
         display: -webkit-flex;
         display: flex;
         align-items: center;
         justify-content: center;
         background: var(--tg-color-gray-3);
         border: 1px solid var(--tg-border-1);
         -webkit-border-radius: 50%;
         -moz-border-radius: 50%;
         -o-border-radius: 50%;
         -ms-border-radius: 50%;
         border-radius: 50%;
         color: var(--tg-theme-secondary);
         font-size: 18px;
         line-height: 0;
         --arrow-hover-move-x: 110%;
         --arrow-hover-move-y: 100%;
     }
     
     .link-arrow a svg {
         width: 20px;
     }
     
     .link-arrow a svg path {
         transition: transform 0.38s cubic-bezier(0.37, 0.08, 0.02, 0.93), opacity 0.18s ease-out;
     }
     
     .link-arrow a svg path:nth-of-type(1) {
         -webkit-transform: translateX(0) translateY(0);
         -moz-transform: translateX(0) translateY(0);
         -ms-transform: translateX(0) translateY(0);
         -o-transform: translateX(0) translateY(0);
         transform: translateX(0) translateY(0);
         opacity: 1;
         transition-delay: 0.15s, 0.15s;
     }
     
     .link-arrow a svg path:nth-of-type(2) {
         -webkit-transform: translateX(calc(-1 * var(--arrow-hover-move-x))) translateY(var(--arrow-hover-move-y));
         -moz-transform: translateX(calc(-1 * var(--arrow-hover-move-x))) translateY(var(--arrow-hover-move-y));
         -ms-transform: translateX(calc(-1 * var(--arrow-hover-move-x))) translateY(var(--arrow-hover-move-y));
         -o-transform: translateX(calc(-1 * var(--arrow-hover-move-x))) translateY(var(--arrow-hover-move-y));
         transform: translateX(calc(-1 * var(--arrow-hover-move-x))) translateY(var(--arrow-hover-move-y));
         opacity: 0.5;
         transition-delay: 0s, 0s;
     }
     
     .link-arrow a:hover {
         background: var(--tg-theme-secondary);
         border-color: var(--tg-theme-secondary);
         color: var(--tg-color-white-default);
     }
     
     .link-arrow a:hover svg path:nth-of-type(1) {
         -webkit-transform: translateX(var(--arrow-hover-move-x)) translateY(calc(-1 * var(--arrow-hover-move-y)));
         -moz-transform: translateX(var(--arrow-hover-move-x)) translateY(calc(-1 * var(--arrow-hover-move-y)));
         -ms-transform: translateX(var(--arrow-hover-move-x)) translateY(calc(-1 * var(--arrow-hover-move-y)));
         -o-transform: translateX(var(--arrow-hover-move-x)) translateY(calc(-1 * var(--arrow-hover-move-y)));
         transform: translateX(var(--arrow-hover-move-x)) translateY(calc(-1 * var(--arrow-hover-move-y)));
         opacity: 0;
         transition-delay: 0s, 0s;
     }
     
     .link-arrow a:hover svg path:nth-of-type(2) {
         -webkit-transform: translateX(0) translateY(0);
         -moz-transform: translateX(0) translateY(0);
         -ms-transform: translateX(0) translateY(0);
         -o-transform: translateX(0) translateY(0);
         transform: translateX(0) translateY(0);
         opacity: 1;
         transition-delay: 0.15s, 0.15s;
     }
     
     .link-arrow-two a {
         width: 50px;
         height: 50px;
         display: -webkit-box;
         display: -moz-box;
         display: -ms-flexbox;
         display: -webkit-flex;
         display: flex;
         align-items: center;
         justify-content: center;
         background: var(--tg-theme-primary);
         color: var(--tg-color-white-default);
         border: none;
         -webkit-border-radius: 50%;
         -moz-border-radius: 50%;
         -o-border-radius: 50%;
         -ms-border-radius: 50%;
         border-radius: 50%;
         margin: 0 auto;
     }
     
     .link-arrow-two a:hover {
         color: #f7a400;
         background: #ffffff;
     }
     /*=============================
	10. Pricing
===============================*/
     
     .pricing__bg {
         padding: 120px 0 90px;
         position: relative;
         z-index: 1;
         background-size: cover;
         background-position: center;
     }
     
     @media (max-width: 767.98px) {
         .pricing__bg {
             padding: 100px 0 70px;
         }
     }
     
     .pricing__bg-two {
         padding: 255px 0 90px;
         margin-top: -135px;
     }
     
     @media (max-width: 767.98px) {
         .pricing__bg-two {
             padding: 235px 0 70px;
         }
     }
     
     .pricing__tab {
         display: -webkit-box;
         display: -moz-box;
         display: -ms-flexbox;
         display: -webkit-flex;
         display: flex;
         align-items: center;
         justify-content: center;
         position: relative;
         margin-bottom: 40px;
     }
     
     .pricing__tab-btn {
         cursor: pointer;
         color: var(--tg-border-5);
         font-weight: 600;
         font-size: 18px;
         user-select: none;
         font-family: var(--tg-heading-font-family);
         -webkit-transition: all 0.3s ease-out 0s;
         -moz-transition: all 0.3s ease-out 0s;
         -ms-transition: all 0.3s ease-out 0s;
         -o-transition: all 0.3s ease-out 0s;
         transition: all 0.3s ease-out 0s;
     }
     
     .pricing__tab-btn.monthly_tab_title {
         color: var(--tg-heading-color);
     }
     
     .pricing__tab-btn.monthly_tab_title.active {
         color: var(--tg-border-5);
     }
     
     .pricing__tab-btn.annual_tab_title.active {
         color: var(--tg-heading-color);
     }
     
     .pricing__tab-switcher {
         height: 30px;
         width: 60px;
         display: inline-block;
         -webkit-border-radius: 30px;
         -moz-border-radius: 30px;
         -o-border-radius: 30px;
         -ms-border-radius: 30px;
         border-radius: 30px;
         position: relative;
         margin: 0 15px;
         -webkit-transform: translateY(0px);
         -ms-transform: translateY(0px);
         transform: translateY(0px);
         cursor: pointer;
         background: var(--tg-theme-primary);
     }
     
     .pricing__tab-switcher::before {
         content: "";
         position: absolute;
         left: 2px;
         top: 2px;
         bottom: 2px;
         width: 26px;
         -webkit-border-radius: 50%;
         -moz-border-radius: 50%;
         -o-border-radius: 50%;
         -ms-border-radius: 50%;
         border-radius: 50%;
         background: var(--tg-color-white-default);
         -webkit-transition: all 0.3s ease-out 0s;
         -moz-transition: all 0.3s ease-out 0s;
         -ms-transition: all 0.3s ease-out 0s;
         -o-transition: all 0.3s ease-out 0s;
         transition: all 0.3s ease-out 0s;
     }
     
     .pricing__tab-switcher.active:before {
         left: calc(100% - 28px);
     }
     
     .pricing__box {
         background: var(--tg-color-white-default);
         border: 1px solid #CFDDE2;
         -webkit-border-radius: 15px;
         -moz-border-radius: 15px;
         -o-border-radius: 15px;
         -ms-border-radius: 15px;
         border-radius: 15px;
         padding: 50px 65px;
         margin-bottom: 30px;
     }
     
     @media (max-width: 1199.98px) {
         .pricing__box {
             padding: 40px 25px;
         }
     }
     
     @media (max-width: 991.98px) {
         .pricing__box {
             padding: 40px 30px;
         }
     }
     
     .pricing__box-two {
         text-align: center;
     }
     
     .pricing__box-two .pricing__price {
         margin-bottom: 20px;
     }
     
     .pricing__box-two .pricing__price .price {
         justify-content: center;
     }
     
     .pricing__box-two .pricing__list .list-wrap li {
         justify-content: left;
         text-align: left;
     }
     
     .pricing__head {
         margin-bottom: 20px;
     }
     
     .pricing__head .title {
         margin-bottom: 0;
         font-size: 16px;
         font-weight: 500;
         text-transform: uppercase;
         display: inline-block;
         background: var(--tg-color-gray-3);
         -webkit-border-radius: 30px;
         -moz-border-radius: 30px;
         -o-border-radius: 30px;
         -ms-border-radius: 30px;
         border-radius: 30px;
         padding: 12px 22px;
     }
     
     .pricing__price {
         margin-bottom: 40px;
     }
     
     .pricing__price .price {
         display: -webkit-box;
         display: -moz-box;
         display: -ms-flexbox;
         display: -webkit-flex;
         display: flex;
         margin-bottom: 0;
         font-size: 48px;
         align-items: flex-end;
         line-height: 1;
     }
     
     .pricing__price .price strong {
         font-weight: 400;
         font-size: 18px;
         margin: 4px 3px auto 0;
         color: var(--tg-border-5);
     }
     
     .pricing__price .price span {
         color: var(--tg-border-5);
         text-transform: lowercase;
         font-weight: 400;
         font-size: 18px;
         margin-left: 5px;
         margin-bottom: 7px;
         text-transform: capitalize;
     }
     
     .pricing__price .price.annual_price {
         display: none;
     }
     
     .pricing__price.change-subs-duration .monthly_price {
         display: none;
     }
     
     .pricing__price.change-subs-duration .annual_price {
         display: flex;
     }
     
     .pricing__content p {
         margin-bottom: 30px;
     }
     
     .pricing__list {
         margin-bottom: 30px;
     }
     
     .pricing__list .list-wrap li {
         display: -webkit-box;
         display: -moz-box;
         display: -ms-flexbox;
         display: -webkit-flex;
         display: flex;
         align-items: center;
         font-size: 16px;
         font-weight: 500;
         text-transform: capitalize;
         gap: 10px;
         margin-bottom: 15px;
     }
     
     .pricing__list .list-wrap li:last-child {
         margin-bottom: 0;
     }
     
     .pricing__shape-wrap img {
         position: absolute;
         z-index: -1;
     }
     
     .pricing__shape-wrap img:nth-child(1) {
         left: 0;
         top: 0;
     }
     
     @media (max-width: 767.98px) {
         .pricing__shape-wrap img:nth-child(1) {
             width: 200px;
         }
     }
     
     .pricing__shape-wrap img:nth-child(2) {
         right: 0;
         bottom: 0;
     }
     
     @media (max-width: 767.98px) {
         .pricing__shape-wrap img:nth-child(2) {
             width: 200px;
         }
     }
     /*=============================
	11. Request
===============================*/
     
     .request-bg {
         background-size: cover;
         background-position: center;
         position: relative;
         padding: 280px 0 220px;
         z-index: 1;
         overflow: hidden;
     }
     
     @media (max-width: 1500px) {
         .request-bg {
             padding: 200px 0 180px;
         }
     }
     
     @media (max-width: 1199.98px) {
         .request-bg {
             padding: 180px 0 160px;
         }
     }
     
     @media (max-width: 991.98px) {
         .request-bg {
             padding: 130px 0 130px;
         }
     }
     
     @media (max-width: 767.98px) {
         .request-bg {
             padding: 100px 0;
         }
     }
     
     .request-bg::before {
         content: "";
         position: absolute;
         left: 0;
         bottom: 0;
         width: 100%;
         height: 100%;
         background: #184969;
         opacity: 0.5;
         z-index: -1;
     }
     
     .request-bg.home-9::before {
         content: "";
         position: absolute;
         left: 0;
         bottom: 0;
         width: 100%;
         height: 100%;
         background: #14176c;
         opacity: 0.8;
         z-index: -1;
     }
     
     .request__area-two {
         padding: 120px 0;
         position: relative;
         z-index: 1;
     }
     
     @media (max-width: 767.98px) {
         .request__area-two {
             padding: 100px 0;
         }
     }
     
     .request__area-three {
         padding: 120px 0;
         position: relative;
         z-index: 1;
     }
     
     @media (max-width: 767.98px) {
         .request__area-three {
             padding: 100px 0;
         }
     }
     
     .request__bg-two {
         background-size: cover;
         background-position: center;
         position: absolute;
         left: 0;
         top: 0;
         width: 100%;
         height: 100%;
         z-index: -1;
         background-attachment: fixed;
     }
     
     .request__bg-three {
         background-size: cover;
         background-position: center;
         position: absolute;
         left: 0;
         top: 0;
         width: 100%;
         height: 100%;
         z-index: -1;
         background-attachment: fixed;
     }
     
     .request-content .title {
         font-size: 48px;
         font-weight: 800;
         color: var(--tg-color-white-default);
         margin-bottom: 30px;
     }
     
     @media (max-width: 1199.98px) {
         .request-content .title {
             font-size: 40px;
         }
     }
     
     @media (max-width: 767.98px) {
         .request-content .title {
             font-size: 36px;
         }
     }
     
     .request-content .btn {
         background: var(--tg-theme-secondary);
         color: var(--tg-color-white-default);
     }
     
     .request-content .btn::before {
         background: var(--tg-theme-primary);
     }
     
     .request-content .content-bottom {
         display: -webkit-box;
         display: -moz-box;
         display: -ms-flexbox;
         display: -webkit-flex;
         display: flex;
         align-items: center;
         justify-content: center;
         gap: 20px;
     }
     
     @media (max-width: 767.98px) {
         .request-content .content-bottom {
             flex-wrap: wrap;
         }
     }
     
     .request-content .content-bottom .content-right {
         display: -webkit-box;
         display: -moz-box;
         display: -ms-flexbox;
         display: -webkit-flex;
         display: flex;
         align-items: center;
         gap: 15px;
     }
     
     .request-content .content-bottom .content-right .icon {
         font-size: 36px;
         line-height: 0;
         color: var(--tg-theme-primary);
     }
     
     .request-content .content-bottom .content-right .content span {
         display: block;
         text-align: left;
         font-size: 14px;
         line-height: 0;
         color: var(--tg-color-white-default);
         margin-bottom: 8px;
     }
     
     .request-content .content-bottom .content-right .content a {
         color: var(--tg-color-white-default);
         font-size: 24px;
         font-weight: 600;
         font-family: var(--tg-heading-font-family);
     }
     
     .request-content .content-bottom .content-right .content a:hover {
         color: var(--tg-theme-primary);
     }
     
     .request__content-two {
         background: var(--tg-heading-color);
         padding: 60px 60px;
         -webkit-border-radius: 15px;
         -moz-border-radius: 15px;
         -o-border-radius: 15px;
         -ms-border-radius: 15px;
         border-radius: 15px;
     }
     
     @media (max-width: 991.98px) {
         .request__content-two {
             text-align: center;
         }
     }
     
     @media (max-width: 767.98px) {
         .request__content-two {
             padding: 40px 35px;
         }
     }
     
     .request__content-two .title {
         color: var(--tg-color-white-default);
         margin-bottom: 20px;
         font-size: 40px;
         font-weight: 400;
         text-transform: capitalize;
     }
     
     @media (max-width: 767.98px) {
         .request__content-two .title {
             font-size: 32px;
         }
     }
     
     .request__content-two .title span {
         font-weight: 700;
     }
     
     .request__phone {
         display: -webkit-box;
         display: -moz-box;
         display: -ms-flexbox;
         display: -webkit-flex;
         display: flex;
         align-items: center;
         gap: 15px;
         margin-bottom: 30px;
     }
     
     @media (max-width: 991.98px) {
         .request__phone {
             justify-content: center;
         }
     }
     
     .request__phone .icon {
         font-size: 36px;
         line-height: 0;
         color: var(--tg-theme-primary);
     }
     
     .request__phone .content span {
         line-height: 1;
         display: block;
         font-size: 14px;
         font-family: var(--tg-heading-font-family);
         color: var(--tg-color-gray-2);
         text-align: left;
     }
     
     .request__phone .content a {
         color: var(--tg-color-white-default);
         font-size: 24px;
         font-weight: 600;
         font-family: var(--tg-heading-font-family);
         text-align: left;
     }
     
     @media (max-width: 767.98px) {
         .request__phone .content a {
             font-size: 22px;
         }
     }
     
     .request__phone .content a:hover {
         color: var(--tg-theme-primary);
     }
     
     .request-shape img {
         position: absolute;
         z-index: -1;
     }
     
     .request-shape img:nth-child(1) {
         left: 0;
         top: 0;
     }
     
     @media (max-width: 1199.98px) {
         .request-shape img:nth-child(1) {
             width: 300px;
         }
     }
     
     @media (max-width: 767.98px) {
         .request-shape img:nth-child(1) {
             width: 210px;
         }
     }
     
     .request-shape img:nth-child(2) {
         right: 0;
         bottom: 0;
     }
     
     @media (max-width: 1199.98px) {
         .request-shape img:nth-child(2) {
             width: 300px;
         }
     }
     
     @media (max-width: 767.98px) {
         .request-shape img:nth-child(2) {
             width: 190px;
         }
     }
     
     .request__shape-two img {
         position: absolute;
         z-index: -1;
     }
     
     .request__shape-two img:nth-child(1) {
         left: 0;
         top: 0;
     }
     
     @media (max-width: 991.98px) {
         .request__shape-two img:nth-child(1) {
             width: 200px;
         }
     }
     
     .request__shape-two img:nth-child(2) {
         right: 0;
         bottom: 0;
     }
     
     @media (max-width: 991.98px) {
         .request__shape-two img:nth-child(2) {
             width: 200px;
         }
     }
     /*=============================
    12. Consulting
===============================*/
     
     .consulting-area {
         position: relative;
         z-index: 2;
     }
     
     .consulting-inner-wrap {
         background: var(--tg-theme-secondary);
         -webkit-border-radius: 15px;
         -moz-border-radius: 15px;
         -o-border-radius: 15px;
         -ms-border-radius: 15px;
         border-radius: 15px;
         display: -webkit-box;
         display: -moz-box;
         display: -ms-flexbox;
         display: -webkit-flex;
         display: flex;
         position: relative;
         z-index: 1;
         overflow: hidden;
     }
     
     .consulting-content {
         padding: 70px 65px;
         display: -webkit-box;
         display: -moz-box;
         display: -ms-flexbox;
         display: -webkit-flex;
         display: flex;
         align-items: center;
         gap: 24px;
     }
     
     @media (max-width: 1199.98px) {
         .consulting-content {
             padding: 50px 30px;
             gap: 20px;
         }
     }
     
     @media (max-width: 767.98px) {
         .consulting-content {
             flex-wrap: wrap;
             text-align: center;
         }
     }
     
     .consulting-content .content-left {
         background: var(--tg-theme-primary);
         text-align: center;
         padding: 20px 23px;
     }
     
     @media (max-width: 767.98px) {
         .consulting-content .content-left {
             margin: 0 auto;
         }
     }
     
     .consulting-content .content-left .title {
         font-size: 40px;
         margin-bottom: 5px;
         color: var(--tg-color-white-default);
         line-height: 1;
     }
     
     .consulting-content .content-left span {
         font-size: 15px;
         font-weight: 500;
         display: block;
         line-height: 1.2;
         color: var(--tg-color-white-default);
         font-family: var(--tg-heading-font-family);
     }
     
     .consulting-content .content-right .title {
         margin-bottom: 15px;
         font-size: 30px;
         color: var(--tg-color-white-default);
     }
     
     .consulting-content .content-right p {
         margin-bottom: 0;
         color: var(--tg-color-white-default);
     }
     
     .consulting-img {
         width: 392px;
         flex: 0 0 auto;
     }
     
     @media (max-width: 991.98px) {
         .consulting-img {
             display: none;
         }
     }
     
     .consulting-img img {
         object-fit: cover;
         height: 100%;
         width: 100%;
         -webkit-border-radius: 0 15px 15px 0;
         -moz-border-radius: 0 15px 15px 0;
         -o-border-radius: 0 15px 15px 0;
         -ms-border-radius: 0 15px 15px 0;
         border-radius: 0 15px 15px 0;
     }
     
     .consulting-shape img {
         position: absolute;
         left: 0;
         bottom: 0;
         z-index: -1;
     }
     /*=============================
    13. Testimonial
===============================*/
     
     .testimonial-area {
         background: #fffbf3;
         padding: 250px 0 0;
         position: relative;
         z-index: 1;
         margin-top: -130px;
         overflow: hidden;
     }
     
     @media (max-width: 767.98px) {
         .testimonial-area {
             padding: 230px 0 0;
         }
     }
     
     .testimonial__area-two {
         background: var(--tg-heading-color);
         padding: 120px 0 90px;
         position: relative;
         z-index: 1;
         overflow: hidden;
     }
     
     @media (max-width: 767.98px) {
         .testimonial__area-two {
             padding: 100px 0 70px;
         }
     }
     
     .testimonial__area-three {
         background: var(--tg-heading-color);
         padding: 120px 0;
         position: relative;
         z-index: 1;
         overflow: hidden;
     }
     
     @media (max-width: 767.98px) {
         .testimonial__area-three {
             padding: 100px 0;
         }
     }
     
     .testimonial__area-three.home-10 {
         background: #184969;
     }
     
     .testimonial__area-three.home-10 .bg {
         opacity: 0.15;
     }
     
     .testimonial__bg {
         background-size: cover;
         background-position: center;
         padding: 0 0 120px;
     }
     
     @media (max-width: 767.98px) {
         .testimonial__bg {
             padding: 0 0 100px;
         }
     }
     
     .testimonial__bg-two {
         padding: 120px 0;
     }
     
     @media (max-width: 767.98px) {
         .testimonial__bg-two {
             padding: 100px 0;
         }
     }
     
     .testimonial-img-wrap {
         position: relative;
         z-index: 1;
         text-align: center;
     }
     
     @media (max-width: 991.98px) {
         .testimonial-img-wrap {
             margin-top: 50px;
         }
     }
     
     .testimonial-img-wrap .img-shape img {
         position: absolute;
         z-index: -1;
     }
     
     .testimonial-img-wrap .img-shape img:nth-child(1) {
         left: 0;
         bottom: 0;
     }
     
     .testimonial-img-wrap .img-shape img:nth-child(2) {
         left: 10%;
         top: 18%;
     }
     
     @media (max-width: 1199.98px) {
         .testimonial-img-wrap .img-shape img:nth-child(2) {
             left: 5%;
         }
     }
     
     @media (max-width: 767.98px) {
         .testimonial-img-wrap .img-shape img:nth-child(2) {
             left: 3%;
             width: 70px;
             top: 10%;
         }
     }
     
     @media only screen and (min-width: 576px) and (max-width: 767px) {
         .testimonial-img-wrap .img-shape img:nth-child(2) {
             left: 5%;
             width: 90px;
             top: 13%;
         }
     }
     
     .testimonial-img-wrap .img-shape img:nth-child(3) {
         left: 14%;
         bottom: 19%;
     }
     
     @media (max-width: 1199.98px) {
         .testimonial-img-wrap .img-shape img:nth-child(3) {
             left: 3%;
             bottom: 30%;
         }
     }
     
     @media (max-width: 767.98px) {
         .testimonial-img-wrap .img-shape img:nth-child(3) {
             display: none;
         }
     }
     
     .testimonial-img-wrap .img-shape img:nth-child(4) {
         right: 0%;
         bottom: 21%;
         animation-duration: 5s;
     }
     
     @media (max-width: 767.98px) {
         .testimonial-img-wrap .img-shape img:nth-child(4) {
             display: none;
         }
     }
     
     .testimonial__img-wrap-two {
         position: relative;
         text-align: center;
     }
     
     @media (max-width: 991.98px) {
         .testimonial__img-wrap-two {
             margin-bottom: 50px;
         }
     }
     
     .testimonial__img-shape-two img {
         position: absolute;
     }
     
     .testimonial__img-shape-two img:nth-child(1) {
         left: 0;
         top: 40%;
     }
     
     @media (max-width: 1199.98px) {
         .testimonial__img-shape-two img:nth-child(1) {
             left: -2%;
             width: 100px;
         }
     }
     
     @media (max-width: 767.98px) {
         .testimonial__img-shape-two img:nth-child(1) {
             display: none;
         }
     }
     
     .testimonial__img-shape-two img:nth-child(2) {
         left: 16%;
         bottom: 1%;
     }
     
     @media (max-width: 767.98px) {
         .testimonial__img-shape-two img:nth-child(2) {
             left: 9%;
             bottom: -3%;
         }
     }
     
     @media only screen and (min-width: 576px) and (max-width: 767px) {
         .testimonial__img-shape-two img:nth-child(2) {
             left: 16%;
             bottom: 1%;
         }
     }
     
     .testimonial__img-shape-two img:nth-child(3) {
         right: 13%;
         top: 32%;
     }
     
     @media (max-width: 1199.98px) {
         .testimonial__img-shape-two img:nth-child(3) {
             right: 9%;
         }
     }
     
     @media (max-width: 767.98px) {
         .testimonial__img-shape-two img:nth-child(3) {
             top: 28%;
             right: 3%;
         }
     }
     
     @media only screen and (min-width: 576px) and (max-width: 767px) {
         .testimonial__img-shape-two img:nth-child(3) {
             right: 10%;
         }
     }
     
     .testimonial-info {
         margin-bottom: 20px;
     }
     
     .testimonial-info .title {
         font-size: 22px;
         font-weight: 600;
         margin-bottom: 5px;
     }
     
     .testimonial-info span {
         display: block;
         font-family: var(--tg-heading-font-family);
         line-height: 1;
     }
     
     .testimonial__info-two .title {
         margin-bottom: 5px;
         color: var(--tg-color-white-default);
         font-size: 20px;
     }
     
     .testimonial__info-two span {
         font-size: 15px;
         display: block;
         font-family: var(--tg-heading-font-family);
         color: #9597c8;
         margin-bottom: 12px;
     }
     
     .testimonial__info-three {
         position: relative;
         padding-left: 20px;
     }
     
     .testimonial__info-three::before {
         content: "";
         position: absolute;
         left: 0;
         top: 50%;
         -webkit-transform: translateY(-50%);
         -moz-transform: translateY(-50%);
         -ms-transform: translateY(-50%);
         -o-transform: translateY(-50%);
         transform: translateY(-50%);
         width: 4px;
         height: 36px;
         -webkit-border-radius: 4px;
         -moz-border-radius: 4px;
         -o-border-radius: 4px;
         -ms-border-radius: 4px;
         border-radius: 4px;
         background: var(--tg-theme-secondary);
     }
     
     .testimonial__info-three .title {
         margin-bottom: 8px;
         font-size: 22px;
         color: var(--tg-theme-secondary);
     }
     
     .testimonial__info-three span {
         display: block;
         line-height: 1;
     }
     
     .testimonial__info-three.home-9::before {
         background: var(--tg-theme-primary);
     }
     
     .testimonial__item-two {
         background: #1f227b;
         -webkit-border-radius: 10px;
         -moz-border-radius: 10px;
         -o-border-radius: 10px;
         -ms-border-radius: 10px;
         border-radius: 10px;
         padding: 40px 35px 70px;
         text-align: center;
         margin-bottom: 30px;
         position: relative;
         overflow: hidden;
         z-index: 1;
     }
     
     @media (max-width: 1199.98px) {
         .testimonial__item-two {
             padding: 40px 20px 70px;
         }
     }
     
     @media (max-width: 991.98px) {
         .testimonial__item-two {
             padding: 40px 25px 70px;
         }
     }
     
     .testimonial__item-two .testimonial__rating {
         justify-content: center;
     }
     
     .testimonial__item-two p {
         margin-bottom: 0;
         color: var(--tg-color-gray-2);
         text-transform: capitalize;
     }
     
     .testimonial__item-two .icon {
         position: absolute;
         right: 25px;
         bottom: -8px;
         z-index: -1;
     }
     
     .testimonial__item-three.home-9 {
         padding: 24px;
         gap: 22px;
         border-radius: 12px;
         border: 1px solid var(--tg-color-gray-2);
         background: var(--tg-color-white-default);
     }
     
     .testimonial__item-three p {
         font-size: 20px;
         font-weight: 500;
         font-style: italic;
         margin-bottom: 40px;
         text-transform: capitalize;
     }
     
     .testimonial__item-four .testimonial-info .title {
         color: var(--tg-color-white-default);
     }
     
     .testimonial__item-four .testimonial-info span {
         color: var(--tg-border-5);
     }
     
     .testimonial__item-four .testimonial-content p {
         color: var(--tg-color-gray-2);
     }
     
     .testimonial__item-wrap {
         margin-left: 50px;
     }
     
     @media (max-width: 1199.98px) {
         .testimonial__item-wrap {
             margin-left: 0;
         }
     }
     
     .testimonial__rating {
         display: -webkit-box;
         display: -moz-box;
         display: -ms-flexbox;
         display: -webkit-flex;
         display: flex;
         align-items: center;
         gap: 3px;
         font-size: 18px;
         color: var(--tg-theme-primary);
         margin-bottom: 20px;
     }
     
     .testimonial__rating i:last-child {
         color: #ded9ce;
     }
     
     .testimonial__rating-two {
         margin-bottom: 30px;
     }
     
     .testimonial__rating.home-9 i:last-child {
         color: var(--tg-theme-primary);
     }
     
     .testimonial__avatar {
         border: 2px solid var(--tg-color-white-default);
         width: 82px;
         margin: 0 auto 15px;
         -webkit-border-radius: 50%;
         -moz-border-radius: 50%;
         -o-border-radius: 50%;
         -ms-border-radius: 50%;
         border-radius: 50%;
         overflow: hidden;
     }
     
     .testimonial__avatar img {
         width: 100%;
         object-fit: cover;
     }
     
     .testimonial-content {
         display: -webkit-box;
         display: -moz-box;
         display: -ms-flexbox;
         display: -webkit-flex;
         display: flex;
         align-items: center;
         gap: 40px;
     }
     
     @media (max-width: 1199.98px) {
         .testimonial-content {
             gap: 20px;
         }
     }
     
     .testimonial-content p {
         margin-bottom: 0;
         font-size: 17px;
         font-style: italic;
         line-height: 1.58;
         text-transform: capitalize;
     }
     
     .testimonial-content .icon {
         width: 80px;
         height: 80px;
         display: -webkit-box;
         display: -moz-box;
         display: -ms-flexbox;
         display: -webkit-flex;
         display: flex;
         align-items: center;
         justify-content: center;
         background: var(--tg-theme-primary);
         flex: 0 0 auto;
         -webkit-border-radius: 40px 0 0 0;
         -moz-border-radius: 40px 0 0 0;
         -o-border-radius: 40px 0 0 0;
         -ms-border-radius: 40px 0 0 0;
         border-radius: 40px 0 0 0;
         font-size: 40px;
         line-height: 0;
         color: var(--tg-color-white-default);
     }
     
     @media (max-width: 767.98px) {
         .testimonial-content .icon {
             display: none;
         }
     }
     
     .testimonial-nav .swiper-wrapper {
         display: -webkit-box;
         display: -moz-box;
         display: -ms-flexbox;
         display: -webkit-flex;
         display: flex;
         align-items: center;
         gap: 10px;
         margin-top: 35px;
     }
     
     .testimonial-nav .swiper-wrapper button {
         border: none;
         background: transparent;
         padding: 0;
         -webkit-border-radius: 50%;
         -moz-border-radius: 50%;
         -o-border-radius: 50%;
         -ms-border-radius: 50%;
         border-radius: 50%;
         position: relative;
         width: 65px;
     }
     
     .testimonial-nav .swiper-wrapper button img {
         -webkit-border-radius: 50%;
         -moz-border-radius: 50%;
         -o-border-radius: 50%;
         -ms-border-radius: 50%;
         border-radius: 50%;
         width: 100%;
         filter: grayscale(1);
     }
     
     .testimonial-nav .swiper-wrapper .swiper-slide {
         width: auto !important;
     }
     
     .testimonial-nav .swiper-slide-thumb-active button img {
         filter: grayscale(0);
     }
     
     .testimonial__nav-two {
         display: -webkit-box;
         display: -moz-box;
         display: -ms-flexbox;
         display: -webkit-flex;
         display: flex;
         align-items: center;
         gap: 10px;
         margin-top: 30px;
     }
     
     .testimonial__nav-two .testimonial-button-prev {
         width: 50px;
         height: 50px;
         display: -webkit-box;
         display: -moz-box;
         display: -ms-flexbox;
         display: -webkit-flex;
         display: flex;
         align-items: center;
         justify-content: center;
         -webkit-border-radius: 50%;
         -moz-border-radius: 50%;
         -o-border-radius: 50%;
         -ms-border-radius: 50%;
         border-radius: 50%;
         background: var(--tg-color-white-default);
         border: 1.5px solid #9597c8;
         color: var(--tg-theme-secondary);
         line-height: 0;
         font-size: 24px;
         -webkit-transition: all 0.3s ease-out 0s;
         -moz-transition: all 0.3s ease-out 0s;
         -ms-transition: all 0.3s ease-out 0s;
         -o-transition: all 0.3s ease-out 0s;
         transition: all 0.3s ease-out 0s;
         -webkit-transform: rotate(180deg);
         -moz-transform: rotate(180deg);
         -ms-transform: rotate(180deg);
         -o-transform: rotate(180deg);
         transform: rotate(180deg);
     }
     
     .testimonial__nav-two .testimonial-button-prev:hover {
         background: var(--tg-theme-secondary);
         border-color: var(--tg-theme-secondary);
         color: var(--tg-color-white-default);
     }
     
     .testimonial__nav-two .testimonial-button-next {
         width: 50px;
         height: 50px;
         display: -webkit-box;
         display: -moz-box;
         display: -ms-flexbox;
         display: -webkit-flex;
         display: flex;
         align-items: center;
         justify-content: center;
         -webkit-border-radius: 50%;
         -moz-border-radius: 50%;
         -o-border-radius: 50%;
         -ms-border-radius: 50%;
         border-radius: 50%;
         background: var(--tg-color-white-default);
         border: 1.5px solid #9597c8;
         color: var(--tg-theme-secondary);
         line-height: 0;
         font-size: 24px;
         -webkit-transition: all 0.3s ease-out 0s;
         -moz-transition: all 0.3s ease-out 0s;
         -ms-transition: all 0.3s ease-out 0s;
         -o-transition: all 0.3s ease-out 0s;
         transition: all 0.3s ease-out 0s;
     }
     
     .testimonial__nav-two .testimonial-button-next:hover {
         background: var(--tg-theme-secondary);
         border-color: var(--tg-theme-secondary);
         color: var(--tg-color-white-default);
     }
     
     .testimonial__nav-three .swiper-wrapper {
         display: -webkit-box;
         display: -moz-box;
         display: -ms-flexbox;
         display: -webkit-flex;
         display: flex;
         align-items: center;
         gap: 10px;
         margin-bottom: 35px;
     }
     
     .testimonial__nav-three .swiper-wrapper button {
         border: none;
         background: transparent;
         padding: 0;
         -webkit-border-radius: 50%;
         -moz-border-radius: 50%;
         -o-border-radius: 50%;
         -ms-border-radius: 50%;
         border-radius: 50%;
         position: relative;
         width: 65px;
     }
     
     .testimonial__nav-three .swiper-wrapper button img {
         -webkit-border-radius: 50%;
         -moz-border-radius: 50%;
         -o-border-radius: 50%;
         -ms-border-radius: 50%;
         border-radius: 50%;
         width: 100%;
         filter: grayscale(1);
     }
     
     .testimonial__nav-three .swiper-wrapper .swiper-slide {
         width: auto !important;
     }
     
     .testimonial__nav-three .swiper-slide-thumb-active button img {
         filter: grayscale(0);
     }
     
     .testimonial__nav-four {
         display: -webkit-box;
         display: -moz-box;
         display: -ms-flexbox;
         display: -webkit-flex;
         display: flex;
         align-items: center;
         gap: 10px;
         margin-top: 25px;
     }
     
     .testimonial__nav-four .testimonial-two-button-prev {
         width: 50px;
         height: 50px;
         display: -webkit-box;
         display: -moz-box;
         display: -ms-flexbox;
         display: -webkit-flex;
         display: flex;
         align-items: center;
         justify-content: center;
         background: var(--tg-color-gray-3);
         -webkit-border-radius: 50%;
         -moz-border-radius: 50%;
         -o-border-radius: 50%;
         -ms-border-radius: 50%;
         border-radius: 50%;
         font-size: 24px;
         line-height: 0;
         color: var(--tg-theme-secondary);
         -webkit-transform: rotate(180deg);
         -moz-transform: rotate(180deg);
         -ms-transform: rotate(180deg);
         -o-transform: rotate(180deg);
         transform: rotate(180deg);
         -webkit-transition: all 0.3s ease-out 0s;
         -moz-transition: all 0.3s ease-out 0s;
         -ms-transition: all 0.3s ease-out 0s;
         -o-transition: all 0.3s ease-out 0s;
         transition: all 0.3s ease-out 0s;
     }
     
     .testimonial__nav-four .testimonial-two-button-prev:hover {
         background: var(--tg-theme-primary);
         color: var(--tg-color-white-default);
     }
     
     .testimonial__nav-four .testimonial-two-button-next {
         width: 50px;
         height: 50px;
         display: -webkit-box;
         display: -moz-box;
         display: -ms-flexbox;
         display: -webkit-flex;
         display: flex;
         align-items: center;
         justify-content: center;
         background: var(--tg-color-gray-3);
         -webkit-border-radius: 50%;
         -moz-border-radius: 50%;
         -o-border-radius: 50%;
         -ms-border-radius: 50%;
         border-radius: 50%;
         font-size: 24px;
         line-height: 0;
         color: var(--tg-theme-secondary);
         -webkit-transition: all 0.3s ease-out 0s;
         -moz-transition: all 0.3s ease-out 0s;
         -ms-transition: all 0.3s ease-out 0s;
         -o-transition: all 0.3s ease-out 0s;
         transition: all 0.3s ease-out 0s;
     }
     
     .testimonial__nav-four .testimonial-two-button-next:hover {
         background: var(--tg-theme-primary);
         color: var(--tg-color-white-default);
     }
     
     .testimonial__inner-top {
         display: -webkit-box;
         display: -moz-box;
         display: -ms-flexbox;
         display: -webkit-flex;
         display: flex;
         align-items: center;
         justify-content: space-between;
         gap: 30px;
     }
     
     .testimonial__inner-top .icon {
         width: 80px;
         height: 80px;
         display: -webkit-box;
         display: -moz-box;
         display: -ms-flexbox;
         display: -webkit-flex;
         display: flex;
         align-items: center;
         justify-content: center;
         background: var(--tg-theme-primary);
         flex: 0 0 auto;
         -webkit-border-radius: 40px 0 0 0;
         -moz-border-radius: 40px 0 0 0;
         -o-border-radius: 40px 0 0 0;
         -ms-border-radius: 40px 0 0 0;
         border-radius: 40px 0 0 0;
         font-size: 40px;
         line-height: 0;
         color: var(--tg-color-white-default);
     }
     
     @media (max-width: 767.98px) {
         .testimonial__inner-top .icon {
             display: none;
         }
     }
     
     .testimonial__inner-top .icon.home-10 {
         border-radius: 15px 40px 30px 5px;
     }
     
     .testimonial__bottom {
         display: -webkit-box;
         display: -moz-box;
         display: -ms-flexbox;
         display: -webkit-flex;
         display: flex;
         align-items: center;
         justify-content: space-between;
         gap: 30px;
     }
     
     .testimonial__form {
         background: var(--tg-color-white-default);
         -webkit-border-radius: 15px;
         -moz-border-radius: 15px;
         -o-border-radius: 15px;
         -ms-border-radius: 15px;
         border-radius: 15px;
         padding: 40px 45px 45px;
         width: 400px;
         margin: 0 auto;
     }
     
     @media (max-width: 1199.98px) {
         .testimonial__form {
             padding: 40px 40px 45px;
         }
     }
     
     @media (max-width: 991.98px) {
         .testimonial__form {
             margin-bottom: 50px;
         }
     }
     
     @media (max-width: 767.98px) {
         .testimonial__form {
             padding: 30px 25px 30px;
             width: 100%;
         }
     }
     
     @media only screen and (min-width: 576px) and (max-width: 767px) {
         .testimonial__form {
             padding: 40px;
         }
     }
     
     .testimonial__form .title {
         margin-bottom: 25px;
         font-size: 30px;
         text-transform: capitalize;
     }
     
     .testimonial__form .form-grp {
         margin-bottom: 10px;
     }
     
     .testimonial__form .form-grp input {
         width: 100%;
         background: transparent;
         -webkit-border-radius: 5px;
         -moz-border-radius: 5px;
         -o-border-radius: 5px;
         -ms-border-radius: 5px;
         border-radius: 5px;
         border: 1px solid #d0d6e1;
         font-size: 14px;
         font-weight: 500;
         color: var(--tg-body-color);
         padding: 15px 20px;
         height: 50px;
     }
     
     .testimonial__form .form-grp input::placeholder {
         font-size: 14px;
         font-weight: 500;
         color: #667594;
     }
     
     .testimonial__form .form-grp.select-grp {
         position: relative;
     }
     
     .testimonial__form .form-grp.select-grp select {
         background-color: transparent;
         border: 1px solid #d0d6e1;
         color: #667594;
         font-weight: 500;
         font-size: 14px;
         text-transform: capitalize;
         -webkit-border-radius: 5px;
         -moz-border-radius: 5px;
         -o-border-radius: 5px;
         -ms-border-radius: 5px;
         border-radius: 5px;
         outline: none;
         padding: 15px 40px 15px 20px;
         -webkit-appearance: none;
         -moz-appearance: none;
         appearance: none;
         width: 100%;
         line-height: 1.2;
         height: 50px;
         cursor: pointer;
     }
     
     .testimonial__form .form-grp.select-grp::after {
         content: "\f106";
         position: absolute;
         top: 50%;
         -webkit-transform: translateY(-50%);
         -moz-transform: translateY(-50%);
         -ms-transform: translateY(-50%);
         -o-transform: translateY(-50%);
         transform: translateY(-50%);
         font-family: flaticon;
         font-weight: 400;
         right: 10px;
         font-size: 24px;
         color: var(--tg-theme-secondary);
     }
     
     .testimonial-shape-wrap img {
         position: absolute;
         z-index: -1;
     }
     
     .testimonial-shape-wrap img:nth-child(1) {
         bottom: 0;
         right: 10%;
     }
     
     .testimonial-shape-wrap img:nth-child(2) {
         right: 0;
         top: 0;
     }
     
     .testimonial__shape-two img {
         position: absolute;
         right: 0;
         bottom: 0;
         z-index: -1;
     }
     
     .testimonial__shape-three img {
         position: absolute;
         z-index: -1;
         right: 15%;
         top: -15%;
         animation-duration: 30s;
     }
     
     @media (max-width: 1500px) {
         .testimonial__shape-three img {
             right: 1%;
         }
     }
     
     @media (max-width: 991.98px) {
         .testimonial__shape-three img {
             top: auto;
             bottom: -10%;
         }
     }
     
     @media (max-width: 767.98px) {
         .testimonial__shape-three img {
             bottom: 0%;
         }
     }
     
     .range-slider-wrap {
         margin-bottom: 20px;
     }
     
     .range-slider-wrap input {
         width: 100%;
         height: 15px;
         appearance: none;
         -webkit-appearance: none;
         background: #d9d9d9;
         outline: none;
         -webkit-border-radius: 10px;
         -moz-border-radius: 10px;
         -o-border-radius: 10px;
         -ms-border-radius: 10px;
         border-radius: 10px;
         overflow: hidden;
     }
     
     .range-slider-wrap .range::-webkit-slider-thumb {
         -webkit-appearance: none;
         width: 15px;
         height: 15px;
         -webkit-border-radius: 50%;
         -moz-border-radius: 50%;
         -o-border-radius: 50%;
         -ms-border-radius: 50%;
         border-radius: 50%;
         background: var(--tg-theme-primary);
         cursor: pointer;
         border: none;
         box-shadow: -807px 0 0 800px var(--tg-heading-color);
     }
     
     .range-top {
         display: -webkit-box;
         display: -moz-box;
         display: -ms-flexbox;
         display: -webkit-flex;
         display: flex;
         align-items: center;
         justify-content: space-between;
         margin-bottom: 15px;
         margin-top: 20px;
     }
     
     .range-top p {
         margin-bottom: 0;
         font-size: 16px;
         font-weight: 600;
         font-family: var(--tg-heading-font-family);
         color: var(--tg-heading-color);
     }
     
     .range-top span {
         font-size: 16px;
         font-weight: 600;
         display: block;
         font-family: var(--tg-heading-font-family);
         color: var(--tg-heading-color);
     }
     
     .range-top span strong {
         font-weight: 600;
     }
     /*=============================
	14. Features
===============================*/
     
     .features__area-two {
         padding: 120px 0 90px;
     }
     
     @media (max-width: 767.98px) {
         .features__area-two {
             padding: 100px 0 70px;
         }
     }
     
     .features__item {
         display: -webkit-box;
         display: -moz-box;
         display: -ms-flexbox;
         display: -webkit-flex;
         display: flex;
         align-items: center;
         justify-content: center;
         gap: 20px;
         padding: 80px 50px;
         border: 1px solid var(--tg-border-2);
     }
     
     @media (max-width: 1800px) {
         .features__item {
             padding: 80px 30px;
         }
     }
     
     @media (max-width: 1500px) {
         .features__item {
             padding: 60px 20px;
         }
     }
     
     @media (max-width: 1199.98px) {
         .features__item {
             display: block;
         }
     }
     
     @media (max-width: 991.98px) {
         .features__item {
             padding: 40px 30px;
         }
     }
     
     @media (max-width: 767.98px) {
         .features__item {
             padding: 40px 25px;
         }
     }
     
     .features__item:hover .features__icon i {
         -webkit-transform: rotateY(180deg);
         -moz-transform: rotateY(180deg);
         -ms-transform: rotateY(180deg);
         -o-transform: rotateY(180deg);
         transform: rotateY(180deg);
     }
     
     .features__item-wrap {
         border-bottom: 1px solid var(--tg-border-2);
     }
     
     .features__item-wrap .row {
         --bs-gutter-x: 0px;
     }
     
     .features__item-two {
         -webkit-border-radius: 10px;
         -moz-border-radius: 10px;
         -o-border-radius: 10px;
         -ms-border-radius: 10px;
         border-radius: 10px;
         border: 1px solid #E4ECEF;
         background: var(--tg-color-white-default);
         -webkit-box-shadow: 0px 7px 15px 0px rgba(0, 0, 0, 0.05);
         -moz-box-shadow: 0px 7px 15px 0px rgba(0, 0, 0, 0.05);
         -ms-box-shadow: 0px 7px 15px 0px rgba(0, 0, 0, 0.05);
         -o-box-shadow: 0px 7px 15px 0px rgba(0, 0, 0, 0.05);
         box-shadow: 0px 7px 15px 0px rgba(0, 0, 0, 0.05);
         padding: 30px 30px;
         margin-bottom: 30px;
         display: -webkit-box;
         display: -moz-box;
         display: -ms-flexbox;
         display: -webkit-flex;
         display: flex;
         align-items: flex-start;
         gap: 20px;
     }
     
     @media (max-width: 1199.98px) {
         .features__item-two {
             flex-wrap: wrap;
         }
     }
     
     @media only screen and (min-width: 576px) and (max-width: 767px) {
         .features__item-two {
             flex-wrap: nowrap;
         }
     }
     
     .features__item-two:hover .features__icon-two i {
         -webkit-transform: rotateY(180deg);
         -moz-transform: rotateY(180deg);
         -ms-transform: rotateY(180deg);
         -o-transform: rotateY(180deg);
         transform: rotateY(180deg);
     }
     
     .features__icon {
         width: 80px;
         height: 80px;
         display: -webkit-box;
         display: -moz-box;
         display: -ms-flexbox;
         display: -webkit-flex;
         display: flex;
         align-items: center;
         justify-content: center;
         background: var(--tg-color-gray-3);
         -webkit-border-radius: 10px;
         -moz-border-radius: 10px;
         -o-border-radius: 10px;
         -ms-border-radius: 10px;
         border-radius: 10px;
         flex: 0 0 auto;
         font-size: 50px;
         line-height: 0;
         color: var(--tg-theme-secondary);
     }
     
     @media (max-width: 1199.98px) {
         .features__icon {
             margin-bottom: 20px;
         }
     }
     
     .features__icon i {
         -webkit-transition: all 0.4s ease-out 0s;
         -moz-transition: all 0.4s ease-out 0s;
         -ms-transition: all 0.4s ease-out 0s;
         -o-transition: all 0.4s ease-out 0s;
         transition: all 0.4s ease-out 0s;
         -webkit-transform: rotateY(0);
         -moz-transform: rotateY(0);
         -ms-transform: rotateY(0);
         -o-transform: rotateY(0);
         transform: rotateY(0);
     }
     
     .features__icon-two {
         width: 70px;
         height: 70px;
         display: -webkit-box;
         display: -moz-box;
         display: -ms-flexbox;
         display: -webkit-flex;
         display: flex;
         align-items: center;
         justify-content: center;
         flex: 0 0 auto;
         -webkit-border-radius: 8px;
         -moz-border-radius: 8px;
         -o-border-radius: 8px;
         -ms-border-radius: 8px;
         border-radius: 8px;
         background: var(--tg-color-yellow-light);
         line-height: 0;
         color: var(--tg-theme-primary);
         font-size: 50px;
     }
     
     .features__icon-two i {
         -webkit-transition: all 0.4s ease-out 0s;
         -moz-transition: all 0.4s ease-out 0s;
         -ms-transition: all 0.4s ease-out 0s;
         -o-transition: all 0.4s ease-out 0s;
         transition: all 0.4s ease-out 0s;
         -webkit-transform: rotateY(0);
         -moz-transform: rotateY(0);
         -ms-transform: rotateY(0);
         -o-transform: rotateY(0);
         transform: rotateY(0);
     }
     
     .features__content .title {
         margin-bottom: 12px;
         font-size: 24px;
         font-weight: 600;
     }
     
     @media (max-width: 1500px) {
         .features__content .title {
             font-size: 22px;
         }
     }
     
     .features__content p {
         margin-bottom: 0;
     }
     
     @media (max-width: 1500px) {
         .features__content p br {
             display: none;
         }
     }
     
     .features__content-two .title {
         margin-bottom: 10px;
         font-size: 20px;
         text-transform: capitalize;
     }
     
     .features__content-two p {
         margin-bottom: 0;
     }
     /*=============================
	15. Marquee
===============================*/
     
     .marquee__area {
         background: var(--tg-color-yellow-light-2);
         overflow: hidden;
         padding: 0 0 120px;
     }
     
     @media (max-width: 767.98px) {
         .marquee__area {
             padding: 0 0 100px;
         }
     }
     
     .marquee__area-two {
         padding: 0 0 120px;
         overflow: hidden;
     }
     
     @media (max-width: 767.98px) {
         .marquee__area-two {
             padding: 0 0 100px;
         }
     }
     
     .marquee__wrap {
         display: -webkit-box;
         display: -moz-box;
         display: -ms-flexbox;
         display: -webkit-flex;
         display: flex;
         align-items: center;
     }
     
     .marquee__wrap:hover .marquee__box {
         animation-play-state: paused;
     }
     
     .marquee__box {
         display: -webkit-box;
         display: -moz-box;
         display: -ms-flexbox;
         display: -webkit-flex;
         display: flex;
         align-items: center;
         flex-wrap: nowrap;
         width: fit-content;
         animation: marquee 50s linear infinite;
     }
     
     .marquee__box a {
         font-weight: 700;
         font-size: 60px;
         white-space: nowrap;
         line-height: 1;
         position: relative;
         margin-right: 20px;
         text-transform: uppercase;
         font-family: var(--tg-heading-font-family);
         display: -webkit-box;
         display: -moz-box;
         display: -ms-flexbox;
         display: -webkit-flex;
         display: flex;
         align-items: center;
         color: var(--tg-theme-primary);
         letter-spacing: 1px;
     }
     
     @media (max-width: 1199.98px) {
         .marquee__box a {
             font-size: 55px;
         }
     }
     
     @media (max-width: 991.98px) {
         .marquee__box a {
             font-size: 50px;
         }
     }
     
     @media (max-width: 767.98px) {
         .marquee__box a {
             font-size: 40px;
         }
     }
     
     .marquee__box a::after {
         content: url('../favicon-image.png');
         font-size: 45px;
         font-weight: 700;
         line-height: 1;
         margin-left: 20px;
         font-family: var(--tg-icon-font-family);
         color: var(--tg-theme-primary);
     }
     
     @media (max-width: 1199.98px) {
         .marquee__box a::after {
             font-size: 40px;
         }
     }
     
     @media (max-width: 767.98px) {
         .marquee__box a::after {
             font-size: 30px;
         }
     }
     /*=============================
    16. Fact
===============================*/
     
     .counter-area {
         /* background: #fffbf3; */
         padding: 110px 0 80px;
         position: relative;
         z-index: 1;
         overflow: hidden;
     }
     
     .counter-area.home-10 {
         background: var(--tg-color-gray-3);
     }
     
     .counter-area.home-10 .bg {
         background-color: var(--tg-theme-secondary);
         width: 45%;
     }
     
     @media (max-width: 767.98px) {
         .counter-area {
             padding: 100px 0 70px;
         }
     }
     
     .counter-area-two {
         padding: 140px 0 110px;
         position: relative;
         overflow: hidden;
     }
     
     @media (max-width: 767.98px) {
         .counter-area-two {
             padding: 100px 0 70px;
         }
     }
     
     .counter-area-three {
         background: #f5fafc;
         padding: 0 0 90px;
     }
     
     .counter-item {
         display: -webkit-box;
         display: -moz-box;
         display: -ms-flexbox;
         display: -webkit-flex;
         display: flex;
         align-items: center;
         gap: 20px;
         margin-bottom: 30px;
     }
     
     @media (max-width: 767.98px) {
         .counter-item {
             gap: 12px;
         }
     }
     
     .counter-item .icon {
         font-size: 72px;
         line-height: 0;
         color: var(--tg-theme-primary);
         -webkit-transition: all 0.3s ease-out 0s;
         -moz-transition: all 0.3s ease-out 0s;
         -ms-transition: all 0.3s ease-out 0s;
         -o-transition: all 0.3s ease-out 0s;
         transition: all 0.3s ease-out 0s;
     }
     
     @media only screen and (min-width: 576px) and (max-width: 767px) {
         .counter-item .icon {
             font-size: 60px;
         }
     }
     
     .counter-item .content .count {
         line-height: 0.8;
         margin-bottom: 5px;
         font-size: 40px;
         display: -webkit-box;
         display: -moz-box;
         display: -ms-flexbox;
         display: -webkit-flex;
         display: flex;
         align-items: center;
         font-weight: 800;
     }
     
     @media (max-width: 1199.98px) {
         .counter-item .content .count {
             font-size: 36px;
         }
     }
     
     @media only screen and (min-width: 576px) and (max-width: 767px) {
         .counter-item .content .count {
             font-size: 34px;
         }
     }
     
     .counter-item .content p {
         margin-bottom: 0;
         font-size: 18px;
         font-weight: 500;
     }
     
     @media only screen and (min-width: 576px) and (max-width: 767px) {
         .counter-item .content p {
             font-size: 16px;
         }
     }
     
     .counter-item:hover .icon {
         -webkit-transform: rotateY(180deg);
         -moz-transform: rotateY(180deg);
         -ms-transform: rotateY(180deg);
         -o-transform: rotateY(180deg);
         transform: rotateY(180deg);
     }
     
     .counter-shape-wrap img {
         position: absolute;
         z-index: -1;
     }
     
     .counter-shape-wrap img:nth-child(1) {
         left: 0;
         top: 0;
     }
     
     .counter-shape-wrap img:nth-child(2) {
         right: 8%;
         top: 30%;
     }
     
     .counter-shape-wrap img:nth-child(3) {
         right: 0;
         bottom: 0;
         z-index: -2;
     }
     
     .counter-shape-two img {
         position: absolute;
         right: 8%;
         bottom: -20px;
     }
     /*=============================
    17. Team
===============================*/
     
     @media (max-width: 767.98px) {
         .team-area {
             padding: 100px 0 70px;
         }
     }
     
     .team__area-two {
         position: relative;
         padding: 120px 0 90px;
     }
     
     @media (max-width: 767.98px) {
         .team__area-two {
             padding: 100px 0 70px;
         }
     }
     
     .team__area-three {
         padding: 120px 0 90px;
     }
     
     @media (max-width: 767.98px) {
         .team__area-three {
             padding: 100px 0 70px;
         }
     }
     
     .team__area-four {
         padding: 120px 0 90px;
     }
     
     @media (max-width: 767.98px) {
         .team__area-four {
             padding: 100px 0 70px;
         }
     }
     
     .team-item {
         -webkit-border-radius: 15px;
         -moz-border-radius: 15px;
         -o-border-radius: 15px;
         -ms-border-radius: 15px;
         border-radius: 15px;
         border: 1px solid var(--tg-border-1);
         margin-bottom: 30px;
     }
     
     .team-item-wrap .row {
         --bs-gutter-x: 24px;
     }
     
     .team__item-two {
         margin-bottom: 30px;
     }
     
     .team__item-three {
         position: relative;
         margin-bottom: 30px;
     }
     
     .team__item-four {
         margin-bottom: 30px;
     }
     
     .team-thumb {
         -webkit-border-radius: 14px 14px 0 104px;
         -moz-border-radius: 14px 14px 0 104px;
         -o-border-radius: 14px 14px 0 104px;
         -ms-border-radius: 14px 14px 0 104px;
         border-radius: 14px 14px 0 104px;
         overflow: hidden;
         position: relative;
     }
     
     .team-thumb img {
         width: 100%;
         height: 292px;
         object-fit: cover;
     }
     
     @media (max-width: 767.98px) {
         .team-thumb img {
             height: auto;
         }
     }
     
     .team__thumb-two {
         margin-bottom: 15px;
     }
     
     .team__thumb-two img {
         -webkit-border-radius: 10px;
         -moz-border-radius: 10px;
         -o-border-radius: 10px;
         -ms-border-radius: 10px;
         border-radius: 10px;
         width: 100%;
         height: 295px;
         object-fit: cover;
     }
     
     @media (max-width: 1199.98px) {
         .team__thumb-two img {
             height: 230px;
         }
     }
     
     @media (max-width: 991.98px) {
         .team__thumb-two img {
             height: 295px;
         }
     }
     
     @media (max-width: 767.98px) {
         .team__thumb-two img {
             height: auto;
         }
     }
     
     .team__thumb-three img {
         -webkit-border-radius: 14px;
         -moz-border-radius: 14px;
         -o-border-radius: 14px;
         -ms-border-radius: 14px;
         border-radius: 14px;
         width: 100%;
     }
     
     .team__thumb-four img {
         -webkit-border-radius: 14px;
         -moz-border-radius: 14px;
         -o-border-radius: 14px;
         -ms-border-radius: 14px;
         border-radius: 14px;
         width: 100%;
     }
     
     .team-social {
         position: absolute;
         right: 22px;
         top: 22px;
         background: var(--tg-color-white-default);
         -webkit-border-radius: 30px;
         -moz-border-radius: 30px;
         -o-border-radius: 30px;
         -ms-border-radius: 30px;
         border-radius: 30px;
     }
     
     .team-social .social-toggle-icon {
         width: 50px;
         height: 50px;
         display: -webkit-box;
         display: -moz-box;
         display: -ms-flexbox;
         display: -webkit-flex;
         display: flex;
         align-items: center;
         justify-content: center;
         -webkit-border-radius: 50%;
         -moz-border-radius: 50%;
         -o-border-radius: 50%;
         -ms-border-radius: 50%;
         border-radius: 50%;
         color: #474AA0;
         font-size: 20px;
         line-height: 0;
         cursor: pointer;
         -webkit-transition: all 0.3s ease-out 0s;
         -moz-transition: all 0.3s ease-out 0s;
         -ms-transition: all 0.3s ease-out 0s;
         -o-transition: all 0.3s ease-out 0s;
         transition: all 0.3s ease-out 0s;
     }
     
     .team-social .list-wrap {
         display: -webkit-box;
         display: -moz-box;
         display: -ms-flexbox;
         display: -webkit-flex;
         display: flex;
         align-items: center;
         flex-direction: column;
         gap: 5px;
         padding: 0 0 15px;
         display: none;
         text-align: center;
     }
     
     .team-social .list-wrap a {
         font-size: 18px;
         color: #474AA0;
     }
     
     .team-social .list-wrap a:hover {
         color: var(--tg-theme-primary);
     }
     
     .team__social-two .list-wrap {
         display: -webkit-box;
         display: -moz-box;
         display: -ms-flexbox;
         display: -webkit-flex;
         display: flex;
         align-items: center;
         justify-content: center;
         gap: 10px;
     }
     
     .team__social-two .list-wrap li a {
         width: 40px;
         height: 40px;
         display: flex;
         align-items: center;
         justify-content: center;
         border: 1.5px solid var(--tg-border-3);
         -webkit-border-radius: 50%;
         -moz-border-radius: 50%;
         -o-border-radius: 50%;
         -ms-border-radius: 50%;
         border-radius: 50%;
         font-size: 18px;
         color: var(--tg-border-3);
     }
     
     .team__social-two .list-wrap li a:hover {
         color: var(--tg-color-white-default);
         background: var(--tg-theme-primary);
         border-color: var(--tg-theme-primary);
     }
     
     .team__social-three {
         top: auto;
         bottom: 30px;
         right: 30px;
         z-index: 1;
         background: var(--tg-theme-primary);
     }
     
     .team__social-three .social-toggle-icon {
         background: var(--tg-theme-primary);
         color: var(--tg-color-white-default);
     }
     
     .team__social-three .list-wrap {
         padding: 15px 0 0;
     }
     
     .team__social-three .list-wrap li a {
         color: var(--tg-color-white-default);
     }
     
     .team__social-three .list-wrap li a:hover {
         color: var(--tg-theme-secondary);
     }
     
     .team__social-four .list-wrap {
         display: -webkit-box;
         display: -moz-box;
         display: -ms-flexbox;
         display: -webkit-flex;
         display: flex;
         justify-content: center;
         gap: 15px;
     }
     
     .team__social-four .list-wrap li a {
         color: #9597C8;
     }
     
     .team__social-four .list-wrap li a:hover {
         color: var(--tg-theme-primary);
     }
     
     .team-content {
         padding: 15px 25px 25px;
     }
     
     .team-content .title {
         font-size: 24px;
         font-weight: 600;
         margin-bottom: 8px;
     }
     
     .team-content span {
         display: block;
         line-height: 1;
         color: var(--tg-theme-primary);
     }
     
     .team__content-two {
         text-align: center;
     }
     
     .team__content-two .title {
         font-size: 24px;
         font-weight: var(--tg-fw-semi-bold);
         margin-bottom: 8px;
     }
     
     .team__content-two span {
         display: block;
         line-height: 1;
         color: var(--tg-theme-primary);
         margin-bottom: 20px;
     }
     
     .team__content-three {
         position: absolute;
         left: 30px;
         top: 30px;
         right: 30px;
         z-index: 1;
     }
     
     .team__content-three .title {
         margin-bottom: 5px;
         color: var(--tg-color-white-default);
         font-size: 24px;
         font-weight: 600;
     }
     
     .team__content-three span {
         display: block;
         color: var(--tg-color-gray-3);
     }
     
     .team__content-four {
         background: var(--tg-color-white-default);
         -webkit-box-shadow: 0px 5px 8px 0px rgba(0, 0, 0, 0.04);
         -moz-box-shadow: 0px 5px 8px 0px rgba(0, 0, 0, 0.04);
         -ms-box-shadow: 0px 5px 8px 0px rgba(0, 0, 0, 0.04);
         -o-box-shadow: 0px 5px 8px 0px rgba(0, 0, 0, 0.04);
         box-shadow: 0px 5px 8px 0px rgba(0, 0, 0, 0.04);
         -webkit-border-radius: 10px;
         -moz-border-radius: 10px;
         -o-border-radius: 10px;
         -ms-border-radius: 10px;
         border-radius: 10px;
         text-align: center;
         margin: 0 24px;
         padding: 20px 20px;
         margin-top: -65px;
         position: relative;
         z-index: 1;
     }
     
     .team__content-four .title {
         font-size: 24px;
         margin-bottom: 5px;
         font-weight: 600;
     }
     
     .team__content-four span {
         display: block;
         color: var(--tg-theme-primary);
         line-height: 1;
         margin-bottom: 10px;
     }
     
     .team__shape img {
         position: absolute;
         z-index: -1;
     }
     
     .team__shape img:nth-child(1) {
         left: 5%;
         bottom: 15%;
     }
     
     @media (max-width: 1500px) {
         .team__shape img:nth-child(1) {
             left: -5%;
         }
     }
     
     @media (max-width: 1199.98px) {
         .team__shape img:nth-child(1) {
             display: none;
         }
     }
     
     .team__shape img:nth-child(2) {
         right: 6%;
         top: 12%;
     }
     
     @media (max-width: 991.98px) {
         .team__shape img:nth-child(2) {
             top: 5%;
             width: 90px;
         }
     }
     
     @media (max-width: 767.98px) {
         .team__shape img:nth-child(2) {
             top: 2%;
             width: 80px;
         }
     }
     
     .team__details-area {
         padding: 120px 0;
     }
     
     @media (max-width: 767.98px) {
         .team__details-area {
             padding: 100px 0;
         }
     }
     
     .team__details-inner .row .col-36 {
         width: 35.6%;
         flex: 0 0 auto;
     }
     
     @media (max-width: 991.98px) {
         .team__details-inner .row .col-36 {
             width: 60%;
         }
     }
     
     @media (max-width: 767.98px) {
         .team__details-inner .row .col-36 {
             width: 100%;
         }
     }
     
     .team__details-inner .row .col-64 {
         width: 64.4%;
         flex: 0 0 auto;
     }
     
     @media (max-width: 991.98px) {
         .team__details-inner .row .col-64 {
             width: 100%;
         }
     }
     
     @media (max-width: 991.98px) {
         .team__details-img {
             margin-bottom: 50px;
         }
     }
     
     .team__details-img img {
         -webkit-border-radius: 10px;
         -moz-border-radius: 10px;
         -o-border-radius: 10px;
         -ms-border-radius: 10px;
         border-radius: 10px;
     }
     
     @media (max-width: 991.98px) {
         .team__details-img img {
             width: 100%;
         }
     }
     
     .team__details-content {
         margin-left: 20px;
     }
     
     @media (max-width: 1199.98px) {
         .team__details-content {
             margin: 0;
         }
     }
     
     .team__details-content .title {
         margin-bottom: 10px;
         font-size: 40px;
         font-weight: 600;
     }
     
     @media (max-width: 1199.98px) {
         .team__details-content .title {
             font-size: 36px;
         }
     }
     
     @media (max-width: 767.98px) {
         .team__details-content .title {
             font-size: 32px;
         }
     }
     
     .team__details-content .position {
         display: block;
         font-size: 18px;
         font-weight: 500;
         line-height: 1;
         color: var(--tg-theme-primary);
         margin-bottom: 20px;
     }
     
     .team__details-content p {
         margin-bottom: 50px;
     }
     
     @media (max-width: 1199.98px) {
         .team__details-content p {
             margin-bottom: 25px;
         }
     }
     
     .team__details-info>.list-wrap>li {
         display: -webkit-box;
         display: -moz-box;
         display: -ms-flexbox;
         display: -webkit-flex;
         display: flex;
         align-items: center;
         font-size: 18px;
         font-family: var(--tg-heading-font-family);
         color: var(--tg-theme-secondary);
         gap: 10px;
         margin-bottom: 15px;
     }
     
     .team__details-info>.list-wrap>li>a {
         font-family: var(--tg-heading-font-family);
         color: var(--tg-theme-secondary);
     }
     
     .team__details-info>.list-wrap>li>a:hover {
         color: var(--tg-theme-primary);
     }
     
     .team__details-info>.list-wrap>li>i {
         width: 40px;
         height: 40px;
         display: -webkit-box;
         display: -moz-box;
         display: -ms-flexbox;
         display: -webkit-flex;
         display: flex;
         align-items: center;
         justify-content: center;
         line-height: 0;
         background: var(--tg-color-gray-3);
         -webkit-border-radius: 50%;
         -moz-border-radius: 50%;
         -o-border-radius: 50%;
         -ms-border-radius: 50%;
         border-radius: 50%;
         color: var(--tg-theme-secondary);
         font-size: 18px;
         flex: 0 0 auto;
     }
     
     .team__details-info>.list-wrap>li:last-child {
         margin-bottom: 0;
     }
     
     .team__details-social {
         display: -webkit-box;
         display: -moz-box;
         display: -ms-flexbox;
         display: -webkit-flex;
         display: flex;
         gap: 15px;
         align-items: center;
     }
     
     .team__details-social li a {
         color: var(--tg-theme-secondary);
         font-size: 16px;
     }
     
     .team__details-social li a:hover {
         color: var(--tg-theme-primary);
     }
     
     @media (max-width: 991.98px) {
         .section-content {
             margin-bottom: 50px;
         }
     }
     
     .section-content p {
         margin-bottom: 0;
         font-weight: 500;
     }
     
     .team-item,
     .card-team-area-six {
         transition: 0.3s all;
     }
     
     .team-item:hover,
     .card-team-area-six:hover {
         transform: translateY(-3px);
         transition: 0.3s all;
     }
     
     .mt-10 {
         margin-top: 10px;
     }
     /*=============================
    18. Call-back
===============================*/
     
     .call-back-area {
         background: var(--tg-heading-color);
         padding: 100px 0 85px;
         position: relative;
         z-index: 1;
         overflow: hidden;
     }
     
     .call-back-area-two {
         background: transparent;
         padding: 0;
         z-index: 2;
     }
     
     .call-back-wrap {
         background: var(--tg-heading-color);
         padding: 90px 80px 75px;
         -webkit-border-radius: 15px;
         -moz-border-radius: 15px;
         -o-border-radius: 15px;
         -ms-border-radius: 15px;
         border-radius: 15px;
     }
     
     @media (max-width: 1199.98px) {
         .call-back-wrap {
             padding: 50px 25px 50px;
         }
     }
     
     @media (max-width: 991.98px) {
         .call-back-content {
             text-align: center;
             margin-bottom: 30px;
         }
     }
     
     .call-back-content .shape {
         position: absolute;
         left: 0;
         bottom: 0;
         z-index: -1;
     }
     
     @media (max-width: 991.98px) {
         .call-back-content .shape {
             display: none;
         }
     }
     
     .call-back-content p {
         margin-bottom: 0;
         color: #D0D0DD;
         font-weight: 500;
         width: 90%;
     }
     
     @media (max-width: 1199.98px) {
         .call-back-content p {
             width: 100%;
         }
     }
     
     .call-back-form form .row {
         --bs-gutter-x: 15px;
     }
     
     .call-back-form form .form-grp {
         margin-bottom: 15px;
     }
     
     .call-back-form form .form-grp input {
         width: 100%;
         border: none;
         -webkit-border-radius: 4px;
         -moz-border-radius: 4px;
         -o-border-radius: 4px;
         -ms-border-radius: 4px;
         border-radius: 4px;
         color: var(--tg-heading-color);
         background: var(--tg-color-white-default);
         font-size: 15px;
         font-weight: 500;
         padding: 15px 18px;
         height: 50px;
     }
     
     .call-back-form form .form-grp input::placeholder {
         font-size: 15px;
         font-weight: 500;
         color: #9597C8;
     }
     
     .call-back-form form .btn {
         width: 100%;
         justify-content: center;
         font-size: 16px;
         font-weight: 800;
         text-transform: uppercase;
         padding: 17px 24px;
         -webkit-border-radius: 4px;
         -moz-border-radius: 4px;
         -o-border-radius: 4px;
         -ms-border-radius: 4px;
         border-radius: 4px;
     }
     
     .call-back-form form .btn::before {
         background: var(--tg-color-gray-3);
     }
     
     .call-back-form form .btn::after {
         display: none;
     }
     
     .call-back-form form .btn:hover {
         color: var(--tg-heading-color);
     }
     /*=============================
    19. Blog
===============================*/
     
     .blog__area {
         padding: 120px 0;
     }
     
     @media (max-width: 767.98px) {
         .blog__area {
             padding: 100px 0;
         }
     }
     
     .blog-post-bg {
         background-size: cover;
         background-position: center;
         padding: 120px 0 90px;
         position: relative;
         z-index: 1;
         overflow: hidden;
     }
     
     @media (max-width: 767.98px) {
         .blog-post-bg {
             padding: 100px 0 70px;
         }
     }
     
     .blog__post-bg-two {
         background-size: cover;
         background-position: center;
         padding: 120px 0 90px;
         position: relative;
         z-index: 1;
     }
     
     @media (max-width: 767.98px) {
         .blog__post-bg-two {
             padding: 100px 0 70px;
         }
     }
     
     .blog__post-area-three {
         padding: 270px 0 90px;
         margin-top: -150px;
     }
     
     @media (max-width: 767.98px) {
         .blog__post-area-three {
             padding: 170px 0 70px;
         }
     }
     
     .blog__post-area-four {
         padding: 120px 0 90px;
     }
     
     @media (max-width: 767.98px) {
         .blog__post-area-four {
             padding: 100px 0 70px;
         }
     }
     
     .blog__post-area-five {
         padding: 120px 0 90px;
         background: var(--tg-color-yellow-light-2);
         position: relative;
         z-index: 1;
     }
     
     @media (max-width: 767.98px) {
         .blog__post-area-five {
             padding: 100px 0 70px;
         }
     }
     
     .blog-post-item {
         border: 1px solid var(--tg-border-1);
         background: var(--tg-color-white-default);
         -webkit-border-radius: 15px;
         -moz-border-radius: 15px;
         -o-border-radius: 15px;
         -ms-border-radius: 15px;
         border-radius: 15px;
         padding: 30px;
         margin-bottom: 30px;
     }
     
     @media (max-width: 767.98px) {
         .blog-post-item {
             padding: 20px 20px;
         }
     }
     
     .blog-post-thumb {
         position: relative;
         -webkit-border-radius: 10px;
         -moz-border-radius: 10px;
         -o-border-radius: 10px;
         -ms-border-radius: 10px;
         border-radius: 10px;
         overflow: hidden;
         margin-bottom: 20px;
     }
     
     .blog-post-thumb img {
         width: 100%;
         height: 248px;
         object-fit: cover;
     }
     
     .blog-post-thumb .post-tag {
         font-size: 14px;
         font-weight: 500;
         background: var(--tg-theme-primary);
         color: var(--tg-color-white-default);
         line-height: 1;
         display: block;
         -webkit-border-radius: 4px;
         -moz-border-radius: 4px;
         -o-border-radius: 4px;
         -ms-border-radius: 4px;
         border-radius: 4px;
         position: absolute;
         left: 18px;
         top: 16px;
         z-index: 2;
         padding: 8px 10px;
     }
     
     .blog-post-thumb .post-tag:hover {
         background: var(--tg-theme-secondary);
     }
     
     .blog-post-content .title {
         font-size: 24px;
         font-weight: 600;
         margin-bottom: 15px;
         text-transform: capitalize;
     }
     
     @media (max-width: 767.98px) {
         .blog-post-content .title {
             font-size: 22px;
         }
     }
     
     .blog-post-content .blog-post-meta .list-wrap {
         justify-content: space-between;
     }
     
     .blog__post-two {
         border: 1px solid var(--tg-border-1);
         -webkit-border-radius: 15px;
         -moz-border-radius: 15px;
         -o-border-radius: 15px;
         -ms-border-radius: 15px;
         border-radius: 15px;
         background: var(--tg-color-white-default);
         margin-bottom: 30px;
     }
     
     .blog__post-four {
         background: var(--tg-color-white-default);
         -webkit-border-radius: 15px;
         -moz-border-radius: 15px;
         -o-border-radius: 15px;
         -ms-border-radius: 15px;
         border-radius: 15px;
         border: 1px solid #eae4d8;
         -webkit-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.08);
         -moz-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.08);
         -ms-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.08);
         -o-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.08);
         box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.08);
         margin-bottom: 30px;
     }
     
     .blog__post-thumb-two {
         -webkit-border-radius: 15px 15px 0 0;
         -moz-border-radius: 15px 15px 0 0;
         -o-border-radius: 15px 15px 0 0;
         -ms-border-radius: 15px 15px 0 0;
         border-radius: 15px 15px 0 0;
         overflow: hidden;
         margin: -1px;
     }
     
     .blog__post-thumb-two img {
         width: 100%;
         height: 250px;
         object-fit: cover;
     }
     
     .blog__post-thumb-three {
         margin-bottom: 35px;
     }
     
     .blog__post-thumb-four {
         margin: -1px -1px 0 -1px;
     }
     
     .blog__post-thumb-four img {
         -webkit-border-radius: 15px 15px 0 0;
         -moz-border-radius: 15px 15px 0 0;
         -o-border-radius: 15px 15px 0 0;
         -ms-border-radius: 15px 15px 0 0;
         border-radius: 15px 15px 0 0;
         width: 100%;
         height: 270px;
         object-fit: cover;
     }
     
     .blog__post-content-two {
         padding: 30px 30px;
     }
     
     @media (max-width: 1199.98px) {
         .blog__post-content-two {
             padding: 30px 22px;
         }
     }
     
     @media (max-width: 991.98px) {
         .blog__post-content-two {
             padding: 30px 30px;
         }
     }
     
     @media (max-width: 767.98px) {
         .blog__post-content-two {
             padding: 25px 20px;
         }
     }
     
     @media only screen and (min-width: 576px) and (max-width: 767px) {
         .blog__post-content-two {
             padding: 30px 30px;
         }
     }
     
     .blog__post-content-two .title {
         margin-bottom: 20px;
         font-size: 24px;
         font-weight: var(--tg-fw-semi-bold);
         text-transform: capitalize;
     }
     
     @media (max-width: 767.98px) {
         .blog__post-content-two .title {
             font-size: 22px;
         }
     }
     
     .blog__post-content-two .blog-post-meta {
         margin-bottom: 22px;
     }
     
     .blog__post-content-two .blog-avatar {
         margin-bottom: 0;
     }
     
     .blog__post-content-three {
         position: relative;
     }
     
     .blog__post-content-three .post-tag {
         font-size: 14px;
         font-weight: 500;
         background: var(--tg-theme-primary);
         color: var(--tg-color-white-default);
         line-height: 1;
         display: block;
         -webkit-border-radius: 4px;
         -moz-border-radius: 4px;
         -o-border-radius: 4px;
         -ms-border-radius: 4px;
         border-radius: 4px;
         position: absolute;
         left: 18px;
         top: -51px;
         z-index: 2;
         padding: 8px 10px;
     }
     
     .blog__post-content-three .post-tag:hover {
         background: var(--tg-theme-secondary);
     }
     
     .blog__post-content-three .btn {
         background: var(--tg-color-gray-3);
         color: var(--tg-theme-secondary);
         padding: 16px 24px;
     }
     
     .blog__post-content-three .btn:hover {
         color: var(--tg-color-white-default);
     }
     
     .blog__post-content-four {
         padding: 25px 30px 40px;
     }
     
     @media (max-width: 1199.98px) {
         .blog__post-content-four {
             padding: 25px 25px 30px;
         }
     }
     
     .blog__post-content-four .title {
         font-size: 24px;
         font-weight: 600;
         text-transform: capitalize;
         margin-bottom: 20px;
     }
     
     .blog__post-tag-two {
         font-size: 14px;
         font-weight: 500;
         color: var(--tg-body-color);
         border: 1px solid var(--tg-color-gray-2);
         display: inline-block;
         line-height: 1;
         -webkit-border-radius: 4px;
         -moz-border-radius: 4px;
         -o-border-radius: 4px;
         -ms-border-radius: 4px;
         border-radius: 4px;
         padding: 7px 10px;
     }
     
     .blog__post-tag-two:hover {
         border-color: var(--tg-theme-primary);
         background: var(--tg-theme-primary);
         color: var(--tg-color-white-default);
     }
     
     .blog__post-tag-three {
         font-size: 14px;
         font-weight: 500;
         text-transform: uppercase;
         display: inline-block;
         color: #9798ab;
         line-height: 1;
         margin-bottom: 20px;
     }
     
     .blog-avatar {
         display: -webkit-box;
         display: -moz-box;
         display: -ms-flexbox;
         display: -webkit-flex;
         display: flex;
         align-items: center;
         gap: 10px;
         margin-bottom: 24px;
     }
     
     .blog-avatar .avatar-thumb {
         width: 36px;
         flex: 0 0 auto;
     }
     
     .blog-avatar .avatar-thumb img {
         -webkit-border-radius: 50%;
         -moz-border-radius: 50%;
         -o-border-radius: 50%;
         -ms-border-radius: 50%;
         border-radius: 50%;
         width: 100%;
         object-fit: cover;
     }
     
     .blog-avatar .avatar-content p {
         margin-bottom: 0;
         font-weight: 500;
         color: #9597c8;
     }
     
     .blog-avatar .avatar-content p a:hover {
         color: var(--tg-theme-secondary);
     }
     
     .blog-post-meta .list-wrap {
         display: -webkit-box;
         display: -moz-box;
         display: -ms-flexbox;
         display: -webkit-flex;
         display: flex;
         align-items: center;
         gap: 15px 20px;
         flex-wrap: wrap;
     }
     
     .blog-post-meta .list-wrap li {
         display: -webkit-box;
         display: -moz-box;
         display: -ms-flexbox;
         display: -webkit-flex;
         display: flex;
         align-items: center;
         gap: 4px;
     }
     
     .blog-post-meta .list-wrap li i {
         font-size: 18px;
     }
     
     .blog-post-meta .btn {
         background: var(--tg-color-gray-3);
         color: var(--tg-theme-secondary);
         padding: 16px 20px;
     }
     
     .blog-post-meta .btn:hover {
         color: var(--tg-color-white-default);
     }
     
     .blog-post-meta-two .list-wrap li {
         color: #9798ab;
     }
     
     .blog-post-meta-two .list-wrap li i {
         color: var(--tg-theme-primary);
     }
     
     .blog-post-meta-two .list-wrap li a {
         color: #9798ab;
     }
     
     .blog-post-meta-two .list-wrap li a:hover {
         color: var(--tg-theme-primary);
     }
     
     .blog__inner-wrap .row .col-70 {
         width: 70.5%;
         flex: 0 0 auto;
     }
     
     @media (max-width: 1199.98px) {
         .blog__inner-wrap .row .col-70 {
             width: 67.5%;
         }
     }
     
     @media (max-width: 991.98px) {
         .blog__inner-wrap .row .col-70 {
             width: 100%;
         }
     }
     
     .blog__inner-wrap .row .col-30 {
         width: 29.5%;
         flex: 0 0 auto;
     }
     
     @media (max-width: 1199.98px) {
         .blog__inner-wrap .row .col-30 {
             width: 32.5%;
         }
     }
     
     @media (max-width: 991.98px) {
         .blog__inner-wrap .row .col-30 {
             width: 100%;
         }
     }
     
     .blog__sidebar {
         margin-left: 20px;
     }
     
     @media (max-width: 1199.98px) {
         .blog__sidebar {
             margin-left: 0;
         }
     }
     
     @media (max-width: 991.98px) {
         .blog__sidebar {
             margin-top: 100px;
         }
     }
     
     .blog-shape-wrap img {
         position: absolute;
         z-index: -1;
     }
     
     .blog-shape-wrap img:nth-child(1) {
         left: 0;
         top: 0;
     }
     
     @media (max-width: 767.98px) {
         .blog-shape-wrap img:nth-child(1) {
             width: 200px;
         }
     }
     
     .blog-shape-wrap img:nth-child(2) {
         right: 0;
         bottom: 0;
     }
     
     @media (max-width: 767.98px) {
         .blog-shape-wrap img:nth-child(2) {
             width: 200px;
         }
     }
     
     .blog__details-area {
         padding: 120px 0;
     }
     
     @media (max-width: 767.98px) {
         .blog__details-area {
             padding: 100px 0;
         }
     }
     
     .blog__details-thumb {
         margin-bottom: 30px;
     }
     
     .blog__details-thumb img {
         -webkit-border-radius: 10px;
         -moz-border-radius: 10px;
         -o-border-radius: 10px;
         -ms-border-radius: 10px;
         border-radius: 10px;
         min-height: 250px;
         object-fit: cover;
     }
     
     .blog__details-content>.title {
         margin-bottom: 20px;
         font-size: 36px;
         font-weight: 600;
         text-transform: capitalize;
     }
     
     @media (max-width: 1199.98px) {
         .blog__details-content>.title {
             font-size: 32px;
         }
     }
     
     @media (max-width: 767.98px) {
         .blog__details-content>.title {
             font-size: 28px;
         }
     }
     
     .blog__details-content .blog-post-meta {
         margin-bottom: 30px;
     }
     
     .blog__details-content .blog-post-meta .blog-avatar {
         margin-bottom: 0;
     }
     
     .blog__details-content>p {
         margin-bottom: 20px;
     }
     
     .blog__details-content .title-two {
         margin-bottom: 20px;
         font-size: 30px;
         font-weight: 600;
         text-transform: capitalize;
     }
     
     @media (max-width: 767.98px) {
         .blog__details-content .title-two {
             font-size: 26px;
         }
     }
     
     .blog__details-inner {
         margin: 35px 0;
     }
     
     .blog__details-inner .row .col-46 {
         width: 46%;
         flex: 0 0 auto;
     }
     
     @media (max-width: 767.98px) {
         .blog__details-inner .row .col-46 {
             width: 100%;
         }
     }
     
     .blog__details-inner .row .col-54 {
         width: 54%;
         flex: 0 0 auto;
     }
     
     @media (max-width: 767.98px) {
         .blog__details-inner .row .col-54 {
             width: 100%;
         }
     }
     
     .blog__details-inner-thumb {
         position: relative;
     }
     
     @media (max-width: 767.98px) {
         .blog__details-inner-thumb {
             margin-bottom: 30px;
         }
     }
     
     .blog__details-inner-thumb img {
         width: 100%;
         -webkit-border-radius: 10px;
         -moz-border-radius: 10px;
         -o-border-radius: 10px;
         -ms-border-radius: 10px;
         border-radius: 10px;
     }
     
     .blog__details-inner-thumb .play-btn {
         width: 62px;
         height: 62px;
         display: -webkit-box;
         display: -moz-box;
         display: -ms-flexbox;
         display: -webkit-flex;
         display: flex;
         align-items: center;
         justify-content: center;
         position: absolute;
         left: 50%;
         top: 50%;
         -webkit-transform: translate(-50%, -50%);
         -moz-transform: translate(-50%, -50%);
         -ms-transform: translate(-50%, -50%);
         -o-transform: translate(-50%, -50%);
         transform: translate(-50%, -50%);
         background: var(--tg-color-white-default);
         color: var(--tg-theme-secondary);
         font-size: 18px;
         -webkit-border-radius: 50%;
         -moz-border-radius: 50%;
         -o-border-radius: 50%;
         -ms-border-radius: 50%;
         border-radius: 50%;
     }
     
     .blog__details-inner-thumb .play-btn:hover {
         color: var(--tg-color-white-default);
         background: var(--tg-theme-primary);
     }
     
     .blog__details-inner-content .title {
         margin-bottom: 12px;
         font-size: 30px;
         font-weight: 600;
     }
     
     @media (max-width: 1199.98px) {
         .blog__details-inner-content .title {
             font-size: 26px;
         }
     }
     
     .blog__details-inner-content p {
         margin-bottom: 20px;
         width: 95%;
     }
     
     @media (max-width: 1199.98px) {
         .blog__details-inner-content p {
             width: 100%;
         }
     }
     
     .blog__details-bottom {
         border-top: 1px solid #e7e7e7;
         border-bottom: 1px solid #e7e7e7;
         padding: 20px 0;
         margin-top: 40px;
         margin-bottom: 70px;
     }
     
     .blog__details-bottom .post-tags {
         display: -webkit-box;
         display: -moz-box;
         display: -ms-flexbox;
         display: -webkit-flex;
         display: flex;
         align-items: center;
         flex-wrap: wrap;
         gap: 10px;
     }
     
     .blog__details-bottom .post-tags .title {
         margin-bottom: 0;
         font-size: 14px;
     }
     
     .blog__details-bottom .post-tags .list-wrap {
         display: -webkit-box;
         display: -moz-box;
         display: -ms-flexbox;
         display: -webkit-flex;
         display: flex;
         gap: 6px;
     }
     
     .blog__details-bottom .post-tags .list-wrap li a {
         background: var(--tg-color-gray-3);
         padding: 7px 17px;
         display: block;
         border-radius: 4px;
         color: var(--tg-heading-color);
         font-size: 15px;
         font-weight: 500;
     }
     
     .blog__details-bottom .post-tags .list-wrap li a:hover {
         background: var(--tg-theme-primary);
         color: var(--tg-color-white-default);
     }
     
     .blog__details-bottom .post-share {
         display: -webkit-box;
         display: -moz-box;
         display: -ms-flexbox;
         display: -webkit-flex;
         display: flex;
         align-items: center;
         flex-wrap: wrap;
         gap: 10px;
         justify-content: flex-end;
     }
     
     @media (max-width: 767.98px) {
         .blog__details-bottom .post-share {
             justify-content: flex-start;
             margin-top: 20px;
         }
     }
     
     .blog__details-bottom .post-share .title {
         margin-bottom: 0;
         font-size: 14px;
     }
     
     .blog__details-bottom .post-share .list-wrap {
         display: -webkit-box;
         display: -moz-box;
         display: -ms-flexbox;
         display: -webkit-flex;
         display: flex;
         align-items: center;
         gap: 15px;
     }
     
     .blog__details-bottom .post-share .list-wrap li a {
         font-size: 20px;
         color: var(--tg-theme-secondary);
     }
     
     .blog__details-bottom .post-share .list-wrap li a:hover {
         color: var(--tg-theme-primary);
     }
     
     .blog__avatar-wrap {
         -webkit-border-radius: 12px;
         -moz-border-radius: 12px;
         -o-border-radius: 12px;
         -ms-border-radius: 12px;
         border-radius: 12px;
         display: -webkit-box;
         display: -moz-box;
         display: -ms-flexbox;
         display: -webkit-flex;
         display: flex;
         align-items: flex-start;
         padding: 42px 40px;
         background: var(--tg-color-gray-3);
         gap: 30px;
     }
     
     @media (max-width: 1199.98px) {
         .blog__avatar-wrap {
             padding: 35px 25px;
         }
     }
     
     @media (max-width: 767.98px) {
         .blog__avatar-wrap {
             flex-wrap: wrap;
             gap: 20px;
             padding: 30px 25px;
         }
     }
     
     .blog__avatar-img {
         width: 115px;
         flex: 0 0 auto;
     }
     
     .blog__avatar-img img {
         width: 100%;
         -webkit-border-radius: 50%;
         -moz-border-radius: 50%;
         -o-border-radius: 50%;
         -ms-border-radius: 50%;
         border-radius: 50%;
     }
     
     .blog__avatar-info .designation {
         display: block;
         font-size: 15px;
         font-weight: 500;
         font-family: var(--tg-heading-font-family);
         line-height: 1;
         margin-bottom: 8px;
     }
     
     .blog__avatar-info .name {
         font-size: 20px;
         margin-bottom: 18px;
     }
     
     .blog__avatar-info p {
         margin-bottom: 0;
     }
     
     blockquote {
         margin: 50px 50px 60px;
         background: #f8faff;
         padding: 50px 100px 50px 50px;
         position: relative;
         z-index: 1;
     }
     
     @media (max-width: 1199.98px) {
         blockquote {
             padding: 50px 100px 50px 40px;
             margin: 40px 0 50px;
         }
     }
     
     @media (max-width: 767.98px) {
         blockquote {
             padding: 40px 40px 40px 30px;
         }
     }
     
     blockquote::after {
         content: "\f10e";
         font-weight: 700;
         font-size: 52px;
         color: #e2e5f6;
         line-height: 1;
         font-family: var(--tg-icon-font-family);
         position: absolute;
         right: 33px;
         top: 27px;
         z-index: -1;
     }
     
     @media (max-width: 767.98px) {
         blockquote::after {
             font-size: 40px;
             right: 20px;
             top: 15px;
         }
     }
     
     blockquote::before {
         content: "";
         position: absolute;
         left: -16px;
         top: 0;
         width: 6px;
         height: 100%;
         background: var(--tg-theme-primary);
     }
     
     blockquote p {
         margin-bottom: 0;
         font-size: 20px;
         font-weight: 600;
         font-family: var(--tg-heading-font-family);
         text-transform: capitalize;
         color: var(--tg-theme-secondary);
     }
     
     @media (max-width: 767.98px) {
         blockquote p {
             font-size: 18px;
         }
     }
     
     .play-btn::after {
         content: "";
         position: absolute;
         left: 50%;
         top: 50%;
         width: 100%;
         height: 100%;
         border: 1px solid var(--tg-color-white-default);
         -webkit-border-radius: 50%;
         -moz-border-radius: 50%;
         -o-border-radius: 50%;
         -ms-border-radius: 50%;
         border-radius: 50%;
         -webkit-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
         -moz-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
         -ms-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
         -o-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
         transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
         animation: pulse-border 1500ms ease-out infinite;
     }
     
     .sidebar__widget {
         border: 1px solid var(--tg-border-6);
         padding: 26px 30px 30px;
         -webkit-border-radius: 10px;
         -moz-border-radius: 10px;
         -o-border-radius: 10px;
         -ms-border-radius: 10px;
         border-radius: 10px;
         margin-bottom: 40px;
     }
     
     @media (max-width: 1199.98px) {
         .sidebar__widget {
             padding: 26px 20px 30px;
         }
     }
     
     @media (max-width: 991.98px) {
         .sidebar__widget {
             padding: 26px 30px 30px;
         }
     }
     
     .sidebar__widget:last-child {
         margin-bottom: 0;
     }
     
     .sidebar__widget-search {
         border: none;
         padding: 0;
         -webkit-border-radius: 0;
         -moz-border-radius: 0;
         -o-border-radius: 0;
         -ms-border-radius: 0;
         border-radius: 0;
     }
     
     .sidebar__search form {
         position: relative;
     }
     
     .sidebar__search form input {
         width: 100%;
         border: 1px solid var(--tg-border-6);
         -webkit-border-radius: 6px;
         -moz-border-radius: 6px;
         -o-border-radius: 6px;
         -ms-border-radius: 6px;
         border-radius: 6px;
         font-size: 14px;
         color: var(--tg-theme-secondary);
         padding: 14px 60px 14px 20px;
         height: 50px;
     }
     
     .sidebar__search form input::placeholder {
         color: var(--tg-border-5);
         font-size: 14px;
     }
     
     .sidebar__search form button {
         border: none;
         position: absolute;
         right: 3px;
         top: 50%;
         -webkit-transform: translateY(-50%);
         -moz-transform: translateY(-50%);
         -ms-transform: translateY(-50%);
         -o-transform: translateY(-50%);
         transform: translateY(-50%);
         width: 45px;
         height: 45px;
         display: -webkit-box;
         display: -moz-box;
         display: -ms-flexbox;
         display: -webkit-flex;
         display: flex;
         align-items: center;
         justify-content: center;
         background: var(--tg-theme-secondary);
         -webkit-border-radius: 4px;
         -moz-border-radius: 4px;
         -o-border-radius: 4px;
         -ms-border-radius: 4px;
         border-radius: 4px;
     }
     
     .sidebar__search form button svg {
         width: 20px;
         color: var(--tg-color-white-default);
     }
     
     .sidebar__search form button:hover {
         background: var(--tg-theme-primary);
     }
     
     .sidebar__widget-title {
         font-size: 22px;
         font-weight: 600;
         margin-bottom: 22px;
         padding-bottom: 12px;
         position: relative;
     }
     
     .sidebar__widget-title::before {
         content: "";
         position: absolute;
         left: 0;
         bottom: 0;
         width: 30px;
         height: 4px;
         -webkit-border-radius: 4px;
         -moz-border-radius: 4px;
         -o-border-radius: 4px;
         -ms-border-radius: 4px;
         border-radius: 4px;
         background: var(--tg-theme-primary);
     }
     
     .sidebar__cat-list .list-wrap li {
         border-bottom: 1px solid var(--tg-border-6);
         padding-bottom: 17px;
         margin-bottom: 17px;
     }
     
     .sidebar__cat-list .list-wrap li a {
         display: -webkit-box;
         display: -moz-box;
         display: -ms-flexbox;
         display: -webkit-flex;
         display: flex;
         align-items: center;
         text-transform: capitalize;
         color: var(--tg-body-color);
         gap: 5px;
     }
     
     .sidebar__cat-list .list-wrap li a i {
         line-height: 0;
         font-size: 24px;
         color: var(--tg-border-5);
         -webkit-transition: all 0.3s ease-out 0s;
         -moz-transition: all 0.3s ease-out 0s;
         -ms-transition: all 0.3s ease-out 0s;
         -o-transition: all 0.3s ease-out 0s;
         transition: all 0.3s ease-out 0s;
     }
     
     .sidebar__cat-list .list-wrap li a:hover {
         color: var(--tg-theme-primary);
     }
     
     .sidebar__cat-list .list-wrap li a:hover i {
         color: var(--tg-theme-primary);
     }
     
     .sidebar__cat-list .list-wrap li:last-child {
         border-bottom: none;
         padding-bottom: 0;
         margin-bottom: 0;
     }
     
     .sidebar__post-item {
         display: -webkit-box;
         display: -moz-box;
         display: -ms-flexbox;
         display: -webkit-flex;
         display: flex;
         align-items: center;
         gap: 15px;
         margin-bottom: 30px;
     }
     
     .sidebar__post-item:last-child {
         margin-bottom: 0;
     }
     
     .sidebar__post-thumb {
         width: 80px;
         flex: 0 0 auto;
     }
     
     .sidebar__post-thumb img {
         -webkit-border-radius: 4px;
         -moz-border-radius: 4px;
         -o-border-radius: 4px;
         -ms-border-radius: 4px;
         border-radius: 4px;
     }
     
     .sidebar__post-content .title {
         font-size: 17px;
         margin-bottom: 10px;
         font-weight: 600;
         text-transform: capitalize;
     }
     
     .sidebar__post-content .date {
         display: -webkit-box;
         display: -moz-box;
         display: -ms-flexbox;
         display: -webkit-flex;
         display: flex;
         align-items: center;
         color: #83849e;
         font-size: 15px;
         gap: 5px;
     }
     
     .sidebar__post-content .date i {
         line-height: 0;
     }
     
     .sidebar__tag-list .list-wrap {
         display: -webkit-box;
         display: -moz-box;
         display: -ms-flexbox;
         display: -webkit-flex;
         display: flex;
         align-items: center;
         flex-wrap: wrap;
         gap: 6px;
     }
     
     .sidebar__tag-list .list-wrap li a {
         font-size: 15px;
         background: var(--tg-color-gray-3);
         font-weight: 500;
         color: var(--tg-theme-secondary);
         padding: 7px 16px;
         -webkit-border-radius: 5px;
         -moz-border-radius: 5px;
         -o-border-radius: 5px;
         -ms-border-radius: 5px;
         border-radius: 5px;
         display: block;
     }
     
     .sidebar__tag-list .list-wrap li a:hover {
         background: var(--tg-theme-secondary);
         color: var(--tg-color-white-default);
     }
     
     .comments-wrap-title {
         font-size: 24px;
         margin-bottom: 20px;
     }
     
     .comments-wrap .latest-comments {
         margin-bottom: 80px;
     }
     
     .comments-wrap .latest-comments .children {
         margin: 0 0 0 45px;
         padding: 0;
     }
     
     @media (max-width: 767.98px) {
         .comments-wrap .latest-comments .children {
             margin: 0;
         }
     }
     
     .comments-box {
         display: -webkit-box;
         display: -moz-box;
         display: -ms-flexbox;
         display: -webkit-flex;
         display: flex;
         align-items: flex-start;
         border-bottom: 1px solid #d6dce9;
         padding-bottom: 30px;
         margin-bottom: 35px;
         gap: 25px;
     }
     
     @media (max-width: 767.98px) {
         .comments-box {
             flex-wrap: wrap;
             gap: 20px;
         }
     }
     
     .comments-avatar {
         width: 115px;
         flex: 0 0 auto;
     }
     
     .comments-avatar img {
         -webkit-border-radius: 50%;
         -moz-border-radius: 50%;
         -o-border-radius: 50%;
         -ms-border-radius: 50%;
         border-radius: 50%;
     }
     
     .comments-text .avatar-name {
         display: -webkit-box;
         display: -moz-box;
         display: -ms-flexbox;
         display: -webkit-flex;
         display: flex;
         align-items: center;
         justify-content: space-between;
         margin-bottom: 10px;
     }
     
     .comments-text .avatar-name .name {
         margin-bottom: 0;
         font-size: 20px;
         font-weight: 600;
     }
     
     .comments-text .avatar-name span {
         font-weight: 500;
         font-size: 15px;
         display: block;
         color: var(--tg-theme-primary);
     }
     
     .comments-text p {
         margin-bottom: 15px;
     }
     
     .comments-text .reply-btn {
         background: var(--tg-color-gray-3);
         font-weight: 500;
         font-size: 14px;
         display: inline-block;
         padding: 6px 17px;
         text-transform: uppercase;
         -webkit-border-radius: 5px;
         -moz-border-radius: 5px;
         -o-border-radius: 5px;
         -ms-border-radius: 5px;
         border-radius: 5px;
         color: var(--tg-theme-secondary);
     }
     
     .comments-text .reply-btn:hover {
         background: var(--tg-theme-secondary);
         color: var(--tg-color-white-default);
     }
     
     .comment-respond {
         border: 1px solid var(--tg-border-1);
         -webkit-border-radius: 8px;
         -moz-border-radius: 8px;
         -o-border-radius: 8px;
         -ms-border-radius: 8px;
         border-radius: 8px;
         padding: 35px 40px 50px;
         background: var(--tg-color-gray-3);
     }
     
     @media (max-width: 1199.98px) {
         .comment-respond {
             padding: 35px 25px 50px;
         }
     }
     
     .comment-reply-title {
         margin-bottom: 10px;
         font-size: 30px;
         font-weight: 600;
     }
     
     @media (max-width: 767.98px) {
         .comment-reply-title {
             font-size: 26px;
         }
     }
     
     .comment-form .comment-notes {
         margin-bottom: 15px;
     }
     
     .comment-form .form-grp {
         margin-bottom: 15px;
     }
     
     .comment-form .form-grp textarea,
     .comment-form .form-grp input {
         width: 100%;
         border: 1px solid var(--tg-color-gray-1);
         background: var(--tg-color-white-default);
         font-weight: 400;
         font-size: 15px;
         color: var(--tg-body-color);
         padding: 12px 15px;
         height: 50px;
         display: block;
         -webkit-border-radius: 6px;
         -moz-border-radius: 6px;
         -o-border-radius: 6px;
         -ms-border-radius: 6px;
         border-radius: 6px;
     }
     
     .comment-form .form-grp textarea::placeholder,
     .comment-form .form-grp input::placeholder {
         font-weight: 400;
         font-size: 15px;
         color: var(--tg-color-gray-4);
     }
     
     .comment-form .form-grp textarea {
         min-height: 130px;
         max-height: 130px;
     }
     
     .comment-form .checkbox-grp {
         display: -webkit-box;
         display: -moz-box;
         display: -ms-flexbox;
         display: -webkit-flex;
         display: flex;
         align-items: center;
         margin: 25px 0;
     }
     
     .comment-form .checkbox-grp input {
         width: 22px;
         margin-right: 9px;
         height: 22px;
         cursor: pointer;
     }
     
     .comment-form .checkbox-grp label {
         font-weight: 400;
         font-size: 14px;
         color: var(--tg-body-color);
         user-select: none;
     }
     
     .comment-form .btn::after {
         display: none;
     }
     
     .pagination-wrap .pagination {
         gap: 6px;
         justify-content: center;
         flex-wrap: wrap;
     }
     
     .pagination-wrap .pagination .page-link {
         margin-left: 0;
         padding: 0 0;
         color: var(--tg-body-color);
         font-weight: 600;
         font-size: 20px;
         line-height: 1;
         width: 50px;
         height: 50px;
         display: -webkit-box;
         display: -moz-box;
         display: -ms-flexbox;
         display: -webkit-flex;
         display: flex;
         align-items: center;
         justify-content: center;
         border: 1px solid var(--tg-border-1);
         -webkit-border-radius: 5px;
         -moz-border-radius: 5px;
         -o-border-radius: 5px;
         -ms-border-radius: 5px;
         border-radius: 5px;
         background: transparent;
     }
     
     .pagination-wrap .pagination .page-link:hover {
         color: var(--tg-color-white-default);
         background-color: var(--tg-theme-secondary);
         border-color: var(--tg-theme-secondary);
     }
     
     .pagination-wrap .pagination .page-link:focus {
         color: var(--tg-color-white-default);
         background-color: var(--tg-theme-secondary);
         border-color: var(--tg-theme-secondary);
         outline: 0;
         box-shadow: none;
     }
     
     .pagination-wrap .pagination .page-item.active .page-link {
         color: var(--tg-color-white-default);
         background-color: var(--tg-theme-secondary);
         border-color: var(--tg-theme-secondary);
     }
     /*=============================
    20. Contact
===============================*/
     
     .contact__area {
         padding: 120px 0;
     }
     
     @media (max-width: 767.98px) {
         .contact__area {
             padding: 100px 0;
         }
     }
     
     .contact-map {
         width: 100%;
         height: 490px;
         margin-bottom: 70px;
     }
     
     @media (max-width: 767.98px) {
         .contact-map {
             height: 400px;
         }
     }
     
     .contact-map iframe {
         width: 100%;
         height: 100%;
         -webkit-border-radius: 10px;
         -moz-border-radius: 10px;
         -o-border-radius: 10px;
         -ms-border-radius: 10px;
         border-radius: 10px;
     }
     
     @media (max-width: 991.98px) {
         .contact__content {
             margin-bottom: 50px;
         }
     }
     
     .contact__info .list-wrap li {
         display: -webkit-box;
         display: -moz-box;
         display: -ms-flexbox;
         display: -webkit-flex;
         display: flex;
         align-items: center;
         gap: 18px;
         margin-bottom: 50px;
     }
     
     @media (max-width: 991.98px) {
         .contact__info .list-wrap li {
             margin-bottom: 30px;
         }
     }
     
     .contact__info .list-wrap li:last-child {
         margin-bottom: 0;
     }
     
     .contact__info .list-wrap li .icon {
         width: 60px;
         height: 60px;
         display: -webkit-box;
         display: -moz-box;
         display: -ms-flexbox;
         display: -webkit-flex;
         display: flex;
         align-items: center;
         justify-content: center;
         background: var(--tg-color-gray-3);
         -webkit-border-radius: 50%;
         -moz-border-radius: 50%;
         -o-border-radius: 50%;
         -ms-border-radius: 50%;
         border-radius: 50%;
         line-height: 0;
         color: var(--tg-theme-secondary);
         font-size: 30px;
         flex: 0 0 auto;
     }
     
     .contact__info .list-wrap li .content .title {
         margin-bottom: 5px;
         font-size: 20px;
         font-weight: 600;
     }
     
     .contact__info .list-wrap li .content p {
         margin-bottom: 0;
         font-weight: 500;
     }
     
     .contact__info .list-wrap li .content a {
         color: var(--tg-body-color);
         font-weight: 500;
     }
     
     .contact__info .list-wrap li .content a:hover {
         color: var(--tg-theme-primary);
     }
     
     .contact__form-wrap {
         background: var(--tg-color-gray-3);
         border: 1px solid var(--tg-border-1);
         -webkit-border-radius: 8px;
         -moz-border-radius: 8px;
         -o-border-radius: 8px;
         -ms-border-radius: 8px;
         border-radius: 8px;
         padding: 35px 40px 40px;
         margin-left: 30px;
     }
     
     @media (max-width: 1199.98px) {
         .contact__form-wrap {
             padding: 35px 20px 40px;
             margin-left: 0;
         }
     }
     
     .contact__form-wrap .title {
         margin-bottom: 5px;
         font-size: 30px;
         font-weight: 600;
     }
     
     @media (max-width: 991.98px) {
         .contact__form-wrap .title {
             font-size: 28px;
             margin-bottom: 8px;
         }
     }
     
     .contact__form-wrap p {
         margin-bottom: 15px;
     }
     
     .contact__form-wrap form .row {
         --bs-gutter-x: 10px;
     }
     
     .contact__form-wrap form .form-grp {
         margin-bottom: 10px;
     }
     
     .contact__form-wrap form .form-grp input {
         width: 100%;
         background: var(--tg-color-white-default);
         border: 1px solid var(--tg-color-gray-1);
         -webkit-border-radius: 8px;
         -moz-border-radius: 8px;
         -o-border-radius: 8px;
         -ms-border-radius: 8px;
         border-radius: 8px;
         padding: 14px 15px;
         font-size: 15px;
         color: var(--tg-theme-secondary);
         height: 50px;
     }
     
     .contact__form-wrap form .form-grp input::placeholder {
         font-size: 15px;
         color: var(--tg-body-color);
     }
     
     .contact__form-wrap form .form-grp textarea {
         width: 100%;
         background: var(--tg-color-white-default);
         border: 1px solid var(--tg-color-gray-1);
         -webkit-border-radius: 8px;
         -moz-border-radius: 8px;
         -o-border-radius: 8px;
         -ms-border-radius: 8px;
         border-radius: 8px;
         padding: 14px 15px;
         font-size: 15px;
         color: var(--tg-theme-secondary);
         display: block;
         min-height: 130px;
         max-height: 130px;
     }
     
     .contact__form-wrap form .form-grp textarea::placeholder {
         font-size: 15px;
         color: var(--tg-body-color);
     }
     
     .contact__form-wrap form .checkbox-grp {
         display: -webkit-box;
         display: -moz-box;
         display: -ms-flexbox;
         display: -webkit-flex;
         display: flex;
         align-items: flex-start;
         margin: 15px 0 25px;
     }
     
     .contact__form-wrap form .checkbox-grp input {
         width: 22px;
         margin-right: 9px;
         height: 22px;
         cursor: pointer;
     }
     
     .contact__form-wrap form .checkbox-grp label {
         font-weight: 400;
         font-size: 14px;
         color: var(--tg-body-color);
         user-select: none;
     }
     
     .contact__form-wrap form .btn::after {
         display: none;
     }
     
     .ajax-response.error,
     .ajax-response.success {
         margin: 20px 0 0 !important;
     }
     
     .ajax-response.error {
         color: red;
     }
     
     .ajax-response.success {
         color: green;
     }
     /*=============================
    22. 404 Error
===============================*/
     
     .error-area {
         padding: 120px 0;
     }
     
     @media (max-width: 767.98px) {
         .error-area {
             padding: 100px 0;
         }
     }
     
     .error-content {
         text-align: center;
     }
     
     .error-content svg {
         width: 648px;
         color: var(--tg-theme-primary);
         margin-bottom: 45px;
     }
     
     @media (max-width: 1199.98px) {
         .error-content svg {
             width: 600px;
         }
     }
     
     @media (max-width: 991.98px) {
         .error-content svg {
             width: 500px;
         }
     }
     
     @media (max-width: 767.98px) {
         .error-content svg {
             width: 100%;
             margin-bottom: 30px;
         }
     }
     
     .error-content .title {
         margin-bottom: 10px;
         font-size: 48px;
     }
     
     @media (max-width: 1199.98px) {
         .error-content .title {
             font-size: 42px;
         }
     }
     
     @media (max-width: 991.98px) {
         .error-content .title {
             font-size: 40px;
         }
     }
     
     @media (max-width: 767.98px) {
         .error-content .title {
             font-size: 36px;
         }
     }
     
     .error-content .title p {
         margin-bottom: 35px;
     }
     /*=============================
    23. Footer
===============================*/
     
     .footer-area {
         position: relative;
         overflow: hidden;
     }
     
     .footer__area-two {
         background: var(--tg-color-dark-blue);
     }
     
     .footer__area-three {
         background: var(--tg-color-dark-blue);
     }
     
     .footer__area-four {
         background: var(--tg-color-dark-blue);
         position: relative;
         z-index: 1;
     }
     
     .footer-top {
         padding: 120px 0 70px;
     }
     
     @media (max-width: 767.98px) {
         .footer-top {
             padding: 100px 0 50px;
         }
     }
     
     .footer-top .row>*:nth-child(2) .footer-widget {
         margin-left: 50px;
     }
     
     @media (max-width: 991.98px) {
         .footer-top .row>*:nth-child(2) .footer-widget {
             margin-left: 0;
         }
     }
     
     .footer-top .row>*:nth-child(3) .footer-widget {
         margin-left: 70px;
     }
     
     @media (max-width: 991.98px) {
         .footer-top .row>*:nth-child(3) .footer-widget {
             margin-left: 0;
         }
     }
     
     .footer__top-two {
         padding: 60px 0 30px;
     }
     
     .footer__top-two .fw-title {
         color: var(--tg-color-white-default);
     }
     
     .footer__top-two .footer-link-list .list-wrap li a {
         font-weight: 700;
         color: var(--tg-color-gray-2);
     }
     
     .footer__top-two .row>*:nth-child(3) .footer-widget {
         margin-left: 65px;
     }
     
     @media (max-width: 991.98px) {
         .footer__top-two .row>*:nth-child(3) .footer-widget {
             margin-left: 0;
         }
     }
     
     .footer__top-three {
         padding: 110px 0 70px;
     }
     
     @media (max-width: 767.98px) {
         .footer__top-three {
             padding: 90px 0 40px;
         }
     }
     
     .footer__top-three .fw-title {
         color: var(--tg-color-white-default);
     }
     
     .footer__top-three .footer-link-list .list-wrap li a {
         color: var(--tg-color-gray-2);
     }
     
     .footer__top-three .footer-info-list .list-wrap li .icon,
     .footer__top-three .footer-info-list .list-wrap li p,
     .footer__top-three .footer-info-list .list-wrap li a {
         color: var(--tg-color-gray-2);
     }
     
     .footer-widget {
         margin-bottom: 40px;
     }
     
     .footer-content p {
         margin-bottom: 25px;
     }
     
     .footer__content-two {
         width: 80%;
     }
     
     @media (max-width: 991.98px) {
         .footer__content-two {
             width: 100%;
         }
     }
     
     .footer__content-two>p {
         color: var(--tg-color-gray-2);
         margin-bottom: 15px;
         font-weight: 700;
     }
     
     .footer-social .list-wrap {
         display: -webkit-box;
         display: -moz-box;
         display: -ms-flexbox;
         display: -webkit-flex;
         display: flex;
         align-items: center;
         gap: 10px;
     }
     
     .footer-social .list-wrap li a {
         width: 45px;
         height: 45px;
         display: -webkit-box;
         display: -moz-box;
         display: -ms-flexbox;
         display: -webkit-flex;
         display: flex;
         align-items: center;
         justify-content: center;
         background: #EAF1F4;
         -webkit-border-radius: 5px;
         -moz-border-radius: 5px;
         -o-border-radius: 5px;
         -ms-border-radius: 5px;
         border-radius: 5px;
         font-size: 20px;
         color: var(--tg-heading-color);
     }
     
     .footer-social .list-wrap li a:hover {
         background: var(--tg-theme-secondary);
         color: var(--tg-color-white-default);
     }
     
     .footer__social-two {
         flex-grow: 1;
     }
     
     .footer__social-two .list-wrap {
         display: -webkit-box;
         display: -moz-box;
         display: -ms-flexbox;
         display: -webkit-flex;
         display: flex;
         align-items: center;
         justify-content: flex-end;
         gap: 10px;
     }
     
     @media (max-width: 991.98px) {
         .footer__social-two .list-wrap {
             justify-content: center;
         }
     }
     
     .footer__social-two .list-wrap li a {
         width: 45px;
         height: 45px;
         display: -webkit-box;
         display: -moz-box;
         display: -ms-flexbox;
         display: -webkit-flex;
         display: flex;
         align-items: center;
         justify-content: center;
         background: var(--tg-theme-primary) none repeat scroll 0 0;
         -webkit-border-radius: 50%;
         -moz-border-radius: 50%;
         -o-border-radius: 50%;
         -ms-border-radius: 50%;
         border-radius: 50%;
         font-size: 20px;
         color: var(--tg-color-gray-2);
     }
     
     .footer__social-two .list-wrap li a:hover {
         background: var(--tg-theme-primary);
         color: var(--tg-color-white-default);
     }
     
     .footer__social-three .title {
         display: block;
         color: white;
         text-transform: capitalize;
         margin-bottom: 15px;
     }
     
     .footer__social-three .list-wrap {
         display: -webkit-box;
         display: -moz-box;
         display: -ms-flexbox;
         display: -webkit-flex;
         display: flex;
         align-items: center;
         gap: 10px;
     }
     
     .footer__social-three .list-wrap li a {
         width: 45px;
         height: 45px;
         display: -webkit-box;
         display: -moz-box;
         display: -ms-flexbox;
         display: -webkit-flex;
         display: flex;
         align-items: center;
         justify-content: center;
         background: var(--tg-theme-primary) none repeat scroll 0 0;
         -webkit-border-radius: 50%;
         -moz-border-radius: 50%;
         -o-border-radius: 50%;
         -ms-border-radius: 50%;
         border-radius: 50%;
         font-size: 20px;
         color: var(--tg-color-gray-2);
     }
     
     .footer__social-three .list-wrap li a:hover {
         background: var(--tg-theme-primary);
         color: var(--tg-color-white-default);
     }
     
     .footer-info-list .list-wrap li {
         display: -webkit-box;
         display: -moz-box;
         display: -ms-flexbox;
         display: -webkit-flex;
         display: flex;
         align-items: flex-start;
         gap: 10px;
         margin-bottom: 20px;
     }
     
     .footer-info-list .list-wrap li .icon {
         font-size: 24px;
         line-height: 0;
     }
     
     .footer-info-list .list-wrap li a {
         color: var(--tg-body-color);
     }
     
     .footer-info-list .list-wrap li a:hover {
         color: var(--tg-theme-primary);
     }
     
     .footer-info-list .list-wrap li:last-child {
         margin-bottom: 0;
     }
     
     .footer-info-list .list-wrap li .content p {
         margin-bottom: 0;
     }
     
     .footer-link-list .list-wrap li {
         margin-bottom: 10px;
     }
     
     .footer-link-list .list-wrap li:last-child {
         margin-bottom: 0;
     }
     
     .footer-link-list .list-wrap li a {
         color: var(--tg-body-color);
         position: relative;
     }
     
     .footer-link-list .list-wrap li a::before {
         content: "";
         position: absolute;
         left: 0;
         bottom: -1px;
         width: 100%;
         height: 1px;
         background: var(--tg-theme-primary);
         -webkit-transform-origin: right top;
         -ms-transform-origin: right top;
         transform-origin: right top;
         -webkit-transform: scale(0, 1);
         -ms-transform: scale(0, 1);
         transform: scale(0, 1);
         transition: transform 0.4s cubic-bezier(0.74, 0.72, 0.27, 0.24);
     }
     
     .footer-link-list .list-wrap li a:hover {
         color: var(--tg-theme-primary);
     }
     
     .footer-link-list .list-wrap li a:hover::before {
         -webkit-transform-origin: left top;
         -ms-transform-origin: left top;
         transform-origin: left top;
         -webkit-transform: scale(1, 1);
         -ms-transform: scale(1, 1);
         transform: scale(1, 1);
     }
     
     .footer-instagram .list-wrap {
         display: -webkit-box;
         display: -moz-box;
         display: -ms-flexbox;
         display: -webkit-flex;
         display: flex;
         flex-wrap: wrap;
         gap: 13px;
     }
     
     .footer-instagram .list-wrap li a img {
         width: 85px;
         height: 85px;
         object-fit: cover;
         mix-blend-mode: luminosity;
         border-radius: 10px;
     }
     
     .footer-bottom {
         background: var(--tg-color-gray-3);
         border-top: 1px solid var(--tg-border-1);
         padding: 35px 0;
     }
     
     @media (max-width: 767.98px) {
         .footer-bottom {
             padding: 25px 0;
         }
     }
     
     .footer__bottom-two {
         border-top: 1px solid #272A68;
         padding: 40px 0;
     }
     
     @media (max-width: 767.98px) {
         .footer__bottom-two {
             padding: 30px 0;
         }
     }
     
     .footer__bottom-three {
         border-top: 1px solid #272A68;
         padding: 40px 0;
     }
     
     @media (max-width: 767.98px) {
         .footer__bottom-three {
             padding: 25px 0;
         }
     }
     
     @media (max-width: 767.98px) {
         .footer__bottom-three .fw-logo {
             text-align: center;
             margin-bottom: 20px;
         }
     }
     
     .footer__bottom-three .copyright-text {
         text-align: right;
     }
     
     @media (max-width: 767.98px) {
         .footer__bottom-three .copyright-text {
             text-align: center;
         }
     }
     
     .footer__bottom-three .copyright-text p {
         color: white;
     }
     
     .footer__bottom-three .copyright-text p a {
         color: white;
     }
     
     .footer__bottom-four {
         border-top: 1px solid #272A68;
         padding: 65px 0;
     }
     
     @media (max-width: 991.98px) {
         .footer__bottom-four {
             padding: 25px 0;
         }
     }
     
     .footer__bottom-four .copyright-text {
         text-align: right;
     }
     
     @media (max-width: 991.98px) {
         .footer__bottom-four .copyright-text {
             text-align: center;
         }
     }
     
     .footer__bottom-four .copyright-text p {
         color: #5F6196;
     }
     
     .footer__bottom-four .copyright-text p a {
         color: #5F6196;
     }
     
     .footer-newsletter {
         display: -webkit-box;
         display: -moz-box;
         display: -ms-flexbox;
         display: -webkit-flex;
         display: flex;
         align-items: center;
         gap: 15px;
     }
     
     @media (max-width: 991.98px) {
         .footer-newsletter {
             margin-bottom: 20px;
         }
     }
     
     @media (max-width: 767.98px) {
         .footer-newsletter {
             flex-wrap: wrap;
             justify-content: center;
         }
     }
     
     .footer-newsletter .title {
         margin-bottom: 0;
         font-size: 20px;
         font-weight: 600;
     }
     
     @media (max-width: 1199.98px) {
         .footer-newsletter .title {
             font-size: 18px;
         }
     }
     
     .footer-newsletter form {
         position: relative;
         flex-grow: 1;
     }
     
     .footer-newsletter form input {
         width: 100%;
         border: 1px solid var(--tg-border-1);
         background: var(--tg-color-white-default);
         -webkit-border-radius: 30px;
         -moz-border-radius: 30px;
         -o-border-radius: 30px;
         -ms-border-radius: 30px;
         border-radius: 30px;
         font-size: 14px;
         line-height: 0;
         color: var(--tg-theme-secondary);
         padding: 16px 140px 16px 22px;
         height: 50px;
     }
     
     .footer-newsletter form input::placeholder {
         font-size: 14px;
         text-transform: capitalize;
         color: #667594;
     }
     
     .footer-newsletter .btn {
         -webkit-border-radius: 30px;
         -moz-border-radius: 30px;
         -o-border-radius: 30px;
         -ms-border-radius: 30px;
         border-radius: 30px;
         position: absolute;
         right: 0;
         top: 0;
     }
     
     .footer-newsletter .btn::after {
         display: none;
     }
     
     .footer__newsletter-two {
         padding: 80px 0 60px;
         border-bottom: 1px solid #3A87BA;
         background: #3A87BA !important;
     }
     
     @media (max-width: 767.98px) {
         .footer__newsletter-two {
             padding: 60px 0 50px;
         }
     }
     
     .footer__newsletter-three {
         width: 90%;
     }
     
     @media (max-width: 767.98px) {
         .footer__newsletter-three {
             width: 100%;
         }
     }
     
     .footer__newsletter-three .title {
         margin-bottom: 20px;
         color: var(--tg-color-white-default);
         font-size: 24px;
         text-transform: capitalize;
         font-weight: 600;
     }
     
     @media (max-width: 767.98px) {
         .footer__newsletter-three .title br {
             display: none;
         }
     }
     
     .footer__newsletter-three form {
         margin-bottom: 25px;
     }
     
     .footer__newsletter-three form input {
         background: white;
         border: none;
         -webkit-border-radius: 30px;
         -moz-border-radius: 30px;
         -o-border-radius: 30px;
         -ms-border-radius: 30px;
         border-radius: 4px;
         font-size: 14px;
         font-weight: 500;
         color: var(--tg-color-white-default);
         padding: 15px 25px;
         height: 50px;
         width: 100%;
         display: block;
         margin-bottom: 10px;
     }
     
     .footer__newsletter-three form input::placeholder {
         font-size: 14px;
         font-weight: 500;
         text-transform: capitalize;
         color: #595B81;
     }
     
     .footer__newsletter-three form .btn {
         width: 100%;
         -webkit-border-radius: 30px;
         -moz-border-radius: 30px;
         -o-border-radius: 30px;
         -ms-border-radius: 30px;
         border-radius: 4px;
         justify-content: center;
     }
     
     .footer__newsletter-three form .btn::after {
         display: none;
     }
     
     .footer__newsletter-four {
         display: -webkit-box;
         display: -moz-box;
         display: -ms-flexbox;
         display: -webkit-flex;
         display: flex;
         align-items: center;
         gap: 25px;
     }
     
     @media (max-width: 991.98px) {
         .footer__newsletter-four {
             justify-content: center;
             margin-bottom: 20px;
         }
     }
     
     @media (max-width: 767.98px) {
         .footer__newsletter-four {
             flex-wrap: wrap;
         }
     }
     
     .footer__newsletter-four .title {
         margin-bottom: 0;
         color: var(--tg-color-white-default);
         font-size: 24px;
     }
     
     .footer__newsletter-four form {
         display: -webkit-box;
         display: -moz-box;
         display: -ms-flexbox;
         display: -webkit-flex;
         display: flex;
         align-items: center;
         gap: 10px;
         flex-grow: 1;
     }
     
     @media (max-width: 767.98px) {
         .footer__newsletter-four form {
             flex-wrap: wrap;
             justify-content: center;
         }
     }
     
     .footer__newsletter-four form input {
         flex-grow: 1;
         border: none;
         background: var(--tg-color-white-default);
         -webkit-border-radius: 30px;
         -moz-border-radius: 30px;
         -o-border-radius: 30px;
         -ms-border-radius: 30px;
         border-radius: 30px;
         font-size: 14px;
         font-weight: 500;
         color: var(--tg-theme-secondary);
         padding: 15px 25px;
         height: 50px;
     }
     
     .footer__newsletter-four form input::placeholder {
         font-size: 14px;
         font-weight: 500;
         text-transform: capitalize;
         color: #667594;
     }
     
     .footer__newsletter-four form .btn {
         width: 127px;
         -webkit-border-radius: 30px;
         -moz-border-radius: 30px;
         -o-border-radius: 30px;
         -ms-border-radius: 30px;
         border-radius: 30px;
     }
     
     .footer__newsletter-four form .btn::after {
         display: none;
     }
     
     .footer__newsletter-inner {
         display: -webkit-box;
         display: -moz-box;
         display: -ms-flexbox;
         display: -webkit-flex;
         display: flex;
         align-items: center;
     }
     
     @media (max-width: 1199.98px) {
         .footer__newsletter-inner {
             flex-wrap: wrap;
             justify-content: center;
             gap: 30px;
         }
     }
     
     .footer__newsletter-inner .title {
         margin-bottom: 0;
         color: var(--tg-color-white-default);
         font-size: 24px;
         text-transform: capitalize;
         width: 20%;
         margin-right: 30px;
     }
     
     @media (max-width: 1199.98px) {
         .footer__newsletter-inner .title {
             width: 100%;
             text-align: center;
             margin-right: 0;
         }
     }
     
     .footer__newsletter-inner form {
         position: relative;
         width: 620px;
     }
     
     .footer__newsletter-inner form input {
         width: 100%;
         background: var(--tg-color-white-default);
         border: none;
         -webkit-border-radius: 30px;
         -moz-border-radius: 30px;
         -o-border-radius: 30px;
         -ms-border-radius: 30px;
         border-radius: 30px;
         font-size: 14px;
         font-weight: var(--tg-fw-bold);
         color: var(--tg-theme-secondary);
         padding: 20px 145px 20px 28px;
         height: 50px;
     }
     
     .footer__newsletter-inner form input::placeholder {
         font-size: 14px;
         font-weight: var(--tg-fw-bold);
         color: #667594;
         text-transform: capitalize;
     }
     
     .footer__newsletter-inner form .btn {
         position: absolute;
         right: 0;
         top: 0;
         height: 50px;
         -webkit-border-radius: 30px;
         -moz-border-radius: 30px;
         -o-border-radius: 30px;
         -ms-border-radius: 30px;
         border-radius: 30px;
     }
     
     .footer__newsletter-inner form .btn::after {
         display: none;
     }
     
     .footer-shape img {
         position: absolute;
         z-index: -1;
     }
     
     .footer-shape img:nth-child(1) {
         left: 0;
         bottom: 0;
     }
     
     .footer-shape img:nth-child(2) {
         right: 0;
         top: 0;
     }
     
     .footer-shape img:nth-child(3) {
         right: 6%;
         top: 30%;
     }
     
     @media (max-width: 991.98px) {
         .footer-shape img:nth-child(3) {
             right: 11%;
             top: 24%;
         }
     }
     
     .footer-shape-two img {
         position: absolute;
         z-index: -1;
         left: 0;
         top: 0;
     }
     
     .fw-logo img {
         max-height: 87px;
     }
     
     .fw-title {
         font-size: 22px;
         margin-bottom: 20px;
         font-weight: 600;
         position: relative;
         padding-bottom: 18px;
     }
     
     .fw-title::before {
         content: "";
         position: absolute;
         left: 0;
         bottom: 0;
         width: 30px;
         height: 4px;
         -webkit-border-radius: 4px;
         -moz-border-radius: 4px;
         -o-border-radius: 4px;
         -ms-border-radius: 4px;
         border-radius: 4px;
         background: var(--tg-theme-primary);
     }
     
     .footer-info-two .list-wrap li .icon {
         color: var(--tg-color-gray-2);
     }
     
     .footer-info-two .list-wrap li .content a {
         font-weight: 700;
         color: var(--tg-color-gray-2);
     }
     
     .footer-info-two .list-wrap li .content a:hover {
         color: var(--tg-theme-primary);
     }
     
     .footer-info-two .list-wrap li .content p {
         font-weight: 700;
         color: var(--tg-color-gray-2);
     }
     
     @media (max-width: 991.98px) {
         .copyright-text {
             text-align: center;
         }
     }
     
     .copyright-text p {
         margin-bottom: 0;
         font-size: 14px;
         font-weight: 500;
     }
     
     .copyright-text p a {
         color: var(--tg-body-color);
     }
     
     .copyright-text p a:hover {
         color: var(--tg-theme-primary);
     }
     
     .copyright-text a {
         color: var(--tg-body-color);
         font-size: 14px;
         font-weight: 500;
     }
     
     .copyright-text a:hover {
         color: var(--tg-theme-primary);
     }
     
     .copyright-text-two p {
         margin-bottom: 0;
         text-align: center;
         font-size: 14px;
         font-weight: 700;
         color: white;
     }
     
     .copyright-text-two p a {
         color: var(--tg-theme-primary);
     }
     
     .copyright-text-two p a:hover {
         color: var(--tg-theme-primary);
     }
     /*=============================
    00. Keyframe Animation
===============================*/
     
     @-webkit-keyframes hoverShine {
         100% {
             left: 125%;
         }
     }
     
     @keyframes hoverShine {
         100% {
             left: 125%;
         }
     }
     
     .alltuchtopdown {
         -webkit-animation: alltuchtopdown 1.5s ease-in-out 0s infinite alternate;
         animation: alltuchtopdown 1.5s ease-in-out 0s infinite alternate;
         animation-duration: 3s;
     }
     
     @keyframes alltuchtopdown {
         0% {
             -webkit-transform: rotateX(0deg) translateY(0px);
             -moz-transform: rotateX(0deg) translateY(0px);
             -ms-transform: rotateX(0deg) translateY(0px);
             -o-transform: rotateX(0deg) translateY(0px);
             transform: rotateX(0deg) translateY(0px);
         }
         50% {
             -webkit-transform: rotateX(0deg) translateY(-20px);
             -moz-transform: rotateX(0deg) translateY(-20px);
             -ms-transform: rotateX(0deg) translateY(-20px);
             -o-transform: rotateX(0deg) translateY(-20px);
             transform: rotateX(0deg) translateY(-20px);
         }
         100% {
             -webkit-transform: rotateX(0deg) translateY(0px);
             -moz-transform: rotateX(0deg) translateY(0px);
             -ms-transform: rotateX(0deg) translateY(0px);
             -o-transform: rotateX(0deg) translateY(0px);
             transform: rotateX(0deg) translateY(0px);
         }
     }
     
     @-webkit-keyframes alltuchtopdown {
         0% {
             -webkit-transform: rotateX(0deg) translateY(0px);
             -moz-transform: rotateX(0deg) translateY(0px);
             -ms-transform: rotateX(0deg) translateY(0px);
             -o-transform: rotateX(0deg) translateY(0px);
             transform: rotateX(0deg) translateY(0px);
         }
         50% {
             -webkit-transform: rotateX(0deg) translateY(-20px);
             -moz-transform: rotateX(0deg) translateY(-20px);
             -ms-transform: rotateX(0deg) translateY(-20px);
             -o-transform: rotateX(0deg) translateY(-20px);
             transform: rotateX(0deg) translateY(-20px);
         }
         100% {
             -webkit-transform: rotateX(0deg) translateY(0px);
             -moz-transform: rotateX(0deg) translateY(0px);
             -ms-transform: rotateX(0deg) translateY(0px);
             -o-transform: rotateX(0deg) translateY(0px);
             transform: rotateX(0deg) translateY(0px);
         }
     }
     
     .rightToLeft {
         -webkit-animation-name: rightToLeft;
         animation-name: rightToLeft;
         -webkit-animation-duration: 10s;
         animation-duration: 10s;
         -webkit-animation-iteration-count: infinite;
         animation-iteration-count: infinite;
         -webkit-animation-timing-function: linear;
         animation-timing-function: linear;
     }
     
     @keyframes rightToLeft {
         0% {
             transform: translateX(-30px);
         }
         50% {
             transform: translateX(-10px);
         }
         100% {
             transform: translateX(-30px);
         }
     }
     
     .ribbonRotate {
         -webkit-animation-name: ribbonRotate;
         animation-name: ribbonRotate;
         -webkit-animation-duration: 10s;
         animation-duration: 10s;
         -webkit-animation-iteration-count: infinite;
         animation-iteration-count: infinite;
         -webkit-animation-timing-function: linear;
         animation-timing-function: linear;
     }
     
     @keyframes ribbonRotate {
         0%,
         100% {
             -webkit-transform: rotate(0);
             transform: rotate(0);
         }
         25%,
         75% {
             -webkit-transform: rotate(15deg);
             transform: rotate(15deg);
         }
         50% {
             -webkit-transform: rotate(30deg);
             transform: rotate(30deg);
         }
     }
     
     .rotateme {
         -webkit-animation-name: rotateme;
         animation-name: rotateme;
         -webkit-animation-duration: 10s;
         animation-duration: 10s;
         -webkit-animation-iteration-count: infinite;
         animation-iteration-count: infinite;
         -webkit-animation-timing-function: linear;
         animation-timing-function: linear;
     }
     
     @keyframes rotateme {
         from {
             -webkit-transform: rotate(0deg);
             transform: rotate(0deg);
         }
         to {
             -webkit-transform: rotate(360deg);
             transform: rotate(360deg);
         }
     }
     
     @-webkit-keyframes rotateme {
         from {
             -webkit-transform: rotate(0deg);
         }
         to {
             -webkit-transform: rotate(360deg);
         }
     }
     
     @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;
         -webkit-animation-delay: 0.5s;
         animation-delay: 0.5s;
         -webkit-animation-duration: 0.5s;
         animation-duration: 0.5s;
         -webkit-animation-fill-mode: both;
         animation-fill-mode: both;
     }
     
     @keyframes fadeInLeft2 {
         0% {
             opacity: 0;
             -webkit-transform: translateX(-20px);
             -ms-transform: translateX(-20px);
             transform: translateX(-20px);
         }
         100% {
             opacity: 1;
             -webkit-transform: translateX(0);
             -ms-transform: translateX(0);
             transform: translateX(0);
         }
     }
     
     .fadeInLeft2 {
         -webkit-animation-name: fadeInLeft2;
         animation-name: fadeInLeft2;
         -webkit-animation-delay: 0.5s;
         animation-delay: 0.5s;
         -webkit-animation-duration: 0.5s;
         animation-duration: 0.5s;
         -webkit-animation-fill-mode: both;
         animation-fill-mode: both;
     }
     
     @keyframes marquee {
         0% {
             -webkit-transform: translateX(0%);
             transform: translateX(0%);
         }
         100% {
             -webkit-transform: translateX(-100%);
             transform: translateX(-100%);
         }
     }
     
     @-webkit-keyframes heartbeat {
         from {
             -webkit-transform: scale(0.8);
             transform: scale(0.8);
         }
         to {
             -webkit-transform: scale(1.05);
             transform: scale(1.05);
         }
     }
     
     @keyframes heartbeat {
         from {
             -webkit-transform: scale(0.8);
             transform: scale(0.8);
         }
         to {
             -webkit-transform: scale(1.05);
             transform: scale(1.05);
         }
     }
     
     @keyframes pulse-border {
         0% {
             transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
             opacity: 1;
         }
         100% {
             transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
             opacity: 0;
         }
     }
     
     @-webkit-keyframes pulse-border {
         0% {
             transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
             opacity: 1;
         }
         100% {
             transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
             opacity: 0;
         }
     }
     
     .wiggle:hover {
         animation: wiggle 0.5s ease-in-out infinite;
     }
     
     @keyframes wiggle {
         0% {
             rotate: 0deg;
             translate: 0 0;
         }
         25% {
             rotate: -2deg;
             translate: -3px 0;
         }
         80% {
             rotate: 2deg;
             translate: 3px 0;
         }
     }
     
     .login__area-one {
         padding: 120px 0px 250px 0px;
         background-image: url(../img/login/bg-login.png);
         background-repeat: no-repeat;
         background-position: top center;
         background-size: cover;
     }
     
     .box-form-login {
         background-color: var(--tg-color-gray-3);
         max-width: 579px;
         margin: auto;
         padding: 63px 61px;
         border: 1px solid var(--tg-border-1);
         border-radius: 8px;
     }
     
     .box-form-login .form-group {
         margin-bottom: 24px;
         position: relative;
     }
     
     .box-form-login .form-control {
         padding: 22px 26px;
     }
     
     .box-form-login .form-control::placeholder {
         color: var(--tg-border-5);
         font-size: 15px;
         font-weight: 400;
     }
     
     .box-form-login .form-control.account {
         background-image: url(../img/login/account.svg);
         background-repeat: no-repeat;
         background-position: right 26px center;
     }
     
     .box-form-login .form-control.email-address {
         background-image: url(../img/register/email.svg);
         background-repeat: no-repeat;
         background-position: right 26px center;
     }
     
     .box-form-login .view-password {
         background-image: url(../img/login/view.svg);
         background-repeat: no-repeat;
         background-position: center;
         height: 16px;
         width: 20px;
         position: absolute;
         top: 50%;
         transform: translateY(-50%);
         right: 26px;
         z-index: 12;
     }
     
     .form-login {
         position: relative;
     }
     
     .text-or {
         position: relative;
         text-align: center;
         margin: 34px 0px 48px 0px;
         border-top: 1px solid var(--tg-color-gray-2);
     }
     
     .text-or span {
         padding: 5px 11px;
         background-color: var(--tg-color-gray-3);
         top: 50%;
         transform: translateY(-50%);
         position: absolute;
         font-size: 16px;
         line-height: 28px;
         font-weight: bold;
         color: var(--tg-color-body-color);
         text-transform: capitalize;
         margin: auto;
         max-width: 41px;
         left: 0px;
         right: 0px;
     }
     
     .text-48-bold {
         font-size: 48px;
         line-height: 65px;
         font-weight: bold;
     }
     
     .box-login-with {
         margin-top: 35px;
     }
     
     .box-forgot-pass {
         display: flex;
         align-items: center;
         justify-content: space-between;
         margin-bottom: 24px;
     }
     
     .box-forgot-pass * {
         color: var(--tg-color-body-color);
         font-size: 14px;
         line-height: 20px;
         font-weight: 400;
     }
     
     .box-forgot-pass span {
         padding-left: 0px;
         overflow: hidden;
         display: block;
     }
     
     .cb-remember {
         float: left;
         margin: 4px 10px 0px 0px;
     }
     
     .form-login .link-bold {
         font-weight: bold;
     }
     
     .form-login .link-bold:hover {
         color: var(--tg-theme-secondary);
     }
     
     .header-border-bottom {
         border-bottom: 1px solid var(--tg-color-gray-2);
     }
     
     @media (max-width: 575px) {
         .box-form-login {
             padding: 23px 21px;
         }
         .box-form-login .form-control.account,
         .box-form-login .form-control.email-address {
             background-position: right 12px center;
         }
         .box-form-login .view-password {
             right: 14px;
         }
         .box-form-login .form-control {
             padding: 22px 40px 22px 16px;
         }
         .text-48-bold {
             font-size: 35px;
             line-height: 50px;
         }
     }
     
     @media (max-width: 375px) {
         .text-48-bold {
             font-size: 25px;
             line-height: 40px;
         }
     }
     
     .register__area-one {
         padding: 120px 0px 250px 0px;
         background-image: url(../img/register/bg-register.png);
         background-repeat: no-repeat;
         background-position: top center;
         background-size: cover;
     }
     
     .forgot__area-one {
         padding: 120px 0px 250px 0px;
         background-image: url(../img/forgot/bg-forgot.png);
         background-repeat: no-repeat;
         background-position: top center;
         background-size: cover;
     }
     
     .text-16-semibold {
         font-size: 16px;
         line-height: 28px;
         font-weight: 600;
     }
     
     .form-forgot .text-infos {
         padding: 0px 0px 0px 29px;
         background-image: url(../img/forgot/info.svg);
         background-repeat: no-repeat;
         background-position: left center;
         color: var(--tg-body-color);
         margin-bottom: 0px;
     }
     
     .form-forgot .alert-warning {
         background-color: var(--tg-color-yellow-light-3);
         padding: 15px 24px;
         margin-bottom: 24px;
         border: 0px;
     }
     
     .border-btn.btn-login {
         padding: 19px 26px;
     }
     
     .border-btn.btn-login svg {
         fill: var(--tg-body-color);
         width: 16px;
         margin-right: 8px;
     }
     
     .border-btn.btn-login:hover svg {
         fill: var(--tg-color-white-default);
     }
     
     .border-btn.btn-login::after {
         display: none;
     }
     
     .slider_baner_home6 .slider__bg {
         opacity: 1;
     }
     
     .slider_baner_home6 .banner__content-three {
         position: relative;
         background-color: #fff;
         border-radius: 8px;
         padding: 60px 60px 60px 80px;
         margin: 60px 0px 60px 60px;
     }
     
     .slider_baner_home6 .banner__content-three .title {
         margin-bottom: 10px;
     }
     
     .slider_baner_home6 .banner__content-three p {
         margin-bottom: 30px;
     }
     
     .slider_baner_home6 .slider__single {
         max-height: 693px;
         background-color: transparent;
     }
     
     .slider_baner_home6 .slider__single::before {
         display: none;
     }
     
     .text-stroke-2 {
         color: #fdbe39;
         text-shadow: -1px -1px 0 #e08b00, 1px -1px 0 #e08b00, -1px 1px 0 #e08b00, 1px 1px 0 #e08b00;
         font-size: 70px;
         font-weight: bold;
         line-height: 70px;
     }
     
     .text-25-years {
         padding: 20px 30px 20px 40px;
         display: flex;
         align-items: flex-start;
         width: fit-content;
         background-color: var(--tg-color-gray-3);
         border-radius: 50px 0px 50px 50px;
         position: absolute;
         top: 50%;
         left: -175px;
         z-index: 123;
         transform: translateY(-50%) rotate(-90deg);
     }
     
     .text-experience {
         font-size: 16px;
         line-height: 30px;
         text-transform: uppercase;
         font-weight: bold;
         margin: 0px;
         padding-left: 10px;
     }
     
     .slider__area {
         position: relative;
     }
     
     .box-button-slider-bottom {
         position: absolute;
         bottom: 0px;
         left: 0px;
         width: 100%;
         z-index: 1234;
         padding-bottom: 50px;
     }
     
     .box-button-slider-bottom .testimonial__nav-four {
         justify-content: flex-end;
     }
     
     .services__item-six {
         border: 0px;
         box-shadow: none;
         display: flex;
         align-items: flex-start;
         padding: 0px;
         margin-bottom: 55px;
     }
     
     .services__item-six .services__icon-five {
         min-width: 78px;
         margin-right: 15px;
         margin-top: 18px;
     }
     
     .services__item-six .services__content-five {
         width: 100%;
         text-align: left;
     }
     
     .services__item-six .icon {
         transition: all 0.3s ease-out 0s;
     }
     
     .services__item-six:hover .icon {
         -webkit-transform: rotateY(180deg);
         -moz-transform: rotateY(180deg);
         -ms-transform: rotateY(180deg);
         -o-transform: rotateY(180deg);
         transform: rotateY(180deg);
         transition: all 0.3s ease-out 0s;
     }
     
     .services__item-wrap-two .row [class*=col-]:nth-child(odd) .services__item-six {
         margin-bottom: 30px;
         margin-top: 0px;
     }
     
     .all_services__area-six {
         background-color: var(--tg-heading-color);
         background-position: center;
         background-repeat: no-repeat;
         background-size: cover;
         padding: 112px 0px;
         text-align: center;
         color: var(--tg-color-white-default);
     }
     
     .all_services__area-six h2 {
         font-size: 48px;
         line-height: 63px;
         font-weight: 700;
         color: #fff;
         margin-bottom: 15px;
     }
     
     .all_services__area-six p {
         color: #fff;
         font-size: 20px;
         line-height: 24px;
         font-weight: 400;
         margin-bottom: 20px;
     }
     
     .card-team-area-six {
         position: relative;
         display: flex;
         align-items: center;
         border: 1px solid var(--tg-border-1);
         border-radius: 15px;
         background-color: var(--tg-color-white-default);
         overflow: hidden;
         margin-bottom: 30px;
     }
     
     .card-team-area-six .card-image {
         min-width: 265px;
         max-width: 265px;
         width: 100%;
         background-color: var(--tg-color-yellow-light);
         position: relative;
     }
     
     .card-team-area-six .card-image::before {
         content: "";
         position: absolute;
         top: 0px;
         left: 0px;
         width: 100%;
         height: 100%;
         z-index: 1;
     }
     
     .card-team-area-six .card-image img {
         position: relative;
         z-index: 2;
         max-height: 305px;
         margin-top: 15px;
         margin-left: 10px;
     }
     
     .card-team-area-six .card-image .btn-share {
         background-color: var(--tg-color-white-default);
         width: 50px;
         height: 50px;
         border-radius: 50%;
         position: absolute;
         top: 14px;
         right: 17px;
         z-index: 4;
         text-align: center;
         line-height: 48px;
     }
     
     .card-team-area-six .card-image .btn-share img {
         margin: 0px;
     }
     
     .card-team-area-six .card-info {
         width: 100%;
         padding: 20px 20px 20px 30px;
     }
     
     .card-team-area-six .card-info .card-title {
         margin-bottom: 28px;
     }
     
     .card-team-area-six .card-info .card-title a {
         color: var(--tg-heading-color);
         font-size: 24px;
         line-height: 30px;
         font-weight: bold;
     }
     
     .card-team-area-six .card-info .card-dept {
         color: var(--tg-theme-primary);
         font-size: 16px;
         line-height: 16px;
         margin: 10px 0px;
     }
     
     .card-team-area-six .card-info .card-desc {
         font-size: 16px;
         line-height: 24px;
         font-weight: 400;
         color: var(--tg-body-color);
         margin-bottom: 28px;
     }
     
     .card-team-area-six .card-info .card-link a {
         text-decoration: underline;
         color: var(--tg-theme-primary);
         font-size: 16px;
         line-height: 16px;
         font-weight: 400;
     }
     
     .box-need-help {
         position: relative;
     }
     
     .box-text-need-help {
         position: absolute;
         bottom: 0px;
         right: 0px;
         padding: 32px;
         background-color: var(--tg-heading-color);
         color: var(--tg-color-white-default);
         max-width: 297px;
     }
     
     .box-text-need-help h6 {
         color: var(--tg-theme-primary);
         margin-top: 15px;
         margin-bottom: 13px;
     }
     
     .box-text-need-help p {
         color: var(--tg-color-white-default);
         font-size: 14px;
         line-height: 23px;
         margin-bottom: 0px;
     }
     
     .accordion-button {
         border-bottom: 0px;
         padding: 23px 54px 23px 34px;
         border: 0px;
         position: relative;
         font-size: 20px;
         line-height: 24px;
         font-weight: 600;
         color: var(--tg-color-white-default);
     }
     
     .accordion-button:hover {
         color: var(--tg-color-white-default);
     }
     
     .accordion-button.collapsed {
         border-bottom: 1px solid var(--tg-border-1);
         background-color: var(--tg-theme-primary);
     }
     
     .accordion-button:focus {
         border-color: var(--tg-border-1);
     }
     
     .accordion-collapse {
         border: 0px;
         background-color: var(--tg-theme-primary);
     }
     
     .accordion-collapse .accordion-body {
         /* padding: 0px*/
         padding-left: 32px;
         padding-right: 32px;
         margin-bottom: 0px;
         padding-bottom: 25px;
         color: var(--tg-color-white-default);
     }
     
     .accordion-button:not(.collapsed) {
         background-color: var(--tg-theme-primary);
         color: var(--tg-color-white-default);
         box-shadow: none;
     }
     
     .accordion {
         position: relative;
     }
     
     .accordion-item {
         border: 0px;
         overflow: hidden;
         margin-bottom: 8px;
         border-radius: 16px !important;
     }
     
     .accordion-item:first-of-type {
         border-radius: 16px !important;
     }
     
     .accordion-button::after {
         background-image: url(../images/plus.svg);
         transform: rotate(0deg);
         background-position: center;
         background-color: var(--tg-theme-primary);
         border-radius: 4px;
         width: 24px;
         height: 24px;
         top: 50%;
         margin-top: -12px;
         right: 20px;
         position: absolute;
         z-index: 12;
     }
     
     .accordion-button:not(.collapsed)::after {
         background-image: url(../images/plus.svg);
         background-color: var(--tg-theme-primary);
     }
     
     .box-faq-right {
         /* padding-left: 20px; */
     }
     
     .marketing_expert__area_six {
         padding: 125px 0px 0px 0px;
         background-color: var(--tg-color-gray-3);
         background-image: url(../img/bg-marketing.png);
         background-repeat: no-repeat;
         background-position: left center;
         margin-bottom: 130px;
     }
     
     .footer__content-two>.color-white {
         color: var(--tg-color-white-default);
     }
     
     .footer__content-two .mb-40 {
         margin-bottom: 40px;
     }
     
     .box-video {
         position: relative;
         border-radius: 16px;
         overflow: hidden;
     }
     
     .box-video::before {
         content: "";
         height: 100%;
         width: 100%;
         position: absolute;
         z-index: 2;
     }
     
     .box-video .bnt-play {
         position: absolute;
         top: 0px;
         z-index: 12;
         height: 114px;
         width: 114px;
         left: 0px;
         right: 0px;
         margin: auto;
         bottom: 0px;
     }
     
     .box-video-small {
         margin-top: 0px;
         position: relative;
         bottom: -130px;
     }
     
     .item-video-small {
         display: flex;
         background-color: var(--tg-heading-color);
         border-radius: 16px;
         overflow: hidden;
     }
     
     .video-small-left {
         width: 100%;
         padding: 46px;
     }
     
     .video-small-right {
         max-width: 392px;
         min-width: 392px;
     }
     
     .video-small-right .box-video {
         border-radius: 0px;
     }
     
     .video-small-right .box-video::before {
         display: none;
     }
     
     .video-small-right .bnt-play {
         height: 70px;
         width: 70px;
     }
     
     .video-small-left-inner {
         display: flex;
         align-items: center;
     }
     
     .video-small-left-inner .video-small-left-1 {
         border-radius: 17px;
         background-color: var(--tg-theme-primary);
         padding: 29px;
         min-width: 139px;
         margin-right: 20px;
         text-align: center;
     }
     
     .video-small-left-inner .video-small-left-1 * {
         color: var(--tg-color-white-default);
     }
     
     .video-small-left-inner .video-small-left-1 h3 {
         font-size: 48px;
         line-height: 48px;
     }
     
     .video-small-left-inner .video-small-left-1 p {
         margin-bottom: 0px;
     }
     
     .video-small-left-inner .video-small-left-2 * {
         color: var(--tg-color-white-default);
     }
     
     .video-small-left-inner .video-small-left-2 h3 {
         font-size: 30px;
         line-height: 34px;
         margin-bottom: 13px;
     }
     
     .footer__newsletter-six {
         position: relative;
         flex-wrap: wrap;
         gap: 10px;
     }
     
     .footer__top-two .color-white {
         color: var(--tg-color-white-default);
     }
     
     .text-subscribe {
         margin-bottom: 0px;
         width: 100%;
     }
     
     .footer__area-six .footer__content-two {
         max-width: 476px;
     }
     
     .footer__area-six .copyright-text-two p {
         text-align: left;
     }
     
     .text-stroke {
         color: var(--tg-color-dark-blue);
         text-shadow: 1px 1px 0 var(--tg-color-white-default), -1px -1px 0 var(--tg-color-white-default), 1px -1px 0 var(--tg-color-white-default), -1px 1px 0 var(--tg-color-white-default), 1px 1px 0 var(--tg-color-white-default);
         font-size: 60px;
         letter-spacing: 4px;
     }
     
     .partners__area-six {
         background-color: var(--tg-color-dark-blue);
         padding: 49px 0px;
     }
     
     .slider__partner {
         width: auto !important;
     }
     
     .slider__partner h4 {
         display: flex;
         align-items: center;
         text-transform: uppercase;
     }
     
     .slider__partner h4 img {
         margin: 0px 25px;
     }
     
     .choose__area-six {
         padding: 124px 0px;
     }
     
     .choose__area-six .choose__img-wrap-five {
         text-align: center;
         position: relative;
     }
     
     .choose__area-six .choose__img-wrap-five .alltuchtopdown {
         z-index: 1;
         left: auto;
         right: 0%;
         bottom: 15%;
     }
     
     .choose__area-six .choose__img-wrap-five .shape-left {
         position: absolute;
         left: -10px;
         right: auto;
         top: 4%;
         box-shadow: none;
     }
     
     .choose__area-six .choose__img-wrap-five .shape-bottom-left {
         position: absolute;
         left: -10px;
         right: auto;
         bottom: -10px;
     }
     
     .choose__area-six .choose__img-wrap-five .shape-top-right {
         position: absolute;
         top: -40px;
         right: 30px;
         z-index: -1;
     }
     
     .our_team__area-six {
         padding: 124px 0px 0px 0px;
     }
     
     .faqs__area-six {
         /*padding: 0 0px 124px 0px;*/
         background-repeat: no-repeat;
         background-position: left bottom -120px;
         position: relative;
     }
     
     .faqs__area-six .circle {
         background-repeat: no-repeat;
         background-position: center;
         height: 52px;
         width: 52px;
         position: absolute;
         left: 5%;
         top: 180px;
     }
     
     .marketing_expert__area_six .shape-top-right {
         position: absolute;
         top: -30px;
         right: -20px;
     }
     
     .services__item-style-2 .services__item-five {
         text-align: left;
         padding: 45px 30px 30px 30px;
     }
     
     .services__item-style-2 .services__item-five .services__icon-five {
         margin-left: 15px;
     }
     
     .services__item-style-2 .services__item-five .services__content-five p {
         min-height: 120px;
     }
     
     .footer-payments img {
         margin: 0px 5px 9px 0px;
     }
     
     .link-gray {
         color: var(--tg-body-color);
     }
     
     .services__area-home7 {
         background-color: var(--tg-color-gray-3);
         background-image: url(../img/bg-service.png);
         background-position: right bottom;
         background-repeat: no-repeat;
         background-size: auto;
     }
     
     .text-60-bold,
     .banner-two-col .section-title .title {
         font-size: 60px;
         line-height: 70px;
         font-weight: 600;
     }
     
     .text-60-bold span,
     .banner-two-col .section-title .title span {
         font-weight: 300;
     }
     
     .item-author-more {
         display: inline-block;
         height: 64px;
         width: 64px;
         border: 1px solid var(--tg-theme-primary);
         border-radius: 50%;
         text-align: center;
         line-height: 65px;
         margin-left: -5px;
         background-color: var(--tg-color-white-default);
         font-size: 16px;
         font-weight: 600;
     }
     
     .box-authors {
         display: flex;
         align-items: center;
         position: relative;
     }
     
     .box-authors img {
         height: 65px;
         width: 65px;
         border-radius: 50%;
         margin-right: -30px;
     }
     
     .box-authors.home-10 img {
         height: 40px;
         width: 40px;
         border-radius: 50%;
         margin-right: -20px;
     }
     
     .box-authors.home-10 .box-img-author :not(:nth-child(1)) {
         filter: grayscale(1);
     }
     
     .box-img-author {
         position: relative;
     }
     
     .text-trusted-author {
         font-size: 24px;
         line-height: 32px;
         color: var(--tg-heading-color);
         font-weight: 600;
         padding-left: 20px;
         max-width: 268px;
     }
     
     .text-42-bold {
         font-size: 42px;
         line-height: 42px;
         font-weight: bold;
     }
     
     .text-need-help {
         font-size: 24px;
         line-height: 24px;
         color: var(--tg-color-white-default);
     }
     
     .text-phone {
         color: var(--tg-color-white-default);
     }
     
     .slide__home7 {
         position: relative;
     }
     
     .box-info-contact {
         position: absolute;
         bottom: 0px;
         width: 100%;
         background-color: var(--tg-heading-color);
         padding: 52px;
     }
     
     .brand__area-home7 {
         padding-top: 117px;
     }
     
     .brand__area-home7.home-10 {
         padding-top: 0;
         padding-bottom: 70px;
     }
     
     .main-img-why {
         position: relative;
     }
     
     .main-img-why .play-btn {
         background: var(--tg-color-white-default);
         width: 114px;
         height: 114px;
         display: inline-block;
         position: absolute;
         top: 0px;
         left: 10px;
         right: 0px;
         bottom: 0px;
         z-index: 12;
         border-radius: 50%;
         margin: auto auto auto 150px;
     }
     
     .main-img-why .play-btn i {
         font-size: 43px;
         color: var(--tg-heading-color);
         position: absolute;
         top: 0px;
         bottom: 0px;
         left: 0px;
         right: 0px;
         margin: auto;
         height: 43px;
         width: 38px;
     }
     
     .whychoose__area-home7 {
         padding-top: 0px;
     }
     
     .icon-line {
         position: absolute;
         bottom: 15%;
         left: 3%;
         z-index: 1;
     }
     
     .icon-star {
         position: absolute;
         top: 30%;
         right: 10%;
         z-index: 1;
     }
     
     .icon-snow {
         position: absolute;
         top: 15%;
         left: 10%;
         z-index: 1;
     }
     
     .steps__area-seven {
         background-color: var(--tg-heading-color);
         padding: 118px 0px 78px 0px;
     }
     
     .steps__area-seven * {
         color: var(--tg-color-white-default);
     }
     
     .journey_area-seven {
         padding: 85px 0px 0px 0px;
         background-color: var(--tg-heading-color);
         background-image: url(../img/bg-journey.png);
         margin-bottom: 200px;
         background-position: top center;
     }
     
     .journey_area-seven .section-title h2,
     .journey_area-seven .section-title p {
         color: var(--tg-color-white-default);
     }
     
     .journey_area-seven .section-title p {
         margin-bottom: 25px;
     }
     
     .box-counter-home7 {
         background-color: var(--tg-color-white-default);
         border-radius: 16px;
         -ms-box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.1);
         -o-box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.1);
         box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.1);
         padding: 60px 20px 30px 20px;
         bottom: -105px;
         display: inline-block;
         width: 100%;
         position: relative;
     }
     
     .box-counter-home7 .counter-item {
         gap: 13px;
     }
     
     .card-step .card-icon {
         height: 78px;
         width: 69px;
         background-image: url(../img/bg-step.svg);
         background-repeat: no-repeat;
         text-align: center;
         line-height: 78px;
         margin-bottom: 24px;
     }
     
     .card-step .card-icon * {
         max-width: 100%;
         max-height: 100%;
         vertical-align: middle;
     }
     
     .card-step .card-info h5,
     .card-step .card-info p {
         color: var(--tg-color-white-default);
         margin-bottom: 24px;
     }
     
     .card-step .card-info p {
         margin-bottom: 40px;
     }
     
     .card-step .card-info .link-readmore {
         color: var(--tg-color-white-default);
     }
     
     .card-step .card-info .link-readmore svg {
         margin-left: 5px;
     }
     
     .mw-460 {
         max-width: 460px;
     }
     
     .slider_testimonial_home7 {
         position: relative;
         padding-top: 90px;
     }
     
     .slider_testimonial_home7 .quote-review {
         position: absolute;
         top: 0px;
         right: 20px;
         z-index: 12;
     }
     
     .item-testimonial {
         max-width: 1100px;
         padding-left: 50px;
         padding-right: 50px;
         margin: auto;
         display: flex;
     }
     
     .item-testimonial .item-testimonial-left {
         min-width: 300px;
         padding: 0px 10px;
         text-align: center;
     }
     
     .item-testimonial .item-testimonial-left .author-testimonial img {
         height: 87px;
         width: 87px;
         border-radius: 50%;
         margin-bottom: 5px;
     }
     
     .item-testimonial .item-testimonial-left .author-testimonial .info-author-review .name-review {
         font-size: 24px;
         line-height: 30px;
         font-weight: 600;
         margin-bottom: 5px;
     }
     
     .item-testimonial .item-testimonial-left .author-testimonial .info-author-review .review-dept {
         font-size: 16px;
         line-height: 16px;
         font-weight: 400;
         color: var(--tg-theme-primary);
     }
     
     .item-testimonial .item-testimonial-left .author-testimonial .info-author-review .brand-review {
         margin-top: 32px;
         opacity: 0.5;
     }
     
     .item-testimonial .item-testimonial-right p {
         font-size: 24px;
         line-height: 30px;
         color: var(--tg-body-color);
         font-weight: 500;
     }
     
     .testimonials_area-seven {
         padding-bottom: 130px;
     }
     
     .testimonials_area-seven .testimonial__nav-four .testimonial-two-button-prev,
     .testimonials_area-seven .testimonial__nav-four .testimonial-two-button-next {
         position: absolute;
         top: 50%;
         z-index: 123;
         margin-top: -25px;
         background-color: var(--tg-color-white-default);
         border: 1px solid var(--tg-border-1);
     }
     
     .testimonials_area-seven .testimonial__nav-four .testimonial-two-button-prev:hover,
     .testimonials_area-seven .testimonial__nav-four .testimonial-two-button-next:hover {
         background-color: var(--tg-theme-primary);
     }
     
     .testimonials_area-seven .testimonial__nav-four .testimonial-two-button-prev {
         left: 0px;
     }
     
     .testimonials_area-seven .testimonial__nav-four .testimonial-two-button-next {
         right: 0px;
     }
     
     .testimonials_area-seven .swiper-pagination {
         bottom: 0px;
     }
     
     .testimonials_area-seven .swiper-container {
         padding-bottom: 40px;
     }
     
     .testimonials_area-seven .swiper-pagination-bullet {
         background-color: var(--tg-color-gray-2);
     }
     
     .testimonials_area-seven .swiper-pagination-bullet-active {
         background-color: var(--tg-heading-color);
     }
     
     .about__award-box-two-rel {
         position: relative;
     }
     
     .about__award-box-two2 {
         bottom: 115px;
     }
     
     .box-yellow-about {
         background-color: var(--tg-color-yellow-light);
         padding: 50px;
         border-radius: 32px;
     }
     
     @media (max-width: 1199px) {
         .banner-two-col .banner-col-1,
         .banner-two-col .banner-col-2 {
             width: 50%;
         }
     }
     
     @media (max-width: 992px) {
         .banner-two-col,
         .item-video-small {
             flex-wrap: wrap;
         }
         .video-small-right {
             max-width: 100%;
             min-width: 100%;
         }
         .banner-two-col .banner-col-1,
         .banner-two-col .banner-col-2 {
             width: 100%;
         }
         .item-testimonial {
             padding-left: 0px;
             padding-right: 0px;
         }
         .item-testimonial .item-testimonial-left {
             min-width: 190px;
         }
         .testimonials_area-seven .testimonial__nav-four .testimonial-two-button-next {
             right: -70px;
         }
         .testimonials_area-seven .testimonial__nav-four .testimonial-two-button-prev {
             left: -70px;
         }
     }
     
     @media (max-width: 768px) {
         .video-small-left {
             padding: 26px;
         }
     }
     
     @media (max-width: 575px) {
         .text-25-years {
             padding: 5px 15px 5px 24px;
             border-radius: 50px 0px 50px 50px;
             left: -135px;
         }
         .slider_baner_home6 .banner__content-three {
             padding: 30px 20px 30px 50px;
             margin: 0px 0px 100px 30px;
         }
         .slider_baner_home6 .banner__content-three .title {
             font-size: 30px;
         }
         .card-team-area-six {
             flex-wrap: wrap;
         }
         .card-team-area-six .card-image {
             min-width: 100%;
             max-width: 100%;
         }
         .video-small-left-inner {
             flex-wrap: wrap;
         }
         .video-small-left-inner .video-small-left-1 {
             margin-bottom: 30px;
         }
         .item-testimonial .item-testimonial-right p {
             font-size: 18px;
             line-height: 28px;
         }
     }
     
     @media (max-width: 450px) {
         .item-testimonial {
             flex-wrap: wrap;
         }
         .item-testimonial-left {
             width: 100%;
             min-width: 100%;
             margin-bottom: 30px;
         }
     }
     
     .banner-two-col {
         background-color: var(--tg-color-gray-3);
     }
     
     .banner-two-col .banner-col-1 {
         padding: 80px 0;
         min-height: 646px;
     }
     
     .banner-two-col .banner-col-2 {
         width: 40%;
         position: absolute;
         top: 0;
         right: 0;
     }
     
     .banner-two-col .banner-col-2 .box-button-slider-bottom {
         bottom: 90px;
         left: auto;
         padding-bottom: 0px;
         right: 80px;
     }
     
     .services__item-five .icon {
         transition-duration: 0.3s;
     }
     
     .services__item-five:hover .icon {
         transform: rotateY(180deg);
         transition-duration: 0.3s;
     }
     
     .card-step .card-icon svg {
         transition-duration: 0.3s;
     }
     
     .card-step:hover .card-icon svg {
         transform: rotateY(180deg);
         transition-duration: 0.3s;
     }
     
     @media only screen and (max-width: 920px) {
         .banner-two-col .banner-col-2 {
             display: none;
         }
     }
     
     .card-services-type-01 {
         height: 94%;
         padding: 30px;
         background-color: var(--tg-color-white-default);
         border: 1px solid var(--tg-color-yellow-light-4);
         text-align: center;
         margin-bottom: 30px;
         border-radius: 15px;
         transition-duration: 0.2s;
     }
     
     .card-services-type-01:hover {
         box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.1019607843);
         transition-duration: 0.2s;
         transform: translateY(-2px);
     }
     
     .card-services-type-01:hover .card-icon i,
     .card-services-type-01:hover .card-icon img,
     .card-services-type-01:hover .card-icon svg {
         transform: rotateY(180deg);
     }
     
     .card-services-type-01 .card-icon {
         margin-bottom: 24px;
         height: 58px;
     }
     
     .card-services-type-01 .card-icon i,
     .card-services-type-01 .card-icon img,
     .card-services-type-01 .card-icon svg {
         transition: 0.3s linear;
     }
     
     .card-services-type-01 .card-info h5 {
         margin-bottom: 24px;
         font-size: 22px;
         line-height: 35px;
     }
     
     .card-services-type-01.style-02 {
         border: 1px solid #cfdde2;
     }
     
     .slider_baner_home8 {
         position: relative;
     }
     
     .slider_baner_home8 .slider__bg {
         min-height: 778px;
         z-index: 1;
         opacity: 1;
         mix-blend-mode: normal;
     }
     
     .slider_baner_home8 .slider__bg::before {
         content: "";
         height: 100%;
         width: 100%;
         background-color: var(--tg-heading-color);
         position: absolute;
         top: 0px;
         left: 0px;
         opacity: 0.8;
     }
     
     .slider_baner_home8 .container {
         position: relative;
         z-index: 2;
     }
     
     .slider_baner_home8 .slider__single {
         min-height: 778px;
         align-items: flex-start;
     }
     
     .slider_baner_home8 .banner__content-three {
         margin-top: 0px;
     }
     
     .slider_baner_home8 .banner__content-three p {
         margin-bottom: 45px;
         color: var(--tg-color-white-default);
     }
     
     .slider_baner_home8 .banner__content-three .title {
         font-size: 60px;
         line-height: 70px;
         font-weight: bold;
         margin-bottom: 45px;
         color: var(--tg-color-white-default);
     }
     
     .slider_baner_home8 .banner__content-three .title span {
         font-weight: 300;
     }
     
     .slider__area-home8 {
         position: relative;
         padding: 0px 170px;
     }
     
     .slider__area-home8 .box-form-quote {
         position: absolute;
         top: 100px;
         width: auto;
         right: 0px;
         z-index: 12;
     }
     
     .slider__area-home8 .box-form-quote .testimonial__form {
         margin: 0px 0px 0px auto;
     }
     
     .slider__area-home8 .testimonial__nav-four .testimonial-two-button-prev {
         position: absolute;
         top: 50%;
         left: 60px;
         margin-top: -25px;
     }
     
     .slider__area-home8 .box-button-slider-bottom {
         position: static;
         padding: 0px;
         margin: 0px;
     }
     
     .slider__area-home8 .box-button-slider-bottom .testimonial__nav-four {
         margin: 0px;
     }
     
     .slider__area-home8 .testimonial__nav-four .testimonial-two-button-next {
         position: absolute;
         top: 50%;
         right: 60px;
         margin-top: -25px;
     }
     
     .services__area-home8 {
         z-index: 12;
         top: -130px;
     }
     
     .card-number-star {
         background-color: var(--tg-color-white-default);
         border-radius: 50px 0px 50px 0px;
         box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.1725490196);
         display: flex;
         align-items: center;
         padding: 25px;
         max-width: 376px;
         position: absolute;
         bottom: -75px;
         left: 0px;
         right: 0px;
         margin: auto;
         z-index: 4;
     }
     
     .card-number-star .number {
         position: relative;
         margin-right: 20px;
     }
     
     .card-number-star .content .title {
         font-size: 16px;
         line-height: 26px;
         text-transform: uppercase;
     }
     
     .card-number-star .content p {
         font-size: 14px;
         line-height: 17px;
         margin-bottom: 0px;
     }
     
     .about__img-wrap-home8 {
         text-align: left;
     }
     
     .about__img-wrap-home8 .img-main {
         position: relative;
         z-index: 2;
     }
     
     .about__img-wrap-home8.about__img-wrap-seven .shape img {
         right: 7%;
         top: -14%;
     }
     
     .team__area-home8 {
         padding-top: 10px;
     }
     
     .about__img-wrap-home8.about__img-wrap-four>img {
         border-radius: 0px 40px 0px 40px;
     }
     
     .about__img-wrap-home8.about__img-wrap-four>img:nth-child(2) {
         border: 0px;
         border-radius: 40px 0px 40px 0px;
     }
     
     .about__img-wrap-home8.about__img-wrap-four .shape img {
         right: auto;
         top: auto;
         left: 30px;
         bottom: -70px;
     }
     
     .marketing__area-home8 {
         background-color: var(--tg-color-gray-3);
         background-repeat: no-repeat;
         background-position: left top;
     }
     
     .about__img-wrap2-home8 {
         position: relative;
         display: inline-block;
     }
     
     .about__img-wrap2-home8 .shape {
         position: absolute;
         bottom: -40px;
         right: -40px;
         z-index: -1;
     }
     
     .about__img-wrap2-home8 .shape-2 {
         position: absolute;
         top: 15%;
         right: -35px;
         z-index: 12;
     }
     
     .about__img-wrap3-home8 {
         display: inline-block;
         position: relative;
     }
     
     .about__img-wrap3-home8 .btn-play {
         position: absolute;
         top: 0px;
         bottom: 0px;
         right: 0px;
         left: 0px;
         z-index: 123;
         height: 102px;
         width: 102px;
         margin: auto;
     }
     
     .about__img-wrap3-home8 img {
         border-radius: 0px 40px 0px 40px;
     }
     
     .card-testimonials {
         position: relative;
     }
     
     .card-testimonials .card-image {
         margin-bottom: 45px;
         height: 65px;
         width: 65px;
         overflow: hidden;
         border-radius: 50%;
     }
     
     .card-testimonials .card-image img {
         display: block;
         border-radius: 50%;
         height: 65px;
         width: 65px;
         transition: 0.3s linear;
     }
     
     .card-testimonials .card-info {
         background-image: url(../img/home8/quote.svg);
         background-position: top right;
         background-repeat: no-repeat;
         padding: 10px 0px;
     }
     
     .card-testimonials .card-info .card-position {
         margin-bottom: 17px;
     }
     
     .card-testimonials .card-info .rates-review {
         margin-bottom: 23px;
     }
     
     .card-testimonials .card-info .card-comment p {
         font-size: 17px;
         line-height: 30px;
     }
     
     .testimonials__area-home8 {
         position: relative;
         padding-top: 120px;
     }
     
     .box-button-slider-right .testimonial__nav-four {
         justify-content: flex-end;
     }
     
     .marketing__area-home8 {
         position: relative;
     }
     
     .marketing__area-home8 .shape {
         position: absolute;
         bottom: 24%;
         right: 5%;
         z-index: 0;
     }
     
     .marketing__area-home8 .shape-2 {
         position: absolute;
         bottom: 20%;
         right: 2%;
         z-index: 0;
     }
     
     @media (max-width: 1399px) {
         .marketing__area-home8 .shape {
             bottom: 2%;
         }
         .marketing__area-home8 .shape-2 {
             bottom: 4%;
         }
         .slider__area-home8 {
             padding: 0px 50px;
         }
     }
     
     @media (max-width: 1199px) {
         .slider__area-home8 {
             padding: 0px 0px;
         }
     }
     
     @media (max-width: 992px) {
         .footer__area-six .copyright-text-two p {
             text-align: center;
             margin-bottom: 25px;
         }
         .slider__area-home8 .box-form-quote {
             position: relative;
             top: auto;
             right: auto !important;
             display: table;
             margin: auto;
             width: 100%;
         }
         .slider_baner_home8 .slider__single {
             min-height: 558px;
         }
         .slider_baner_home8 .slider__bg {
             min-height: 558px;
         }
         .slider_baner_home8 .banner__content-three {
             margin-bottom: 0px;
         }
         .services__area-home8 {
             top: auto;
             padding-top: 50px;
             padding-bottom: 100px;
         }
         .slider__area-home8 .box-form-quote .testimonial__form {
             border: 1px solid var(--tg-border-9);
             margin-top: 30px;
             width: 100%;
         }
     }
     
     @media (max-width: 768px) {
         .about__img-wrap-home8 {
             text-align: center;
             padding-bottom: 0px;
         }
         .about__img-wrap2-home8 .text-25-years {
             left: -120px;
         }
         .slider_baner_home8 .banner__content-three .title {
             font-size: 40px;
             line-height: 50px;
         }
         .marketing__area-home8 .shape,
         .marketing__area-home8 .shape-2 {
             display: none;
         }
     }
     
     @media (max-width: 575px) {
         .about__img-wrap2-home8 .shape-2 {
             right: -15px;
         }
     }
     
     .slider__area .box-button-slider-bottom.home-9 {
         width: unset;
         right: 20px;
         left: unset;
         bottom: unset;
         transform: translateY(-50%);
         top: 50%;
     }
     
     .slider__area .box-button-slider-bottom.home-9 .testimonial__nav-four {
         transform: rotate(90deg);
     }
     
     .choose__area-home-9 .choose__content-five .button-link {
         padding-top: 70px;
     }
     
     .choose__area-home-9 .choose__content-five .button-link .btn-secondary {
         margin-left: 20px;
     }
     
     .services__area-five.home-9 .section-title .title {
         color: var(--tg-color-white-default);
     }
     
     .business__area-home-9 {
         position: relative;
         padding: 140px 0 180px 0;
         background: var(--tg-color-gray-3);
     }
     
     .business__area-home-9 .business__range .range__item p {
         color: var(--font-color, #3e4073);
         font-size: 16px;
         font-style: normal;
         font-weight: 700;
         line-height: 24px;
         /* 150% */
     }
     
     .business__area-home-9 .business__tag-item {
         padding: 34px 19px 34px 60px;
         border-radius: 15px;
         border: 1px solid #e9e9f0;
         background: var(--tg-color-white-default);
         box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.1);
     }
     
     .business__area-home-9 .business__tag-icon {
         border-radius: 8px;
         background: var(--secondary-color-secondary-color-500, #f7a400);
     }
     
     .business__area-home-9 .business__tag-1 {
         position: absolute;
         top: 44px;
         left: 74px;
     }
     
     .business__area-home-9 .business__tag-2 {
         position: absolute;
         bottom: 144px;
         left: 700px;
         animation: rightToLeft 4s infinite linear;
     }
     
     .testimonial__bottom.home-9 .testimonial__img {
         width: 65px;
         height: 65px;
         border-radius: 50%;
         overflow: hidden;
         margin-right: 16px;
     }
     
     .progress,
     .progress-stacked {
         --bs-progress-height: 10px;
         --bs-progress-font-size: 0.75rem;
         --bs-progress-bg: #fbd58a;
         --bs-progress-border-radius: var(--bs-border-radius);
         --bs-progress-box-shadow: var(--bs-box-shadow-inset);
         --bs-progress-bar-color: #fff;
         --bs-progress-bar-bg: var(--tg-theme-secondary);
         --bs-progress-bar-transition: width 0.6s ease;
         display: flex;
         height: var(--bs-progress-height);
         overflow: hidden;
         font-size: var(--bs-progress-font-size);
         background-color: var(--bs-progress-bg);
         border-radius: var(--bs-progress-border-radius);
     }
     
     .ellipse {
         border-radius: 50%;
         width: 70px;
         height: 70px;
         background-color: var(--tg-color-gray-3);
         z-index: -1;
     }
     
     .bg-primary {
         background-color: var(--tg-theme-primary) !important;
     }
     
     .bg-secondary {
         background-color: var(--tg-theme-secondary) !important;
     }
     
     .banner-two-col.home-10 {
         background-color: var(--tg-theme-secondary);
     }
     
     .banner-two-col.home-10 .banner-col-1 {
         position: relative;
     }
     
     .banner-two-col.home-10 .banner-col-1 .shape {
         position: absolute;
         z-index: 4;
         right: -20px;
         top: 0;
     }
     
     .banner-two-col.home-10 .banner-col-2 img {
         opacity: 85%;
     }
     
     .banner-two-col.home-10 .input-group input.email {
         background-image: url(../img/icon/mail.svg);
         background-position: left 18px center;
         background-repeat: no-repeat;
         padding-left: 45px;
     }
     
     .banner-two-col.home-10 .input-group input.email:focus {
         background-image: url(../img/icon/mail.svg);
         background-position: left 18px center;
         background-repeat: no-repeat;
         padding-left: 45px;
     }
     
     .banner-two-col.home-10 .input-group .form-control:focus {
         box-shadow: none;
         border: 0;
     }
     
     .banner-two-col.home-10 .input-group .form-control::placeholder {
         color: #999;
         /* Body Text */
         font-size: 16px;
         font-style: normal;
         font-weight: 400;
         line-height: 26px;
         /* 162.5% */
     }
     
     .section-portfolio-2.accordion {
         justify-content: center;
         align-content: center;
         position: relative;
         top: 0;
         left: 5vw;
         transition: all 200ms ease-in-out 50ms;
         min-height: 50vh;
         width: 90vw;
         opacity: 0;
     }
     
     .section-portfolio-2.accordion .accordion-item {
         margin-left: 10px;
         margin-right: 10px;
         border-radius: 12px !important;
         border: none;
         background: none;
         cursor: pointer;
         display: flex;
     }
     
     .section-portfolio-2.accordion .accordion-item .accordion-link {
         background-color: #184969;
         transition: all 0.2s linear;
     }
     
     .section-portfolio-2.accordion .accordion-item .accordion-link h2 {
         color: #fff;
     }
     
     .section-portfolio-2.accordion .accordion-item .accordion-link p {
         color: #b8b9da;
     }
     
     .section-portfolio-2.accordion .accordion-item .accordion-link .accordion-link-item {
         display: flex;
         flex-direction: column;
         justify-content: center;
         align-items: start;
         gap: 12px;
     }
     
     .section-portfolio-2.accordion .accordion-item .accordion-img {
         height: 100%;
         background-position: center;
         background-size: cover;
         background-repeat: no-repeat;
         border-top-right-radius: 12px;
         border-bottom-right-radius: 12px;
     }
     
     .section-portfolio-2.accordion .default {
         height: 430px;
         width: 208px;
         overflow: hidden;
     }
     
     .section-portfolio-2.accordion .default .accordion-link {
         width: 0;
     }
     
     .section-portfolio-2.accordion .default .accordion-link .accordion-link-item {
         height: 0;
         opacity: 0;
     }
     
     .section-portfolio-2.accordion .default .accordion-img {
         width: 100%;
     }
     
     .section-portfolio-2.accordion .expand {
         height: 430px;
         width: 764px;
     }
     
     .section-portfolio-2.accordion .expand .accordion-link {
         width: 50%;
         padding: 0 40px;
     }
     
     .section-portfolio-2.accordion .expand .accordion-link .accordion-link-item {
         transition: all 0.5s ease-in-out;
         height: 100%;
         opacity: 1;
     }
     
     .section-portfolio-2.accordion .expand .accordion-img {
         width: 50%;
     }
     
     @media (max-width: 991px) {
         .section-portfolio-2.accordion .default {
             height: 230px;
             width: 100%;
             overflow: hidden;
         }
         .section-portfolio-2.accordion .default .accordion-link {
             width: 0;
         }
         .section-portfolio-2.accordion .default .accordion-link .accordion-link-item {
             height: 0;
             opacity: 0;
         }
         .section-portfolio-2.accordion .default .accordion-img {
             width: 100%;
         }
         .section-portfolio-2.accordion .expand {
             height: 430px;
             width: 764px;
         }
         .section-portfolio-2.accordion .expand .accordion-link {
             width: 50%;
             padding: 0 40px;
         }
         .section-portfolio-2.accordion .expand .accordion-link .accordion-link-item {
             transition: all 0.5s ease-in-out;
             height: 100%;
             opacity: 1;
         }
         .section-portfolio-2.accordion .expand .accordion-img {
             width: 50%;
         }
     }
     
     @media (max-width: 767.98px) {
         .section-portfolio-2.accordion .accordion-item h2 {
             font-size: 24px !important;
         }
         .section-portfolio-2.accordion .accordion-item p {
             font-size: 12px !important;
         }
         .section-portfolio-2.accordion .accordion-item .btn {
             font-size: 10px !important;
             padding: 10px 15px !important;
         }
         .section-portfolio-2.accordion .default {
             height: 150px;
             width: 100%;
             overflow: hidden;
         }
         .section-portfolio-2.accordion .default .accordion-link {
             width: 0;
         }
         .section-portfolio-2.accordion .default .accordion-link .accordion-link-item {
             height: 0;
             opacity: 0;
         }
         .section-portfolio-2.accordion .default .accordion-img {
             width: 100%;
         }
         .section-portfolio-2.accordion .expand {
             height: 430px;
             width: 100%;
         }
         .section-portfolio-2.accordion .expand .accordion-link {
             width: 50%;
             padding: 0 20px;
         }
         .section-portfolio-2.accordion .expand .accordion-link .accordion-link-item {
             transition: all 0.5s ease-in-out;
             height: 100%;
             opacity: 1;
         }
         .section-portfolio-2.accordion .expand .accordion-img {
             width: 50%;
         }
     }
     
     .testimonial__area-four.home-10 .stroke {
         font-size: 200px;
         font-style: normal;
         font-weight: 800;
         line-height: 100px;
         /* 50% */
         letter-spacing: 12px;
         background: -webkit-linear-gradient(-90deg, rgb(216, 225, 229), rgba(228, 232, 234, 0));
         -webkit-background-clip: text;
         color: white !important;
         -webkit-text-stroke: 2px transparent;
         text-wrap: nowrap;
         paint-order: stroke fill;
     }
     
     .img-text {
         border-radius: 12px;
         overflow: hidden;
         background-color: var(--primary-color-primary-color-900, #184969);
     }
     
     .img-text .img {
         opacity: 0.2;
     }
     
     .counter-area-two.home-10 {
         background-color: var(--tg-theme-secondary);
     }
     
     .transforming .bnt-play.home-10 {
         width: 70px;
         height: 70px;
     }
     
     @media (max-width: 991px) {
         .transforming .box-video {
             position: relative !important;
         }
     }
     
     .transforming h1 {
         color: var(--tg-theme-primary);
     }
     
     .transforming .tag {
         width: 252px;
         height: 114px;
         border-radius: 17px;
         align-items: center;
         justify-content: center;
         display: flex;
         background: var(--tg-theme-primary);
     }
     
     .transforming .tag span {
         color: var(--white, #fff);
         font-family: Outfit;
         font-size: 74px;
         font-style: normal;
         font-weight: 700;
         line-height: 51px;
         /* 70.833% */
         text-transform: capitalize;
     }
     
     .transforming .tag p {
         color: var(--white, #fff);
         font-size: 16px;
         font-style: normal;
         font-weight: 500;
         line-height: 19px;
         /* 118.75% */
         text-transform: capitalize;
     }
     
     .blog__details-inner-thumb.home-11::before {
         position: absolute;
         content: "";
         right: -10px;
         bottom: -10px;
         border-radius: 12px;
         z-index: 0;
         width: 100%;
         height: 100%;
         background: var(--tg-theme-primary);
     }
     
     .blog__details-inner-thumb.home-11 img {
         position: relative;
     }
     
     .blog__details-inner-thumb.home-11 .play-btn .fa-play {
         color: var(--tg-theme-primary);
     }
     
     .blog__details-inner-thumb.home-11 .play-btn:hover .fa-play {
         color: var(--tg-color-white-default);
     }
     
     .nav-tabs {
         gap: 24px;
         justify-content: center;
     }
     
     #block-bootstrap-navigationprincipale-2 .nav-tabs {
         /*gap: 24px;*/
         gap: 34px;
         justify-content: center;
     }
     
     .nav-tabs .triangle {
         width: 17px;
         height: 17px;
         position: absolute;
         bottom: -5px;
         left: 0;
         right: 0;
         margin: auto;
         opacity: 0;
         transition: 0.2s ease-in-out;
     }
     
     @media (max-width: 767.98px) {
         .nav-tabs .triangle {
             display: none;
         }
     }
     
     .nav-link {
         display: flex;
         padding: 33px 26px;
         align-items: center;
         font-size: 22px;
         font-weight: 600;
         color: var(--tg-theme-secondary);
         border-radius: 12px !important;
         border-color: var(--tg-border-1) !important;
     }
     
     .nav-link:hover {
         border-color: var(--tg-theme-secondary) !important;
         color: var(--tg-color-white-default);
         background-color: var(--tg-theme-secondary);
     }
     
     @media (max-width: 991.98px) {
         .nav-link {
             padding: 14px 10px;
             font-size: 16px;
         }
     }
     
     @media (max-width: 767.98px) {
         .nav-link {
             padding: 8px 6px;
             font-size: 12px;
         }
     }
     
     .nav-tabs .nav-item.show .nav-link,
     .nav-tabs .nav-link.active {
         color: var(--tg-color-white-default);
         background-color: var(--tg-theme-secondary);
         border-color: var(--tg-theme-secondary) !important;
     }
     
     .nav-tabs .nav-item.show .nav-link .triangle,
     .nav-tabs .nav-link.active .triangle {
         opacity: 1;
         transition: 0.2s ease-in-out;
     }
     
     .testimonials__area-home-11 .tag {
         width: 252px;
         height: 114px;
         border-radius: 17px;
         align-items: center;
         justify-content: center;
         display: flex;
         background: var(--tg-theme-primary);
     }
     
     .testimonials__area-home-11 .tag span {
         color: var(--white, #fff);
         font-family: Outfit;
         font-size: 74px;
         font-style: normal;
         font-weight: 700;
         line-height: 51px;
         /* 70.833% */
         text-transform: capitalize;
     }
     
     .testimonials__area-home-11 .tag p {
         color: var(--white, #fff);
         font-size: 16px;
         font-style: normal;
         font-weight: 500;
         line-height: 19px;
         /* 118.75% */
         text-transform: capitalize;
     }
     
     .banner__area-four.home-12 .banner__content-four .img-shape {
         position: absolute;
         z-index: -1;
         bottom: -30%;
         left: 20%;
     }
     
     .banner__area-four.home-12 .hero-home-12 {
         margin-right: auto;
         margin-left: auto;
         max-width: 75%;
         background-position: center;
         background-size: cover;
         position: relative;
         z-index: 1;
     }
     
     @media (max-width: 991px) {
         .banner__area-four.home-12 .hero-home-12 {
             max-width: 90%;
         }
     }
     
     @media (max-width: 767px) {
         .banner__area-four.home-12 .hero-home-12 {
             max-width: 100%;
         }
     }
     
     .banner__area-four.home-12 .hero-home-12 .phone-center {
         margin-bottom: -12%;
     }
     
     .banner__area-four.home-12 .hero-home-12 .phone-left {
         left: -7%;
         z-index: -1;
     }
     
     .banner__area-four.home-12 .hero-home-12 .phone-right {
         right: -7%;
         z-index: -1;
     }
     
     .banner__area-four.home-12 .hero-home-12 .banner__shape {
         position: absolute;
         z-index: -2;
         top: 20%;
         right: -25%;
     }
     
     .services__area-home-12 .services__item-five.odd {
         background-color: #fef6e6;
     }
     
     .services__area-home-12 .services__item-five.even {
         background-color: #ecf6fa;
     }
     
     .services__area-home-12 .shape-4 {
         top: 20%;
         left: 0;
     }
     
     .services__area-home-12 .services__list-home-12 .number span {
         color: var(#184969);
         text-align: center;
         font-size: 20px;
         font-style: normal;
         font-weight: 700;
         line-height: normal;
         letter-spacing: 1px;
         text-transform: uppercase;
         display: flex;
         width: 64px;
         height: 64px;
         justify-content: center;
         align-items: center;
         border-radius: 50%;
         background: var(--tg-color-gray-2);
         transition: all 0.3s;
     }
     
     .services__area-home-12 .services__list-home-12 .number:hover span {
         background: var(--tg-theme-secondary);
         color: var(--tg-color-white-default);
     }
     
     .bg-norepeat {
         background-repeat: no-repeat;
     }
     
     .marketing__area-home12 {
         border-top: 8px solid #fbd58a;
     }
     
     .marketing__area-home12 .tg-element-title {
         color: var(--primary-color-primary-color-700, #14176c);
         font-size: 50px;
         font-style: normal;
         font-weight: 600;
         line-height: 60px;
         /* 120% */
     }
     
     .marketing__area-home12 .tg-element-title span {
         position: relative;
     }
     
     .marketing__area-home12 .tg-element-title span ::after {
         content: "";
         position: absolute;
         left: 0;
         bottom: 10px;
         width: 100%;
         height: 8px;
         background: var(--tg-theme-primary);
         z-index: -1;
     }
     
     .card-services-type-01 p {
         text-align: justify;
     }
     
     @media (min-width: 992px) and (max-width: 1285px) {
         .col-lg-3.col-sm-6 {
             width: 50% !important;
         }
     }
     
     section.services__area-home8 {
         margin-bottom: 6% !important;
     }
     /*# sourceMappingURL=main.css.map */
     
     .pricing__bg {
         padding: 5rem 0 90px !important;
     }
     
     .pricing__box.pricing__box-two:hover {
         box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.1019607843);
         transition-duration: 0.2s;
         transform: translateY(-2px);
     }
     
     .pricing__box.pricing__box-two:hover {
         background: #F7A400;
         color: white;
         cursor: pointer;
     }
     
     .pricing__box.pricing__box-two:hover .pricing__price h2,
     .pricing__box.pricing__box-two:hover .pricing__price strong,
     .pricing__box.pricing__box-two:hover .pricing__price span,
     .pricing__box.pricing__box-two:hover .pricing__content p {
         color: white;
     }
     
     .pricing__box.pricing__box-two:hover .col-10.price {
         color: white;
         border-bottom: 0.1px solid #ffffff;
     }
     
     .pricing__box.pricing__box-two:hover .btn.border-yellow-btn {
         border: 1px solid white;
         background: #ffffff;
     }
     
     .btn.border-yellow-btn {
         padding: 10px 12px !important;
     }
     
     .btn::after {
         content: none !important;
     }
     
     li p {
         width: 100% !important;
         text-align: right;
     }
     
     .col-10.price {
         align-content: center;
         padding-left: 0;
         border-bottom: 0.1px solid #f7a400;
     }
     
     #sur-devis {
         color: #F7A400;
     }
     
     .pricing__box.pricing__box-two:hover i.fa.fa-check {
         color: #ffffff !important;
     }
     
     @media (max-width:1500px) {
         .col-10.price {
             width: 80.333333% !important;
         }
     }
     
     @media (max-width:1300px) {
         .col-10.price {
             width: 70.333333% !important;
         }
     }
     
     @media (max-width:1200px) {
         .col-10.price {
             width: 60.333333% !important;
         }
     }
     
     @media (max-width:991px) {
         .col-10.price {
             width: 60.333333% !important;
         }
     }
     
     @media (max-width:500px) {
         .col-10.price {
             width: 55.333333% !important;
         }
     }
     
     .tgmenu__nav .logo img {
         max-height: 37px;
     }
     /*#--------------------------end plan.php */
     /*#--------------------------begin index.php */
     
     ul.navigation:nth-child(2) {
         display: none;
     }
     
     .swiper-container.testiminials-active-2.swiper-container-initialized.swiper-container-horizontal.swiper-container-pointer-events,
     .swiper-container.brand-active.swiper-container-initialized.swiper-container-horizontal.swiper-container-pointer-events {
         height: max-content;
     }
     
     .tgmenu__nav .logo img {
         max-height: 37px;
     }
     
     .box-button-slider-bottom.home-9.d-none.d-lg-block {
         z-index: 1;
     }
     
     img.w32 {
         width: 2pc;
     }
     
     div#swiper-wrapper-84b69091f3cd0028 {
         height: 80% !important;
     }
     
     .pricing__box.pricing__box-two:hover {
         box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.1019607843);
         transition-duration: 0.2s;
         transform: translateY(-2px);
     }
     
     .pricing__box.pricing__box-two:hover {
         background: #F7A400;
         color: white;
         cursor: pointer;
     }
     
     .pricing__box.pricing__box-two:hover .pricing__price h2,
     .pricing__box.pricing__box-two:hover .pricing__price strong,
     .pricing__box.pricing__box-two:hover .pricing__price span,
     .pricing__box.pricing__box-two:hover .pricing__content p {
         color: white;
     }
     
     .pricing__box.pricing__box-two:hover .btn.border-yellow-btn {
         border: 1px solid white;
         background: #ffffff;
     }
     
     .card-services-type-01:hover {
         background: #f7a400;
         cursor: pointer;
     }
     
     .card-services-type-01:hover h5,
     .card-services-type-01:hover p,
     .card-services-type-01:hover path {
         color: white;
         fill: white;
     }
     
     .brand-item {
         padding: 0 45px;
     }
     
     .brand-item img {
         filter: grayscale(1);
     }
     
     .brand-item img:hover {
         filter: grayscale(0);
     }
     
     @media (max-width: 991px) {
         .brand-item {
             padding: 0px 6px;
         }
     }
     
     #btn-submit::before {
         background: var(--tg-color-gray-3) !important;
         color: black !important;
     }
     
     .footer__newsletter-three {
         text-align: center;
     }
     
     #footer-logo {
         width: 16rem;
         padding: 0 0 22px 0;
     }
     
     p.text-left {
         text-align: left !important;
     }
     
     .navigation .navbar-nav {
         --bs-nav-link-padding-x: 0;
         --bs-nav-link-padding-y: 0.5rem;
         --bs-nav-link-font-weight: ;
         --bs-nav-link-color: var(--bs-navbar-color);
         --bs-nav-link-hover-color: var(--bs-navbar-hover-color);
         --bs-nav-link-disabled-color: var(--bs-navbar-disabled-color);
         display: contents !important;
         flex-direction: column;
         padding-left: 0;
         margin-bottom: 0;
         list-style: none;
     }
     
     .menu-item--expanded>.menu {
         display: block;
         /* Affiche les sous-menus */
     }
     
     .unite img,
     .img {
         max-width: none !important;
         -webkit-transition: all 0.3s ease-out 0s;
         -moz-transition: all 0.3s ease-out 0s;
         -ms-transition: all 0.3s ease-out 0s;
         -o-transition: all 0.3s ease-out 0s;
         transition: all 0.3s ease-out 0s;
     }
     /**** menu*****/
     
     body .we-mega-menu-ul>.we-mega-menu-li {
         margin: 0;
         border-left: none !important;
     }
     
     body .navbar-we-mega-menu {
         background-color: transparent !important;
         border: 0;
         padding: 0;
         border-radius: 0;
     }
     
     body .nav-tabs>li.active>a,
     body .nav-tabs>li.active>a:focus,
     body .nav-tabs>li.active>a:hover {
         color: #555;
         cursor: default;
         background-color: transparent !important;
         border: 1px solid #ddd;
         border-bottom-color: transparent;
     }
     
     @media (min-width: 992px) {
         .we-mega-menu-ul>.we-mega-menu-li>a,
         .we-mega-menu-ul>.we-mega-menu-li>span {
             background-color: #eff0f1;
             border: 0;
             border-radius: 0;
             margin-right: 0;
             color: var(--tg-color-dark-blue) !important;
             font-size: .8125rem;
             font-family: Quicksand, sans-serif;
             font-weight: 700;
             text-transform: uppercase;
             padding: 1.125rem 1.5625rem;
         }
     }
     
     .we-mega-menu-li {
         background: none !important;
         background-color: transparent !important;
         border: none !important;
         box-shadow: none !important;
     }
     /* Effet hover orange sur le texte du menu */
     
     .we-mega-menu-li:hover a,
     .we-mega-menu-li a:hover {
         color: #ff6600 !important;
         /* ou color: #ff8c00 !important; pour un orange plus vif */
         transition: color 0.3s ease !important;
     }
     
     .we-mega-menu-li a {
         transition: color 0.3s ease !important;
     }
     /***** login css****/
     
     .login-container {
         display: flex;
         justify-content: center;
         align-items: center;
         min-height: 60vh;
         padding: 7rem 0;
     }
     /* Container du formulaire de connexion */
     
     .user-login-form,
     .login-form-wrapper,
     .block-system-user-login-block {
         background: #fff;
         padding: 2rem;
         border-radius: 12px;
         box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
         border: 1px solid #e9ecef;
         width: 100%;
         max-width: 450px;
         margin: 0 auto;
     }
     /* Champs du formulaire */
     
     .login-container .form-item {
         margin-bottom: 1.5rem;
     }
     
     .login-container .form-item label {
         display: block;
         margin-bottom: 0.5rem;
         font-weight: 500;
         color: #495057;
     }
     
     .login-container .form-control,
     .form-text,
     .form-email,
     .form-password,
     input[type="text"],
     input[type="email"],
     input[type="password"] {
         width: 100%;
         padding: 0.75rem 1rem;
         border: 1px solid #ced4da;
         border-radius: 8px;
         font-size: 1rem;
         transition: border-color 0.3s ease, box-shadow 0.3s ease;
     }
     
     .login-container .form-control:focus,
     .form-text:focus,
     .form-email:focus,
     .form-password:focus,
     input[type="text"]:focus,
     input[type="email"]:focus,
     input[type="password"]:focus {
         outline: none;
         border-color: #007bff;
         box-shadow: 0 0 0 3px rgba(0, 123, 255, 0.1);
     }
     /* Bouton de connexion */
     
     .login-container .form-submit,
     .login-container input[type="submit"],
     .login-container .btn-primary {
         background: #ff9800;
         color: white;
         border: none;
         padding: 0.75rem 1.5rem;
         border-radius: 8px;
         font-weight: 600;
         font-size: 1rem;
         cursor: pointer;
         transition: background 0.3s ease;
         width: auto;
         display: inline-block;
     }
     
     .login-container .form-submit:hover,
     .login-container input[type="submit"]:hover,
     .login-container .btn-primary:hover {
         background: #e68900;
     }
     /* Astérisque obligatoire */
     
     .login-container .form-required {
         color: #184968;
     }
     /* Cacher les liens de navigation user */
     
     a.nav-link.nav-link--user-password,
     a.nav-link.nav-link--user-register,
     a.nav-link.active.nav-link--web-user-login {
         display: none !important;
     }
     /* Responsive */
     
     @media (max-width: 768px) {
         .login-container {
             padding: 1rem;
             min-height: 50vh;
         }
         .user-login-form,
         .login-form-wrapper,
         .block-system-user-login-block {
             padding: 1.5rem;
             max-width: 100%;
         }
     }
     /*** projet title hide*/
     
     body.layout-no-sidebars.page-view-event.path-actualites.scrolldown.scrolled .h1.title {
         display: none !important;
     }
     /* jobs style****/
     
     #emplois-post .blog__post-tag-two {
         font-size: 12px !important;
     }
     
     #produits-emplois h1.title {
         display: none !important;
     }
     /*** search style */
     
     #produits-search h1.title {
         display: none !important;
     }
     
     form#search-form {
         margin-top: 5rem;
     }
     
     .search-block-form,
     .block-search .content,
     #block-bootstrap-search-form-block,
     .search-block-form .form-search,
     .search-block-form .js-form-item,
     .search-block-form .form-item {
         width: 100% !important;
         max-width: 100% !important;
         margin: 0 !important;
         padding: 0 !important;
         border: none !important;
         background: transparent !important;
         box-shadow: none !important;
         position: relative !important;
         /* Ajouté pour le positionnement du bouton */
     }
     /* Formulaire container pour le positionnement en ligne */
     
     .search-block-form form,
     .search-block-form .content {
         position: relative !important;
         display: flex !important;
         align-items: center !important;
     }
     /* Input pleine largeur - Votre code existant amélioré */
     
     .search-block-form input[type="search"],
     .search-block-form input[type="text"],
     .search-block-form .form-control {
         width: 100vw !important;
         max-width: 79vw !important;
         margin: 0 !important;
         margin-left: calc(-55vw + 62%) !important;
         border: none !important;
         border-bottom: 2px solid #e1e5e9 !important;
         border-radius: 0 !important;
         outline: none !important;
         font-size: 18px !important;
         color: #6c757d !important;
         background: transparent !important;
         padding: 20px 80px 20px 40px !important;
         /* Plus d'espace à droite pour le bouton */
         font-weight: 400 !important;
         box-shadow: none !important;
         transition: border-bottom-color 0.3s ease !important;
         position: relative !important;
         z-index: 1 !important;
         flex: 1 !important;
     }
     /* État focus de l'input - Votre code existant */
     
     .search-block-form input[type="search"]:focus,
     .search-block-form input[type="text"]:focus,
     .search-block-form .form-control:focus {
         border-bottom-color: #ffa500 !important;
         outline: none !important;
     }
     /* Placeholder de l'input - Votre code existant */
     
     .search-block-form input::placeholder {
         color: #6c757d !important;
         font-weight: 400 !important;
         font-size: 18px !important;
     }
     /* Styles spécifiques pour différents navigateurs - Votre code existant */
     
     .search-block-form input::-webkit-input-placeholder {
         color: #6c757d !important;
         font-size: 18px !important;
         font-weight: 400 !important;
     }
     
     .search-block-form input::-moz-placeholder {
         color: #6c757d !important;
         font-size: 18px !important;
         font-weight: 400 !important;
         opacity: 1 !important;
     }
     
     .search-block-form input:-ms-input-placeholder {
         color: #6c757d !important;
         font-size: 18px !important;
         font-weight: 400 !important;
     }
     
     .search-block-form input:-moz-placeholder {
         color: #6c757d !important;
         font-size: 18px !important;
         font-weight: 400 !important;
         opacity: 1 !important;
     }
     /* BOUTON DE RECHERCHE - NOUVEAU CODE */
     /* Cibler tous les types de boutons submit dans le formulaire de recherche */
     
     .search-block-form input[type="submit"],
     .search-block-form button[type="submit"],
     .search-block-form .btn,
     .search-block-form .form-submit,
     .search-block-form .js-form-submit,
     #block-bootstrap-search-form-block input[type="submit"],
     #block-bootstrap-search-form-block button[type="submit"] {
         position: absolute !important;
         right: calc(50vw - 39.5vw + 20px) !important;
         /* Aligné avec la fin de l'input */
         top: 50% !important;
         transform: translateY(-50%) !important;
         background: transparent !important;
         border: none !important;
         cursor: pointer !important;
         padding: 10px !important;
         width: 40px !important;
         height: 40px !important;
         display: flex !important;
         align-items: center !important;
         justify-content: center !important;
         border-radius: 50% !important;
         transition: all 0.3s ease !important;
         color: #ffa500 !important;
         z-index: 10 !important;
         box-shadow: none !important;
         text-indent: -9999px !important;
         /* Cache le texte "RECHERCHER" */
         overflow: hidden !important;
         font-size: 0 !important;
         /* Cache complètement le texte */
     }
     /* Hover effet sur le bouton */
     
     .search-block-form input[type="submit"]:hover,
     .search-block-form button[type="submit"]:hover,
     .search-block-form .btn:hover,
     .search-block-form .form-submit:hover {
         background-color: rgba(255, 165, 0, 0.1) !important;
         color: #ff8c00 !important;
         transform: translateY(-50%) scale(1.1) !important;
     }
     /* Icône loupe en CSS - Remplace le texte "RECHERCHER" */
     
     .search-block-form input[type="submit"]::after,
     .search-block-form button[type="submit"]::after,
     .search-block-form .btn::after,
     .search-block-form .form-submit::after,
     .search-block-form .js-form-submit::after {
         content: '' !important;
         position: absolute !important;
         top: 50% !important;
         left: 50% !important;
         transform: translate(-50%, -50%) !important;
         width: 20px !important;
         height: 20px !important;
         background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.55 18.1C14.272 18.1 18.1 14.272 18.1 9.55C18.1 4.82797 14.272 1 9.55 1C4.82797 1 1 4.82797 1 9.55C1 14.272 4.82797 18.1 9.55 18.1Z' stroke='%23ffa500' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M19.0002 19.0002L17.2002 17.2002' stroke='%23ffa500' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important;
         background-repeat: no-repeat !important;
         background-position: center !important;
         background-size: contain !important;
         text-indent: 0 !important;
     }
     /* Container des actions du formulaire */
     
     .search-block-form .form-actions {
         margin: 0 !important;
         position: relative !important;
         display: flex !important;
         align-items: center !important;
     }
     /* Alternative plus simple si la première méthode ne fonctionne pas - Votre code existant */
     
     .search-block-form input[type="search"].full-width,
     .search-block-form input[type="text"].full-width,
     .search-block-form .form-control.full-width {
         position: fixed !important;
         left: 0 !important;
         right: 0 !important;
         width: 100% !important;
         margin: 0 !important;
         padding: 20px 80px 20px 40px !important;
         /* Espace pour le bouton */
         z-index: 999 !important;
     }
     /* Responsive pour mobile - Votre code existant amélioré */
     
     @media (max-width: 768px) {
         .search-block-form input[type="search"],
         .search-block-form input[type="text"],
         .search-block-form .form-control {
             font-size: 16px !important;
             /* Évite le zoom sur iOS */
             padding: 15px 70px 15px 20px !important;
             /* Moins d'espace pour mobile */
             max-width: 85vw !important;
             margin-left: calc(-42.5vw + 50%) !important;
         }
         .search-block-form input::placeholder {
             font-size: 16px !important;
         }
         /* Bouton plus petit sur mobile */
         .search-block-form input[type="submit"],
         .search-block-form button[type="submit"] {
             right: calc(50vw - 42.5vw + 15px) !important;
             width: 35px !important;
             height: 35px !important;
         }
         .search-block-form input[type="submit"]::after,
         .search-block-form button[type="submit"]::after {
             width: 18px !important;
             height: 18px !important;
         }
     }
     /* Pour s'assurer que les conteneurs parents n'interfèrent pas - Votre code existant */
     
     .region-content,
     .container,
     .row,
     .col {
         overflow: visible !important;
     }
     /* Style alternatif avec container breakout - Votre code existant */
     
     .search-block-form.breakout input[type="search"],
     .search-block-form.breakout input[type="text"],
     .search-block-form.breakout .form-control {
         box-sizing: border-box !important;
         width: 100vw !important;
         position: relative !important;
         left: 50% !important;
         right: 50% !important;
         margin-left: -50vw !important;
         margin-right: -50vw !important;
         padding: 20px 80px 20px 40px !important;
     }
     /* Cacher tout texte dans le bouton submit */
     
     .search-block-form input[type="submit"] .visually-hidden,
     .search-block-form button[type="submit"] .visually-hidden,
     .search-block-form input[type="submit"] span,
     .search-block-form button[type="submit"] span {
         display: none !important;
         visibility: hidden !important;
     }
     /* Force l'affichage du bouton */
     
     .search-block-form input[type="submit"],
     .search-block-form button[type="submit"] {
         opacity: 1 !important;
         visibility: visible !important;
         display: flex !important;
     }
     
     button#edit-submit--2 {
         margin-top: -1rem !important;
     }
     /**** button up to down */
     
     #backtotop {
         background: #ffa5008a;
         border: none;
         bottom: 20px;
         cursor: pointer;
         display: none;
         height: 55px;
         position: fixed;
         right: 20px;
         width: 63px;
         z-index: 300;
         text-indent: 0;
         font-size: 0;
         overflow: hidden;
     }
     
     #backtotop::before {
         content: "";
         display: inline-block;
         width: 12px;
         height: 12px;
         border-left: 3px solid white;
         border-top: 3px solid white;
         transform: rotate(45deg);
         /* flèche vers le haut */
         position: absolute;
         top: 50%;
         left: 50%;
         margin-left: -8px;
         margin-top: -8px;
     }
     /***** slider css*****/
     /* --- Styles généraux du slider --- */
     
     .slider__area {
         position: relative;
         overflow: hidden;
         width: 100%;
     }
     /* Conteneur Swiper */
     
     .swiper {
         width: 100%;
         height: 100%;
     }
     /* Slides */
     
     .swiper-slide {
         display: flex;
         align-items: center;
         justify-content: center;
         position: relative;
     }
     
     .slider__bg img {
         width: 100%;
         height: 100%;
         object-fit: cover;
     }
     /* Pagination */
     
     .swiper-pagination {
         bottom: 20px !important;
         text-align: center;
     }
     
     .swiper-pagination-bullet {
         background: #fff;
         opacity: 0.6;
         width: 12px;
         height: 12px;
         margin: 0 5px !important;
     }
     
     .swiper-pagination-bullet-active {
         background: #ff6600;
         opacity: 1;
     }
     /* Flèches de navigation */
     
     .swiper-button-prev,
     .swiper-button-next {
         color: #fff;
         font-size: 24px;
         transition: 0.3s;
     }
     
     .swiper-button-prev:hover,
     .swiper-button-next:hover {
         color: #ff6600;
     }
     /* Contenu du slider */
     
     .slider__content {
         color: #fff;
         padding: 2rem;
     }
     
     .slider__content .title {
         font-size: 2.5rem;
         font-weight: bold;
     }
     
     .slider__content .btn {
         display: inline-block;
         background: #ff6600;
         color: #fff;
         padding: 12px 24px;
         border-radius: 5px;
         text-decoration: none;
         transition: 0.3s;
     }
     
     .slider__content .btn:hover {
         background: #e65500;
     }
     /**** style page not found*****/
     
     .error-404 {
         display: flex;
         justify-content: center;
         align-items: center;
         min-height: 70vh;
         text-align: center;
         background: #f9fafc;
         padding: 40px 20px;
     }
     
     .error-container {
         background: #fff;
         padding: 40px;
         border-radius: 16px;
         box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
         max-width: 600px;
         width: 100%;
     }
     
     .error-code {
         font-size: 80px;
         font-weight: 900;
         color: #e63946;
         margin: 0 0 10px;
     }
     
     .error-title {
         font-size: 28px;
         font-weight: 700;
         color: #1d3557;
         margin-bottom: 15px;
     }
     
     .error-text {
         font-size: 16px;
         color: #6c757d;
         margin-bottom: 25px;
     }
     
     .error-button {
         display: inline-block;
         padding: 12px 24px;
         background-color: #1d3557;
         color: #fff;
         text-decoration: none;
         font-weight: 600;
         border-radius: 8px;
         transition: background 0.3s ease;
     }
     
     .error-button:hover {
         background-color: #457b9d;
     }
     
     .offCanvas__logo.mb-30 {
         margin-bottom: 46px !important;
     }
     /***** css banner*/
     
     .ab-hero {
         position: relative;
         width: 100%;
         min-height: 500px;
         overflow: hidden;
         display: flex;
         align-items: center;
         margin-top: 1rem;
     }
     
     .ab-hero__bg {
         position: absolute;
         inset: 0;
         z-index: 0;
     }
     
     .ab-hero__bg img {
         width: 100%;
         height: 100%;
         object-fit: cover;
         display: block;
     }
     /* Overlay sombre pour lisibilité du texte */
     
     .ab-hero__bg::after {
         content: '';
         position: absolute;
         inset: 0;
         background: rgba(0, 0, 0, 0.45);
     }
     
     .ab-hero__content {
         position: relative;
         z-index: 1;
         padding: 60px 40px;
         color: #fff;
         max-width: 700px;
     }
     
     .block-views-blockbanner-block-1 {
         margin-top: 40px;
         padding: 0 15px;
     }
     
     .ab-hero::before {
         content: "";
         position: absolute;
         top: -80px;
         right: -80px;
         width: 220px;
         height: 220px;
         border-radius: 50%;
         background: rgba(255, 255, 255, 0.05);
     }
     
     .ab-hero-tag {
         margin: 0 0 15px;
         color: #8dc3ff;
         font-size: 13px;
         font-weight: 700;
         letter-spacing: 2px;
         text-transform: uppercase;
     }
     
     .ab-hero-title {
         margin: 0 0 20px;
         color: #fff;
         font-size: 32px;
         font-weight: 700;
         line-height: 1.2;
         max-width: 850px;
     }
     
     .ab-hero-sub {
         margin: 0 0 30px;
         color: #dcecff;
         font-size: 17px;
         line-height: 1.8;
         max-width: 1000px;
     }
     
     .ab-hero-pills {
         display: flex;
         flex-wrap: wrap;
         gap: 10px;
     }
     
     .ab-pill {
         padding: 8px 16px;
         border-radius: 50px;
         background: rgba(255, 255, 255, 0.08);
         border: 1px solid rgba(255, 255, 255, 0.2);
         color: #fff;
         font-size: 13px;
         font-weight: 500;
         transition: all .3s ease;
     }
     
     .ab-pill:hover {
         background: rgba(255, 255, 255, 0.15);
         transform: translateY(-2px);
     }
     /* tablette */
     
     @media (max-width: 991px) {
         .ab-hero {
             padding: 35px;
             margin-top: 70px;
         }
         .ab-hero-title {
             font-size: 32px;
         }
         .ab-hero-sub {
             font-size: 15px;
         }
     }
     /* mobile */
     
     @media (max-width: 767px) {
         .ab-hero {
             padding: 25px;
             margin-top: 60px;
             /*border-radius: 10px;*/
         }
         .ab-hero-tag {
             font-size: 11px;
         }
         .ab-hero-title {
             font-size: 26px;
         }
         .ab-hero-sub {
             font-size: 14px;
             line-height: 1.7;
         }
         .ab-pill {
             font-size: 12px;
             padding: 6px 12px;
         }
     }
     /***************  abshore chiffre*/
     
     .abshore-stats {
         max-width: 1200px;
         margin: 0 auto;
         padding: 40px 29px;
     }
     
     .abshore-stats__title {
         margin-bottom: 20px;
         font-size: 14px;
         font-weight: 700;
         letter-spacing: 1px;
         color: #f5a623;
         /* orange */
     }
     
     .abshore-stats__grid {
         display: grid;
         grid-template-columns: repeat(4, 1fr);
         gap: 12px;
     }
     
     .abshore-stat {
         background: #f2f1ee;
         /* fond carte inchangé */
         border-radius: 10px;
         padding: 18px 15px;
         text-align: center;
         transition: all 0.3s ease;
     }
     
     .abshore-stat:hover {
         transform: translateY(-3px);
     }
     
     .abshore-stat__number {
         font-size: 42px;
         font-weight: 700;
         color: #005eb8;
         /* bleu foncé */
         line-height: 1;
         margin-bottom: 10px;
     }
     
     .abshore-stat__label {
         font-size: 18px;
         color: #444;
         line-height: 1.4;
     }
     
     @media (max-width: 992px) {
         .abshore-stats__grid {
             grid-template-columns: repeat(2, 1fr);
         }
     }
     
     @media (max-width: 576px) {
         .abshore-stats__grid {
             grid-template-columns: 1fr;
         }
         .abshore-stat__number {
             font-size: 36px;
         }
     }
     /*********** expertise*/
     
     .expertise-section {
         padding: 100px 0;
         background: #f8fafc;
     }
     
     .expertise-header {
         text-align: center;
         max-width: 800px;
         margin: 0 auto 70px;
     }
     
     .expertise-header .subtitle {
         display: inline-block;
         color: #2563eb;
         font-size: 14px;
         font-weight: 700;
         text-transform: uppercase;
         letter-spacing: 1px;
         margin-bottom: 15px;
     }
     
     .expertise-header h2 {
         font-size: 48px;
         font-weight: 700;
         color: #0f172a;
         margin-bottom: 20px;
     }
     
     .expertise-header p {
         font-size: 18px;
         line-height: 1.8;
         color: #64748b;
     }
     
     .expertise-grid {
         display: grid;
         grid-template-columns: repeat(3, 1fr);
         gap: 30px;
     }
     
     .expertise-card {
         background: #fff;
         border-radius: 24px;
         padding: 35px;
         position: relative;
         overflow: hidden;
         transition: all 0.35s ease;
         border: 1px solid #e2e8f0;
         box-shadow: 0 10px 35px rgba(0, 0, 0, 0.04);
     }
     
     .expertise-card:hover {
         transform: translateY(-10px);
         box-shadow: 0 20px 50px rgba(37, 99, 235, 0.12);
         border-color: #2563eb;
     }
     
     .expertise-card::before {
         content: "";
         position: absolute;
         top: 0;
         left: 0;
         width: 100%;
         height: 5px;
         background: linear-gradient( 90deg, #2563eb, #06b6d4);
     }
     
     .expertise-card .icon {
         width: 65px;
         height: 65px;
         border-radius: 18px;
         background: #eff6ff;
         display: flex;
         align-items: center;
         justify-content: center;
         font-size: 28px;
         margin-bottom: 25px;
     }
     
     .expertise-card h3 {
         font-size: 24px;
         font-weight: 600;
         color: #0f172a;
         margin-bottom: 15px;
     }
     
     .expertise-card p {
         color: #64748b;
         line-height: 1.8;
         margin-bottom: 25px;
     }
     
     .tags {
         display: flex;
         flex-wrap: wrap;
         gap: 10px;
     }
     
     .tags span {
         padding: 8px 14px;
         border-radius: 30px;
         background: #eff6ff;
         color: #2563eb;
         font-size: 13px;
         font-weight: 600;
     }
     
     @media (max-width: 991px) {
         .expertise-grid {
             grid-template-columns: repeat(2, 1fr);
         }
         .expertise-header h2 {
             font-size: 38px;
         }
     }
     
     @media (max-width: 768px) {
         .expertise-grid {
             grid-template-columns: 1fr;
         }
         .expertise-section {
             padding: 70px 0;
         }
         .expertise-header h2 {
             font-size: 32px;
         }
     }
     /***** nous confiance*/
     
     .testimonials-section {
         padding: 80px 0;
         background: #fff;
     }
     
     .section-header {
         margin-bottom: 50px;
     }
     
     .subtitle {
         color: #14b8a6;
         font-size: 14px;
         font-weight: 700;
         letter-spacing: 1px;
     }
     
     .section-header h2 {
         margin-top: 10px;
         font-size: 42px;
         font-weight: 700;
         color: #0f172a;
     }
     
     .testimonials-list {
         display: flex;
         flex-direction: column;
         gap: 25px;
     }
     
     .testimonial-item {
         padding: 30px;
         background: #f8fafc;
         border-left: 4px solid #14b8a6;
         border-radius: 12px;
         transition: all .3s ease;
     }
     
     .testimonial-item:hover {
         transform: translateX(5px);
         background: #f1f5f9;
     }
     
     .testimonial-text {
         margin: 0 0 15px;
         font-size: 20px;
         line-height: 1.7;
         color: #334155;
         font-style: italic;
     }
     
     .testimonial-author strong {
         display: block;
         color: #0f172a;
         font-size: 15px;
     }
     
     .testimonial-author span {
         color: #64748b;
         font-size: 14px;
     }
     
     @media (max-width: 768px) {
         .section-header h2 {
             font-size: 32px;
         }
         .testimonial-text {
             font-size: 18px;
         }
     }
     /* ==========================================================================
   Avantages Section — Notre Différence
   ========================================================================== */
     
     .avantages-section {
         background-color: #ffffff;
         padding: 64px 40px;
         max-width: 1200px;
         margin: 0 auto;
     }
     /* En-tête */
     
     .avantages-section__header {
         margin-bottom: 48px;
     }
     
     .avantages-section__title {
         font-size: 20px;
         font-weight: 800;
         color: #f5a623;
         text-transform: uppercase;
         letter-spacing: 0.5px;
         margin: 0 0 12px;
         line-height: 1.15;
     }
     
     .avantages-section__subtitle {
         font-size: 16px;
         font-weight: 700;
         color: #326a9f;
         margin: 0 0 6px;
     }
     
     .avantages-section__description {
         font-size: 14px;
         color: #6b7280;
         margin: 0;
     }
     /* Grille des cartes */
     
     .avantages-section__grid {
         display: grid;
         grid-template-columns: repeat(3, 1fr);
         gap: 24px;
     }
     /* Carte individuelle */
     
     .avantages-section__item {
         background-color: #ffffff;
         /*border: 1px solid #e5e7eb;*/
         /* border-radius: 12px;*/
         padding: 32px 28px;
         cursor: pointer;
         transition: box-shadow 0.25s ease, border-color 0.25s ease, background-color 0.25s ease, transform 0.25s ease;
         text-align: justify;
     }
     /* Effet hover : identique sur toutes les cartes */
     /*.avantages-section__item:hover {
     border-color: #4a9eda;
     background-color: #f0f8ff;
     box-shadow: 0 6px 20px rgba(74, 158, 218, 0.18);
     transform: translateY(-4px);
 }*/
     
     .avantages-section__item:hover .avantage-icon {
         color: #ffffff;
         background-color: #4a9eda;
         transform: scale(1.05);
     }
     /* Icône dans la carte */
     
     .avantage-icon {
         width: 44px;
         height: 44px;
         margin-bottom: 20px;
         padding: 9px;
         box-sizing: border-box;
         border-radius: 10px;
         background-color: #eaf3fb;
         color: #4a9eda;
         transition: background-color 0.25s ease, color 0.25s ease, transform 0.25s ease;
     }
     
     .avantage-icon svg,
     .avantage-icon img {
         width: 100%;
         height: 100%;
         display: block;
     }
     /* Titre de la carte */
     
     .avantage-title {
         font-size: 17px;
         font-weight: 700;
         color: #1a1a2e;
         margin: 0 0 14px;
         line-height: 1.3;
     }
     /* Texte de la carte */
     
     .avantage-body {
         font-size: 14px;
         color: #4b5563;
         line-height: 1.7;
         margin: 0;
     }
     /* Responsive */
     
     @media (max-width: 900px) {
         .avantages-section__grid {
             grid-template-columns: 1fr;
         }
         .avantages-section {
             /* padding: 40px 20px;*/
             padding: 40px 49px !important
         }
         .avantages-section__title {
             font-size: 28px;
         }
     }
     /**
 * expertises.css
 * Styles pour le bloc "Nos Expertises" – views-view-unformatted--services--block-1
 * Drupal 10 · Compatible BEM
 */
     /* ────────────────────────────────────────────────────────────
   Variables
   ──────────────────────────────────────────────────────────── */
     
     .expertises-section {
         --exp-orange: #E87722;
         --exp-blue: #3A7BCC;
         --exp-blue-light: #EAF2FB;
         --exp-orange-light: #FEF3EB;
         --exp-text-dark: #1A1A2E;
         --exp-text-body: #555566;
         --exp-border: #E4E8F0;
         --exp-bg-section: #FFFFFF;
         --exp-card-bg: #FFFFFF;
         --exp-card-shadow: 0 2px 12px rgba(0, 0, 0, .07);
         --exp-card-radius: 12px;
         --exp-font-sans: 'Poppins', 'Inter', 'Segoe UI', sans-serif;
         background: var(--exp-bg-section);
         font-family: var(--exp-font-sans);
         /* ── Alignement avec le bloc du dessus ── */
         max-width: 1200px;
         margin: 0 auto;
         padding: 72px 40px;
         box-sizing: border-box;
     }
     
     .expertises-card__list {
         list-style: none;
         padding: 0;
         margin: 0 0 12px 0;
     }
     
     .expertises-card__list li {
         position: relative;
         padding-left: 20px;
         margin-bottom: 6px;
         font-size: 0.95rem;
         color: #374151;
         line-height: 1.5;
     }
     
     .expertises-card__list li::before {
         content: "•";
         position: absolute;
         left: 0;
         color: #f97316;
         /* orange cohérent avec la charte */
         font-weight: 700;
     }
     
     .expertises-card__description {
         font-size: 0.9rem;
         color: #64748b;
         font-style: italic;
         margin-top: 4px;
     }
     
     .expertises-header {
         max-width: 540px;
         margin-bottom: 48px;
     }
     
     .expertises-main-title {
         font-size: 20px;
         font-weight: 800;
         letter-spacing: .04em;
         text-transform: uppercase;
         color: #f5a623;
         margin: 0 0 10px;
         font-family: var(--exp-font-sans);
     }
     
     .expertises-subtitle {
         font-size: 1rem;
         font-weight: 700;
         color: #326a9f;
         margin: 0 0 10px;
         font-family: var(--exp-font-sans);
     }
     
     .expertises-description {
         font-size: .9rem;
         line-height: 1.6;
         color: var(--exp-text-body);
         margin: 0;
         font-family: var(--exp-font-sans);
     }
     /* ── Grille ── */
     
     .expertises-grid {
         display: grid;
         grid-template-columns: repeat(2, 1fr);
         gap: 24px;
         /*max-width: 900px;*/
     }
     /* ── Carte ── */
     
     .expertises-card {
         background: var(--exp-card-bg);
         /*border: 1px solid var(--exp-border);*/
         border-radius: var(--exp-card-radius);
         padding: 28px 28px 32px;
         box-shadow: var(--exp-card-shadow);
         cursor: pointer;
         transition: box-shadow .25s ease, transform .25s ease, border-color .25s ease, background-color .25s ease;
     }
     /* Hover identique sur toutes les cartes */
     
     .expertises-card:hover {
         box-shadow: 0 8px 28px rgba(58, 123, 204, .18);
         transform: translateY(-4px);
         border-color: var(--exp-blue);
         background: #FAFCFF;
     }
     
     .expertises-card:hover .expertises-card__icon {
         background: var(--exp-blue);
         color: #ffffff;
         transform: scale(1.05);
     }
     /* ── Icône : conteneur carré + SVG centré ── */
     
     .expertises-card__icon {
         display: flex;
         align-items: center;
         justify-content: center;
         width: 48px;
         height: 48px;
         border-radius: 10px;
         background: var(--exp-blue-light);
         color: var(--exp-blue);
         margin-bottom: 18px;
         transition: background-color .25s ease, color .25s ease, transform .25s ease;
         display: none;
     }
     
     .expertises-card__icon svg {
         width: 24px;
         height: 24px;
         display: block;
     }
     /* ── Titre ── */
     
     .expertises-card__title {
         font-family: var(--exp-font-sans);
         font-size: 1rem;
         font-weight: 700;
         color: #102239;
         margin: 0 0 10px;
         line-height: 1.3;
     }
     /* ── Body ── */
     
     .expertises-card__description {
         font-family: var(--exp-font-sans);
         font-size: .83rem;
         line-height: 1.65;
         color: var(--exp-text-body);
         margin: 0;
     }
     /* ───────────────────────────────
   RESPONSIVE
─────────────────────────────── */
     
     @media (max-width: 1024px) {
         .expertises-section {
             padding: 64px 32px;
         }
         .expertises-grid {
             max-width: 100%;
         }
     }
     
     @media (max-width: 768px) {
         .expertises-section {
             /*padding: 56px 24px;*/
             padding: 56px 49px !important;
         }
         .expertises-header {
             max-width: 100%;
         }
         .expertises-grid {
             grid-template-columns: repeat(2, 1fr);
             gap: 18px;
         }
         .expertises-card {
             padding: 22px 20px 26px;
         }
     }
     
     @media (max-width: 640px) {
         .expertises-grid {
             grid-template-columns: 1fr;
         }
         .expertises-main-title {
             font-size: 24px;
         }
         .expertises-card__icon {
             width: 44px;
             height: 44px;
         }
         .expertises-card__icon svg {
             width: 22px;
             height: 22px;
         }
     }
     
     @media (max-width: 380px) {
         .expertises-section {
             padding: 40px 16px;
         }
         .expertises-card {
             padding: 18px 16px 22px;
         }
         .expertises-card__title {
             font-size: .95rem;
         }
         .expertises-card__description {
             font-size: .8rem;
         }
     }
     /**
 * unite.css
 * Styles pour views-view-unformatted--unite--block-1
 * Drupal 10 · Sections alternées texte / image
 */
     /**
 * unite.css
 * Drupal 10 — views-view-unformatted--unite--block-1
 */
     
      :root {
         --u-orange: #E87722;
         --u-blue: #2563C0;
         --u-blue-dark: #0F2A56;
         --u-badge-bg: rgba(37, 99, 192, .10);
         --u-badge-color: #2563C0;
         --u-text-dark: #0B1C33;
         --u-text-body: #4A5568;
         --u-check-bg: #E6F4EA;
         --u-check-color: #2A7D3F;
         --u-font: 'Inter', 'Segoe UI', sans-serif;
         --u-radius: 16px;
     }
     /* ────────────────────────────────────────────────────────────
     Background — dégradé bleu pâle / blanc / violet pâle
     ──────────────────────────────────────────────────────────── */
     
     .unite-section {
         background: radial-gradient(ellipse 70% 50% at 10% 20%, #ddeeff 0%, transparent 60%), radial-gradient(ellipse 60% 40% at 90% 80%, #e8e4f8 0%, transparent 60%), #f4f7fb;
         padding: 80px 0 100px;
         font-family: var(--u-font);
     }
     /* ── Wrapper centré ── */
     
     .unite-wrapper {
         max-width: 980px;
         margin: 0 auto;
         padding: 0 40px;
     }
     /* ────────────────────────────────────────────────────────────
     En-tête
     ──────────────────────────────────────────────────────────── */
     
     .unite-header {
         max-width: 500px;
         margin-bottom: 60px;
         margin-left: -7rem;
     }
     
     .unite-main-title {
         font-size: 20px;
         font-weight: 800;
         letter-spacing: .06em;
         text-transform: uppercase;
         color: var(--u-orange);
         margin: 0 0 8px;
     }
     
     .unite-subtitle {
         font-size: .95rem;
         font-weight: 700;
         color: #326a9f;
         margin: 0 0 6px;
     }
     
     .unite-description {
         font-size: .82rem;
         line-height: 1.55;
         color: var(--u-text-body);
         margin: 0;
     }
     /* ────────────────────────────────────────────────────────────
     Liste
     ──────────────────────────────────────────────────────────── */
     
     .unite-list {
         display: flex;
         flex-direction: column;
         gap: 80px;
     }
     /* ────────────────────────────────────────────────────────────
     Item : grille 2 colonnes
     ──────────────────────────────────────────────────────────── */
     
     .unite-item {
         display: grid;
         grid-template-columns: 1fr 1fr;
         gap: 52px;
         align-items: center;
     }
     /* Pairs → image gauche, texte droite */
     
     .unite-item--reverse {
         direction: rtl;
     }
     
     .unite-item--reverse>* {
         direction: ltr;
     }
     
     @media (max-width: 768px) {
         .unite-item,
         .unite-item--reverse {
             grid-template-columns: 1fr;
             direction: ltr;
             gap: 28px;
         }
     }
     /* ────────────────────────────────────────────────────────────
     Colonne texte
     ──────────────────────────────────────────────────────────── */
     
     .unite-item__content {
         display: flex;
         flex-direction: column;
         gap: 14px;
     }
     /* ── Badge field_tag_slider ── */
     
     .unite-item__badge {
         display: inline-flex;
         align-items: center;
         gap: 7px;
         background: var(--u-badge-bg);
         color: var(--u-badge-color);
         font-size: .66rem;
         font-weight: 700;
         letter-spacing: .1em;
         text-transform: uppercase;
         padding: 5px 12px 5px 10px;
         border-radius: 20px;
         border: 1px solid rgba(37, 99, 192, .18);
         width: fit-content;
     }
     
     .unite-item__badge-dot {
         display: inline-block;
         width: 6px;
         height: 6px;
         border-radius: 50%;
         background: var(--u-orange);
         flex-shrink: 0;
     }
     /* ── Titre ── */
     
     .unite-item__title {
         font-size: clamp(1.3rem, 2.2vw, 1.85rem);
         font-weight: 800;
         color: var(--u-text-dark);
         line-height: 1.18;
         margin: 0;
     }
     /* ── Body Drupal ── */
     
     .unite-item__body {
         font-size: .82rem;
         line-height: 1.62;
         color: var(--u-text-body);
     }
     
     .unite-item__body p {
         margin: 0 0 6px;
     }
     
     .unite-item__body p:last-child {
         margin: 0;
     }
     /* Liste à coches vertes */
     
     .unite-item__body ul {
         list-style: none;
         padding: 0;
         margin: 10px 0 0;
         display: flex;
         flex-direction: column;
         gap: 5px;
     }
     
     .unite-item__body ul li {
         display: flex;
         align-items: flex-start;
         gap: 8px;
         font-size: .81rem;
         color: var(--u-text-body);
         line-height: 1.5;
     }
     
     .unite-item__body ul li::before {
         content: '✓';
         display: inline-flex;
         align-items: center;
         justify-content: center;
         min-width: 16px;
         height: 16px;
         border-radius: 50%;
         background: var(--u-check-bg);
         color: var(--u-check-color);
         font-size: .62rem;
         font-weight: 800;
         margin-top: 2px;
         flex-shrink: 0;
     }
     /* ── Bouton CTA ── */
     
     .unite-item__cta {
         display: inline-flex;
         align-items: center;
         gap: 8px;
         background: var(--u-blue-dark);
         color: #fff;
         font-size: .8rem;
         font-weight: 600;
         padding: 10px 20px;
         border-radius: 8px;
         text-decoration: none;
         width: fit-content;
         margin-top: 4px;
         transition: background .2s, transform .2s;
     }
     
     .unite-item__cta:hover {
         background: var(--u-blue);
         transform: translateX(4px);
     }
     /* ────────────────────────────────────────────────────────────
     Colonne image
     ──────────────────────────────────────────────────────────── */
     
     .unite-item__media {
         position: relative;
     }
     
     .unite-item__img-wrap {
         position: relative;
         border-radius: var(--u-radius);
         overflow: hidden;
         box-shadow: 0 20px 56px rgba(0, 0, 0, .16);
     }
     
     .unite-item__img-wrap img {
         width: 100%;
         /* height: 300px;*/
         object-fit: cover;
         display: block;
     }
     /* Numéro en haut à droite */
     
     .unite-item__num {
         position: absolute;
         top: 14px;
         right: 16px;
         font-size: .7rem;
         font-weight: 800;
         color: rgba(255, 255, 255, .7);
         letter-spacing: .05em;
         z-index: 2;
     }
     /* Badge stat en bas à gauche */
     
     .unite-item__stat-badge {
         position: absolute;
         bottom: 18px;
         left: 18px;
         background: rgba(255, 255, 255, .92);
         backdrop-filter: blur(10px);
         -webkit-backdrop-filter: blur(10px);
         border-radius: 10px;
         padding: 10px 16px;
         box-shadow: 0 4px 20px rgba(0, 0, 0, .14);
         z-index: 2;
     }
     
     .unite-item__stat-value {
         font-size: 1.45rem;
         font-weight: 900;
         color: var(--u-orange);
         line-height: 1;
         display: block;
     }
     
     .unite-item__stat-label {
         font-size: .58rem;
         font-weight: 700;
         letter-spacing: .08em;
         text-transform: uppercase;
         color: var(--u-text-body);
         margin-top: 3px;
         display: block;
     }
     /**
 * confiance.css
 * Drupal 10 — views-view-unformatted--confiance--block-1
 * Bloc "Ils nous font confiance"
 */
     
      :root {
         --conf-orange: #E87722;
         --conf-text-dark: #0B1C33;
         --conf-text-body: #3A3A4A;
         --conf-text-sub: #6B7280;
         --conf-card-bg: #F0F4FA;
         --conf-bg: #FFFFFF;
         --conf-font: 'Inter', 'Segoe UI', sans-serif;
         --conf-radius: 14px;
     }
     /* ────────────────────────────────────────────────────────────
     Section
     ──────────────────────────────────────────────────────────── */
     
     .confiance-section {
         background: var(--conf-bg);
         padding: 72px 0 80px;
         font-family: var(--conf-font);
     }
     
     .confiance-wrapper {
         max-width: 980px;
         margin: 0 auto;
         padding: 0 40px;
     }
     /* ────────────────────────────────────────────────────────────
     En-tête
     ──────────────────────────────────────────────────────────── */
     
     .confiance-header {
         margin-bottom: 44px;
         margin-left: -5rem;
     }
     
     .confiance-title {
         font-size: 20px;
         font-weight: 800;
         letter-spacing: .05em;
         text-transform: uppercase;
         color: var(--conf-orange);
         margin: 0 0 8px;
     }
     
     .confiance-subtitle {
         font-size: .95rem;
         font-weight: 700;
         color: #326a9f;
         margin: 0;
     }
     /* ────────────────────────────────────────────────────────────
     Grille — 2 colonnes
     ──────────────────────────────────────────────────────────── */
     
     .confiance-grid {
         display: grid;
         grid-template-columns: repeat(2, 1fr);
         gap: 24px;
     }
     
     @media (max-width: 700px) {
         .confiance-grid {
             grid-template-columns: 1fr;
         }
     }
     /* ────────────────────────────────────────────────────────────
     Carte témoignage
     ──────────────────────────────────────────────────────────── */
     
     .confiance-card {
         background: var(--conf-card-bg);
         border-radius: var(--conf-radius);
         padding: 32px 32px 28px;
         display: flex;
         flex-direction: column;
         gap: 20px;
         position: relative;
         transition: box-shadow .25s ease, transform .25s ease;
     }
     
     .confiance-card:hover {
         box-shadow: 0 8px 32px rgba(0, 0, 0, .09);
         transform: translateY(-3px);
     }
     /* ── Guillemet SVG en haut à droite ── */
     
     .confiance-card__quote-icon {
         position: absolute;
         top: 24px;
         right: 24px;
         opacity: .9;
         pointer-events: none;
     }
     /* ── Texte du témoignage ── */
     
     .confiance-card__body {
         font-size: .88rem;
         line-height: 1.72;
         color: var(--conf-text-body);
         font-style: italic;
         margin: 0;
         padding: 0;
         border: none;
         /* Espace pour ne pas chevaucher le guillemet */
         padding-right: 40px;
     }
     /* ── Auteur ── */
     
     .confiance-card__author {
         display: flex;
         flex-direction: column;
         gap: 3px;
         margin-top: auto;
         padding-top: 4px;
     }
     
     .confiance-card__poste {
         font-size: .82rem;
         font-weight: 700;
         color: var(--conf-orange);
         line-height: 1.3;
     }
     
     .confiance-card__etablissement {
         font-size: .8rem;
         font-weight: 400;
         color: var(--conf-text-sub);
         line-height: 1.3;
     }
     /**
 * footer.css
 * Drupal 10 — Footer ABSHORE
 */
     
      :root {
         --f-bg: #F4F6F9;
         --f-bottom-bg: #EAECF0;
         --f-text-dark: #0B1C33;
         --f-text-body: #4A5568;
         --f-text-sub: #6B7280;
         --f-orange: #E87722;
         --f-blue: #0F2A56;
         --f-link: #4A5568;
         --f-link-hover: #0B1C33;
         --f-input-bg: #FFFFFF;
         --f-border: #D1D5DB;
         --f-font: 'Inter', 'Segoe UI', sans-serif;
         --f-radius: 8px;
     }
     /* ────────────────────────────────────────────────────────────
     Footer global
     ──────────────────────────────────────────────────────────── */
     
     .site-footer {
         background: var(--f-bg);
         font-family: var(--f-font);
         border-top: 1px solid var(--f-border);
     }
     /* ── Grille 4 colonnes sur une seule rangée ── */
     /*.site-footer__inner {
     display: grid;
     align-items: flex-start;
     gap: 40px;
     max-width: 1100px;
     margin: 0 auto;
     padding: 52px 40px 48px;
     grid-template-columns: 1.6fr 1fr 1.4fr 1.4fr;
 }*/
     /* 2. La grille n'a plus que 3 vraies colonnes : marque + 2 colonnes de liens */
     
     .site-footer__inner {
         display: grid;
         grid-template-columns: 1.6fr 1fr 1fr;
         /* au lieu de 1.6fr 1fr 1.4fr 1.4fr */
         align-items: flex-start;
         gap: 40px;
         max-width: 1100px;
         margin: 0 auto;
         padding: 52px 40px 48px;
     }
     /* Masquer les <p>&nbsp;</p> parasites dans la grille */
     
     .site-footer__inner>p {
         display: none;
     }
     
     @media (max-width: 960px) {
         .site-footer__inner {
             grid-template-columns: 1fr 1fr;
             grid-template-rows: auto auto;
             gap: 36px;
         }
     }
     
     @media (max-width: 560px) {
         .site-footer__inner {
             grid-template-columns: 1fr;
             gap: 28px;
             padding: 36px 24px;
         }
     }
     /* ── Colonne brand ── */
     
     .site-footer__col--brand {
         display: flex;
         flex-direction: column;
         gap: 0;
     }
     
     .site-footer__logo {
         display: block;
         margin-bottom: 16px;
     }
     
     .site-footer__logo img {
         height: 40px;
         width: auto;
         display: block;
     }
     
     .site-footer__desc {
         font-size: .82rem;
         line-height: 1.65;
         color: var(--f-text-body);
         margin: 0 0 16px;
         margin-top: 18px;
     }
     /* Réseaux sociaux */
     
     .site-footer__socials {
         display: flex;
         align-items: center;
         gap: 10px;
     }
     
     .site-footer__social-link {
         font-size: .8rem;
         font-weight: 500;
         color: var(--f-text-sub);
         text-decoration: none;
         transition: color .2s;
     }
     
     .site-footer__social-link:hover {
         color: var(--f-orange);
     }
     
     .site-footer__social-sep {
         color: var(--f-text-sub);
         font-size: .75rem;
     }
     /* ── Titres de colonnes ── */
     
     .site-footer__col-title {
         font-size: .7rem;
         font-weight: 800;
         letter-spacing: .1em;
         text-transform: uppercase;
         color: var(--f-text-dark);
         margin: 0 0 18px;
     }
     /* ── Liens Expertises ── */
     
     .site-footer__links {
         list-style: none;
         padding: 0;
         margin: 0;
         display: flex;
         flex-direction: column;
         gap: 10px;
     }
     
     .site-footer__links li a {
         font-size: .82rem;
         color: var(--f-link);
         text-decoration: none;
         transition: color .2s;
     }
     
     .site-footer__links li a:hover {
         color: var(--f-orange);
     }
     /* ── Infos Contact ── */
     
     .site-footer__info {
         list-style: none;
         padding: 0;
         margin: 0;
         display: flex;
         flex-direction: column;
         gap: 11px;
     }
     
     .site-footer__info li {
         display: flex;
         align-items: flex-start;
         gap: 9px;
     }
     
     .site-footer__info-icon {
         display: flex;
         align-items: center;
         margin-top: 1px;
         flex-shrink: 0;
     }
     
     .site-footer__info li a,
     .site-footer__info li span {
         font-size: .82rem;
         color: var(--f-link);
         text-decoration: none;
         line-height: 1.5;
         transition: color .2s;
     }
     
     .site-footer__info li a:hover {
         color: var(--f-orange);
     }
     /* ── Newsletter ── */
     
     .site-footer__col--newsletter {
         display: flex;
         flex-direction: column;
         gap: 0;
         display: none;
     }
     
     .site-footer__newsletter-desc {
         font-size: .82rem;
         line-height: 1.55;
         color: var(--f-text-body);
         margin: 0 0 14px;
     }
     
     .site-footer__newsletter-form {
         display: flex;
         flex-direction: column;
         gap: 8px;
     }
     
     .site-footer__newsletter-input {
         width: 100%;
         padding: 10px 14px;
         font-size: .82rem;
         font-family: var(--f-font);
         color: var(--f-text-dark);
         background: var(--f-input-bg);
         border: 1px solid var(--f-border);
         border-radius: var(--f-radius);
         outline: none;
         box-sizing: border-box;
         transition: border-color .2s;
     }
     
     .site-footer__newsletter-input::placeholder {
         color: #9CA3AF;
     }
     
     .site-footer__newsletter-input:focus {
         border-color: var(--f-blue);
     }
     
     .site-footer__newsletter-btn {
         width: 100%;
         padding: 11px 0;
         background: var(--f-blue);
         color: #fff;
         font-size: .83rem;
         font-weight: 700;
         font-family: var(--f-font);
         border: none;
         border-radius: var(--f-radius);
         cursor: pointer;
         transition: background .2s;
     }
     
     .site-footer__newsletter-btn:hover {
         background: #1a3f7a;
     }
     /* ────────────────────────────────────────────────────────────
     Bas de page
     ──────────────────────────────────────────────────────────── */
     
     .site-footer__bottom {
         background: var(--f-bottom-bg);
         border-top: 1px solid var(--f-border);
     }
     
     .site-footer__bottom-inner {
         max-width: 1100px;
         margin: 0 auto;
         padding: 16px 40px;
         display: flex;
         align-items: center;
         justify-content: space-between;
         gap: 16px;
         flex-wrap: wrap;
     }
     
     .site-footer__copy {
         font-size: .78rem;
         color: var(--f-text-sub);
         margin: 0;
     }
     
     .site-footer__legal {
         display: flex;
         align-items: center;
         gap: 20px;
     }
     
     .site-footer__legal a {
         font-size: .78rem;
         color: var(--f-text-sub);
         text-decoration: none;
         transition: color .2s;
     }
     
     .site-footer__legal a:hover {
         color: var(--f-text-dark);
     }
     
     @media (max-width: 560px) {
         .site-footer__bottom-inner {
             flex-direction: column;
             align-items: flex-start;
             padding: 16px 24px;
         }
     }
     /* ==========================================================
   EMPLOIS / OFFRES D'EMPLOI — styles
   Fichier : emplois.css
   À inclure dans votre thème Drupal
   ========================================================== */
     /* ── Variables ────────────────────────────────────────────── */
     
      :root {
         --emploi-accent: #f97316;
         /* orange vif — label & email */
         --emploi-dark: #0f2a4a;
         /* bleu marine — titres */
         --emploi-text: #374151;
         /* gris foncé — corps */
         --emploi-muted: #6b7280;
         /* gris — méta */
         --emploi-border: #e5e7eb;
         /* gris clair — séparateur */
         --emploi-bg: #ffffff;
         --emploi-card-radius: 12px;
         --emploi-btn-bg: #0f2a4a;
         --emploi-btn-hover: #1a3d6b;
         --emploi-highlight-border: #f97316;
     }
     /* ── Section wrapper ──────────────────────────────────────── */
     
     .emplois-section {
         padding: 64px 0 80px;
         /* background: var(--emploi-bg);*/
     }
     /* ── Header ───────────────────────────────────────────────── */
     
     .emplois-header {
         margin-bottom: 40px;
     }
     
     .emplois-label {
         display: block;
         font-size: 0.75rem;
         font-weight: 700;
         letter-spacing: 0.12em;
         text-transform: uppercase;
         color: var(--emploi-accent);
         margin-bottom: 12px;
     }
     
     .emplois-title {
         font-size: clamp(1.75rem, 4vw, 2.5rem);
         font-weight: 800;
         color: var(--emploi-dark);
         line-height: 1.15;
         margin: 0 0 14px;
     }
     
     .emplois-subtitle {
         font-size: 0.95rem;
         color: var(--emploi-muted);
         margin: 0;
     }
     
     .emplois-email {
         color: var(--emploi-accent);
         text-decoration: none;
         font-weight: 500;
     }
     
     .emplois-email:hover {
         text-decoration: underline;
     }
     /* ── List ─────────────────────────────────────────────────── */
     
     .emplois-list {
         display: flex;
         flex-direction: column;
         gap: 0;
     }
     /* ── Card ─────────────────────────────────────────────────── */
     
     .emploi-card {
         display: flex;
         align-items: center;
         justify-content: space-between;
         gap: 24px;
         padding: 22px 28px;
         background: var(--emploi-bg);
         border: 1px solid var(--emploi-border);
         border-radius: var(--emploi-card-radius);
         margin-bottom: 12px;
         transition: box-shadow 0.2s ease, border-color 0.2s ease;
     }
     
     .emploi-card:hover {
         box-shadow: 0 4px 20px rgba(15, 42, 74, 0.08);
         border-color: #c5d0dd;
     }
     /* Last card — highlighted (orange border) */
     
     .emploi-card--highlighted {
         /*border-color: var(--emploi-highlight-border);*/
     }
     
     .emploi-card--highlighted:hover {
         border-color: var(--emploi-highlight-border);
         box-shadow: 0 4px 20px rgba(249, 115, 22, 0.12);
     }
     /* ── Card left (title + tags) ─────────────────────────────── */
     
     .emploi-card__left {
         flex: 1 1 auto;
         min-width: 0;
     }
     
     .emploi-card__title {
         font-size: 1.05rem;
         font-weight: 700;
         margin: 0 0 4px;
         color: var(--emploi-dark);
     }
     
     .emploi-card__title-link {
         color: inherit;
         text-decoration: none;
     }
     
     .emploi-card__title-link:hover {
         color: var(--emploi-accent);
     }
     /* Accent title for highlighted card */
     
     .emploi-card__title-link--accent {
         /*color: var(--emploi-accent);*/
     }
     
     .emploi-card__title-link--accent:hover {
         opacity: 0.85;
     }
     
     .emploi-card__tags {
         font-size: 0.8rem;
         color: var(--emploi-muted);
         margin: 0;
     }
     /* ── Meta (location + type de poste) ─────────────────────── */
     
     .emploi-card__meta {
         display: flex;
         align-items: center;
         gap: 20px;
         flex-shrink: 0;
         flex-wrap: wrap;
     }
     
     .emploi-card__meta-item {
         display: inline-flex;
         align-items: center;
         gap: 6px;
         font-size: 0.85rem;
         color: var(--emploi-muted);
         white-space: nowrap;
     }
     
     .emploi-card__meta-item svg {
         flex-shrink: 0;
         opacity: 0.7;
     }
     /* ── Action button ────────────────────────────────────────── */
     
     .emploi-card__action {
         flex-shrink: 0;
     }
     
     .emploi-btn {
         display: inline-flex;
         align-items: center;
         gap: 8px;
         padding: 10px 20px;
         background: var(--emploi-btn-bg);
         color: #fff;
         font-size: 0.875rem;
         font-weight: 600;
         border-radius: 8px;
         text-decoration: none;
         transition: background 0.2s ease, transform 0.15s ease;
         white-space: nowrap;
     }
     
     .emploi-btn:hover {
         background: var(--emploi-btn-hover);
         color: #fff;
         transform: translateX(2px);
     }
     
     .emploi-btn svg {
         transition: transform 0.15s ease;
     }
     
     .emploi-btn:hover svg {
         transform: translateX(3px);
     }
     /* ── Responsive ───────────────────────────────────────────── */
     
     @media (max-width: 768px) {
         .emploi-card {
             flex-wrap: wrap;
             gap: 14px;
             padding: 18px 18px;
         }
         .views-exposed-form {
             display: flex;
             align-items: flex-end;
             gap: 20px;
             background: #ffffff;
             padding: 20px 0px !important;
             border-radius: 16px;
             margin-bottom: 59px;
             box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
             border: 1px solid #f1f1f1;
             margin-top: 75px;
         }
         .emploi-card__left {
             width: 100%;
         }
         .emploi-card__meta {
             width: 100%;
             gap: 14px;
         }
         .emploi-card__action {
             width: 100%;
         }
         .emploi-btn {
             width: 100%;
             justify-content: center;
         }
     }
     
     @media (max-width: 480px) {
         .emplois-title {
             font-size: 1.5rem;
         }
     }
     /* ==========================================================
   CARRIÈRES / EMPLOIS — page--emplois.css
   Couvre toutes les sections de la page Carrières
   ========================================================== */
     /* ── Variables globales ───────────────────────────────────── */
     
      :root {
         --c-navy: #0f2a4a;
         --c-orange: #f97316;
         --c-orange-light: #fff4ed;
         --c-text: #374151;
         --c-muted: #6b7280;
         --c-border: #e5e7eb;
         --c-bg: #ffffff;
         --c-bg-light: #f8fafc;
         /* value cards */
         --card-blue: #eef4ff;
         --card-green: #edfdf4;
         --card-yellow: #fefce8;
         --card-pink: #fef2f2;
         --card-blue-icon: #3b82f6;
         --card-green-icon: #10b981;
         --card-yellow-icon: #eab308;
         --card-pink-icon: #ef4444;
     }
     /* ── 1. HERO ──────────────────────────────────────────────── */
     
     .careers-hero {
         position: relative;
         background: var(--c-navy);
         background-image: linear-gradient(135deg, rgba(15, 42, 74, 0.92) 0%, rgba(15, 42, 74, 0.75) 100%), url('themes/custom/bootstrap5/images/breadcrumb_bg.jpg');
         background-size: cover;
         background-position: center;
         padding: 100px 0 80px;
         overflow: hidden;
         margin-top: 5rem;
         /* compense le header fixe */
     }
     
     .careers-hero__overlay {
         position: absolute;
         inset: 0;
         background: linear-gradient(135deg, rgba(15, 42, 74, 0.88) 40%, transparent 100%);
         pointer-events: none;
     }
     
     .careers-hero__inner {
         position: relative;
         z-index: 2;
         max-width: 680px;
     }
     /* Breadcrumb dans hero */
     
     .careers-hero__breadcrumb {
         display: flex;
         align-items: center;
         gap: 6px;
         font-size: 0.8rem;
         color: rgba(255, 255, 255, 0.65);
         margin-bottom: 16px;
     }
     
     .careers-hero__breadcrumb a {
         color: rgba(255, 255, 255, 0.65);
         text-decoration: none;
     }
     
     .careers-hero__breadcrumb a:hover {
         color: #fff;
     }
     
     .careers-hero__breadcrumb .sep {
         opacity: 0.4;
     }
     /* override style Drupal breadcrumb dans hero */
     
     .careers-hero .breadcrumb {
         background: transparent;
         padding: 0;
         margin: 0 0 16px;
         font-size: 0.8rem;
     }
     
     .careers-hero .breadcrumb-item,
     .careers-hero .breadcrumb-item a {
         color: rgba(255, 255, 255, 0.65);
     }
     
     .careers-hero .breadcrumb-item.active {
         color: rgba(255, 255, 255, 0.85);
     }
     
     .careers-hero__label {
         display: block;
         font-size: 0.7rem;
         font-weight: 700;
         letter-spacing: 0.15em;
         text-transform: uppercase;
         color: var(--c-orange);
         margin-bottom: 14px;
     }
     
     .careers-hero__title {
         font-size: clamp(1.9rem, 5vw, 3rem);
         font-weight: 800;
         color: #ffffff;
         line-height: 1.15;
         margin: 0 0 18px;
     }
     
     .careers-hero__sub {
         font-size: 1rem;
         color: rgba(255, 255, 255, 0.75);
         line-height: 1.65;
         margin: 0;
         max-width: 560px;
     }
     /* ── 2. CITATION ──────────────────────────────────────────── */
     
     .careers-quote {
         background: var(--c-bg);
         border-top: 4px solid var(--c-orange);
         padding: 36px 0;
     }
     
     .careers-quote .container {
         max-width: 860px;
     }
     
     .careers-quote__text {
         font-size: 1rem;
         color: var(--c-text);
         line-height: 1.75;
         margin: 0;
         padding-left: 20px;
         border-left: 3px solid var(--c-orange);
     }
     /* ── 3. VALEURS ───────────────────────────────────────────── */
     
     .careers-values {
         background: var(--c-bg-light);
         padding: 72px 0 80px;
     }
     
     .careers-values__header {
         margin-bottom: 40px;
     }
     
     .careers-values__label {
         display: block;
         font-size: 0.7rem;
         font-weight: 700;
         letter-spacing: 0.15em;
         text-transform: uppercase;
         color: var(--c-orange);
         /*margin-bottom: 10px;*/
         margin-top: 4rem;
     }
     
     .careers-values__title {
         font-size: clamp(1.5rem, 3.5vw, 2.25rem);
         font-weight: 800;
         color: var(--c-navy);
         margin: 0;
         line-height: 1.2;
     }
     /* Grid 2×2 */
     
     .careers-values__grid {
         display: grid;
         grid-template-columns: repeat(2, 1fr);
         gap: 20px;
     }
     
     @media (max-width: 640px) {
         .careers-values__grid {
             grid-template-columns: 1fr;
         }
     }
     /* Value card */
     
     .careers-value-card {
         border-radius: 14px;
         padding: 28px 24px;
         display: flex;
         flex-direction: column;
         gap: 10px;
     }
     
     .careers-value-card--blue {
         background: var(--card-blue);
     }
     
     .careers-value-card--green {
         background: var(--card-green);
     }
     
     .careers-value-card--yellow {
         background: var(--card-yellow);
     }
     
     .careers-value-card--pink {
         background: var(--card-pink);
     }
     
     .careers-value-card__icon {
         width: 48px;
         height: 48px;
         border-radius: 10px;
         display: flex;
         align-items: center;
         justify-content: center;
         margin-bottom: 4px;
     }
     
     .careers-value-card--blue .careers-value-card__icon {
         color: var(--card-blue-icon);
         background: rgba(59, 130, 246, .12);
     }
     
     .careers-value-card--green .careers-value-card__icon {
         color: var(--card-green-icon);
         background: rgba(16, 185, 129, .12);
     }
     
     .careers-value-card--yellow .careers-value-card__icon {
         color: var(--card-yellow-icon);
         background: rgba(234, 179, 8, .12);
     }
     
     .careers-value-card--pink .careers-value-card__icon {
         color: var(--card-pink-icon);
         background: rgba(239, 68, 68, .12);
     }
     
     .careers-value-card h3 {
         font-size: 1rem;
         font-weight: 700;
         color: var(--c-navy);
         margin: 0;
     }
     
     .careers-value-card p {
         font-size: 0.85rem;
         color: var(--c-text);
         line-height: 1.6;
         margin: 0;
     }
     /* ── 4. SECTION OFFRES (wrapper autour de page.content) ───── */
     
     .careers-jobs {
         background: var(--c-bg);
         padding: 72px 0 80px;
     }
     /*
   * Les styles de la liste d'offres elle-même sont dans emplois.css
   * (views-view-unformatted--emplois--page-1.html.twig)
   * Ci-dessous : overrides éventuels si la View est intégrée ici.
   */
     /* Bouton "Afficher Plus" en bas de la liste */
     
     .careers-jobs .views-element-container>.text-center,
     .careers-jobs .pager {
         text-align: right;
         margin-top: 20px;
     }
     
     .careers-jobs .btn-load-more,
     .careers-jobs .pager__item a {
         display: inline-flex;
         align-items: center;
         gap: 8px;
         padding: 10px 22px;
         background: var(--c-orange);
         color: #fff;
         font-size: 0.875rem;
         font-weight: 600;
         border-radius: 8px;
         border: none;
         cursor: pointer;
         text-decoration: none;
         transition: background 0.2s;
     }
     
     .careers-jobs .btn-load-more:hover,
     .careers-jobs .pager__item a:hover {
         background: #ea6c0a;
         color: #fff;
     }
     /* ── 5. CTA CANDIDATURE SPONTANÉE ────────────────────────── */
     
     .careers-cta {
         background: var(--c-bg-light);
         padding: 56px 0 72px;
     }
     
     .careers-cta__box {
         background: var(--c-navy);
         border-radius: 20px;
         padding: 48px 52px;
         display: flex;
         align-items: center;
         justify-content: space-between;
         gap: 32px;
         flex-wrap: wrap;
     }
     
     .careers-cta__text h2 {
         font-size: clamp(1.25rem, 2.5vw, 1.75rem);
         font-weight: 800;
         color: #fff;
         margin: 0 0 10px;
     }
     
     .careers-cta__text p {
         font-size: 0.95rem;
         color: rgba(255, 255, 255, 0.7);
         margin: 0;
         max-width: 480px;
         line-height: 1.65;
     }
     
     .careers-cta__btn {
         display: inline-flex;
         align-items: center;
         gap: 10px;
         padding: 14px 28px;
         background: var(--c-orange);
         color: #fff;
         font-size: 0.9rem;
         font-weight: 700;
         border-radius: 10px;
         text-decoration: none;
         white-space: nowrap;
         transition: background 0.2s ease, transform 0.15s ease;
         flex-shrink: 0;
     }
     
     .careers-cta__btn:hover {
         background: #ea6c0a;
         color: #fff;
         transform: translateY(-2px);
     }
     /* ── Responsive global ────────────────────────────────────── */
     
     @media (max-width: 768px) {
         .careers-hero {
             padding: 80px 0 60px;
         }
         .careers-cta__box {
             flex-direction: column;
             align-items: flex-start;
             padding: 36px 28px;
         }
         .careers-cta__btn {
             width: 100%;
             justify-content: center;
         }
     }
     /*** reference**/
     
     .reference-section {
         padding: 80px 0;
         background: #f8f9fc;
     }
     
     .reference-header {
         text-align: center;
         margin-bottom: 50px;
     }
     
     .reference-label {
         font-size: 12px;
         font-weight: 700;
         letter-spacing: 2px;
         text-transform: uppercase;
         color: #185FA5;
         margin-bottom: 10px;
     }
     
     .reference-title {
         font-size: 36px;
         font-weight: 700;
         color: #0d2e5e;
         margin-bottom: 15px;
     }
     
     .reference-sub {
         font-size: 16px;
         color: #666;
         max-width: 600px;
         margin: 0 auto;
     }
     /* GRID CARDS */
     
     .reference-grid {
         display: grid;
         grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
         gap: 24px;
     }
     
     .reference-card {
         background: #fff;
         border-radius: 12px;
         /*border: 1px solid #e8ecf0;*/
         padding: 30px 20px;
         display: flex;
         align-items: center;
         justify-content: center;
         /*min-height: 120px;*/
         min-height: 153px;
         transition: all 0.3s ease;
         cursor: pointer;
     }
     
     .reference-card:hover {
         box-shadow: 0 8px 30px rgba(13, 46, 94, 0.1);
         transform: translateY(-4px);
         border-color: #185FA5;
     }
     
     .reference-card img {
         /*max-width: 140px;
     max-height: 70px;*/
         max-width: 184px;
         max-height: 90px;
         width: auto;
         height: auto;
         object-fit: contain;
         /*filter: grayscale(100%);*/
         /*opacity: 0.7;*/
         transition: all 0.3s ease;
     }
     
     .reference-card:hover img {
         filter: grayscale(0%);
         opacity: 1;
     }
     /* responsive */
     
     @media (max-width: 991px) {
         .reference-grid {
             grid-template-columns: repeat(3, 1fr);
         }
     }
     
     @media (max-width: 767px) {
         .reference-section {
             padding: 50px 0;
         }
         .reference-title {
             font-size: 26px;
         }
         .reference-grid {
             grid-template-columns: repeat(2, 1fr);
             gap: 16px;
         }
         .reference-card {
             padding: 20px 15px;
             min-height: 90px;
         }
         .reference-card img {
             /* max-width: 100px;
         max-height: 50px;*/
             max-width: 175px;
             max-height: 124px;
         }
     }
     /* ── BREADCRUMB ─────────────────────────────────────────────── */
     
     .breadcrumb-area {
         background: #f8f9fc;
         border-bottom: 1px solid #e8ecf0;
         padding: 14px 0;
     }
     
     .breadcrumb {
         display: flex;
         align-items: center;
         gap: 6px;
         list-style: none;
         margin: 0;
         padding: 0;
         font-size: 13px;
     }
     
     .breadcrumb-item a {
         color: #185FA5;
         text-decoration: none;
         display: flex;
         align-items: center;
         gap: 4px;
         transition: color 0.2s;
     }
     
     .breadcrumb-item a:hover {
         color: #0d2e5e;
     }
     
     .breadcrumb-item.active {
         color: #888;
     }
     
     .breadcrumb-item+.breadcrumb-item::before {
         content: "/";
         color: #ccc;
     }
     /* ── SECTION RÉFÉRENCES ─────────────────────────────────────── */
     
     .reference-section {
         padding: 80px 0;
         background: #f8f9fc;
     }
     
     .reference-header {
         text-align: center;
         margin-bottom: 50px;
     }
     
     .reference-label {
         font-size: 12px;
         font-weight: 700;
         letter-spacing: 2px;
         text-transform: uppercase;
         color: #185FA5;
         margin-bottom: 10px;
     }
     
     .reference-title {
         font-size: 36px;
         font-weight: 700;
         color: #0d2e5e;
         margin-bottom: 15px;
     }
     
     .reference-sub {
         font-size: 16px;
         color: #666;
         max-width: 600px;
         margin: 0 auto;
     }
     /* ── RESPONSIVE ─────────────────────────────────────────────── */
     
     @media (max-width: 767px) {
         .reference-section {
             padding: 50px 0;
         }
         .reference-title {
             font-size: 26px;
         }
     }
     
     .block-page-title-block {
         display: none;
     }
     /* ============================================================
   PROJET CARDS – projet-cards.css
   Compatible with the Twig template:
   views-view-unformatted--projet--page-1.html.twig
   ============================================================ */
     /* ── CSS Custom Properties ── */
     
      :root {
         --pc-blue: #1a3a5c;
         --pc-teal: #0ea5a0;
         --pc-orange: #f97316;
         --pc-green: #16a34a;
         --pc-amber: #d97706;
         --pc-gray-50: #f8fafc;
         --pc-gray-100: #f1f5f9;
         --pc-gray-200: #e2e8f0;
         --pc-gray-400: #94a3b8;
         --pc-gray-600: #475569;
         --pc-gray-800: #1e293b;
         --pc-white: #ffffff;
         --pc-radius-card: 12px;
         --pc-radius-tag: 20px;
         --pc-shadow: 0 4px 24px rgba(0, 0, 0, 0.08);
         --pc-shadow-hover: 0 12px 36px rgba(0, 0, 0, 0.14);
         --pc-transition: 0.25s ease;
         --pc-font-body: 'Inter', 'Segoe UI', system-ui, sans-serif;
         --pc-font-mono: 'JetBrains Mono', 'Fira Code', monospace;
     }
     /* ── Grid wrapper ── */
     
     .projets-grid {
         display: grid;
         grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
         gap: 28px;
         padding: 40px 0;
         font-family: var(--pc-font-body);
     }
     /* ── Card shell ── */
     
     .projet-card {
         background: var(--pc-white);
         border-radius: var(--pc-radius-card);
         box-shadow: var(--pc-shadow);
         overflow: hidden;
         display: flex;
         flex-direction: column;
         transition: box-shadow var(--pc-transition), transform var(--pc-transition);
     }
     
     .projet-card:hover {
         box-shadow: var(--pc-shadow-hover);
         transform: translateY(-4px);
     }
     /* ── Image banner ── */
     
     .projet-card__image-wrap {
         position: relative;
         height: 200px;
         overflow: hidden;
         background: linear-gradient(135deg, var(--pc-blue) 0%, var(--pc-teal) 100%);
     }
     
     .projet-card__image {
         width: 100%;
         height: 100%;
         object-fit: cover;
         display: block;
         transition: transform 0.5s ease;
     }
     
     .projet-card:hover .projet-card__image {
         transform: scale(1.05);
     }
     /* dark gradient overlay for readability */
     
     .projet-card__image-wrap::after {
         content: '';
         position: absolute;
         inset: 0;
         background: linear-gradient( to bottom, rgba(10, 30, 60, 0.15) 0%, rgba(10, 30, 60, 0.65) 100%);
         pointer-events: none;
     }
     /* ── Category badge ── */
     
     .projet-card__category {
         position: absolute;
         top: 14px;
         left: 14px;
         z-index: 2;
         background: rgba(255, 255, 255, 0.18);
         backdrop-filter: blur(8px);
         -webkit-backdrop-filter: blur(8px);
         border: 1px solid rgba(255, 255, 255, 0.35);
         color: var(--pc-white);
         font-size: 10px;
         font-weight: 700;
         letter-spacing: 0.1em;
         text-transform: uppercase;
         padding: 5px 11px;
         border-radius: 20px;
     }
     /* ── Title overlay ── */
     
     .projet-card__title-overlay {
         position: absolute;
         bottom: 0;
         left: 0;
         right: 0;
         z-index: 2;
         padding: 16px 18px 18px;
     }
     
     .projet-card__title {
         margin: 0 0 4px;
         font-size: 22px;
         font-weight: 800;
         color: var(--pc-white);
         line-height: 1.2;
         text-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);
     }
     
     .projet-card__subtitle {
         margin: 0;
         font-size: 12.5px;
         color: rgba(255, 255, 255, 0.85);
         font-weight: 400;
         line-height: 1.4;
     }
     /* ── Meta row ── */
     
     .projet-card__meta {
         display: flex;
         align-items: center;
         gap: 20px;
         padding: 12px 18px;
         border-bottom: 1px solid var(--pc-gray-200);
         background: var(--pc-gray-50);
     }
     
     .projet-card__meta-item {
         display: flex;
         align-items: center;
         gap: 6px;
         font-size: 12px;
         color: var(--pc-gray-600);
         font-weight: 500;
     }
     
     .projet-card__icon {
         width: 15px;
         height: 15px;
         color: var(--pc-teal);
         flex-shrink: 0;
     }
     /* ── Body: Défi + Solution ── */
     
     .projet-card__body {
         padding: 16px 18px 0;
         display: flex;
         flex-direction: column;
         gap: 12px;
         flex: 1;
     }
     
     .projet-card__section {
         display: flex;
         flex-direction: column;
         gap: 4px;
     }
     
     .projet-card__section-header {
         display: flex;
         align-items: center;
         gap: 7px;
     }
     
     .projet-card__section-label {
         font-size: 10.5px;
         font-weight: 800;
         letter-spacing: 0.09em;
         text-transform: uppercase;
         color: var(--pc-gray-800);
     }
     
     .projet-card__section-icon {
         width: 20px;
         height: 20px;
         border-radius: 50%;
         display: flex;
         align-items: center;
         justify-content: center;
         flex-shrink: 0;
     }
     
     .projet-card__section-icon--defi {
         background: rgba(249, 115, 22, 0.12);
         color: var(--pc-orange);
     }
     
     .projet-card__section-icon--solution {
         background: rgba(14, 165, 160, 0.12);
         color: var(--pc-teal);
     }
     
     .projet-card__section-icon svg {
         width: 13px;
         height: 13px;
     }
     
     .projet-card__section-text {
         margin: 0 0 0 27px;
         font-size: 12.5px;
         color: var(--pc-gray-600);
         line-height: 1.55;
     }
     /* ── Résultats obtenus ── */
     
     .projet-card__results {
         margin: 16px 18px 0;
         background: var(--pc-gray-50);
         border: 1px solid var(--pc-gray-200);
         border-radius: 10px;
         padding: 12px 14px;
     }
     
     .projet-card__results-label {
         display: flex;
         align-items: center;
         gap: 6px;
         font-size: 10px;
         font-weight: 800;
         letter-spacing: 0.1em;
         text-transform: uppercase;
         color: var(--pc-teal);
         margin-bottom: 10px;
     }
     
     .projet-card__metrics {
         display: flex;
         gap: 8px;
         flex-wrap: wrap;
     }
     
     .projet-card__metric {
         flex: 1;
         min-width: 60px;
         display: flex;
         flex-direction: column;
         align-items: center;
         background: var(--pc-white);
         border-radius: 8px;
         padding: 8px 6px;
         box-shadow: 0 1px 4px rgba(0, 0, 0, 0.06);
     }
     
     .projet-card__metric-value {
         font-family: var(--pc-font-mono);
         font-size: 17px;
         font-weight: 800;
         color: var(--pc-teal);
         line-height: 1;
     }
     
     .projet-card__metric-label {
         font-size: 10px;
         color: var(--pc-gray-600);
         text-align: center;
         margin-top: 3px;
         line-height: 1.3;
     }
     /* ── Tag slider ── */
     
     .projet-card__tags-wrap {
         padding: 14px 18px 16px;
         overflow: hidden;
     }
     
     .projet-card__tags {
         display: flex;
         gap: 7px;
         overflow-x: auto;
         scroll-behavior: smooth;
         scrollbar-width: none;
         -ms-overflow-style: none;
         padding-bottom: 2px;
     }
     
     .projet-card__tags::-webkit-scrollbar {
         display: none;
     }
     
     .projet-card__tag {
         display: inline-flex;
         align-items: center;
         white-space: nowrap;
         flex-shrink: 0;
         font-size: 11px;
         font-weight: 600;
         color: var(--pc-gray-600);
         background: var(--pc-gray-100);
         border: 1px solid var(--pc-gray-200);
         border-radius: var(--pc-radius-tag);
         padding: 4px 12px;
         transition: background var(--pc-transition), color var(--pc-transition);
         cursor: default;
     }
     
     .projet-card__tag:hover {
         background: var(--pc-teal);
         color: var(--pc-white);
         border-color: var(--pc-teal);
     }
     /* ── Tags affichés via les classes "ab-*" du Twig ──
   Ajouté car le template génère .ab-hero-pills / .ab-pill,
   classes absentes du CSS d'origine (cause du bloc vide).
   Réutilise visuellement le même style que .projet-card__tags. */
     /*.ab-hero-pills {
     display: flex;
     flex-wrap: wrap;
     gap: 7px;
     padding: 14px 18px 16px;
 }
 
 .ab-pill {
     display: inline-flex;
     align-items: center;
     white-space: nowrap;
     flex-shrink: 0;
     font-size: 11px;
     font-weight: 600;
     color: var(--pc-gray-600);
     background: var(--pc-gray-100);
     border: 1px solid var(--pc-gray-200);
     border-radius: var(--pc-radius-tag);
     padding: 4px 12px;
     transition: background var(--pc-transition), color var(--pc-transition);
     cursor: default;
 }
 
 .ab-pill:hover {
     background: var(--pc-teal);
     color: var(--pc-white);
     border-color: var(--pc-teal);
 }*/
     
     .ab-hero-pills {
         display: grid;
         grid-template-columns: repeat(3, 1fr);
         gap: 8px;
         margin-top: 16px;
     }
     
     .ab-pill {
         display: flex;
         align-items: center;
         justify-content: center;
         text-align: center;
         padding: 6px 12px;
         border-radius: 20px;
         font-size: 15px;
         font-weight: 500;
         color: #fff;
         background: linear-gradient(135deg, #f9a94f, #937a6dad);
         box-shadow: 0 2px 5px rgba(0, 0, 0, 0.12);
         transition: transform 0.2s ease, box-shadow 0.2s ease;
         cursor: pointer;
         white-space: nowrap;
         width: 100% !important;
         text-align: center !important;
     }
     
     .ab-pill:hover {
         transform: translateY(-2px);
         box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
         background: linear-gradient(135deg, #f5854a, #f9a94f);
         /* inverse au hover */
     }
     
     .ab-hero-body {
         font-size: 15px;
     }
     /* ── Responsive ── */
     /*@media (max-width: 768px) {
     .projets-grid {
         grid-template-columns: 1fr;
         gap: 20px;
     }
     .projet-card__title {
         font-size: 18px;
     }
 }
 
 @media (max-width: 480px) {
     .projet-card__metrics {
         gap: 6px;
     }
     .projet-card__metric-value {
         font-size: 15px;
     }
 }*/
     
     @media (max-width: 768px) {
         .ab-hero-pills {
             grid-template-columns: repeat(2, 1fr);
             /* 2 par ligne sur mobile */
         }
     }
     
     @media (max-width: 480px) {
         .ab-hero-pills {
             grid-template-columns: 1fr;
             /* 1 par ligne sur très petit écran */
         }
     }
     /* ══════════════════════════════════════
   TECH SECTIONS — ABSHORE
══════════════════════════════════════ */
     
     .tech-sections {
         max-width: 1100px;
         margin: 0 auto;
         padding: 4rem 2rem;
     }
     /* ── Séparateur entre sections ── */
     
     .tech-divider {
         border: none;
         border-top: 1px solid #e4e4e4;
         margin: 4rem 0;
     }
     /* ── Layout 2 colonnes ── */
     
     .tech-section {
         display: grid;
         grid-template-columns: 280px 1fr;
         gap: 0 5rem;
         align-items: start;
     }
     /* ══════════════════════════════════════
     COLONNE GAUCHE
  ══════════════════════════════════════ */
     
     .tech-section__left {
         position: sticky;
         top: 2rem;
     }
     /* Numéro 01, 02, 03... */
     
     .tech-section__number {
         display: block;
         font-size: 0.7rem;
         font-weight: 700;
         letter-spacing: 0.18em;
         color: #C8893A;
         margin-bottom: 0.5rem;
     }
     /* Titre principal */
     
     .tech-section__title {
         font-size: 19px;
         font-weight: 800;
         line-height: 1.2;
         color: #1a1a2e;
         text-transform: uppercase;
         margin: 0;
         font-family: sans-serif;
     }
     /* ══════════════════════════════════════
     COLONNE DROITE
  ══════════════════════════════════════ */
     /* Texte d'introduction (field_resume) */
     
     .tech-section__intro {
         font-size: 1rem;
         line-height: 1.75;
         color: #333;
         margin: 0 0 1.5rem;
     }
     /* Label ▸ CE QUE NOUS LIVRONS */
     
     .tech-section__label {
         display: flex;
         align-items: center;
         gap: 0.4rem;
         font-size: 0.68rem;
         font-weight: 700;
         letter-spacing: 0.14em;
         color: #999;
         text-transform: uppercase;
         margin-bottom: 1rem;
     }
     
     .tech-section__label-icon {
         color: #C8893A;
         font-size: 0.8rem;
     }
     /* Summary — bordure gauche orange */
     
     .tech-section__summary {
         font-size: 0.95rem;
         line-height: 1.75;
         color: #555;
         border-left: 3px solid #C8893A;
         padding-left: 1rem;
         margin: 0 0 1.5rem;
     }
     /* ── Body complet ── */
     
     .tech-section__body {
         font-size: 0.95rem;
         line-height: 1.8;
         color: #333;
     }
     /* Paragraphes dans le body */
     
     .tech-section__body p {
         margin: 0 0 0.75rem;
     }
     /* Puces <ul><li> générées par Drupal */
     
     .tech-section__body ul {
         list-style: none;
         padding: 0;
         margin: 0 0 1rem;
     }
     
     .tech-section__body ul li {
         position: relative;
         padding-left: 1.5rem;
         margin-bottom: 0.5rem;
         color: #444;
     }
     
     .tech-section__body ul li::before {
         content: "✓";
         position: absolute;
         left: 0;
         top: 1px;
         color: #C8893A;
         font-weight: 700;
         font-size: 0.85rem;
     }
     /* Titres dans le body */
     
     .tech-section__body h3,
     .tech-section__body h4 {
         font-size: 0.9rem;
         font-weight: 700;
         color: #1a1a2e;
         text-transform: uppercase;
         letter-spacing: 0.08em;
         margin: 1.25rem 0 0.5rem;
     }
     /* Liens dans le body */
     
     .tech-section__body a {
         color: #C8893A;
         text-decoration: none;
     }
     
     .tech-section__body a:hover {
         text-decoration: underline;
     }
     
     .tech-section__list {
         list-style: none;
         padding: 0;
         margin: 0;
     }
     
     .tech-section__list li {
         position: relative;
         padding-left: 1.5rem;
         margin-bottom: 0.5rem;
         font-size: 0.95rem;
         line-height: 1.75;
         color: #444;
     }
     
     .tech-section__list li::before {
         content: "✓";
         position: absolute;
         left: 0;
         top: 1px;
         color: #C8893A;
         font-weight: 700;
         font-size: 0.85rem;
     }
     /* ══════════════════════════════════════
     RESPONSIVE MOBILE
  ══════════════════════════════════════ */
     
     @media (max-width: 900px) {
         .tech-section {
             grid-template-columns: 1fr;
             gap: 1.5rem;
         }
         .tech-section__left {
             position: static;
         }
         .tech-section__title {
             font-size: 1.25rem;
         }
     }
     
     @media (max-width: 480px) {
         .tech-sections {
             padding: 2rem 1rem;
         }
         .tech-divider {
             margin: 2.5rem 0;
         }
     }
     /**************************************
expertise:tech
*******************************/
     /* ── Variables ── */
     
      :root {
         --exp-blue: #1e3a5f;
         --exp-accent: #e8a020;
         --exp-text: #2d2d2d;
         --exp-muted: #6b7280;
         --exp-bg: #f8f9fb;
         --exp-white: #ffffff;
         --exp-radius: 12px;
         --exp-shadow: 0 4px 24px rgba(30, 58, 95, .10);
     }
     /* ── CITATION ── */
     
     .expertises-quote {
         margin-top: 7rem;
     }
     
     .expertises-quote__block {
         border-left: 4px solid var(--exp-blue);
         margin: 0 auto;
         max-width: 860px;
         padding: .5rem 0 .5rem 1.75rem;
     }
     
     .expertises-quote__text {
         color: var(--exp-text);
         font-size: 1rem;
         font-weight: 400;
         /* ← texte normal, pas gras */
         line-height: 1.75;
         margin: 0;
         text-transform: none !important;
         /* ← annule le title-case hérité */
     }
     
     .expertises-quote__text strong {
         color: var(--exp-blue);
         font-weight: 700;
         text-transform: none !important;
     }
     /* ── CONTENU CENTRAL (page.content) ── */
     /* .expertises-content {
     padding: 5rem 0;
     background: var(--exp-white);
 }*/
     /* Bloc expertise individuel */
     
     .expertise-block {
         display: grid;
         grid-template-columns: 1fr 1fr;
         gap: 3rem 4rem;
         align-items: start;
         padding: 4rem 0;
         border-bottom: 1px solid #e5e7eb;
     }
     
     .expertise-block:last-child {
         border-bottom: none;
     }
     /* Colonne gauche : numéro + titre + intro */
     
     .expertise-block__left {}
     
     .expertise-block__number {
         display: block;
         font-size: 3rem;
         font-weight: 900;
         color: #e5e7eb;
         line-height: 1;
         margin-bottom: .5rem;
     }
     
     .expertise-block__title {
         font-size: 1.6rem;
         font-weight: 800;
         color: var(--exp-blue);
         margin-bottom: 1rem;
         line-height: 1.25;
     }
     
     .expertise-block__intro {
         color: var(--exp-muted);
         font-size: .95rem;
         line-height: 1.7;
         margin-bottom: 1.5rem;
     }
     /* Colonne droite : liste compétences + stats */
     
     .expertise-block__right {}
     
     .expertise-block__skills-label {
         font-size: .7rem;
         font-weight: 700;
         letter-spacing: .12em;
         text-transform: uppercase;
         color: var(--exp-muted);
         margin-bottom: .75rem;
     }
     
     .expertise-block__skills {
         list-style: none;
         padding: 0;
         margin: 0 0 2rem 0;
         display: flex;
         flex-direction: column;
         gap: .45rem;
     }
     
     .expertise-block__skills li {
         display: flex;
         align-items: flex-start;
         gap: .6rem;
         font-size: .9rem;
         color: var(--exp-text);
         line-height: 1.4;
     }
     
     .expertise-block__skills li::before {
         content: '';
         flex-shrink: 0;
         width: 7px;
         height: 7px;
         border-radius: 50%;
         background: var(--exp-accent);
         margin-top: .38em;
     }
     /* Stats résultats clients */
     
     .expertise-block__results {
         background: var(--exp-bg);
         border-radius: var(--exp-radius);
         padding: 1.25rem 1.5rem;
     }
     
     .expertise-block__results-label {
         font-size: .7rem;
         font-weight: 700;
         letter-spacing: .12em;
         text-transform: uppercase;
         color: var(--exp-muted);
         margin-bottom: 1rem;
     }
     
     .expertise-block__results-grid {
         display: flex;
         gap: 2rem;
         flex-wrap: wrap;
     }
     
     .expertise-result-stat {
         display: flex;
         flex-direction: column;
     }
     
     .expertise-result-stat__value {
         font-size: 1.6rem;
         font-weight: 800;
         color: var(--exp-blue);
         line-height: 1;
     }
     
     .expertise-result-stat__value.accent {
         color: var(--exp-accent);
     }
     
     .expertise-result-stat__value.green {
         color: #16a34a;
     }
     
     .expertise-result-stat__value.red {
         color: #dc2626;
     }
     
     .expertise-result-stat__desc {
         font-size: .78rem;
         color: var(--exp-muted);
         margin-top: .2rem;
         max-width: 120px;
         line-height: 1.3;
     }
     /* ── CTA DIAGNOSTIC ── */
     
     .expertises-cta {
         background: var(--exp-blue);
         padding: 5rem 0;
     }
     
     .expertises-cta__box {
         max-width: 680px;
         margin: 0 auto;
         text-align: center;
     }
     
     .expertises-cta__label {
         display: inline-block;
         font-size: .7rem;
         font-weight: 700;
         letter-spacing: .16em;
         text-transform: uppercase;
         color: var(--exp-accent);
         margin-bottom: 1rem;
     }
     
     .expertises-cta__title {
         font-size: 2rem;
         font-weight: 800;
         color: var(--exp-white);
         margin-bottom: 1rem;
         line-height: 1.2;
     }
     
     .expertises-cta__text {
         color: rgba(255, 255, 255, .8);
         font-size: 1rem;
         line-height: 1.65;
         margin-bottom: 2rem;
     }
     
     .expertises-cta__actions {
         display: flex;
         flex-direction: column;
         align-items: center;
         gap: 1rem;
     }
     
     .expertises-cta__btn {
         display: inline-block;
         background: var(--exp-accent);
         color: var(--exp-white);
         font-weight: 700;
         font-size: .95rem;
         padding: .9rem 2.2rem;
         border-radius: 6px;
         text-decoration: none;
         transition: background .2s, transform .15s;
     }
     
     .expertises-cta__btn:hover {
         background: #c98a18;
         transform: translateY(-2px);
         color: var(--exp-white);
     }
     
     .expertises-cta__email {
         color: rgba(255, 255, 255, .6);
         font-size: .85rem;
         text-decoration: none;
     }
     
     .expertises-cta__email:hover {
         color: var(--exp-white);
     }
     /* ── Responsive ── */
     
     @media (max-width: 991px) {
         .expertise-block {
             grid-template-columns: 1fr;
             gap: 2rem;
             padding: 3rem 0;
         }
         .expertises-stats__grid {
             gap: 2.5rem;
         }
     }
     
     @media (max-width: 575px) {
         .expertises-stat__number {
             font-size: 1.5rem;
         }
         .expertises-cta__title {
             font-size: 1.5rem;
         }
         .expertise-block__number {
             font-size: 2rem;
         }
     }
     /****  corection menu**/
     /* Réinitialiser le menu principal */
     /* Conteneur principal du header en une seule ligne */
     /* Forcer TOUTE la navbar sur une ligne */
     
     nav.main.navbar.navbar-default {
         width: 100% !important;
     }
     
     nav.main.navbar.navbar-default .container-fluid {
         display: flex !important;
         flex-direction: row !important;
         align-items: center !important;
         flex-wrap: nowrap !important;
         width: 100% !important;
         padding: 0 10px !important;
     }
     /* Le ul du mega menu sur une seule ligne */
     
     ul.we-mega-menu-ul.nav.nav-tabs {
         display: flex !important;
         flex-direction: row !important;
         flex-wrap: nowrap !important;
         align-items: center !important;
         width: 100% !important;
         margin: 0 !important;
         padding: 0 !important;
         list-style: none !important;
     }
     /* Réduire la taille des items pour qu'ils rentrent tous */
     
     ul.we-mega-menu-ul.nav.nav-tabs>li.we-mega-menu-li {
         flex-shrink: 1 !important;
         white-space: nowrap !important;
     }
     
     ul.we-mega-menu-ul.nav.nav-tabs>li.we-mega-menu-li>a {
         font-size: 12px !important;
         padding: 10px 8px !important;
         white-space: nowrap !important;
         letter-spacing: 0.5px !important;
     }
     /* Annuler le col-lg qui casse tout */
     
     .we-mega-menu-ul-content>.col-lg-12,
     .we-mega-menu-ul-content>.col-md-12 {
         float: none !important;
         width: auto !important;
         padding: 0 !important;
         display: flex !important;
     }
     /* Le wrapper global du header en flex */
     
     #sticky-header .row,
     .tp-header_area .row,
     nav.main.navbar.navbar-default .row {
         display: flex !important;
         flex-direction: row !important;
         align-items: center !important;
         flex-wrap: nowrap !important;
     }
     /* Le wrapper principal en flex row */
     
     div.tgmenu_wrap {
         display: flex !important;
         flex-direction: row !important;
         align-items: center !important;
         justify-content: space-between !important;
         flex-wrap: nowrap !important;
         width: 100% !important;
     }
     /* Le nav (menu) prend l'espace du milieu */
     
     div.tgmenu_wrap nav.tgmenu_nav {
         flex: 1 !important;
         display: flex !important;
         align-items: center !important;
     }
     /* Mettre tgmenu_action sur la même ligne que le nav */
     
     div.tgmenu_wrap {
         display: flex !important;
         flex-direction: row !important;
         align-items: center !important;
         flex-wrap: nowrap !important;
     }
     
     div.tgmenu_wrap nav.tgmenu_nav {
         flex: 1 !important;
     }
     /* Forcer tgmenu_action visible et inline */
     
     div.tgmenu_action.d-none.d-md-block {
         display: flex !important;
         flex-direction: row !important;
         align-items: center !important;
         flex-shrink: 0 !important;
         gap: 10px !important;
     }
     /* list-wrap inline */
     
     ul.list-wrap.header-btns {
         display: flex !important;
         flex-direction: row !important;
         align-items: center !important;
         gap: 10px !important;
         margin: 0 !important;
         padding: 0 !important;
         list-style: none !important;
     }
     
     ul.list-wrap.header-btns li {
         display: flex !important;
         align-items: center !important;
         float: none !important;
     }
     /* Annuler le col-12 qui crée une nouvelle ligne */
     
     div.col-12.tgmenu_wrap {
         display: flex !important;
         flex-direction: row !important;
         align-items: center !important;
         flex-wrap: nowrap !important;
         padding: 0 !important;
     }
     
     div.row {
         /*flex-wrap: nowrap !important;*/
         align-items: center !important;
     }
     /* Fix : tout mettre sur la même ligne dans la navbar */
     
     .tgmenu__nav {
         display: flex !important;
         align-items: center !important;
         justify-content: space-between !important;
         flex-wrap: nowrap !important;
     }
     
     .tgmenu__navbar-wrap {
         flex: 1 1 auto;
     }
     
     .tgmenu__action {
         display: flex !important;
         align-items: center !important;
         flex-shrink: 0;
     }
     
     .tgmenu__action .list-wrap {
         display: flex !important;
         align-items: center !important;
         gap: 12px;
         margin: 0;
         padding: 0;
         list-style: none;
     }
     
     .tgmenu__action .list-wrap li {
         display: flex !important;
         align-items: center;
     }
     /* Fix le select langue inline */
     
     .tgmenu__action select,
     .tgmenu__action .lang-dropdown-select-element {
         /*width: auto !important;*/
         display: inline-block !important;
     }
     /****** chiffre abshore*/
     
     .abshore-stats__eyebrow {
         font-size: 20px;
         font-weight: 800;
         color: #f5a623;
         text-transform: uppercase;
         letter-spacing: 0.5px;
         margin-bottom: 8px;
     }
     
     .abshore-stats__title {
         font-size: 18px;
         font-weight: 700;
         color: #326a9f;
         margin-bottom: 4px;
     }
     
     .abshore-stats__subtitle {
         font-size: 15px;
         color: #666;
         margin-bottom: 32px;
     }
     
     .abshore-stats__grid {
         display: grid;
         grid-template-columns: repeat(4, 1fr);
         gap: 20px;
     }
     
     .abshore-stat {
         /*background: #eef3fb;*/
         background: #fdfdfd;
         border: 1px solid transparent;
         border-radius: 12px;
         padding: 24px 20px;
         transition: background-color 0.25s ease, border-color 0.25s ease, transform 0.25s ease;
         cursor: pointer;
     }
     
     .abshore-stat:hover {
         background: #fdf6ea;
         border-color: #f5a623;
         transform: translateY(-4px);
     }
     
     .abshore-stat__number {
         font-size: 36px;
         font-weight: 700;
         color: #f5a623;
         line-height: 1.1;
         margin-bottom: 8px;
     }
     
     .abshore-stat__label {
         font-size: 16px;
         font-weight: 700;
         color: #1a2b4c;
         margin-bottom: 4px;
     }
     
     .abshore-stat__sub {
         font-size: 13px;
         color: #888;
         line-height: 1.4;
     }
     
     @media (max-width: 768px) {
         .abshore-stats__grid {
             grid-template-columns: repeat(2, 1fr);
         }
     }
     /***** page confidentailité */
     /* ===================== POLITIQUE DE CONFIDENTIALITÉ ===================== */
     
     .privacy-policy {
         max-width: 860px;
         margin: 0 auto;
         padding: 60px 20px 80px;
         color: #333;
         line-height: 1.7;
     }
     
     .privacy-policy__header {
         margin-bottom: 40px;
     }
     
     .privacy-policy__label {
         display: inline-block;
         font-size: 13px;
         font-weight: 700;
         color: #f26522;
         text-transform: uppercase;
         letter-spacing: 1px;
         margin-bottom: 10px;
     }
     
     .privacy-policy__header h1 {
         font-size: 34px;
         font-weight: 700;
         color: #1a1a2e;
         margin: 0 0 10px;
     }
     
     .privacy-policy__updated {
         font-size: 14px;
         color: #888;
         margin: 0;
     }
     
     .privacy-policy__intro p {
         font-size: 16px;
         color: #4a4a4a;
         margin-bottom: 40px;
     }
     /* Sommaire */
     
     .privacy-policy__toc {
         background: #f9f9fb;
         border: 1px solid #eee;
         border-radius: 12px;
         padding: 24px 28px;
         margin-bottom: 48px;
     }
     
     .privacy-policy__toc-title {
         font-weight: 700;
         color: #1a1a2e;
         margin-bottom: 12px;
     }
     
     .privacy-policy__toc ol {
         margin: 0;
         padding-left: 20px;
         columns: 2;
         column-gap: 32px;
     }
     
     .privacy-policy__toc a {
         color: #f26522;
         text-decoration: none;
         font-size: 14px;
     }
     
     .privacy-policy__toc a:hover {
         text-decoration: underline;
     }
     /* Sections */
     
     .privacy-policy__section {
         margin-bottom: 40px;
         padding-top: 8px;
     }
     
     .privacy-policy__section h2 {
         font-size: 22px;
         font-weight: 700;
         color: #1a1a2e;
         margin-bottom: 16px;
         padding-bottom: 10px;
         border-bottom: 2px solid #f7941e;
         display: inline-block;
     }
     
     .privacy-policy__section p,
     .privacy-policy__section li {
         font-size: 15px;
         color: #4a4a4a;
     }
     
     .privacy-policy__section ul {
         padding-left: 20px;
         margin-bottom: 0;
     }
     
     .privacy-policy__section ul li {
         margin-bottom: 8px;
     }
     /* Tableau conservation */
     
     .privacy-policy__table {
         width: 100%;
         border-collapse: collapse;
         margin-top: 16px;
         font-size: 14px;
     }
     
     .privacy-policy__table th,
     .privacy-policy__table td {
         padding: 12px 16px;
         text-align: left;
         border-bottom: 1px solid #eee;
     }
     
     .privacy-policy__table th {
         background: #f9f9fb;
         color: #1a1a2e;
         font-weight: 700;
     }
     
     .privacy-policy__table tr:hover td {
         background: #fdf6f0;
     }
     /* Grille des droits */
     
     .privacy-policy__rights-grid {
         display: grid;
         grid-template-columns: repeat(3, 1fr);
         gap: 16px;
         margin: 20px 0 24px;
     }
     
     .privacy-policy__right-item {
         background: #fff;
         border: 1px solid #eee;
         border-radius: 10px;
         padding: 18px;
         box-shadow: 0 2px 6px rgba(0, 0, 0, 0.04);
         transition: box-shadow 0.2s ease, transform 0.2s ease;
     }
     
     .privacy-policy__right-item:hover {
         box-shadow: 0 6px 14px rgba(0, 0, 0, 0.08);
         transform: translateY(-2px);
     }
     
     .privacy-policy__right-icon {
         font-size: 22px;
         display: block;
         margin-bottom: 6px;
     }
     
     .privacy-policy__right-item strong {
         display: block;
         font-size: 15px;
         color: #1a1a2e;
         margin-bottom: 4px;
     }
     
     .privacy-policy__right-item p {
         font-size: 13px;
         color: #777;
         margin: 0;
     }
     /* Bloc contact final */
     
     .privacy-policy__contact {
         background: #f9f9fb;
         border-radius: 12px;
         padding: 28px 32px;
     }
     
     .privacy-policy__contact-list {
         list-style: none;
         padding: 0;
     }
     
     .privacy-policy__contact-list li {
         margin-bottom: 8px;
     }
     /* Responsive */
     
     @media (max-width: 768px) {
         .privacy-policy__toc ol {
             columns: 1;
         }
         .privacy-policy__rights-grid {
             grid-template-columns: repeat(2, 1fr);
         }
     }
     
     @media (max-width: 480px) {
         .privacy-policy__rights-grid {
             grid-template-columns: 1fr;
         }
         .privacy-policy__header h1 {
             font-size: 26px;
         }
     }
     /**** correction fAQ****/
     
     .accordion-item {
         border-radius: 12px;
         overflow: hidden;
         isolation: isolate;
         /* renforce le clipping sur certains navigateurs */
     }
     
     .accordion-body p {
         color: #ffffff !important;
     }
     
     .accordion-button {
         border-radius: 0 !important;
     }
     
     .accordion-button.collapsed {
         border-radius: 12px !important;
     }
     
     .accordion-button,
     .accordion-button:not(.collapsed) {
         border-radius: 0 !important;
     }
     
     .accordion-collapse {
         margin: 0 !important;
         border: none !important;
     }
     
     .accordion-body {
         margin-top: -1px;
     }
     
     section.breadcrumb__area.breadcrumb__bg {
         top: 57px !important;
     }
     /********** qui sommes nous ****/
     /* ==========================================================================
   Page "Qui sommes nous" — ABSHORE
   ========================================================================== */
     
     .qsn-page {
         color: #1c2b45;
     }
     
     .qsn-section {
         padding: 4rem 0;
     }
     
     .qsn-label {
         color: #f5a623;
         font-weight: 700;
         font-size: 20px;
         letter-spacing: 0.12em;
         text-transform: uppercase;
         margin-bottom: 0.75rem;
     }
     
     .qsn-title {
         font-size: 18px;
         font-weight: 700;
         color: #1c2b45;
         line-height: 1.35;
         margin: 0;
     }
     
     .qsn-subtitle {
         font-size: 18px;
         font-weight: 700;
         color: #6c757d !important;
         margin-bottom: 2.25rem;
     }
     /* --------------------------------------------------------------------
     Notre Histoire
     -------------------------------------------------------------------- */
     
     .qsn-histoire-text {
         font-size: 0.98rem;
         line-height: 1.85;
         color: #45536e;
         text-align: justify;
         padding-top: 42px;
     }
     
     .qsn-histoire-text p {
         margin-bottom: 1rem;
     }
     
     .qsn-histoire-text strong {
         color: #f5a623;
     }
     /* --------------------------------------------------------------------
     Nos Valeurs
     -------------------------------------------------------------------- */
     
     .qsn-valeurs {
         background-color: #eef2f8;
     }
     
     .valeurs-grid {
         display: grid;
         grid-template-columns: repeat(3, 1fr);
         gap: 1.5rem;
     }
     
     .valeur-item {
         background: #fffdf5;
         border: 1px solid #f4e9c7;
         border-radius: 10px;
         padding: 1.75rem 1.5rem;
     }
     
     .valeur-icon {
         width: 42px;
         height: 42px;
         border-radius: 50%;
         background: #fff3d6;
         color: #f5a623;
         display: flex;
         align-items: center;
         justify-content: center;
         font-size: 1.1rem;
         margin-bottom: 1rem;
     }
     
     .valeur-item h3 {
         font-size: 1.05rem;
         font-weight: 700;
         color: #1c2b45;
         margin-bottom: 0.6rem;
     }
     
     .valeur-item p {
         font-size: 0.9rem;
         line-height: 1.6;
         color: #5a6883;
         margin: 0;
     }
     /* --------------------------------------------------------------------
     Notre Approche
     -------------------------------------------------------------------- */
     
     .qsn-approche {
         background-color: #ffffff;
     }
     
     .approche-grid {
         display: grid;
         grid-template-columns: repeat(4, 1fr);
         gap: 1.5rem;
     }
     
     .approche-step {
         position: relative;
         background: #fff;
         border: 1px solid #eceff4;
         border-radius: 10px;
         padding: 1.75rem 1.5rem;
         box-shadow: 0 4px 14px rgba(28, 43, 69, 0.05);
     }
     
     .step-number {
         display: block;
         font-size: 2rem;
         font-weight: 800;
         color: #eef1f6;
         line-height: 1;
         margin-bottom: 0.5rem;
     }
     
     .step-icon {
         font-size: 1.3rem;
         margin-bottom: 0.75rem;
         color: #f5a623;
     }
     
     .approche-step h3 {
         font-size: 1.05rem;
         font-weight: 700;
         color: #1c2b45;
         margin-bottom: 0.5rem;
     }
     
     .approche-step p {
         font-size: 0.88rem;
         line-height: 1.6;
         color: #5a6883;
         margin: 0;
     }
     /* --------------------------------------------------------------------
     Citation fondateur
     -------------------------------------------------------------------- */
     
     .qsn-citation {
         background-color: #eef2f8;
     }
     
     .citation-box {
         display: flex;
         align-items: flex-start;
         gap: 1.25rem;
         max-width: 720px;
         margin: 0 auto;
     }
     
     .citation-avatar {
         flex: 0 0 48px;
         width: 48px;
         height: 48px;
         border-radius: 50%;
         background: #1c2b45;
         color: #fff;
         font-weight: 700;
         font-size: 0.9rem;
         display: flex;
         align-items: center;
         justify-content: center;
     }
     
     .citation-eyebrow {
         color: #f5a623;
         font-weight: 700;
         font-size: 0.72rem;
         letter-spacing: 0.1em;
         text-transform: uppercase;
         margin-bottom: 0.4rem;
     }
     
     .citation-text blockquote {
         font-size: 1rem;
         font-style: italic;
         color: #1c2b45;
         line-height: 1.6;
         margin: 0 0 0.85rem;
     }
     
     .citation-auteur {
         font-size: 0.85rem;
         color: #5a6883;
         margin: 0;
     }
     
     .citation-auteur strong {
         color: #1c2b45;
     }
     /* --------------------------------------------------------------------
     CTA finale
     -------------------------------------------------------------------- */
     
     .qsn-cta {
         background-color: #14213d;
         padding: 2.5rem 0;
     }
     
     .cta-wrapper {
         display: flex;
         align-items: center;
         justify-content: space-between;
         gap: 1.5rem;
         flex-wrap: wrap;
     }
     
     .cta-text h3 {
         color: #fff;
         font-size: 1.3rem;
         font-weight: 700;
         margin: 0 0 0.4rem;
     }
     
     .cta-highlight {
         color: #f5a623;
     }
     
     .cta-text p {
         color: #b7c0d4;
         font-size: 0.9rem;
         margin: 0;
     }
     
     .cta-btn {
         display: inline-block;
         background: #f5a623;
         color: #14213d;
         font-weight: 700;
         font-size: 0.9rem;
         padding: 0.85rem 1.5rem;
         border-radius: 6px;
         text-decoration: none;
         white-space: nowrap;
         transition: background 0.2s ease;
     }
     
     .cta-btn:hover {
         background: #e0951a;
         color: #14213d;
     }
     /* ==========================================================================
     Responsive
     ========================================================================== */
     /* Tablettes */
     
     @media (max-width: 991px) {
         .valeurs-grid {
             grid-template-columns: repeat(2, 1fr);
         }
         .approche-grid {
             grid-template-columns: repeat(2, 1fr);
         }
         .qsn-title {
             font-size: 1.4rem;
         }
         .qsn-histoire-text {
             margin-top: 1.5rem;
         }
     }
     /* Mobile */
     
     @media (max-width: 575px) {
         .qsn-section {
             /* padding: 2.5rem 0;*/
             margin-top: 97px;
         }
         section.breadcrumb__area.breadcrumb__bg {
             top: 101px !important;
         }
         /*** projet mobilr*/
         .projets-grid {
             display: grid;
             grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
             gap: 28px;
             padding: 40px 20px;
             font-family: var(--pc-font-body);
         }
         .valeurs-grid,
         .approche-grid {
             grid-template-columns: 1fr;
         }
         .citation-box {
             flex-direction: column;
             align-items: center;
             text-align: center;
         }
         .cta-wrapper {
             flex-direction: column;
             align-items: flex-start;
             text-align: left;
         }
         .cta-btn {
             width: 100%;
             text-align: center;
         }
     }
     /***** header page expertise*/
     
     .breadcrumb__area {
         position: relative;
         padding: 60px 0 50px;
         overflow: hidden;
         min-height: 260px;
         display: flex;
         align-items: center;
     }
     
     .breadcrumb__area .bg-img {
         position: absolute;
         top: 0;
         left: 0;
         width: 100%;
         height: 100%;
         background-size: cover;
         background-position: center;
         z-index: -2;
     }
     
     .breadcrumb__area .bg-overlay {
         position: absolute;
         top: 0;
         left: 0;
         width: 100%;
         height: 100%;
         background: linear-gradient(90deg, rgba(10, 30, 60, 0.85) 0%, rgba(10, 30, 60, 0.55) 100%);
         z-index: -1;
     }
     
     .breadcrumb__content {
         position: relative;
         z-index: 1;
     }
     /* Fil d'Ariane */
     
     .breadcrumb-wrapper {
         font-size: 14px;
         margin-bottom: 0;
     }
     
     .breadcrumb-wrapper a {
         color: #ff8a00;
         text-decoration: none;
     }
     
     .breadcrumb-wrapper a:hover {
         text-decoration: underline;
     }
     
     .breadcrumb-wrapper .separator {
         color: #fff;
         margin: 0 6px;
     }
     
     .breadcrumb-wrapper .current {
         color: #fff;
     }
     /* Label "NOTRE EXPERTISE" */
     
     .breadcrumb__subtitle {
         display: block;
         color: #ff8a00;
         font-size: 13px;
         font-weight: 700;
         letter-spacing: 1px;
         text-transform: uppercase;
         margin: 14px 0 10px;
     }
     /* Titre principal */
     
     .breadcrumb__content .title {
         /*color: #fff;*/
         /*font-size: 2.5rem;
     font-weight: 500;
     line-height: 0.25;
     margin-bottom: 23px;*/
         max-width: 600px;
         position: relative;
         z-index: 2;
         word-wrap: break-word;
         overflow-wrap: break-word;
     }
     /* Sous-texte */
     
     .breadcrumb__desc {
         color: rgba(255, 255, 255, 0.85);
         font-size: 16px;
         margin: 0;
     }
     /* Responsive */
     
     @media (max-width: 991px) {
         .breadcrumb__content .title {
             font-size: 1.75rem;
         }
     }
     
     @media (max-width: 576px) {
         .breadcrumb__area {
             padding: 40px 0 30px;
             min-height: auto;
         }
         .breadcrumb__content .title {
             font-size: 1.4rem;
         }
         .breadcrumb__desc {
             font-size: 14px;
         }
     }
     /*** expertise , soultion*/
     /* ===========================================================
   NOS DOMAINES — grille de cartes
   =========================================================== */
     
     .tech-domains {
         background: #f4f6f9;
         padding: 64px 48px;
         font-family: "Inter", "Segoe UI", Arial, sans-serif;
     }
     
     .tech-domains__header {
         max-width: 900px;
         margin: 0 0 40px;
     }
     
     .tech-domains__eyebrow {
         display: block;
         color: #f5821f;
         font-weight: 800;
         font-size: 28px;
         letter-spacing: 0.5px;
         text-transform: uppercase;
     }
     
     .tech-domains__title {
         margin: 6px 0 0;
         color: #1a2b4c;
         font-weight: 600;
         font-size: 16px;
     }
     
     .tech-domains__grid {
         display: grid;
         grid-template-columns: repeat(2, minmax(0, 1fr));
         gap: 28px;
     }
     
     @media (max-width: 900px) {
         .tech-domains__grid {
             grid-template-columns: 1fr;
         }
     }
     /* ---------------------------------------------------------
   Carte
--------------------------------------------------------- */
     
     .tech-card {
         position: relative;
         background: #ffffff;
         border-radius: 18px;
         padding: 28px 30px 26px;
         box-shadow: 0 8px 24px rgba(20, 30, 60, 0.06);
         overflow: hidden;
     }
     
     .tech-card__top {
         display: flex;
         align-items: flex-start;
         justify-content: space-between;
         margin-bottom: 14px;
     }
     
     .tech-card__icon {
         width: 40px;
         height: 40px;
         border-radius: 10px;
         background: #eaf1ff;
         display: flex;
         align-items: center;
         justify-content: center;
     }
     
     .tech-card__icon svg,
     .tech-card__icon img {
         width: 20px;
         height: 20px;
     }
     
     .tech-card__number {
         font-size: 42px;
         font-weight: 800;
         color: #eef0f4;
         line-height: 1;
     }
     
     .tech-card__title {
         margin: 0 0 10px;
         color: #1a2b4c;
         font-size: 19px;
         font-weight: 700;
     }
     
     .tech-card__intro {
         margin: 0 0 16px;
         color: #5b6472;
         font-size: 14px;
         line-height: 1.6;
     }
     /* ---------------------------------------------------------
   Liste des livrables (body du node, avec puces ✓)
--------------------------------------------------------- */
     
     .tech-card__body ul {
         list-style: none;
         margin: 0 0 20px;
         padding: 0;
     }
     
     .tech-card__body li {
         position: relative;
         padding-left: 26px;
         margin-bottom: 10px;
         color: #33404f;
         font-size: 14px;
         line-height: 1.5;
     }
     
     .tech-card__body li::before {
         content: "\2713";
         position: absolute;
         left: 0;
         top: 0;
         color: #2ecc71;
         font-weight: 700;
     }
     /* ---------------------------------------------------------
   KPIs (3 indicateurs chiffrés par carte)
--------------------------------------------------------- */
     
     .tech-card__kpis {
         display: flex;
         gap: 24px;
         padding-top: 16px;
         border-top: 1px solid #eef0f4;
     }
     
     .tech-card__kpi {
         display: flex;
         flex-direction: column;
     }
     
     .tech-card__kpi-value {
         font-size: 20px;
         font-weight: 800;
         color: #1a2b4c;
     }
     
     .tech-card__kpi-label {
         font-size: 11px;
         color: #8a93a3;
         text-transform: none;
     }
     /* Variantes de couleur des KPI selon le pilier (optionnel) */
     
     .tech-card:nth-child(1) .tech-card__kpi-value {
         color: #2f6fed;
     }
     
     .tech-card:nth-child(2) .tech-card__kpi-value {
         color: #17a673;
     }
     
     .tech-card:nth-child(3) .tech-card__kpi-value {
         color: #17a673;
     }
     
     .tech-card:nth-child(4) .tech-card__kpi-value {
         color: #e0453a;
     }
     /****** ACTU COORECTION*/
     
     .row.actualites-grid {
         flex-wrap: wrap !important;
         align-items: stretch !important;
     }
     /*** correction home slider*/
     /* ===== TITRE ===== */
     
     .ab-hero-title {
         /*font-size: 3rem !important;
     line-height: 1.2 !important;
     font-weight: 800 !important;
     letter-spacing: 0.5px;
     margin-bottom: 16px;*/
         letter-spacing: 0.5px;
         margin-bottom: 16px;
         margin: 0 0 20px;
         color: #fff;
         font-size: 32px;
         font-weight: 700;
         line-height: 1.2;
         max-width: 700px;
     }
     /* ===== DESCRIPTION ===== */
     
     .ab-hero-body {
         /*font-size: 1.15rem !important;
     line-height: 1.6 !important;
     max-width: 650px;
     margin-bottom: 24px;*/
         font-size: 20px !important;
         text-align: justify;
     }
     /* ===== CONTENEUR DES TAGS ===== */
     
     .ab-hero-pills {
         /*display: flex;
     flex-wrap: wrap;
     gap: 12px;*/
         display: grid !important;
         grid-template-columns: repeat(3, 1fr) !important;
         gap: 12px !important;
     }
     /* ===== TAGS / BOUTONS (les liens/div à l'intérieur de .ab-hero-pills) ===== */
     
     .ab-hero-pills>div,
     .ab-hero-pills a {
         font-size: 1rem !important;
         /*padding: 12px 24px !important;*/
         padding: 6px 53px;
         border-radius: 30px;
         font-weight: 600;
         display: inline-block;
         white-space: nowrap;
     }
     /* ===== RESPONSIVE (mobile) ===== */
     
     @media (max-width: 768px) {
         .ab-hero-pills {
             grid-template-columns: repeat(2, 1fr) !important;
             margin-left: -32px;
         }
     }
     
     @media (max-width: 768px) {
         .ab-hero-title {
             /*font-size: 2rem !important;*/
             font-size: 15px !important;
             margin-left: -32px;
         }
         .ab-hero-body {
             /*font-size: 1rem !important;*/
             font-size: 14px !important;
             margin-left: -32px;
             width: 100%;
             text-align: justify;
         }
         .ab-hero-pills>div,
         .ab-hero-pills a {
             font-size: 0.9rem !important;
             padding: 10px 18px !important;
         }
     }
     /**** correction card actualité*/
     
     .actualites-grid__item {
         display: flex;
         margin-bottom: 30px
     }
     
     .blog__post-two {
         display: flex;
         flex-direction: column;
         width: 100%;
         height: 100%;
     }
     
     .blog__post-content-two {
         display: flex;
         flex-direction: column;
         flex-grow: 1;
     }
     
     .blog__post-content-two .title {
         flex-grow: 1;
     }
     
     .blog-avatar {
         margin-top: auto;
     }
     /***** correction filtre*********/
     /* Conteneur du filtre - style carte moderne */
     
     .views-exposed-form {
         display: flex;
         align-items: flex-end;
         gap: 20px;
         background: #ffffff;
         padding: 20px 24px;
         border-radius: 16px;
         margin-bottom: 40px;
         box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
         border: 1px solid #f1f1f1;
     }
     /* Label discret au-dessus */
     
     .views-exposed-form .form-item label {
         font-size: 0.75rem;
         font-weight: 600;
         text-transform: uppercase;
         letter-spacing: 0.05em;
         color: #94a3b8;
         margin-bottom: 6px;
         display: block;
     }
     /* Select en pilule, flèche custom, sans bordure par défaut */
     
     .views-exposed-form .form-select {
         appearance: none;
         -webkit-appearance: none;
         min-width: 240px;
         background-color: #f8fafc;
         background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='%23f97316' d='M1 1l5 5 5-5'/%3E%3C/svg%3E");
         background-repeat: no-repeat;
         background-position: right 1rem center;
         border: 1.5px solid transparent;
         border-radius: 999px;
         padding: 0.7rem 2.5rem 0.7rem 1.25rem;
         font-size: 0.95rem;
         font-weight: 500;
         color: #1e293b;
         cursor: pointer;
         transition: all 0.2s ease;
     }
     
     .views-exposed-form .form-select:hover {
         background-color: #f1f5f9;
     }
     
     .views-exposed-form .form-select:focus {
         border-color: #f97316;
         background-color: #fff;
         outline: none;
     }
     /* Bouton Appliquer - pilule pleine avec icône */
     
     .views-exposed-form .form-actions .button {
         background: linear-gradient(135deg, #f97316, #fb923c);
         color: #fff;
         border: none;
         border-radius: 999px;
         padding: 0.7rem 1.75rem;
         font-weight: 600;
         font-size: 0.9rem;
         cursor: pointer;
         display: inline-flex;
         align-items: center;
         gap: 6px;
         transition: transform 0.15s ease, box-shadow 0.2s ease;
     }
     
     .views-exposed-form .form-actions .button:hover {
         transform: translateY(-2px);
         box-shadow: 0 6px 16px rgba(249, 115, 22, 0.35);
     }
     
     .views-exposed-form .form-actions .button:active {
         transform: translateY(0);
     }
     /****** correction menu  version mobile*******/
     /* ===== HEADER LAYOUT ===== */
     
     .tgmenu__nav {
         display: flex;
         align-items: center;
         justify-content: space-between;
         width: 100%;
     }
     /* ===== RIGHT SIDE (langue + recherche) ===== */
     
     .header-mobile-right {
         display: flex;
         align-items: center;
         gap: 12px;
     }
     
     .lang-switcher-wrap,
     .search-icon-wrap {
         display: flex;
         align-items: center;
     }
     
     .search-icon-wrap .search-open-btn svg {
         width: 20px;
         height: 20px;
         display: block;
         color: #1e293b;
     }
     
     .search-icon-wrap .search-open-btn {
         display: flex;
         align-items: center;
         justify-content: center;
     }
     /* ===== TOGGLER MOBILE (burger menu) ===== */
     
     .mobile-nav-toggler {
         display: none;
         align-items: center;
         justify-content: center;
         cursor: pointer;
         font-size: 22px;
         color: #1e293b;
         margin-left: 12px;
     }
     /* ===== RESPONSIVE : masquer menu desktop / afficher burger en mobile ===== */
     
     @media (max-width: 991px) {
         .tgmenu__navbar-wrap.tgmenu__main-menu {
             display: none !important;
         }
         .mobile-nav-toggler {
             display: flex !important;
         }
     }
     
     @media (min-width: 992px) {
         .mobile-nav-toggler {
             display: none !important;
         }
     }
     /* ===== MENU MOBILE (offcanvas) — liste style capture 1 ===== */
     
     .tgmobile__menu-outer,
     .tgmobile__menu-outer ul,
     .tgmobile__menu-outer .mobile-menu-list {
         list-style: none;
         margin: 0;
         padding: 0;
     }
     
     .tgmobile__menu-outer li,
     .tgmobile__menu-outer .mobile-menu-list li {
         list-style: none;
         border-bottom: 1px solid #e5e7eb;
     }
     
     .tgmobile__menu-outer li:last-child,
     .tgmobile__menu-outer .mobile-menu-list li:last-child {
         border-bottom: none;
     }
     
     .tgmobile__menu-outer li a,
     .tgmobile__menu-outer .mobile-menu-list li a {
         /* display: block;
     padding: 14px 4px;
     font-weight: 700;
     font-size: 1rem;
     color: #1e293b !important;
     text-decoration: none;
     transition: color 0.2s ease;*/
         display: block;
         padding: 14px 4px 4px 14px;
         font-weight: 600;
         font-size: 14px;
         color: var(--tg-color-dark-blue);
         text-decoration: none;
         transition: color 0.2s ease;
     }
     
     .tgmobile__menu-outer li a:hover,
     .tgmobile__menu-outer .mobile-menu-list li a:hover {
         color: #f5a623 !important;
     }
     /* Si le menu Drupal génère des sous-menus imbriqués */
     
     .tgmobile__menu-outer ul ul {
         padding-left: 16px;
     }
     /*** correction login page*/
     
     a.nav-link.active.nav-link--user-login {
         display: none;
     }
     /****** ACTIVE MENU*********************************/
     /* Etat actif du menu principal we-mega-menu */
     
     .we-mega-menu-ul>li.we-mega-menu-li>a.we-mega-menu-li.active,
     .we-mega-menu-ul>li.we-mega-menu-li>a.we-mega-menu-li.is-active,
     .we-mega-menu-ul>li.we-mega-menu-li.active-trail>a.we-mega-menu-li {
         color: #ff6600 !important;
         /* couleur active - à adapter à votre charte */
         font-weight: 700 !important;
         position: relative;
     }
     /* Petit soulignement animé sous le lien actif */
     
     .we-mega-menu-ul>li.we-mega-menu-li>a.we-mega-menu-li.active::after,
     .we-mega-menu-ul>li.we-mega-menu-li>a.we-mega-menu-li.is-active::after,
     .we-mega-menu-ul>li.we-mega-menu-li.active-trail>a.we-mega-menu-li::after {
         content: "";
         position: absolute;
         left: 0;
         bottom: -5px;
         width: 100%;
         height: 2px;
         background-color: #ff6600;
         display: block;
     }
     /* Effet au survol pour cohérence visuelle */
     
     .we-mega-menu-ul>li.we-mega-menu-li>a.we-mega-menu-li:hover {
         color: #ff6600 !important;
     }
     /******************************avantages V2*******************************/
     /* ==========================================================================
   Bloc "avantages" — mise en page reproduisant la capture d'écran
   ========================================================================== */
     
     .avantages-section {
         max-width: 1000px;
         margin: 0 auto;
         padding: 40px 20px;
     }
     
     .avantages-section__header {
         text-align: left;
         margin-bottom: 32px;
     }
     
     .avantages-section__title {
         /* font-size: 14px;
     font-weight: 700;
     letter-spacing: 0.08em;
     color: #f97316;
     margin: 0 0 8px;*/
         font-size: 20px;
         font-weight: 800;
         letter-spacing: .04em;
         text-transform: uppercase;
         color: #f5a623;
         margin: 0 0 10px;
         font-family: var(--exp-font-sans);
     }
     
     .avantages-section__subtitle {
         /* font-size: 24px;
     font-weight: 700;
     color: #0f172a;
     margin: 0 0 4px;*/
         font-size: 1rem;
         font-weight: 700;
         color: #326a9f;
         margin: 0 0 10px;
         font-family: var(--exp-font-sans);
     }
     
     .avantages-section__description {
         font-size: .9rem;
         color: #64748b;
         margin: 0;
     }
     /*  .avantages-section__grid {
         display: flex;
         flex-direction: column;
     }*/
     /**** nouveau css de bloc avantage*****/
     
     .avantages-section__grid {
         display: grid;
         grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
         gap: 1.5rem;
     }
     
     .avantage-card {
         background: #fff;
         border-radius: 12px;
         box-shadow: 0 2px 12px rgba(0, 0, 0, 0.06);
         padding: 1.5rem;
         display: flex;
         flex-direction: column;
         gap: 1rem;
         transition: transform .2s ease, box-shadow .2s ease;
     }
     
     .avantage-card:hover {
         transform: translateY(-4px);
         box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1);
     }
     
     .avantage-card__header {
         display: flex;
         align-items: center;
         gap: .75rem;
     }
     
     .avantage-card__icon svg {
         width: 32px;
         height: 32px;
     }
     
     .avantage-card__stats {
         list-style: none;
         display: flex;
         flex-wrap: wrap;
         gap: 1rem;
         margin-top: auto;
         padding-top: 1rem;
         border-top: 1px solid #eee;
     }
     
     .avantage-card__stat {
         display: flex;
         flex-direction: column;
     }
     
     .avantage-card__stat-value {
         font-size: 1.5rem;
         color: #0a3d62;
     }
     
     .avantage-card__stat-label {
         font-size: .85rem;
         color: #666;
     }
     
     h3.avantage-card__title {
         font-family: var(--exp-font-sans) !important;
         font-size: 16px;
     }
     
     .avantages-section__grid {
         display: grid;
         grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
         gap: 1.5rem;
         align-items: stretch;
     }
     
     .avantages-section__item {
         display: flex;
     }
     
     .avantage-card {
         display: flex;
         flex-direction: column;
         height: 100%;
         box-sizing: border-box;
         background: #fff;
         border-radius: 12px;
         box-shadow: 0 2px 12px rgba(0, 0, 0, 0.06);
         padding: 1.5rem;
         gap: 1rem;
     }
     
     .avantage-card__header {
         flex: 0 0 auto;
     }
     
     .avantage-card__body {
         flex: 1 1 auto;
     }
     
     .avantage-card__body p {
         display: -webkit-box;
         -webkit-line-clamp: 4;
         -webkit-box-orient: vertical;
         overflow: hidden;
     }
     
     .avantage-card__stats {
         flex: 0 0 auto;
         margin-top: auto;
         padding-top: 1rem;
         border-top: 1px solid #eee;
         list-style: none;
         display: flex;
         flex-wrap: wrap;
         gap: 1rem;
         display: none;
     }
     /********* end*****/
     
     .avantages-section__item {
         padding: 32px 0;
         /* border-top: 1px solid #e2e8f0;*/
     }
     
     .avantages-section__item:last-child {
         /* border-bottom: 1px solid #e2e8f0;*/
     }
     /* ==========================================================================
   Ligne d'avantage : icône/titre à gauche, description/stats à droite
   ========================================================================== */
     
     .avantage-item {
         display: flex;
         align-items: flex-start;
         gap: 32px;
     }
     
     .avantage-item__aside {
         flex: 0 0 220px;
         display: flex;
         flex-direction: column;
         gap: 4px;
     }
     
     .avantage-item__icon {
         width: 32px;
         height: 32px;
         display: flex;
         align-items: center;
         justify-content: center;
         margin-bottom: 8px;
     }
     /* L'icône est collée en SVG brut dans le champ (field_icone) :
   on force le trait fin type "outline" comme sur la capture */
     
     .avantage-item__icon svg {
         width: 100%;
         height: 100%;
         fill: none;
         stroke: #f97316;
         /* couleur du trait de l'icône */
         stroke-width: 1.5;
     }
     /* Si jamais le champ contient une image (fallback) plutôt qu'un SVG inline */
     
     .avantage-item__icon img {
         width: 100%;
         height: 100%;
         object-fit: contain;
     }
     
     .avantage-item__title {
         /* font-size: 18px;
     font-weight: 700;
     color: #0f172a;
     margin: 0;
     line-height: 1.3;*/
         font-family: var(--exp-font-sans);
         font-size: 1rem;
         font-weight: 700;
         color: #102239;
         margin: 0 0 10px;
         line-height: 1.3;
     }
     
     .avantage-item__main {
         flex: 1;
     }
     
     .avantage-item__description {
         font-size: 15px;
         line-height: 1.6;
         color: #334155;
         margin: 0 0 20px;
     }
     /* ==========================================================================
   Statistiques générées dynamiquement par Twig à partir du résumé
   ========================================================================== */
     
     .avantage-item__main ul.avantage-stats {
         list-style: none;
         display: flex;
         flex-wrap: wrap;
         gap: 40px;
         margin: 0;
         padding: 0;
     }
     
     .avantage-item__main ul.avantage-stats li {
         display: flex;
         flex-direction: column;
         gap: 2px;
     }
     
     .avantage-item__main ul.avantage-stats li strong {
         font-size: 20px;
         font-weight: 700;
         color: #0f172a;
     }
     
     .avantage-item__main ul.avantage-stats li span {
         font-size: 13px;
         color: #64748b;
     }
     /* ==========================================================================
   Responsive
   ========================================================================== */
     
     @media (max-width: 768px) {
         .avantage-item {
             flex-direction: column;
             gap: 16px;
         }
         .avantage-item__aside {
             flex: none;
             flex-direction: row;
             align-items: center;
         }
         .avantage-item__stats {
             gap: 24px;
         }
     }
     /**** correctiong tag  projet******/
     
     .projets-grid .ab-hero-pills {
         display: flex;
         flex-wrap: nowrap;
         gap: 6px;
         overflow-x: auto;
     }
     
     .projets-grid .ab-pill {
         display: inline-flex;
         align-items: center;
         justify-content: center;
         text-align: center;
         padding: 4px 10px;
         border-radius: 6px;
         font-size: 11px;
         font-weight: 500;
         color: #333333;
         background: #f0f1f3;
         border: none;
         box-shadow: none;
         transition: background-color 0.2s ease;
         cursor: pointer;
         white-space: nowrap;
         width: auto !important;
         box-sizing: border-box;
         flex-shrink: 0;
     }
     
     .projets-grid .ab-pill:hover {
         background: #e4e6e9;
     }
     /***** disable breadcrumbs*/
     
     body.page-user-login #block-bootstrap-breadcrumbs {
         display: none;
     }
     
     .avantages-section {
         width: 100%;
         max-width: 1140px;
         /* largeur standard Bootstrap .container sur desktop */
         margin: 0 auto;
         padding-left: 15px;
         padding-right: 15px;
         padding-top: 40px;
         padding-bottom: 40px;
         box-sizing: border-box;
     }
     
     .avantages-section-header,
     .avantages-section-grid {
         width: 100%;
         max-width: 100%;
         margin: 0 auto;
     }
     /**** CORRECTION  MENU*****/
     
     .we-mega-menu-li>a.menu-item-active {
         color: #ff8c00 !important;
         font-weight: 700;
     }
     /****** réalisation*/
     
     .projets-grid .ab-hero-pills {
         padding: 0 16px 16px !important;
         gap: 8px !important;
     }
     
     .projets-grid .ab-hero-pills .ab-pill {
         font-size: 11px;
         font-weight: 500;
         padding: 4px 10px;
         border-radius: 20px !important;
         background: #E6F1FB !important;
         color: #0C447C !important;
         border: none !important;
         text-align: center;
     }
     
     #views-exposed-form-projets-page-1,
     .view-filters {
         margin-top: 40px;
     }
     
     #edit-actions.form-actions {
         display: none;
     }