:root {
   --body: #fff;
   --black: #000;
   --black-2: #020842;
   --white: #fff;
   --white-2: #EAF0FF;
   --white-3: rgba(255, 255, 255, 0.75);
   --theme: #3FB5FD;
   --theme-2: #0B6EDA;
   --theme-3: #0E1449;
   --theme-4: #A347FF;
   --header: #000D27;
   --base: #C7D31C;
   --text: #49515B;
   --text-2: #636D6C;
   --border: rgba(255, 255, 255, 0.12);
   --border-2: rgba(4, 11, 41, 0.17);
   --ratting: #F8BC26;
   --bg: #F3F8FF;
   ---box-shadow: 11px 15px 79.9px 48px rgba(10, 6, 68, 0.05);
 }

 .theme-btn {
   position: relative;
   z-index: 2;
   vertical-align: middle;
   display: inline-block;
   border: none;
   text-transform: capitalize;
   text-align: center;
   background: linear-gradient(84deg, #DE7B00 0%, #DC7C00 100%);
   color: var(--white);
   font-size: 17px;
   font-weight: 700;
   line-height: 1;
   padding: 18px 35px;
   max-height: 54px;
   border-radius: 4px;
   -webkit-transition: 0.5s ease-in-out;
   transition: 0.5s ease-in-out;
   -webkit-appearance: none;
   outline: none !important;
   overflow: hidden;
   cursor: pointer;
 }

 .theme-btn.theme-btn-2 {
   background: linear-gradient(84deg, var(--theme) 0%, var(--theme-4) 100%);
 }

 .theme-btn.trasparent-btn {
   background: transparent;
   border: 1px solid var(--theme);
   color: var(--theme-2);
   border-radius: 4px;
 }

 .theme-btn.trasparent-btn::before,
 .theme-btn.trasparent-btn::after {
   background: linear-gradient(84deg, var(--theme) 0%, var(--theme-2) 100%);
 }

 .theme-btn.trasparent-btn:hover {
   color: var(--white);
 }

 .theme-btn.trasparent-btn-2 {
   background: transparent;
   border: 1px solid var(--theme-4);
   color: var(--theme-4);
   border-image-slice: 1;
   border-radius: 4px;
 }

 .theme-btn.white-btn {
   background: var(--white);
   color: var(--black-2);
 }

 .theme-btn.white-btn::before,
 .theme-btn.white-btn::after {
   background-color: var(--black-2);
 }

 .theme-btn.white-btn:hover {
   color: var(--white);
 }

 .theme-btn.black-btn::before,
 .theme-btn.black-btn::after {
   background-color: #003c65;
 }

 .theme-btn.black-btn:hover {
   color: var(--white);
 }

 .theme-btn::before,
 .theme-btn::after {
   content: "";
   width: 50%;
   height: 0%;
   position: absolute;
   background-color: var(--white);
   transition: 0.4s;
   -webkit-transition: 0.4s;
   -moz-transition: 0.4s;
   -ms-transition: 0.4s;
   -o-transition: 0.4s;
   z-index: -1;
 }

 .theme-btn::before {
   top: 0%;
   right: 0%;
 }

 .theme-btn::after {
   left: 0%;
   bottom: 0%;
 }

 .theme-btn:hover::before,
 .theme-btn:hover::after {
   width: 100%;
   height: 100%;
 }

 .theme-btn:hover {
   color: var(--theme-2);
 }

 /* --------------------------------------------
    Template Default Fonts & Fonts Styles
 ---------------------------------------------- */
 body {
   font-family: "DM Sans", sans-serif;
   font-size: 16px;
   font-weight: normal;
   line-height: 28px;
   color: var(--text);
   background-color: var(--white);
   padding: 0;
   margin: 0;
   overflow-x: hidden;
 }

 .page-wrapper {
   position: relative;
   margin: 0 auto;
   width: 100%;
   min-width: 300px;
   overflow: hidden;
 }

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

 @media (max-width: 450px) {
   .container-fluid {
     padding: 0 10px;
   }
 }

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

 button {
   border: none;
   background-color: transparent;
   padding: 0;
 }

 input:focus {
   color: var(--white);
   outline: none;
 }

 input {
   color: var(--white);
 }

 h1,
 h2,
 h3,
 h4,
 h5,
 h6 {
   margin: 0px;
   padding: 0;
   -webkit-transition: all 0.4s ease-in-out;
   transition: all 0.4s ease-in-out;
   font-weight: 700;
   font-family: "Montserrat", serif;
   color: var(--black-2);
   letter-spacing: -0.2px;
 }

 h1 {
   font-size: 80px;
   line-height: 120%;
 }

 h2 {
   font-size: 60px;
   line-height: 130%;
 }

 @media (max-width: 1199px) {
   h2 {
     font-size: 42px;
   }
 }

 @media (max-width: 767px) {
   h2 {
     font-size: 36px;
   }
 }

 @media (max-width: 575px) {
   h2 {
     font-size: 32px;
   }
 }

 h3 {
   font-size: 24px;
   line-height: 150%;
 }

 @media (max-width: 575px) {
   h3 {
     font-size: 20px;
   }
 }

 h4 {
   font-size: 20px;
   line-height: 137%;
 }

 h5 {
   font-size: 18px;
   line-height: 150%;
 }

 h6 {
   font-size: 16px;
   line-height: 145%;
 }

 @media (max-width: 767px) {
   br {
     display: none;
   }
 }

 a {
   text-decoration: none;
   outline: none !important;
   cursor: pointer;
   color: var(--header);
   -webkit-transition: all 0.4s ease-in-out;
   transition: all 0.4s ease-in-out;
 }

 p {
   color: var(--text);
   font-size: 16px;
   font-weight: 500;
   line-height: 30px;
   margin: 0px;
   -webkit-transition: all 0.4s ease-in-out;
   transition: all 0.4s ease-in-out;
 }

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

 .preloader .animation-preloader {
   z-index: 1000;
 }

 .preloader .animation-preloader .spinner {
   -webkit-animation: spinner 1s infinite linear;
   animation: spinner 1s infinite linear;
   border-radius: 50%;
   border: 3px solid rgba(0, 0, 0, 0.2);
   border-top-color: var(--theme);
   height: 9em;
   margin: 0 auto 3.5em auto;
   width: 9em;
 }

 @media (max-width: 767px) {
   .preloader .animation-preloader .spinner {
     width: 7.5em;
     height: 7.5em;
     margin: 0 auto 1.5em auto;
   }
 }

 .preloader .animation-preloader .txt-loading {
   font: bold 5em "Montserrat", serif, "DM Sans", sans-serif;
   text-align: center;
   -webkit-user-select: none;
   -moz-user-select: none;
   -ms-user-select: none;
   user-select: none;
 }

 @media (max-width: 767px) {
   .preloader .animation-preloader .txt-loading {
     font-size: 2.5em;
   }
 }

 .preloader .animation-preloader .txt-loading .letters-loading {
   color: var(--theme-2);
   position: relative;
 }

 .preloader .animation-preloader .txt-loading .letters-loading:nth-child(2):before {
   -webkit-animation-delay: 0.2s;
   animation-delay: 0.2s;
 }

 .preloader .animation-preloader .txt-loading .letters-loading:nth-child(3):before {
   -webkit-animation-delay: 0.4s;
   animation-delay: 0.4s;
 }

 .preloader .animation-preloader .txt-loading .letters-loading:nth-child(4):before {
   -webkit-animation-delay: 0.6s;
   animation-delay: 0.6s;
 }

 .preloader .animation-preloader .txt-loading .letters-loading:nth-child(5):before {
   -webkit-animation-delay: 0.8s;
   animation-delay: 0.8s;
 }

 .preloader .animation-preloader .txt-loading .letters-loading:nth-child(6):before {
   -webkit-animation-delay: 1s;
   animation-delay: 1s;
 }

 .preloader .animation-preloader .txt-loading .letters-loading:nth-child(7):before {
   -webkit-animation-delay: 1.2s;
   animation-delay: 1.2s;
 }

 .preloader .animation-preloader .txt-loading .letters-loading:nth-child(8):before {
   -webkit-animation-delay: 1.4s;
   animation-delay: 1.4s;
 }

 .preloader .animation-preloader .txt-loading .letters-loading::before {
   -webkit-animation: letters-loading 4s infinite;
   animation: letters-loading 4s infinite;
   color: var(--header);
   content: attr(data-text-preloader);
   left: 0;
   opacity: 0;
   font-family: "Montserrat", serif;
   position: absolute;
   top: -3px;
   -webkit-transform: rotateY(-90deg);
   transform: rotateY(-90deg);
 }

 .preloader p {
   font-size: 15px;
   font-weight: 600;
   text-transform: uppercase;
   letter-spacing: 8px;
   color: var(--theme);
 }

 .preloader .loader {
   position: fixed;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   font-size: 0;
   z-index: 1;
   pointer-events: none;
 }

 .preloader .loader .row {
   height: 100%;
 }

 .preloader .loader .loader-section {
   padding: 0px;
 }

 .preloader .loader .loader-section .bg {
   background-color: #fff;
   height: 100%;
   left: 0;
   width: 100%;
   -webkit-transition: all 800ms cubic-bezier(0.77, 0, 0.175, 1);
   transition: all 800ms cubic-bezier(0.77, 0, 0.175, 1);
 }

 .preloader.loaded .animation-preloader {
   opacity: 0;
   -webkit-transition: 0.3s ease-out;
   transition: 0.3s ease-out;
 }

 .preloader.loaded .loader-section .bg {
   width: 0;
   -webkit-transition: 0.7s 0.3s allcubic-bezier(0.1, 0.1, 0.1, 1);
   transition: 0.7s 0.3s allcubic-bezier(0.1, 0.1, 0.1, 1);
 }

 .search-wrap {
   width: 100%;
   height: 100%;
   overflow: hidden;
   display: none;
   position: fixed;
   top: 0;
   left: 0;
   z-index: 999999;
   background-color: rgba(255, 255, 255, 0.9);
 }

 .search-wrap .search-inner {
   position: relative;
   width: 100%;
   height: 100%;
 }

 .search-wrap .search-cell {
   position: absolute;
   top: 50%;
   width: 100%;
   -webkit-transform: translateY(-50%);
   transform: translateY(-50%);
 }

 .search-wrap .search-field-holder {
   width: 50%;
   margin: auto;
   position: relative;
   -webkit-animation: slideInUp 0.3s;
   animation: slideInUp 0.3s;
 }

 @media only screen and (min-width: 768px) and (max-width: 991px) {
   .search-wrap .search-field-holder {
     width: 70%;
   }
 }

 @media (max-width: 575px) {
   .search-wrap .search-field-holder {
     width: 80%;
   }
 }

 .search-wrap .main-search-input {
   width: 100%;
   height: 70px;
   border: 0;
   padding: 0 50px;
   text-transform: capitalize;
   background: transparent;
   font-size: 25px;
   color: var(--header);
   border-bottom: 2px solid var(--header);
   text-align: center;
   letter-spacing: 2px;
 }

 @media (max-width: 575px) {
   .search-wrap .main-search-input {
     height: 50px;
     padding: 0 0;
     line-height: 50px;
     font-size: 18px;
   }
 }

 .search-wrap input.form-control,
 .search-wrap input.form-control:focus {
   background-color: var(--header);
 }

 input.main-search-input::-webkit-input-placeholder {
   color: var(--header);
   opacity: 1;
   font-size: 25px;
 }

 input.main-search-input:-ms-input-placeholder {
   color: var(--header);
   opacity: 1;
   font-size: 25px;
 }

 input.main-search-input::-ms-input-placeholder {
   color: var(--header);
   opacity: 1;
   font-size: 25px;
 }

 input.main-search-input::placeholder {
   color: var(--header);
   opacity: 1;
   font-size: 25px;
 }

 @media (max-width: 575px) {
   input.main-search-input::-webkit-input-placeholder {
     font-size: 18px;
   }

   input.main-search-input:-ms-input-placeholder {
     font-size: 18px;
   }

   input.main-search-input::-ms-input-placeholder {
     font-size: 18px;
   }

   input.main-search-input::placeholder {
     font-size: 18px;
   }
 }

 .search-close {
   position: absolute;
   top: 50px;
   right: 50px;
   font-size: 30px;
   color: var(--theme);
   cursor: pointer;
 }

 .scroll-up {
   cursor: pointer;
   display: block;
   border-radius: 50px;
   z-index: 99;
   opacity: 0;
   visibility: hidden;
   -webkit-transform: translateY(15px);
   transform: translateY(15px);
   position: fixed;
   right: 25px;
   bottom: 35px;
   height: 50px;
   width: 50px;
   -webkit-transition: all 0.4s ease-in-out;
   transition: all 0.4s ease-in-out;
 }

 .scroll-up::after {
   position: absolute;
   font-family: "Font Awesome 5 Pro";
   content: "\f176";
   text-align: center;
   line-height: 50px;
   font-weight: 700;
   font-size: 18px;
   color: #de7b00;
   left: 0;
   top: 0;
   height: 50px;
   width: 50px;
   cursor: pointer;
   display: block;
   z-index: 1;
   -webkit-transition: all 0.4s ease-in-out;
   transition: all 0.4s ease-in-out;
 }

 .scroll-up svg path {
   fill: none;
 }

 .scroll-up svg.scroll-circle path {
   stroke: #de7b00;
   stroke-width: 4px;
   -webkit-box-sizing: border-box;
   box-sizing: border-box;
   -webkit-transition: all 0.4s ease-in-out;
   transition: all 0.4s ease-in-out;
 }

 .scroll-up.active-scroll {
   opacity: 1;
   visibility: visible;
   -webkit-transform: translateY(0);
   transform: translateY(0);
 }

 .mouse-cursor {
   position: fixed;
   left: 0;
   top: 0;
   pointer-events: none;
   border-radius: 50%;
   -webkit-transform: translateZ(0);
   transform: translateZ(0);
   visibility: hidden;
 }

 @media (max-width: 767px) {
   .mouse-cursor {
     display: none;
   }
 }

 .cursor-inner {
   width: 6px;
   height: 6px;
   z-index: 10000001;
   background-color: var(--theme-2);
   -webkit-transition: width 0.3s ease-in-out, height 0.3s ease-in-out, margin 0.3s ease-in-out, opacity 0.3s ease-in-out;
   transition: width 0.3s ease-in-out, height 0.3s ease-in-out, margin 0.3s ease-in-out, opacity 0.3s ease-in-out;
 }

 .cursor-inner.cursor-hover {
   margin-left: -35px;
   margin-top: -35px;
   width: 70px;
   height: 70px;
   background-color: var(--theme-2);
   opacity: 0.3;
 }

 .cursor-outer {
   margin-left: -12px;
   margin-top: -12px;
   width: 30px;
   height: 30px;
   border: 1px solid var(--theme-2);
   -webkit-box-sizing: border-box;
   box-sizing: border-box;
   z-index: 10000000;
   opacity: 0.5;
   -webkit-transition: all 0.08s ease-out;
   transition: all 0.08s ease-out;
 }

 .cursor-outer.cursor-hover {
   opacity: 0;
 }

 .section-title {
   position: relative;
 }

 @media (max-width: 767px) {
   .section-title {
     margin-bottom: 0;
     /* text-align: center; */
   }
 }

 .section-title .sub-title {
   display: -webkit-inline-box;
   display: -ms-inline-flexbox;
   display: inline-flex;
   /* text-align: center; */
   padding: 6px 19px;
   /* background: linear-gradient(84deg, rgba(222, 123, 0, 0.12) 0%, rgba(255, 138, 0, 0.12) 100%); */
   margin-bottom: 15px;
   border-radius: 4px;
 }

 .section-title .sub-title.sub-title2 {
   background: linear-gradient(84deg, rgba(63, 181, 253, 0.12) 0%, rgba(11, 110, 218, 0.12) 100%);
 }

 .section-title .sub-title.white-sub-title {
   background: var(--white);
 }

 .section-title .sub-title span {
   font-size: 15px;
   font-weight: 600;
   line-height: 22px;
   letter-spacing: 0.26px;
   background: linear-gradient(84deg, #DE7B00 0%, #DC7C00 100%);
   background-clip: text;
   -webkit-background-clip: text;
   color: transparent;
   text-transform: uppercase;
 }

 .section-title h2 {
   color: #003c65;
   font-size: 42px;
   font-weight: 700;
   line-height: 55px;
   letter-spacing: -0.84px;
   text-transform: none;
 }

 @media (max-width: 767px) {
   .section-title h2 {
     font-size: 38px;
   }
 }

 @media (max-width: 575px) {
   .section-title h2 {
     font-size: 32px;
     line-height: 40px;
   }
 }

 .section-title h2 span {
   color: var(--theme-2);
 }

 .section-title-area {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   -webkit-box-pack: justify;
   -ms-flex-pack: justify;
   justify-content: space-between;
 }

 @media (max-width: 991px) {
   .section-title-area {
     -ms-flex-wrap: wrap;
     flex-wrap: wrap;
     gap: 30px;
     -webkit-box-pack: center;
     -ms-flex-pack: center;
     justify-content: center;
   }
 }

 .center {
   text-align: center;
   margin: 0 auto;
 }

 .section-bg {
   background: linear-gradient(84deg, rgba(0, 60, 101, 0.12) 0%, rgba(10, 102, 194, 0.12) 100%) !important;
 }

 .section-bg-2 {
   background-color: #003c65 !important;
 }

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

 @media (max-width: 1199px) {
   .section-padding {
     padding: 100px 0;
   }
 }

 @media (max-width: 991px) {
   .section-padding {
     padding: 80px 0;
   }
 }

 @-webkit-keyframes rippleOne {
   70% {
     -webkit-box-shadow: 0 0 0 40px rgba(244, 68, 56, 0);
     box-shadow: 0 0 0 40px rgba(244, 68, 56, 0);
   }

   100% {
     -webkit-box-shadow: 0 0 0 0 rgba(244, 68, 56, 0);
     box-shadow: 0 0 0 0 rgba(244, 68, 56, 0);
   }
 }

 @keyframes rippleOne {
   70% {
     -webkit-box-shadow: 0 0 0 40px rgba(244, 68, 56, 0);
     box-shadow: 0 0 0 40px rgba(244, 68, 56, 0);
   }

   100% {
     -webkit-box-shadow: 0 0 0 0 rgba(244, 68, 56, 0);
     box-shadow: 0 0 0 0 rgba(244, 68, 56, 0);
   }
 }

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

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

 @-webkit-keyframes rounded {
   50% {
     -webkit-transform: rotate(15deg);
     transform: rotate(15deg);
   }
 }

 @keyframes rounded {
   50% {
     -webkit-transform: rotate(15deg);
     transform: rotate(15deg);
   }
 }

 @-webkit-keyframes rounded-2 {
   50% {
     -webkit-transform: rotate(5deg);
     transform: rotate(5deg);
   }
 }

 @keyframes rounded-2 {
   50% {
     -webkit-transform: rotate(5deg);
     transform: rotate(5deg);
   }
 }

 @-webkit-keyframes rotate {
   0% {
     -webkit-transform: rotate(0deg);
     transform: rotate(0deg);
   }

   100% {
     -webkit-transform: rotate(360deg);
     transform: rotate(360deg);
   }
 }

 @keyframes rotate {
   0% {
     -webkit-transform: rotate(0deg);
     transform: rotate(0deg);
   }

   100% {
     -webkit-transform: rotate(360deg);
     transform: rotate(360deg);
   }
 }

 .animation__rotate {
   -webkit-animation: rotate 40s linear infinite;
   animation: rotate 40s linear infinite;
 }

 @-webkit-keyframes spinner {
   to {
     -webkit-transform: rotateZ(360deg);
     transform: rotateZ(360deg);
   }
 }

 @keyframes spinner {
   to {
     -webkit-transform: rotateZ(360deg);
     transform: rotateZ(360deg);
   }
 }

 @-webkit-keyframes letters-loading {

   0%,
   75%,
   100% {
     opacity: 0;
     -webkit-transform: rotateY(-90deg);
     transform: rotateY(-90deg);
   }

   25%,
   50% {
     opacity: 1;
     -webkit-transform: rotateY(0deg);
     transform: rotateY(0deg);
   }
 }

 @keyframes letters-loading {

   0%,
   75%,
   100% {
     opacity: 0;
     -webkit-transform: rotateY(-90deg);
     transform: rotateY(-90deg);
   }

   25%,
   50% {
     opacity: 1;
     -webkit-transform: rotateY(0deg);
     transform: rotateY(0deg);
   }
 }

 @keyframes loaderspin {
   0% {
     -webkit-transform: translate(-50%, -50%) rotate(0deg);
     transform: translate(-50%, -50%) rotate(0deg);
   }

   100% {
     -webkit-transform: translate(-50%, -50%) rotate(360deg);
     transform: translate(-50%, -50%) rotate(360deg);
   }
 }

 @-webkit-keyframes tpswing {
   0% {
     -webkit-transform: rotate(20deg);
     transform: rotate(20deg);
   }

   100% {
     -webkit-transform: rotate(0deg);
     transform: rotate(0deg);
   }
 }

 @keyframes tpswing {
   0% {
     -webkit-transform: rotate(20deg);
     transform: rotate(20deg);
   }

   100% {
     -webkit-transform: rotate(0deg);
     transform: rotate(0deg);
   }
 }

 @keyframes width {
   0% {
     width: 0%;
   }

   100% {
     width: 100%;
   }
 }

 @-webkit-keyframes width {
   0% {
     width: 0%;
   }

   100% {
     width: 100%;
   }
 }

 @-webkit-keyframes loaderspin {
   0% {
     -webkit-transform: translate(-50%, -50%) rotate(0deg);
     transform: translate(-50%, -50%) rotate(0deg);
   }

   100% {
     -webkit-transform: translate(-50%, -50%) rotate(360deg);
     transform: translate(-50%, -50%) rotate(360deg);
   }
 }

 @-webkit-keyframes loaderpulse {
   0% {
     -webkit-transform: scale(1);
     transform: scale(1);
   }

   100% {
     -webkit-transform: scale(1.2);
     transform: scale(1.2);
   }
 }

 @keyframes loaderpulse {
   0% {
     -webkit-transform: scale(1);
     transform: scale(1);
   }

   100% {
     -webkit-transform: scale(1.2);
     transform: scale(1.2);
   }
 }

 .float-bob-y {
   -webkit-animation-name: float-bob-y;
   animation-name: float-bob-y;
   -webkit-animation-duration: 3s;
   animation-duration: 3s;
   -webkit-animation-iteration-count: infinite;
   animation-iteration-count: infinite;
   -webkit-animation-timing-function: linear;
   animation-timing-function: linear;
 }

 @-webkit-keyframes float-bob-y {
   0% {
     -webkit-transform: translateY(-30px);
     transform: translateY(-30px);
   }

   50% {
     -webkit-transform: translateY(-10px);
     transform: translateY(-10px);
   }

   100% {
     -webkit-transform: translateY(-30px);
     transform: translateY(-30px);
   }
 }

 @keyframes float-bob-y {
   0% {
     -webkit-transform: translateY(-30px);
     transform: translateY(-30px);
   }

   50% {
     -webkit-transform: translateY(-10px);
     transform: translateY(-10px);
   }

   100% {
     -webkit-transform: translateY(-30px);
     transform: translateY(-30px);
   }
 }

 @-webkit-keyframes top-image-bounce {
   0% {
     -webkit-transform: translateX(-8px);
     transform: translateX(-8px);
   }

   50% {
     -webkit-transform: translateX(12px);
     transform: translateX(12px);
   }

   100% {
     -webkit-transform: translateX(-8px);
     transform: translateX(-8px);
   }
 }

 @keyframes top-image-bounce {
   0% {
     -webkit-transform: translateX(-8px);
     transform: translateX(-8px);
   }

   50% {
     -webkit-transform: translateX(12px);
     transform: translateX(12px);
   }

   100% {
     -webkit-transform: translateX(-8px);
     transform: translateX(-8px);
   }
 }

 @-webkit-keyframes top-image-bounce-2 {
   0% {
     -webkit-transform: translatey(-8px);
     transform: translatey(-8px);
   }

   50% {
     -webkit-transform: translatey(12px);
     transform: translatey(12px);
   }

   100% {
     -webkit-transform: translatey(-8px);
     transform: translatey(-8px);
   }
 }

 @keyframes top-image-bounce-2 {
   0% {
     -webkit-transform: translatey(-8px);
     transform: translatey(-8px);
   }

   50% {
     -webkit-transform: translatey(12px);
     transform: translatey(12px);
   }

   100% {
     -webkit-transform: translatey(-8px);
     transform: translatey(-8px);
   }
 }

 @-webkit-keyframes toggle {
   0% {
     opacity: 0;
   }

   100% {
     opacity: 1;
   }
 }

 @keyframes toggle {
   0% {
     opacity: 0;
   }

   100% {
     opacity: 1;
   }
 }

 @-webkit-keyframes moveCursor1 {
   from {
     -webkit-transform: scale(1);
     transform: scale(1);
   }

   to {
     -webkit-transform: scale(0.8);
     transform: scale(0.8);
   }
 }

 @keyframes moveCursor1 {
   from {
     -webkit-transform: scale(1);
     transform: scale(1);
   }

   to {
     -webkit-transform: scale(0.8);
     transform: scale(0.8);
   }
 }

 @-webkit-keyframes moveCursor2 {
   0% {
     -webkit-transform: scale(1);
     transform: scale(1);
   }

   50% {
     -webkit-transform: scale(1.5);
     transform: scale(1.5);
   }

   100% {
     -webkit-transform: scale(1);
     transform: scale(1);
     opacity: 0;
   }
 }

 @keyframes moveCursor2 {
   0% {
     -webkit-transform: scale(1);
     transform: scale(1);
   }

   50% {
     -webkit-transform: scale(1.5);
     transform: scale(1.5);
   }

   100% {
     -webkit-transform: scale(1);
     transform: scale(1);
     opacity: 0;
   }
 }

 @-webkit-keyframes criss-cross-left {
   0% {
     left: -20px;
   }

   50% {
     left: 50%;
     width: 20px;
     height: 20px;
   }

   100% {
     left: 50%;
     width: 375px;
     height: 375px;
   }
 }

 @keyframes criss-cross-left {
   0% {
     left: -20px;
   }

   50% {
     left: 50%;
     width: 20px;
     height: 20px;
   }

   100% {
     left: 50%;
     width: 375px;
     height: 375px;
   }
 }

 @-webkit-keyframes criss-cross-right {
   0% {
     right: -20px;
   }

   50% {
     right: 50%;
     width: 20px;
     height: 20px;
   }

   100% {
     right: 50%;
     width: 375px;
     height: 375px;
   }
 }

 @keyframes criss-cross-right {
   0% {
     right: -20px;
   }

   50% {
     right: 50%;
     width: 20px;
     height: 20px;
   }

   100% {
     right: 50%;
     width: 375px;
     height: 375px;
   }
 }

 @keyframes tpswing {
   0% {
     -webkit-transform: rotate(20deg);
     transform: rotate(20deg);
   }

   100% {
     -webkit-transform: rotate(0deg);
     transform: rotate(0deg);
   }
 }

 @keyframes width {
   0% {
     width: 0%;
   }

   100% {
     width: 100%;
   }
 }

 @-webkit-keyframes width {
   0% {
     width: 0%;
   }

   100% {
     width: 100%;
   }
 }

 @-webkit-keyframes icon-animation {
   from {
     -webkit-transform: rotate3d(0, 0, 1, 0deg);
     transform: rotate3d(0, 0, 1, 0deg);
   }

   20%,
   32%,
   44%,
   56%,
   68% {
     -webkit-transform: rotate3d(0, 0, 1, 0deg);
     transform: rotate3d(0, 0, 1, 0deg);
   }

   23%,
   35%,
   47%,
   59%,
   71% {
     -webkit-transform: rotate3d(0, 0, 1, 15deg);
     transform: rotate3d(0, 0, 1, 15deg);
   }

   26%,
   38%,
   50%,
   62%,
   74% {
     -webkit-transform: rotate3d(0, 0, 1, 0deg);
     transform: rotate3d(0, 0, 1, 0deg);
   }

   29%,
   41%,
   53%,
   65%,
   77% {
     -webkit-transform: rotate3d(0, 0, 1, -15deg);
     transform: rotate3d(0, 0, 1, -15deg);
   }

   80% {
     -webkit-transform: rotate3d(0, 0, 1, 0deg);
     transform: rotate3d(0, 0, 1, 0deg);
   }
 }

 @keyframes icon-animation {
   from {
     -webkit-transform: rotate3d(0, 0, 1, 0deg);
     transform: rotate3d(0, 0, 1, 0deg);
   }

   20%,
   32%,
   44%,
   56%,
   68% {
     -webkit-transform: rotate3d(0, 0, 1, 0deg);
     transform: rotate3d(0, 0, 1, 0deg);
   }

   23%,
   35%,
   47%,
   59%,
   71% {
     -webkit-transform: rotate3d(0, 0, 1, 15deg);
     transform: rotate3d(0, 0, 1, 15deg);
   }

   26%,
   38%,
   50%,
   62%,
   74% {
     -webkit-transform: rotate3d(0, 0, 1, 0deg);
     transform: rotate3d(0, 0, 1, 0deg);
   }

   29%,
   41%,
   53%,
   65%,
   77% {
     -webkit-transform: rotate3d(0, 0, 1, -15deg);
     transform: rotate3d(0, 0, 1, -15deg);
   }

   80% {
     -webkit-transform: rotate3d(0, 0, 1, 0deg);
     transform: rotate3d(0, 0, 1, 0deg);
   }
 }

 @-webkit-keyframes bounceIn {

   0%,
   20%,
   40%,
   60%,
   80%,
   100% {
     -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
     animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
   }

   0% {
     opacity: 0;
     -webkit-transform: scale3d(0.3, 0.3, 0.3);
     transform: scale3d(0.3, 0.3, 0.3);
   }

   20% {
     -webkit-transform: scale3d(1.1, 1.1, 1.1);
     transform: scale3d(1.1, 1.1, 1.1);
   }

   40% {
     -webkit-transform: scale3d(0.9, 0.9, 0.9);
     transform: scale3d(0.9, 0.9, 0.9);
   }

   60% {
     opacity: 1;
     -webkit-transform: scale3d(1.03, 1.03, 1.03);
     transform: scale3d(1.03, 1.03, 1.03);
   }

   80% {
     -webkit-transform: scale3d(0.97, 0.97, 0.97);
     transform: scale3d(0.97, 0.97, 0.97);
   }

   100% {
     opacity: 1;
     -webkit-transform: scale3d(1, 1, 1);
     transform: scale3d(1, 1, 1);
   }
 }

 @keyframes bounceIn {

   0%,
   20%,
   40%,
   60%,
   80%,
   100% {
     -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
     animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
   }

   0% {
     opacity: 0;
     -webkit-transform: scale3d(0.3, 0.3, 0.3);
     transform: scale3d(0.3, 0.3, 0.3);
   }

   20% {
     -webkit-transform: scale3d(1.1, 1.1, 1.1);
     transform: scale3d(1.1, 1.1, 1.1);
   }

   40% {
     -webkit-transform: scale3d(0.9, 0.9, 0.9);
     transform: scale3d(0.9, 0.9, 0.9);
   }

   60% {
     opacity: 1;
     -webkit-transform: scale3d(1.03, 1.03, 1.03);
     transform: scale3d(1.03, 1.03, 1.03);
   }

   80% {
     -webkit-transform: scale3d(0.97, 0.97, 0.97);
     transform: scale3d(0.97, 0.97, 0.97);
   }

   100% {
     opacity: 1;
     -webkit-transform: scale3d(1, 1, 1);
     transform: scale3d(1, 1, 1);
   }
 }

 .float-bob-y {
   -webkit-animation-name: float-bob-y;
   animation-name: float-bob-y;
   -webkit-animation-duration: 3s;
   animation-duration: 3s;
   -webkit-animation-iteration-count: infinite;
   animation-iteration-count: infinite;
   -webkit-animation-timing-function: linear;
   animation-timing-function: linear;
 }

 @-webkit-keyframes float-bob-y {
   0% {
     -webkit-transform: translateY(-30px);
     transform: translateY(-30px);
   }

   50% {
     -webkit-transform: translateY(-10px);
     transform: translateY(-10px);
   }

   100% {
     -webkit-transform: translateY(-30px);
     transform: translateY(-30px);
   }
 }

 @keyframes float-bob-y {
   0% {
     -webkit-transform: translateY(-30px);
     transform: translateY(-30px);
   }

   50% {
     -webkit-transform: translateY(-10px);
     transform: translateY(-10px);
   }

   100% {
     -webkit-transform: translateY(-30px);
     transform: translateY(-30px);
   }
 }

 .float-bob-x {
   -webkit-animation-name: float-bob-x;
   animation-name: float-bob-x;
   -webkit-animation-duration: 3s;
   animation-duration: 3s;
   -webkit-animation-iteration-count: infinite;
   animation-iteration-count: infinite;
   -webkit-animation-timing-function: linear;
   animation-timing-function: linear;
 }

 @-webkit-keyframes float-bob-x {
   0% {
     -webkit-transform: translateX(0px);
     transform: translateX(30px);
   }

   50% {
     -webkit-transform: translateX(10px);
     transform: translateX(10px);
   }

   100% {
     -webkit-transform: translateX(30px);
     transform: translateX(30px);
   }
 }

 @keyframes float-bob-x {
   0% {
     -webkit-transform: translateX(30px);
     transform: translateX(30px);
   }

   50% {
     -webkit-transform: translateX(10px);
     transform: translateX(10px);
   }

   100% {
     -webkit-transform: translateX(30px);
     transform: translateX(30px);
   }
 }

 @-webkit-keyframes bounce-x {
   0% {
     -webkit-transform: translateX(0);
     transform: translateX(0);
   }

   50% {
     -webkit-transform: translateX(30px);
     transform: translateX(30px);
   }

   100% {
     -webkit-transform: translateX(0);
     transform: translateX(0);
   }
 }

 @keyframes bounce-x {
   0% {
     -webkit-transform: translateX(0);
     transform: translateX(0);
   }

   50% {
     -webkit-transform: translateX(30px);
     transform: translateX(30px);
   }

   100% {
     -webkit-transform: translateX(0);
     transform: translateX(0);
   }
 }

 .bounce-x {
   -webkit-animation: bounce-x 7s infinite linear;
   animation: bounce-x 7s infinite linear;
 }

 @-webkit-keyframes scroll3 {
   0% {
     -webkit-transform: translateX(0%);
     transform: translateX(0%);
   }

   100% {
     -webkit-transform: translateX(100%);
     transform: translateX(100%);
   }
 }

 @keyframes scroll3 {
   0% {
     -webkit-transform: translateX(0%);
     transform: translateX(0%);
   }

   100% {
     -webkit-transform: translateX(100%);
     transform: translateX(100%);
   }
 }

 @-webkit-keyframes iconTranslateX {
   49% {
     -webkit-transform: translateX(100%);
     transform: translateX(100%);
   }

   50% {
     opacity: 0;
     -webkit-transform: translateX(-100%);
     transform: translateX(-100%);
   }

   51% {
     opacity: 1;
   }
 }

 @keyframes iconTranslateX {
   49% {
     -webkit-transform: translateX(100%);
     transform: translateX(100%);
   }

   50% {
     opacity: 0;
     -webkit-transform: translateX(-100%);
     transform: translateX(-100%);
   }

   51% {
     opacity: 1;
   }
 }

 @-webkit-keyframes pulse-border {
   0% {
     -webkit-transform: scale(1);
     transform: scale(1);
   }

   100% {
     -webkit-transform: scale(1.3);
     transform: scale(1.3);
   }
 }

 @keyframes pulse-border {
   0% {
     -webkit-transform: scale(1);
     transform: scale(1);
   }

   100% {
     -webkit-transform: scale(1.3);
     transform: scale(1.3);
   }
 }

 @-webkit-keyframes pulse-border-2 {
   0% {
     -webkit-transform: scale(1);
     transform: scale(1);
   }

   100% {
     -webkit-transform: scale(1.5);
     transform: scale(1.5);
   }
 }

 @keyframes pulse-border-2 {
   0% {
     -webkit-transform: scale(1);
     transform: scale(1);
   }

   100% {
     -webkit-transform: scale(1.5);
     transform: scale(1.5);
   }
 }

 @-webkit-keyframes zoomBig {
   0% {
     -webkit-transform: scale(1.1, 1.1);
     transform: scale(1.1, 1.1);
   }

   50% {
     -webkit-transform: scale(1, 1);
     transform: scale(1, 1);
   }

   100% {
     -webkit-transform: scale(1.1, 1.1);
     transform: scale(1.1, 1.1);
   }
 }

 @keyframes zoomBig {
   0% {
     -webkit-transform: scale(1.1, 1.1);
     transform: scale(1.1, 1.1);
   }

   50% {
     -webkit-transform: scale(1, 1);
     transform: scale(1, 1);
   }

   100% {
     -webkit-transform: scale(1.1, 1.1);
     transform: scale(1.1, 1.1);
   }
 }

 @-webkit-keyframes topToBottom {
   0% {
     -webkit-transform: translateY(0px);
     transform: translateY(0px);
   }

   50% {
     -webkit-transform: translateY(-20px);
     transform: translateY(-20px);
   }

   100% {
     -webkit-transform: translateY(0px);
     transform: translateY(0px);
   }
 }

 @keyframes topToBottom {
   0% {
     -webkit-transform: translateY(0px);
     transform: translateY(0px);
   }

   50% {
     -webkit-transform: translateY(-20px);
     transform: translateY(-20px);
   }

   100% {
     -webkit-transform: translateY(0px);
     transform: translateY(0px);
   }
 }

 @-webkit-keyframes leftToRight {
   0% {
     -webkit-transform: translateX(0px);
     transform: translateX(0px);
   }

   50% {
     -webkit-transform: translateX(-20px);
     transform: translateX(-20px);
   }

   100% {
     -webkit-transform: translateX(0px);
     transform: translateX(0px);
   }
 }

 @keyframes leftToRight {
   0% {
     -webkit-transform: translateX(0px);
     transform: translateX(0px);
   }

   50% {
     -webkit-transform: translateX(-20px);
     transform: translateX(-20px);
   }

   100% {
     -webkit-transform: translateX(0px);
     transform: translateX(0px);
   }
 }

 @-webkit-keyframes rotateleft {
   0% {
     rotate: 0deg;
     -webkit-transform: translateX(0);
     transform: translateX(0);
   }

   50% {
     rotate: 10deg;
     -webkit-transform: translateX(-10px);
     transform: translateX(-10px);
   }

   100% {
     rotate: 0deg;
     -webkit-transform: translateX(0px);
     transform: translateX(0px);
   }
 }

 @keyframes rotateleft {
   0% {
     rotate: 0deg;
     -webkit-transform: translateX(0);
     transform: translateX(0);
   }

   50% {
     rotate: 10deg;
     -webkit-transform: translateX(-10px);
     transform: translateX(-10px);
   }

   100% {
     rotate: 0deg;
     -webkit-transform: translateX(0px);
     transform: translateX(0px);
   }
 }

 @-webkit-keyframes rotateleft2 {
   0% {
     rotate: 0deg;
     -webkit-transform: translateX(0);
     transform: translateX(0);
   }

   50% {
     rotate: -10deg;
     -webkit-transform: translateX(-10px);
     transform: translateX(-10px);
   }

   100% {
     rotate: 0deg;
     -webkit-transform: translateX(0px);
     transform: translateX(0px);
   }
 }

 @keyframes rotateleft2 {
   0% {
     rotate: 0deg;
     -webkit-transform: translateX(0);
     transform: translateX(0);
   }

   50% {
     rotate: -10deg;
     -webkit-transform: translateX(-10px);
     transform: translateX(-10px);
   }

   100% {
     rotate: 0deg;
     -webkit-transform: translateX(0px);
     transform: translateX(0px);
   }
 }

 .topbar {
   background-color: #003c65;
   padding-top: 6px;
   padding-bottom: 6px;
   position: relative;
   z-index: 11;
 }

 @media (max-width: 991px) {
   .topbar {
     display: none;
   }
 }

 .topbar .topbar-inner ul {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   gap: 35px;
 }

 .topbar .topbar-inner ul li a {
   color: #ffffff;

   font-size: 14px;
   font-weight: 600;
   padding-left: 5px;
   background: -webkit-gradient(linear, left top, right top, from(currentcolor), to(currentcolor)) 0px 95%/0px 1px no-repeat;
   background: linear-gradient(to right, currentcolor 0%, currentcolor 100%) 0px 95%/0px 1px no-repeat;
   -webkit-transition: all 500ms ease;
   transition: all 500ms ease;
 }

 .topbar .topbar-inner ul li a:hover {
   color: var(--theme);
   background-size: 100% 1px;
 }

 .topbar .topbar-inner ul li i {
   font-size: 18px;
   background: #ffffff;
   background-clip: text;
   color: transparent;
 }

 .topbar .topbar-inner .social a {
   color: var(--white);

   padding: 0 5px;
 }

 .topbar .topbar-inner .social a:hover {
   color: var(--theme);
   background-size: 100% 1px;
 }

 .topbar.style-2 {
   background-color: var(--white);
   border: 1px solid rgba(2, 8, 66, 0.13);
 }

 @media (max-width: 1399px) {
   .topbar.style-2 {
     display: none;
   }
 }

 .topbar.style-2 p {
   font-size: 14px;
   font-weight: 600;
   line-height: 22px;
 }

 .topbar.style-2 .topbar-right {
   gap: 50px;
 }

 .topbar.style-2 .topbar-right ul {
   gap: 35px;
 }

 .topbar.style-2 .topbar-right ul li a {
   color: var(--text);
   opacity: 1;
 }

 .topbar.style-2 .topbar-right ul li a:hover {
   color: var(--theme);
 }

 .topbar.style-2 .topbar-right .social a {
   color: var(--black-2);
   opacity: 1;
 }

 .topbar.style-2 .topbar-right .social a:hover {
   color: var(--theme);
   background-size: 100% 1px;
 }

 .header-main {
   position: relative;
   z-index: 11;
 }

 .header-main .search-icon {
   position: relative;
 }

 .header-main .search-icon::after {
   position: absolute;
   top: 0;
   left: 0;
   right: 0;
   bottom: 0;
   width: 100%;
   height: 100%;
   content: "";
   height: 50px;
   width: 2px;
   background: rgba(2, 8, 66, 0.13);
   left: -30px;
   right: auto;
   top: 50%;
   -webkit-transform: translateY(-50%);
   transform: translateY(-50%);
 }

 .header-main .main-menu {
   position: relative;
   margin-right: 30px;
   z-index: 11;
 }

 .header-main .main-menu ul {
   margin-bottom: 0;
 }

 .header-main .main-menu ul li {
   position: relative;
   list-style: none;
   display: inline-block;
   -webkit-margin-end: 30px;
   margin-inline-end: 30px;
 }

 .header-main .main-menu ul li:last-child {
   -webkit-margin-end: 0;
   margin-inline-end: 0;
 }

 .header-main .main-menu ul li a {
   display: inline-block;
   font-size: 16px;
   font-weight: 600;
   color: var(--header);
   padding: 20px 0;
   text-align: left;
   position: relative;
   text-transform: capitalize;
   -webkit-transition: all 0.4s ease-in-out;
   transition: all 0.4s ease-in-out;
 }

 .header-main .main-menu ul li a i {
   padding-left: 5px;
   vertical-align: middle;
 }

 .header-main .main-menu ul li a:hover {
   color: var(--theme-2) !important;
 }

 .header-main .main-menu ul li .submenu {
   position: absolute;
   top: 100%;
   inset-inline-start: 0;
   min-width: 270px;
   background: var(--white);
   z-index: 99999;
   visibility: hidden;
   opacity: 0;
   -webkit-transform-origin: top center;
   transform-origin: top center;
   color: var(--header);
   box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2);
   -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2);
   -moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2);
   -webkit-transform: translateY(10px);
   transform: translateY(10px);
   -webkit-transition: all 0.4s ease-in-out;
   transition: all 0.4s ease-in-out;
 }

 .header-main .main-menu ul li .submenu li {
   display: block;
   width: 100%;
   margin: 0;
   padding: 0;
 }

 .header-main .main-menu ul li .submenu li a {
   position: relative;
   z-index: 11;
   font-size: 16px;
   font-weight: 600;
   color: var(--header);
   padding: 0 25px;
   padding-bottom: 11px;
   padding-top: 11px;
   width: 100%;
   border-bottom: 1px solid #eeeeee;
 }

 .header-main .main-menu ul li .submenu li:last-child a {
   border: none;
 }

 .header-main .main-menu ul li .submenu li .submenu {
   inset-inline-start: 100%;
   top: 0;
   visibility: hidden;
   opacity: 0;
 }

 .header-main .main-menu ul li .submenu li:hover>a {
   background: #003c65;
   color: var(--white) !important;
 }

 .header-main .main-menu ul li .submenu li:hover>a::after {
   color: #003C65;
 }

 .header-main .main-menu ul li .submenu li:hover>.submenu {
   -webkit-transform: translateY(1);
   transform: translateY(1);
   visibility: visible;
   opacity: 1;
 }

 .header-main .main-menu ul li .submenu li.has-dropdown>a::after {
   position: absolute;
   top: 50%;
   inset-inline-end: 25px;
   -webkit-transform: translateY(-50%);
   transform: translateY(-50%);
   color: #003C65;
 }

 .header-main .main-menu ul li .has-homemenu {
   width: 1000px;
   padding: 30px 30px 10px 30px;
   opacity: 0;
   left: -250px;
   visibility: hidden;
   padding: 30px 30px 10px 30px;
 }

 .header-main .main-menu ul li .has-homemenu .homemenu-items {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   gap: 30px;
   -webkit-box-pack: justify;
   -ms-flex-pack: justify;
   justify-content: space-between;
 }

 @media (max-width: 991px) {
   .header-main .main-menu ul li .has-homemenu .homemenu-items {
     -ms-flex-wrap: wrap;
     flex-wrap: wrap;
   }
 }

 .header-main .main-menu ul li .has-homemenu .homemenu-items .homemenu {
   position: relative;
 }

 .header-main .main-menu ul li .has-homemenu .homemenu-items .homemenu .homemenu-thumb {
   position: relative;
 }

 .header-main .main-menu ul li .has-homemenu .homemenu-items .homemenu .homemenu-thumb .demo-button {
   position: absolute;
   top: 50%;
   left: 50%;
   -webkit-transform: translate(-50%, -50%);
   transform: translate(-50%, -50%);
   opacity: 0;
   visibility: hidden;
   -webkit-transition: all 0.4s ease-in-out;
   transition: all 0.4s ease-in-out;
   margin-top: 20px;
 }

 .header-main .main-menu ul li .has-homemenu .homemenu-items .homemenu .homemenu-thumb .demo-button .theme-btn {
   min-width: 130px;
   text-align: center;
   color: var(--white);
   padding: 10px 15px;
 }

 .header-main .main-menu ul li .has-homemenu .homemenu-items .homemenu .homemenu-thumb::before {
   background: -webkit-gradient(linear, left top, left bottom, from(rgba(99, 92, 92, 0)), to(#292930));
   background: linear-gradient(to bottom, rgba(99, 92, 92, 0) 0%, #292930 100%);
   background-repeat: no-repeat;
   background-size: cover;
   background-position: center;
   width: 100%;
   height: 100%;
   position: absolute;
   left: 0;
   top: 0;
   overflow: hidden;
   opacity: 0;
   -webkit-transition: all 0.3s ease-in-out;
   transition: all 0.3s ease-in-out;
   content: "";
 }

 .header-main .main-menu ul li .has-homemenu .homemenu-items .homemenu .homemenu-thumb:hover::before {
   visibility: visible;
   opacity: 1;
 }

 .header-main .main-menu ul li .has-homemenu .homemenu-items .homemenu .homemenu-thumb:hover .demo-button {
   opacity: 1;
   visibility: visible;
   margin-top: 0;
 }

 .header-main .main-menu ul li .has-homemenu .homemenu-items .homemenu .homemenu-thumb:hover .homemenu-btn {
   opacity: 1;
   visibility: visible;
   bottom: 50%;
   -webkit-transform: translateY(50%);
   transform: translateY(50%);
 }

 .header-main .main-menu ul li .has-homemenu .homemenu-items .homemenu .homemenu-thumb img {
   width: 100%;
 }

 .header-main .main-menu ul li .has-homemenu .homemenu-items .homemenu .homemenu-title {
   text-align: center;
   margin: 15px auto;
   display: inline-block;
   font-size: 16px;
 }

 .header-main .main-menu ul li:hover>a {
   color: var(--theme-2);
 }

 .header-main .main-menu ul li:hover>a::after {
   color: var(--theme);
 }

 .header-main .main-menu ul li:hover>.submenu {
   visibility: visible;
   opacity: 1;
   -webkit-transform: translateY(0px);
   transform: translateY(0px);
 }

 .header-main .sidebar__toggle {
   cursor: pointer;
   font-size: 20px;
   color: #de7b00;
 }

 .header-1 {
   padding: 6px 0;
   position: relative;
   z-index: 999;
 }

 @media (max-width: 1199px) {
   .header-1 {
     padding: 10px 0;
   }
 }

 .header-1 .header-main {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   -webkit-box-pack: justify;
   -ms-flex-pack: justify;
   justify-content: space-between;
 }

 .header-1 .header-main .header-right {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   gap: 30px;
 }

 .header-2 {
   padding: 6px 0;
   border-bottom: 1px solid rgba(255, 255, 255, 0.13);
 }

 @media (max-width: 1199px) {
   .header-2 {
     padding: 16px 0;
   }
 }

 .header-2 .header-main {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   -webkit-box-pack: justify;
   -ms-flex-pack: justify;
   justify-content: space-between;
 }

 .header-2 .header-main .search-icon::after {
   height: 80px;
   width: 2px;
   background: rgba(255, 255, 255, 0.13);
 }

 .header-2 .header-main .main-menu::after {
   background: rgba(255, 255, 255, 0.13);
   height: 80px;
 }

 .header-2 .header-main .main-menu ul li a {
   color: var(--white);
 }

 .header-2 .header-main .header-right {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   gap: 30px;
 }

 .header-2 .header-main .header-right .contact-us {
   gap: 15px;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
 }

 .header-2 .header-main .header-right .contact-us .icon {
   width: 54px;
   height: 54px;
   border-radius: 50%;
   display: -webkit-inline-box;
   display: -ms-inline-flexbox;
   display: inline-flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   -webkit-box-pack: center;
   -ms-flex-pack: center;
   justify-content: center;
   cursor: pointer;
   background: linear-gradient(84deg, var(--theme) 0%, var(--theme-2) 100%);
   color: var(--white);
   font-size: 20px;
   line-height: 20px;
 }

 .header-2 .header-main .header-right .contact-us p {
   color: var(--white-3);
 }

 .header-2 .header-main .header-right .contact-us span {
   color: var(--white);
   font-weight: 700;
 }

 .header-2 .header-main .header-right .search-icon {
   color: var(--white);
 }

 .header-2 .header-main .sidebar__toggle {
   cursor: pointer;
   font-size: 20px;
   color: var(--white);
 }

 .header-2.style-3 {
   background-color: var(--white);
   padding: 0;
   border: none;
 }

 .header-2.style-3 .header-main .search-icon::after {
   height: 80px;
   width: 2px;
   background: rgba(2, 8, 66, 0.13);
 }

 .header-2.style-3 .header-main .has-homemenu {
   left: -0;
 }

 .header-2.style-3 .header-main .header-left {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   gap: 70px;
 }

 @media (max-width: 1399px) {
   .header-2.style-3 .header-main .header-left {
     gap: 15px;
   }
 }

 .header-2.style-3 .header-main .header-left .logo {
   width: 300px;
   height: 80px;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   -webkit-box-pack: center;
   -ms-flex-pack: center;
   justify-content: center;
   background: linear-gradient(84deg, var(--theme) 0%, var(--theme-2) 100%);
   margin-left: -70px;
   -webkit-clip-path: polygon(0 0%, 80% 0%, 100% 100%, 0% 100%);
   clip-path: polygon(0 0%, 80% 0%, 100% 100%, 0% 100%);
 }

 .header-2.style-3 .header-main .header-left .main-menu::after {
   display: none;
 }

 @media (max-width: 1399px) {
   .header-2.style-3 .header-main .header-left .main-menu ul li {
     -webkit-margin-end: 20px;
     margin-inline-end: 20px;
   }
 }

 .header-2.style-3 .header-main .header-left .main-menu ul li a {
   color: var(--black-2);
 }

 .header-2.style-3 .header-main .header-right {
   position: relative;
 }

 .header-2.style-3 .header-main .header-right .contact-us {
   padding-right: 30px;
   gap: 15px;
 }

 @media (max-width: 1600px) {
   .header-2.style-3 .header-main .header-right .contact-us {
     display: none !important;
   }
 }

 .header-2.style-3 .header-main .header-right .contact-us .icon {
   width: 54px;
   height: 54px;
   border-radius: 50%;
   display: -webkit-inline-box;
   display: -ms-inline-flexbox;
   display: inline-flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   -webkit-box-pack: center;
   -ms-flex-pack: center;
   justify-content: center;
   cursor: pointer;
   background: linear-gradient(84deg, var(--theme) 0%, var(--theme-2) 100%);
   color: var(--white);
 }

 .header-2.style-3 .header-main .header-right .contact-us p {
   color: var(--theme);
 }

 .header-2.style-3 .header-main .header-right .contact-us span {
   color: var(--black-2);
 }

 .header-2.style-3 .header-main .header-right .search-icon {
   color: var(--black-2);
 }

 .header-2.style-3 .header-main .sidebar__toggle {
   font-size: 20px;
   color: var(--black-2);
 }

 .sticky {
   position: fixed !important;
   top: 0 !important;
   left: 0;
   width: 100%;
   z-index: 100;
   transition: all 0.9s;
   background-color: var(--white);
   -webkit-box-shadow: var(---box-shadow);
   box-shadow: var(---box-shadow);
   -webkit-transition: all 0.9s;
   transition: all 0.9s;
   -webkit-animation: 500ms ease-in-out 0s normal none 1 running fadeInDown;
   animation: 500ms ease-in-out 0s normal none 1 running fadeInDown;
 }

 .sticky.header-2 {
   background-color: var(--black-2);
 }

 .sticky.header-2.style-3 {
   background-color: var(--white);
 }

 .offcanvas__info {
   background: var(--white) none repeat scroll 0 0;
   border-left: 2px solid var(--theme-2);
   position: fixed;
   right: 0;
   top: 0;
   width: 400px;
   height: 100%;
   -webkit-transform: translateX(calc(100% + 80px));
   transform: translateX(calc(100% + 80px));
   -webkit-transition: transform 0.45s ease-in-out, opacity 0.45s ease-in-out;
   -webkit-transition: opacity 0.45s ease-in-out, -webkit-transform 0.45s ease-in-out;
   transition: opacity 0.45s ease-in-out, -webkit-transform 0.45s ease-in-out;
   transition: transform 0.45s ease-in-out, opacity 0.45s ease-in-out;
   transition: transform 0.45s ease-in-out, opacity 0.45s ease-in-out, -webkit-transform 0.45s ease-in-out;
   z-index: 99999;
   overflow-y: scroll;
   overscroll-behavior-y: contain;
   scrollbar-width: none;
 }

 .offcanvas__info::-webkit-scrollbar {
   display: none;
 }

 .offcanvas__info.info-open {
   opacity: 1;
   -webkit-transform: translateX(0);
   transform: translateX(0);
 }

 .offcanvas__wrapper {
   position: relative;
   height: 100%;
   padding: 30px 30px;
 }

 .offcanvas__wrapper .offcanvas__content .text {
   color: var(--text);
 }

 .offcanvas__wrapper .offcanvas__content .offcanvas__close {
   width: 45px;
   height: 37px;
   line-height: 37px;
   text-align: center;
   border-radius: 50%;
   background-color: #de7b00;
   position: relative;
   z-index: 9;
   cursor: pointer;
 }

 .offcanvas__wrapper .offcanvas__content .offcanvas__close i {
   color: var(--white);
 }

 .offcanvas__wrapper .offcanvas__content .offcanvas__contact {
   margin-top: 20px;
 }

 .offcanvas__wrapper .offcanvas__content .offcanvas__contact ul {
   margin-top: 20px;
 }

 .offcanvas__wrapper .offcanvas__content .offcanvas__contact ul li {
   font-size: 16px;
   font-weight: 500;
 }

 .offcanvas__wrapper .offcanvas__content .offcanvas__contact ul li:not(:last-child) {
   margin-bottom: 15px;
 }

 .offcanvas__wrapper .offcanvas__content .offcanvas__contact ul li .offcanvas__contact-icon {
   margin-right: 20px;
 }

 .offcanvas__wrapper .offcanvas__content .offcanvas__contact ul li .offcanvas__contact-icon i {
   color: var(--theme-2);
 }

 .offcanvas__wrapper .offcanvas__content .offcanvas__contact .social-icon {
   margin-top: 30px;
   gap: 10px;
 }

 .offcanvas__wrapper .offcanvas__content .offcanvas__contact .social-icon a {
   width: 45px;
   height: 45px;
   line-height: 45px;
   text-align: center;
   font-size: 16px;
   display: block;
   background: transparent;
   color: var(--header);
   border-radius: 50%;
   -webkit-transition: all .4s ease-in-out;
   transition: all .4s ease-in-out;
   text-align: center;
   border: 1px solid var(--border);
 }

 .offcanvas__wrapper .offcanvas__content .offcanvas__contact .social-icon a:hover {
   background-color: var(--theme-2);
   color: var(--white);
 }

 .offcanvas__overlay {
   position: fixed;
   height: 100%;
   width: 100%;
   background: #151515;
   z-index: 900;
   top: 0;
   opacity: 0;
   visibility: hidden;
   right: 0;
 }

 .offcanvas__overlay.overlay-open {
   opacity: 0.8;
   visibility: visible;
 }

 @media (max-width: 450px) {
   .offcanvas__info {
     width: 300px;
   }
 }

 @media (max-width: 575px) {
   .offcanvas__wrapper {
     padding: 20px;
   }
 }

 .breadcrumb-wrapper {
   position: relative;
   overflow: hidden;
   z-index: 9;
   padding: 60px 0;
 }

 .breadcrumb-wrapper::before {
   position: absolute;
   top: 0;
   left: 0;
   right: 0;
   bottom: 0;
   width: 100%;
   height: 100%;
   content: "";
   background: linear-gradient(89deg, rgb(3, 57, 105, 0.75) 15.79%, rgb(222, 123, 0, 0.75) 91.12%);
   z-index: -1;
 }

 .breadcrumb-wrapper .page-heading {
   position: relative;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   -webkit-box-pack: justify;
   -ms-flex-pack: justify;
   justify-content: space-between;
   z-index: 99;
 }

 @media (max-width: 991px) {
   .breadcrumb-wrapper .page-heading {
     -ms-flex-wrap: wrap;
     flex-wrap: wrap;
     gap: 20px;
     -webkit-box-pack: center;
     -ms-flex-pack: center;
     justify-content: center;
     text-align: center;
   }
 }

 .breadcrumb-wrapper .page-heading .breadcrumb-sub-title h5 {
   position: relative;
   z-index: 1;
   font-size: 18px;
   padding-right: 70px;
   line-height: 1;
   color: var(--white);
   margin-bottom: 20px;
 }

 @media (max-width: 767px) {
   .breadcrumb-wrapper .page-heading .breadcrumb-sub-title h5 {
     text-align: center;
     padding-right: 0;
   }
 }

 .breadcrumb-wrapper .page-heading .breadcrumb-sub-title h1 {
   color: var(--white);
   font-size: 60px;
   position: relative;
   z-index: 9;
   line-height: 1.3;
 }

 @media (max-width: 991px) {
   .breadcrumb-wrapper .page-heading .breadcrumb-sub-title h1 {
     font-size: 50px;
   }
 }

 @media (max-width: 575px) {
   .breadcrumb-wrapper .page-heading .breadcrumb-sub-title h1 {
     font-size: 42px;
   }
 }

 .breadcrumb-wrapper .page-heading .breadcrumb-items {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   gap: 10px;
 }

 .breadcrumb-wrapper .page-heading .breadcrumb-items li {
   font-size: 18px;
   color: var(--white);
   font-weight: 500;
   text-transform: capitalize;
 }

 @media (max-width: 575px) {
   .breadcrumb-wrapper .page-heading .breadcrumb-items li {
     font-size: 16px;
   }
 }

 .breadcrumb-wrapper .page-heading .breadcrumb-items li a {
   color: var(--white);
   -webkit-transition: all 0.4s ease-in-out;
   transition: all 0.4s ease-in-out;
 }

 .breadcrumb-wrapper .page-heading .breadcrumb-items li a:hover {
   color: var(--theme-2);
 }

 .breadcrumb-wrapper .page-heading .breadcrumb-items li i {
   font-size: 18px;
   color: var(--white);
 }

 @media (max-width: 575px) {
   .breadcrumb-wrapper .page-heading .breadcrumb-items li i {
     font-size: 16px;
   }
 }

 .error-content h3 {
   font-size: 42px;
   margin: 20px 0;
 }

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

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

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

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

 .mean-container .mean-nav>ul .homemenu {
   position: relative;
 }

 .mean-container .mean-nav>ul .homemenu .homemenu-thumb {
   position: relative;
   width: 280px;
 }

 .mean-container .mean-nav>ul .homemenu .homemenu-thumb .demo-button {
   position: absolute;
   top: 50%;
   left: 50%;
   -webkit-transform: translate(-50%, -50%);
   transform: translate(-50%, -50%);
   width: 60%;
   gap: 10px;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-pack: center;
   -ms-flex-pack: center;
   justify-content: center;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
   -ms-flex-direction: column;
   flex-direction: column;
   opacity: 0;
   visibility: hidden;
   -webkit-transition: all 0.4s ease-in-out;
   transition: all 0.4s ease-in-out;
 }

 .mean-container .mean-nav>ul .homemenu .homemenu-thumb .demo-button .theme-btn {
   padding: 10px 30px;
   color: var(--white) !important;
   width: initial;
   font-size: 14px;
   text-align: center;
 }

 .mean-container .mean-nav>ul .homemenu .homemenu-thumb .demo-button .theme-btn:hover {
   color: var(--white) !important;
 }

 .mean-container .mean-nav>ul .homemenu .homemenu-thumb::before {
   background: -webkit-gradient(linear, left top, left bottom, from(rgba(99, 92, 92, 0)), to(#292930));
   background: linear-gradient(to bottom, rgba(99, 92, 92, 0) 0%, #292930 100%);
   background-repeat: no-repeat;
   background-size: cover;
   background-position: center;
   width: 100%;
   height: 100%;
   position: absolute;
   left: 0;
   top: 0;
   overflow: hidden;
   opacity: 0;
   -webkit-transition: all 0.3s ease-in-out;
   transition: all 0.3s ease-in-out;
   content: "";
 }

 .mean-container .mean-nav>ul .homemenu .homemenu-thumb:hover::before {
   visibility: visible;
   opacity: 1;
 }

 .mean-container .mean-nav>ul .homemenu .homemenu-thumb:hover .demo-button {
   opacity: 1;
   visibility: visible;
   margin-top: 0;
 }

 .mean-container .mean-nav>ul .homemenu .homemenu-thumb:hover .homemenu-btn {
   opacity: 1;
   visibility: visible;
   bottom: 50%;
   -webkit-transform: translateY(50%);
   transform: translateY(50%);
 }

 .mean-container .mean-nav>ul .homemenu .homemenu-thumb img {
   width: 100%;
 }

 .mean-container .mean-nav>ul .homemenu .homemenu-content .homemenu-title {
   margin-top: 15px;
   display: inline-block;
 }

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

 .mean-container .mean-nav ul li a {
   width: 100%;
   padding: 10px 0;
   color: var(--header);
   font-size: 16px;
   line-height: 1.5;
   font-weight: 500;
 }

 .mean-container .mean-nav ul li a:hover {
   color: var(--theme-2);
 }

 .mean-container .mean-nav ul li a:last-child {
   border-bottom: 0;
 }

 .mean-container .mean-nav ul li a:hover {
   color: var(--theme-2);
 }

 .mean-container .mean-nav ul li a.mean-expand {
   margin-top: 5px;
   padding: 0 !important;
 }

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

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

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

 .mean-container .mean-nav ul li a.mean-expand.mean-clicked i {
   transform: rotate(45deg);
   -webkit-transform: rotate(45deg);
   -moz-transform: rotate(45deg);
   -ms-transform: rotate(45deg);
   -o-transform: rotate(45deg);
   -webkit-transition: all 0.4s ease-in-out;
   transition: all 0.4s ease-in-out;
 }

 .mean-container .mean-nav ul li .mega-menu li a {
   height: 200px;
   width: 100%;
   padding: 0;
   border-top: 0;
   margin-bottom: 20px;
 }

 @media (max-width: 1199px) {
   .mean-container .mean-nav ul li.menu-thumb {
     display: none;
   }
 }

 .hero-1 {
   position: relative;
 }

 .hero-1 .shape-1 {
   position: absolute;
   bottom: 0;
   right: 200px;
   opacity: 8%;
 }

 .hero-1 .hero-bg {
   overflow: hidden;
   position: absolute !important;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
   opacity: 1;
   z-index: -2;
   background-size: cover;
   border-radius: 25px;
 }

 .hero-1 .hero-content {
   padding: 60px 0 160px;
   position: relative;
   -webkit-transition: 0.5s;
   transition: 0.5s;
 }

 @media (max-width: 1199px) {
   .hero-1 .hero-content {
     padding-bottom: 50px;
   }
 }

 .hero-1 .hero-content h1 {
   color: var(--white);
   font-size: 60px;
   font-style: normal;
   font-weight: 800;
   line-height: 69px;
   padding-bottom: 20px;
 }

 @media (max-width: 1399px) {
   .hero-1 .hero-content h1 {
     font-size: 50px;
   }
 }

 @media (max-width: 1199px) {
   .hero-1 .hero-content h1 {
     font-size: 26px;
     line-height: 40px;
   }
 }

 .hero-1 .hero-content p {
   color: var(--white);
 }

 .hero-1 .hero-content .feedback {
   gap: 107px;
   padding-top: 30px;
 }

 @media (max-width: 575px) {
   .hero-1 .hero-content .feedback {
     -webkit-box-orient: vertical;
     -webkit-box-direction: normal;
     -ms-flex-direction: column;
     flex-direction: column;
     gap: 20px;
   }
 }

 .hero-1 .hero-content .feedback .infu p {
   font-size: 18px;
   color: var(--white);
 }

 .hero-1 .hero-image {
   width: 591px;
   height: 778px;
   margin-left: 55px;
   position: relative;
   z-index: 9;
   margin-top: 50px;
 }

 @media (max-width: 1399px) {
   .hero-1 .hero-image {
     width: 100%;
     margin-left: 0;
     margin-top: 0;
   }
 }

 @media (max-width: 991px) {
   .hero-1 .hero-image {
     height: 550px;
   }
 }

 .hero-1 .hero-image img {
   width: 100%;
   height: 100%;
   -o-object-fit: contain;
   object-fit: contain;
 }

 .hero-1.style-2 .hero-content {
   padding-top: 120px;
 }

 .hero-1.style-2 .hero-image {
   margin-top: 10px;
   -webkit-animation: topToBottom 3s infinite linear;
   animation: topToBottom 3s infinite linear;
 }

 .hero-1.style-2 .shape .shape-1 {
   position: absolute;
   bottom: 0;
   top: 8%;
   right: 16.5%;
   opacity: 6%;
   -webkit-animation: spinner 30s infinite linear;
   animation: spinner 30s infinite linear;
 }

 .hero-1.style-2 .shape .shape-2 {
   position: absolute;
   bottom: 0;
   top: 50%;
   left: -11.5%;
   opacity: 27%;
   -webkit-animation: spinner 30s infinite linear;
   animation: spinner 30s infinite linear;
 }

 .hero-1.style-2 .shape .shape-3 {
   position: absolute;
   bottom: -20%;
   right: 0%;
   opacity: 31%;
   -webkit-animation: zoomBig 3s infinite linear;
   animation: zoomBig 3s infinite linear;
 }

 .hero-1.style-2 .shape .shape-4 {
   position: absolute;
   top: 5%;
   right: 8%;
   opacity: 16%;
   -webkit-animation: topToBottom 3s infinite linear;
   animation: topToBottom 3s infinite linear;
 }

 .hero-1.style-2 .shape .shape-5 {
   position: absolute;
   bottom: -18%;
   right: 42%;
   opacity: 3%;
   z-index: -1;
   -webkit-animation: zoomBig 3s infinite linear;
   animation: zoomBig 3s infinite linear;
 }

 .hero-1.style-2 .shape .shape-6 {
   position: absolute;
   top: -80px;
   right: 0%;
   filter: blur(200px);
   -webkit-filter: blur(200px);
   z-index: -1;
 }

 .hero-1.style-2 .shape .shape-7 {
   width: 558px;
   height: 558px;
   border-radius: 50%;
   background: #05F;
   filter: blur(200px);
   -webkit-filter: blur(200px);
   z-index: -1;
   position: absolute;
   left: -170px;
   top: 0;
 }

 .hero-3 {
   position: relative;
 }

 .hero-3 .array-button {
   position: absolute;
   top: 50%;
   right: 60px;
   -webkit-transform: translateY(-50%);
   transform: translateY(-50%);
   z-index: 99;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
   -ms-flex-direction: column;
   flex-direction: column;
 }

 .hero-3 .array-button .array-prev {
   background-color: transparent;
   color: var(--white);
   border: 1px solid var(--white);
 }

 .hero-3 .array-button .array-next {
   background-color: transparent;
   color: var(--white);
   border: 1px solid var(--white);
 }

 @media (max-width: 991px) {
   .hero-3 .array-button {
     display: none;
   }
 }

 .hero-3 .hero-inner {
   position: relative;
 }

 .hero-3 .hero-inner .bg-image {
   width: 100%;
   height: 100%;
   position: absolute;
   z-index: 1;
   mix-blend-mode: saturation;
   -webkit-filter: grayscale(50%);
   filter: grayscale(50%);
 }

 .hero-3 .hero-inner .bg-image::before {
   position: absolute;
   top: 0;
   left: 0;
   right: 0;
   bottom: 0;
   width: 100%;
   height: 100%;
   content: "";
   background: linear-gradient(89deg, rgba(2, 5, 36, 0.84) 0.44%, rgba(2, 5, 36, 0.1) 85.09%);
   z-index: -1;
 }

 .hero-3 .hero-content {
   position: relative;
   z-index: 2;
   padding: 220px 0 210px;
   margin-left: -50px;
   opacity: 0;
   -webkit-transform: translateY(-150px);
   transform: translateY(-150px);
 }

 @media (max-width: 1399px) {
   .hero-3 .hero-content {
     margin-left: 0;
   }
 }

 @media (max-width: 767px) {
   .hero-3 .hero-content {
     padding-top: 60px;
     padding-bottom: 60px;
   }
 }

 .hero-3 .hero-content h1 {
   color: var(--white);
   line-height: 57px;
   font-weight: 800;
   padding-bottom: 15px;
   font-size: 50px;

 }

 @media (max-width: 1199px) {
   .hero-3 .hero-content h1 {
     font-size: 60px;
   }
 }

 @media (max-width: 991px) {
   .hero-3 .hero-content h1 {
     font-size: 28px;
     line-height: 30px;
   }
 }

 .hero-3 .hero-content .text {
   color: var(--white);
   padding-right: 75px;
   font-size: 20px;
 }

 @media (max-width: 1399px) {
   .hero-3 .hero-content .text {
     padding-right: 0;

     font-size: 12px;
     line-height: 26px;

   }
 }

 .hero-3 .hero-content .hero-button {
   margin-top: 45px;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   gap: 20px;
   -ms-flex-wrap: wrap;
   flex-wrap: wrap;
 }

 @media (max-width: 991px) {
   .hero-3 .hero-content .hero-button {
     -webkit-box-pack: center;
     -ms-flex-pack: center;
     justify-content: center;
   }
 }

 @media (max-width: 575px) {
   .hero-3 .hero-content .hero-button {
     margin-top: 20px;
   }
 }

 .hero-3 .hero-content .hero-button .contact-us {
   gap: 15px;
 }

 .hero-3 .hero-content .hero-button .contact-us .icon {
   width: 54px;
   height: 54px;
   border-radius: 50%;
   display: -webkit-inline-box;
   display: -ms-inline-flexbox;
   display: inline-flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   -webkit-box-pack: center;
   -ms-flex-pack: center;
   justify-content: center;
   cursor: pointer;
   background: linear-gradient(84deg, var(--theme) 0%, var(--theme-2) 100%);
   color: var(--white);
   font-size: 16px;
   line-height: 20px;
   position: relative;
   -webkit-transition: all 0.4s ease-in-out;
   transition: all 0.4s ease-in-out;
   z-index: 11;
 }

 .hero-3 .hero-content .hero-button .contact-us .icon .video-button-ripple::before,
 .hero-3 .hero-content .hero-button .contact-us .icon .video-button-ripple::after {
   position: absolute;
   top: 50%;
   left: 50%;
   width: 100%;
   height: 100%;
   -webkit-transform: translate(-50%, -50%);
   transform: translate(-50%, -50%);
   -webkit-box-shadow: 0 0 0 0 rgba(63, 181, 253, 0.6);
   box-shadow: 0 0 0 0 rgba(63, 181, 253, 0.6);
   -webkit-animation: popupVideo 3s infinite;
   animation: popupVideo 3s infinite;
   border-radius: 50%;
 }

 .hero-3 .hero-content .hero-button .contact-us .icon .video-button-ripple::before {
   -webkit-animation-delay: 0.9s;
   animation-delay: 0.9s;
   content: "";
   position: absolute;
 }

 .hero-3 .hero-content .hero-button .contact-us .icon .video-button-ripple::after {
   -webkit-animation-delay: 0.6s;
   animation-delay: 0.6s;
   content: "";
   position: absolute;
 }

 .hero-3 .hero-content .hero-button .contact-us p {
   color: var(--white-3);
   opacity: 0.5;
   text-align: start;
 }

 .hero-3 .hero-content .hero-button .contact-us h4 {
   color: var(--white);
 }

 .hero-3 .shape .shape-1 {
   position: absolute;
   z-index: 1;
   opacity: 0;
   -webkit-transform: translateX(-150px);
   transform: translateX(-150px);
 }

 @media (max-width: 991px) {
   .hero-3 .shape .shape-1 {
     display: none;
   }
 }

 .hero-3 .shape .shape-2 {
   position: absolute;
   bottom: 0;
   z-index: 1;
   opacity: 0;
   -webkit-transform: translateX(-150px);
   transform: translateX(-150px);
 }

 @media (max-width: 991px) {
   .hero-3 .shape .shape-2 {
     display: none;
   }
 }

 .hero-3 .shape .shape-3 {
   position: absolute;
   right: 0;
   bottom: 0;
   z-index: 1;
   opacity: 0;
   -webkit-transform: translateY(150px);
   transform: translateY(150px);
 }

 @media (max-width: 991px) {
   .hero-3 .shape .shape-3 {
     display: none;
   }
 }

 .hero-3 .shape .shape-4 {
   right: 0;
   top: 0;
   position: absolute;
   z-index: 1;
   opacity: 0;
   -webkit-transform: translateY(-150px);
   transform: translateY(-150px);
 }

 @media (max-width: 991px) {
   .hero-3 .shape .shape-4 {
     display: none;
   }
 }

 .hero-3 .shape .shape-5 {
   right: 20%;
   top: 5%;
   position: absolute;
   rotate: 90deg;
   z-index: 1;
 }

 @media (max-width: 991px) {
   .hero-3 .shape .shape-5 {
     display: none;
   }
 }

 .hero-3 .swiper-slide.swiper-slide-active .hero-content {
   opacity: 1;
   -webkit-transform: translateY(0px);
   transform: translateY(0px);
   -webkit-transition: all 1500ms ease;
   transition: all 1500ms ease;
 }

 .hero-3 .swiper-slide.swiper-slide-active .hero-button {
   opacity: 1;
   -webkit-transform: translateY(0px);
   transform: translateY(0px);
   -webkit-transition: all 2000ms ease;
   transition: all 2000ms ease;
 }

 .hero-3 .swiper-slide.swiper-slide-active .shape-1 {
   opacity: 10%;
   -webkit-transform: translateX(0px);
   transform: translateX(0px);
   -webkit-transition: all 2500ms ease;
   transition: all 2500ms ease;
 }

 .hero-3 .swiper-slide.swiper-slide-active .shape-2 {
   opacity: 1;
   -webkit-transform: translateX(0px);
   transform: translateX(0px);
   -webkit-transition: all 1500ms ease;
   transition: all 1500ms ease;
 }

 .hero-3 .swiper-slide.swiper-slide-active .shape-3 {
   opacity: 1;
   -webkit-transform: translateY(0px);
   transform: translateY(0px);
   -webkit-transition: all 1500ms ease;
   transition: all 1500ms ease;
 }

 .hero-3 .swiper-slide.swiper-slide-active .shape-4 {
   opacity: 1;
   -webkit-transform: translateY(0px);
   transform: translateY(0px);
   -webkit-transition: all 1500ms ease;
   transition: all 1500ms ease;
 }

 .hero-3.style-2 {
   position: relative;
 }

 .hero-3.style-2 .hero-inner .bg-image {
   width: 100%;
   height: 100%;
   position: absolute;
   top: 0;
   mix-blend-mode: normal;
   -webkit-filter: grayscale(0%);
   filter: grayscale(0%);
   z-index: -1;
 }

 .hero-3.style-2 .hero-inner .bg-image::before {
   content: none;
 }

 .hero-3.style-2 .hero-inner .shape-1 {
   position: absolute;
   right: 0;
   top: 0;
   z-index: 1;
   opacity: 0;
   -webkit-transform: translateY(-150px);
   transform: translateY(-150px);
 }

 .hero-3.style-2 .hero-inner .shape-text {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   overflow: hidden;
   white-space: nowrap;
   min-width: 100%;
   position: absolute;
   font-family: "Montserrat", serif;
   bottom: 30px;
   z-index: 1;
   left: -49px;
   font-size: 150px;
   line-height: 120px;
   color: rgba(255, 255, 255, 0.16);
   font-weight: 900;
   letter-spacing: -3px;
   -webkit-animation: scroll3 50s linear infinite;
   animation: scroll3 50s linear infinite;
 }

 .hero-3.style-2 .hero-inner .social-shape {
   position: absolute;
   z-index: 1;
   left: -460px;
   top: 35px;
   opacity: 0;
   -webkit-transform: translateX(-150px);
   transform: translateX(-150px);
 }

 @media (max-width: 1899px) {
   .hero-3.style-2 .hero-inner .social-shape {
     display: none;
   }
 }

 .hero-3.style-2 .hero-inner .social-shape .social {
   position: absolute;
   right: 0;
   top: 42%;
   -webkit-transform: rotate(-90deg);
   transform: rotate(-90deg);
   text-align: center;
 }

 .hero-3.style-2 .hero-inner .social-shape .social p {
   color: var(--white);
   text-transform: uppercase;
   font-weight: 700;
   letter-spacing: 4.32px;
 }

 .hero-3.style-2 .hero-inner .social-shape .social .icons {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   gap: 20px;
 }

 .hero-3.style-2 .hero-inner .social-shape .social .icons a {
   width: 53px;
   height: 53px;
   background: rgba(255, 255, 255, 0.1);
   border-radius: 50%;
   display: -webkit-inline-box;
   display: -ms-inline-flexbox;
   display: inline-flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   -webkit-box-pack: center;
   -ms-flex-pack: center;
   justify-content: center;
   cursor: pointer;
   font-size: 20px;
   color: var(--white);
   -webkit-transform: rotate(90deg);
   transform: rotate(90deg);
 }

 .hero-3.style-2 .hero-inner .social-shape .social .icons a:hover {
   background: linear-gradient(84deg, var(--theme) 0%, var(--theme-2) 100%);
 }

 .hero-3.style-2 .hero-inner .hero-content {
   padding: 150px 0 310px;
   opacity: 0;
   -webkit-transform: translateY(-150px);
   transform: translateY(-150px);
 }

 @media (max-width: 1199px) {
   .hero-3.style-2 .hero-inner .hero-content h1 {
     font-size: 55px;
   }
 }

 @media (max-width: 1399px) {
   .hero-3.style-2 .hero-inner .hero-content {
     padding: 150px 0 190px;
   }
 }

 @media (max-width: 1199px) {
   .hero-3.style-2 .hero-inner .hero-content {
     padding: 150px 0 125px;
   }
 }

 @media (max-width: 991px) {
   .hero-3.style-2 .hero-inner .hero-content {
     text-align: center;
   }
 }

 @media (max-width: 991px) {
   .hero-3.style-2 .hero-inner .hero-content .hero-button .avater {
     -webkit-box-orient: vertical;
     -webkit-box-direction: normal;
     -ms-flex-direction: column;
     flex-direction: column;
     gap: 20px;
   }
 }

 .hero-3.style-2 .hero-inner .hero-image {
   position: relative;
   top: 40px;
   z-index: 1;
   margin-left: 170px;
   width: 630px;
   height: 865px;
   opacity: 0;
   -webkit-transform: translateY(150px);
   transform: translateY(150px);
 }

 @media (max-width: 1199px) {
   .hero-3.style-2 .hero-inner .hero-image {
     margin-left: 0;
     top: 122px;
     width: 500px;
     height: 690px;
   }
 }

 @media (max-width: 991px) {
   .hero-3.style-2 .hero-inner .hero-image {
     top: 10px;
   }
 }

 .hero-3.style-2 .hero-inner .hero-image img {
   width: 100%;
   height: 100%;
   -o-object-fit: cover;
   object-fit: cover;
 }

 .hero-3.style-2 .swiper-slide.swiper-slide-active .hero-content {
   opacity: 1;
   -webkit-transform: translateY(0px);
   transform: translateY(0px);
   -webkit-transition: all 1500ms ease;
   transition: all 1500ms ease;
 }

 .hero-3.style-2 .swiper-slide.swiper-slide-active .shape-1 {
   opacity: 12%;
   -webkit-transform: translateY(0);
   transform: translateY(0);
   -webkit-transition: all 1500ms ease;
   transition: all 1500ms ease;
 }

 .hero-3.style-2 .swiper-slide.swiper-slide-active .social-shape {
   opacity: 1;
   -webkit-transform: translateX(0);
   transform: translateX(0);
   -webkit-transition: all 1500ms ease;
   transition: all 1500ms ease;
 }

 .hero-3.style-2 .swiper-slide.swiper-slide-active .hero-image {
   opacity: 1;
   -webkit-transform: translateX(0);
   transform: translateX(0);
   -webkit-transition: all 1500ms ease;
   transition: all 1500ms ease;
 }

 .features-1 {

   position: relative;
   z-index: 11;
   padding-top: 60px;

 }

 .features-1 .single-feature-item {
   margin-top: 30px;
   height: 373px;
   border-radius: 12px;
   background: var(--white);
   padding: 40px;
   -webkit-box-shadow: 7px 11px 50px 52px rgba(2, 8, 66, 0.03);
   box-shadow: 7px 11px 50px 52px rgba(2, 8, 66, 0.03);
   -webkit-transition: all 0.4s ease-in-out;
   transition: all 0.4s ease-in-out;
   cursor: pointer;
 }

 @media (max-width: 1399px) {
   .features-1 .single-feature-item {
     padding: 20px 30px;
   }
 }

 .features-1 .single-feature-item .icon {
   width: 66px;
   height: 66px;
   border-radius: 50%;
   background: linear-gradient(84deg, #003c65 0%, #005a9e 100%);
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   -webkit-box-pack: center;
   -ms-flex-pack: center;
   justify-content: center;
   font-size: 30px;
   color: var(--white);
   overflow: hidden;
 }

 .features-1 .single-feature-item .icon i {
   position: relative;
   z-index: 2;
   display: inline-block;
   -webkit-backface-visibility: hidden;
   backface-visibility: hidden;
 }

 .features-1 .single-feature-item:hover {
   background: linear-gradient(84deg, #002A47 0%, #003C65 100%);
 }

 .features-1 .single-feature-item:hover .icon {
   background: var(--white);
 }

 .features-1 .single-feature-item:hover .icon i {
   -webkit-animation: iconTranslateX 0.4s forwards;
   animation: iconTranslateX 0.4s forwards;
   color: var(--theme-2);
 }

 .features-1 .single-feature-item:hover h4 {
   color: var(--white);
 }

 .features-1 .single-feature-item:hover p {
   color: var(--white-3);
 }

 .features-1 .single-feature-item:hover li {
   color: var(--white-3);
 }

 .features-1 .single-feature-item:hover li i {
   color: var(--white);
 }

 .features-1 .single-feature-item:hover a {
   color: var(--white);
 }

 .features-1 .single-feature-item h4 {
   font-size: 20px;
   font-style: normal;
   font-weight: 700;
   line-height: 29px;
   letter-spacing: -0.2px;
   padding: 20px 0;
 }

 .features-1 .single-feature-item h4 a {
   color: #de7b00;
   background: -webkit-gradient(linear, left top, right top, from(currentcolor), to(currentcolor)) 0px 95%/0px 1px no-repeat;
   background: linear-gradient(to right, currentcolor 0%, currentcolor 100%) 0px 95%/0px 1px no-repeat;
   -webkit-transition: all 500ms ease;
   transition: all 500ms ease;
 }

 .features-1 .single-feature-item h4 a:hover {
   background-size: 100% 1px;
 }

 .features-1 .single-feature-item p {
   color: #111111;
 }

 .features-1 .single-feature-item ul {
   padding-top: 15px;
 }

 .features-1 .single-feature-item ul li {
   color: var(--text);
   font-weight: 500;
   line-height: 26px;
   padding-bottom: 15px;
   -webkit-transition: all 0.4s ease-in-out;
   transition: all 0.4s ease-in-out;
 }

 .features-1 .single-feature-item ul li i {
   color: var(--theme-2);
   padding-right: 5px;
 }

 .features-2 {
   margin-top: -200px;
   position: relative;
   z-index: 11;
 }

 .features-2 .features-images {
   height: 680px;
   margin: 0 133px;
   margin-top: -30px;
   z-index: -1;
   border-radius: 30px;
 }

 @media (max-width: 1199px) {
   .features-2 .features-images {
     margin: 0 20px;
   }
 }

 .features-2 .features-items {
   display: -ms-grid;
   display: grid;
   -ms-grid-columns: auto auto auto auto auto;
   grid-template-columns: auto auto auto auto auto;
   -webkit-box-pack: justify;
   -ms-flex-pack: justify;
   justify-content: space-between;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
 }

 @media (max-width: 1199px) {
   .features-2 .features-items {
     -ms-grid-columns: auto auto auto;
     grid-template-columns: auto auto auto;
     row-gap: 20px;
   }
 }

 @media (max-width: 767px) {
   .features-2 .features-items {
     -ms-grid-columns: auto auto;
     grid-template-columns: auto auto;
   }
 }

 @media (max-width: 500px) {
   .features-2 .features-items {
     -ms-grid-columns: auto;
     grid-template-columns: auto;
     -webkit-box-pack: center;
     -ms-flex-pack: center;
     justify-content: center;
   }
 }

 .features-2 .features-items .single-feature-item {
   width: 218px;
   height: 218px;
   border-radius: 50%;
   border: 2px solid var(--white);
   position: relative;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   -webkit-box-pack: center;
   -ms-flex-pack: center;
   justify-content: center;
   text-align: center;
 }

 .features-2 .features-items .single-feature-item::after {
   position: absolute;
   top: 0;
   left: 0;
   right: 0;
   bottom: 0;
   width: 100%;
   height: 100%;
   content: "";
   background-color: rgba(0, 11, 107, 0.55);
   border-radius: 50%;
   -webkit-transition: all 0.4s ease-in-out;
   transition: all 0.4s ease-in-out;
 }

 .features-2 .features-items .single-feature-item h4 {
   color: var(--white);
   text-align: center;
   font-size: 18px;
   font-style: normal;
   font-weight: 700;
   line-height: 29px;
   letter-spacing: -0.18px;
   z-index: 1;
   padding-top: 40px;
 }

 .features-2 .features-items .single-feature-item h4 a {
   color: var(--white);
   background: -webkit-gradient(linear, left top, right top, from(currentcolor), to(currentcolor)) 0px 95%/0px 1px no-repeat;
   background: linear-gradient(to right, currentcolor 0%, currentcolor 100%) 0px 95%/0px 1px no-repeat;
   -webkit-transition: all 500ms ease;
   transition: all 500ms ease;
 }

 .features-2 .features-items .single-feature-item h4 a:hover {
   background-size: 100% 1px;
 }

 .features-2 .features-items .single-feature-item:hover::after {
   position: absolute;
   top: 0;
   left: 0;
   right: 0;
   bottom: 0;
   width: 100%;
   height: 100%;
   content: "";
   background-color: rgba(0, 11, 107, 0.8);
   border-radius: 50%;
 }

 .features-3 {
   margin-top: -100px;
   position: relative;
   z-index: 1;
 }

 .features-3 .single-feature-item {
   height: 130px;
   border-radius: 12px;
   background: var(--white);
   -webkit-box-shadow: 7px 11px 50px 52px rgba(2, 8, 66, 0.03);
   box-shadow: 7px 11px 50px 52px rgba(2, 8, 66, 0.03);
   gap: 15px;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   padding: 30px 40px;
   padding-right: 20px;
   -webkit-transition: all 0.4s ease-in-out;
   transition: all 0.4s ease-in-out;
   cursor: pointer;
 }

 .features-3 .single-feature-item .icon {
   background: linear-gradient(84deg, var(--theme) 0%, var(--theme-2) 100%);
   background-clip: text;
   -webkit-background-clip: text;
   color: transparent;
   font-size: 61px;
 }

 .features-3 .single-feature-item h4 {
   font-weight: 600;
 }

 .features-3 .single-feature-item:hover {
   background: var(--black-2);
 }

 .features-3 .single-feature-item:hover h4 {
   color: var(--white);
 }

 .about-1 .about-images {
   position: relative;
 }

 .about-1 .about-images .icon {
   width: 56px;
   height: 56px;
   border-radius: 50%;
   display: -webkit-inline-box;
   display: -ms-inline-flexbox;
   display: inline-flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   -webkit-box-pack: center;
   -ms-flex-pack: center;
   justify-content: center;
   cursor: pointer;
   background: linear-gradient(84deg, #3FB5FD 0%, #0B6EDA 100%);
   font-size: 17px;
   color: var(--white);
   position: absolute;
   right: 165px;
   top: 25px;
 }

 @media (max-width: 1399px) {
   .about-1 .about-images .icon {
     right: 100px;
   }
 }

 .about-1 .about-images .icon::after,
 .about-1 .about-images .icon::before {
   content: "";
   position: absolute;
   border: 1px solid var(--theme);
   border-radius: 50%;
   width: calc(100% + 20px);
   height: calc(100% + 20px);
   opacity: 100%;
   -webkit-animation: pulse-border 1.5s linear infinite;
   animation: pulse-border 1.5s linear infinite;
 }

 .about-1 .about-images .icon::before {
   border: 1px solid rgba(63, 181, 253, 0.2);
   width: calc(100% + 40px);
   height: calc(100% + 40px);
   opacity: 100%;
   -webkit-animation: pulse-border-2 2s linear infinite;
   animation: pulse-border-2 2s linear infinite;
 }

 .about-1 .about-images .image-1 {
   -webkit-mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 440 564" fill="black"><path d="M98.9205 2.12847C100.926 0.742428 103.306 0 105.743 0H427.111C433.739 0 439.111 5.37258 439.111 12V551.667C439.111 558.294 433.739 563.667 427.111 563.667H12C5.37257 563.667 0 558.294 0 551.667V76.7933C0 72.8523 1.93507 69.1625 5.17703 66.9218L98.9205 2.12847Z"/></svg>');
   mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 440 564" fill="black"><path d="M98.9205 2.12847C100.926 0.742428 103.306 0 105.743 0H427.111C433.739 0 439.111 5.37258 439.111 12V551.667C439.111 558.294 433.739 563.667 427.111 563.667H12C5.37257 563.667 0 558.294 0 551.667V76.7933C0 72.8523 1.93507 69.1625 5.17703 66.9218L98.9205 2.12847Z"/></svg>');
   mask-repeat: no-repeat;
   -webkit-mask-repeat: no-repeat;
   width: 439px;
   height: 563px;
   -webkit-mask-size: cover;
   mask-size: cover;
   position: relative;
 }

 .about-1 .about-images .image-1 img {
   width: 100%;
   height: 100%;
   -o-object-fit: cover;
   object-fit: cover;
   -o-object-fit: contain;
   object-fit: contain;
 }

 @media (max-width: 991px) {
   .about-1 .about-images .image-1 {
     width: 100%;
     height: 100%;
   }
 }

 .about-1 .about-images .image-2 {
   position: absolute;
   bottom: -40px;
   left: 294px;
   mask: url('data:image/svg+xml;utf8,<svg width="390" height="474" viewBox="0 0 390 474" xmlns="http://www.w3.org/2000/svg"><path d="M0 12C0 5.37259 5.37258 0 12 0H377.5C384.127 0 389.5 5.37258 389.5 12V412.575C389.5 415.817 388.188 418.922 385.862 421.181L334.993 470.607C332.753 472.783 329.753 474 326.63 474H12C5.37258 474 0 468.627 0 462V12Z" /></svg>');
   -webkit-mask: url('data:image/svg+xml;utf8,<svg width="390" height="474" viewBox="0 0 390 474" xmlns="http://www.w3.org/2000/svg"><path d="M0 12C0 5.37259 5.37258 0 12 0H377.5C384.127 0 389.5 5.37258 389.5 12V412.575C389.5 415.817 388.188 418.922 385.862 421.181L334.993 470.607C332.753 472.783 329.753 474 326.63 474H12C5.37258 474 0 468.627 0 462V12Z" /></svg>');
   mask-repeat: no-repeat;
   -webkit-mask-repeat: no-repeat;
   width: 389.5px;
   height: 474px;
   -webkit-mask-size: cover;
   mask-size: cover;
 }

 @media (max-width: 1399px) {
   .about-1 .about-images .image-2 {
     left: 200px;
   }
 }

 .about-1 .about-images .image-2 img {
   width: 100%;
   height: 100%;
   -o-object-fit: cover;
   object-fit: cover;
   -o-object-fit: contain;
   object-fit: contain;
 }

 @media (max-width: 991px) {
   .about-1 .about-images .image-2 {
     display: none;
   }
 }

 @media (max-width: 767px) {
   .about-1 .about-content {
     text-align: center;
   }
 }

 .about-1 .about-content p {
   padding-top: 20px;
 }

 .about-1 .about-content ul {
   padding-top: 30px;
   text-align: start;
 }

 .about-1 .about-content ul li {
   color: var(--text);
   font-weight: 500;
   line-height: 26px;
   padding-bottom: 10px;
 }

 .about-1 .about-content ul li i {
   color: #de7b00;
   padding-right: 10px;
 }

 .about-1 .about-content .about-infu {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   gap: 24px;
   margin-top: 30px;
   -ms-flex-wrap: wrap;
   flex-wrap: wrap;
 }

 @media (max-width: 767px) {
   .about-1 .about-content .about-infu {
     -webkit-box-pack: center;
     -ms-flex-pack: center;
     justify-content: center;
   }
 }

 .about-1 .about-content .about-infu .contact-us {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   gap: 12px;
 }

 .about-1 .about-content .about-infu .contact-us img {
   width: 54px;
   height: 54px;
   border-radius: 50%;
 }

 .about-1 .about-content .about-infu .contact-us .text span {
   color: var(--text);
   font-weight: 500;
   line-height: 26px;
 }

 .about-1 .about-content .about-infu .contact-us .text h4 {
   color: var(--black-2);
   font-size: 20px;
   font-style: normal;
   font-weight: 700;
   line-height: 29px;
   letter-spacing: -0.2px;
 }

 @media (max-width: 500px) {
   .about-1 .about-content .about-infu .contact-us {
     display: none;
   }
 }

 .about-1.style-2 .about-images-2 {
   position: relative;
   left: 130px;
 }

 @media (max-width: 1399px) {
   .about-1.style-2 .about-images-2 {
     left: 0;
   }
 }

 @media (max-width: 1199px) {
   .about-1.style-2 .about-images-2 {
     left: 0;
   }
 }

 .about-1.style-2 .about-images-2 .shape-1 {
   position: absolute;
   top: 50px;
   left: -130px;
   -webkit-animation: topToBottom 2s linear infinite;
   animation: topToBottom 2s linear infinite;
 }

 @media (max-width: 1399px) {
   .about-1.style-2 .about-images-2 .shape-1 {
     left: -70px;
   }
 }

 @media (max-width: 1199px) {
   .about-1.style-2 .about-images-2 .shape-1 {
     left: 0;
   }
 }

 .about-1.style-2 .about-images-2 .shape-2 {
   position: absolute;
   bottom: -60px;
   left: -130px;
   opacity: 28%;
   z-index: -1;
   width: 602px;
   height: 602px;
 }

 .about-1.style-2 .about-images-2 .image-1 {
   width: 509px;
   height: 660px;
 }

 @media (max-width: 991px) {
   .about-1.style-2 .about-images-2 .image-1 {
     width: 100%;
   }
 }

 .about-1.style-2 .about-images-2 .image-1 img {
   width: 100%;
   height: 100%;
   -o-object-fit: cover;
   object-fit: cover;
   object-fit: cover;
 }

 .about-1.style-2 .about-images-2 .image-2 {
   width: 293px;
   height: 293px;
   position: absolute;
   right: 24%;
   bottom: -60px;
 }

 .about-1.style-2 .about-images-2 .image-2 img {
   width: 100%;
   height: 100%;
   -o-object-fit: cover;
   object-fit: cover;
   border-radius: 50%;
   object-fit: cover;
 }

 .about-1.style-2 .about-content p {
   color: #111111;
   font-size: 16px;

 }

 .about-1.style-2 .about-content ul li {
   color: #111111;
 }

 .about-1.style-2 .about-content .feedback {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   gap: 50px;
   padding-top: 40px;
 }

 @media (max-width: 500px) {
   .about-1.style-2 .about-content .feedback {
     -ms-flex-wrap: wrap;
     flex-wrap: wrap;
     -webkit-box-pack: center;
     -ms-flex-pack: center;
     justify-content: center;
   }
 }

 .about-1.style-2 .about-content .feedback .infu img {
   width: 176px;
   height: 50px;
   -o-object-fit: cover;
   object-fit: cover;
   margin-bottom: 15px;
 }

 .about-1.style-2 .about-content .feedback .infu h6 {
   color: var(--white);
   font-style: normal;
   font-weight: 600;
   line-height: 29px;
   letter-spacing: -0.16px;
 }

 .about-1.style-2 .about-content .feedback .infu .icon-box {
   gap: 15px;
 }

 @media (max-width: 500px) {
   .about-1.style-2 .about-content .feedback .infu .icon-box {
     -webkit-box-orient: vertical;
     -webkit-box-direction: normal;
     -ms-flex-direction: column;
     flex-direction: column;
   }
 }

 .about-1.style-2 .about-content .feedback .infu .icon-box .icon {
   font-size: 40px;
   background: linear-gradient(84deg, var(--theme-2) 0%, var(--theme) 100%);
   background-clip: text;
   -webkit-background-clip: text;
   color: transparent;
 }

 .about-1.about-page .about-content p {
   color: var(--text);
   opacity: 75%;
 }

 .about-1.about-page .about-content ul li {
   color: var(--text);
 }

 .about-1.about-page .about-content .feedback .infu h6 {
   color: var(--black-2);
 }

 .about-2 {
   position: relative;
   z-index: 1;
 }

 .about-2 .bg-image {
   overflow: hidden;
   position: absolute !important;
   top: -340px;
   width: 100%;
   height: 845px;
   z-index: -1;
   background-size: cover;
   border-radius: 25px;
 }

 @media (max-width: 1199px) {
   .about-2 .bg-image {
     top: -250px;
   }
 }

 .about-2 .about-content {
   position: relative;
 }

 .about-2 .about-content p {
   color: var(--white);
   padding-top: 20px;
 }

 .about-2 .about-content .infu {
   padding-top: 35px;
   gap: 30px;
 }

 @media (max-width: 1199px) {
   .about-2 .about-content .infu {
     -webkit-box-orient: vertical;
     -webkit-box-direction: normal;
     -ms-flex-direction: column;
     flex-direction: column;
   }
 }

 .about-2 .about-content .infu .contact-us {
   gap: 12px;
 }

 .about-2 .about-content .infu .contact-us a {
   border-radius: 50%;
   display: -webkit-inline-box;
   display: -ms-inline-flexbox;
   display: inline-flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   -webkit-box-pack: center;
   -ms-flex-pack: center;
   justify-content: center;
   cursor: pointer;
   width: 56px;
   height: 56px;
   font-size: 20px;
   color: var(--white);
   background: linear-gradient(84deg, var(--theme-2) 0%, var(--theme) 100%);
 }

 .about-2 .about-content .infu .contact-us .text span {
   color: rgba(255, 255, 255, 0.5);
   font-weight: 500;
   line-height: 26px;
 }

 .about-2 .about-content .infu .contact-us .text h4 {
   color: var(--white);
   font-size: 20px;
   font-weight: 700;
   letter-spacing: -0.2px;
 }

 .about-3 .about-images {
   position: relative;
 }

 .about-3 .about-images .image-1 {
   position: relative;
   width: 570px;
 }

 @media (max-width: 1399px) {
   .about-3 .about-images .image-1 {
     width: 500px;
   }
 }

 @media (max-width: 575px) {
   .about-3 .about-images .image-1 {
     width: 100%;
   }
 }

 .about-3 .about-images .image-1 img {
   width: 100%;
   height: 100%;
   -o-object-fit: cover;
   object-fit: cover;
   -webkit-animation: spinner 100s infinite linear;
   animation: spinner 100s infinite linear;
 }

 .about-3 .about-images .experience {
   position: absolute;
   left: 50%;
   top: 50%;
   -webkit-transform: translate(-50%, -50%);
   transform: translate(-50%, -50%);
 }

 .about-3 .about-images .experience h2 {
   background: linear-gradient(84deg, #3FB5FD 0%, #0B6EDA 100%);
   background-clip: text;
   -webkit-background-clip: text;
   color: transparent;
   font-size: 120px;
   letter-spacing: -2.4px;
   line-height: 100px;
   text-align: center;
 }

 @media (max-width: 575px) {
   .about-3 .about-images .experience h2 {
     font-size: 88px;
   }
 }

 .about-3 .about-images .experience p {
   color: var(--text);
   font-size: 22px;
   font-weight: 500;
   text-align: center;
 }

 .about-3 .about-images .image-2 {
   width: 273px;
   height: 273px;
   position: absolute;
   right: 25px;
   bottom: -60px;
 }

 @media (max-width: 1399px) {
   .about-3 .about-images .image-2 {
     bottom: -130px;
   }
 }

 @media (max-width: 1199px) {
   .about-3 .about-images .image-2 {
     display: none;
   }
 }

 .about-3 .about-images .image-2 img {
   width: 100%;
   height: 100%;
   -o-object-fit: cover;
   object-fit: cover;
   border-radius: 50%;
   object-fit: cover;
 }

 .about-3 .about-content .section-title {
   margin-left: -85px;
 }

 @media (max-width: 1399px) {
   .about-3 .about-content .section-title {
     margin-left: 0;
   }
 }

 .about-3 .about-content p {
   padding-top: 30px;
   font-size: 18px;
 }

 .about-3 .about-content .text {
   padding: 20px 30px;
   position: relative;
   border-radius: 4px;
   background: var(--white);
   margin-top: 30px;
   -webkit-box-shadow: 7px 11px 50px 52px rgba(2, 8, 66, 0.03);
   box-shadow: 7px 11px 50px 52px rgba(2, 8, 66, 0.03);
 }

 .about-3 .about-content .text::after {
   position: absolute;
   top: 0;
   left: 0;
   right: 0;
   bottom: 0;
   width: 100%;
   height: 100%;
   content: "";
   border-radius: 4px;
   background: linear-gradient(84deg, #3FB5FD 0%, #0B6EDA 100%);
   left: -3px;
   z-index: -1;
 }

 .about-3 .about-content .list {
   margin-top: 30px;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   -webkit-box-pack: justify;
   -ms-flex-pack: justify;
   justify-content: space-between;
   -ms-flex-wrap: wrap;
   flex-wrap: wrap;
 }

 .about-3 .about-content .list ul li {
   color: var(--text);
   font-weight: 500;
   padding-bottom: 10px;
 }

 .about-3 .about-content .list ul li i {
   padding-right: 5px;
   color: var(--theme-2);
 }

 .about-3 .about-content .about-infu {
   gap: 25px;
   margin-top: 35px;
   -ms-flex-wrap: wrap;
   flex-wrap: wrap;
 }

 .about-3 .about-content .about-infu .contact-us {
   gap: 10px;
 }

 .about-4 {
   position: relative;
 }

 .about-4 .about-images {
   width: 870px;
   height: 700px;
   float: right;
   margin-right: 75px;
 }

 @media (max-width: 767px) {
   .about-4 .about-images {
     width: 100%;
     height: 100%;
     -o-object-fit: cover;
     object-fit: cover;
   }
 }

 .about-4 .about-images img {
   width: 100%;
   height: 100%;
   -o-object-fit: cover;
   object-fit: cover;
   -o-object-fit: contain;
   object-fit: contain;
 }

 .about-4 .about-content .icon-box {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   gap: 35px;
   border-radius: 6px;
   background: var(--white);
   -webkit-box-shadow: 7px 11px 50px 52px rgba(2, 8, 66, 0.03);
   box-shadow: 7px 11px 50px 52px rgba(2, 8, 66, 0.03);
   padding: 15px 40px;
   max-width: 615px;
   margin-top: 25px;
 }

 @media (max-width: 767px) {
   .about-4 .about-content .icon-box {
     -ms-flex-wrap: wrap;
     flex-wrap: wrap;
     -webkit-box-pack: center;
     -ms-flex-pack: center;
     justify-content: center;
     text-align: center;
   }
 }

 .about-4 .about-content .icon-box .icon {
   font-size: 55px;
   background-image: linear-gradient(84deg, var(--theme) 0%, var(--theme-4) 100%);
   background-clip: text;
   -webkit-background-clip: text;
   color: transparent;
 }

 .about-4 .about-content .icon-box:hover .icon {
   -webkit-animation: bounceIn 1s linear;
   animation: bounceIn 1s linear;
 }

 .about-4 .about-content .infu {
   margin-top: 35px;
   gap: 50px;
 }

 @media (max-width: 767px) {
   .about-4 .about-content .infu {
     gap: 30px;
     -webkit-box-pack: center;
     -ms-flex-pack: center;
     justify-content: center;
   }
 }

 .about-4 .about-content .infu .contact-us {
   gap: 20px;
 }

 .about-4 .about-content .infu .contact-us span {
   color: var(--theme-2);
   font-weight: 700;
   line-height: 26px;
 }

 .service-1 {
   position: relative;
   padding-top: 60px;



   padding-bottom: 60px;


 }

 .service-1 .shape-1 {
   position: absolute;
   top: 0;
   left: 0;
   opacity: 28%;
 }

 .service-1 .shape-2 {
   position: absolute;
   top: 140px;
   right: -15%;
   opacity: 8%;
 }

 .service-1 .service-inner {
   position: relative;
   z-index: 11;
 }

 .service-1 .service-inner .countbox h3 {
   font-size: 140px;
   font-weight: 700;
   line-height: 120px;
   letter-spacing: -2.8px;
   background: linear-gradient(84deg, #3FB5FD 0%, #0B6EDA 100%);
   background-clip: text;
   -webkit-background-clip: text;
   color: transparent;
 }

 .service-1 .service-inner .countbox p {
   color: var(--text);
   font-size: 22px;
   padding-top: 15px;
 }

 @media (max-width: 767px) {
   .service-1 .service-inner .countbox {
     display: none;
   }
 }

 .service-1 .service-inner .title h3 {
   color: var(--black-2);
   font-size: 30px;
   font-weight: 700;
   line-height: 45px;
   letter-spacing: -0.6px;
 }

 @media (max-width: 767px) {
   .service-1 .service-inner .title h3 {
     font-size: 18px;
     margin-top: 20px;
     line-height: 30px;
     text-align: center;
   }
 }

 .service-1 .service-inner .single-service-item {
   position: relative;
   margin-top: 40px;
   z-index: 2;
   overflow: hidden;
 }

 .service-1 .service-inner .single-service-item .shape-3 {
   position: absolute;
   top: 0px;
   left: -0;
   z-index: 1;
   border-top-left-radius: 130px;
   opacity: 0;
   -webkit-transition: all 0.4s ease-in-out;
   transition: all 0.4s ease-in-out;
 }

 .service-1 .service-inner .single-service-item .shape-4 {
   position: absolute;
   bottom: 80px;
   right: -50px;
   z-index: 1;
   opacity: 0;
   -webkit-transition: all 0.4s ease-in-out;
   transition: all 0.4s ease-in-out;
 }

 .service-1 .service-inner .single-service-item .image {
   mask: url('data:image/svg+xml;utf8,<svg viewBox="0 0 424 518" xmlns="http://www.w3.org/2000/svg"><path d="M0 51.688C0 44.4673 3.89212 37.8073 10.1831 34.263L66.4293 2.57504C69.4258 0.8869 72.8069 0 76.2462 0H404C415.046 0 424 8.9543 424 20V498C424 509.046 415.046 518 404 518H20C8.9543 518 0 509.046 0 498V51.688Z"/></svg>');
   -webkit-mask: url('data:image/svg+xml;utf8,<svg viewBox="0 0 424 518" xmlns="http://www.w3.org/2000/svg"><path d="M0 51.688C0 44.4673 3.89212 37.8073 10.1831 34.263L66.4293 2.57504C69.4258 0.8869 72.8069 0 76.2462 0H404C415.046 0 424 8.9543 424 20V498C424 509.046 415.046 518 404 518H20C8.9543 518 0 509.046 0 498V51.688Z"/></svg>');
   mask-repeat: no-repeat;
   -webkit-mask-repeat: no-repeat;
 }

 .service-1 .service-inner .single-service-item .image img {
   width: 100%;
   height: 100%;
   -o-object-fit: cover;
   object-fit: cover;
   object-fit: cover;
 }

 .service-1 .service-inner .single-service-item .content {
   background-color: var(--white);
   text-align: center;
   padding: 25px 30px;

   position: absolute;
   bottom: 20px;
   width: calc(100% - 40px);
   left: 50%;
   -webkit-transform: translateX(-50%);
   transform: translateX(-50%);
   border-radius: 20px;
   z-index: 2;
 }

 .service-1 .service-inner .single-service-item .content .icon {
   width: 80px;
   height: 80px;
   position: absolute;
   top: -40px;
   left: 50%;
   -webkit-transform: translateX(-50%);
   transform: translateX(-50%);
   border-radius: 50%;
   display: -webkit-inline-box;
   display: -ms-inline-flexbox;
   display: inline-flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   -webkit-box-pack: center;
   -ms-flex-pack: center;
   justify-content: center;
   cursor: pointer;
   font-size: 30px;
   color: var(--white);
   background: linear-gradient(84deg, var(--theme) 0%, var(--theme-2) 100%);
   overflow: hidden;
 }

 .service-1 .service-inner .single-service-item .content .icon i {
   position: relative;
   z-index: 2;
   display: inline-block;
   -webkit-backface-visibility: hidden;
   backface-visibility: hidden;
 }

 .service-1 .service-inner .single-service-item .content h4 {
   color: #de7b00;
   font-size: 20px;
   font-weight: 700;
   line-height: 29px;
   letter-spacing: -0.2px;
   padding-bottom: 5px;
 }

 .service-1 .service-inner .single-service-item .content h4 a {
   background: -webkit-gradient(linear, left top, right top, from(currentcolor), to(currentcolor)) 0px 95%/0px 1px no-repeat;
   background: linear-gradient(to right, currentcolor 0%, currentcolor 100%) 0px 95%/0px 1px no-repeat;
   -webkit-transition: all 500ms ease;
   transition: all 500ms ease;
 }

 .service-1 .service-inner .single-service-item .content h4 a:hover {
   color: var(--theme);
   background-size: 100% 1px;
 }

 .service-1 .service-inner .single-service-item:hover .icon i {
   -webkit-animation: iconTranslateX 0.4s forwards;
   animation: iconTranslateX 0.4s forwards;
 }

 .service-1 .service-inner .single-service-item:hover .icon-list {
   opacity: 1;
   visibility: visible;
 }

 .service-1 .service-inner .single-service-item:hover .shape-3 {
   top: -2px;
   opacity: 1;
   left: -30px;
 }

 .service-1 .service-inner .single-service-item:hover .shape-4 {
   opacity: 1;
   right: 0;
 }

 .service-2 {
   background-color: rgba(255, 255, 255, 0.05);
 }

 .service-2 .service-inner {
   padding-bottom: 260px;
 }

 .service-2 .service-inner .service-items {
   padding-top: 60px;
   display: -ms-grid;
   display: grid;
   -ms-grid-columns: auto auto auto;
   grid-template-columns: auto auto auto;
   -webkit-box-pack: justify;
   -ms-flex-pack: justify;
   justify-content: space-between;
   -webkit-column-gap: 123px;
   column-gap: 123px;
   row-gap: 90px;
 }

 @media (max-width: 1399px) {
   .service-2 .service-inner .service-items {
     -webkit-column-gap: 90px;
     column-gap: 90px;
   }
 }

 @media (max-width: 1199px) {
   .service-2 .service-inner .service-items {
     -ms-grid-columns: auto auto;
     grid-template-columns: auto auto;
   }
 }

 @media (max-width: 767px) {
   .service-2 .service-inner .service-items {
     -ms-grid-columns: auto;
     grid-template-columns: auto;
   }
 }

 .service-2 .service-inner .service-items .signle-service-item {
   position: relative;
   cursor: pointer;
 }

 @media (max-width: 767px) {
   .service-2 .service-inner .service-items .signle-service-item {
     text-align: center;
   }
 }

 .service-2 .service-inner .service-items .signle-service-item::after {
   position: absolute;
   top: 0;
   left: 0;
   right: 0;
   bottom: 0;
   width: 100%;
   height: 100%;
   content: "";
   border-right: 1px solid rgba(255, 255, 255, 0.12);
   left: 60px;
 }

 @media (max-width: 1399px) {
   .service-2 .service-inner .service-items .signle-service-item::after {
     left: 45px;
   }
 }

 .service-2 .service-inner .service-items .signle-service-item::before {
   position: absolute;
   top: 0;
   left: 0;
   right: 0;
   bottom: 0;
   width: 100%;
   height: 100%;
   content: "";
   border-bottom: 1px solid rgba(255, 255, 255, 0.12);
   bottom: -45px;
   top: auto;
 }

 @media (max-width: 1199px) {

   .service-2 .service-inner .service-items .signle-service-item::after,
   .service-2 .service-inner .service-items .signle-service-item::before {
     display: none;
   }
 }

 .service-2 .service-inner .service-items .signle-service-item:nth-child(3)::after,
 .service-2 .service-inner .service-items .signle-service-item:nth-child(6)::after {
   border-right: none;
 }

 .service-2 .service-inner .service-items .signle-service-item:nth-child(4)::before,
 .service-2 .service-inner .service-items .signle-service-item:nth-child(5)::before,
 .service-2 .service-inner .service-items .signle-service-item:nth-child(6)::before {
   border-bottom: none;
 }

 .service-2 .service-inner .service-items .signle-service-item .title {
   gap: 18px;
 }

 @media (max-width: 767px) {
   .service-2 .service-inner .service-items .signle-service-item .title {
     -webkit-box-orient: vertical;
     -webkit-box-direction: normal;
     -ms-flex-direction: column;
     flex-direction: column;
   }
 }

 .service-2 .service-inner .service-items .signle-service-item .title .icon {
   font-size: 43px;
   color: var(--white);
 }

 .service-2 .service-inner .service-items .signle-service-item .title h3 {
   color: var(--white);
   font-size: 20px;
 }

 .service-2 .service-inner .service-items .signle-service-item p {
   padding-left: 60px;
   line-height: 26px;
   padding-top: 10px;
   font-weight: 500;
   color: rgba(255, 255, 255, 0.75);
   padding-bottom: 15px;
 }

 @media (max-width: 767px) {
   .service-2 .service-inner .service-items .signle-service-item p {
     padding-left: 0;
   }
 }

 .service-2 .service-inner .service-items .signle-service-item a {
   padding-left: 60px;
   font-size: 17px;
   font-weight: 700;
   background: linear-gradient(84deg, #3FB5FD 0%, #0B6EDA 100%);
   background-clip: text;
   -webkit-background-clip: text;
   color: transparent;
   text-align: center;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   gap: 8px;
 }

 @media (max-width: 767px) {
   .service-2 .service-inner .service-items .signle-service-item a {
     padding-left: 0;
     -webkit-box-pack: center;
     -ms-flex-pack: center;
     justify-content: center;
   }
 }

 .service-2 .service-inner .service-items .signle-service-item:hover .icon {
   -webkit-animation: bounceIn 1s linear;
   animation: bounceIn 1s linear;
 }

 .service-2 .service-inner .button {
   gap: 20px;
 }

 @media (max-width: 767px) {
   .service-2 .service-inner .button {
     -webkit-box-orient: vertical;
     -webkit-box-direction: normal;
     -ms-flex-direction: column;
     flex-direction: column;
   }
 }

 @media (max-width: 767px) {
   .service-2 .service-inner .button .theme-btn {
     width: 100%;
   }
 }

 .service-3 .service-image {
   width: 100%;
   height: 355px;
   margin-top: 30px;
 }

 .service-3 .service-image img {
   width: 100%;
   height: 100%;
   -o-object-fit: cover;
   object-fit: cover;
   border-radius: 12px;
   object-fit: cover;
 }

 .service-3 .single-service-item {
   width: 100%;
   height: 355px;
   background-color: var(--theme-3);
   padding: 30px 42px;
   padding-right: 25px;
   position: relative;
   border-radius: 12px;
   margin-top: 30px;
 }

 .service-3 .single-service-item .icon {
   font-size: 50px;
   background: linear-gradient(84deg, #3FB5FD 0%, #0B6EDA 100%);
   background-clip: text;
   -webkit-background-clip: text;
   color: transparent;
   margin-bottom: 20px;
 }

 .service-3 .single-service-item h4 {
   color: var(--white);
   font-size: 20px;
   line-height: 29px;
   letter-spacing: -0.2px;
 }

 .service-3 .single-service-item .count-box {
   position: absolute;
   bottom: 30px;
 }

 .service-3 .single-service-item .count-box h2 {
   color: rgba(255, 255, 255, 0.32);
   font-size: 60px;
   font-weight: 800;
   line-height: 69px;
   letter-spacing: -1.2px;
 }

 .service-3 .single-service-item .count-box p {
   color: var(--white);
 }

 .service-3 .single-service-item:hover h2 {
   -webkit-text-stroke-width: 0;
   -webkit-text-stroke-color: transparent;
   background: linear-gradient(84deg, #3FB5FD 0%, #0B6EDA 100%);
   background-clip: text;
   -webkit-background-clip: text;
   color: transparent;
 }

 .service-4 {
   position: relative;
   overflow: hidden;
 }

 .service-4 .shape-1 {
   position: absolute;
   bottom: -50px;
   left: 20px;
   -webkit-animation: spinner 30s infinite linear;
   animation: spinner 30s infinite linear;
 }

 .service-4 .shape-2 {
   position: absolute;
   top: 70px;
   right: 30%;
   rotate: 90deg;
   opacity: 0.17;
   -webkit-animation: zoomBig 3s infinite linear;
   animation: zoomBig 3s infinite linear;
 }

 .service-4 .shape-3 {
   position: absolute;
   bottom: -50px;
   right: -50px;
   opacity: 0.12;
   -webkit-animation: zoomBig 3s infinite linear;
   animation: zoomBig 3s infinite linear;
 }

 .service-4 .array-button {
   position: absolute;
   top: 65%;
   right: 8%;
   left: 8%;
   -webkit-transform: translateY(-50%);
   transform: translateY(-50%);
   z-index: 99;
 }

 .service-4 .array-button .array-prev {
   position: absolute;
   color: var(--black-2);
   border: 1px solid var(--black-2);
   left: 0;
 }

 .service-4 .array-button .array-next {
   position: absolute;
   color: var(--black-2);
   border: 1px solid var(--black-2);
   right: 0;
 }

 @media (max-width: 1600px) {
   .service-4 .array-button {
     display: none;
   }
 }

 .service-4 .signle-service-item {
   width: 100%;
   height: 310px;
   padding: 75px 40px 30px 40px;
   position: relative;
   margin-top: 60px;
   border-radius: 12px;
   text-align: center;
   background-color: var(--white);
   z-index: 1;
 }

 .service-4 .signle-service-item h4 a {
   color: #de7b00;
 }

 .service-4 .signle-service-item .icon {
   position: absolute;
   top: -35px;
   left: 37%;
   -webkit-transform: translate(-50%);
   transform: translate(-50%);
   width: 70px;
   height: 70px;
   -webkit-transform: rotate(-45deg);
   transform: rotate(-45deg);
   border-radius: 12px;
   background: linear-gradient(84deg, #3FB5FD 0%, #0B6EDA 100%);
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   -webkit-box-pack: center;
   -ms-flex-pack: center;
   justify-content: center;
   color: var(--white);
   font-size: 33px;
   overflow: hidden;
 }

 @media (max-width: 1199px) {
   .service-4 .signle-service-item .icon {
     left: 42%;
   }
 }

 .service-4 .signle-service-item .icon i {
   -webkit-transform: rotate(45deg);
   transform: rotate(45deg);
   position: relative;
   z-index: 2;
   display: inline-block;
   -webkit-backface-visibility: hidden;
   backface-visibility: hidden;
 }

 .service-4 .signle-service-item .line {
   width: 130px;
   height: 4px;
   margin: 0 auto;
   background: linear-gradient(84deg, #3FB5FD 0%, #0B6EDA 100%);
 }

 .service-4 .signle-service-item .infu-btn {
   background: linear-gradient(84deg, #3FB5FD 0%, #0B6EDA 100%);
   background-clip: text;
   -webkit-background-clip: text;
   color: transparent;
   font-size: 17px;
   font-weight: 700;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   -webkit-box-pack: center;
   -ms-flex-pack: center;
   justify-content: center;
   gap: 10px;
   margin-top: 20px;
   -webkit-transition: all 0.4s ease-in-out;
   transition: all 0.4s ease-in-out;
 }

 .service-4 .signle-service-item .service-bg {
   position: relative;
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 0%;
   z-index: -1;
   opacity: 0;
   visibility: hidden;
   -webkit-transition: all 0.4s ease-in-out;
   transition: all 0.4s ease-in-out;
   overflow: hidden;
   border-radius: 12px;
 }

 .service-4 .signle-service-item .service-bg::after {
   position: absolute;
   top: 0;
   left: 0;
   right: 0;
   bottom: 0;
   width: 100%;
   height: 100%;
   content: "";
   background: rgba(0, 3, 37, 0.56);
 }

 .service-4 .signle-service-item:hover .icon i {
   -webkit-animation: iconTranslateX 0.4s forwards;
   animation: iconTranslateX 0.4s forwards;
 }

 .service-4 .signle-service-item:hover h4 a {
   color: var(--white);
 }

 .service-4 .signle-service-item:hover p {
   color: var(--white-3);
 }

 .service-4 .signle-service-item:hover .infu-btn {
   background: none;
   color: var(--white);
 }

 .service-4 .signle-service-item:hover .service-bg {
   opacity: 1;
   visibility: visible;
   height: 100%;
 }

 .service-5 .service-slide-2 {
   overflow: inherit;
 }

 .service-5 .signle-service-item {
   border-radius: 12px;
   background-color: var(--white);
   -webkit-box-shadow: 7px 11px 50px 52px rgba(2, 8, 66, 0.03);
   box-shadow: 7px 11px 50px 52px rgba(2, 8, 66, 0.03);
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   padding: 40px 10px 50px 45px;
   gap: 40px;
 }

 @media (max-width: 767px) {
   .service-5 .signle-service-item {
     padding: 20px;
     gap: 20px;
     -webkit-box-orient: vertical;
     -webkit-box-direction: normal;
     -ms-flex-direction: column;
     flex-direction: column;
   }
 }

 .service-5 .signle-service-item .icon {
   -webkit-animation: spinner 30s infinite linear;
   animation: spinner 30s infinite linear;
 }

 .service-5 .signle-service-item h3 {
   font-size: 26px;
 }

 @media (max-width: 767px) {
   .service-5 .signle-service-item h3 {
     font-size: 18px;
   }
 }

 .service-5 .signle-service-item h3 a {
   color: var(--black-2);
 }

 .service-5 .signle-service-item ul li {
   color: var(--text);
   font-weight: 500;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   gap: 5px;
   padding-top: 5px;
 }

 .service-5 .signle-service-item ul li i {
   color: var(--theme-2);
 }

 .service-details-wrapper .service-details-image img {
   width: 100%;
   height: 100%;
   -o-object-fit: cover;
   object-fit: cover;
 }

 .service-details-wrapper .service-details-content h4 {
   font-size: 22px;
 }

 .service-details-wrapper .service-details-content .service-details-video {
   margin-top: 50px;
 }

 @media (max-width: 575px) {
   .service-details-wrapper .service-details-content .service-details-video {
     margin-top: 25px;
     margin-bottom: 30px;
   }
 }

 @media (max-width: 575px) {
   .service-details-wrapper .service-details-content .service-details-video {
     margin-bottom: 20px;
     margin-top: 20px;
   }
 }

 .service-details-wrapper .service-details-content .service-details-video .details-video-content .feedback {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   -webkit-box-pack: justify;
   -ms-flex-pack: justify;
   justify-content: space-between;
   padding-top: 40px;
 }

 @media (max-width: 500px) {
   .service-details-wrapper .service-details-content .service-details-video .details-video-content .feedback {
     -ms-flex-wrap: wrap;
     flex-wrap: wrap;
     -webkit-box-pack: center;
     -ms-flex-pack: center;
     justify-content: center;
   }
 }

 .service-details-wrapper .service-details-content .service-details-video .details-video-content .feedback .infu img {
   width: 176px;
   height: 50px;
   -o-object-fit: cover;
   object-fit: cover;
   margin-bottom: 15px;
 }

 .service-details-wrapper .service-details-content .service-details-video .details-video-content .feedback .infu h6 {
   font-style: normal;
   font-weight: 600;
   line-height: 29px;
   letter-spacing: -0.16px;
 }

 .service-details-wrapper .service-details-content .service-details-video .details-video-content .feedback .infu .icon-box {
   gap: 15px;
 }

 @media (max-width: 500px) {
   .service-details-wrapper .service-details-content .service-details-video .details-video-content .feedback .infu .icon-box {
     -webkit-box-orient: vertical;
     -webkit-box-direction: normal;
     -ms-flex-direction: column;
     flex-direction: column;
   }
 }

 .service-details-wrapper .service-details-content .service-details-video .details-video-content .feedback .infu .icon-box .icon {
   font-size: 40px;
   background: linear-gradient(84deg, var(--theme-2) 0%, var(--theme) 100%);
   background-clip: text;
   -webkit-background-clip: text;
   color: transparent;
 }

 .service-details-wrapper .service-details-content .service-details-video .video-image {
   position: relative;
 }

 .service-details-wrapper .service-details-content .service-details-video .video-image img {
   width: 100%;
   height: 100%;
   -o-object-fit: cover;
   object-fit: cover;
   border-radius: 12px;
 }

 .service-details-wrapper .service-details-content .service-details-video .video-image .video-box {
   position: absolute;
   top: 50%;
   left: 50%;
   -webkit-transform: translate(-50%, -50%);
   transform: translate(-50%, -50%);
 }

 .service-details-wrapper .service-details-content .service-details-video .video-image .video-box .video-button {
   position: relative;
   border-radius: 50%;
   display: -webkit-inline-box;
   display: -ms-inline-flexbox;
   display: inline-flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   -webkit-box-pack: center;
   -ms-flex-pack: center;
   justify-content: center;
   cursor: pointer;
   width: 80px;
   height: 80px;
   background: linear-gradient(84deg, #3FB5FD 0%, #0B6EDA 100%);
   -webkit-transition: all 0.4s ease-in-out;
   transition: all 0.4s ease-in-out;
   color: var(--white);
   z-index: 11;
 }

 .service-details-wrapper .service-details-content .service-details-video .video-image .video-box .video-button .video-button-ripple::before,
 .service-details-wrapper .service-details-content .service-details-video .video-image .video-box .video-button .video-button-ripple::after {
   position: absolute;
   top: 50%;
   left: 50%;
   width: 100%;
   height: 100%;
   -webkit-transform: translate(-50%, -50%);
   transform: translate(-50%, -50%);
   -webkit-box-shadow: 0 0 0 0 rgba(63, 181, 253, 0.6);
   box-shadow: 0 0 0 0 rgba(63, 181, 253, 0.6);
   -webkit-animation: popupVideo 3s infinite;
   animation: popupVideo 3s infinite;
   border-radius: 50%;
 }

 .service-details-wrapper .service-details-content .service-details-video .video-image .video-box .video-button .video-button-ripple::before {
   -webkit-animation-delay: 0.9s;
   animation-delay: 0.9s;
   content: "";
   position: absolute;
 }

 .service-details-wrapper .service-details-content .service-details-video .video-image .video-box .video-button .video-button-ripple::after {
   -webkit-animation-delay: 0.6s;
   animation-delay: 0.6s;
   content: "";
   position: absolute;
 }

 .service-details-wrapper .highlight-text {
   margin-top: 30px;
   padding: 18px;
   border-left: 4px solid var(--theme);
   -webkit-box-shadow: 0px 6px 20px 0px rgba(0, 0, 0, 0.06);
   box-shadow: 0px 6px 20px 0px rgba(0, 0, 0, 0.06);
   background: var(--white);
 }

 .service-details-wrapper .highlight-text h5 {
   font-weight: 600;
   line-height: 167%;
 }

 .service-details-wrapper .service-image-item {
   margin-top: 60px;
   margin-bottom: 60px;
 }

 .service-details-wrapper .service-image-item h3 {
   font-size: 24px;
 }

 .service-details-wrapper .service-image-item .service-box-image {
   height: 218px;
 }

 .service-details-wrapper .service-image-item .service-box-image img {
   width: 100%;
   height: 100%;
   -o-object-fit: cover;
   object-fit: cover;
   object-fit: cover;
 }

 .choose-us-1 {
   position: relative;
 }

 .choose-us-1 .shape {
   position: absolute;
   top: -10px;
   left: 0;
   opacity: 8%;
 }

 .choose-us-1 .choose-us-images {
   position: relative;
   width: 588px;
   height: 710px;
 }

 @media (max-width: 767px) {
   .choose-us-1 .choose-us-images {
     width: 100%;
     height: 100%;
   }
 }

 .choose-us-1 .choose-us-images img {
   width: 100%;
   height: 100%;
   -o-object-fit: cover;
   object-fit: cover;
   -o-object-fit: contain;
   object-fit: contain;
 }

 .choose-us-1 .choose-us-images .shape-img {
   position: absolute;
   top: 80px;
   left: 10px;
   z-index: -2;
   opacity: 50%;
   -webkit-animation: spinner 100s infinite linear;
   animation: spinner 100s infinite linear;
 }

 .choose-us-1 .choose-us-content .icon-box {
   gap: 20px;
 }

 @media (max-width: 767px) {
   .choose-us-1 .choose-us-content .icon-box {
     -ms-flex-wrap: wrap;
     flex-wrap: wrap;
   }
 }

 .choose-us-1 .choose-us-content .icon-box .single-icon-box .icon {
   font-size: 40px;
   background-clip: text;
   -webkit-background-clip: text;
   color: transparent;
   background-image: linear-gradient(84deg, var(--theme) 0%, var(--theme-2) 100%);
   margin-bottom: 20px;
   -webkit-transition: all 0.4s ease-in-out;
   transition: all 0.4s ease-in-out;
   display: inline-block;
 }

 .choose-us-1 .choose-us-content .icon-box .single-icon-box h4 {
   color: #020842;
   font-size: 20px;
   font-weight: 700;
   letter-spacing: -0.2px;
   padding-bottom: 10px;
 }

 .choose-us-1 .choose-us-content .icon-box .single-icon-box:hover .icon {
   -webkit-animation: bounceIn 1s linear;
   animation: bounceIn 1s linear;
 }

 .choose-us-1 .choose-us-content .count-box {
   background-color: var(--white);
   margin-top: 55px;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   -webkit-box-pack: justify;
   -ms-flex-pack: justify;
   justify-content: space-between;
   padding: 15px 65px;
   padding-bottom: 35px;
   border-radius: 12px;
   -webkit-box-shadow: 7px 11px 50px 52px rgba(2, 8, 66, 0.03);
   box-shadow: 7px 11px 50px 52px rgba(2, 8, 66, 0.03);
 }

 @media (max-width: 575px) {
   .choose-us-1 .choose-us-content .count-box {
     -webkit-box-orient: vertical;
     -webkit-box-direction: normal;
     -ms-flex-direction: column;
     flex-direction: column;
   }
 }

 .choose-us-1 .choose-us-content .count-box .single-count {
   padding-top: 20px;
 }

 .choose-us-1 .choose-us-content .count-box .single-count h2 {
   font-size: 60px;
   font-weight: 800;
   background-clip: text;
   -webkit-background-clip: text;
   color: transparent;
   background-image: linear-gradient(84deg, var(--theme) 0%, var(--theme-2) 100%);
   line-height: 60px;
 }

 @media (max-width: 767px) {
   .choose-us-1 .choose-us-content .count-box .single-count h2 {
     font-size: 40px;
     text-align: center;
   }
 }

 .choose-us-2 {
   position: relative;
   background-color: var(--theme-3);
   padding-bottom: 275px;
 }

 .choose-us-2 .choose-us-images {
   position: relative;
   z-index: 1;
 }

 .choose-us-2 .choose-us-images .shape-1 {
   position: absolute;
   left: 0;
   top: 0;
   opacity: 35%;
   z-index: -1;
   -webkit-animation: spinner 100s infinite linear;
   animation: spinner 100s infinite linear;
 }

 .choose-us-2 .choose-us-images .image-1 {
   width: 450px;
   height: 410px;
 }

 @media (max-width: 1199px) {
   .choose-us-2 .choose-us-images .image-1 {
     width: 100%;
   }
 }

 .choose-us-2 .choose-us-images .image-1 img {
   width: 100%;
   height: 100%;
   -o-object-fit: cover;
   object-fit: cover;
   object-fit: cover;
   border-radius: 12px;
 }

 .choose-us-2 .choose-us-images .image-2 {
   width: 300px;
   height: 320px;
   position: absolute;
   bottom: -150px;
   right: 14%;
   -webkit-animation: topToBottom 3s infinite linear;
   animation: topToBottom 3s infinite linear;
 }

 @media (max-width: 1199px) {
   .choose-us-2 .choose-us-images .image-2 {
     display: none;
   }
 }

 .choose-us-2 .choose-us-images .experience {
   position: absolute;
   left: 0;
   margin-top: 10px;
 }

 @media (max-width: 1199px) {
   .choose-us-2 .choose-us-images .experience {
     position: inherit;
   }
 }

 .choose-us-2 .choose-us-images .experience h2 {
   background: linear-gradient(84deg, #3FB5FD 0%, #0B6EDA 100%);
   background-clip: text;
   -webkit-background-clip: text;
   color: transparent;
   font-size: 120px;
   letter-spacing: -2.4px;
   line-height: 100px;
 }

 .choose-us-2 .choose-us-images .experience p {
   color: var(--white);
   font-size: 22px;
   font-weight: 500;
 }

 .choose-us-2 .choose-us-content .text {
   font-size: 18px;
   color: var(--white-3);
   padding-top: 20p;
 }

 .choose-us-3 .choose-us-content .reviews {
   gap: 80px;
   -ms-flex-wrap: wrap;
   flex-wrap: wrap;
 }

 @media (max-width: 767px) {
   .choose-us-3 .choose-us-content .reviews {
     -webkit-box-pack: center;
     -ms-flex-pack: center;
     justify-content: center;
     gap: 20px;
   }
 }

 @media (max-width: 767px) {
   .choose-us-3 .choose-us-content .reviews .infu {
     text-align: center;
   }
 }

 .choose-us-3 .choose-us-content .reviews .infu img {
   width: 170px;
   height: 50px;
   -o-object-fit: cover;
   object-fit: cover;
   margin-bottom: 15px;
 }

 .choose-us-3 .choose-us-content .reviews .infu h4 {
   font-size: 16px;
   font-weight: 600;
 }

 .choose-us-3 .choose-us-content .reviews .infu .head {
   gap: 12px;
   margin-bottom: 15px;
 }

 @media (max-width: 767px) {
   .choose-us-3 .choose-us-content .reviews .infu .head {
     -webkit-box-orient: vertical;
     -webkit-box-direction: normal;
     -ms-flex-direction: column;
     flex-direction: column;
   }
 }

 .choose-us-3 .choose-us-content .reviews .infu .head .icon {
   font-size: 40px;
   background: linear-gradient(84deg, #3FB5FD 0%, #0B6EDA 100%);
   background-clip: text;
   -webkit-background-clip: text;
   color: transparent;
 }

 .choose-us-3 .choose-us-content .reviews .infu:hover .icon {
   -webkit-animation: bounceIn 1s linear;
   animation: bounceIn 1s linear;
 }

 .choose-us-3 .choose-us-images {
   position: relative;
 }

 .choose-us-3 .choose-us-images .shape-1 {
   position: absolute;
   left: 0;
   top: -50px;
   opacity: 8%;
   z-index: -1;
 }

 .choose-us-3 .choose-us-images .single-choose-item {
   width: 100%;
   height: 225px;
   position: relative;
   text-align: center;
   background-color: #F0F5FD;
   padding-top: 70px;
   background-image: none;
   cursor: pointer;
   overflow: hidden;
   border-radius: 12px;
   z-index: 5;
 }

 .choose-us-3 .choose-us-images .single-choose-item .shape-2 {
   position: absolute;
   top: -100px;
   left: -50px;
   -webkit-animation: spinner 10s infinite linear;
   animation: spinner 10s infinite linear;
 }

 .choose-us-3 .choose-us-images .single-choose-item .shape-3 {
   position: absolute;
   bottom: -20px;
   right: 0px;
   opacity: 17%;
   rotate: 90deg;
   -webkit-animation: zoomBig 1s linear infinite;
   animation: zoomBig 1s linear infinite;
 }

 .choose-us-3 .choose-us-images .single-choose-item .icon {
   font-size: 43px;
   background: linear-gradient(84deg, #3FB5FD 0%, #0B6EDA 100%);
   background-clip: text;
   -webkit-background-clip: text;
   color: transparent;
   padding-bottom: 10px;
 }

 .choose-us-3 .choose-us-images .single-choose-item .single-choose-hover {
   position: relative;
   position: absolute;
   width: 100%;
   height: 100%;
   top: 0;
   padding: 30px 40px;
   z-index: 5;
   opacity: 0;
   visibility: hidden;
   -webkit-transition: all 0.4s ease-in-out;
   transition: all 0.4s ease-in-out;
 }

 .choose-us-3 .choose-us-images .single-choose-item .single-choose-hover .icon {
   background: none;
   color: var(--white);
 }

 .choose-us-3 .choose-us-images .single-choose-item .single-choose-hover h4 {
   color: var(--white);
 }

 .choose-us-3 .choose-us-images .single-choose-item .single-choose-hover p {
   color: var(--white);
 }

 .choose-us-3 .choose-us-images .single-choose-item .single-choose-hover.active {
   opacity: 1;
   visibility: visible;
 }

 .choose-us-3 .choose-us-images .single-choose-item::before,
 .choose-us-3 .choose-us-images .single-choose-item::after {
   content: "";
   width: 100%;
   height: 0%;
   position: absolute;
   background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 3, 37, 0.56)), to(rgba(0, 3, 37, 0.56))), url("../img/why-choose/05.png");
   background: linear-gradient(rgba(0, 3, 37, 0.56), rgba(0, 3, 37, 0.56)), url("../img/why-choose/05.png");
   -webkit-filter: grayscale(50%);
   filter: grayscale(50%);
   transition: 0.4s;
   -webkit-transition: 0.4s;
   -moz-transition: 0.4s;
   -ms-transition: 0.4s;
   -o-transition: 0.4s;
   z-index: 1;
 }

 .choose-us-3 .choose-us-images .single-choose-item::before {
   top: 0%;
   right: 0%;
 }

 .choose-us-3 .choose-us-images .single-choose-item::after {
   left: 0%;
   bottom: 0%;
 }

 .choose-us-3 .choose-us-images .single-choose-item:hover::before,
 .choose-us-3 .choose-us-images .single-choose-item:hover::after {
   width: 100%;
   height: 100%;
 }

 .choose-us-3 .choose-us-images .single-choose-item:hover .single-choose-hover {
   opacity: 1;
   visibility: visible;
 }

 .choose-us-3 .choose-us-images .single-choose-item.active::before,
 .choose-us-3 .choose-us-images .single-choose-item.active::after {
   height: 100%;
 }

 .choose-us-3.choose-us-page {
   padding-bottom: 340px;
 }

 .choose-us-4 {
   position: relative;
   overflow: hidden;
 }

 .choose-us-4 .shape-1 {
   position: absolute;
   bottom: 20%;
   right: 20%;
   -webkit-animation: zoomBig 2s infinite linear;
   animation: zoomBig 2s infinite linear;
 }

 @media (max-width: 767px) {
   .choose-us-4 .shape-1 {
     display: none;
   }
 }

 .choose-us-4 .shape-2 {
   position: absolute;
   bottom: -22%;
   right: 20%;
   -webkit-animation: spinner 50s infinite linear;
   animation: spinner 50s infinite linear;
 }

 @media (max-width: 767px) {
   .choose-us-4 .shape-2 {
     display: none;
   }
 }

 .choose-us-4 .shape-3 {
   position: absolute;
   top: 0%;
   right: 0%;
   -webkit-animation: zoomBig 3s infinite linear;
   animation: zoomBig 3s infinite linear;
   opacity: 0.6;
 }

 @media (max-width: 767px) {
   .choose-us-4 .shape-3 {
     display: none;
   }
 }

 .choose-us-4 .shape-4 {
   position: absolute;
   top: 5%;
   left: 0%;
   -webkit-animation: zoomBig 5s infinite linear;
   animation: zoomBig 5s infinite linear;
   opacity: 0.6;
 }

 @media (max-width: 767px) {
   .choose-us-4 .shape-4 {
     display: none;
   }
 }

 .choose-us-4 .bg-image {
   position: absolute;
   top: 0;
   width: 100%;
   height: 100%;
   z-index: -1;
 }

 .choose-us-4 .choose-us-content .accordion-item {
   border: 0;
   margin-top: 15px;
   border-radius: 6px;
   background-color: var(--white);
 }

 .choose-us-4 .choose-us-content .accordion-item .accordion-header .accordion-button {
   color: var(--black-2);
   font-size: 18px;
   font-weight: 700;
   letter-spacing: -0.18px;
   border: 0;
   border-radius: 0;
   -webkit-box-shadow: none;
   box-shadow: none;
   background-color: transparent;
   padding: 20px 40px;
   padding-right: 30px;
 }

 .choose-us-4 .choose-us-content .accordion-item .accordion-header .accordion-button::after {
   content: "\f067";
   background: transparent;
   font-family: "Font Awesome 5 Pro";
   font-weight: 300;
   line-height: 1;
   width: auto;
 }

 .choose-us-4 .choose-us-content .accordion-item .accordion-header .accordion-button:not(.collapsed)::after {
   content: "\f068";
   background: transparent;
   font-family: "Font Awesome 5 Pro";
   font-weight: 300;
   line-height: 1;
 }

 .choose-us-4 .choose-us-content .accordion-item .accordion-collapse .accordion-body {
   padding-top: 0px;
   padding-left: 30px;
   color: var(--text-2);
   font-size: 16px;
   font-weight: 500;
   line-height: 26px;
   margin: 0 40px;
   margin-right: 30px;
   padding-top: 10px;
   border-top: 1px solid var(--border-2);
   padding-left: 0;
   padding-right: 0;
 }

 .choose-us-4 .choose-us-image {
   width: calc(100% + 40px);
   height: 314px;
   margin-left: -40px;
   position: relative;
 }

 @media (max-width: 991px) {
   .choose-us-4 .choose-us-image {
     width: 100%;
     margin-left: 0;
   }
 }

 .choose-us-4 .choose-us-image img {
   width: 100%;
   height: 100%;
   -o-object-fit: cover;
   object-fit: cover;
 }

 .brand-1 {
   padding-top: 60px;

   padding-bottom: 60px;

   background: linear-gradient(84deg, #acd6fb 0%, #0b4b8b 100%) !important;


 }

 @media (max-width: 991px) {
   .brand-1 {
     margin: 0;
   }
 }

 .brand-1 .brand-inner h3 {
   font-size: 30px;
   font-weight: 700;
   line-height: 45px;
   letter-spacing: -0.6px;
   color: #ffffff;

 }

 .brand-1 .brand-inner .brand-logo img {
   width: 100%;
   /* height: 35px; */
   -o-object-fit: contain;
   object-fit: contain;
 }

 .brand-1.style-2 {
   margin: 0;
 }

 .brand-1.style-3 {
   position: relative;
   margin: 0;
 }

 .brand-1.style-3 .shape-1 {
   position: absolute;
   right: 10px;
   top: 30px;
   opacity: 5%;
   -webkit-animation: rounded 5s infinite linear;
   animation: rounded 5s infinite linear;
 }

 .brand-1.style-3 .brand-inner .title {
   position: relative;
 }

 .brand-1.style-3 .brand-inner .title::after {
   position: absolute;
   top: 0;
   left: 0;
   right: 0;
   bottom: 0;
   width: 100%;
   height: 100%;
   content: "";
   width: 208px;
   height: 1px;
   background-color: var(--black);
   opacity: 13%;
   left: 15%;
   top: 15px;
   right: auto;
 }

 .brand-1.style-3 .brand-inner .title::before {
   position: absolute;
   top: 0;
   left: 0;
   right: 0;
   bottom: 0;
   width: 100%;
   height: 100%;
   content: "";
   right: 15%;
   top: 15px;
   left: auto;
   width: 208px;
   height: 1px;
   background-color: var(--black);
   opacity: 13%;
 }

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

 ::-webkit-scrollbar {
   width: 4px;
   height: 4px;
 }

 /* Track */
 ::-webkit-scrollbar-track {
   -webkit-box-shadow: inset 0 0 5px var(--theme);
   box-shadow: inset 0 0 5px var(--theme);
   border-radius: 5px;
 }

 /* Handle */
 ::-webkit-scrollbar-thumb {
   background: var(--theme);
   border-radius: 10px;
 }

 .fix {
   overflow: hidden;
 }

 .ralt {
   position: relative;
 }

 .ripple {
   position: relative;
 }

 .ripple::before,
 .ripple::after {
   position: absolute;
   left: 50%;
   top: 50%;
   width: 115px;
   height: 115px;
   -webkit-transform: translateX(-50%) translateY(-50%);
   transform: translateX(-50%) translateY(-50%);
   border-radius: 50%;
   -webkit-box-shadow: 0 0 0 0 rgba(248, 96, 72, 0.5);
   box-shadow: 0 0 0 0 rgba(248, 96, 72, 0.5);
   -webkit-animation: rippleOne 3s infinite;
   animation: rippleOne 3s infinite;
 }

 .ripple::before {
   -webkit-animation-delay: 0.9s;
   animation-delay: 0.9s;
   content: "";
   position: absolute;
   right: 0;
   bottom: 0;
 }

 .ripple::after {
   -webkit-animation-delay: 0.6s;
   animation-delay: 0.6s;
   content: "";
   position: absolute;
   right: 0;
   bottom: 0;
 }

 .swiper-dot .swiper-pagination-bullet {
   width: 6px;
   height: 6px;
   -webkit-transition: 0.6s;
   transition: 0.6s;
   background-color: var(--black-2);
   opacity: 1;
   border-radius: 10px;
   position: relative;
 }

 .swiper-dot .swiper-pagination-bullet:not(:last-child) {
   margin-right: 15px;
 }

 .swiper-dot .swiper-pagination-bullet.swiper-pagination-bullet-active {
   background-color: var(--theme-2);
   -webkit-transition: 0.6s;
   transition: 0.6s;
   position: relative;
 }

 .swiper-dot .swiper-pagination-bullet.swiper-pagination-bullet-active::before {
   position: absolute;
   width: 20px;
   height: 20px;
   line-height: 20px;
   top: -7px;
   left: -7px;
   border-radius: 50%;
   background-color: transparent;
   border: 2px solid var(--theme-2);
   content: "";
 }

 .swiper-dot-2 .swiper-pagination-bullet {
   width: 6px;
   height: 6px;
   -webkit-transition: 0.6s;
   transition: 0.6s;
   background-color: var(--white);
   opacity: 1;
   border-radius: 10px;
   position: relative;
 }

 .swiper-dot-2 .swiper-pagination-bullet:not(:last-child) {
   margin-right: 15px;
 }

 .swiper-dot-2 .swiper-pagination-bullet::before {
   position: absolute;
   width: 20px;
   height: 20px;
   line-height: 20px;
   top: -7px;
   left: -7px;
   border-radius: 50%;
   background-color: black;
   border: 1.3px solid var(--white);
   content: "";
 }

 .swiper-dot-2 .swiper-pagination-bullet.swiper-pagination-bullet-active {
   background-color: var(--white);
   -webkit-transition: 0.6s;
   transition: 0.6s;
   position: relative;
 }

 .swiper-dot-2 .swiper-pagination-bullet.swiper-pagination-bullet-active::before {
   position: absolute;
   width: 20px;
   height: 20px;
   line-height: 20px;
   top: -7px;
   left: -7px;
   border-radius: 50%;
   background-color: transparent;
   border: 1.3px solid var(--white);
   content: "";
 }

 .array-button {
   position: relative;
   z-index: 99;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   gap: 15px;
 }

 .array-button .array-prev,
 .array-button .array-next {
   width: 50px;
   height: 50px;
   border-radius: 50%;
   background: var(--white);
   color: var(--black-2);
   font-size: 18px;
   font-weight: 600;
   -webkit-transition: all 0.4s ease-in-out;
   transition: all 0.4s ease-in-out;
 }

 .array-button .array-prev:hover,
 .array-button .array-next:hover {
   color: var(--white);
   background: var(--theme-2);
   border: none;
 }

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

 @media (max-width: 575px) {
   br {
     display: none;
   }
 }

 /* background */
 .bg-cover {
   background-repeat: no-repeat;
   background-size: cover;
   position: relative;
   background-position: center;
 }

 .head-color {
   color: var(--header);
 }

 .footer-bg {
   background-color: var(--header);
 }

 .background-black {
   background-color: var(--black) !important;
 }

 .bg-white {
   background-color: var(--white) !important;
 }

 .theme-bg {
   background-color: var(--theme);
 }

 .theme-bg-2 {
   background-color: var(--theme-2) !important;
 }

 .box-shadow {
   -webkit-box-shadow: var(---box-shadow);
   box-shadow: var(---box-shadow);
 }

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

 @media (max-width: 767px) {
   .mt-50 {
     margin-top: 30px;
   }
 }

 @media (max-width: 575px) {
   .mt-50 {
     margin-top: 20px;
   }
 }

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

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

 .theme-bg {
   background-color: #202426;
 }

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

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

 .border-none {
   border: none !important;
 }

 .progress-items {
   padding-top: 40px;
 }

 .progress-items .progress {
   background: transparent;
   -webkit-box-pack: start;
   -ms-flex-pack: start;
   justify-content: flex-start;
   border-radius: 100px;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   position: relative;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   height: 14px;
   width: 100%;
   border-radius: 0;
   border-radius: 46px;
   border: 1px solid rgba(11, 110, 218, 0.53);
   padding-left: 3px;
 }

 .progress-items .progress .progress-value {
   position: absolute;
   height: 8px;
   top: 50%;
   -webkit-transform: translateY(-50%);
   transform: translateY(-50%);
   left: 3px;
   border-radius: 46px;
   background: var(--theme-2);
   width: 0;
   -webkit-transition: all 800ms linear;
   transition: all 800ms linear;
 }

 .progress-items .point {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   -webkit-box-pack: justify;
   -ms-flex-pack: justify;
   justify-content: space-between;
   width: calc(100% - 88px);
   padding-top: 8px;
 }

 .case-study-1 {
   position: relative;
   padding-top: 60px;
   padding-bottom: 60px;
   background: linear-gradient(84deg, #003c65 0%, #0a66c2 100%) !important;

 }

 .case-study-1 .shape-1 {
   position: absolute;
   right: -6%;
   top: 12%;
   rotate: 90deg;
   -webkit-animation: zoomBig 5s infinite linear;
   animation: zoomBig 5s infinite linear;
 }

 .case-study-1 .caseStudy {
   overflow: inherit;
   right: 0;
 }

 .case-study-1 .single-case-item {
   position: relative;
 }

 .case-study-1 .single-case-item .image {
   -webkit-mask: url('data:image/svg+xml;utf8,<svg viewBox="0 0 536 475"  xmlns="http://www.w3.org/2000/svg"><path d="M0 103.277C0 97.0519 2.89825 91.1821 7.84034 87.3976L116.589 4.12101C120.079 1.44834 124.353 0 128.749 0H516C527.046 0 536 8.95431 536 20V455C536 466.046 527.046 475 516 475H20C8.95432 475 0 466.046 0 455V103.277Z"/> </svg>');
   mask: url('data:image/svg+xml;utf8,<svg viewBox="0 0 536 475"  xmlns="http://www.w3.org/2000/svg"><path d="M0 103.277C0 97.0519 2.89825 91.1821 7.84034 87.3976L116.589 4.12101C120.079 1.44834 124.353 0 128.749 0H516C527.046 0 536 8.95431 536 20V455C536 466.046 527.046 475 516 475H20C8.95432 475 0 466.046 0 455V103.277Z"/> </svg>');
   mask-repeat: no-repeat;
   -webkit-mask-repeat: no-repeat;
   position: relative;
   display: block;
   overflow: hidden;
   border-radius: 12px;
 }

 .case-study-1 .single-case-item .image::before {
   content: "";
   position: absolute;
   top: -125%;
   left: 0;
   z-index: 2;
   display: block;
   width: 100%;
   height: 100%;
   background: -webkit-gradient(linear, left bottom, left top, from(RGBA(var(--getizy-white-rgb, 255, 255, 255), 0%)), color-stop(300%, RGBA(var(--getizy-white-rgb, 255, 255, 255))));
   background: linear-gradient(to top, RGBA(var(--getizy-white-rgb, 255, 255, 255), 0%) 0%, RGBA(var(--getizy-white-rgb, 255, 255, 255)) 300%);
 }

 .case-study-1 .single-case-item .image img {
   width: 100%;
   height: 100%;
   -o-object-fit: cover;
   object-fit: cover;
   object-fit: cover;
   -webkit-transition: all 0.4s ease-in-out;
   transition: all 0.4s ease-in-out;
   border-radius: 12px;
 }

 .case-study-1 .single-case-item .content {
   width: calc(100% - 84px);
   position: absolute;
   background: var(--black-2);
   border-radius: 12px;
   padding: 30px;
   bottom: -50px;
   left: 50%;
   -webkit-transform: translateX(-50%);
   transform: translateX(-50%);
 }

 .case-study-1 .single-case-item .content .title {
   width: 70%;
 }

 .case-study-1 .single-case-item .content .title span {
   color: var(--theme-2);
   font-weight: 500;
 }

 .case-study-1 .single-case-item .content .title h4 {
   color: var(--white);
 }

 .case-study-1 .single-case-item .content .title h4 a {
   color: inherit;
   background: -webkit-gradient(linear, left top, right top, from(currentcolor), to(currentcolor)) 0px 95%/0px 1px no-repeat;
   background: linear-gradient(to right, currentcolor 0%, currentcolor 100%) 0px 95%/0px 1px no-repeat;
   -webkit-transition: all 500ms ease;
   transition: all 500ms ease;
 }

 .case-study-1 .single-case-item .content .title h4 a:hover {
   color: var(--theme);
   background-size: 100% 1px;
 }

 .case-study-1 .single-case-item .content .icon {
   width: 42px;
   height: 42px;
   border-radius: 50%;
   display: -webkit-inline-box;
   display: -ms-inline-flexbox;
   display: inline-flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   -webkit-box-pack: center;
   -ms-flex-pack: center;
   justify-content: center;
   cursor: pointer;
   background-color: var(--white);
 }

 .case-study-1 .single-case-item:hover img {
   -webkit-transform: scale(1.1);
   transform: scale(1.1);
 }

 .case-study-1 .single-case-item:hover .image::before {
   -webkit-animation: projectCardShine 0.50s;
   animation: projectCardShine 0.50s;
 }

 @-webkit-keyframes projectCardShine {
   100% {
     top: 125%;
   }
 }

 @keyframes projectCardShine {
   100% {
     top: 125%;
   }
 }

 .case-study-1.style-2 .single-case-item .image {
   width: 100%;
   -webkit-mask: none;
   mask: none;
 }

 .case-study-1.style-2 .single-case-item .content {
   /* width: 50%; */
   /* height: 150px; */
   position: absolute;
   background: var(--white);
   bottom: 0;
   left: 0;
   padding: 20px 30px;
   -webkit-transform: translateX(0);
   transform: translateX(0);
   border-radius: 0px 12px;
 }

 .case-study-1.style-2 .single-case-item .content .title {
   width: 100%;
 }

 .case-study-1.style-2 .single-case-item .content .title h4 {
   color: var(--black-2);
 }

 .case-study-1.style-2 .single-case-item .content .icon {
   position: absolute;
   right: -21px;
   background: linear-gradient(84deg, #de7b00 0%, #dc7c00 100%);
   color: var(--white);
 }

 .case-study-1.style-2 .swiper-dot .swiper-pagination-bullet {
   background-color: var(--white);
 }

 .case-study-2 .container-fluid {
   padding: 0 80px;
 }

 @media (max-width: 767px) {
   .case-study-2 .container-fluid {
     padding: 0 30px;
   }
 }

 .case-study-2 .case-study-grid {
   padding-top: 24px;
   display: -ms-grid;
   display: grid;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   -ms-grid-columns: auto auto auto;
   grid-template-columns: auto auto auto;
   gap: 24px;
   cursor: pointer;
 }

 @media (max-width: 1399px) {
   .case-study-2 .case-study-grid {
     -ms-grid-columns: auto auto;
     grid-template-columns: auto auto;
   }
 }

 @media (max-width: 991px) {
   .case-study-2 .case-study-grid {
     -ms-grid-columns: auto;
     grid-template-columns: auto;
   }
 }

 .case-study-2 .case-study-grid .single-case-item {
   width: 645px;
   height: 424px;
   position: relative;
   overflow: hidden;
   border-radius: 12px;
 }

 .case-study-2 .case-study-grid .single-case-item::after {
   position: absolute;
   top: 0;
   left: 0;
   right: 0;
   bottom: 0;
   width: 100%;
   height: 100%;
   content: "";
   background: rgba(2, 13, 68, 0.36);
   opacity: 0;
   visibility: hidden;
   height: 0;
   -webkit-transition: all 0.4s ease-in-out;
   transition: all 0.4s ease-in-out;
 }

 @media (max-width: 1899px) {
   .case-study-2 .case-study-grid .single-case-item {
     width: 100%;
   }
 }

 .case-study-2 .case-study-grid .single-case-item img {
   width: 100%;
   height: 100%;
   -o-object-fit: cover;
   object-fit: cover;
   object-fit: cover;
   border-radius: 12px;
 }

 .case-study-2 .case-study-grid .single-case-item.style-2 {
   width: 532px;
   height: 424px;
 }

 @media (max-width: 1899px) {
   .case-study-2 .case-study-grid .single-case-item.style-2 {
     width: 100%;
   }
 }

 .case-study-2 .case-study-grid .single-case-item .hover {
   width: 100%;
   position: absolute;
   bottom: 0;
   left: 0;
   opacity: 0;
   visibility: hidden;
   -webkit-transition: all 0.4s ease-in-out;
   transition: all 0.4s ease-in-out;
   z-index: 11;
 }

 @media (max-width: 575px) {
   .case-study-2 .case-study-grid .single-case-item .hover {
     -webkit-box-orient: vertical;
     -webkit-box-direction: normal;
     -ms-flex-direction: column;
     flex-direction: column;
   }
 }

 .case-study-2 .case-study-grid .single-case-item .hover .title span {
   color: var(--white);
   padding-left: 40px;
   font-weight: 600;
 }

 .case-study-2 .case-study-grid .single-case-item .hover .title h4 {
   border-radius: 0px 4px 4px 0px;
   background: linear-gradient(84deg, #3FB5FD 0%, #0B6EDA 100%);
   color: var(--white);
   padding: 5px 15px 5px 25px;
   margin-top: 6px;
   width: -webkit-max-content;
   width: -moz-max-content;
   width: max-content;
 }

 .case-study-2 .case-study-grid .single-case-item .hover .icon {
   width: 54px;
   height: 54px;
   border-radius: 50%;
   display: -webkit-inline-box;
   display: -ms-inline-flexbox;
   display: inline-flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   -webkit-box-pack: center;
   -ms-flex-pack: center;
   justify-content: center;
   cursor: pointer;
   background: linear-gradient(84deg, #3FB5FD 0%, #0B6EDA 100%);
   color: var(--white);
   margin-right: 45px;
   margin-top: 45px;
 }

 @media (max-width: 575px) {
   .case-study-2 .case-study-grid .single-case-item .hover .icon {
     margin: 0;
     margin-top: 20px;
   }
 }

 .case-study-2 .case-study-grid .single-case-item:hover::after {
   opacity: 1;
   visibility: visible;
   height: 100%;
 }

 .case-study-2 .case-study-grid .single-case-item:hover .hover {
   opacity: 1;
   visibility: visible;
   bottom: 35px;
 }

 .case-study-2 .nav {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   -ms-flex-wrap: wrap;
   flex-wrap: wrap;
   gap: 10px;
 }

 .case-study-2 .nav .nav-link {
   font-size: 16px;
   font-weight: 700;
   padding: 10px 17px;
   color: var(--text-2);
   background-color: var(--white);
   border: 1px solid var(--border-2);
   line-height: 1;
   text-transform: capitalize;
 }

 .case-study-2 .nav .nav-link:hover {
   color: var(--white);
   border: 1px solid var(--theme);
 }

 .case-study-2 .nav .nav-link.active {
   -o-border-image: linear-gradient(84deg, #3FB5FD 0%, #0B6EDA 100%);
   border-image: linear-gradient(84deg, #3FB5FD 0%, #0B6EDA 100%);
   border-image-slice: 1;
   color: var(--white) !important;
   background: linear-gradient(84deg, #3FB5FD 0%, #0B6EDA 100%);
 }

 .page-nav-wrap ul li {
   display: inline-block;
 }

 .page-nav-wrap ul li .page-numbers {
   display: inline-block;
   width: 46px;
   height: 46px;
   line-height: 46px;
   border-radius: 50%;
   background: var(--white);
   border: 1px solid var(--black-2);
   font-weight: 700;
   -webkit-transition: all 0.3s ease-in-out;
   transition: all 0.3s ease-in-out;
   margin: 0 5px;
 }

 .page-nav-wrap ul li .page-numbers.current {
   background-color: var(--theme);
   color: var(--white);
 }

 @media (max-width: 767px) {
   .page-nav-wrap ul li .page-numbers {
     margin-top: 10px;
     width: 50px;
     height: 50px;
     line-height: 50px;
     font-size: 14px;
   }
 }

 .page-nav-wrap ul li .page-numbers i {
   margin-top: 2px;
 }

 .page-nav-wrap ul li .page-numbers:hover {
   background-color: var(--black-2);
   color: var(--white);
 }

 .project-details-wrapper .project-details-content .project-details-image img {
   width: 100%;
   height: 100%;
   -o-object-fit: cover;
   object-fit: cover;
 }

 .project-details-wrapper .project-details-content h3 {
   font-size: 42px;
 }

 .project-details-wrapper .project-details-content .image {
   height: 350px;
   margin-top: 35px;
 }

 .project-details-wrapper .project-details-content .image img {
   width: 100%;
   height: 100%;
   -o-object-fit: cover;
   object-fit: cover;
   border-radius: 12px;
 }

 .project-details-wrapper .project-details-content h4 {
   font-size: 22px;
 }

 .project-details-wrapper .project-details-content .list {
   margin-top: 30px;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   gap: 85px;
   -ms-flex-wrap: wrap;
   flex-wrap: wrap;
 }

 .project-details-wrapper .project-details-content .list ul li {
   color: var(--text);
   font-weight: 500;
   padding-bottom: 10px;
 }

 .project-details-wrapper .project-details-content .list ul li i {
   padding-right: 5px;
   color: var(--theme-2);
 }

 .project-details-wrapper .project-sidebar-widget {
   padding: 40px 40px;
   background-color: var(--bg);
   margin-bottom: 30px;
   border-radius: 12px;
   border: 1px solid var(--theme);
 }

 .project-details-wrapper .project-sidebar-widget .wid-title {
   margin-bottom: 15px;
 }

 .project-details-wrapper .project-sidebar-widget .wid-title h3 {
   position: relative;
   padding-bottom: 15px;
   display: inline-block;
   font-size: 22px;
   font-weight: 600;
 }

 .project-details-wrapper .project-sidebar-widget .wid-title h3::before {
   position: absolute;
   bottom: 0;
   left: 0;
   width: 130px;
   height: 2px;
   content: "";
   background-color: var(--theme);
 }

 .project-details-wrapper .project-sidebar-widget .case-content-box .case-infobox li {
   color: var(--text);
   font-weight: 600;
   padding: 10px 30px;
   background-color: var(--white);
   margin-top: 25px;
   border-radius: 32px;
   -webkit-box-pack: stretch;
   -ms-flex-pack: stretch;
   justify-content: stretch;
 }

 .project-details-wrapper .project-sidebar-widget .social {
   margin-top: 24px;
 }

 .project-details-wrapper .project-sidebar-widget .social a {
   width: 42px;
   height: 42px;
   border-radius: 50%;
   display: -webkit-inline-box;
   display: -ms-inline-flexbox;
   display: inline-flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   -webkit-box-pack: center;
   -ms-flex-pack: center;
   justify-content: center;
   cursor: pointer;
   color: var(--theme-2);
   background-color: var(--white);
   -webkit-transition: all 0.4s ease-in-out;
   transition: all 0.4s ease-in-out;
   margin: 0 3px;
 }

 .project-details-wrapper .project-sidebar-widget .social a:hover {
   background: var(--theme-2);
   color: var(--white);
 }

 .team-1 {
   position: relative;
 }

 .team-1 .shape-1 {
   position: absolute;
   top: 0;
   right: 0;
   opacity: 5%;
 }

 .team-1 .single-team-item {
   position: relative;
   cursor: pointer;
   overflow: hidden;
   margin-top: 40px;
 }

 .team-1 .single-team-item .shape-2 {
   position: absolute;
   top: 50px;
   left: -0;
   z-index: 1;
   border-top-left-radius: 120px;
   opacity: 0;
   -webkit-transition: all 0.4s ease-in-out;
   transition: all 0.4s ease-in-out;
 }

 .team-1 .single-team-item .shape-3 {
   position: absolute;
   bottom: 50px;
   right: -100px;
   z-index: 1;
   opacity: 0;
   -webkit-transition: all 0.4s ease-in-out;
   transition: all 0.4s ease-in-out;
 }

 .team-1 .single-team-item .team-image {
   position: relative;
 }

 .team-1 .single-team-item .team-image .image {
   mask: url('data:image/svg+xml;utf8,<svg viewBox="0 0 312 382" xmlns="http://www.w3.org/2000/svg"><path d="M0 36.4468C0 32.1144 2.33527 28.1183 6.10988 25.9918L49.5029 1.54503C51.3007 0.532142 53.3294 0 55.393 0H300C306.627 0 312 5.37258 312 12V369.17C312 375.797 306.627 381.17 300 381.17H12C5.37259 381.17 0 375.797 0 369.17V36.4468Z" /></svg>');
   -webkit-mask: url('data:image/svg+xml;utf8,<svg viewBox="0 0 312 382" xmlns="http://www.w3.org/2000/svg"><path d="M0 36.4468C0 32.1144 2.33527 28.1183 6.10988 25.9918L49.5029 1.54503C51.3007 0.532142 53.3294 0 55.393 0H300C306.627 0 312 5.37258 312 12V369.17C312 375.797 306.627 381.17 300 381.17H12C5.37259 381.17 0 375.797 0 369.17V36.4468Z" /></svg>');
   border-radius: 12px;
   height: 381px;
   mask-repeat: no-repeat;
   -webkit-mask-repeat: no-repeat;
   -webkit-mask-size: cover;
   mask-size: cover;
 }

 .team-1 .single-team-item .team-image .image img {
   width: 100%;
   height: 100%;
   -o-object-fit: cover;
   object-fit: cover;
   object-fit: cover;
 }

 .team-1 .single-team-item .social-icon {
   position: absolute;
   bottom: 30px;
   left: 50%;
   -webkit-transform: translateX(-50%);
   transform: translateX(-50%);
   -webkit-transition: all 0.4s ease-in-out;
   transition: all 0.4s ease-in-out;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   gap: 10px;
 }

 .team-1 .single-team-item .social-icon a {
   width: 42px;
   height: 42px;
   background: var(--white);
   color: var(--black-2);
   border-radius: 50%;
   display: -webkit-inline-box;
   display: -ms-inline-flexbox;
   display: inline-flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   -webkit-box-pack: center;
   -ms-flex-pack: center;
   justify-content: center;
   cursor: pointer;
   overflow: hidden;
   visibility: hidden;
   opacity: 0;
   -webkit-transition: all 0.4s ease-in-out;
   transition: all 0.4s ease-in-out;
 }

 .team-1 .single-team-item .social-icon a:nth-child(1) {
   -webkit-transition: all 0.4s;
   transition: all 0.4s;
   -webkit-transform: translate3d(0, 50px, 0);
   transform: translate3d(0, 50px, 0);
 }

 .team-1 .single-team-item .social-icon a:nth-child(2) {
   -webkit-transition: all 0.55s;
   transition: all 0.55s;
   -webkit-transform: translate3d(0, 50px, 0);
   transform: translate3d(0, 50px, 0);
 }

 .team-1 .single-team-item .social-icon a:nth-child(3) {
   -webkit-transition: all 0.55s;
   transition: all 0.55s;
   -webkit-transform: translate3d(0, 50px, 0);
   transform: translate3d(0, 50px, 0);
 }

 .team-1 .single-team-item .social-icon a:nth-child(4) {
   -webkit-transition: all 0.85s;
   transition: all 0.85s;
   -webkit-transform: translate3d(0, 50px, 0);
   transform: translate3d(0, 50px, 0);
 }

 .team-1 .single-team-item .social-icon a i {
   position: relative;
   z-index: 2;
   display: inline-block;
   -webkit-backface-visibility: hidden;
   backface-visibility: hidden;
 }

 .team-1 .single-team-item .social-icon a:hover {
   background: linear-gradient(84deg, var(--theme) 0%, var(--theme-2) 100%);
   color: var(--white);
 }

 .team-1 .single-team-item .social-icon a:hover i {
   -webkit-animation: iconTranslateX 0.4s forwards;
   animation: iconTranslateX 0.4s forwards;
 }

 .team-1 .single-team-item:hover .social-icon a {
   opacity: 1;
   visibility: visible;
   -webkit-transform: translate3d(0, 0, 0);
   transform: translate3d(0, 0, 0);
 }

 .team-1 .single-team-item:hover .shape-2 {
   top: -2px;
   opacity: 1;
   left: -30px;
 }

 .team-1 .single-team-item:hover .shape-3 {
   opacity: 1;
   right: 0;
 }

 .team-1 .single-team-item .content p {
   color: var(--theme-2);
 }

 .team-1 .single-team-item .content h3 {
   font-size: 20px;
 }

 .team-2 .single-team-item {
   width: 100%;
   position: relative;
   height: 261px;
   border-radius: 12px;
   background: var(--white);
   -webkit-box-shadow: 7px 11px 50px 52px rgba(2, 8, 66, 0.03);
   box-shadow: 7px 11px 50px 52px rgba(2, 8, 66, 0.03);
   margin-top: 170px;
 }

 .team-2 .single-team-item .shape-1 {
   position: absolute;
   top: -100px;
   z-index: -1;
   left: 10px;
   opacity: 0.12;
   -webkit-animation: zoomBig 2s infinite linear;
   animation: zoomBig 2s infinite linear;
 }

 .team-2 .single-team-item .team-image {
   position: absolute;
   width: 230px;
   height: 230px;
   margin: 0 auto;
   top: -150px;
   left: 50%;
   -webkit-transform: translateX(-50%);
   transform: translateX(-50%);
 }

 .team-2 .single-team-item .team-image img {
   width: 100%;
   height: 100%;
   -o-object-fit: cover;
   object-fit: cover;
   border-radius: 50%;
   object-fit: cover;
 }

 .team-2 .single-team-item .content {
   padding-top: 100px;
   text-align: center;
 }

 .team-2 .single-team-item .content h4 a {
   color: var(--black-2);
   background: -webkit-gradient(linear, left top, right top, from(currentcolor), to(currentcolor)) 0px 95%/0px 1px no-repeat;
   background: linear-gradient(to right, currentcolor 0%, currentcolor 100%) 0px 95%/0px 1px no-repeat;
   -webkit-transition: all 0.4s ease-in-out;
   transition: all 0.4s ease-in-out;
 }

 .team-2 .single-team-item .content h4 a:hover {
   color: var(--theme);
   background-size: 100% 1px;
 }

 .team-2 .single-team-item .content p {
   color: var(--theme-2);
   padding-bottom: 5px;
 }

 .team-2 .single-team-item .content .social {
   padding-top: 22px;
   gap: 10px;
 }

 .team-2 .single-team-item .content .social a {
   width: 42px;
   height: 42px;
   border-radius: 50%;
   display: -webkit-inline-box;
   display: -ms-inline-flexbox;
   display: inline-flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   -webkit-box-pack: center;
   -ms-flex-pack: center;
   justify-content: center;
   cursor: pointer;
   background: var(--white);
   border: 1px solid var(--border-2);
   color: var(--theme-2);
 }

 .team-2 .single-team-item .content .social a i {
   position: relative;
   z-index: 2;
   display: inline-block;
   -webkit-backface-visibility: hidden;
   backface-visibility: hidden;
 }

 .team-2 .single-team-item .content .social a:hover {
   background: linear-gradient(84deg, var(--theme) 0%, var(--theme-2) 100%);
   color: var(--white);
 }

 .team-2 .single-team-item .content .social a:hover i {
   -webkit-animation: iconTranslateX 0.4s forwards;
   animation: iconTranslateX 0.4s forwards;
 }

 .team-3 {
   position: relative;
 }

 .team-3 .shape-1 {
   position: absolute;
   bottom: -70px;
   z-index: -1;
   left: -80px;
   opacity: 0.12;
   -webkit-animation: spinner 20s infinite linear;
   animation: spinner 20s infinite linear;
 }

 .team-3 .shape-2 {
   position: absolute;
   bottom: 10%;
   z-index: -1;
   right: 14%;
   opacity: 60%;
   -webkit-animation: zoomBig 5s infinite linear;
   animation: zoomBig 5s infinite linear;
 }

 .team-3 .bg-image {
   position: absolute;
   width: 100%;
   height: 100%;
   top: 0;
   z-index: -1;
 }

 .team-3 .single-team-item {
   width: 100%;
 }

 .team-3 .single-team-item .image {
   width: 100%;
   height: 266px;
 }

 .team-3 .single-team-item .image img {
   width: 100%;
   height: 100%;
   -o-object-fit: cover;
   object-fit: cover;
   object-fit: cover;
   border-radius: 4px;
 }

 .team-3 .single-team-item .content {
   background-color: var(--white);
   padding: 15px;
   border-radius: 71px;
   text-align: center;
   margin: 0 37px;
   margin-top: -50px;
   z-index: 1;
   position: relative;
 }

 @media (max-width: 1199px) {
   .team-3 .single-team-item .content {
     margin-left: 0;
     margin-right: 0;
   }
 }

 .team-3 .single-team-item .content p {
   color: var(--theme-2);
 }

 .team-3 .single-team-item .content h4 a {
   color: var(--black-2);
   background: -webkit-gradient(linear, left top, right top, from(currentcolor), to(currentcolor)) 0px 95%/0px 1px no-repeat;
   background: linear-gradient(to right, currentcolor 0%, currentcolor 100%) 0px 95%/0px 1px no-repeat;
   -webkit-transition: all 500ms ease;
   transition: all 500ms ease;
 }

 .team-3 .single-team-item .content h4 a:hover {
   color: var(--theme);
   background-size: 100% 1px;
 }

 .team-details-wrapper .team-image {
   height: 385px;
 }

 .team-details-wrapper .team-image img {
   width: 100%;
   height: 100%;
   -o-object-fit: cover;
   object-fit: cover;
 }

 .team-details-wrapper .team-details-content span {
   color: var(--theme-2);
 }

 .team-details-wrapper .team-details-content h3 {
   font-size: 28px;
 }

 .team-details-wrapper .team-details-contact {
   padding: 20px 30px;
   background-color: var(--white);
   margin-bottom: 30px;
   border-radius: 12px;
   border-radius: 12px;
   border-left: 2px solid #0B6EDA;
   background: #FFF;
   -webkit-box-shadow: 7px 11px 50px 52px rgba(2, 8, 66, 0.03);
   box-shadow: 7px 11px 50px 52px rgba(2, 8, 66, 0.03);
 }

 .team-details-wrapper .team-details-contact .team-content-box .team-infobox li {
   color: var(--text);
   font-weight: 600;
   padding: 10px 0;
   border-radius: 32px;
   -webkit-box-pack: stretch;
   -ms-flex-pack: stretch;
   justify-content: stretch;
 }

 .team-details-wrapper .team-details-contact .social {
   margin-top: 24px;
 }

 .team-details-wrapper .team-details-contact .social a {
   width: 42px;
   height: 42px;
   border-radius: 50%;
   display: -webkit-inline-box;
   display: -ms-inline-flexbox;
   display: inline-flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   -webkit-box-pack: center;
   -ms-flex-pack: center;
   justify-content: center;
   cursor: pointer;
   color: var(--theme-2);
   background-color: var(--white);
   -webkit-transition: all 0.4s ease-in-out;
   transition: all 0.4s ease-in-out;
   margin: 0 3px;
   border: 1px solid var(--border-2);
 }

 .team-details-wrapper .team-details-contact .social a:hover {
   background: var(--theme-2);
   color: var(--white);
 }

 .team-skill-wrapper .team-skill-content h3 {
   font-size: 28px;
 }

 .testimonial-1 {
   position: relative;
   padding-top: 60px;
   padding-bottom: 60px !important;


 }

 .testimonial-1 .shape-1 {
   position: absolute;
   left: 0;
   z-index: -1;
   -webkit-animation: zoomBig 6s infinite linear;
   animation: zoomBig 6s infinite linear;
 }

 .testimonial-1 .shape-2 {
   position: absolute;
   right: 0;
   bottom: -35%;
   z-index: -1;
   -webkit-animation: zoomBig 5s infinite linear;
   animation: zoomBig 5s infinite linear;
 }

 .testimonial-1 .array-button {
   position: absolute;
   top: 50%;
   left: 20px;
   right: 20px;
   -webkit-transform: translateY(-50%);
   transform: translateY(-50%);
   z-index: 99;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   -webkit-box-pack: justify;
   -ms-flex-pack: justify;
   justify-content: space-between;
 }

 @media (max-width: 767px) {
   .testimonial-1 .array-button {
     display: none;
   }
 }

 .testimonial-1 .array-button .array-prev {
   position: absolute;
   color: var(--black-2);
   border: 1px solid var(--black-2);
   left: 0;
 }

 .testimonial-1 .array-button .array-prev:hover {
   background-color: var(--black-2);
   color: var(--white);
 }

 .testimonial-1 .array-button .array-next {
   position: absolute;
   color: var(--black-2);
   border: 1px solid var(--black-2);
   right: 0;
 }

 .testimonial-1 .array-button .array-next:hover {
   background-color: var(--black-2);
   color: var(--white);
 }

 .testimonial-1 .testimonial-slide {
   overflow: inherit;
 }

 .testimonial-1 .signle-testimonial-item {
   background-color: var(--white);
   border-radius: 12px;
   -webkit-box-shadow: 7px 11px 50px 52px rgba(2, 8, 66, 0.03);
   box-shadow: 7px 11px 50px 52px rgba(2, 8, 66, 0.03);
   margin: 0 50px;
   padding: 40px;
   padding-right: 60px;
   gap: 40px;
   position: relative;
   margin-top: 50px;
   margin-bottom: 60px;
 }

 @media (max-width: 1199px) {
   .testimonial-1 .signle-testimonial-item {
     margin-left: 0;
     margin-right: 0;
     margin-bottom: 80px;
   }
 }

 @media (max-width: 767px) {
   .testimonial-1 .signle-testimonial-item {
     -webkit-box-orient: vertical;
     -webkit-box-direction: normal;
     -ms-flex-direction: column;
     flex-direction: column;
     padding: 40px 20px;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
   }
 }

 .testimonial-1 .signle-testimonial-item::after {
   position: absolute;
   top: 0;
   left: 0;
   right: 0;
   bottom: 0;
   width: 100%;
   height: 100%;
   content: "";
   right: auto;
   background-color: #003c65;
   left: -5px;
   z-index: -1;
   border-radius: 12px;
 }

 .testimonial-1 .signle-testimonial-item img {
   width: 191px;
   height: 191px;
   border-radius: 50%;
   -o-object-fit: cover;
   object-fit: cover;
 }

 .testimonial-1 .signle-testimonial-item .content .star {
   color: var(--theme-2);
   padding-bottom: 5px;
 }

 .testimonial-1 .signle-testimonial-item .content p {
   color: var(--text);
   font-family: "Montserrat", serif;
   font-size: 28px;
   font-weight: 600;
   line-height: 42px;
   letter-spacing: -0.28px;
 }

 @media (max-width: 767px) {
   .testimonial-1 .signle-testimonial-item .content p {
     font-size: 18px;
     text-align: center;
   }
 }

 .testimonial-2 {
   position: relative;
 }

 .testimonial-2 .shape-1 {
   position: absolute;
   bottom: 0;
   left: 0;
   opacity: 28%;
 }

 .testimonial-2 .single-testimonial-item {
   position: relative;
   background-color: var(--theme-3);
   padding: 40px 30px 20px 95px;
   max-width: 580px;
   border-radius: 12px;
   float: right;
 }

 @media (max-width: 1399px) {
   .testimonial-2 .single-testimonial-item {
     max-width: 100%;
     padding-left: 40px;
   }
 }

 .testimonial-2 .single-testimonial-item .client-img {
   position: absolute;
   width: 112px;
   height: 112px;
   left: -55px;
   top: 35px;
 }

 @media (max-width: 1399px) {
   .testimonial-2 .single-testimonial-item .client-img {
     position: initial;
     margin-bottom: 20px;
   }
 }

 .testimonial-2 .single-testimonial-item .client-img img {
   border-radius: 50%;
   width: 100%;
   height: 100%;
   -o-object-fit: cover;
   object-fit: cover;
   object-fit: cover;
 }

 .testimonial-2 .single-testimonial-item .client-rating {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   gap: 5px;
 }

 .testimonial-2 .single-testimonial-item .client-rating li {
   color: var(--theme);
 }

 .testimonial-2 .single-testimonial-item .text {
   font-size: 20px;
   font-weight: 600;
   line-height: 32px;
   letter-spacing: -0.2px;
   color: var(--white);
   padding-top: 10px;
   font-family: "Montserrat", serif;
 }

 .testimonial-2 .single-testimonial-item .client-info {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   -webkit-box-pack: justify;
   -ms-flex-pack: justify;
   justify-content: space-between;
   padding-top: 25px;
 }

 .testimonial-2 .single-testimonial-item .client-info .content h6 {
   font-size: 16px;
   color: var(--white);
 }

 .testimonial-2 .single-testimonial-item .client-info .content p {
   color: rgba(255, 255, 255, 0.75);
   font-weight: 500;
 }

 .testimonial-2 .swiper-dot .swiper-pagination-bullet {
   background-color: var(--white);
 }

 .testimonial-3 .testimonial-image {
   width: 535px;
   height: 535px;
   margin: 0 auto;
 }

 @media (max-width: 1199px) {
   .testimonial-3 .testimonial-image {
     width: 450px;
     height: 450px;
   }
 }

 @media (max-width: 575px) {
   .testimonial-3 .testimonial-image {
     width: 100%;
     height: 100%;
   }
 }

 .testimonial-3 .testimonial-image img {
   width: 100%;
   height: 100%;
   -o-object-fit: cover;
   object-fit: cover;
   object-fit: cover;
   border-radius: 50%;
 }

 .testimonial-3 .testimonial-content .array-button {
   position: absolute;
   bottom: 0;
   left: auto;
   right: 0;
 }

 .testimonial-3 .testimonial-content .single-testimonial-item {
   padding-top: 45px;
 }

 .testimonial-3 .testimonial-content .single-testimonial-item .client-rating {
   gap: 5px;
 }

 .testimonial-3 .testimonial-content .single-testimonial-item .client-rating li {
   color: var(--theme);
 }

 .testimonial-3 .testimonial-content .single-testimonial-item .text {
   font-family: "Montserrat", serif;
   color: var(--text);
   font-size: 24px;
   font-weight: 600;
   line-height: 41px;
   letter-spacing: -0.24px;
 }

 .testimonial-3 .testimonial-content .single-testimonial-item .client-info {
   padding-top: 65px;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   gap: 15px;
 }

 .testimonial-3 .testimonial-content .single-testimonial-item .client-info .client-img {
   position: relative;
   width: 65px;
   height: 65px;
 }

 .testimonial-3 .testimonial-content .single-testimonial-item .client-info .client-img img {
   width: 100%;
   height: 100%;
   -o-object-fit: cover;
   object-fit: cover;
   border-radius: 50%;
   object-fit: cover;
 }

 .testimonial-3 .testimonial-content .single-testimonial-item .client-info .client-img .icon {
   position: absolute;
   color: var(--theme-2);
   font-size: 30px;
   z-index: 11;
   top: -15px;
   right: -10px;
 }

 .testimonial-4 .single-testimonial-item {
   text-align: center;
   padding: 0 50px;
   border-right: 1px solid var(--border-2);
   position: relative;
 }

 .testimonial-4 .single-testimonial-item .shape-1 {
   position: absolute;
   left: 70px;
   top: 10px;
   opacity: 9%;
 }

 .testimonial-4 .single-testimonial-item .client-img {
   width: 78px;
   height: 78px;
   position: relative;
 }

 .testimonial-4 .single-testimonial-item .client-img img {
   width: 100%;
   height: 100%;
   -o-object-fit: cover;
   object-fit: cover;
   object-fit: cover;
   border-radius: 50%;
 }

 .testimonial-4 .single-testimonial-item .client-img .icon {
   position: absolute;
   top: 0;
   right: 0;
   font-size: 26px;
   color: var(--theme);
 }

 .testimonial-4 .single-testimonial-item .client-rating {
   padding-top: 25px;
   padding-bottom: 10px;
 }

 .testimonial-4 .single-testimonial-item .client-rating li {
   color: var(--theme);
   gap: 5px;
 }

 .testimonial-4 .single-testimonial-item .text {
   font-size: 18px;
   padding-top: 30px;
 }

 .testimonial-4 .single-testimonial-item .client-info {
   padding-top: 20px;
 }

 .testimonial-4 .single-testimonial-item .client-info p {
   font-size: 14px;
 }

 .process-1 {
   position: relative;
 }

 .process-1 .process-items {
   -ms-grid-columns: auto auto auto;
   grid-template-columns: auto auto auto;
   padding-top: 70px;
   padding-bottom: 60px;
 }

 @media (max-width: 1399px) {
   .process-1 .process-items {
     -ms-grid-columns: auto auto;
     grid-template-columns: auto auto;
     gap: 30px;
     -webkit-box-pack: center !important;
     -ms-flex-pack: center !important;
     justify-content: center !important;
   }
 }

 @media (max-width: 991px) {
   .process-1 .process-items {
     -ms-grid-columns: auto;
     grid-template-columns: auto;
   }
 }

 .process-1 .process-items .single-process-item {
   position: relative;
   z-index: 1;
   width: 372px;
 }

 .process-1 .process-items .single-process-item .icon {
   width: 56px;
   height: 56px;
   border-radius: 50%;
   display: -webkit-inline-box;
   display: -ms-inline-flexbox;
   display: inline-flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   -webkit-box-pack: center;
   -ms-flex-pack: center;
   justify-content: center;
   cursor: pointer;
   background: linear-gradient(84deg, #002A47 0%, #003C65 100%);
   font-size: 20px;
   font-weight: 700;
   color: var(--white);
   position: absolute;
   top: 25px;
   left: 10px;
   z-index: 1;
 }

 .process-1 .process-items .single-process-item:nth-child(2) .icon {
   top: 5px;
   left: 15px;
 }

 @media (max-width: 991px) {
   .process-1 .process-items .single-process-item {
     width: 100%;
   }
 }

 .process-1 .process-items .single-process-item .image {
   -webkit-mask: url('data:image/svg+xml;utf8,<svg viewBox="0 0 372 333" xmlns="http://www.w3.org/2000/svg"><path d="M0 75.1761C0 68.9789 2.87287 63.1318 7.77841 59.3447L79.2515 4.16861C82.7523 1.46598 87.0503 0 91.473 0H352C363.046 0 372 8.95431 372 20V312.34C372 323.385 363.046 332.34 352 332.34H20C8.95431 332.34 0 323.385 0 312.34V75.1761Z" /></svg>');
   mask: url('data:image/svg+xml;utf8,<svg viewBox="0 0 372 333" xmlns="http://www.w3.org/2000/svg"><path d="M0 75.1761C0 68.9789 2.87287 63.1318 7.77841 59.3447L79.2515 4.16861C82.7523 1.46598 87.0503 0 91.473 0H352C363.046 0 372 8.95431 372 20V312.34C372 323.385 363.046 332.34 352 332.34H20C8.95431 332.34 0 323.385 0 312.34V75.1761Z" /></svg>');
   mask-repeat: no-repeat;
   -webkit-mask-repeat: no-repeat;
   height: 332px;
   -webkit-mask-size: cover;
   mask-size: cover;
 }

 .process-1 .process-items .single-process-item .image img {
   width: 100%;
   height: 100%;
   -o-object-fit: cover;
   object-fit: cover;
   object-fit: cover;
 }

 .process-1 .process-items .single-process-item h4 {
   color: var(--white);
   padding-top: 20px;
 }

 .process-1 .process-items .single-process-item p {
   color: #ffffff;
   font-weight: 500;
   line-height: 26px;
   padding: 15px 20px 0 20px;
 }

 .process-1 .shape-1 {
   position: absolute;
   top: 0;
   right: 0;
   opacity: 5%;
   -webkit-animation: zoomBig 10s infinite linear;
   animation: zoomBig 10s infinite linear;
 }

 .process-1 .shape-2 {
   position: absolute;
   bottom: 0;
   right: 0;
   opacity: 40%;
   -webkit-animation: topToBottom 5s infinite linear;
   animation: topToBottom 5s infinite linear;
 }

 .process-1 .shape-3 {
   position: absolute;
   top: 0;
   left: 0;
   opacity: 40%;
   -webkit-animation: leftToRight 5s infinite linear;
   animation: leftToRight 5s infinite linear;
 }

 .process-1 .shape-4 {
   position: absolute;
   top: 26.5%;
   left: 25.5%;
   -webkit-animation: leftToRight 3s infinite linear;
   animation: leftToRight 3s infinite linear;
 }

 .process-1 .shape-5 {
   position: absolute;
   bottom: 29.5%;
   left: 49.5%;
   -webkit-animation: leftToRight 3s infinite linear;
   animation: leftToRight 3s infinite linear;
 }

 .process-2 {
   position: relative;
 }

 .process-2 .signle-process-item {
   position: relative;
   text-align: center;
   margin-top: 30px;
 }

 .process-2 .signle-process-item .shape-1 {
   position: absolute;
   right: -130px;
   -webkit-animation: rotateleft2 5s linear infinite;
   animation: rotateleft2 5s linear infinite;
 }

 @media (max-width: 767px) {
   .process-2 .signle-process-item .shape-1 {
     display: none;
   }
 }

 .process-2 .signle-process-item .shape-2 {
   position: absolute;
   right: -120px;
   top: 25px;
   -webkit-animation: rotateleft 5s linear infinite;
   animation: rotateleft 5s linear infinite;
 }

 @media (max-width: 1199px) {
   .process-2 .signle-process-item .shape-2 {
     display: none;
   }
 }

 .process-2 .signle-process-item .icons {
   display: inline-block;
   position: relative;
   padding-bottom: 35px;
 }

 .process-2 .signle-process-item .icons .icon-1 {
   width: 111px;
   height: 111px;
   border-radius: 50%;
   display: -webkit-inline-box;
   display: -ms-inline-flexbox;
   display: inline-flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   -webkit-box-pack: center;
   -ms-flex-pack: center;
   justify-content: center;
   cursor: pointer;
   -webkit-box-shadow: 7px 11px 50px 50px rgba(2, 8, 66, 0.03);
   box-shadow: 7px 11px 50px 50px rgba(2, 8, 66, 0.03);
   font-size: 37px;
   background: var(--white);
   color: var(--theme);
   -webkit-transition: all 0.4s ease-in-out;
   transition: all 0.4s ease-in-out;
 }

 .process-2 .signle-process-item .icons .icon-2 {
   width: 41px;
   height: 41px;
   border-radius: 50%;
   display: -webkit-inline-box;
   display: -ms-inline-flexbox;
   display: inline-flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   -webkit-box-pack: center;
   -ms-flex-pack: center;
   justify-content: center;
   cursor: pointer;
   color: var(--white);
   font-size: 16px;
   font-weight: 700;
   background-color: var(--theme-2);
   position: absolute;
   right: -10px;
 }

 .process-2 .signle-process-item:hover .icon-1 {
   background-color: var(--theme-2);
   color: var(--white);
   -webkit-transform: scale(1.05);
   transform: scale(1.05);
 }

 .video-1 {
   margin-top: -260px;
 }

 .video-1 .video-image {
   position: relative;
   -webkit-mask: url('data:image/svg+xml;utf8,<svg viewBox="0 0 1316 535"  xmlns="http://www.w3.org/2000/svg"><path d="M0 104.971C0 101.788 1.26428 98.7357 3.51472 96.4853L96.4853 3.51472C98.7357 1.26428 101.788 0 104.971 0H1191.66C1194.46 0 1197.18 0.984195 1199.34 2.78134L1311.68 96.4018C1314.42 98.6818 1316 102.059 1316 105.62V523C1316 529.627 1310.63 535 1304 535H12C5.3726 535 0 529.627 0 523V104.971Z" /></svg>');
   mask: url('data:image/svg+xml;utf8,<svg viewBox="0 0 1316 535"  xmlns="http://www.w3.org/2000/svg"><path d="M0 104.971C0 101.788 1.26428 98.7357 3.51472 96.4853L96.4853 3.51472C98.7357 1.26428 101.788 0 104.971 0H1191.66C1194.46 0 1197.18 0.984195 1199.34 2.78134L1311.68 96.4018C1314.42 98.6818 1316 102.059 1316 105.62V523C1316 529.627 1310.63 535 1304 535H12C5.3726 535 0 529.627 0 523V104.971Z" /></svg>');
   mask-repeat: no-repeat;
   -webkit-mask-repeat: no-repeat;
   height: 535px;
   border-radius: 30px;
   -webkit-mask-size: cover;
   mask-size: cover;
 }

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

 .video-1 .video-image::after {
   position: absolute;
   top: 0;
   left: 0;
   right: 0;
   bottom: 0;
   width: 100%;
   height: 100%;
   content: "";
   background: rgba(2, 13, 68, 0.44);
 }

 .video-1 .video-image .icon {
   border-radius: 50%;
   display: -webkit-inline-box;
   display: -ms-inline-flexbox;
   display: inline-flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   -webkit-box-pack: center;
   -ms-flex-pack: center;
   justify-content: center;
   cursor: pointer;
   background: linear-gradient(84deg, var(--theme) 0%, var(--theme-2) 100%);
   color: var(--white);
   position: relative;
   z-index: 2;
   margin: auto;
 }

 .video-1 .video-image .video-button {
   position: relative;
   border-radius: 50%;
   display: -webkit-inline-box;
   display: -ms-inline-flexbox;
   display: inline-flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   -webkit-box-pack: center;
   -ms-flex-pack: center;
   justify-content: center;
   cursor: pointer;
   width: 100px;
   height: 100px;
   background: linear-gradient(84deg, #3FB5FD 0%, #0B6EDA 100%);
   -webkit-transition: all 0.4s ease-in-out;
   transition: all 0.4s ease-in-out;
   z-index: 11;
   left: 50%;
   top: 50%;
   -webkit-transform: translate(-50%, -50%);
   transform: translate(-50%, -50%);
 }

 .video-1 .video-image .video-button i {
   font-size: 28px;
   color: var(--white);
 }

 .video-1 .video-image .video-button .video-button-ripple::before,
 .video-1 .video-image .video-button .video-button-ripple::after {
   position: absolute;
   top: 50%;
   left: 50%;
   width: 100%;
   height: 100%;
   -webkit-transform: translate(-50%, -50%);
   transform: translate(-50%, -50%);
   -webkit-box-shadow: 0 0 0 0 rgba(63, 181, 253, 0.6);
   box-shadow: 0 0 0 0 rgba(63, 181, 253, 0.6);
   -webkit-animation: popupVideo 3s infinite;
   animation: popupVideo 3s infinite;
   border-radius: 50%;
 }

 .video-1 .video-image .video-button .video-button-ripple::before {
   -webkit-animation-delay: 0.9s;
   animation-delay: 0.9s;
   content: "";
   position: absolute;
 }

 .video-1 .video-image .video-button .video-button-ripple::after {
   -webkit-animation-delay: 0.6s;
   animation-delay: 0.6s;
   content: "";
   position: absolute;
 }

 .video-1.style-2 .video-image {
   -webkit-mask: none;
   mask: none;
   border-radius: 20px;
 }

 .video-1.style-2 .video-image::after {
   display: none;
 }

 .video-1.style-2 .video-image .icon {
   width: 85px;
   height: 85px;
   font-size: 25px;
 }

 .video-1.video-page {
   margin-top: -220px;
 }

 @-webkit-keyframes popupVideo {
   70% {
     -webkit-box-shadow: 0 0 0 40px rgba(10, 165, 205, 0);
     box-shadow: 0 0 0 40px rgba(10, 165, 205, 0);
   }

   100% {
     -webkit-box-shadow: 0 0 0 0 rgba(10, 165, 205, 0);
     box-shadow: 0 0 0 0 rgba(10, 165, 205, 0);
   }
 }

 @keyframes popupVideo {
   70% {
     -webkit-box-shadow: 0 0 0 40px rgba(10, 165, 205, 0);
     box-shadow: 0 0 0 40px rgba(10, 165, 205, 0);
   }

   100% {
     -webkit-box-shadow: 0 0 0 0 rgba(10, 165, 205, 0);
     box-shadow: 0 0 0 0 rgba(10, 165, 205, 0);
   }
 }

 .blog-wrapper .blog-details-image {
   width: 100%;
   height: 472px;
 }

 .blog-wrapper .blog-details-image img {
   width: 100%;
   height: 100%;
   -o-object-fit: cover;
   object-fit: cover;
   border-radius: 10px;
 }

 .blog-wrapper .single-blog-post {
   margin-bottom: 40px;
   position: relative;
 }

 .blog-wrapper .single-blog-post .array-button {
   position: absolute;
   top: 50%;
   left: 20px;
   right: 20px;
   -webkit-transform: translateY(-50%);
   transform: translateY(-50%);
   z-index: 99;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   -webkit-box-pack: justify;
   -ms-flex-pack: justify;
   justify-content: space-between;
 }

 .blog-wrapper .single-blog-post.post-details.format-quote .post-content {
   position: relative;
   background: transparent;
   border: none;
 }

 .blog-wrapper .single-blog-post.post-details .post-content {
   border: none;
 }

 .blog-wrapper .single-blog-post.post-details .post-content h3 {
   font-size: 28px;
   font-weight: 700;
 }

 .blog-wrapper .single-blog-post.post-details .post-content .image-2 {
   height: 254px;
 }

 .blog-wrapper .single-blog-post.post-details .post-content .image-3 {
   height: 425px;
 }

 .blog-wrapper .single-blog-post.post-details .post-content img {
   width: 100%;
   height: 100%;
   -o-object-fit: cover;
   object-fit: cover;
 }

 .blog-wrapper .single-blog-post.post-details .post-content .single-post-image {
   width: 100%;
   height: 100%;
   -o-object-fit: cover;
   object-fit: cover;
 }

 .blog-wrapper .single-blog-post.post-details .post-content table {
   margin-top: 20px;
 }

 @media (max-width: 767px) {
   .blog-wrapper .single-blog-post.post-details .post-content h1 {
     font-size: 28px;
   }

   .blog-wrapper .single-blog-post.post-details .post-content h3 {
     font-size: 20px;
   }
 }

 .blog-wrapper .single-blog-post.post-details .wp-block-quote {
   background-color: var(--bg);
   padding: 40px 35px;
   margin: 40px 0px;
   position: relative;
   z-index: 1;
 }

 .blog-wrapper .single-blog-post.post-details .wp-block-quote blockquote {
   color: var(--black-2);
   font-size: 28px;
   font-style: normal;
   font-weight: 600;
   line-height: 39px;
   letter-spacing: -0.28px;
 }

 .blog-wrapper .single-blog-post.post-details .wp-block-quote .title span {
   font-size: 18px;
   font-weight: 500;
   color: var(--text);
 }

 .blog-wrapper .single-blog-post.post-details .wp-block-quote .title .icon {
   font-size: 40px;
   color: var(--theme-2);
 }

 .blog-wrapper .single-blog-post.format-video .post-featured-thumb,
 .blog-wrapper .single-blog-post.category-video-post .post-featured-thumb {
   z-index: 1;
   position: relative;
 }

 .blog-wrapper .single-blog-post.format-video .post-featured-thumb::before,
 .blog-wrapper .single-blog-post.category-video-post .post-featured-thumb::before {
   position: absolute;
   width: 100%;
   height: 100%;
   left: 0;
   top: 0;
   content: "";
   background-color: #282835;
   opacity: .3;
   z-index: -1;
 }

 .blog-wrapper .single-blog-post.quote-post .post-content,
 .blog-wrapper .single-blog-post.format-quote .post-content {
   position: relative;
   background-color: var(--theme);
   border: none;
 }

 .blog-wrapper .single-blog-post.quote-post .post-content::before,
 .blog-wrapper .single-blog-post.format-quote .post-content::before {
   position: absolute;
   top: 0;
   left: 0;
   right: 0;
   bottom: 0;
   width: 100%;
   height: 100%;
   content: "";
   background-image: url(../img/quotepost.html);
   background-repeat: no-repeat;
   background-size: cover;
 }

 .blog-wrapper .single-blog-post.quote-post .quote-content,
 .blog-wrapper .single-blog-post.format-quote .quote-content {
   overflow: hidden;
   padding: 50px;
 }

 @media (max-width: 585px) {

   .blog-wrapper .single-blog-post.quote-post .quote-content,
   .blog-wrapper .single-blog-post.format-quote .quote-content {
     text-align: center;
     font-size: 24px;
     padding: 30px;
   }
 }

 .blog-wrapper .single-blog-post.quote-post .quote-content .icon,
 .blog-wrapper .single-blog-post.format-quote .quote-content .icon {
   font-size: 70px;
   line-height: 80px;
   float: left;
   overflow: hidden;
   margin-right: 30px;
 }

 @media (max-width: 585px) {

   .blog-wrapper .single-blog-post.quote-post .quote-content .icon,
   .blog-wrapper .single-blog-post.format-quote .quote-content .icon {
     float: none;
     margin-bottom: 10px;
     margin-right: 0;
     font-size: 50px;
     line-height: 60px;
   }
 }

 .blog-wrapper .single-blog-post.quote-post .quote-content .quote-text,
 .blog-wrapper .single-blog-post.format-quote .quote-content .quote-text {
   overflow: hidden;
 }

 .blog-wrapper .single-blog-post.quote-post .quote-content h2,
 .blog-wrapper .single-blog-post.format-quote .quote-content h2 {
   margin-top: -2px;
   font-size: 36px;
   color: var(--white);
 }

 .blog-wrapper .single-blog-post.quote-post .quote-content .post-meta,
 .blog-wrapper .single-blog-post.format-quote .quote-content .post-meta {
   margin-top: 10px;
 }

 .blog-wrapper .single-blog-post.quote-post .quote-content .post-meta span,
 .blog-wrapper .single-blog-post.quote-post .quote-content .post-meta i,
 .blog-wrapper .single-blog-post.format-quote .quote-content .post-meta span,
 .blog-wrapper .single-blog-post.format-quote .quote-content .post-meta i {
   color: var(--white);
 }

 .blog-wrapper .single-blog-post:last-child {
   margin-bottom: 0;
 }

 .blog-wrapper .single-blog-post .post-featured-thumb {
   height: 450px;
   width: 100%;
   position: relative;
   margin-bottom: -2px;
 }

 .blog-wrapper .single-blog-post .post-featured-thumb .post-date {
   position: absolute;
   top: 20px;
   left: 20px;
   padding: 15px 30px;
   background-color: var(--theme);
   text-align: center;
 }

 .blog-wrapper .single-blog-post .post-featured-thumb .post-date h4 {
   color: var(--white);
 }

 .blog-wrapper .single-blog-post .post-featured-thumb .post-date h4 span {
   color: var(--white);
   text-transform: uppercase;
   font-size: 15px;
 }

 @media (max-width: 991px) {
   .blog-wrapper .single-blog-post .post-featured-thumb {
     height: 280px;
   }
 }

 @media (max-width: 767px) {
   .blog-wrapper .single-blog-post .post-featured-thumb {
     height: 230px;
   }
 }

 .blog-wrapper .single-blog-post .post-featured-thumb .video-button {
   position: relative;
   border-radius: 50%;
   display: -webkit-inline-box;
   display: -ms-inline-flexbox;
   display: inline-flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   -webkit-box-pack: center;
   -ms-flex-pack: center;
   justify-content: center;
   cursor: pointer;
   width: 100px;
   height: 100px;
   background: var(--white);
   -webkit-transition: all 0.4s ease-in-out;
   transition: all 0.4s ease-in-out;
   z-index: 11;
   left: 50%;
   top: 50%;
   -webkit-transform: translate(-50%, -50%);
   transform: translate(-50%, -50%);
 }

 .blog-wrapper .single-blog-post .post-featured-thumb .video-button i {
   font-size: 28px;
   color: var(--theme-2);
 }

 .blog-wrapper .single-blog-post .post-featured-thumb .video-button .video-button-ripple::before,
 .blog-wrapper .single-blog-post .post-featured-thumb .video-button .video-button-ripple::after {
   position: absolute;
   top: 50%;
   left: 50%;
   width: 100%;
   height: 100%;
   -webkit-transform: translate(-50%, -50%);
   transform: translate(-50%, -50%);
   -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 253, 0.6);
   box-shadow: 0 0 0 0 rgba(255, 255, 253, 0.6);
   -webkit-animation: popupVideo 3s infinite;
   animation: popupVideo 3s infinite;
   border-radius: 50%;
 }

 .blog-wrapper .single-blog-post .post-featured-thumb .video-button .video-button-ripple::before {
   -webkit-animation-delay: 0.9s;
   animation-delay: 0.9s;
   content: "";
   position: absolute;
 }

 .blog-wrapper .single-blog-post .post-featured-thumb .video-button .video-button-ripple::after {
   -webkit-animation-delay: 0.6s;
   animation-delay: 0.6s;
   content: "";
   position: absolute;
 }

 .blog-wrapper .single-blog-post .post-content {
   padding-top: 30px;
   overflow: hidden;
   -webkit-box-sizing: border-box;
   box-sizing: border-box;
 }

 @media (max-width: 575px) {
   .blog-wrapper .single-blog-post .post-content {
     padding-top: 20px;
   }
 }

 .blog-wrapper .single-blog-post .post-content h2 {
   line-height: 1.4;
   font-size: 36px;
   font-weight: 600;
 }

 @media (max-width: 575px) {
   .blog-wrapper .single-blog-post .post-content h2 {
     font-size: 28px;
   }
 }

 .blog-wrapper .single-blog-post .post-content h2 a:hover {
   color: var(--theme);
 }

 .blog-wrapper .single-blog-post .post-content p {
   font-size: 16px;
 }

 @media (max-width: 767px) {
   .blog-wrapper .single-blog-post .post-content {
     padding: 30px 10px;
   }
 }

 @media (max-width: 414px) {
   .blog-wrapper .single-blog-post .post-content h2 {
     font-size: 22px;
   }
 }

 .blog-wrapper .single-blog-post .post-content .post-cat a {
   color: var(--white);
   display: inline-block;
   background-color: var(--theme);
   padding: 14px 18px 12px;
   line-height: 1;
   font-size: 16px;
   font-weight: 700;
   -webkit-transition: all .3s ease-in-out;
   transition: all .3s ease-in-out;
   margin-bottom: 20px;
   text-transform: capitalize;
 }

 @media (max-width: 767px) {
   .blog-wrapper .single-blog-post .post-content .post-cat a {
     font-size: 12px;
   }
 }

 .blog-wrapper .single-blog-post .post-content .post-cat a:hover {
   background-color: var(--header);
 }

 .blog-wrapper .single-blog-post .post-content ul {
   margin-bottom: 0;
   list-style-type: disc;
   margin-top: 35px;
 }

 .blog-wrapper .single-blog-post .post-content ul ol {
   margin-bottom: 0;
 }

 .blog-wrapper .single-blog-post .post-content ul ul {
   margin-bottom: 0;
 }

 .blog-wrapper .single-blog-post .post-content ul li {
   line-height: 1.5;
   margin-top: 22px;
   list-style-type: disc;
   color: var(--text-2);
   font-weight: 500;
   position: relative;
   font-size: 18px;
   padding-left: 40px;
 }

 .blog-wrapper .single-blog-post .post-content ul li::before {
   width: 30px;
   height: 30px;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   -webkit-box-pack: center;
   -ms-flex-pack: center;
   justify-content: center;
   background-color: var(--white);
   position: absolute;
   left: 0;
   top: 0;
   font-family: "Font Awesome 5 Pro";
   content: "\f00c";
   font-size: 14px;
   color: var(--theme);
   border-radius: 50%;
   -webkit-box-shadow: 0px 0px 9px rgba(0, 0, 0, 0.09);
   box-shadow: 0px 0px 9px rgba(0, 0, 0, 0.09);
 }

 .blog-wrapper .single-blog-post .post-content ol {
   margin-bottom: 0;
   list-style-type: decimal;
 }

 .blog-wrapper .single-blog-post .post-content ol ul {
   margin-bottom: 0;
 }

 .blog-wrapper .single-blog-post .post-content ol ol {
   margin-bottom: 0;
 }

 .blog-wrapper .single-blog-post .post-content ol li {
   line-height: 1.5;
   margin-top: 10px;
   list-style-type: decimal;
 }

 .blog-wrapper .single-blog-post .post-content p {
   margin-top: 15px;
 }

 .blog-wrapper .single-blog-post .post-content .post-meta {
   margin-bottom: 10px;
 }

 .blog-wrapper .single-blog-post .post-content .post-meta span {
   color: var(--text);
   font-weight: 500;
   font-size: 16px;
   line-height: 1;
   display: inline-block;
   margin: 0 14px;
 }

 .blog-wrapper .single-blog-post .post-content .post-meta span:nth-child(1) {
   -webkit-margin-start: 0;
   margin-inline-start: 0;
 }

 .blog-wrapper .single-blog-post .post-content .post-meta span i {
   margin-right: 5px;
   color: var(--theme);
   font-weight: 700;
 }

 .blog-wrapper .single-blog-post .post-content .theme-btn i {
   -webkit-transform: rotate(0);
   transform: rotate(0);
 }

 .blog-wrapper .single-blog-post .post-content .author-info {
   overflow: hidden;
 }

 .blog-wrapper .single-blog-post .post-content .author-info .author-img {
   height: 40px;
   width: 40px;
   line-height: 40px;
   border-radius: 50%;
   background-color: #f2f2f2;
   margin-right: 15px;
   float: left;
   overflow: hidden;
   background-position: center;
   background-size: cover;
 }

 @media (max-width: 767px) {
   .blog-wrapper .single-blog-post .post-content .author-info .author-img {
     margin-right: 5px;
   }
 }

 .blog-wrapper .single-blog-post .post-content .author-info h5 {
   display: inline-block;
   line-height: 1;
   font-size: 16px;
   margin-top: 9px;
 }

 .blog-wrapper .single-blog-post .post-content .author-info h5 a:hover {
   color: var(--theme);
 }

 @media (max-width: 767px) {
   .blog-wrapper .single-blog-post .post-content .author-info h5 {
     font-size: 14px;
   }
 }

 .blog-wrapper .single-blog-post .post-content .post-link a {
   font-weight: 700;
 }

 .blog-wrapper .single-blog-post .post-content .post-link a:hover {
   color: var(--theme);
 }

 @media (max-width: 767px) {
   .blog-wrapper .single-blog-post .post-content .post-link a {
     font-size: 14px;
   }
 }

 .blog-wrapper .single-blog-post .post-content .post-link a i {
   margin-right: 5px;
 }

 @media (max-width: 767px) {
   .blog-wrapper .single-blog-post .post-content .post-link a i {
     margin-right: 3px;
   }
 }

 @media (min-width: 991px) {
   .news-area .main-sidebar {
     margin-left: 20px;
   }
 }

 @media (max-width: 991px) {
   .news-area .main-sidebar {
     margin-top: 40px;
   }
 }

 .news-area .main-sidebar .single-sidebar-widget {
   background-color: var(--bg);
   -webkit-box-sizing: border-box;
   box-sizing: border-box;
   padding: 30px;
   margin-bottom: 40px;
   border-radius: 10px;
 }

 .news-area .main-sidebar .single-sidebar-widget ul {
   padding-left: 0;
 }

 .news-area .main-sidebar .single-sidebar-widget ul>li {
   margin-bottom: 10px;
 }

 .news-area .main-sidebar .single-sidebar-widget ul>li a {
   font-size: 18px;
   font-weight: 600;
   text-transform: capitalize;
 }

 .news-area .main-sidebar .single-sidebar-widget ul>li a:hover {
   color: var(--theme);
 }

 .news-area .main-sidebar .single-sidebar-widget ul ul {
   padding-left: 20px;
 }

 .news-area .main-sidebar .single-sidebar-widget ul ul li {
   margin-top: 5px;
 }

 .news-area .main-sidebar .single-sidebar-widget:last-child {
   margin-bottom: 0;
 }

 .news-area .main-sidebar .single-sidebar-widget .wid-title {
   margin-bottom: 25px;
   padding-left: 5px;
   position: relative;
 }

 .news-area .main-sidebar .single-sidebar-widget .wid-title::before {
   left: 0;
   top: 50%;
   -webkit-transform: translateY(-50%);
   transform: translateY(-50%);
   content: "";
   height: 21px;
   width: 2px;
   border-radius: 5px;
   position: absolute;
   background-color: var(--theme-2);
 }

 .news-area .main-sidebar .single-sidebar-widget .wid-title h3 {
   font-size: 18px;
 }

 .news-area .main-sidebar .single-sidebar-widget .social-link a {
   display: inline-block;
   width: 40px;
   height: 40px;
   line-height: 40px;
   text-align: center;
   border-radius: 4px;
   background-color: var(--bg);
   font-size: 14px;
   margin-right: 5px;
   margin-bottom: 5px;
 }

 .news-area .main-sidebar .single-sidebar-widget .social-link a:hover {
   background-color: var(--theme);
   color: var(--white);
 }

 .search_widget form {
   width: 100%;
   position: relative;
 }

 .search_widget form input {
   background-color: var(--white);
   font-size: 15px;
   padding: 12px 25px;
   width: 100%;
   border: none;
   text-transform: capitalize;
   color: var(--header);
 }

 .search_widget form button {
   position: absolute;
   right: 0;
   top: 0;
   width: 70px;
   font-size: 18px;
   height: 100%;
   color: var(--black-2);
   text-align: center;
   -webkit-transition: all .3s ease-in-out;
   transition: all .3s ease-in-out;
 }

 .search_widget form button:hover {
   background-color: var(--header);
 }

 .popular-posts .single-post-item,
 .popular_posts .single-post-item {
   overflow: hidden;
   padding-bottom: 20px;
   margin-bottom: 20px;
 }

 .popular-posts .single-post-item:last-child,
 .popular_posts .single-post-item:last-child {
   margin-bottom: 0;
   border: none;
   padding-bottom: 0;
 }

 .popular-posts .single-post-item .thumb,
 .popular_posts .single-post-item .thumb {
   height: 85px;
   width: 100px;
   float: left;
   margin-right: 20px;
   border-radius: 4px;
 }

 .popular-posts .single-post-item .post-content,
 .popular_posts .single-post-item .post-content {
   overflow: hidden;
 }

 .popular-posts .single-post-item .post-content h5,
 .popular_posts .single-post-item .post-content h5 {
   font-size: 16px;
   line-height: 25px;
   margin-bottom: 0;
   font-family: "DM Sans", sans-serif;
   text-transform: capitalize;
 }

 .popular-posts .single-post-item .post-content h5 a,
 .popular_posts .single-post-item .post-content h5 a {
   color: var(--text);
 }

 .popular-posts .single-post-item .post-content h5 a:hover,
 .popular_posts .single-post-item .post-content h5 a:hover {
   color: var(--theme-2);
 }

 .popular-posts .single-post-item .post-content .post-date,
 .popular_posts .single-post-item .post-content .post-date {
   color: #959595;
   font-weight: 600;
   font-size: 15px;
   text-transform: capitalize;
 }

 .popular-posts .single-post-item .post-content .post-date i,
 .popular_posts .single-post-item .post-content .post-date i {
   color: var(--theme-2);
   margin-right: 7px;
   font-size: 20px;
 }

 .widget_categories {
   padding-right: 10px;
 }

 .widget_categories ul li {
   display: block;
 }

 .widget_categories ul li:last-child a {
   margin-bottom: 0;
 }

 .widget_categories ul li a {
   position: relative;
   background: var(--white);
   color: var(--text);
   padding: 18px 20px;
   line-height: 1;
   font-size: 16px;
   display: block;
   margin-bottom: 20px;
   border-radius: 4px;
   font-weight: 600;
   -webkit-transition: all 0.4s ease-in-out;
   transition: all 0.4s ease-in-out;
   z-index: 1;
   overflow: hidden;
 }

 .widget_categories ul li a::after {
   position: absolute;
   top: 0;
   left: 0;
   right: 0;
   bottom: 0;
   width: 100%;
   height: 100%;
   content: "";
   background: linear-gradient(84deg, var(--theme) 0%, var(--theme-2) 100%);
   z-index: -1;
   width: 0;
   opacity: 0;
   -webkit-transition: all 0.4s ease-in-out;
   transition: all 0.4s ease-in-out;
 }

 .widget_categories ul li a:hover {
   color: var(--white) !important;
 }

 .widget_categories ul li a:hover::after {
   width: 100%;
   opacity: 1;
 }

 .widget_categories ul li a:hover span {
   color: var(--white);
 }

 .widget_categories ul li a i {
   margin-right: 10px;
 }

 .widget_categories ul li a span {
   position: absolute;
   width: 60px;
   line-height: 55px;
   height: 100%;
   content: "";
   right: 0;
   top: 0;
   text-align: center;
   color: var(--text);
   -webkit-transition: all 0.4s ease-in-out;
   transition: all 0.4s ease-in-out;
 }

 .tagcloud a {
   display: inline-block;
   padding: 12px 25px;
   line-height: 1;
   font-weight: 600;
   border: 1px solid #F6F3EE;
   margin-right: 10px;
   text-transform: capitalize;
   margin-bottom: 10px;
   border-radius: 4px;
 }

 .tagcloud a:last-child {
   margin-right: 0;
 }

 .tagcloud a:hover {
   background-color: var(--theme-2);
   color: var(--white);
 }

 .tagcloud-2 a {
   display: inline-block;
   padding: 12px 15px;
   text-align: center;
   line-height: 1;
   font-weight: 500;
   background-color: var(--white);
   margin-right: 12px;
   text-transform: capitalize;
   margin-bottom: 10px;
   border-radius: 4px;
 }

 .tagcloud-2 a:last-child {
   margin-right: 0;
 }

 .tagcloud-2 a:hover {
   background-color: var(--theme-2);
   color: var(--white);
 }

 .widget_categories ul li {
   display: block;
   margin-bottom: 10px;
 }

 p.sticky-label {
   position: absolute;
   right: 0;
   background: var(--theme);
   color: var(--white);
   padding: 10px 40px;
   z-index: -1;
   top: 0;
   font-weight: 700;
 }

 .social-share a {
   width: 35px;
   height: 35px;
   background-color: var(--bg);
   border-radius: 50%;
   display: -webkit-inline-box;
   display: -ms-inline-flexbox;
   display: inline-flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   -webkit-box-pack: center;
   -ms-flex-pack: center;
   justify-content: center;
   cursor: pointer;
   border-radius: 4px;
   margin-left: 10px;
   -webkit-transition: all 0.4s ease-in-out;
   transition: all 0.4s ease-in-out;
 }

 .social-share a:hover {
   background-color: var(--theme-2);
   color: var(--white);
 }

 .tag-share-wrap {
   padding-bottom: 50px;
   padding-top: 60px;
 }

 .tag-share-wrap h4 {
   margin-right: 15px;
   line-height: 1;
 }

 @media (max-width: 767px) {
   .tag-share-wrap h4 {
     margin-bottom: 10px;
     font-size: 18px;
   }
 }

 @media (max-width: 767px) {
   .tag-share-wrap .tagcloud {
     margin-bottom: 20px;
   }
 }

 .comments-section-wrap {
   overflow: hidden;
 }

 .related-post-wrap,
 .comment-form-wrap {
   background-color: #F8F8F9;
   height: 100%;
   padding: 50px;
   padding-right: 65px;
 }

 @media (max-width: 767px) {

   .related-post-wrap,
   .comment-form-wrap {
     padding: 30px;
   }
 }

 .related-post-wrap h3,
 .comment-form-wrap h3 {
   font-size: 26px;
 }

 @media (max-width: 767px) {

   .related-post-wrap h3,
   .comment-form-wrap h3 {
     font-size: 20px;
   }
 }

 .comments-item-list .single-comment-item {
   margin-top: 30px;
 }

 .comments-item-list .single-comment-item ul {
   margin-bottom: 15px;
 }

 .comments-item-list .single-comment-item p,
 .comments-item-list .single-comment-item span {
   font-size: 16px;
 }

 .comments-item-list .single-comment-item .author-img {
   width: 70px;
   height: 70px;
   border-radius: 50%;
   float: left;
   overflow: hidden;
   margin-right: 30px;
 }

 @media (max-width: 585px) {
   .comments-item-list .single-comment-item .author-img {
     float: none;
     margin-bottom: 20px;
   }
 }

 .comments-item-list .single-comment-item .author-info-comment {
   overflow: auto;
   padding-bottom: 25px;
 }

 .comments-item-list .single-comment-item .author-info-comment .info {
   position: relative;
 }

 .comments-item-list .single-comment-item .author-info-comment .info .reply-btn {
   padding: 10px 18px;
   font-size: 25px;
   position: absolute;
   top: 50%;
   right: 0;
   -webkit-transform: translateY(-50%);
   transform: translateY(-50%);
   color: var(--header);
   border-radius: 0;
   -webkit-transition: all 0.4s ease-in-out;
   transition: all 0.4s ease-in-out;
   -webkit-box-shadow: inherit;
   box-shadow: inherit;
   margin-right: 30px;
 }

 @media (max-width: 767px) {
   .comments-item-list .single-comment-item .author-info-comment .info .reply-btn {
     font-size: 12px;
   }
 }

 .comments-item-list .single-comment-item .author-info-comment .info .reply-btn:hover {
   color: var(--theme-2) !important;
 }

 .comments-item-list .single-comment-item .author-info-comment .info h5 {
   margin-bottom: 2px;
 }

 @media (max-width: 767px) {
   .comments-item-list .single-comment-item .author-info-comment .info h5 {
     font-size: 16px;
   }
 }

 .comments-item-list .single-comment-item .author-info-comment span {
   color: var(--text);
   font-weight: 600;
 }

 .comments-item-list .single-comment-item .author-info-comment .theme-btn {
   padding: 7px 18px;
   font-size: 14px;
   position: absolute;
   top: 50%;
   right: 0;
   -webkit-transform: translateY(-50%);
   transform: translateY(-50%);
 }

 @media (max-width: 767px) {
   .comments-item-list .single-comment-item .author-info-comment .theme-btn {
     font-size: 12px;
   }
 }

 .comments-item-list .single-comment-item .author-info-comment .theme-btn i {
   margin-right: 5px;
 }

 .comments-item-list .single-comment-item .author-info-comment .theme-btn:hover a {
   color: var(--white);
 }

 .comments-item-list .single-comment-item .author-info-comment .comment-text {
   margin-top: 15px;
 }

 .comment-form {
   background-color: #F8F8F9;
   width: 100%;
   margin-top: 30px;
 }

 .comment-form label {
   margin-bottom: 4px;
 }

 .comment-form input,
 .comment-form textarea {
   margin-bottom: 20px;
   outline: none;
   padding: 20px 30px;
   line-height: 1;
   font-size: 16px;
   width: 100%;
   border: none;
   font-weight: 500;
   text-transform: capitalize;
   color: var(--header);
   background-color: var(--white);
 }

 @media (max-width: 585px) {

   .comment-form input,
   .comment-form textarea {
     padding: 15px;
   }
 }

 .comment-form textarea {
   height: 200px;
   line-height: 1.3;
   border: none;
 }

 @media (max-width: 767px) {
   .comment-form textarea {
     height: 120px;
   }
 }

 .comment-form .theme-btn i {
   margin-right: 10px;
   margin-left: 0;
   -webkit-transform: rotate(0);
   transform: rotate(0);
 }

 .comment ul {
   list-style-type: disc;
 }

 .comment ul ol {
   margin-bottom: 0;
 }

 .comment ul li {
   line-height: 1.5;
   margin-top: 10px;
   list-style-type: disc;
 }

 .comment ol ul {
   margin-bottom: 0;
 }

 .comment ol ol {
   margin-bottom: 0;
 }

 .comment ol li {
   line-height: 1.5;
   margin-top: 10px;
 }

 .site_info_widget .single-contact-info {
   overflow: auto;
   margin-bottom: 20px;
 }

 .site_info_widget .single-contact-info span {
   display: block;
   color: var(--theme);
 }

 .site_info_widget .single-contact-info .icon {
   width: 40px;
   height: 40px;
   line-height: 40px;
   color: var(--white);
   background-color: var(--theme);
   float: left;
   text-align: center;
   overflow: hidden;
   font-size: 16px;
   margin-right: 20px;
 }

 .site_info_widget .single-contact-info:nth-child(2n) .icon {
   background-color: var(--theme);
 }

 .site_info_widget .single-contact-info:nth-child(3n) .icon {
   background-color: var(--theme);
 }

 .site_info_widget .social-link {
   margin-top: 35px;
 }

 .site_info_widget .social-link a {
   margin-right: 8px !important;
 }

 .blog-author-info .image {
   width: 100px;
   height: 100px;
   margin: 0 auto;
 }

 .blog-author-info .image img {
   width: 100%;
   height: 100%;
   -o-object-fit: cover;
   object-fit: cover;
   border-radius: 50%;
 }

 .blog-author-info .author-social-link a {
   display: inline-block;
   width: 40px;
   height: 40px;
   line-height: 40px;
   text-align: center;
   border-radius: 4px;
   background-color: var(--white);
   font-size: 14px;
   margin-right: 5px;
   margin-bottom: 5px;
 }

 .blog-author-info .author-social-link a:hover {
   background-color: var(--theme-2);
   color: var(--white);
 }

 .alignleft {
   float: left;
   margin-right: 1.5em;
   margin-bottom: 1.5em;
 }

 .blog-1 {
   position: relative;
 }

 .blog-1 .shape-1 {
   position: absolute;
   top: 50px;
   left: 60px;
   opacity: 5%;
 }

 .blog-1 .shape-2 {
   position: absolute;
   bottom: 0;
   right: 0;
   opacity: 22%;
 }

 .blog-1 .blog-inner {
   padding-bottom: 220px;
 }

 .blog-1 .blog-inner .single-blog-item {
   margin-top: 40px;
   padding: 25px;
   background-color: var(--white);
   border-radius: 12px;
   position: relative;
 }

 .blog-1 .blog-inner .single-blog-item .image {
   -webkit-mask: url('data:image/svg+xml;utf8,<svg viewBox="0 0 374 282" xmlns="http://www.w3.org/2000/svg"><path d="M0 75.3262C0 69.1175 2.88346 63.2609 7.80428 59.4749L79.7142 4.14868C83.2106 1.45859 87.4984 0 91.9099 0H354C365.046 0 374 8.95431 374 20V262C374 273.046 365.046 282 354 282H20C8.9543 282 0 273.046 0 262V75.3262Z"/></svg>');
   mask: url('data:image/svg+xml;utf8,<svg viewBox="0 0 374 282" xmlns="http://www.w3.org/2000/svg"><path d="M0 75.3262C0 69.1175 2.88346 63.2609 7.80428 59.4749L79.7142 4.14868C83.2106 1.45859 87.4984 0 91.9099 0H354C365.046 0 374 8.95431 374 20V262C374 273.046 365.046 282 354 282H20C8.9543 282 0 273.046 0 262V75.3262Z"/></svg>');
   mask-repeat: no-repeat;
   -webkit-mask-repeat: no-repeat;
   position: relative;
   overflow: hidden;
 }

 .blog-1 .blog-inner .single-blog-item .image img {
   border-radius: 12px;
   -o-object-fit: cover;
   object-fit: cover;
 }

 .blog-1 .blog-inner .single-blog-item .image img:nth-child(2) {
   position: absolute;
   left: 0;
   top: 0;
   overflow: hidden;
   visibility: hidden;
   height: 100%;
   width: 0;
   -webkit-transition: 1s;
   transition: 1s;
   -webkit-transform: none;
   transform: none;
 }

 .blog-1 .blog-inner .single-blog-item .content {
   margin-top: 20px;
   position: relative;
   z-index: 9;
   border-radius: 5px;
   -webkit-transition: all 0.4s ease-in-out;
   transition: all 0.4s ease-in-out;
 }

 .blog-1 .blog-inner .single-blog-item .content ul {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   gap: 15px;
 }

 .blog-1 .blog-inner .single-blog-item .content ul li {
   font-weight: 500;
   background: linear-gradient(84deg, #3FB5FD 0%, #0B6EDA 100%);
   background-clip: text;
   -webkit-background-clip: text;
   color: transparent;
 }

 .blog-1 .blog-inner .single-blog-item .content ul li:nth-child(2) {
   color: rgba(73, 81, 91, 0.37);
   background: none;
   font-size: 10px;
 }

 .blog-1 .blog-inner .single-blog-item .content ul li:nth-child(3) {
   color: var(--text);
 }

 .blog-1 .blog-inner .single-blog-item .content h3 {
   margin-top: 10px;
   margin-bottom: 10px;
   font-size: 22px;
   font-weight: 700;
   line-height: 32px;
   letter-spacing: -0.22px;
 }

 .blog-1 .blog-inner .single-blog-item .content h3 a {
   color: inherit;
   background: -webkit-gradient(linear, left top, right top, from(currentcolor), to(currentcolor)) 0px 95%/0px 1px no-repeat;
   background: linear-gradient(to right, currentcolor 0%, currentcolor 100%) 0px 95%/0px 1px no-repeat;
   -webkit-transition: all 500ms ease;
   transition: all 500ms ease;
 }

 .blog-1 .blog-inner .single-blog-item .content h3 a:hover {
   color: var(--theme);
   background-size: 100% 1px;
 }

 .blog-1 .blog-inner .single-blog-item .content p {
   font-weight: 500;
   line-height: 28px;
   padding-bottom: 10px;
 }

 .blog-1 .blog-inner .single-blog-item .content .link-btn {
   font-weight: 700;
   background: linear-gradient(84deg, var(--theme) 0%, var(--theme-2) 100%);
   background-clip: text;
   -webkit-background-clip: text;
   color: transparent;
   font-size: 17px;
 }

 .blog-1 .blog-inner .single-blog-item .content .link-btn i {
   padding-left: 8px;
 }

 .blog-1 .blog-inner .single-blog-item:hover .image img:nth-child(2) {
   width: 100%;
   visibility: visible;
   -webkit-transform: none;
   transform: none;
 }

 .blog-1.style-2 {
   position: relative;
 }

 .blog-1.style-2 .blog-2-bg {
   position: absolute;
   top: 0;
   width: 100%;
   height: 100%;
   z-index: -1;
 }

 .blog-1.style-2 .blog-2-bg::after {
   position: absolute;
   top: 0;
   left: 0;
   right: 0;
   bottom: 0;
   width: 100%;
   height: 100%;
   content: "";
   background-color: var(--theme-3);
   opacity: 96%;
 }

 .blog-1.style-2 .blog-inner {
   padding-bottom: 93px;
 }

 .blog-1.style-2 .blog-inner .single-blog-item {
   background-color: transparent;
   padding: 0;
 }

 .blog-1.style-2 .blog-inner .single-blog-item .image {
   position: relative;
   -webkit-mask: none;
   mask: none;
   height: 285px;
   width: 100%;
 }

 .blog-1.style-2 .blog-inner .single-blog-item .image img {
   width: 100%;
   height: 100%;
   -o-object-fit: cover;
   object-fit: cover;
 }

 .blog-1.style-2 .blog-inner .single-blog-item .image .date {
   width: 75px;
   height: 72px;
   border-radius: 12px;
   background: linear-gradient(84deg, var(--theme) 0%, var(--theme-2) 100%);
   position: absolute;
   top: 20px;
   left: 20px;
   z-index: 2;
 }

 .blog-1.style-2 .blog-inner .single-blog-item .image .date h6 {
   color: var(--white);
   font-size: 24px;
   font-weight: 900;
   letter-spacing: -0.24px;
   text-align: center;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
   -ms-flex-direction: column;
   flex-direction: column;
 }

 .blog-1.style-2 .blog-inner .single-blog-item .image .date h6 span {
   font-family: "DM Sans", sans-serif;
   font-weight: 500;
   text-transform: uppercase;
   line-height: 22px;
 }

 .blog-1.style-2 .blog-inner .single-blog-item .content {
   width: calc(100% - 40px);
   margin: 0 auto;
   background-color: var(--theme-3);
   padding: 20px 10px 5px 30px;
   margin-top: -50px;
   border-radius: 12px;
 }

 .blog-1.style-2 .blog-inner .single-blog-item .content li i {
   color: var(--white);
 }

 .blog-1.style-3 .blog-inner {
   padding: 0;
 }

 .blog-1.style-3 .blog-inner .single-blog-item {
   padding-bottom: 35px;
 }

 .blog-1.style-3 .blog-inner .single-blog-item .image {
   -webkit-mask: none;
   mask: none;
   height: 285px;
   width: 100%;
 }

 .blog-1.style-3 .blog-inner .single-blog-item .image img {
   width: 100%;
   height: 100%;
   -o-object-fit: cover;
   object-fit: cover;
 }

 .blog-1.style-3 .blog-inner .single-blog-item .trasparent-btn {
   background: transparent;
   border: 1px solid var(--theme);
   color: var(--theme-2);
 }

 .blog-1.style-3 .blog-inner .single-blog-item .trasparent-btn::before,
 .blog-1.style-3 .blog-inner .single-blog-item .trasparent-btn::after {
   background-color: var(--theme);
 }

 .blog-1.style-3 .blog-inner .single-blog-item .trasparent-btn:hover {
   color: var(--white);
 }

 .blog-1.blog-page .blog-inner {
   padding-bottom: 0;
 }

 .blog-2 .single-blog-item {
   margin-top: 30px;
 }

 .blog-2 .single-blog-item .image {
   width: 100%;
   height: 188px;
 }

 .blog-2 .single-blog-item .image img {
   width: 100%;
   height: 100%;
   -o-object-fit: cover;
   object-fit: cover;
   border-radius: 12px;
 }

 .blog-2 .single-blog-item .content ul {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   gap: 12px;
   padding-top: 15px;
   padding-bottom: 10px;
 }

 .blog-2 .single-blog-item .content ul li {
   font-weight: 500;
   background: linear-gradient(84deg, var(--theme) 0%, var(--theme-2) 100%);
   background-clip: text;
   -webkit-background-clip: text;
   color: transparent;
 }

 .blog-2 .single-blog-item .content ul li:nth-child(2) {
   color: rgba(73, 81, 91, 0.37);
   background: none;
   font-size: 10px;
 }

 .blog-2 .single-blog-item .content ul li:nth-child(3) {
   color: var(--text);
 }

 .blog-2 .single-blog-item .content h5 a {
   background: -webkit-gradient(linear, left top, right top, from(currentcolor), to(currentcolor)) 0px 95%/0px 1px no-repeat;
   background: linear-gradient(to right, currentcolor 0%, currentcolor 100%) 0px 95%/0px 1px no-repeat;
   -webkit-transition: all 500ms ease;
   transition: all 500ms ease;
 }

 .blog-2 .single-blog-item .content h5 a:hover {
   color: var(--theme);
   background-size: 100% 1px;
 }

 .blog-2 .single-blog-item.style-2 {
   position: relative;
 }

 .blog-2 .single-blog-item.style-2 .image {
   height: 620px;
 }

 .blog-2 .single-blog-item.style-2 .content {
   position: absolute;
   bottom: 50px;
   left: 50px;
 }

 .blog-2 .single-blog-item.style-2 .content ul li {
   color: var(--white-3);
 }

 .blog-2 .single-blog-item.style-2 .content ul li:nth-child(2) {
   color: var(--white-3);
   background: none;
 }

 .blog-2 .single-blog-item.style-2 .content ul li:nth-child(3) {
   color: var(--white-3);
 }

 .blog-2 .single-blog-item.style-2 .content h3 {
   font-size: 28px;
   margin-bottom: 10px;
 }

 .blog-2 .single-blog-item.style-2 .content h3 a {
   color: var(--white);
   background: -webkit-gradient(linear, left top, right top, from(currentcolor), to(currentcolor)) 0px 95%/0px 1px no-repeat;
   background: linear-gradient(to right, currentcolor 0%, currentcolor 100%) 0px 95%/0px 1px no-repeat;
   -webkit-transition: all 500ms ease;
   transition: all 500ms ease;
 }

 .blog-2 .single-blog-item.style-2 .content h3 a:hover {
   color: var(--theme);
   background-size: 100% 1px;
 }

 .blog-2 .single-blog-item.style-2 .content a {
   color: var(--white);
 }

 .blog-2 .single-blog-item.style-2 .content a i {
   margin-top: 2px;
   padding-left: 5px;
 }

 .pricing-1 .icon-box {
   margin-top: 40px;
   gap: 20px;
 }

 @media (max-width: 767px) {
   .pricing-1 .icon-box {
     -webkit-box-orient: vertical;
     -webkit-box-direction: normal;
     -ms-flex-direction: column;
     flex-direction: column;
     -webkit-box-pack: center;
     -ms-flex-pack: center;
     justify-content: center;
     text-align: center;
   }
 }

 .pricing-1 .icon-box .icon {
   font-size: 43px;
   background: linear-gradient(84deg, #3FB5FD 0%, #0B6EDA 100%);
   background-clip: text;
   -webkit-background-clip: text;
   color: transparent;
 }

 .pricing-1 .icon-box .title h4 {
   color: var(--white);
   padding-bottom: 10px;
 }

 .pricing-1 .icon-box .title p {
   color: rgba(255, 255, 255, 0.75);
 }

 .pricing-1 .single-pricing-item {
   border-radius: 12px;
   background-color: var(--theme-3);
   padding: 40px 50px;
   position: relative;
 }

 @media (max-width: 1399px) {
   .pricing-1 .single-pricing-item {
     padding: 40px;
   }
 }

 .pricing-1 .single-pricing-item .header h4 {
   color: var(--white);
   padding-bottom: 10px;
 }

 .pricing-1 .single-pricing-item .header span {
   color: rgba(255, 255, 255, 0.75);
   font-weight: 500;
 }

 .pricing-1 .single-pricing-item .price {
   padding: 25px 0;
   font-size: 60px;
   font-weight: 800;
   line-height: 69px;
   letter-spacing: -1.2px;
   background: linear-gradient(84deg, #3FB5FD 0%, #0B6EDA 100%);
   background-clip: text;
   -webkit-background-clip: text;
   color: transparent;
   border-bottom: 1px solid rgba(255, 255, 255, 0.09);
 }

 .pricing-1 .single-pricing-item .price span {
   color: rgba(255, 255, 255, 0.75);
   font-weight: 500;
   line-height: 26px;
   font-size: 16px;
 }

 .pricing-1 .single-pricing-item .list {
   margin-top: 30px;
 }

 .pricing-1 .single-pricing-item .list li {
   color: rgba(255, 255, 255, 0.75);
   font-style: normal;
   font-weight: 500;
   line-height: 26px;
   padding-bottom: 12px;
 }

 .pricing-1 .single-pricing-item .list li i {
   color: var(--theme-2);
   padding-right: 5px;
 }

 .pricing-1 .single-pricing-item .theme-btn {
   margin-top: 25px;
   width: 100%;
 }

 .pricing-1.style-2 {
   position: relative;
 }

 .pricing-1.style-2 .light-shape {
   width: 638px;
   height: 638px;
   position: absolute;
   left: -10%;
   top: -20%;
   border-radius: 50%;
   background-color: rgba(255, 225, 0, 0.26);
   -webkit-filter: blur(250px);
   filter: blur(250px);
 }

 .pricing-1.style-2 .shape-1 {
   position: absolute;
   left: -5%;
   top: -20%;
   opacity: 13%;
   -webkit-animation: spinner 30s infinite linear;
   animation: spinner 30s infinite linear;
 }

 .pricing-1.style-2 .single-pricing-item {
   background-color: var(--white);
   padding: 55px 20px;
   padding-bottom: 0;
   position: relative;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
   -ms-flex-direction: column;
   flex-direction: column;
   -webkit-box-shadow: 7px 11px 50px 52px rgba(2, 8, 66, 0.03);
   box-shadow: 7px 11px 50px 52px rgba(2, 8, 66, 0.03);
   margin-top: 30px;
 }

 .pricing-1.style-2 .single-pricing-item::after {
   position: absolute;
   top: 0;
   left: 0;
   right: 0;
   bottom: 0;
   width: 100%;
   height: 100%;
   content: "";
   border: 1px solid var(--theme-4);
   height: 0;
   opacity: 0;
   -webkit-transition: all 0.4s ease-in-out;
   transition: all 0.4s ease-in-out;
   border-radius: 4px;
 }

 .pricing-1.style-2 .single-pricing-item.border-style {
   border: 1px solid var(--theme-4);
   height: 660px;
   -webkit-box-pack: justify;
   -ms-flex-pack: justify;
   justify-content: space-between;
 }

 @media (max-width: 1199px) {
   .pricing-1.style-2 .single-pricing-item.border-style {
     height: auto;
   }
 }

 .pricing-1.style-2 .single-pricing-item.border-style:hover::after {
   display: none;
 }

 .pricing-1.style-2 .single-pricing-item .price-btn {
   background-color: #F2F2F3;
   padding: 5px 13px;
   border: 1px solid var(--black-2);
   font-size: 12px;
   font-style: normal;
   font-weight: 600;
   line-height: 22px;
   letter-spacing: 0.24px;
   position: absolute;
   top: -15px;
   right: 20px;
   cursor: pointer;
 }

 .pricing-1.style-2 .single-pricing-item .header h4 {
   color: var(--black-2);
   text-align: center;
 }

 .pricing-1.style-2 .single-pricing-item .header span {
   color: var(--text);
 }

 .pricing-1.style-2 .single-pricing-item .price {
   border-bottom: none;
 }

 .pricing-1.style-2 .single-pricing-item .price span {
   color: var(--text);
 }

 .pricing-1.style-2 .single-pricing-item .list {
   margin-top: 30px;
 }

 .pricing-1.style-2 .single-pricing-item .list li {
   color: var(--text);
 }

 .pricing-1.style-2 .single-pricing-item .theme-btn {
   width: calc(100% - 80px);
   text-align: center;
   margin-top: 0;
 }

 .pricing-1.style-2 .single-pricing-item .price-img {
   width: 100%;
   height: 102px;
   margin-top: 20px;
 }

 .pricing-1.style-2 .single-pricing-item .price-img img {
   width: 100%;
   height: 100%;
   -o-object-fit: cover;
   object-fit: cover;
   object-fit: cover;
   border-radius: 12px 12px 0px 0px;
 }

 .pricing-1.style-2 .single-pricing-item:hover::after {
   position: absolute;
   top: 0;
   left: 0;
   right: 0;
   bottom: 0;
   width: 100%;
   height: 100%;
   content: "";
   border: 1px solid var(--theme-4);
   height: 100%;
   opacity: 1;
 }

 .funfact-1 {
   position: relative;
   margin-top: -110px;
 }

 .funfact-1 .funfact-inner {
   background: linear-gradient(84deg, #3FB5FD 0%, #0B6EDA 100%);
   padding: 50px 70px;
   border-radius: 20px;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   -webkit-box-pack: justify;
   -ms-flex-pack: justify;
   justify-content: space-between;
 }

 @media (max-width: 1399px) {
   .funfact-1 .funfact-inner {
     -webkit-box-orient: vertical;
     -webkit-box-direction: normal;
     -ms-flex-direction: column;
     flex-direction: column;
     gap: 20px;
   }
 }

 @media (max-width: 991px) {
   .funfact-1 .funfact-inner {
     padding: 50px 30px;
   }
 }

 .funfact-1 .funfact-inner .title {
   width: 30%;
   color: var(--white);
   font-size: 28px;
   font-weight: 800;
   line-height: 38px;
   letter-spacing: -0.28px;
 }

 @media (max-width: 1399px) {
   .funfact-1 .funfact-inner .title {
     width: 100%;
     text-align: center;
     font-size: 35px;
   }
 }

 .funfact-1 .funfact-inner .funfact-items {
   display: -ms-grid;
   display: grid;
   -ms-grid-columns: auto auto auto;
   grid-template-columns: auto auto auto;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   gap: 50px;
 }

 @media (max-width: 991px) {
   .funfact-1 .funfact-inner .funfact-items {
     -ms-grid-columns: auto auto;
     grid-template-columns: auto auto;
     gap: 30px;
   }
 }

 @media (max-width: 767px) {
   .funfact-1 .funfact-inner .funfact-items {
     -ms-grid-columns: auto;
     grid-template-columns: auto;
   }
 }

 .funfact-1 .funfact-inner .funfact-items .single-funfact-item {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   gap: 15px;
 }

 @media (max-width: 767px) {
   .funfact-1 .funfact-inner .funfact-items .single-funfact-item {
     -webkit-box-orient: vertical;
     -webkit-box-direction: normal;
     -ms-flex-direction: column;
     flex-direction: column;
     text-align: center;
   }
 }

 .funfact-1 .funfact-inner .funfact-items .single-funfact-item .icon {
   font-size: 70px;
   color: var(--white);
 }

 @media (max-width: 1199px) {
   .funfact-1 .funfact-inner .funfact-items .single-funfact-item .icon {
     font-size: 50px;
   }
 }

 .funfact-1 .funfact-inner .funfact-items .single-funfact-item .count-box {
   position: relative;
   width: 100%;
 }

 .funfact-1 .funfact-inner .funfact-items .single-funfact-item .count-box h2 {
   width: 100%;
   color: var(--white);
   font-size: 60px;
   font-weight: 700;
   line-height: 69px;
   letter-spacing: -1.2px;
 }

 @media (max-width: 1199px) {
   .funfact-1 .funfact-inner .funfact-items .single-funfact-item .count-box h2 {
     font-size: 45px;
   }
 }

 .funfact-1 .funfact-inner .funfact-items .single-funfact-item .count-box p {
   color: var(--white-3);
 }

 .funfact-2 {
   position: relative;
 }

 .funfact-2 .shape-1 {
   position: absolute;
   left: 0;
   top: 0;
   opacity: 19%;
   z-index: -1;
 }

 .funfact-2 .funfact-inner {
   border-radius: 12px;
   border: 1px solid rgba(4, 11, 41, 0.08);
   display: -ms-grid;
   display: grid;
   -ms-grid-columns: auto auto auto auto;
   grid-template-columns: auto auto auto auto;
   -webkit-box-pack: justify;
   -ms-flex-pack: justify;
   justify-content: space-between;
   padding: 35px;
 }

 @media (max-width: 1199px) {
   .funfact-2 .funfact-inner {
     -ms-grid-columns: auto auto auto;
     grid-template-columns: auto auto auto;
     gap: 30px;
   }
 }

 @media (max-width: 991px) {
   .funfact-2 .funfact-inner {
     -ms-grid-columns: auto auto;
     grid-template-columns: auto auto;
     -webkit-box-pack: center;
     -ms-flex-pack: center;
     justify-content: center;
   }
 }

 .funfact-2 .funfact-inner .signle-funfact-item {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   gap: 15px;
   position: relative;
 }

 @media (max-width: 767px) {
   .funfact-2 .funfact-inner .signle-funfact-item {
     -webkit-box-orient: vertical;
     -webkit-box-direction: normal;
     -ms-flex-direction: column;
     flex-direction: column;
     text-align: center;
   }
 }

 .funfact-2 .funfact-inner .signle-funfact-item::after {
   position: absolute;
   top: 0;
   left: 0;
   right: 0;
   bottom: 0;
   width: 100%;
   height: 100%;
   content: "";
   width: 1px;
   height: 164px;
   background-color: rgba(4, 11, 41, 0.08);
   bottom: auto;
   top: -35px;
   right: -50px;
   left: auto;
 }

 @media (max-width: 1399px) {
   .funfact-2 .funfact-inner .signle-funfact-item::after {
     display: none;
   }
 }

 .funfact-2 .funfact-inner .signle-funfact-item:nth-child(4)::after {
   content: none;
 }

 .funfact-2 .funfact-inner .signle-funfact-item .icon {
   width: 92px;
   height: 84px;
   background: #FFF;
   -webkit-box-shadow: 7px 11px 50px 52px rgba(2, 8, 66, 0.03);
   box-shadow: 7px 11px 50px 52px rgba(2, 8, 66, 0.03);
   border-radius: 50%;
   display: -webkit-inline-box;
   display: -ms-inline-flexbox;
   display: inline-flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   -webkit-box-pack: center;
   -ms-flex-pack: center;
   justify-content: center;
   cursor: pointer;
   border-radius: 6px;
   font-size: 49px;
 }

 .funfact-2 .funfact-inner .signle-funfact-item .icon i {
   background: linear-gradient(84deg, #DE7B00 0%, #DC7C00 100%);
   background-clip: text;
   -webkit-background-clip: text;
   color: transparent;
 }

 .funfact-2 .funfact-inner .signle-funfact-item .count-box h2 {
   color: #003c65;
   font-size: 48px;
   font-weight: 600;
   letter-spacing: -0.96px;
 }

 .funfact-3 {
   position: relative;
 }

 .funfact-3 .bg-image {
   position: absolute;
   width: 100%;
   height: 100%;
   top: -120px;
   z-index: -1;
 }

 .funfact-3 .shape-text {
   white-space: nowrap;
   min-width: 100%;
   z-index: 1;
   font-size: 150px;
   line-height: 120px;
   color: rgba(255, 255, 255, 0.8);
   font-weight: 900;
   letter-spacing: -3px;
   white-space: nowrap;
   text-transform: uppercase;
   -webkit-animation: scroll3 50s linear infinite;
   animation: scroll3 50s linear infinite;
 }

 .funfact-3 .funfact-inner {
   padding-top: 120px;
 }

 .funfact-3 .funfact-inner .funfact-content {
   position: relative;
 }

 .funfact-3 .funfact-inner .funfact-content .funfact-items {
   display: -ms-grid;
   display: grid;
   -ms-grid-columns: auto auto;
   grid-template-columns: auto auto;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   margin-top: 40px;
   row-gap: 70px;
 }

 .funfact-3 .funfact-inner .funfact-content .funfact-items .signle-funfact-item {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   gap: 25px;
 }

 @media (max-width: 575px) {
   .funfact-3 .funfact-inner .funfact-content .funfact-items .signle-funfact-item {
     -webkit-box-orient: vertical;
     -webkit-box-direction: normal;
     -ms-flex-direction: column;
     flex-direction: column;
     text-align: center;
   }
 }

 .funfact-3 .funfact-inner .funfact-content .funfact-items .signle-funfact-item .icon {
   width: 92px;
   height: 84px;
   border: 1px solid rgba(255, 255, 255, 0.87);
   background: rgba(255, 255, 255, 0.33);
   font-size: 50px;
   color: var(--white);
   border-radius: 50%;
   display: -webkit-inline-box;
   display: -ms-inline-flexbox;
   display: inline-flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   -webkit-box-pack: center;
   -ms-flex-pack: center;
   justify-content: center;
   cursor: pointer;
   border-radius: 6px;
 }

 .funfact-3 .funfact-inner .funfact-content .funfact-items .signle-funfact-item h2 {
   color: var(--theme-4);
   font-size: 48px;
   font-weight: 600;
 }

 .funfact-3 .funfact-inner .funfact-image {
   float: right;
   position: relative;
 }

 .funfact-3 .funfact-inner .funfact-image .shape-1 {
   position: absolute;
   top: 32px;
   left: -140px;
   z-index: -1;
   -webkit-animation: spinner 30s infinite linear;
   animation: spinner 30s infinite linear;
 }

 @media (max-width: 991px) {
   .funfact-3 .funfact-inner .funfact-image {
     float: none;
   }
 }

 .funfact-3 .funfact-inner .funfact-image .image-1 {
   width: 435px;
   height: 580px;
 }

 @media (max-width: 991px) {
   .funfact-3 .funfact-inner .funfact-image .image-1 {
     width: 100%;
   }
 }

 .funfact-3 .funfact-inner .funfact-image .image-1 img {
   width: 100%;
   height: 100%;
   -o-object-fit: cover;
   object-fit: cover;
   object-fit: cover;
   border-radius: 12px;
 }

 .funfact-3 .funfact-inner .funfact-image .image-2 {
   width: 320px;
   height: 354px;
   position: absolute;
   bottom: -30px;
   left: -200px;
   z-index: 1;
 }

 @media (max-width: 1399px) {
   .funfact-3 .funfact-inner .funfact-image .image-2 {
     left: -100px;
   }
 }

 .funfact-3 .funfact-inner .funfact-image .image-2::after {
   position: absolute;
   top: 0;
   left: 0;
   right: 0;
   bottom: 0;
   width: 100%;
   height: 100%;
   content: "";
   background-color: var(--white);
   top: -12px;
   right: -12px;
   left: auto;
   bottom: auto;
   z-index: -1;
   border-radius: 12px;
 }

 .funfact-3 .funfact-inner .funfact-image .image-2 img {
   width: 100%;
   height: 100%;
   -o-object-fit: cover;
   object-fit: cover;
   object-fit: cover;
   border-radius: 12px;
 }

 .faq-1 .faq-content .accordion-item {
   border: 0;
   margin-top: 15px;
   border-radius: 10px;
   background-color: transparent;
   border: 1px solid var(--border);
 }

 .faq-1 .faq-content .accordion-item .accordion-header .accordion-button {
   color: var(--white);
   font-size: 18px;
   font-weight: 700;
   letter-spacing: -0.18px;
   border: 0;
   border-radius: 0;
   -webkit-box-shadow: none;
   box-shadow: none;
   background-color: transparent;
   padding: 20px 30px;
   padding-right: 20px;
 }

 .faq-1 .faq-content .accordion-item .accordion-header .accordion-button::after {
   content: "\f107";
   background: transparent;
   font-family: "Font Awesome 5 Pro";
   font-weight: 300;
   line-height: 1;
   width: auto;
 }

 .faq-1 .faq-content .accordion-item .accordion-header .accordion-button:not(.collapsed)::after {
   content: "\f106";
   background: transparent;
   font-family: "Font Awesome 5 Pro";
   font-weight: 300;
   line-height: 1;
 }

 .faq-1 .faq-content .accordion-item .accordion-collapse .accordion-body {
   padding-top: 0px;
   padding-left: 30px;
   color: var(--white-3);
   font-size: 16px;
   font-weight: 500;
   line-height: 26px;
   margin-top: -10px;
 }

 .faq-1.style-2 .faq-content .accordion-item {
   border: 1px solid var(--border-2);
 }

 .faq-1.style-2 .faq-content .accordion-item .accordion-header .accordion-button {
   color: #de7b00;
 }

 .faq-1.style-2 .faq-content .accordion-item .accordion-collapse .accordion-body {
   color: var(--black-2);
 }

 .faq-1.style-2 .faq-images {
   float: right;
   position: relative;
 }

 @media (max-width: 991px) {
   .faq-1.style-2 .faq-images {
     float: none;
   }
 }

 .faq-1.style-2 .faq-images .image-1 {
   width: 560px;
   height: 650px;
 }

 @media (max-width: 1199px) {
   .faq-1.style-2 .faq-images .image-1 {
     width: 100%;
   }
 }

 .faq-1.style-2 .faq-images .image-1 img {
   width: 100%;
   height: 100%;
   -o-object-fit: cover;
   object-fit: cover;
   object-fit: cover;
 }

 .faq-1.style-2 .faq-images .image-2 {
   width: 320px;
   height: 354px;
   position: absolute;
   bottom: -60px;
   left: -60px;
   z-index: 1;
   -webkit-animation: topToBottom 2s linear infinite;
   animation: topToBottom 2s linear infinite;
 }

 .faq-1.style-2 .faq-images .image-2::after {
   position: absolute;
   top: 0;
   left: 0;
   right: 0;
   bottom: 0;
   width: 100%;
   height: 100%;
   content: "";
   background-color: var(--white);
   top: -12px;
   right: -12px;
   left: auto;
   bottom: auto;
   z-index: -1;
   border-radius: 12px;
 }

 @media (max-width: 1399px) {
   .faq-1.style-2 .faq-images .image-2 {
     display: none;
   }
 }

 .faq-1.style-2 .faq-images .image-2 img {
   width: 100%;
   height: 100%;
   -o-object-fit: cover;
   object-fit: cover;
   object-fit: cover;
   border-radius: 12px;
 }

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

 .gallery-img::before {
   position: absolute;
   top: 0;
   left: 0;
   right: 0;
   bottom: 0;
   width: 100%;
   height: 100%;
   content: "";
   background-color: var(--theme-4);
   opacity: 0;
   visibility: hidden;
   -webkit-transition: all 0.4s ease-in-out;
   transition: all 0.4s ease-in-out;
   border-radius: 12px;
 }

 .gallery-img img {
   width: 100%;
   height: 100%;
   -o-object-fit: cover;
   object-fit: cover;
   border-radius: 12px;
 }

 .gallery-img .gallery-content {
   position: absolute;
   top: 50%;
   left: 50%;
   -webkit-transform: translate(-50%, -50%);
   transform: translate(-50%, -50%);
   text-align: center;
   color: var(--white);
   opacity: 0;
   visibility: hidden;
   -webkit-transition: all 0.4s ease-in-out;
   transition: all 0.4s ease-in-out;
 }

 .gallery-img .gallery-content h4 {
   color: var(--white);
 }

 .gallery-img .gallery-content i {
   font-size: 45px;
 }

 .gallery-img:hover::before {
   opacity: .5;
   visibility: visible;
 }

 .gallery-img:hover .gallery-content {
   opacity: 1;
   visibility: visible;
 }

 .cta-1 {
   margin-top: 60px;
   margin-bottom: 90px;

 }

 .cta-1 .cta-inner {
   background-image: url("../img/careers.png");
   height: 440px;
   padding: 90px;
   position: relative;
   z-index: 1;
   overflow: hidden;
 }

 @media (max-width: 991px) {
   .cta-1 .cta-inner {
     height: 100%;
     padding-left: 40px;
     padding-top: 20px;
   }
 }

 .cta-1 .cta-inner .shape-1 {
   position: absolute;
   bottom: 0;
   right: 120px;
   z-index: -1;
 }

 .cta-1 .cta-inner .shape-2 {
   position: absolute;
   bottom: 0;
   right: 0;
   opacity: 30%;
   z-index: -1;
 }

 .cta-1 .cta-inner .images {
   width: 320px;
   height: 380px;
   margin-top: 60px;
   margin-left: 60px;
 }

 @media (max-width: 991px) {
   .cta-1 .cta-inner .images {
     width: 100%;
     margin-left: 0;
   }
 }

 @media (max-width: 500px) {
   .cta-1 .cta-inner .images {
     height: 100%;
   }
 }

 .cta-1 .cta-inner .images img {
   width: 100%;
   height: 100%;
   -o-object-fit: cover;
   object-fit: cover;
   -o-object-fit: contain;
   object-fit: contain;
 }

 .cta-2 {
   margin-top: -93px;
 }

 .cta-2 .cta-inner {
   width: 100%;
   position: relative;
   padding: 60px 70px 60px 110px;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   -webkit-box-pack: justify;
   -ms-flex-pack: justify;
   justify-content: space-between;
   border-radius: 20px;
   background: linear-gradient(84deg, var(--theme) 0%, var(--theme-2) 100%);
   -ms-flex-wrap: wrap;
   flex-wrap: wrap;
   row-gap: 30px;
 }

 @media (max-width: 991px) {
   .cta-2 .cta-inner {
     padding: 60px 40px;
     -webkit-box-pack: center;
     -ms-flex-pack: center;
     justify-content: center;
     text-align: center;
   }
 }

 .cta-2 .cta-inner .icon {
   width: 114px;
   height: 114px;
   border-radius: 50%;
   display: -webkit-inline-box;
   display: -ms-inline-flexbox;
   display: inline-flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   -webkit-box-pack: center;
   -ms-flex-pack: center;
   justify-content: center;
   cursor: pointer;
   background-color: var(--white);
   font-size: 53px;
   position: absolute;
   left: -56px;
   top: 50%;
   -webkit-transform: translateY(-50%);
   transform: translateY(-50%);
 }

 @media (max-width: 991px) {
   .cta-2 .cta-inner .icon {
     left: 50%;
     top: -56px;
     -webkit-transform: translateY(0);
     transform: translateY(0);
     -webkit-transform: translateX(-50%);
     transform: translateX(-50%);
   }
 }

 .cta-2 .cta-inner .icon i {
   background-image: linear-gradient(84deg, var(--theme) 0%, var(--theme-2) 100%);
   background-clip: text;
   -webkit-background-clip: text;
   color: transparent;
 }

 .cta-2 .cta-inner h3 {
   color: var(--white);
   font-size: 28px;
   font-weight: 700;
 }

 .cta-2 .cta-inner p {
   font-size: 18px;
   color: var(--white);
 }

 .cta-2.style-2 {
   margin: 0;
 }

 .cta-2.style-2 .cta-inner {
   padding-left: 40px;
   padding-right: 50px;
 }

 @media (max-width: 1199px) {
   .cta-2.style-2 .cta-inner {
     gap: 20px;
     -webkit-box-pack: center;
     -ms-flex-pack: center;
     justify-content: center;
   }
 }

 .cta-2.style-2 .cta-inner .icon {
   position: initial;
   -webkit-transform: translateY(0%);
   transform: translateY(0%);
 }

 .cta-2.style-3 {
   margin-bottom: -105px;
 }

 .cta-2.style-3 .cta-inner {
   background: linear-gradient(84deg, var(--theme) 0%, var(--theme-4) 100%);
 }

 .apps-wrapper {
   position: relative;
 }

 .apps-wrapper .bg-image {
   position: absolute;
   top: 0;
   width: 100%;
   height: 100%;
   z-index: -1;
 }

 .apps-wrapper .apps-image {
   width: 560px;
   height: 700px;
   margin-left: -35px;
 }

 .apps-wrapper .apps-image img {
   width: 100%;
   height: 100%;
   -o-object-fit: cover;
   object-fit: cover;
   -o-object-fit: contain;
   object-fit: contain;
 }

 @media (max-width: 767px) {
   .apps-wrapper .apps-content {
     padding-bottom: 80px;
   }
 }

 .apps-wrapper .apps-content .section-title h2 {
   font-size: 80px;
   line-height: 87px;
   padding-bottom: 40px;
 }

 @media (max-width: 767px) {
   .apps-wrapper .apps-content .section-title h2 {
     font-size: 50px;
     line-height: 60px;
   }
 }

 .apps-wrapper .apps-content .avater {
   gap: 15px;
 }

 .apps-wrapper .apps-content .input-form {
   position: relative;
   margin-top: 30px;
 }

 .apps-wrapper .apps-content .input-form input {
   width: 100%;
   outline: none;
   border: none;
   padding: 19px 22px;
   color: var(--header);
   background-color: whitesmoke;
   font-weight: 500;
   border-radius: 4px;
   -webkit-transition: all 0.4s ease-in-out;
   transition: all 0.4s ease-in-out;
 }

 .apps-wrapper .apps-content .input-form .theme-btn {
   position: absolute;
   right: 6px;
   top: 50%;
   -webkit-transform: translateY(-50%);
   transform: translateY(-50%);
 }

 .apps-wrapper .apps-content .button {
   margin-top: 40px;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   gap: 28px;
   -ms-flex-wrap: wrap;
   flex-wrap: wrap;
 }

 .apps-wrapper .apps-content .button .theme-btn i {
   padding-left: 15px;
   font-size: 22px;
   margin-top: -10px;
 }

 @media (max-width: 767px) {
   .apps-wrapper .apps-content .button .theme-btn {
     width: 100%;
   }
 }

 .scrolling-wrap {
   overflow: hidden;
   white-space: nowrap;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   gap: 20px;
 }

 .scrolling-wrap .comm {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   -webkit-animation: scroll 60s linear infinite;
   animation: scroll 60s linear infinite;
   gap: 50px;
   cursor: pointer;
 }

 .scrolling-wrap .comm .cmn-textslide {
   font-size: 42px;
   font-weight: 700;
   line-height: 55px;
   text-transform: capitalize;
   color: var(--white);
 }

 .scrolling-wrap .comm .cmn-textslide.color-2 {
   background-image: linear-gradient(84deg, var(--theme) 0%, var(--theme-4) 100%);
   background-clip: text;
   -webkit-background-clip: text;
   color: transparent;
 }

 .scrolling-wrap .comm:nth-child(2) {
   -webkit-animation: scroll2 60s linear infinite;
   animation: scroll2 60s linear infinite;
 }

 .scrolling-wrap:hover .comm {
   -webkit-animation-play-state: paused;
   animation-play-state: paused;
 }

 @-webkit-keyframes scroll {
   0% {
     -webkit-transform: translateX(0);
     transform: translateX(0);
   }

   100% {
     -webkit-transform: translateX(-100%);
     transform: translateX(-100%);
   }
 }

 @keyframes scroll {
   0% {
     -webkit-transform: translateX(0);
     transform: translateX(0);
   }

   100% {
     -webkit-transform: translateX(-100%);
     transform: translateX(-100%);
   }
 }

 @-webkit-keyframes scroll2 {
   0% {
     -webkit-transform: translateX(0%);
     transform: translateX(0%);
   }

   100% {
     -webkit-transform: translateX(-100%);
     transform: translateX(-100%);
   }
 }

 @keyframes scroll2 {
   0% {
     -webkit-transform: translateX(0%);
     transform: translateX(0%);
   }

   100% {
     -webkit-transform: translateX(-100%);
     transform: translateX(-100%);
   }
 }

 .marque-wrapper {
   -webkit-transform: rotate(-1deg);
   transform: rotate(-1deg);
 }

 .marque-wrapper .brand-slide-element {
   width: auto;
   display: inline-block;
 }

 .marque-wrapper .brand-slide-element .marque-text {
   background-color: var(--theme-4);
   display: -webkit-inline-box;
   display: -ms-inline-flexbox;
   display: inline-flex;
   padding: 15px 35px;
   border-radius: 4px;
 }

 .marque-wrapper .brand-slide-element .marque-text h3 {
   color: var(--white);
   font-size: 17px;
   font-weight: 700;
   font-family: "DM Sans", sans-serif;
 }

 .marque-wrapper.style-2 .brand-slide-element .marque-text {
   background-color: var(--theme-2);
 }

 .contact-us-1 {
   position: relative;
 }

 .contact-us-1 .shape-1 {
   position: absolute;
   bottom: 0;
   right: -5%;
   opacity: 8%;
   z-index: -1;
 }

 .contact-us-1 .shape-2 {
   position: absolute;
   top: 0;
   left: -8%;
   opacity: 8%;
   z-index: -1;
   rotate: 250deg;
 }

 .contact-us-1 .contact-us-content .infu-box {
   padding-bottom: 30px;
   gap: 20px;
 }

 @media (max-width: 767px) {
   .contact-us-1 .contact-us-content .infu-box {
     -webkit-box-orient: vertical;
     -webkit-box-direction: normal;
     -ms-flex-direction: column;
     flex-direction: column;
     text-align: center;
   }
 }

 .contact-us-1 .contact-us-content .infu-box .icon {
   background-clip: text;
   -webkit-background-clip: text;
   color: transparent;
   background-image: linear-gradient(84deg, var(--theme) 0%, var(--theme-2) 100%);
   font-size: 21px;
 }

 .contact-us-1 .contact-us-content .infu-box h3 {
   font-weight: 600;
   letter-spacing: -0.24px;
 }

 .contact-us-1 .contact-right {
   position: relative;
   background-color: var(--white);
   border-radius: 12px;
   padding: 50px;
   -webkit-box-shadow: 7px 11px 50px 52px rgba(2, 8, 66, 0.03);
   box-shadow: 7px 11px 50px 52px rgba(2, 8, 66, 0.03);
   margin-left: -5px;
 }

 @media (max-width: 991px) {
   .contact-us-1 .contact-right {
     padding: 50px 20px;
   }
 }

 .contact-us-1 .contact-right::after {
   position: absolute;
   top: 0;
   left: 0;
   right: 0;
   bottom: 0;
   width: 100%;
   height: 100%;
   content: "";
   background-color: var(--theme);
   right: -5px;
   left: auto;
   z-index: -1;
   border-radius: 12px;
 }

 .contact-us-1 .contact-right h3 {
   font-size: 28px;
   font-weight: 600;
   letter-spacing: -0.28px;
   text-align: center;
   padding-bottom: 30px;
 }

 .contact-us-1 .contact-right .form-clt {
   position: relative;
 }

 .contact-us-1 .contact-right .form-clt .icon {
   position: absolute;
   top: 15px;
   right: 15px;
   width: 35px;
   height: 35px;
   line-height: 32px;
   border-radius: 50%;
   background-color: var(--white);
   -webkit-box-shadow: 0px 10px 20px 0px rgba(34, 34, 34, 0.08);
   box-shadow: 0px 10px 20px 0px rgba(34, 34, 34, 0.08);
   text-align: center;
 }

 @media (max-width: 575px) {
   .contact-us-1 .contact-right .form-clt .icon {
     top: 15px;
   }
 }

 .contact-us-1 .contact-right .form-clt .icon i {
   color: var(--header);
   font-size: 14px;
 }

 .contact-us-1 .contact-right .form-clt input {
   width: 100%;
   outline: none;
   border: none;
   padding: 10px 22px;
   color: var(--header);
   background-color: whitesmoke;
   font-weight: 500;
   border-radius: 4px;
   -webkit-transition: all 0.4s ease-in-out;
   transition: all 0.4s ease-in-out;
 }

 @media (max-width: 991px) {
   .contact-us-1 .contact-right .form-clt input {
     font-size: 15px;
   }
 }

 @media (max-width: 575px) {
   .contact-us-1 .contact-right .form-clt input {
     font-size: 14px;
     padding: 15px 20px;
   }
 }

 .contact-us-1 .contact-right .form-clt .nice-select {
   background-color: whitesmoke;
   font-weight: 500;
   border-radius: 4px;
   padding: 10px 22px;
   width: 100%;
   border: none;
 }

 .contact-us-1 .contact-right .form-clt .nice-select::after {
   height: 10px;
   width: 10px;
   right: 25px;
   border-color: var(--text);
   border-bottom: 2px solid var(--text);
   border-right: 2px solid var(--text);
 }

 .contact-us-1 .contact-right .form-clt .nice-select span {
   color: var(--text);
 }

 @media (max-width: 991px) {
   .contact-us-1 .contact-right .form-clt .nice-select {
     font-size: 15px;
   }
 }

 @media (max-width: 575px) {
   .contact-us-1 .contact-right .form-clt .nice-select {
     font-size: 14px;
     padding: 15px 20px;
   }
 }

 .contact-us-1 .contact-right .form-clt .nice-select .list {
   background-color: var(--white);
   width: 100%;
 }

 .contact-us-1 .contact-right .form-clt .nice-select .list li {
   border: none;
   background-color: transparent;
 }

 .contact-us-1 .contact-right .form-clt .nice-select .option {
   padding: 8px 10px;
 }

 .contact-us-1 .contact-right .form-clt-big textarea {
   padding: 10px 22px 105px;
   width: 100%;
   outline: none;
   color: var(--header);
   background-color: whitesmoke;
   font-weight: 500;
   border: none;
   border-radius: 4px;
 }

 @media (max-width: 1199px) {
   .contact-us-1 .contact-right .form-clt-big textarea {
     font-size: 15px;
   }
 }

 .contact-us-1 .contact-right .theme-btn {
   background-color: var(--theme-2);
 }

 .contact-us-2 {
   position: relative;
 }

 .contact-us-2::after {
   position: absolute;
   top: 0;
   left: 0;
   right: 0;
   bottom: 0;
   width: 100%;
   height: 100%;
   content: "";
   max-width: 1500px;
   height: 642px;
   background: rgba(0, 85, 255, 0.08);
   margin: 0 auto;
   z-index: -1;
   border-radius: 20px;
   overflow: hidden;
 }

 .contact-us-2 .shape-1 {
   position: absolute;
   top: 0%;
   left: 10.6%;
   opacity: 21%;
   z-index: 11;
 }

 @media (max-width: 1899px) {
   .contact-us-2 .shape-1 {
     display: none;
   }
 }

 .contact-us-2 .shape-2 {
   position: absolute;
   top: 4%;
   left: 14%;
   opacity: 21%;
   z-index: 11;
   rotate: 90deg;
   -webkit-animation: zoomBig 3s infinite linear;
   animation: zoomBig 3s infinite linear;
 }

 @media (max-width: 1899px) {
   .contact-us-2 .shape-2 {
     display: none;
   }
 }

 .contact-us-2 .shape-3 {
   position: absolute;
   top: 2%;
   right: 11.8%;
   z-index: -1;
   -webkit-animation: zoomBig 3s infinite linear;
   animation: zoomBig 3s infinite linear;
 }

 @media (max-width: 1899px) {
   .contact-us-2 .shape-3 {
     display: none;
   }
 }

 .contact-us-2 .contact-us-inner {
   margin-top: 40px;
   padding: 60px;
   padding-top: 50px;
   border-radius: 12px;
   background: var(--white);
   -webkit-box-shadow: 7px 11px 50px 52px rgba(2, 8, 66, 0.03);
   box-shadow: 7px 11px 50px 52px rgba(2, 8, 66, 0.03);
 }

 @media (max-width: 450px) {
   .contact-us-2 .contact-us-inner {
     padding: 60px 30px;
   }
 }

 .contact-us-2 .contact-us-inner .contact-left span {
   color: rgba(73, 81, 91, 0.84);
   font-weight: 500;
 }

 .contact-us-2 .contact-us-inner .contact-left .form-clt {
   position: relative;
   margin-top: 12px;
 }

 .contact-us-2 .contact-us-inner .contact-left .form-clt input {
   width: 100%;
   outline: none;
   border: none;
   padding: 10px 22px;
   color: var(--header);
   background-color: transparent;
   border: 1px solid var(--border-2);
   font-weight: 500;
   border-radius: 4px;
   -webkit-transition: all 0.4s ease-in-out;
   transition: all 0.4s ease-in-out;
 }

 @media (max-width: 991px) {
   .contact-us-2 .contact-us-inner .contact-left .form-clt input {
     font-size: 15px;
   }
 }

 @media (max-width: 575px) {
   .contact-us-2 .contact-us-inner .contact-left .form-clt input {
     font-size: 14px;
     padding: 15px 20px;
   }
 }

 .contact-us-2 .contact-us-inner .contact-left .categories .categories-items {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   gap: 10px;
   -ms-flex-wrap: wrap;
   flex-wrap: wrap;
 }

 .contact-us-2 .contact-us-inner .contact-left .categories .categories-items .single-item {
   padding: 5px 17px;
   border-radius: 4px;
   display: -webkit-inline-box;
   display: -ms-inline-flexbox;
   display: inline-flex;
   border: 1px solid var(--border-2);
 }

 .contact-us-2 .contact-us-inner .contact-left .checked-box {
   max-width: 430px;
 }

 .contact-us-2 .contact-us-inner .contact-left .checked-box .checked-box-items {
   display: -ms-grid;
   display: grid;
   -ms-grid-columns: auto auto auto;
   grid-template-columns: auto auto auto;
   row-gap: 10px;
 }

 @media (max-width: 575px) {
   .contact-us-2 .contact-us-inner .contact-left .checked-box .checked-box-items {
     -ms-grid-columns: auto auto;
     grid-template-columns: auto auto;
   }
 }

 @media (max-width: 450px) {
   .contact-us-2 .contact-us-inner .contact-left .checked-box .checked-box-items {
     -ms-grid-columns: auto;
     grid-template-columns: auto;
   }
 }

 .contact-us-2 .contact-us-inner .contact-left .checked-box .checked-box-items .form-check .form-check-label {
   color: rgba(73, 81, 91, 0.83);
   font-size: 14px;
   font-weight: 500;
 }

 .contact-us-2 .contact-us-inner .contact-right .price-ranger {
   width: 100%;
 }

 .contact-us-2 .contact-us-inner .contact-right .price-ranger .ui-slider-horizontal {
   height: 8px;
   margin-top: 15px;
 }

 .contact-us-2 .contact-us-inner .contact-right .price-ranger .ui-slider .ui-slider-handle {
   width: 22px;
   height: 22px;
   border: none;
   border-radius: 50%;
   background: linear-gradient(84deg, var(--theme) 0%, var(--theme-2) 100%);
   top: -8px;
 }

 .contact-us-2 .contact-us-inner .contact-right .price-ranger .ui-slider .ui-slider-handle:nth-child(2) {
   display: none;
 }

 .contact-us-2 .contact-us-inner .contact-right .price-ranger .ui-slider .ui-slider-range {
   background: linear-gradient(84deg, var(--theme) 0%, var(--theme-2) 100%);
 }

 .contact-us-2 .contact-us-inner .contact-right .price-ranger .ranger-min-max-block {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   -webkit-box-pack: justify;
   -ms-flex-pack: justify;
   justify-content: space-between;
   width: 50%;
 }

 .contact-us-2 textarea {
   margin-top: 15px;
   padding: 10px 22px;
   width: 100%;
   outline: none;
   color: var(--header);
   border: 1px solid var(--border-2);
   font-weight: 500;
   min-height: 270px;
   border-radius: 4px;
 }

 @media (max-width: 1199px) {
   .contact-us-2 .contact-us-inner .contact-right .form-clt-big textarea {
     font-size: 15px;
   }
 }

 .contact-us-2 .contact-us-inner .contact-right span {
   color: rgba(73, 81, 91, 0.84);
   font-weight: 500;
 }

 .contact-us-2 .contact-us-inner .contact-right .contact-btn .infu {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   gap: 10px;
 }

 @media (max-width: 1399px) {
   .contact-us-2 .contact-us-inner .contact-right .contact-btn .infu {
     display: none;
   }
 }

 .contact-us-2 .contact-us-inner .contact-right .contact-btn .infu p {
   font-size: 14px;
   color: var(--theme-2);
 }

 .single-contact-card {
   background-color: var(--white);
   padding: 30px 35px;
   -webkit-transition: all .3s ease-in-out;
   transition: all .3s ease-in-out;
   gap: 20px;
   -webkit-box-shadow: 7px 11px 50px 52px rgba(2, 8, 66, 0.03);
   box-shadow: 7px 11px 50px 52px rgba(2, 8, 66, 0.03);
   border-radius: 12px;
   position: relative;
   -webkit-transition: all 0.4s ease-in-out;
   transition: all 0.4s ease-in-out;
   z-index: 1;
 }

 .single-contact-card::after {
   position: absolute;
   top: 0;
   left: 0;
   right: 0;
   bottom: 0;
   width: 100%;
   height: 100%;
   content: "";
   background: linear-gradient(84deg, var(--theme) 0%, var(--theme-4) 100%);
   z-index: -1;
   border-radius: 12px;
   width: 0;
   opacity: 0;
   visibility: hidden;
   -webkit-transition: all 0.4s ease-in-out;
   transition: all 0.4s ease-in-out;
 }

 .single-contact-card .icon {
   font-size: 30px;
   color: var(--theme);
 }

 .single-contact-card:hover::after {
   width: 100%;
   opacity: 1;
   visibility: visible;
 }

 .single-contact-card:hover .icon {
   color: var(--white) !important;
 }

 .single-contact-card:hover p,
 .single-contact-card:hover span,
 .single-contact-card:hover h4 {
   color: #fff;
 }

 .office-google-map-wrapper iframe {
   width: 100%;
   height: 600px;
 }

 .footer-widgets-1 .single-footer-widget .widget-head {
   margin-bottom: 25px;
 }

 .footer-widgets-1 .single-footer-widget .widget-head h4 {
   font-size: 20px;
   font-weight: 600;
   position: relative;
   color: #003c65;

 }

 .footer-widgets-1 .single-footer-widget .footer-content p {
   margin-bottom: 22px;
   color: #111111;

 }

 .footer-widgets-1 .single-footer-widget .footer-content h5 {
   color: var(--black-2);
   font-family: "DM Sans", sans-serif;
   font-size: 16px;
   font-weight: 700;
 }

 .footer-widgets-1 .single-footer-widget .footer-content .footer-input {
   position: relative;
   margin-top: 15px;
 }

 .footer-widgets-1 .single-footer-widget .footer-content .footer-input input {
   background: var(--bg);
   border: none;
   outline: none;
   padding: 10px 22px;
   width: 100%;
   border-radius: 4px;
   color: var(--text);
 }

 .footer-widgets-1 .single-footer-widget .footer-content .footer-input input::-webkit-input-placeholder {
   color: var(--text);
 }

 .footer-widgets-1 .single-footer-widget .footer-content .footer-input input:-ms-input-placeholder {
   color: var(--text);
 }

 .footer-widgets-1 .single-footer-widget .footer-content .footer-input input::-ms-input-placeholder {
   color: var(--text);
 }

 .footer-widgets-1 .single-footer-widget .footer-content .footer-input input::placeholder {
   color: var(--text);
 }

 .footer-widgets-1 .single-footer-widget .footer-content .footer-input .newsletter-btn {
   position: absolute;
   top: 50%;
   -webkit-transform: translateY(-50%);
   transform: translateY(-50%);
   right: 5px;
   width: 42px;
   height: 38px;
   border-radius: 5px;
   text-align: center;
   background-color: var(--theme);
   color: var(--white);
 }

 .footer-widgets-1 .single-footer-widget .footer-content .social-icon {
   gap: 25px;
   margin-top: 35px;
 }

 .footer-widgets-1 .single-footer-widget .footer-content .social-icon a {
   font-size: 26px;
   color: var(--text);
 }

 .footer-widgets-1 .single-footer-widget .footer-content .social-icon a:hover {
   color: var(--theme-2);
 }

 .footer-widgets-1 .single-footer-widget .footer-content .contact-info-area .contact {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   gap: 15px;
   margin-bottom: 20px;
 }

 .footer-widgets-1 .single-footer-widget .footer-content .contact-info-area .contact a {
   width: 55px;
   height: 55px;
   line-height: 1;
   border-radius: 50%;
   display: -webkit-inline-box;
   display: -ms-inline-flexbox;
   display: inline-flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   -webkit-box-pack: center;
   -ms-flex-pack: center;
   justify-content: center;
   cursor: pointer;
   font-size: 20px;
   background: linear-gradient(84deg, #de7b00 0%, #dc7c00 100%);
   color: var(--white);
 }

 .footer-widgets-1 .single-footer-widget .footer-content .contact-info-area .contact .contact-infu {
   width: 75%;
 }

 .footer-widgets-1 .single-footer-widget .footer-content .contact-info-area .contact .contact-infu h5 {
   font-size: 16px;
   font-family: "DM Sans", sans-serif;
   font-weight: 700;
   line-height: 28px;
   color: #111111;

 }

 .footer-widgets-1 .single-footer-widget .footer-content .contact-info-area .contact .contact-infu span {
   color: #de7b00;
   font-weight: 600;
 }

 .footer-widgets-1 .single-footer-widget .list-area {
   padding-top: 5px;
 }

 .footer-widgets-1 .single-footer-widget .list-area li {
   margin-bottom: 16px;
 }

 .footer-widgets-1 .single-footer-widget .list-area li i {
   font-size: 4px;
 }

 .footer-widgets-1 .single-footer-widget .list-area li a {
   color: #111111;
   font-style: normal;
   font-weight: 500;
   line-height: 28px;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   gap: 15px;
   -webkit-transition: all 0.4s ease-in-out;
   transition: all 0.4s ease-in-out;
 }

 .footer-widgets-1 .single-footer-widget .list-area li:hover a {
   padding-left: 10px;
 }

 .footer-widgets-1.style-2 .single-footer-widget .footer-content p {
   color: var(--white-3);
 }

 .footer-widgets-1.style-2 .single-footer-widget .footer-content h5 {
   color: var(--white);
 }

 .footer-widgets-1.style-2 .single-footer-widget .footer-content .social-icon a {
   color: var(--white-3);
 }

 .footer-widgets-1.style-2 .single-footer-widget .footer-content .social-icon a:hover {
   color: var(--theme-2);
 }

 .footer-widgets-1.style-2 .single-footer-widget .list-area li a {
   color: var(--theme-2);
 }

 .footer-widgets-1.style-2 .single-footer-widget .widget-head h4 {
   color: var(--white);
 }

 .footer-widgets-1.style-3 .single-footer-widget .footer-content p {
   color: var(--text-2);
 }

 .footer-widgets-1.style-3 .single-footer-widget .footer-content h5 {
   color: var(--black-2);
 }

 .footer-widgets-1.style-3 .single-footer-widget .footer-content .social-icon a {
   color: var(--text);
 }

 .footer-widgets-1.style-3 .single-footer-widget .list-area li a {
   color: var(--theme-2);
 }

 .footer-widgets-1.style-3 .single-footer-widget .widget-head h4 {
   color: var(--black-2);
 }

 .footer-bottom {
   background-color: var(--black-2);
   padding: 10px 0;
 }

 .footer-bottom .footer-bottom-wrapper p {
   color: #ffffff;
 }

 .footer-bottom.style-2 {
   background-color: #0F144B;
 }

 @media (max-width: 767px) {
   .footer-bottom.style-2 .footer-bottom-wrapper {
     -webkit-box-orient: vertical;
     -webkit-box-direction: normal;
     -ms-flex-direction: column;
     flex-direction: column;
     row-gap: 10px;
     text-align: center;
   }
 }

 .footer-bottom.style-2 .footer-bottom-wrapper .security {
   color: var(--white-3);
 }

 .footer-bottom.style-2 .footer-bottom-wrapper .security a {
   padding: 0 5px;
   color: var(--white-3);
 }

 footer .gallery {
   display: -ms-grid;
   display: grid;
   -ms-grid-columns: auto auto auto;
   grid-template-columns: auto auto auto;
   grid-gap: 10px;
 }

 footer .gallery .footer-gallery-img {
   width: 100%;
   position: relative;
   overflow: hidden;
 }

 footer .gallery .footer-gallery-img img {
   width: 100%;
   -o-object-fit: cover;
   object-fit: cover;
   border-radius: 5px;
 }

 @media (max-width: 1199px) {
   footer .gallery .footer-gallery-img img {
     width: 100%;
     display: block;
   }
 }

 footer .gallery .footer-gallery-img .content {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   -webkit-box-pack: center;
   -ms-flex-pack: center;
   justify-content: center;
   width: 100%;
   height: 100%;
   position: absolute;
   top: 0;
   left: 0;
   color: var(--white);
   background: linear-gradient(84deg, rgba(63, 181, 253, 0.5) 0%, rgba(11, 110, 218, 0.5) 100%);
   -webkit-transform: rotateX(90deg);
   transform: rotateX(90deg);
   -webkit-transform-origin: 0 50%;
   transform-origin: 0 50%;
   -webkit-transition: all 500ms ease;
   transition: all 500ms ease;
   border-radius: 5px;
 }

 footer .gallery .footer-gallery-img:hover .content {
   -webkit-transform: rotateX(0);
   transform: rotateX(0);
 }





 @media screen and (max-width:3300px) {
   .fixed-callout .hidden-xs {
     display: none !important;
   }

   .fixed-callout .visible-xs {
     display: block !important;
   }

   .fixed-callout .mbtn-callout a {
     display: inline-block;
     font-size: 0 !important;
     margin: 0 6px !important;
     padding: 0 !important;
   }

   .fixed-callout {
     padding: 5px 3px !important;
     width: 110px;
   }

   .fixed-callout .what-col img {
     width: 35px !important;
     padding: 2px 0 5px !important;
   }
 }

 .fixed-callout {
   right: 15px;
   bottom: 57px;
   padding: 13px 18px;
 }

 .fixed-callout img {
   width: 30px;
 }

 .fixed-callout h4 {
   font-size: 18px;
 }

 .fixed-callout {
   padding: 15px 20px;
   border-radius: 12px;
   background-color: #fff;
   box-shadow: 0px 0px 30px rgb(0 0 0 / 30%);
   position: fixed;
   bottom: 110px;
   text-align: center;
   animation: move 6s infinite forwards;
   z-index: 9999;
 }

 .hidden-xs {
   display: block;
 }

 .mbtn-callout {
   display: none;
 }

 .fixed-callout .hidden-xs a {
   margin: 8px 0px;
 }

 .fixed-callout a {
   display: block;
   padding: 2px 0;
   font-size: 16px;
   color: #323232 !important;
   text-decoration: none;
 }

 @media (max-width: 767px) {
   .fixed-callout {
     display: none;
   }

   .small-screen-call-to-action {
     background: #de7b00;
     padding: 10px;
     position: fixed;
     bottom: 0;
     display: inline !important;
     z-index: 999;
     width: 100%;
   }

   .small-screen-call-to-action ul {
     display: flex;
     justify-content: center;
     padding-left: 0;
     margin-bottom: 0;
   }

   .small-screen-call-to-action ul li {
     background: #fff;
     padding: 5px 10px;
     margin-right: 10px;
     border-radius: 5px;
     width: -webkit-fill-available;
     justify-content: center;
     display: flex;
     font-size: 14px;
     align-items: center;
   }

   .small-screen-call-to-action ul li a i {
     color: var(--main-color);
     font-size: 20px;
     margin-right: 5px;
   }

   .small-screen-call-to-action ul li:last-child {
     margin-right: 0;
   }

   .small-screen-call-to-action ul li a {
     color: #000;
   }

 }

 @media screen and (max-width:3300px) {
   .fixed-callout .hidden-xs {
     display: none !important;
   }

   .fixed-callout .visible-xs {
     display: block !important;
   }

   .fixed-callout .mbtn-callout a {
     display: inline-block;
     font-size: 0 !important;
     margin: 0 6px !important;
     padding: 0 !important;
   }

   .fixed-callout {
     padding: 5px 3px !important;
     width: 110px;
   }

   .fixed-callout .what-col img {
     width: 35px !important;
     padding: 2px 0 5px !important;
   }
 }

 .fixed-callout {
   right: 15px;
   bottom: 57px;
   padding: 13px 18px;
 }

 .fixed-callout img {
   width: 37px;
 }

 .fixed-callout h4 {
   font-size: 18px;
 }

 .fixed-callout {
   padding: 15px 20px;
   border-radius: 12px;
   background-color: #fff;
   box-shadow: 0px 0px 30px rgb(0 0 0 / 30%);
   position: fixed;
   bottom: 110px;
   text-align: center;
   animation: move 6s infinite forwards;
   z-index: 9999;
 }

 .hidden-xs {
   display: block;
 }

 .mbtn-callout {
   display: none;
 }

 .fixed-callout .hidden-xs a {
   margin: 8px 0px;
 }

 .fixed-callout a {
   display: block;
   padding: 2px 0;
   font-size: 16px;
   color: #323232 !important;
   text-decoration: none;
 }

 .small-screen-call-to-action {
   display: none;
 }

 .footer-bottom-wrapper a {

   color: #ffffff;

 }

 .about-1 {

   padding-top: 60px;


 }

 .process-1 {


   padding-top: 60px;
   padding-bottom: 60px;
   background: linear-gradient(84deg, #DE7B00 0%, #DC7C00 100%);

 }

 .service-1 .service-inner .single-service-item .content a {

   color: #de7b00;

 }

 .footer-wrapper {



   background: linear-gradient(84deg, rgba(0, 60, 101, 0.12) 0%, rgba(10, 102, 194, 0.12) 100%);
   padding-top: 60px;

 }

 .case-study-1.style-2 .single-case-item .content .title h4 a {

   color: #de7b00;

 }

 .count-box p {

   color: #111111;

 }

 .features-1 .section-title {

   padding-top: 60px;

 }

 @media (max-width:768px) {


   .logo img {

     height: 65px;

   }

   .footer-widgets-1 {

     padding-bottom: 60px;

   }

   .footer-bottom {

     position: relative;
     bottom: 45px;

   }

   .widget-head img {

     width: 100%;

   }

   .scroll-up {


     bottom: 106px;

   }

   .single-contact-card h4 {

     font-size: 15px;

   }

   .industry-card h5 {
     font-size: 19px;

   }

   .features-1 .section-title {
     padding-top: 0px;
   }

 }

 .offcanvas__wrapper img {

   width: 100%;

 }

 .contact-page-wrap {

   padding-top: 60px;
   padding-bottom: 60px;

 }

 .contact-us-wrapper {

   padding-top: 60px;
   padding-bottom: 60px;

 }

 .it-staffing-section {}

 .staffing-img img {
   border-radius: 12px;
   transition: 0.4s ease;
   box-shadow: 0 10px 25px rgba(0, 0, 0, 0.08);
 }

 .staffing-img img:hover {
   transform: scale(1.05);
   box-shadow: 0 15px 35px rgba(0, 0, 0, 0.12);
 }

 .staffing-content h2 {}

 .staffing-content p {
   color: #555;
   font-size: 15px;
   line-height: 1.7;
 }

 .staffing-content .btn {
   padding: 10px 25px;
   border-radius: 30px;
 }

 .staffing-features {
   background: #ffffff;
 }

 .feature-card {
   background: #f9fbff;
   padding: 30px 20px;
   border-radius: 12px;
   transition: all 0.3s ease;
   height: 100%;
   box-shadow: 0 8px 20px rgba(0, 0, 0, 0.05);
 }

 .feature-card:hover {
   transform: translateY(-8px);
   box-shadow: 0 15px 35px rgba(0, 0, 0, 0.1);
 }

 .feature-card .icon {
   font-size: 32px;
   color: #ff7a18;
   margin-bottom: 15px;
 }

 .feature-card h5 {
   font-weight: 600;
   margin-bottom: 10px;
   color: #003c65;
   font-size: 26px;

 }

 .feature-card p {
   font-size: 16px;
   color: #111111;
   line-height: 1.6;
 }

 .technologies-section {
   background: #f9fbff;
   margin-top: 60px;
   margin-bottom: 60px;
 }

 .tech-card {
   background: #ffffff;
   padding: 18px 15px;
   text-align: center;
   border-radius: 10px;
   font-weight: 500;
   font-size: 16px;
   color: #003c65;
   border: 1px solid #eee;
   transition: all 0.3s ease;
   cursor: pointer;
 }

 /* Hover Effect */
 .tech-card:hover {
   background: linear-gradient(135deg, #ff7a18, #ffb347);
   color: #fff;
   transform: translateY(-6px);
   box-shadow: 0 12px 25px rgba(255, 122, 24, 0.3);
   border-color: transparent;
 }

 /* Responsive spacing fix */
 @media (max-width: 576px) {
   .tech-card {
     font-size: 14px;
     padding: 15px 10px;
   }
 }

 .cta-section {
   background: linear-gradient(135deg, #0f172a, #1e293b);
   padding: 70px 0;
   color: #fff;
 }

 .cta-box h2 {
   font-size: 34px;
   font-weight: 700;
   margin-bottom: 15px;
   color: #ffffff;
 }

 .cta-box p {
   font-size: 16px;
   color: #ffffff;
   margin-bottom: 30px;
   line-height: 1.6;
 }

 .cta-buttons {
   display: flex;
   justify-content: center;
   gap: 15px;
   flex-wrap: wrap;
 }

 /* Primary Button */
 .cta-buttons .btn-primary {
   background: linear-gradient(135deg, #ff7a18, #ffb347);
   border: none;
   color: #fff;
   padding: 12px 28px;
   border-radius: 30px;
   font-weight: 500;
   transition: all 0.3s ease;
 }

 .cta-buttons .btn-primary:hover {
   transform: translateY(-3px);
   box-shadow: 0 10px 25px rgba(255, 122, 24, 0.4);
 }

 /* Outline Button */
 .cta-buttons .btn-outline {
   border: 1px solid #fff;
   color: #fff;
   padding: 12px 28px;
   border-radius: 30px;
   font-weight: 500;
   transition: all 0.3s ease;
   background: transparent;
 }

 .cta-buttons .btn-outline:hover {
   background: #fff;
   color: #0f172a;
   transform: translateY(-3px);
 }

 /* Responsive */
 @media (max-width: 576px) {
   .cta-box h2 {
     font-size: 26px;
   }
 }

 .section-title h2 {


   margin-bottom: 26px;

 }

 .it-staffing-section p {


   color: #111111;
   font-size: 16px;


 }

 .signle-service-item p {

   color: #111111;


   font-size: 16px;


 }

 .signle-process-item h4 {


   color: #de7b00;

 }

 .signle-process-item p {


   color: #111111;
   font-size: 16px;

 }

 .brand-glass-section {
   background: linear-gradient(135deg, #f5f7ff, #ffffff);

   padding-bottom: 60px !important;


   padding-top: 60px;

 }

 /* Glass Card */
 .brand-glass-card {
   background: rgba(255, 255, 255, 0.7);
   border: 1px solid rgba(0, 0, 0, 0.06);
   /* backdrop-filter: blur(10px); */
   /* -webkit-backdrop-filter: blur(10px); */
   border-radius: 14px;
   height: 120px;
   display: flex;
   align-items: center;
   justify-content: center;
   transition: all 0.4s ease;
   position: relative;
   overflow: hidden;
 }

 /* Logo */
 .brand-glass-card img {
   /* max-width: 110px; */
   /* filter: grayscale(100%); */
   /* opacity: 0.7; */
   /* transition: all 0.4s ease; */
 }

 /* Hover Glow Effect */
 .brand-glass-card:hover {
   transform: translateY(-10px) scale(1.03);
   box-shadow: 0 20px 40px rgba(0, 0, 0, 0.08);
   border-color: rgba(255, 122, 24, 0.3);
 }

 /* Logo Hover */
 .brand-glass-card:hover img {
   filter: grayscale(0%);
   opacity: 1;
   transform: scale(1.08);
 }

 /* Soft shine animation */
 .brand-glass-card::before {
   content: "";
   position: absolute;
   top: -50%;
   left: -50%;
   width: 200%;
   height: 200%;
   /* background: linear-gradient(120deg,
      transparent,
      rgba(255, 255, 255, 0.4),
      transparent); */
   transform: rotate(25deg);
   transition: all 0.6s ease;
 }

 .brand-glass-card:hover::before {
   left: 100%;
 }

 .testimonial-section {

   padding-bottom: 60px;

 }

 /* Title */
 .sub-title {
   color: #ff7a18;
   font-weight: 600;
   letter-spacing: 1px;
 }

 /* Base Card */
 .testimonial-card {
   background: #fff;
   padding: 22px;
   border-radius: 14px;
   border: 1px solid #eee;
   box-shadow: 0 8px 20px rgba(0, 0, 0, 0.05);
   transition: all 0.3s ease;
   height: 100%;
 }

 /* Hover */
 .testimonial-card:hover {
   transform: translateY(-8px);
   box-shadow: 0 18px 35px rgba(0, 0, 0, 0.12);
 }

 /* Featured Card */
 .testimonial-card.featured {
   border-left: 4px solid #ff7a18;
   background: linear-gradient(135deg, #ffffff, #fffaf5);
 }

 /* Text */
 .testimonial-card h5 {
   margin-bottom: 5px;
   font-weight: 600;


   color: #003c65;


 }

 .testimonial-card span {
   font-size: 13px;
   color: #111111;
   display: block;
   margin-bottom: 10px;
 }

 .testimonial-card p {
   font-size: 16px;
   color: #111111;
   line-height: 1.7;
 }

 .accordion-body.job-details {
   background: #ffffff;
   padding: 25px;
   border-radius: 10px;
   line-height: 1.6;
   font-size: 15px;
   color: #333;
 }

 /* Meta Info */
 .job-meta {
   display: flex;
   flex-wrap: wrap;
   gap: 15px;
   background: #f8f9fc;
   padding: 12px 15px;
   border-left: 4px solid #ff7a18;
   border-radius: 8px;
   margin-bottom: 20px;
 }

 .job-meta span {
   font-size: 14px;
   color: #444;
 }

 /* Sections */
 .job-section {
   margin-bottom: 18px;
 }

 .job-section h6 {
   font-size: 16px;
   font-weight: 600;
   color: #de7b00;
   margin-bottom: 8px;
   position: relative;
 }

 .job-section h6::before {
   content: "";
   width: 35px;
   height: 3px;
   background: linear-gradient(90deg, #ff7a18, #ff3d00);
   display: inline-block;
   margin-right: 8px;
   border-radius: 3px;
 }

 .job-section p {
   margin: 0;
   color: #111111;
 }

 /* List Styling */
 .job-section ul {
   padding-left: 18px;
   margin: 0;
 }

 .job-section ul li {
   margin-bottom: 6px;
   position: relative;
   color: #111111;

 }

 .job-section ul li::marker {
   color: #ff7a18;
 }

 /* Apply Box */
 .apply-box {
   margin-top: 20px;
   padding: 15px;
   background: linear-gradient(135deg, #fff3e6, #fff);
   border: 1px solid #ffd2a6;
   border-radius: 10px;
 }

 .apply-box strong {
   display: block;
   font-size: 16px;
   margin-bottom: 5px;
   color: #ff5a00;
 }

 .apply-box p {
   margin: 0;
   font-size: 14px;
   color: #444;
 }

 .job-meta i {
   color: #ff6a00;
   margin-right: 6px;
 }

 .icon-list {
   list-style: none;
   padding: 0;
   margin: 0;
 }

 .icon-list li {
   display: flex;
   align-items: flex-start;
   gap: 10px;
   margin-bottom: 8px;
   color: #444;
   font-size: 14px;
 }

 .icon-list li i {
   color: #ff6a00;
   margin-top: 3px;
   font-size: 14px;
 }

 .faq-wrapper {

   padding-top: 60px;

 }

 .industry-card {
   background: #fff;
   padding: 22px;
   border-radius: 12px;
   box-shadow: 0 6px 20px rgba(0, 0, 0, 0.06);
   transition: 0.3s ease;
   height: 100%;
 }

 .industry-card:hover {
   transform: translateY(-5px);
   box-shadow: 0 10px 30px rgba(0, 0, 0, 0.12);
 }

 .industry-card h5 {
   font-size: 26px;
   font-weight: 600;
   margin-bottom: 10px;
   display: flex;
   align-items: center;
   gap: 8px;
   color: #de7b00;
 }

 .industry-card h5 i {
   color: #003c65;
   font-size: 21px;
 }

 .industry-card p {
   font-size: 16px;
   color: #111111;
   line-height: 1.6;
   margin: 0;
 }

 .sub-title {
   display: inline-block;
   background: #fff3e6;
   color: #ff6a00;
   padding: 5px 14px;
   border-radius: 20px;
   font-size: 12px;
   font-weight: 600;
   margin-bottom: 10px;
 }

 .industries-section {





   padding-top: 60px;
   padding-bottom: 60px;

 }

 .industries-section p {

   margin-bottom: 16px;
   color: #111111;

   font-size: 16px;


 }

 .vision-mission-section {
   background: #f9fbff;
 }

 .vm-card {
   background: #ffffff;
   padding: 30px;
   border-radius: 14px;
   box-shadow: 0 6px 20px rgba(0, 0, 0, 0.06);
   height: 100%;
   transition: 0.3s ease;
   text-align: center;
 }

 .vm-card:hover {
   transform: translateY(-5px);
   box-shadow: 0 10px 30px rgba(0, 0, 0, 0.12);
 }

 .vm-icon {
   width: 60px;
   height: 60px;
   margin: 0 auto 15px;
   border-radius: 50%;
   background: #fff3e6;
   display: flex;
   align-items: center;
   justify-content: center;
 }

 .vm-icon i {
   font-size: 24px;
   color: #ff6a00;
 }

 .vm-card h4 {
   font-size: 26px;
   font-weight: 600;
   margin-bottom: 12px;
   color: #de7b00;
 }

 .vm-card p {
   font-size: 16px;
   color: #111111;
   line-height: 1.7;
 }

 .sub-title {
   display: inline-block;
   background: #fff3e6;
   color: #ff6a00;
   padding: 5px 14px;
   border-radius: 20px;
   font-size: 12px;
   font-weight: 600;
   margin-bottom: 10px;
 }

 .awards-img {
   width: 100%;
   max-width: 900px;
   height: auto;
   border-radius: 16px;
   box-shadow: 0 10px 30px rgba(0, 0, 0, 0.12);
   transition: 0.3s ease;
 }

 .awards-img:hover {
   transform: scale(1.02);
 }



 .awards-img {
   width: auto;
   /* important */
   max-width: 100%;
   /* responsive */
   height: auto;
   /* keeps ratio */
   max-height: 300px;
   /* adjust as per design */
   object-fit: contain;
   /* prevents cropping/stretching */
   display: block;
   margin: 0 auto;
 }

 .values-section {
   background: #f9fbff;



   padding-bottom: 60px;
   padding-top: 60px;


 }

 .value-card {
   background: #fff;
   padding: 25px;
   border-radius: 14px;
   text-align: center;
   box-shadow: 0 6px 20px rgba(0, 0, 0, 0.06);
   transition: 0.3s ease;
   height: 100%;
 }

 .value-card:hover {
   transform: translateY(-6px);
   box-shadow: 0 10px 30px rgba(0, 0, 0, 0.12);
 }

 .icon-box {
   width: 55px;
   height: 55px;
   margin: 0 auto 15px;
   background: #fff3e6;
   border-radius: 50%;
   display: flex;
   align-items: center;
   justify-content: center;
 }

 .icon-box i {
   font-size: 22px;
   color: #ff6a00;
 }

 .value-card h5 {
   font-size: 26px;
   font-weight: 600;
   margin-bottom: 10px;
   color: #de7b00;

 }

 .value-card p {
   font-size: 16px;
   color: #111111;
   line-height: 1.6;
 }

 .contact-left span {
   color: rgba(73, 81, 91, 0.84);
   font-weight: 500;
 }

 .contact-left .form-clt {
   position: relative;
   margin-top: 12px;
 }

 .contact-left .form-clt input {
   width: 100%;
   outline: none;
   border: none;
   padding: 10px 22px;
   color: var(--header);
   background-color: transparent;
   border: 1px solid var(--border-2);
   font-weight: 500;
   border-radius: 4px;
   -webkit-transition: all 0.4s ease-in-out;
   transition: all 0.4s ease-in-out;
 }


 .apl-section .contact-us-inner {

   background: none !important;
   margin-top: 0;


 }

 .apl-section.contact-us-2::after {

   display: none;
 }

 .apl-section {


   padding-top: 60px;
   padding-bottom: 60px;

 }

 .info {
   color: red;
 }

 #mail-status {
   color: green;
 }








 @media (max-width:1300px) and (min-width:1200px) {


   .logo img {

     height: 60px;

   }
 }

 .brand-logo {

   background-color: #ffffff;

 }