@import url("../css/fonts.css");


 :root {
   --body: #fff;
   --black: #000;
   --white: #fff;
   --theme: #FBE87E;
   --theme2: #EB4438;
   --header: #0B2239;
   --text: #515459;
   --border: #D8DDE1;
   --bg: #F2F5FB;
   --bg2: #F3F1F0;
   --box-shadow: 0px 1px 14px 0px rgba(0, 0, 0, 0.13);
 }

 .theme-btn {
   font-size: 14px;
   position: relative;
   z-index: 1;
   overflow: hidden;
   font-weight: 700;
   text-transform: uppercase;
   height: 58px;
   line-height: 58px;
   background-color: #40b0d0;
   overflow: hidden;
   display: inline-block;
   padding: 0 40px;
   color: #ffffff;
   border-radius: 100px;
   font-family: "Hanken Grotesk", sans-serif;
 }

 @media (max-width: 575px) {
   .theme-btn {
     font-size: 14px;
     padding: 0 25px;
     height: 52px;
     line-height: 52px;
   }
 }

 .theme-btn::before {
   content: "";
   position: absolute;
   width: 0;
   top: -10px;
   height: 0;
   background-color: var(--header);
   border-radius: 50%;
   transform: translate(-50%, -50%);
   transition: all 0.8s ease;
   z-index: -1;
 }

 .theme-btn i {
   margin-left: 5px;
 }

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

 .theme-btn:hover::before {
   width: 800px;
   height: 800px;
   display: inline-block;
 }

 /*==== link btn  ====*/
 .link-btn {
   color: var(--white);
   display: inline-block;
   transition: all 0.4s ease-in-out;
   font-weight: 700;
   font-size: 14px;
   text-transform: uppercase;
   font-family: "Hanken Grotesk", sans-serif;
 }

 .link-btn i {
   margin-left: 8px;
 }

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

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

 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 {
   font-family: "Hanken Grotesk", sans-serif;
   margin: 0px;
   padding: 0;
   color: var(--header);
   transition: all 0.4s ease-in-out;
 }

 h1 {
   font-size: 74px;
   font-weight: 700;
   line-height: 114%;
 }

 @media (max-width: 1600px) {
   h1 {
     font-size: 70px;
   }
 }

 @media (max-width: 1399px) {
   h1 {
     font-size: 60px;
     line-height: 110%;
   }
 }

 @media (max-width: 1199px) {
   h1 {
     font-size: 55px;
   }
 }

 @media (max-width: 991px) {
   h1 {
     font-size: 60px;
   }
 }

 @media (max-width: 767px) {
   h1 {
     font-size: 55px;
   }
 }

 @media (max-width: 575px) {
   h1 {
     font-size: 43px;
   }
 }

 @media (max-width: 470px) {
   h1 {
     font-size: 36px;
   }
 }

 h2 {
   font-size: 48px;
   font-weight: 700;
   line-height: 121%;
 }

 @media (max-width: 1399px) {
   h2 {
     font-size: 45px;
   }
 }

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

 @media (max-width: 991px) {
   h2 {
     font-size: 40px;
   }
 }

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

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

 @media (max-width: 470px) {
   h2 {
     font-size: 28px;
   }
 }

 h3 {
   font-size: 30px;
   font-weight: 700;
   line-height: 133%;
 }

 @media (max-width: 1899px) {
   h3 {
     font-size: 26px;
   }
 }

 @media (max-width: 1600px) {
   h3 {
     font-size: 23px;
   }
 }

 @media (max-width: 1399px) {
   h3 {
     font-size: 22px;
   }
 }

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

 h4 {
   font-size: 24px;
   font-weight: 600;
   line-height: 142%;
 }

 @media (max-width: 1199px) {
   h4 {
     font-size: 20px;
   }
 }

 h5 {
   font-size: 18px;
   font-weight: 500;
   line-height: 167%;
 }

 h6 {
   font-size: 14px;
   font-weight: 600;
 }

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

 p {
   margin: 0px;
   transition: all 0.4s ease-in-out;
 }

 span {
   margin: 0px;
 }

 .about-wrapper-one .about-content .section-title h2 {
   font-size: 47px;
   color: #005a9c;
 }

 @media (max-width: 1399px) {
   .about-wrapper-one .about-content .section-title h2 {
     font-size: 45px;
   }
 }

 @media (max-width: 1199px) {
   .about-wrapper-one .about-content .section-title h2 {
     font-size: 42px;
   }
 }

 @media (max-width: 991px) {
   .about-wrapper-one .about-content .section-title h2 {
     font-size: 40px;
   }
 }

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

 @media (max-width: 575px) {
   .about-wrapper-one .about-content .section-title h2 {
     font-size: 30px;
   }
 }

 @media (max-width: 470px) {
   .about-wrapper-one .about-content .section-title h2 {
     font-size: 28px;
   }
 }

 .about-wrapper-one .about-content .about-text {
   margin-top: 17px;
   color: #111111;

 }

 .about-wrapper-one .about-content .about-list-items {
   display: flex;
   align-items: center;
   gap: 30px;
   margin-top: 35px;
 }

 @media (max-width: 1199px) {
   .about-wrapper-one .about-content .about-list-items {
     flex-wrap: wrap;
     gap: 20px;
     margin-top: 25px;
   }
 }

 .about-wrapper-one .about-content .about-list-items ul li {
   color: var(--header);
   font-weight: 500;
   display: flex;
   align-items: center;
   gap: 8px;
   text-transform: capitalize;
 }

 .about-wrapper-one .about-content .about-list-items ul li:not(:last-child) {
   margin-bottom: 10px;
 }

 .about-wrapper-one .about-content .about-icon-item {
   display: flex;
   align-items: center;
   justify-content: space-between;
   max-width: 540px;
   border-top: 1px solid #D8DDE1;
   margin-top: 37px;
   padding-top: 37px;
 }

 @media (max-width: 1199px) {
   .about-wrapper-one .about-content .about-icon-item {
     flex-wrap: wrap;
     gap: 20px;
   }
 }

 .about-wrapper-one .about-content .about-icon-item li {
   display: flex;
   align-items: center;
   gap: 16px;
 }

 .about-wrapper-one .about-content .about-icon-item li .icon {
   max-width: 60px;
   width: 100%;
   height: 60px;
   line-height: 60px;
   text-align: center;
   background-color: var(--header);
   border-radius: 5px;
   transition: all 0.4s ease-in-out;
 }

 @media (max-width: 1600px) {
   .about-wrapper-one .about-content .about-icon-item li .icon {
     max-width: initial;
     width: 60px;
   }
 }

 @media (max-width: 1399px) {
   .about-wrapper-one .about-content .about-icon-item li .icon {
     max-width: 60px;
     width: 100%;
   }
 }

 .about-wrapper-one .about-content .about-icon-item li .icon svg path {
   transition: all 0.4s ease-in-out;
 }

 @media (max-width: 1399px) {
   .about-wrapper-one .about-content .about-icon-item li br {
     display: none;
   }
 }

 .about-wrapper-one .about-content .about-icon-item li:hover .icon {
   background-color: var(--theme);
 }

 .about-wrapper-one .about-content .about-icon-item li:hover .icon svg {
   animation: wobble 1.5s ease-in-out;
 }

 .about-wrapper-one .about-content .about-icon-item li:hover .icon svg path {
   fill: var(--header);
 }

 .about-wrapper-one .about-content .about-icon-item li p {
   color: var(--header);
   font-family: "Hanken Grotesk", sans-serif;
   font-size: 18px;
   font-weight: 500;
 }

 .about-wrapper-one .about-content .about-bottom-area {
   display: flex;
   align-items: center;
   gap: 30px;
   margin-top: 40px;
 }

 @media (max-width: 1199px) {
   .about-wrapper-one .about-content .about-bottom-area {
     flex-wrap: wrap;
     gap: 20px;
   }
 }

 @media (max-width: 767px) {
   .about-wrapper-one .about-content .about-bottom-area {
     margin-top: 25px;
   }
 }

 .about-wrapper-one .about-content .about-bottom-area .client-phn-area {
   display: flex;
   align-items: center;
   gap: 20px;
 }

 .about-wrapper-one .about-content .about-bottom-area .client-phn-area .phone-icon {
   width: 56px;
   height: 56px;
   line-height: 52px;
   text-align: center;
   border-radius: 50%;
   color: var(--theme);
   border: 1px solid var(--header);
 }

 .about-wrapper-one .about-content .about-bottom-area .client-phn-area .phone-icon img {
   animation: pxl_phone_ring 1.8s ease-out infinite;
 }

 .about-wrapper-one .about-content .about-bottom-area .client-phn-area .client-content p {
   font-size: 16px;
   margin-bottom: 4px;
 }

 .about-wrapper-one .about-content .about-bottom-area .client-phn-area .client-content a {
   font-size: 20px;
   font-weight: 600;
   font-family: "Hanken Grotesk", sans-serif;
 }

 .about-wrapper-one .about-image-items {
   position: relative;
 }

 @media (max-width: 991px) {
   .about-wrapper-one .about-image-items {
     display: flex;
     align-items: end;
     gap: 30px;
   }
 }

 @media (max-width: 470px) {
   .about-wrapper-one .about-image-items {
     display: block;
   }
 }

 .about-wrapper-one .about-image-items .about-image-2 {
   max-width: 215px;
   position: absolute;
   bottom: 0;
   left: -110px;
 }

 @media (max-width: 1399px) {
   .about-wrapper-one .about-image-items .about-image-2 {
     display: none;
   }
 }

 @media (max-width: 991px) {
   .about-wrapper-one .about-image-items .about-image-2 {
     display: block;
     position: static;
   }
 }

 @media (max-width: 470px) {
   .about-wrapper-one .about-image-items .about-image-2 {
     max-width: initial;
     margin-bottom: 30px;
     height: 300px;
   }
 }

 .about-wrapper-one .about-image-items .about-image-2 img {
   border-radius: 30px;
   width: 100%;
   height: 100%;
   object-fit: cover;
 }

 .about-wrapper-one .about-image-items .text {
   font-size: 24px;
   font-weight: 600;
   font-family: "Hanken Grotesk", sans-serif;
   color: var(--header);
   text-transform: uppercase;
   writing-mode: sideways-rl;
   position: absolute;
   bottom: 0;
   right: -50px;
 }

 @media (max-width: 991px) {
   .about-wrapper-one .about-image-items .text {
     display: none;
   }
 }

 .about-wrapper-one .about-image {
   position: relative;
   max-width: 382px;
   border-radius: 30px;
   margin-left: auto;
   height: 580px;
 }

 @media (max-width: 991px) {
   .about-wrapper-one .about-image {
     margin-left: initial;
   }
 }

 @media (max-width: 767px) {
   .about-wrapper-one .about-image {
     height: 480px;
     max-width: initial;
   }
 }

 .about-wrapper-one .about-image img {
   width: 100%;
   height: 100%;
   border-radius: 30px;
   object-fit: cover;
 }

 .about-wrapper-one .about-image .ratting-area {
   position: absolute;
   bottom: 30px;
   left: 30px;
 }

 .about-wrapper-one .about-image .ratting-area .rate {
   display: flex;
   align-items: center;
   gap: 10px;
 }

 .about-wrapper-one .about-image .ratting-area .rate span {
   color: var(--white);
   font-family: "Hanken Grotesk", sans-serif;
   font-size: 48px;
   font-weight: 700;
 }

 .about-wrapper-one .about-image .ratting-area .rate .star i {
   color: var(--theme2);
   font-size: 12px;
 }

 .about-wrapper-one .about-image .ratting-area p {
   color: var(--white);
   font-size: 18px;
   font-weight: 500;
   font-family: "Hanken Grotesk", sans-serif;
   margin-top: 18px;
 }

 .about-section {
   position: relative;
 }

 .about-section .cloth-shape {
   position: absolute;
   bottom: 50px;
   right: 50px;
 }

 @media (max-width: 1600px) {
   .about-section .cloth-shape img {
     opacity: 0.3;
   }
 }

 .about-left-thumb-2 {
   max-width: 450px;
 }

 @media (max-width: 1399px) {
   .about-left-thumb-2 {
     max-width: initial;
   }
 }

 .about-left-thumb-2 .thumb {
   position: relative;
 }

 @media (max-width: 991px) {
   .about-left-thumb-2 .thumb {
     height: 550px;
   }
 }

 .about-left-thumb-2 .thumb img {
   width: 100%;
   height: 100%;
   border-radius: 30px;
   object-fit: cover;
 }

 .about-left-thumb-2 .thumb .business-content {
   background-color: var(--white);
   padding: 24px;
   border-radius: 20px;
   position: absolute;
   bottom: -50px;
   right: -100px;
 }

 @media (max-width: 1399px) {
   .about-left-thumb-2 .thumb .business-content {
     right: 20px;
     bottom: 20px;
   }
 }

 .about-left-thumb-2 .thumb .business-content .icon img {
   width: initial;
   height: initial;
   border-radius: 0px;
 }

 .about-left-thumb-2 .thumb .business-content .title-4 {
   font-size: 18px;
   font-weight: 500;
   margin-top: 20px;
   max-width: 178px;
 }

 .about-left-thumb-2 .thumb .business-content .business-client {
   margin-top: 30px;
   display: flex;
   align-items: center;
   justify-content: space-between;
   max-width: 226px;
 }

 .about-left-thumb-2 .thumb .business-content .business-client .client-info {
   border-right: 1px solid rgb(216, 221, 225);
   padding-right: 30px;
 }

 .about-left-thumb-2 .thumb .business-content .business-client .client-info .image img {
   width: initial;
   height: initial;
   border-radius: 0px;
 }

 .about-left-thumb-2 .thumb .business-content .business-client .client-info span {
   font-size: 14px;
   max-width: 75px;
   display: inline-block;
   margin-top: 15px;
   font-weight: 500;
 }

 .about-left-thumb-2 .thumb .business-content .business-client .single-circle-bar {
   margin-left: 20px;
 }

 .about-left-thumb-2 .thumb .business-content .business-client .single-circle-bar .circle-progress {
   width: 60px;
   height: 60px;
   position: relative;
 }

 .about-left-thumb-2 .thumb .business-content .business-client .single-circle-bar .circle-progress svg {
   width: 100%;
   height: 100%;
   transform: rotate(-90deg);
 }

 .about-left-thumb-2 .thumb .business-content .business-client .single-circle-bar .circle-progress circle {
   fill: none;
   stroke-width: 5;
   stroke-linecap: round;
 }

 .about-left-thumb-2 .thumb .business-content .business-client .single-circle-bar .circle-progress .bg {
   stroke: rgba(251, 232, 126, 0.25);
 }

 .about-left-thumb-2 .thumb .business-content .business-client .single-circle-bar .circle-progress .progress {
   stroke: #FBE87E;
   stroke-dasharray: 339.292;
   stroke-dashoffset: 339.292;
   transition: stroke-dashoffset 1.5s ease;
 }

 .about-left-thumb-2 .thumb .business-content .business-client .single-circle-bar .circle-progress .value {
   position: absolute;
   inset: 0;
   display: flex;
   align-items: center;
   justify-content: center;
   font-weight: 500;
   font-size: 14px;
   color: var(--header);
 }

 .about-left-thumb-2 .thumb .business-content:hover .icon img {
   animation: wobble 1.5s ease-in-out;
 }

 .about-left-thumb-2 .star-line {
   display: flex;
   align-items: center;
   gap: 10px;
   margin-top: 30px;
   font-size: 16px;
   font-weight: 500;
   font-family: "Hanken Grotesk", sans-serif;
   color: var(--header);
 }

 .about-left-thumb-2 .star-line .star {
   color: rgb(231, 84, 21);
 }

 .about-right-content-2 {
   margin-left: 60px;
 }

 @media (max-width: 1399px) {
   .about-right-content-2 {
     margin-left: 30px;
   }
 }

 @media (max-width: 1199px) {
   .about-right-content-2 {
     margin-left: 0;
   }
 }

 .about-right-content-2 .section-title h2 {
   font-size: 46px;
 }

 @media (max-width: 1399px) {
   .about-right-content-2 .section-title h2 {
     font-size: 42px;
   }
 }

 @media (max-width: 991px) {
   .about-right-content-2 .section-title h2 {
     font-size: 40px;
   }
 }

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

 @media (max-width: 575px) {
   .about-right-content-2 .section-title h2 {
     font-size: 30px;
   }
 }

 .about-right-content-2 .about-text {
   margin-top: 15px;
   text-transform: capitalize;
 }

 .about-right-content-2 .about-conter-area {
   display: flex;
   align-items: center;
   justify-content: space-between;
   margin-top: 40px;
   border-bottom: 1px solid rgb(216, 221, 225);
   padding-bottom: 40px;
 }

 @media (max-width: 1399px) {
   .about-right-content-2 .about-conter-area {
     margin-top: 30px;
     padding-bottom: 30px;
     flex-wrap: wrap;
     gap: 20px;
   }
 }

 .about-right-content-2 .about-conter-area .counter-area .title {
   font-size: 20px;
   font-weight: 400;
   text-transform: capitalize;
   color: var(--text);
   margin-top: 20px;
 }

 .about-right-content-2 .about-conter-area .about-icon-items {
   border-left: 1px solid rgb(216, 221, 225);
   padding-left: 20px;
 }

 @media (max-width: 1399px) {
   .about-right-content-2 .about-conter-area .about-icon-items {
     padding-left: 0;
     border-left: none;
   }
 }

 .about-right-content-2 .about-conter-area .about-icon-items .icon-area {
   display: flex;
   align-items: center;
   gap: 20px;
 }

 .about-right-content-2 .about-conter-area .about-icon-items .icon-area.style-2 {
   margin-top: 30px;
 }

 .about-right-content-2 .about-conter-area .about-icon-items .icon-area .content .title-2 {
   font-size: 18px;
   font-weight: 600;
   margin-bottom: 5px;
 }

 .about-right-content-2 .about-conter-area .about-icon-items .icon-area:hover .icon img {
   animation: wobble 1.5s ease-in-out;
 }

 .about-right-content-2 .about-btn-area {
   display: flex;
   align-items: center;
   gap: 40px;
   margin-top: 40px;
 }

 @media (max-width: 1399px) {
   .about-right-content-2 .about-btn-area {
     gap: 20px;
     flex-wrap: wrap;
   }
 }

 @media (max-width: 767px) {
   .about-right-content-2 .about-btn-area {
     margin-top: 25px;
   }
 }

 .about-right-content-2 .about-btn-area .client-info {
   display: flex;
   align-items: center;
   gap: 15px;
 }

 .about-right-content-2 .about-btn-area .client-info .content .title-3 {
   font-size: 18px;
   font-weight: 600;
 }

 .about-wrapper-3 .section-title-area {
   align-items: initial;
 }

 @media (max-width: 1399px) {
   .about-wrapper-3 .section-title-area .section-title h2 {
     font-size: 42px;
   }
 }

 @media (max-width: 1199px) {
   .about-wrapper-3 .section-title-area .section-title h2 {
     font-size: 48px;
   }
 }

 @media (max-width: 767px) {
   .about-wrapper-3 .section-title-area .section-title h2 {
     font-size: 40px;
   }
 }

 .about-wrapper-3 .section-title-area .about-text-items .text-box {
   width: 565px;
   margin-bottom: 63px;
 }

 @media (max-width: 767px) {
   .about-wrapper-3 .section-title-area .about-text-items .text-box {
     width: initial;
   }
 }

 .about-wrapper-3 .section-title-area .about-text-items .text-box h3 {
   font-size: 24px;
   font-weight: 600;
 }

 .about-wrapper-3 .section-title-area .about-text-items .text-box p {
   margin-top: 15px;
 }

 .about-wrapper-3 .section-title-area .about-text-items .about-btn {
   margin-bottom: -91px;
 }

 @media (max-width: 767px) {
   .about-wrapper-3 .section-title-area .about-text-items .about-btn {
     margin-bottom: -54px;
   }
 }

 .about-wrapper-3 .about-image {
   margin-top: 30px;
   display: inline-block;
   border-radius: 30px;
   margin-bottom: 60px;
 }

 .about-wrapper-3 .about-image img {
   width: 100%;
   height: 100%;
   border-radius: 30px;
 }

 @-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);
   }
 }

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

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

 @keyframes up-down {
   0% {
     transform: translateY(10px);
   }

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

 @-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;
     transform: rotateY(-90deg);
   }

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

 @keyframes letters-loading {

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

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

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

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

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

   100% {
     -webkit-transform: rotate(0deg);
     -ms-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% {
     transform: translate(-50%, -50%) rotate(0deg);
   }

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

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

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

 @keyframes rounded {
   50% {
     transform: rotate(20deg);
   }
 }

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

 .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(50px);
   }

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

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

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

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

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

 @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;
 }

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

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

   100% {
     left: 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 rotated2 {
   0% {
     transform: rotate(0);
   }

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

 @keyframes wave {
   0% {
     transform: translateX(0);
   }

   50% {
     transform: translateX(-25%);
   }

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

 @keyframes zoom {
   0% {
     transform: scale(0.5);
   }

   50% {
     transform: scale(1);
   }

   100% {
     transform: scale(0.5);
   }
 }

 @keyframes translateY2 {
   0% {
     -webkit-transform: translateY(-30px);
     -moz-transform: translateY(-30px);
     -ms-transform: translateY(-30px);
     -o-transform: translateY(-30px);
     transform: translateY(-30px);
   }

   100% {
     -webkit-transform: translateY(20px);
     -moz-transform: translateY(20px);
     -ms-transform: translateY(20px);
     -o-transform: translateY(20px);
     transform: translateY(20px);
   }
 }

 @keyframes translateX2 {
   0% {
     -webkit-transform: translateX(-30px);
     -moz-transform: translateX(-30px);
     -ms-transform: translateX(-30px);
     -o-transform: translateX(-30px);
     transform: translateX(-30px);
   }

   100% {
     -webkit-transform: translatXY(20px);
     -moz-transform: translateX(20px);
     -ms-transform: translateX(20px);
     -o-transform: translateX(20px);
     transform: translateX(20px);
   }
 }

 @keyframes moving {
   0% {
     transform: translatey(0px);
   }

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

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

   100% {
     transform: translatey(0px);
   }
 }

 /*img-animation**********************/
 .img-custom-anim-right {
   animation: img-anim-right 1.3s forwards cubic-bezier(0.645, 0.045, 0.355, 1) 0.4s;
   opacity: 0;
 }

 @keyframes img-anim-right {
   0% {
     transform: translateX(5%);
     clip-path: inset(0 0 0 100%);
     opacity: 0;
   }

   100% {
     transform: translateX(0);
     clip-path: inset(0 0 0 0);
     opacity: 1;
   }
 }

 .img-custom-anim-left {
   animation: img-anim-left 1.3s forwards cubic-bezier(0.645, 0.045, 0.355, 1) 0.4s;
   opacity: 0;
 }

 @keyframes img-anim-left {
   0% {
     transform: translateX(-5%);
     clip-path: inset(0 100% 0 0);
     opacity: 0;
   }

   100% {
     transform: translateX(0);
     clip-path: inset(0 0 0 0);
     opacity: 1;
   }
 }

 .img-custom-anim-top {
   animation: img-anim-top 1.3s forwards cubic-bezier(0.645, 0.045, 0.355, 1);
   opacity: 0;
 }

 @keyframes img-anim-top {
   0% {
     transform: translateY(-5%);
     clip-path: inset(0 0 100% 0);
     opacity: 0;
   }

   100% {
     transform: translateY(0);
     clip-path: inset(0 0 0 0);
     opacity: 1;
   }
 }

 @keyframes slideInLeft {
   to {
     opacity: 1;
     transform: translateX(0);
   }
 }

 @keyframes slideInRight {
   to {
     opacity: 1;
     transform: translateX(0);
   }
 }

 @keyframes shine {
   0% {
     left: -100%;
   }

   50% {
     left: 100%;
   }

   100% {
     left: 100%;
   }
 }

 .animation-infinite {
   animation: ShapeAnim 80s linear infinite;
   height: 30px;
   width: 100%;
   background-repeat: repeat;
   overflow: hidden;
 }

 .img-custom-anim-bottom {
   animation: img-anim-bottom 1.3s forwards cubic-bezier(0.645, 0.045, 0.355, 1);
   opacity: 0;
 }

 @keyframes img-anim-bottom {
   0% {
     transform: translateY(5%);
     clip-path: inset(100% 0 0 0);
     opacity: 0;
   }

   100% {
     transform: translateY(0);
     clip-path: inset(0 0 0 0);
     opacity: 1;
   }
 }

 @keyframes sparkle {
   0% {
     opacity: 0;
     transform: scale(0.5);
   }

   50% {
     opacity: 1;
     transform: scale(1.5);
   }

   100% {
     opacity: 0;
     transform: scale(0.5);
   }
 }

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

   100% {
     width: 44px;
   }
 }

 @keyframes dance {
   0% {
     -webkit-transform: scale(0.8);
   }

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

 @-webkit-keyframes slideInUp {
   0% {
     -webkit-transform: translate3d(0, 100%, 0);
     transform: translate3d(0, 100%, 0);
     visibility: visible;
   }

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

 @keyframes slideInUp {
   0% {
     -webkit-transform: translate3d(0, 100%, 0);
     transform: translate3d(0, 100%, 0);
     visibility: visible;
   }

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

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

 @-webkit-keyframes slideInLeft {
   0% {
     -webkit-transform: translate3d(-100%, 0, 0);
     transform: translate3d(-100%, 0, 0);
     visibility: visible;
   }

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

 @keyframes slideInLeft {
   0% {
     -webkit-transform: translate3d(-100%, 0, 0);
     transform: translate3d(-100%, 0, 0);
     visibility: visible;
   }

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

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

 @-webkit-keyframes slideInRight {
   0% {
     -webkit-transform: translate3d(100%, 0, 0);
     transform: translate3d(100%, 0, 0);
     visibility: visible;
   }

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

 @keyframes slideInRight {
   0% {
     -webkit-transform: translate3d(100%, 0, 0);
     transform: translate3d(100%, 0, 0);
     visibility: visible;
   }

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

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

 @keyframes scroll {
   0% {
     transform: translateX(0);
   }

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

 @keyframes scrolly {
   0% {
     transform: translateY(0);
   }

   100% {
     transform: translateY(-60%);
   }
 }

 @keyframes scrolls {
   0% {
     transform: translateX(0);
   }

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

 @keyframes zoomIn {
   from {
     opacity: 0;
     transform: scale(0.5);
   }

   to {
     opacity: 1;
     transform: scale(1);
   }
 }

 .img_left_animation {
   animation: left-animation 2000ms forwards cubic-bezier(0.4, 0.98, 0.52, 0.99);
   opacity: 0;
 }

 @keyframes left-animation {
   0% {
     clip-path: inset(0 100% 0 0);
     opacity: 0;
   }

   100% {
     clip-path: inset(0 0 0 0);
     opacity: 1;
   }
 }

 .img_right_animation {
   animation: right-animation 2000ms forwards cubic-bezier(0.4, 0.98, 0.52, 0.99);
   opacity: 0;
 }

 @keyframes right-animation {
   0% {
     clip-path: inset(0 0 0 100%);
     opacity: 0;
   }

   100% {
     clip-path: inset(0 0 0 0);
     opacity: 1;
   }
 }

 .img_top_animation {
   animation: top-animation 2000ms forwards cubic-bezier(0.4, 0.98, 0.52, 0.99);
   opacity: 0;
 }

 @keyframes top-animation {
   0% {
     clip-path: inset(0 0 100% 0);
     opacity: 0;
   }

   100% {
     clip-path: inset(0 0 0 0);
     opacity: 1;
   }
 }

 .img_bottom_animation {
   animation: bottom-animation 2000ms forwards cubic-bezier(0.4, 0.98, 0.52, 0.99);
   opacity: 0;
 }

 @keyframes bottom-animation {
   0% {
     clip-path: inset(100% 0 0 0);
     opacity: 0;
   }

   100% {
     clip-path: inset(0 0 0 0);
     opacity: 1;
   }
 }

 @keyframes pxl_phone_ring {
   0% {
     transform: rotate(0) scale(1) skew(1deg);
   }

   10% {
     transform: rotate(-15deg) scale(1) skew(1deg);
   }

   20% {
     transform: rotate(10deg) scale(1) skew(1deg);
   }

   30% {
     transform: rotate(-15deg) scale(1) skew(1deg);
   }

   40% {
     transform: rotate(10deg) scale(1) skew(1deg);
   }

   100%,
   50% {
     transform: rotate(0) scale(1) skew(1deg);
   }
 }

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

   100% {
     width: 90%;
   }
 }

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

   100% {
     width: 85%;
   }
 }

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

   100% {
     width: 70%;
   }
 }

 .choose-image-items .choose-image {
   margin-top: 71px;
   position: relative;
 }

 .choose-image-items .choose-image img {
   width: 100%;
   height: 100%;
   object-fit: cover;
 }

 @media (max-width: 991px) {
   .choose-image-items .choose-image {
     margin-top: 40px;
   }
 }

 .choose-image-items .choose-image .text {
   position: absolute;
   top: 40px;
   left: 40px;
   max-width: 270px;
 }

 @media (max-width: 1399px) {
   .choose-image-items .choose-image .text {
     gap: 20px;
     right: 20px;
     top: 20px;
   }
 }

 .choose-image-items .choose-image .text span {
   font-size: 20px;
   font-weight: 600;
   line-height: 30px;
   font-family: "Hanken Grotesk", sans-serif;
   color: var(--header);
 }

 .choose-image-items .choose-image .counter-box {
   position: absolute;
   bottom: 40px;
   right: 40px;
 }

 @media (max-width: 1199px) {
   .choose-image-items .choose-image .counter-box {
     right: 20px;
   }
 }

 @media (max-width: 767px) {
   .choose-image-items .choose-image .counter-box {
     right: 40px;
   }
 }

 .choose-image-items .choose-image .counter-box h1 {
   font-size: 36px;
   line-height: 46px;
 }

 .choose-image-items .choose-image .counter-box p {
   font-weight: 400;
 }

 .choose-content p {
   margin-top: 20px;
   margin-bottom: 30px;
 }

 @media (max-width: 1399px) {
   .choose-content p br {
     display: none;
   }
 }

 .choose-content .choose-perform-area {
   display: flex;
   align-items: center;
   gap: 30px;
 }

 @media (max-width: 991px) {
   .choose-content .choose-perform-area {
     flex-wrap: wrap;
   }
 }

 .choose-content .choose-perform-area .progress-wrapper-items .progress-wrap .pro-items:not(:last-child) {
   margin-bottom: 30px;
 }

 .choose-content .choose-perform-area .progress-wrapper-items .progress-wrap .pro-items .pro-head {
   display: flex;
   align-items: center;
   justify-content: space-between;
   margin-bottom: 10px;
 }

 .choose-content .choose-perform-area .progress-wrapper-items .progress-wrap .pro-items .pro-head .title {
   font-weight: 500;
   font-size: 18px;
   color: var(--header);
   font-family: "Hanken Grotesk", sans-serif;
 }

 .choose-content .choose-perform-area .progress-wrapper-items .progress-wrap .pro-items .pro-head .point {
   font-weight: 500;
   font-size: 18px;
   color: var(--header);
   font-family: "Hanken Grotesk", sans-serif;
 }

 .choose-content .choose-perform-area .progress-wrapper-items .progress-wrap .pro-items .ber-box .progress {
   background: #fff;
   justify-content: flex-start;
   align-items: center;
   position: relative;
   display: flex;
   height: 10px;
   width: 100%;
   border-radius: 100px;
 }

 .choose-content .choose-perform-area .progress-wrapper-items .progress-wrap .pro-items .ber-box .progress .progress-value {
   animation: load 4s normal forwards;
   background: var(--theme);
   height: 4px;
   width: 0;
   margin-left: 3px;
   position: relative;
 }

 .choose-content .choose-perform-area .progress-wrapper-items .progress-wrap .pro-items .ber-box .progress .progress-value::after {
   content: "";
   position: absolute;
   right: -6px;
   top: 50%;
   transform: translateY(-50%);
   width: 8px;
   height: 8px;
   background: var(--theme);
   border-radius: 50%;
 }

 .choose-content .choose-perform-area .progress-wrapper-items .progress-wrap .pro-items .ber-box .progress .progress-value.value-2 {
   animation: load2 5s normal forwards;
 }

 .choose-content .choose-perform-area .progress-wrapper-items .progress-wrap .pro-items .ber-box .progress .progress-value.value-3 {
   animation: load3 3s normal forwards;
 }

 .choose-content .choose-perform-area .progress-wrapper-items .choose-list {
   display: flex;
   align-items: center;
   margin-top: 35px;
   justify-content: space-between;
   gap: 26px;
 }

 @media (max-width: 1399px) {
   .choose-content .choose-perform-area .progress-wrapper-items .choose-list {
     flex-wrap: wrap;
     gap: 15px;
   }
 }

 @media (max-width: 991px) {
   .choose-content .choose-perform-area .progress-wrapper-items .choose-list {
     gap: 26px;
   }
 }

 .choose-content .choose-perform-area .progress-wrapper-items .choose-list ul li {
   display: flex;
   align-items: center;
   color: var(--text);
   font-weight: 500;
   font-size: 18px;
   font-family: "Hanken Grotesk", sans-serif;
 }

 .choose-content .choose-perform-area .progress-wrapper-items .choose-list ul li img {
   margin-right: 13px;
 }

 .choose-us-wrapper-2 .choose-us-content .choose-text {
   margin-top: 20px;
   max-width: 680px;
   text-transform: capitalize;
 }

 .choose-us-wrapper-2 .choose-us-content .icon-items-area {
   display: flex;
   align-items: center;
   gap: 70px;
   margin-top: 35px;
   border-bottom: 1px solid var(--border);
   padding-bottom: 35px;
   margin-bottom: 35px;
 }

 @media (max-width: 767px) {
   .choose-us-wrapper-2 .choose-us-content .icon-items-area {
     gap: 30px;
   }
 }

 @media (max-width: 575px) {
   .choose-us-wrapper-2 .choose-us-content .icon-items-area {
     flex-wrap: wrap;
   }
 }

 .choose-us-wrapper-2 .choose-us-content .icon-items-area .icon-items {
   display: flex;
   align-items: center;
   gap: 20px;
 }

 .choose-us-wrapper-2 .choose-us-content .icon-items-area .icon-items .icon {
   width: 60px;
   height: 60px;
   line-height: 60px;
   border-radius: 6px;
   background-color: var(--header);
   text-align: center;
   transition: all 0.4s ease-in-out;
 }

 @media (max-width: 767px) {
   .choose-us-wrapper-2 .choose-us-content .icon-items-area .icon-items .icon {
     max-width: 60px;
     width: 100%;
   }
 }

 .choose-us-wrapper-2 .choose-us-content .icon-items-area .icon-items .icon svg path {
   transition: all 0.4s ease-in-out;
 }

 .choose-us-wrapper-2 .choose-us-content .icon-items-area .icon-items:hover .icon {
   background-color: var(--theme);
 }

 .choose-us-wrapper-2 .choose-us-content .icon-items-area .icon-items:hover .icon svg {
   animation: wobble 1.5s ease-in-out;
 }

 .choose-us-wrapper-2 .choose-us-content .icon-items-area .icon-items:hover .icon svg path {
   fill: var(--header);
 }

 .choose-us-wrapper-2 .choose-us-content .choose-counter-items {
   padding: 32px 30px;
   background-color: var(--white);
   border-radius: 20px;
 }

 @media (max-width: 767px) {
   .choose-us-wrapper-2 .choose-us-content .choose-counter-items {
     padding: 27px 17px;
   }
 }

 @media (max-width: 767px) {
   .choose-us-wrapper-2 .choose-us-content .choose-counter-items {
     padding: 30px 25px;
   }
 }

 .choose-us-wrapper-2 .choose-us-content .choose-counter-items .tittle {
   position: relative;
   font-size: 18px;
   font-weight: 500;
   padding-left: 15px;
   color: var(--header);
   margin-bottom: 55px;
   display: inline-block;
 }

 .choose-us-wrapper-2 .choose-us-content .choose-counter-items .tittle::before {
   content: "";
   position: absolute;
   top: 50%;
   left: 0;
   width: 8px;
   height: 8px;
   background: var(--theme);
   border-radius: 50%;
   transform: translateY(-50%);
 }

 .choose-us-wrapper-2 .choose-us-content .choose-counter-items .counter-box h3 {
   font-size: 36px;
 }

 .choose-us-wrapper-2 .choose-us-content .choose-counter-items .counter-box h4 {
   font-size: 20px;
   margin-bottom: 12px;
   margin-top: 3px;
 }

 @media (max-width: 1199px) {
   .choose-us-wrapper-2 .choose-us-content .choose-counter-items .counter-box h4 {
     font-size: 18px;
   }
 }

 .choose-us-wrapper-2 .choose-us-content .choose-counter-items .counter-box p {
   text-transform: capitalize;
   color: var(--header);
 }

 @media (max-width: 767px) {
   .choose-us-wrapper-2 .choose-us-content .choose-counter-items .counter-box p {
     font-size: 14px;
   }
 }

 .choose-us-wrapper-2 .choose-us-content .choose-counter-items.style-2 {
   background-color: var(--header);
 }

 .choose-us-wrapper-2 .choose-us-content .choose-counter-items.style-2 .tittle {
   color: var(--white);
 }

 .choose-us-wrapper-2 .choose-us-content .choose-counter-items.style-2 .counter-box h3 {
   color: var(--white);
 }

 .choose-us-wrapper-2 .choose-us-content .choose-counter-items.style-2 .counter-box h4 {
   color: var(--white);
 }

 .choose-us-wrapper-2 .choose-us-content .choose-counter-items.style-2 .counter-box p {
   color: var(--white);
 }

 .choose-us-wrapper-2 .choose-image-wrap {
   position: relative;
 }

 .choose-us-wrapper-2 .choose-image-wrap .choose-img img {
   border-radius: 20px;
 }

 @media (max-width: 1600px) {
   .choose-us-wrapper-2 .choose-image-wrap .choose-img img {
     width: 100%;
     height: 100%;
   }
 }

 .choose-us-wrapper-2 .choose-image-wrap .choose-img.style-img {
   margin-left: 24px;
 }

 @media (max-width: 1600px) {
   .choose-us-wrapper-2 .choose-image-wrap .choose-img.style-img {
     margin-left: 0;
   }
 }

 .choose-us-wrapper-2 .choose-image-wrap .choose-circle-btn {
   position: absolute;
   top: 56%;
   left: 54%;
   transform: translate(-50%, -50%);
 }

 @media (max-width: 1600px) {
   .choose-us-wrapper-2 .choose-image-wrap .choose-circle-btn {
     left: 50%;
   }
 }

 .choose-us-wrapper-2 .choose-image-wrap .choose-circle-btn a {
   position: relative;
   width: 140px;
   height: 140px;
   border-radius: 50%;
   display: block;
   background-color: var(--theme);
   padding: 10px;
 }

 @media (max-width: 1199px) {
   .choose-us-wrapper-2 .choose-image-wrap .choose-circle-btn a {
     width: 110px;
     height: 110px;
   }
 }

 @media (max-width: 991px) {
   .choose-us-wrapper-2 .choose-image-wrap .choose-circle-btn a {
     width: 140px;
     height: 140px;
   }
 }

 @media (max-width: 470px) {
   .choose-us-wrapper-2 .choose-image-wrap .choose-circle-btn a {
     width: 110px;
     height: 110px;
   }
 }

 .choose-us-wrapper-2 .choose-image-wrap .choose-circle-btn a img {
   width: 100%;
   height: 100%;
   display: block;
   object-fit: contain;
   animation: cir36 12s linear infinite;
 }

 .choose-us-wrapper-2 .choose-image-wrap .choose-circle-btn a i {
   position: absolute;
   top: 50%;
   left: 50%;
   width: 48px;
   height: 48px;
   transform: translate(-50%, -50%);
   border-radius: 50%;
   background-color: var(--header);
   color: var(--white);
   font-size: 14px;
   font-weight: 900;
   display: flex;
   align-items: center;
   justify-content: center;
 }

 @media (max-width: 1899px) {
   .choose-us-wrapper-2 .choose-image-wrap .image-1 {
     height: 380px;
   }

   .choose-us-wrapper-2 .choose-image-wrap .image-1 img {
     object-fit: cover;
     height: 100%;
   }
 }

 @media (max-width: 1899px) {
   .choose-us-wrapper-2 .choose-image-wrap .image-3 {
     height: 303px;
   }

   .choose-us-wrapper-2 .choose-image-wrap .image-3 img {
     object-fit: cover;
     height: 100%;
   }
 }

 .contact-wrapper {
   max-width: 1410px;
   margin: 0 auto;
 }

 .contact-wrapper .contact-content {
   padding: 76px 60px;
 }

 .contact-wrapper .contact-content .info-wrap {
   display: flex;
   align-items: center;
   justify-content: space-between;
 }

 @media (max-width: 991px) {
   .contact-wrapper .contact-content .info-wrap {
     flex-wrap: wrap;
     gap: 30px;
   }
 }

 .contact-wrapper .contact-content .info-wrap .info-item {
   text-align: center;
   margin-top: 20px;
 }

 @media (max-width: 575px) {
   .contact-wrapper .contact-content .info-wrap .info-item {
     flex: 0 0 100%;
     max-width: 100%;
   }
 }

 .contact-wrapper .contact-content .info-wrap .info-item h3 {
   font-size: 20px;
   font-weight: 600;
   color: var(--white);
   margin-top: 15px;
 }

 .contact-wrapper .contact-content .info-wrap .info-item p {
   color: var(--white);
   font-weight: 400;
   font-family: "Hanken Grotesk", sans-serif;
   margin-top: 4px;
 }

 .contact-wrapper .contact-content .contact-btn {
   text-align: center;
   margin-top: 40px;
 }

 @media (max-width: 991px) {
   .contact-wrapper-2 .contact-content {
     padding-bottom: 0 !important;
   }
 }

 @media (max-width: 1399px) {
   .contact-wrapper-2 .contact-content .section-title {
     width: initial;
   }
 }

 .contact-wrapper-2 .contact-content .contact-from .inptFld {
   width: 100%;
   height: 50px;
   border: 0;
   color: rgba(255, 255, 255, 0.7);
   font-size: 16px;
   margin-bottom: 20px;
   background-color: transparent;
   border-bottom: 1px solid rgba(255, 255, 255, 0.2);
   font-weight: 300;
 }

 .contact-wrapper-2 .contact-content .contact-from .inptFld::placeholder {
   color: rgba(255, 255, 255, 0.7);
 }

 .contact-wrapper-2 .contact-content .contact-from .contFrm textarea {
   height: 120px;
 }

 .contact-wrapper-2 .contact-content .contact-from textarea:focus {
   outline: none;
 }

 .contact-wrapper-2 .contact-content .contact-from .contact-text {
   color: rgba(255, 255, 255, 0.7);
   margin-top: 20px;
   font-weight: 500;
   font-family: "Hanken Grotesk", sans-serif;
 }

 .contact-wrapper-2 .contact-content .contact-from .contact-button {
   margin-top: 30px;
 }

 .contact-wrapper-2 .contact-image-area {
   margin-left: 21%;
 }

 @media (max-width: 1899px) {
   .contact-wrapper-2 .contact-image-area {
     margin-left: 18%;
   }
 }

 @media (max-width: 1600px) {
   .contact-wrapper-2 .contact-image-area {
     margin-left: 7%;
   }
 }

 @media (max-width: 1399px) {
   .contact-wrapper-2 .contact-image-area {
     margin-left: 0;
   }
 }

 @media (max-width: 1199px) {
   .contact-wrapper-2 .contact-image-area img {
     width: 100%;
     height: 100%;
   }
 }

 .contact-wrapper-2 .contact-image-area .counter-box-area {
   display: flex;
   align-items: center;
   gap: 60px;
   position: relative;
   z-index: 22;
   margin-top: 50px;
   width: 650px;
 }

 @media (max-width: 1399px) {
   .contact-wrapper-2 .contact-image-area .counter-box-area {
     gap: 30px;
   }
 }

 @media (max-width: 1199px) {
   .contact-wrapper-2 .contact-image-area .counter-box-area {
     padding-bottom: 40px;
     flex-wrap: wrap;
     padding-right: 30px;
     width: initial;
   }
 }

 .contact-wrapper-2 .contact-image-area .counter-box-area .counter-box {
   display: flex;
   align-items: center;
   gap: 20px;
 }

 .contact-wrapper-2 .contact-image-area .counter-box-area .counter-box:not(:last-child) {
   border-right: 1px solid var(--black);
   padding-right: 60px;
 }

 @media (max-width: 1399px) {
   .contact-wrapper-2 .contact-image-area .counter-box-area .counter-box:not(:last-child) {
     padding-right: 30px;
   }
 }

 @media (max-width: 991px) {
   .contact-wrapper-2 .contact-image-area .counter-box-area .counter-box:not(:last-child) {
     border-right: none;
     padding-right: 0;
   }
 }

 .contact-wrapper-2 .contact-image-area .counter-box-area .counter-box h2 {
   color: var(--theme2);
   font-size: 36px;
 }

 .contact-wrapper-2 .contact-image-area .counter-box-area .counter-box h3 {
   color: var(--white);
   font-weight: 600;
   font-size: 18px;
   line-height: 167%;
 }

 .contact-wrapper-3 .contact-area-top h2 {
   font-size: 64px;
   justify-content: center;
   display: flex;
   margin-bottom: 40px;
 }

 @media (max-width: 1199px) {
   .contact-wrapper-3 .contact-area-top h2 {
     font-size: 54px;
   }
 }

 @media (max-width: 991px) {
   .contact-wrapper-3 .contact-area-top h2 {
     font-size: 44px;
   }
 }

 @media (max-width: 575px) {
   .contact-wrapper-3 .contact-area-top h2 {
     font-size: 32px;
   }
 }

 .contact-wrapper-3 .contact-area-top .contact-items {
   display: flex;
   align-items: center;
   padding: 30px;
   border: 1px solid var(--border);
   gap: 25px;
   border-radius: 20px;
   background-color: var(--white);
 }

 .contact-wrapper-3 .contact-area-top .contact-items .icon {
   max-width: 71px;
   height: 71px;
   line-height: 65px;
   width: 100%;
   text-align: center;
   border: 1px solid var(--border);
   background-color: #F4F8EC;
   border-radius: 50%;
 }

 .contact-wrapper-3 .contact-area-top .contact-items .icon img {
   width: 24px;
 }

 .contact-wrapper-3 .contact-area-top .contact-items .content h3 {
   font-size: 20px;
   font-weight: 600;
   margin-bottom: 8px;
   color: #005a9c;
 }

 .contact-wrapper-3 .contact-area-top .contact-items .content p a {
   color: #111111;
 }

 .contact-wrapper-3 .contact-area-bottom {
   margin-top: 80px;
 }

 .contact-wrapper-3 .contact-area-bottom .google-map iframe {
   width: 100%;
   height: 679px;
 }

 .contact-wrapper-3 .contact-area-bottom .contact-from {
   padding: 60px;
   border: 1px solid var(--border);
   border-radius: 30px;
   background-color: var(--white);
 }

 @media (max-width: 1199px) {
   .contact-wrapper-3 .contact-area-bottom .contact-from {
     padding: 30px;
   }
 }

 .contact-wrapper-3 .contact-area-bottom .contact-from .inptFld {
   width: 100%;
   height: 56px;
   border: 0;
   color: var(--text);
   font-size: 16px;
   margin-bottom: 30px;
   background-color: transparent;
   border: 1px solid var(--border);
   padding-left: 30px;
   border-radius: 100px;
 }

 .contact-wrapper-3 .contact-area-bottom .contact-from .inptFld::placeholder {
   color: var(--text);
   opacity: 0.7;
 }

 .contact-wrapper-3 .contact-area-bottom .contact-from .contFrm textarea {
   height: 150px;
   padding-top: 20px;
   border-radius: 20px;
 }

 .contact-wrapper-3 .contact-area-bottom .contact-from textarea:focus {
   outline: none;
 }

 .contact-wrapper-3 .contact-area-bottom .contact-from .contact-text {
   color: var(--white);
   margin-top: 20px;
   opacity: 0.7;
   font-weight: 500;
   font-family: "Hanken Grotesk", sans-serif;
 }

 .contact-wrapper-3 .contact-area-bottom .contact-from .contact-button {
   margin-top: 30px;
 }

 .map-section {
   margin-top: -220px;
 }

 .map-section .google-map iframe {
   width: 100%;
   height: 594px;
 }

 .contact-section {
   position: relative;
 }

 .contact-content {
   margin-right: 60px;
 }

 .contact-content .contact-text {
   margin-top: 10px;
   font-weight: 500;
   color: var(--header);
 }

 .contact-content .contact-form-box {
   margin-top: 10px;
 }

 .contact-content .contact-form-box .form-clt input,
 .contact-content .contact-form-box .form-clt textarea {
   border-bottom: 1px solid rgba(0, 53, 102, 0.12);
   border-top: 1px solid var(--white);
   border-left: 1px solid var(--white);
   border-right: 1px solid var(--white);
   line-height: 1;
   padding: 16px 0;
   width: 100%;
   text-transform: capitalize;
   color: var(--text);
 }

 .contact-content .contact-form-box .form-clt input::placeholder,
 .contact-content .contact-form-box .form-clt textarea::placeholder {
   color: var(--header);
 }

 .contact-content .contact-form-box .form-clt textarea {
   padding-bottom: 80px;
 }

 .contact-content .contact-form-box .contact-text-2 {
   color: var(--header);
   font-weight: 500;
   font-family: "Hanken Grotesk", sans-serif;
   text-transform: capitalize;
   max-width: 640px;
 }

 .contact-thumb {
   position: relative;
   margin-right: -200px;
   height: 798px;
 }

 @media (max-width: 1899px) {
   .contact-thumb {
     margin-right: -100px;
   }
 }

 @media (max-width: 1600px) {
   .contact-thumb {
     margin-right: -50px;
   }
 }

 @media (max-width: 991px) {
   .contact-thumb {
     margin-right: 0;
     height: 500px;
   }
 }

 .contact-thumb img {
   width: 100%;
   height: 100%;
   border-radius: 30px;
   object-fit: cover;
 }

 .contact-thumb .sm-thumb {
   position: absolute;
   top: 40px;
   right: 40px;
 }

 @media (max-width: 575px) {
   .contact-thumb .sm-thumb {
     display: none;
   }
 }

 .contact-thumb .sm-thumb img {
   width: initial;
   height: initial;
 }

 .counter-content-area {
   margin-left: 50px;
 }

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

 @media (max-width: 1399px) {
   .counter-content-area .section-title {
     width: initial;
   }
 }

 .counter-content-area .counter-text {
   margin-top: 20px;
   color: #111111;
   text-transform: capitalize;
   max-width: 755px;
 }

 .counter-content-area .counter-items {
   margin-top: 27px;
   max-width: 365px;
 }

 .counter-content-area .counter-items p {
   text-transform: capitalize;
   color: #111111;
   max-width: 350px;
 }

 .counter-content-area .counter-items .counter-box {
   border-bottom: 1px solid var(--border);
   margin-bottom: 10px;
   padding-bottom: 15px;
   transition: all 0.4s ease-in-out;
 }

 .counter-content-area .counter-items .counter-box h3 {
   font-size: 48px;
   font-weight: 700;
   line-height: 1;
   color: #005a9c;

 }

 .counter-content-area .counter-items .counter-box p {
   font-weight: 500;
   color: #1f6b39;
   text-transform: capitalize;
   margin-top: 8px;
   font-size: 16px;
 }

 .counter-content-area .counter-items:hover .counter-box {
   border-bottom: 1px solid var(--theme);
 }

 .counter-content-area .counter-items.counter-two p {
   max-width: 280px;
 }

 .counter-content-area .counter-items.counter-two:hover .counter-box {
   border-bottom: 1px solid var(--theme);
 }

 .counter-image {
   border-radius: 30px;
   height: 755px;
 }

 @media (max-width: 991px) {
   .counter-image {
     height: 570px;
   }
 }

 @media (max-width: 767px) {
   .counter-image {
     height: 530px;
   }
 }

 @media (max-width: 575px) {
   .counter-image {
     height: 480px;
   }
 }

 .counter-image img {
   width: 100%;
   height: 90%;
   object-fit: cover;
   border-radius: 30px;
   object-fit: cover;
 }

 .counter-two {
   margin-top: -35px;
 }

 .counter-section1 .container-fluid {
   padding: 0 60px;
 }

 @media (max-width: 1899px) {
   .counter-section1 .container-fluid {
     padding: 0 40px;
   }
 }

 @media (max-width: 1600px) {
   .counter-section1 .container-fluid {
     padding: 0 30px;
   }
 }

 @media (max-width: 1399px) {
   .counter-section1 .container-fluid {
     padding: 0 25px;
   }
 }

 @media (max-width: 1199px) {
   .counter-section1 .container-fluid {
     padding: 0 20px;
   }
 }

 @media (max-width: 470px) {
   .counter-section1 .container-fluid {
     padding: 0 16px;
   }
 }

 .advantage-section {
   position: relative;
 }

 .advantage-section .reel-shape {
   position: absolute;
   top: 45px;
   left: 90px;
 }

 @media (max-width: 991px) {
   .advantage-section .reel-shape img {
     opacity: 0.4;
   }
 }

 .advantage-wrapper .advantage-box-items {
   margin-top: 30px;
   border-top: 1px solid var(--border);
   border-right: 1px solid var(--border);
   border-bottom: 1px solid var(--border);
 }

 .advantage-wrapper .advantage-box-items:not(:last-child) {
   border-right: 1px solid var(--border);
 }

 .advantage-wrapper .advantage-box-items .advantage-content {
   padding: 35px 40px;
 }

 @media (max-width: 1399px) {
   .advantage-wrapper .advantage-box-items .advantage-content {
     padding: 30px 35px;
   }
 }

 @media (max-width: 1199px) {
   .advantage-wrapper .advantage-box-items .advantage-content {
     padding: 35px;
   }
 }

 @media (max-width: 767px) {
   .advantage-wrapper .advantage-box-items .advantage-content {
     padding: 32px;
   }
 }

 @media (max-width: 470px) {
   .advantage-wrapper .advantage-box-items .advantage-content {
     padding: 28px 28px;
   }
 }

 .advantage-wrapper .advantage-box-items .advantage-content h3 {
   margin-bottom: 15px;

 }

 .advantage-wrapper .advantage-box-items .advantage-content h3 span {
   font-weight: 500;
 }

 .advantage-wrapper .advantage-box-items .advantage-content .advantage-thumb {
   position: relative;
   overflow: hidden;
   margin-bottom: 20px;
   border-radius: 30px;
 }

 .advantage-wrapper .advantage-box-items .advantage-content .advantage-thumb img {
   width: 100%;
   height: 100%;
   position: relative;
   display: block;
   object-fit: cover;
   -webkit-transition: all 500ms ease;
   transition: all 500ms ease;
   border-radius: 30px;
 }

 .advantage-wrapper .advantage-box-items .advantage-content .advantage-thumb img:first-child {
   position: absolute;
   left: 0;
   top: 0;
   right: 0;
   bottom: 0;
   -index: 1;
   -webkit-transform: translateX(50%) scaleX(2);
   transform: translate(50%) scaleX(2);
   opacity: 0;
   -webkit-filter: blur(10px);
   filter: blur(10px);
 }

 .advantage-wrapper .advantage-box-items .advantage-btn-box {
   display: flex;
   align-items: center;
   justify-content: space-between;
   border-top: 1px solid var(--border);
 }

 .advantage-wrapper .advantage-box-items .advantage-btn-box img {
   padding: 15px;
   border-left: 1px solid var(--border);
 }

 .advantage-wrapper .advantage-box-items .advantage-btn-box .link-btn {
   padding-left: 40px;
   color: #17487d;
 }

 .advantage-wrapper .advantage-box-items:hover .advantage-thumb img:first-child {
   -webkit-transform: translateX(0) scaleX(1);
   transform: translate(0) scaleX(1);
   opacity: 1;
   -webkit-filter: blur(0);
   filter: blur(0);
 }

 .advantage-wrapper .advantage-box-items:hover .advantage-thumb img:nth-child(2) {
   -webkit-transform: translateX(-50%) scaleX(2);
   transform: translateX(-50%) scaleX(2);
   opacity: 0;
   -webkit-filter: blur(10px);
   filter: blur(10px);
 }

 .advantage-wrapper .advantage-box-items:hover .link-btn {
   color: #005a9c;
 }

 .section-title-area .first-img {
   margin-right: -25px;
 }

 .section-title-area p {
   margin-top: 12px;
   margin-bottom: 30px;
 }

 .bottom-text {
   margin-top: 60px;
   text-align: center;
   line-height: 1;
   color: var(--header);
 }

 .bottom-text .link-btn {
   color: var(--header);
   transition: all 0.4s ease-in-out;
 }

 .bottom-text .link-btn i {
   margin-right: 3px;
 }

 .bottom-text .link-btn:hover {
   text-decoration: underline;
   color: var(--theme2);
 }

 .faq-wrapper {
   position: relative;
 }

 .faq-wrapper .faq-content {
   margin-right: 40px;
 }

 @media (max-width: 1199px) {
   .faq-wrapper .faq-content {
     margin-right: 0;
   }
 }

 .faq-wrapper .faq-content .section-title h2 {
   font-size: 46px;
 }

 @media (max-width: 1399px) {
   .faq-wrapper .faq-content .section-title h2 {
     font-size: 42px;
   }
 }

 @media (max-width: 991px) {
   .faq-wrapper .faq-content .section-title h2 {
     font-size: 40px;
   }
 }

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

 @media (max-width: 575px) {
   .faq-wrapper .faq-content .section-title h2 {
     font-size: 30px;
   }
 }

 .faq-wrapper .faq-content .faq-text {
   margin-top: 25px;
 }

 .faq-wrapper .faq-content .client-info-items {
   margin-top: 40px;
   background-color: var(--theme);
   border-radius: 20px;
   max-width: 715px;
 }

 .faq-wrapper .faq-content .client-info-items .client-info-top {
   display: flex;
   align-items: center;
   gap: 20px;
   padding: 20px 30px;
   border-radius: 20px;
   background-color: var(--bg);
 }

 @media (max-width: 767px) {
   .faq-wrapper .faq-content .client-info-items .client-info-top {
     flex-wrap: wrap;
   }
 }

 .faq-wrapper .faq-content .client-info-items .client-info-top span {
   font-size: 14px;
   font-weight: 600;
   text-transform: capitalize;
 }

 .faq-wrapper .faq-content .client-info-items .client-info-bottom {
   display: flex;
   align-items: center;
   gap: 75px;
   padding: 20px 30px;
 }

 @media (max-width: 1199px) {
   .faq-wrapper .faq-content .client-info-items .client-info-bottom {
     gap: 25px;
   }
 }

 @media (max-width: 991px) {
   .faq-wrapper .faq-content .client-info-items .client-info-bottom {
     gap: 50px;
   }
 }

 @media (max-width: 767px) {
   .faq-wrapper .faq-content .client-info-items .client-info-bottom {
     flex-wrap: wrap;
     gap: 25px;
   }
 }

 .faq-wrapper .faq-content .client-info-items .client-info-bottom .contact-info {
   display: flex;
   align-items: center;
   gap: 20px;
 }

 .faq-wrapper .faq-content .client-info-items .client-info-bottom .contact-info .icon {
   width: 50px;
   height: 50px;
   line-height: 50px;
   border-radius: 50%;
   background-color: var(--white);
   text-align: center;
   transition: all 0.4s ease-in-out;
 }

 .faq-wrapper .faq-content .client-info-items .client-info-bottom .contact-info .content p {
   color: #54595F;
   font-size: 14px;
   text-transform: capitalize;
 }

 .faq-wrapper .faq-content .client-info-items .client-info-bottom .contact-info .content a {
   font-weight: 500;
 }

 .faq-wrapper .faq-content .client-info-items .client-info-bottom .contact-info:hover .icon img {
   animation: wobble 1.5s ease-in-out;
 }

 .faq-wrapper .faq-items .accordion .accordion-item {
   border: none;
   background: var(--white);
   padding: 0;
 }

 .faq-wrapper .faq-items .accordion .accordion-item:not(:last-child) {
   border-bottom: 1px solid var(--border);
 }

 .faq-wrapper .faq-items .accordion .accordion-item:has(.accordion-collapse.show) {
   border-bottom: none !important;
 }

 .faq-wrapper .faq-items .accordion .accordion-item h2 button {
   font-size: 20px;
   line-height: 1;
   font-weight: 600;
   box-shadow: none;
   border-radius: 0 !important;
   padding: 30px 0;
   color: var(--header);
 }

 @media (max-width: 1199px) {
   .faq-wrapper .faq-items .accordion .accordion-item h2 button {
     font-size: 16px;
     font-weight: 500;
   }
 }

 @media (max-width: 470px) {
   .faq-wrapper .faq-items .accordion .accordion-item h2 button {
     font-size: 14px;
     font-weight: 400;
   }
 }

 .faq-wrapper .faq-items .accordion .accordion-item .accordion-body {
   padding: 10px 0 0 0;
   border-top: 1px solid var(--border);
 }

 .faq-wrapper .faq-items .accordion .accordion-item .accordion-body p {
   color: var(--text);
   line-height: 32px;
   font-weight: 400;
   font-size: 16px;
 }

 @media (max-width: 575px) {
   .faq-wrapper .faq-items .accordion .accordion-item .accordion-body p {
     width: 100%;
     font-size: 14px;
     line-height: 28px;
   }
 }

 .faq-wrapper .faq-items .accordion .accordion-button {
   background-color: transparent;
 }

 .faq-wrapper .faq-items .accordion .accordion-button::after {
   display: none;
 }

 .faq-wrapper .faq-items .accordion .accordion-button::before {
   position: absolute;
   content: "\f061" !important;
   font-family: "Font Awesome 6 Pro";
   font-weight: 700;
   top: 50%;
   transform: translateY(-50%);
   right: 0;
   font-size: 14px;
   text-align: center;
   transition: all 0.4s ease-in-out;
   color: var(--header);
   width: 44px;
   height: 44px;
   line-height: 44px;
   border-radius: 100px;
   text-align: center;
   background-color: #F2F5FB;
 }

 @media (max-width: 1399px) {
   .faq-wrapper .faq-items .accordion .accordion-button::before {
     width: 30px;
     height: 30px;
     line-height: 30px;
   }
 }

 .faq-wrapper .faq-items .accordion .accordion-button.collapsed::before {
   content: "\f105";
   background-color: #F2F5FB;
   color: var(--header);
 }

 .faq-wrapper .faq-items .accordion .accordion-button:not(.collapsed)::before {
   content: "\f105";
   background-color: var(--theme);
   color: var(--header);
 }

 .brand-new .container {
   max-width: 1680px;
 }

 .brand-new .brand-text {
   position: relative;
   margin-bottom: 60px;
 }

 .brand-new .brand-text::before {
   position: absolute;
   top: 50%;
   transform: translateY(-50%);
   left: 0;
   right: 0;
   width: 100%;
   height: 1px;
   content: "";
   background: #A4A4A4;
   z-index: -1;
 }

 @media (max-width: 1199px) {
   .brand-new .brand-text::before {
     display: none;
   }
 }

 .brand-new p {
   font-size: 24px;
   font-family: "Hanken Grotesk", sans-serif;
   font-weight: 500;
   color: var(--header);
   text-transform: capitalize;
   text-align: center;
   background-color: var(--white);
   position: relative;
   max-width: 550px;
   margin: 0 auto;
 }

 .faq-wrapper22 {
   position: relative;
 }

 .faq-wrapper22 .faq-image {
   position: relative;
   border-radius: 30px;
   margin-right: 50px;
 }

 @media (max-width: 1399px) {
   .faq-wrapper22 .faq-image {
     margin-right: 0;
   }

   .faq-wrapper22 .faq-image img {
     width: 100%;
     height: 100%;
     border-radius: 30px;
   }
 }

 .faq-wrapper22 .faq-image .counter-box {
   position: absolute;
   bottom: 0;
   left: 0;
   background-color: rgba(255, 255, 255, 0.1);
   backdrop-filter: blur(15px);
   padding: 27px 30px;
   width: 195px;
   z-index: 22;
 }

 .faq-wrapper22 .faq-image .counter-box h2 {
   color: var(--white);
 }

 .faq-wrapper22 .faq-image .counter-box p {
   color: var(--white);
 }

 .faq-wrapper22 .faq-image img {
   border-radius: 30px;
   width: 100%;
   height: 100%;
 }

 .faq-wrapper22 .faq-content {
   margin-left: -30px;
 }

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

 .faq-wrapper22 .faq-content .faq-page-items {
   margin-top: 60px;
 }

 @media (max-width: 767px) {
   .faq-wrapper22 .faq-content .faq-page-items {
     margin-top: 30px;
   }
 }

 .faq-wrapper22 .faq-content .faq-page-items .accordion-box {
   position: relative;
 }

 .faq-wrapper22 .faq-content .faq-page-items .accordion-box .block {
   position: relative;
   background-color: var(--white);
   line-height: 1;
   border: 1px solid var(--border);
   padding: 27px 30px;
   margin-bottom: 30px;
   border-radius: 20px;
 }

 @media (max-width: 1199px) {
   .faq-wrapper22 .faq-content .faq-page-items .accordion-box .block {
     padding: 25px 20px;
     padding-right: 50px;
   }
 }

 .faq-wrapper22 .faq-content .faq-page-items .accordion-box .block .acc-btn {
   position: relative;
   font-size: 20px;
   color: var(--header);
   font-weight: 600;
   font-family: "Hanken Grotesk", sans-serif;
   cursor: pointer;
   -webkit-transition: all 500ms ease;
   transition: all 500ms ease;
 }

 @media (max-width: 767px) {
   .faq-wrapper22 .faq-content .faq-page-items .accordion-box .block .acc-btn {
     font-size: 18px;
   }
 }

 .faq-wrapper22 .faq-content .faq-page-items .accordion-box .block .acc-btn .icon {
   position: absolute;
   right: -17px;
   top: 0;
   width: 30px;
   height: 30px;
   font-size: 16px;
   color: var(--header);
   -webkit-transition: all 500ms ease;
   transition: all 500ms ease;
 }

 @media (max-width: 1199px) {
   .faq-wrapper22 .faq-content .faq-page-items .accordion-box .block .acc-btn .icon {
     right: -30px;
   }
 }

 .faq-wrapper22 .faq-content .faq-page-items .accordion-box .block .acc-content {
   position: relative;
   display: none;
   margin-top: 24px;
 }

 .faq-wrapper22 .faq-content .faq-page-items .accordion-box .block .acc-content .content {
   position: relative;
 }

 .faq-wrapper22 .faq-content .faq-page-items .accordion-box .block .acc-content .content .text {
   line-height: 175%;
   font-size: 16px;
   font-weight: 300;
   color: #111111;
   max-width: 605px;
   border-top: 1px solid var(--border);
   padding-top: 17px;
 }

 .faq-wrapper22 .faq-content .faq-page-items .accordion-box .block .acc-content.current {
   display: block;
 }

 .faq-wrapper22 .faq-content .faq-page-items .accordion-box .block .acc-btn.active .icon:before {
   content: "\f077";
   font-family: "Font Awesome 6 Pro";
   color: var(--theme2);
 }

 .faq-wrapper22 .faq-content .faq-page-items .accordion-box .block:last-child {
   margin-bottom: 0;
 }

 .work-process-box-items-2 {
   margin-top: 30px;
   text-align: center;
 }

 .work-process-box-items-2 .content .title {
   font-size: 20px;
   font-weight: 700;
   color: #1f6b39;

 }

 .work-process-box-items-2 .content p {
   margin-top: 14px;
   text-transform: capitalize;
   color: #111111;
 }

 .work-process-box-items-2 .number {
   display: inline-block;
   width: 60px;
   height: 60px;
   line-height: 60px;
   text-align: center;
   background-color: #40b0d0;
   border-radius: 50%;
   color: var(--header);
   font-size: 20px;
   font-weight: 600;
   font-family: "Hanken Grotesk", sans-serif;
   margin-top: 40px;
   margin-bottom: 40px;
   transition: all 0.4s ease-in-out;
 }

 .work-process-box-items-2 .thumb {
   max-width: 200px;
   margin: 0 auto;
 }

 .work-process-box-items-2 .thumb img {
   width: 100%;
   height: 100%;
   border-radius: 1000px;
   margin: 10px 0;
 }

 /* .work-process-box-items-2.style-2 {
  margin-top: 112px;
}

@media (max-width: 1199px) {
  .work-process-box-items-2.style-2 {
    margin-top: 30px;
  }
} */

 .work-process-box-items-2:hover .number {
   background-color: #005a9c;
   color: var(--white);
 }

 .work-process-wrapper-2 {
   position: relative;
   z-index: 9;
 }

 /* .work-process-wrapper-2::before {
  content: "";
  position: absolute;
  top: 52%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 0%;
  border: 1px solid #D8DDE1;
  z-index: -1;
  transition: height 0.5s ease;
} */

 @media (max-width: 1199px) {
   .work-process-wrapper-2::before {
     display: none;
   }
 }

 .video-wrapper {
   text-align: center;
 }

 .video-wrapper .video {
   position: relative;
   height: 600px;
 }

 @media (max-width: 991px) {
   .video-wrapper .video {
     height: 550px;
   }
 }

 @media (max-width: 767px) {
   .video-wrapper .video {
     height: 520px;
   }
 }

 @media (max-width: 575px) {
   .video-wrapper .video {
     height: 480px;
   }
 }

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

 .video-wrapper .video .video-btn {
   width: 120px;
   height: 120px;
   line-height: 120px;
   display: inline-block;
   background: var(--theme);
   color: var(--white);
   text-align: center;
   border-radius: 100%;
   font-size: 28px;
   position: absolute;
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%);
   z-index: 88;
 }

 @media (max-width: 991px) {
   .video-wrapper .video .video-btn {
     width: 80px;
     height: 80px;
     line-height: 80px;
     font-size: 24px;
   }
 }

 .video-wrapper .video .video-btn .play-icon {
   width: initial;
   height: initial;
 }

 .video-wrapper .video .video-btn .text-img {
   position: absolute;
   top: 36%;
   left: 50%;
   transform: translate(-50%, -50%);
   z-index: 88;
   height: 94px;
   width: 94px;
 }

 @media (max-width: 991px) {
   .video-wrapper .video .video-btn .text-img {
     width: 64px;
     height: 64px;
   }
 }

 .video-wrapper-2 {
   text-align: center;
   position: relative;
 }

 .video-wrapper-2 .video {
   position: relative;
   height: 670px;
 }

 .video-wrapper-2 .video::before {
   position: absolute;
   top: 0;
   left: 0;
   right: 0;
   bottom: 0;
   width: 100%;
   height: 100%;
   content: "";
   background-color: rgba(11, 34, 57, 0.46);
   z-index: 1;
 }

 @media (max-width: 991px) {
   .video-wrapper-2 .video {
     height: 550px;
   }
 }

 @media (max-width: 767px) {
   .video-wrapper-2 .video {
     height: 520px;
   }
 }

 @media (max-width: 575px) {
   .video-wrapper-2 .video {
     height: 480px;
   }
 }

 .video-wrapper-2 .video img {
   width: 100%;
   height: 100%;
   object-fit: cover;
 }

 .video-wrapper-2 .video .video-btn {
   width: 120px;
   height: 120px;
   line-height: 120px;
   display: inline-block;
   background: var(--theme);
   color: var(--white);
   text-align: center;
   border-radius: 100%;
   font-size: 28px;
   position: absolute;
   top: 120px;
   left: 50%;
   transform: translate(-50%);
   z-index: 88;
 }

 @media (max-width: 991px) {
   .video-wrapper-2 .video .video-btn {
     width: 80px;
     height: 80px;
     line-height: 80px;
     font-size: 24px;
   }
 }

 .video-wrapper-2 .video .video-btn .play-icon {
   width: initial;
   height: initial;
 }

 .video-wrapper-2 .video .video-btn .text-img {
   position: absolute;
   top: 36%;
   left: 50%;
   transform: translate(-50%, -50%);
   z-index: 88;
   height: 94px;
   width: 94px;
 }

 @media (max-width: 991px) {
   .video-wrapper-2 .video .video-btn .text-img {
     width: 64px;
     height: 64px;
   }
 }

 .video-wrapper-2 .video .vedio-content {
   position: absolute;
   left: 0;
   bottom: 120px;
   width: 100%;
   padding: 0 240px;
   z-index: 5;
 }

 @media (max-width: 1899px) {
   .video-wrapper-2 .video .vedio-content {
     padding: 0 180px;
   }
 }

 @media (max-width: 1600px) {
   .video-wrapper-2 .video .vedio-content {
     padding: 0 160px;
   }
 }

 @media (max-width: 1399px) {
   .video-wrapper-2 .video .vedio-content {
     padding: 0 130px;
     bottom: 80px;
   }
 }

 @media (max-width: 1199px) {
   .video-wrapper-2 .video .vedio-content {
     padding: 0 100px;
     bottom: 80px;
   }
 }

 @media (max-width: 991px) {
   .video-wrapper-2 .video .vedio-content {
     padding: 0 80px;
   }
 }

 @media (max-width: 767px) {
   .video-wrapper-2 .video .vedio-content {
     padding: 0 30px;
   }
 }

 @media (max-width: 767px) {
   .video-wrapper-2 .video .vedio-content {
     bottom: 60px;
   }
 }

 @media (max-width: 575px) {
   .video-wrapper-2 .video .vedio-content {
     padding: 0 15px;
   }
 }

 .video-wrapper-2 .video .vedio-content ul {
   display: flex;
   align-items: center;
   justify-content: space-between;
   gap: 55px;
   padding-top: 50px;
   position: relative;
 }

 .video-wrapper-2 .video .vedio-content ul::before {
   content: "";
   position: absolute;
   top: 0;
   left: -60px;
   width: calc(100% + 120px);
   height: 1px;
   background: rgba(255, 255, 255, 0.5);
 }

 @media (max-width: 767px) {
   .video-wrapper-2 .video .vedio-content ul::before {
     content: none;
   }
 }

 @media (max-width: 1899px) {
   .video-wrapper-2 .video .vedio-content ul {
     flex-wrap: wrap;
     justify-content: center;
   }
 }

 @media (max-width: 991px) {
   .video-wrapper-2 .video .vedio-content ul {
     gap: 20px;
   }
 }

 @media (max-width: 575px) {
   .video-wrapper-2 .video .vedio-content ul {
     gap: 13px;
   }
 }

 .video-wrapper-2 .video .vedio-content ul li {
   color: var(--white);
   font-weight: 500;
   display: flex;
   align-items: center;
   gap: 8px;
   text-transform: capitalize;
   z-index: 88;
   position: relative;
 }

 @media (max-width: 575px) {
   .video-wrapper-2 .video .vedio-content ul li {
     font-size: 14px;
   }
 }

 .video-wrapper-2 .video .vedio-content ul li img {
   height: initial;
   width: initial;
 }

 .mission-wrapper {
   margin-top: 30px;
   display: inline-flex;
 }

 @media (max-width: 1399px) {
   .mission-wrapper .mission-items .mission-image {
     height: 343px;
   }
 }

 @media (max-width: 1199px) {
   .mission-wrapper .mission-items .mission-image {
     height: initial;
   }
 }

 @media (max-width: 1199px) {
   .mission-wrapper .mission-items .mission-image {
     height: 315px;
   }
 }

 @media (max-width: 991px) {
   .mission-wrapper .mission-items .mission-image {
     height: 287px;
   }
 }

 @media (max-width: 767px) {
   .mission-wrapper .mission-items .mission-image {
     height: 371px;
   }
 }

 .mission-wrapper .mission-items .mission-image img {
   width: 100%;
   height: 100%;
   object-fit: cover;
 }

 .mission-wrapper .mission-items .mission-content {
   border-top: 3px solid var(--theme);
   padding: 25px 22px;
   background-color: var(--bg2);
 }

 .mission-wrapper .mission-items .mission-content h3 {
   font-size: 20px;
   font-weight: 600;
   margin-bottom: 10px;
 }

 .mission-wrapper .mission-items .mission-content p {
   color: rgb(121, 126, 136);
   text-transform: capitalize;
 }

 .mission-wrapper .mission-items .mission-content p span {
   font-weight: 400;
   color: var(--header);
 }

 .company-wrapper .section-title {
   width: 515px;
 }

 @media (max-width: 1199px) {
   .company-wrapper .section-title {
     width: initial;
   }
 }

 @media (max-width: 1199px) {
   .company-wrapper .section-title h2 {
     font-size: 35px;
   }
 }

 @media (max-width: 991px) {
   .company-wrapper .section-title h2 {
     font-size: 42px;
   }
 }

 @media (max-width: 575px) {
   .company-wrapper .section-title h2 {
     font-size: 34px;
   }
 }

 .company-wrapper .company-text {
   margin-top: 10px;
 }

 .company-wrapper .company-content-top {
   margin-left: 25px;
 }

 @media (max-width: 991px) {
   .company-wrapper .company-content-top {
     margin-left: 0;
   }
 }

 .company-wrapper .company-content-top .company-items .content {
   height: 266px;
   width: 337px;
   background-color: var(--white);
   padding: 27px 30px;
 }

 @media (max-width: 1399px) {
   .company-wrapper .company-content-top .company-items .content {
     width: initial;
     height: initial;
   }
 }

 .company-wrapper .company-content-top .company-items .content h3 {
   font-size: 20px;
   font-weight: 600;
   margin-bottom: 10px;
 }

 @media (max-width: 1199px) {
   .company-wrapper .company-content-top .company-items .content h3 {
     font-size: 18px;
   }
 }

 .company-wrapper .company-content-top .company-items .content .link-btn {
   color: var(--header);
   margin-top: 35px;
 }

 .company-wrapper .company-content-top .company-items .image-box {
   position: relative;
 }

 @media (max-width: 1399px) {
   .company-wrapper .company-content-top .company-items .image-box {
     width: 296px;
     height: 295px;
   }
 }

 @media (max-width: 1199px) {
   .company-wrapper .company-content-top .company-items .image-box {
     width: initial;
     height: 346px;
   }
 }

 @media (max-width: 991px) {
   .company-wrapper .company-content-top .company-items .image-box {
     height: initial;
   }
 }

 .company-wrapper .company-content-top .company-items .image-box img {
   width: 100%;
   height: 100%;
 }

 .company-wrapper .company-content-top .company-items .image-box .img-text {
   position: absolute;
   bottom: 30px;
   left: 30px;
 }

 .company-wrapper .company-content-top .company-items .image-box .img-text h3 {
   font-size: 20px;
   font-weight: 600;
   color: var(--white);
 }

 @media (max-width: 1199px) {
   .company-wrapper .company-content-top .company-items .image-box .img-text h3 br {
     display: none;
   }
 }

 .company-wrapper .company-content-bottom .company-items {
   background-color: var(--white);
   padding: 27px 30px;
 }

 .company-wrapper .company-content-bottom .company-items h3 {
   font-size: 20px;
   margin-bottom: 10px;
 }

 .company-wrapper .company-content-bottom .company-items .link-btn {
   color: var(--header);
   margin-top: 25px;
 }

 .company-wrapper .company-content-bottom .counter-items {
   background-color: var(--theme);
   padding: 48px 60px;
   display: flex;
   align-items: center;
   justify-content: space-between;
 }

 @media (max-width: 1199px) {
   .company-wrapper .company-content-bottom .counter-items {
     padding: 42px 30px;
   }
 }

 @media (max-width: 1199px) {
   .company-wrapper .company-content-bottom .counter-items {
     flex-wrap: wrap;
   }
 }

 @media (max-width: 991px) {
   .company-wrapper .company-content-bottom .counter-items {
     padding: 25px 30px;
     gap: 14px;
   }
 }

 @media (max-width: 767px) {
   .company-wrapper .company-content-bottom .counter-items {
     gap: 20px;
   }
 }

 .company-wrapper .company-content-bottom .counter-items .counter-box h2 {
   font-size: 64px;
   color: var(--white);
 }

 @media (max-width: 1199px) {
   .company-wrapper .company-content-bottom .counter-items .counter-box h2 {
     font-size: 48px;
   }
 }

 @media (max-width: 991px) {
   .company-wrapper .company-content-bottom .counter-items .counter-box h2 {
     font-size: 42px;
   }
 }

 @media (max-width: 767px) {
   .company-wrapper .company-content-bottom .counter-items .counter-box h2 {
     font-size: 46px;
   }
 }

 .company-wrapper .company-content-bottom .counter-items .counter-box p {
   color: var(--white);
   font-weight: 400;
 }

 @media (max-width: 1199px) {
   .company-wrapper .company-content-bottom .counter-items .counter-box p br {
     display: none;
   }
 }

 .working-process-box-items {
   margin-top: 30px;
   text-align: center;
   position: relative;
 }

 .working-process-box-items .working-arrow-1 {
   position: absolute;
   top: 40px;
   right: -50px;
 }

 @media (max-width: 1399px) {
   .working-process-box-items .working-arrow-1 {
     display: none;
   }
 }

 .working-process-box-items .working-shape {
   position: absolute;
   top: -11px;
   right: 78px;
 }

 @media (max-width: 1399px) {
   .working-process-box-items .working-shape {
     display: none;
   }
 }

 .working-process-box-items .circle-number {
   width: 120px;
   height: 120px;
   line-height: 120px;
   background-color: var(--white);
   border-radius: 50%;
   text-align: center;
   font-size: 36px;
   font-weight: 400;
   font-family: "Hanken Grotesk", sans-serif;
   color: var(--header);
   margin: 0 auto;
   transition: all 0.4s ease-in-out;
 }

 .working-process-box-items .content {
   margin-top: 30px;
 }

 .working-process-box-items .content .title {
   font-size: 20px;
   font-weight: 600;
 }

 .working-process-box-items .content p {
   max-width: 300px;
   margin: 14px auto 0;
   color: #797E88;
 }

 .working-process-box-items:hover .circle-number {
   background-color: var(--header);
   color: var(--white);
 }

 .cta-section {
   position: relative;
   z-index: 1;
 }

 .cta-section::before {
   position: absolute;
   content: "";
   inset: 0;
   /* background: #0B2239; */
   mix-blend-mode: multiply;
   opacity: 0.7;
   z-index: -1;
 }

 .cta-wrapper {
   position: relative;
   display: flex;
   align-items: center;
   justify-content: space-between;
   gap: 30px;
 }

 @media (max-width: 991px) {
   .cta-wrapper {
     flex-wrap: wrap;
   }
 }

 .cta-wrapper .cta-content .cta-text {
   margin-top: 25px;
   color: var(--white);
   max-width: 720px;
 }

 .cta-wrapper .cta-info-wrap {
   display: flex;
   align-items: flex-start;
   gap: 60px;
   flex-wrap: wrap;
   margin-top: 50px;
 }

 @media (max-width: 991px) {
   .cta-wrapper .cta-info-wrap {
     gap: 30px;
   }
 }

 .cta-wrapper .cta-info-wrap .info-item h3 {
   font-size: 18px;
   font-weight: 600;
   color: var(--white);
   margin-bottom: 10px;
 }

 .cta-wrapper .cta-info-wrap .info-item .info-link {
   display: block;
   font-size: 20px;
   font-weight: 600;
   color: var(--theme);
   margin-bottom: 5px;
 }

 .cta-wrapper .cta-info-wrap .info-item a {
   font-size: 16px;
   font-weight: 600;
   color: var(--white);
 }

 .cta-wrapper .cta-info-wrap .info-item p {
   font-size: 14px;
   font-weight: 600;
   text-transform: capitalize;
   color: var(--white);
 }

 .cta-wrapper .cta-circle-btn a {
   position: relative;
   width: 140px;
   height: 140px;
   border-radius: 50%;
   display: block;
   background-color: var(--theme);
   padding: 10px;
 }

 @media (max-width: 991px) {
   .cta-wrapper .cta-circle-btn a {
     width: 110px;
     height: 110px;
   }
 }

 @media (max-width: 575px) {
   .cta-wrapper .cta-circle-btn a {
     display: none;
   }
 }

 .cta-wrapper .cta-circle-btn a img {
   width: 100%;
   height: 100%;
   display: block;
   object-fit: contain;
   animation: cir36 12s linear infinite;
 }

 .cta-wrapper .cta-circle-btn a i {
   position: absolute;
   top: 50%;
   left: 50%;
   width: 48px;
   height: 48px;
   transform: translate(-50%, -50%);
   border-radius: 50%;
   background-color: var(--header);
   color: var(--white);
   font-size: 14px;
   font-weight: 900;
   display: flex;
   align-items: center;
   justify-content: center;
 }

 .work-process-wrapperss {
   border-top: 1px solid var(--border);
   margin-top: 30px;
   display: inline-block;
 }

 @media (max-width: 991px) {
   .work-process-wrapperss {
     border-top: none;
   }
 }

 .work-process-wrapperss .work-process-items {
   text-align: center;
 }

 .work-process-wrapperss .work-process-items .step {
   position: relative;
   padding-top: 32px;
 }

 @media (max-width: 991px) {
   .work-process-wrapperss .work-process-items .step {
     display: none;
   }
 }

 .work-process-wrapperss .work-process-items .step::before {
   position: absolute;
   content: "";
   border: 1px solid var(--border);
   display: inline-block;
   width: 30px;
   left: 50%;
   top: 14px;
   transform: translate(-50%, -50%) rotate(90deg);
 }

 .work-process-wrapperss .work-process-items .step h3 {
   text-transform: uppercase;
   font-family: "Kanit", sans-serif;
   line-height: 50%;
   font-size: 18px;
   font-weight: 500;
 }

 .work-process-wrapperss .work-process-items .step p {
   text-transform: uppercase;
   font-family: "Kanit", sans-serif;
   line-height: 50%;
   font-size: 18px;
   font-weight: 500;
   color: var(--header);
 }

 .work-process-wrapperss .work-process-items .process-content {
   border: 1px solid var(--border);
   padding: 40px;
   width: 100%;
   height: 100%;
   margin-top: 15px;
   transition: all 0.4s ease-in-out;
   background-color: var(--white);
   border-radius: 30px;
 }

 @media (max-width: 1399px) {
   .work-process-wrapperss .work-process-items .process-content {
     padding: 35px 20px;
   }
 }

 @media (max-width: 991px) {
   .work-process-wrapperss .work-process-items .process-content {
     padding: 30px 12px;
     margin-top: 0;
   }
 }

 @media (max-width: 767px) {
   .work-process-wrapperss .work-process-items .process-content {
     padding: 40px;
   }
 }

 .work-process-wrapperss .work-process-items .process-content h4 {
   margin-top: 17px;
   margin-bottom: 7px;
 }

 @media (max-width: 1399px) {
   .work-process-wrapperss .work-process-items .process-content h4 {
     font-size: 20px;
   }
 }

 @media (max-width: 1199px) {
   .work-process-wrapperss .work-process-items .process-content h4 {
     font-size: 18px;
   }
 }

 @media (max-width: 991px) {
   .work-process-wrapperss .work-process-items .process-content h4 {
     font-size: 20px;
   }
 }

 @media (max-width: 767px) {
   .work-process-wrapperss .work-process-items .process-content h4 {
     font-size: 24px;
   }
 }

 .work-process-wrapperss .work-process-items .process-content h2 {
   margin-top: 17px;
   margin-bottom: 7px;
   font-size: 24px;
   font-weight: 600;
   line-height: 142%;
 }

 .work-process-wrapperss .work-process-items .process-content p {
   font-size: 15px;
 }

 .work-process-wrapperss .work-process-items .process-content:hover {
   border: 1px solid var(--theme);
 }

 .work-process-wrapperss .work-process-items .process-content:hover img {
   rotate: 360deg;
   transition: 0.4s;
   transform: scale(-1) rotate(180deg);
 }

 .footer-widgets-wrapper {
   padding: 50px 0 50px;
 }

 @media (max-width: 991px) {
   .footer-widgets-wrapper {
     padding-bottom: 60px;
     padding-top: 50px;
   }
 }

 .footer-widgets-wrapper .footer-widget-items {
   margin-top: 30px;
 }

 .footer-widgets-wrapper .footer-widget-items .widget-logo {
   margin-bottom: 30px;
 }

 .footer-widgets-wrapper .footer-widget-items .widget-head {
   margin-bottom: 30px;
   padding-bottom: 15px;
   border-image: linear-gradient(90deg, #40b0d0 4.85%, rgba(201, 203, 223, 0) 96.39%);
   border-bottom: 2px solid transparent;
   border-image-slice: 2;
   display: inline-block;
 }

 .footer-widgets-wrapper .footer-widget-items .widget-head.head-2 {
   border-image: linear-gradient(90deg, var(--theme2) 4.85%, rgba(201, 203, 223, 0) 96.39%);
   border-bottom: 2px solid transparent;
   border-image-slice: 2;
 }

 .footer-widgets-wrapper .footer-widget-items .widget-head h4 {
   color: #005a9c;
 }

 .footer-widgets-wrapper .footer-widget-items .widget-head h2 {
   font-size: 24px;
   font-weight: 600;
   line-height: 142%;
   color: var(--white);
 }

 .footer-widgets-wrapper .footer-widget-items .widget-content .border-text {
   text-transform: uppercase;
   margin-top: 25px;
   color: transparent;
   -webkit-text-stroke: 1px var(--theme);
 }

 .footer-widgets-wrapper .footer-widget-items .widget-content .border-text.text-2 {
   -webkit-text-stroke: 1px var(--theme2);
 }

 .footer-widgets-wrapper .footer-widget-items .widget-content p {
   color: #111111 !important;
 }

 .footer-widgets-wrapper .footer-widget-items .widget-content .border-text-2 {
   text-transform: uppercase;
   margin-top: 30px;
   color: transparent;
   -webkit-text-stroke: 1px var(--theme);
   font-size: 30px;
   font-weight: 700;
   line-height: 133%;
   font-family: "Hanken Grotesk", sans-serif;
   display: inline-block;
 }

 .footer-widgets-wrapper .footer-widget-items .widget-content .list-area li {
   transition: all 0.4s ease-in-out;
 }

 .footer-widgets-wrapper .footer-widget-items .widget-content .list-area li:not(:last-child) {
   margin-bottom: 10px;
 }

 .footer-widgets-wrapper .footer-widget-items .widget-content .list-area li a {
   color: #111111;
 }

 .footer-widgets-wrapper .footer-widget-items .widget-content .list-area li a i {
   margin-right: 6px;
 }

 .footer-widgets-wrapper .footer-widget-items .widget-content .list-area li:hover a {
   margin-left: 5px;
   color: var(--theme);
 }

 .footer-widgets-wrapper .footer-widget-items .widget-content .list-area.list-area-2 li:hover a {
   color: var(--theme2);
 }

 .footer-widgets-wrapper .footer-widget-items .widget-content .contact-list .contact-tittle {
   color: var(--white);
   margin-bottom: 15px;
 }

 .footer-widgets-wrapper .footer-widget-items .widget-content .contact-list p {
   color: rgba(255, 255, 255, 0.7);
   font-weight: 400;
 }

 .footer-widgets-wrapper .footer-widget-items .widget-content .contact-list p a {
   color: #111111;
 }

 .footer-contact-area {
   padding: 36px 0;
   border-top: 1px solid rgba(255, 255, 255, 0.2);
   position: relative;
 }

 .footer-contact-area::before {
   position: absolute;
   content: "";
   border: 1px solid rgba(255, 255, 255, 0.2);
   opacity: 0.2;
   display: inline-block;
   width: 135px;
   left: 50%;
   top: 67px;
   transform: translate(-50%, -50%) rotate(90deg);
 }

 @media (max-width: 1199px) {
   .footer-contact-area::before {
     border: none;
   }
 }

 .footer-contact-area .client-area {
   display: flex;
   align-items: center;
   justify-content: space-between;
 }

 @media (max-width: 575px) {
   .footer-contact-area .client-area {
     flex-wrap: wrap;
     gap: 30px;
   }
 }

 .footer-contact-area .client-area .phone-box {
   display: flex;
   align-items: center;
   gap: 15px;
 }

 .footer-contact-area .client-area .phone-box .phone {
   width: 56px;
   height: 56px;
   line-height: 56px;
   text-align: center;
   background-color: var(--theme);
   border-radius: 50%;
 }

 .footer-contact-area .client-area .phone-box .phone img {
   animation: pxl_phone_ring 1.8s ease-out infinite;
 }

 .footer-contact-area .client-area .phone-box .content span {
   color: var(--theme);
   text-transform: capitalize;
   font-weight: 700;
   font-size: 14px;
   font-family: "Hanken Grotesk", sans-serif;
   display: inline-block;
 }

 .footer-contact-area .client-area .phone-box .content h4 {
   font-size: 24px;
   font-weight: 600;
   line-height: 142%;
 }

 .footer-contact-area .client-area .phone-box .content h4 a {
   color: var(--white);
 }

 .footer-contact-area .client-area .phone-box .content h3 {
   color: var(--white);
   font-size: 24px;
   font-weight: 600;
   line-height: 142%;
 }

 .footer-contact-area .client-area .social-icon {
   gap: 10px;
   display: flex;
   align-items: center;
   margin-right: 10px;
 }

 .footer-contact-area .client-area .social-icon li a {
   width: 36px;
   height: 36px;
   line-height: 36px;
   text-align: center;
   font-size: 16px;
   display: block;
   color: var(--white);
   background-color: #23384D;
   border-radius: 50%;
   transition: all 0.4s ease-in-out;
 }

 .footer-contact-area .client-area .social-icon li a:hover {
   background-color: var(--theme);
   color: var(--header);
 }

 .footer-contact-area .client-area.client-area-2 .content span {
   color: var(--theme2);
 }

 .footer-contact-area .client-area.client-area-2 .social-icon li a:hover {
   background-color: var(--theme2);
 }

 .footer-contact-area .maie-box {
   display: flex;
   align-items: center;
   justify-content: space-between;
 }

 @media (max-width: 575px) {
   .footer-contact-area .maie-box {
     flex-wrap: wrap;
     gap: 10px;
   }
 }

 .footer-contact-area .maie-box p {
   color: var(--theme);
   margin-left: 10px;
   font-weight: 700;
   font-size: 14px;
   font-family: "Hanken Grotesk", sans-serif;
 }

 .footer-contact-area .maie-box .footer-input {
   position: relative;
 }

 .footer-contact-area .maie-box .footer-input input {
   background: rgba(255, 255, 255, 0.1);
   border: none;
   outline: none;
   padding: 0 20px;
   height: 62px;
   line-height: 62px;
   min-width: 390px;
   border-radius: 100px;
   color: rgba(255, 255, 255, 0.7);
   font-size: 14px;
   padding-right: 70px;
 }

 @media (max-width: 575px) {
   .footer-contact-area .maie-box .footer-input input {
     min-width: 300px;
   }
 }

 .footer-contact-area .maie-box .footer-input input::placeholder {
   color: rgba(255, 255, 255, 0.7);
 }

 .footer-contact-area .maie-box .footer-input .newsletter-btn {
   position: absolute;
   top: 5px;
   right: 5px;
   width: 52px;
   height: 52px;
   line-height: 52px;
   text-align: center;
   background-color: var(--theme);
   color: var(--header);
   border-radius: 50%;
 }

 .footer-contact-area .maie-box.maie-box-2 p {
   color: var(--theme2);
 }

 .footer-contact-area .maie-box.maie-box-2 .newsletter-btn {
   background-color: var(--theme2);
 }

 .footer-bottom {
   background-color: #005a9c;
   padding: 18px 0;
 }

 .footer-bottom .footer-wrapper {
   display: flex;
   align-items: center;
   justify-content: space-between;
 }

 @media (max-width: 767px) {
   .footer-bottom .footer-wrapper {
     flex-wrap: wrap;
     justify-content: center !important;
     text-align: center;
     gap: 10px;
   }
 }

 .footer-bottom .footer-wrapper p {
   color: var(--white);
 }

 .footer-bottom .footer-wrapper p a {
   color: var(--white);
 }

 .footer-bottom .footer-wrapper p a:hover {
   color: var(--theme);
 }

 .footer-bottom .footer-wrapper ul {
   display: flex;
   align-items: center;
   gap: 15px;
 }

 .footer-bottom .footer-wrapper ul li a {
   color: var(--white);
   background-position: 0 95%;
   background-repeat: no-repeat;
   background-size: 0% 1px;
   display: inline;
 }

 .footer-bottom .footer-wrapper ul li a:hover {
   color: var(--white);
   background-size: 100% 1px;
   background-image: linear-gradient(180deg, var(--white) 0%, var(--white) 100%);
 }

 @media (max-width: 1199px) {
   .menu-thumb {
     display: none !important;
   }
 }

 .header-main {
   display: flex;
   align-items: center;
   justify-content: space-between;
   /* padding: 10px 0; */
   position: relative;
 }

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

 .header-main .main-menu ul .menu-thumb {
   position: inherit;
 }

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

 @media (max-width: 1600px) {
   .header-main .main-menu ul li {
     margin-inline-end: 18px;
   }
 }

 @media (max-width: 1399px) {
   .header-main .main-menu ul li {
     margin-inline-end: 18px;
   }
 }

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

 .header-main .main-menu ul li a {
   display: inline-block;
   font-size: 15px;
   font-weight: 400;
   color: #0B2239;
   font-family: "Hanken Grotesk", sans-serif;
   padding: 20px 0;
   text-align: left;
   position: relative;
   text-transform: uppercase;
   transition: all 0.4s ease-in-out;
 }

 .header-main .main-menu ul li a i {
   margin-left: 4px;
   font-size: 12px;
 }

 .header-main .main-menu ul li a:hover {
   color: #40b0d0 !important;
 }

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

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

 .header-main .main-menu ul li .submenu li a {
   position: relative;
   z-index: 11;
   font-size: 16px;
   font-weight: 400;
   color: #0B2239;
   line-height: 38px;
   padding: 0px 0px 0px 32px;
   padding-right: 22px;
   width: 100%;
   display: flex;
   align-items: center;
   justify-content: space-between;
 }

 .header-main .main-menu ul li .submenu li a::before {
   content: "";
   position: absolute;
   width: 0px;
   height: 2px;
   background: #40b0d0;
   left: 14px;
   bottom: 18px;
   transition: all 0.4s ease-in-out;
 }

 .header-main .main-menu ul li .submenu li a:hover {
   color: #40b0d0 !important;
 }

 .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;
   border-top-left-radius: 0;
   border-bottom-left-radius: 0;
 }

 .header-main .main-menu ul li .submenu li:hover>a {
   color: #40b0d0 !important;
   margin-left: 10px;
 }

 .header-main .main-menu ul li .submenu li:hover>a::before {
   width: 10px;
 }

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

 .header-main .main-menu ul li .submenu li:hover>.submenu {
   -webkit-transform: translateY(1);
   -moz-transform: translateY(1);
   -ms-transform: translateY(1);
   -o-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%);
   -moz-transform: translateY(-50%);
   -ms-transform: translateY(-50%);
   -o-transform: translateY(-50%);
   transform: translateY(-50%);
   color: #40b0d0;
 }

 .header-main .main-menu ul li:hover>a {
   color: #40b0d0;
 }

 .header-main .main-menu ul li:hover>a::after {
   color: #40b0d0;
 }

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

 .header-main .sidebar__toggle {
   color: var(--header);
 }

 .header-main .header-right {
   gap: 30px;
 }

 @media (max-width: 1399px) {
   .header-main .header-right {
     gap: 20px;
   }
 }

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

 .header-1 {
   position: absolute;
   z-index: 99999;
   top: 0;
   left: 0;
   width: 100%;
 }

 @media (max-width: 575px) {
   .header-1 .logo img {
     /* width: 90px; */
     height: 68px !important;
     /* padding: 10px; */


   }
 }

 .header-1 .container {
   max-width: 1682px;
 }

 @media (max-width: 1199px) {
   .header-1 .theme-btn {
     display: none;
   }
 }

 .header-1 .search-toggler {
   display: inline-block;
   width: 50px;
   height: 50px;
   line-height: 50px;
   text-align: center;
   border-radius: 50%;
   border: 1px solid #E0E0E0;
   font-size: 14px;
 }

 .header-1.header-one {
   top: 30px;
 }

 .header-1.header-one .container {
   max-width: 1720px;
 }

 .header-1.header-one .mega-menu-wrapper {
   background-color: var(--white);
   border-radius: 100px;
   padding: 5px 20px;
 }

 .header-1.header-new-2 {
   top: 20px;
 }

 @media (max-width: 1199px) {
   .header-1.header-new-2 {
     padding-left: 30px;
     padding-right: 30px;
   }
 }

 .header-1.header-new-2 .container {
   max-width: 1800px;
 }

 .header-1.header-new-2 .header-left {
   display: flex;
   align-items: center;
   gap: 100px;
 }

 @media (max-width: 1600px) {
   .header-1.header-new-2 .header-main .main-menu ul li a {
     font-size: 14px;
     font-weight: 500;
   }
 }

 .header-1.header-new-2 .header-main .main-menu ul li {
   position: relative;
   list-style: none;
   display: inline-block;
   margin-inline-end: 42px;
 }

 @media (max-width: 1600px) {
   .header-1.header-new-2 .header-main .main-menu ul li {
     margin-inline-end: 20px;
   }
 }

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

 .header-2 {
   border-bottom: 1px solid rgba(255, 255, 255, 0.2);
 }

 .header-2 .header-main .main-menu ul li a {
   color: #fff;
 }

 .header-2 .header-main .main-menu ul li a i {
   margin-left: 4px;
   font-size: 12px;
 }

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

 .header-2 .header-main .main-menu ul li .submenu li a {
   color: #0B2239;
 }

 .header-2 .header-main .main-menu ul li .submenu li a::before {
   background: var(--theme2);
 }

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

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

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

 .header-2 .header-main .main-menu ul li .submenu li.has-dropdown>a::after {
   color: var(--theme2);
 }

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

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

 .header-2 .header-main .search-toggler {
   border: 1px solid #E0E0E0;
   color: var(--white);
 }

 .header-2 .header-main .sidebar__toggle {
   color: var(--white);
 }

 .header-2.header-inner .header-main .main-menu ul li a {
   color: #fff;
 }

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

 .header-2.header-inner .header-main .main-menu ul li .submenu li a {
   color: #0B2239;
 }

 .header-2.header-inner .header-main .main-menu ul li .submenu li a::before {
   background: var(--theme);
 }

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

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

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

 .header-2.header-inner .header-main .main-menu ul li .submenu li.has-dropdown>a::after {
   color: var(--theme);
 }

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

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

 .sticky {
   position: fixed !important;
   top: 0 !important;
   left: 0;
   width: 100%;
   z-index: 9999;
   transition: all 0.9s;
   background-color: #fff;
   -webkit-animation: 500ms ease-in-out 0s normal none 1 running fadeInDown;
   animation: 500ms ease-in-out 0s normal none 1 running fadeInDown;
   box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
 }

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

 .sticky.header-one .mega-menu-wrapper {
   background-color: var(--white);
   border-radius: 0px;
   padding: 0;
 }

 .offcanvas__info {
   background: var(--white) none repeat scroll 0 0;
   border-left: 2px solid var(--header);
   position: fixed;
   right: 0;
   top: 0;
   width: 400px;
   height: 100%;
   -webkit-transform: translateX(calc(100% + 80px));
   -moz-transform: translateX(calc(100% + 80px));
   -ms-transform: translateX(calc(100% + 80px));
   -o-transform: translateX(calc(100% + 80px));
   transform: translateX(calc(100% + 80px));
   -webkit-transition: transform 0.45s ease-in-out, opacity 0.45s ease-in-out;
   -moz-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;
   z-index: 999999;
   overflow-y: scroll;
   overscroll-behavior-y: contain;
   scrollbar-width: none;
 }

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

 .offcanvas__logo a img {
   width: 190px;
 }

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

 .offcanvas__wrapper .offcanvas-title {
   font-size: 32px;
   margin-bottom: 15px;
 }

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

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

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

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

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

 .offcanvas__wrapper .offcanvas__content .social-icon a:hover {
   background-color: var(--theme);
   color: var(--header);
   border: 1px solid var(--theme);
 }

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

 .offcanvas__wrapper .offcanvas__content .offcanvas__contact h3 {
   font-size: 22px;
   margin-bottom: 15px;
 }

 .offcanvas__wrapper .offcanvas__content .offcanvas__contact span {
   text-transform: initial;
 }

 .offcanvas__wrapper .offcanvas__content .theme-btn {
   width: 100%;
   text-align: center;
 }

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

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

 .offcanvas__wrapper .offcanvas__content .offcanvas__contact ul li {
   font-size: 15px;
   font-weight: 400;
 }

 .offcanvas__wrapper .offcanvas__content .offcanvas__contact ul li a {
   color: var(--header);
 }

 .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(--header);
 }

 .offcanvas__wrapper .offcanvas__content .offcanvas__contact span {
   text-transform: initial;
 }

 .offcanvas__wrapper .offcanvas__content .offcanvas-button {
   margin-top: 300px;
   display: flex;
   align-items: center;
   gap: 20px;
 }

 @media (max-width: 1399px) {
   .offcanvas__wrapper .offcanvas__content .offcanvas-button {
     margin-top: 30px;
   }
 }

 @media (max-width: 575px) {
   .offcanvas__wrapper .offcanvas__content .offcanvas-button {
     margin-top: 20px;
     margin-bottom: 10px;
   }
 }

 .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: 350px;
   }
 }

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

 .error-wrapper {
   text-align: center;
   border-top: 1px solid rgba(255, 255, 255, 0.2);
 }

 .error-wrapper .error h2 {
   color: var(--header);
   font-size: 350px;
   line-height: 1;
 }

 @media (max-width: 1199px) {
   .error-wrapper .error h2 {
     font-size: 140px;
   }
 }

 @media (max-width: 991px) {
   .error-wrapper .error h2 {
     font-size: 130px;
   }
 }

 @media (max-width: 575px) {
   .error-wrapper .error h2 {
     font-size: 100px;
   }
 }

 .error-wrapper .error-content h2 {
   font-size: 72px;
 }

 @media (max-width: 1199px) {
   .error-wrapper .error-content h2 {
     font-size: 60px;
   }
 }

 @media (max-width: 991px) {
   .error-wrapper .error-content h2 {
     font-size: 50px;
   }
 }

 @media (max-width: 575px) {
   .error-wrapper .error-content h2 {
     font-size: 30px;
   }
 }

 .error-wrapper .error-content h2 span {
   color: var(--header);
 }

 .error-wrapper .error-content p {
   margin-top: 22px;
 }

 .error-wrapper .error-btn {
   margin-top: 45px;
 }

 .breadcrumb-wrapper {
   position: relative;
 }

 .breadcrumb-wrapper::before {
   position: absolute;
   top: 0;
   left: 0;
   right: 0;
   bottom: 0;
   width: 100%;
   height: 100%;
   content: "";
   background: rgba(11, 34, 57, 0.57);
   border-radius: 8px;
 }

 .breadcrumb-wrapper .page-heading {
   padding: 190px 0 70px;
   position: relative;
   text-align: center;
 }

 .breadcrumb-wrapper .page-heading h1 {
   font-size: 64px;
   color: var(--white);
 }

 @media (max-width: 767px) {
   .breadcrumb-wrapper .page-heading h1 {
     font-size: 54px;
   }
 }

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

 .breadcrumb-wrapper .page-heading .breadcrumb-list {
   display: flex;
   align-items: center;
   gap: 6px;
   margin-top: 10px;
   justify-content: center;
 }

 .breadcrumb-wrapper .page-heading .breadcrumb-list li {
   font-weight: 500;
   font-size: 16px;
   color: var(--white);
   font-family: "Hanken Grotesk", sans-serif;
 }

 .breadcrumb-wrapper .page-heading .breadcrumb-list li a {
   color: var(--white);
 }

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

 ::-webkit-scrollbar {
   width: 8px;
   height: 8px;
 }

 /* Track */
 ::-webkit-scrollbar-track {
   box-shadow: inset 0 0 5px var(--bg);
   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: 30px;
   height: 30px;
   -webkit-transform: translateX(-50%) translateY(-50%);
   transform: translateX(-50%) translateY(-50%);
   border-radius: 50%;
   box-shadow: 0 0 0 0 rgba(21, 57, 238, 0.6);
   -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;
 }

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

 .slide-transtion {
   -webkit-transition-timing-function: linear;
   transition-timing-function: linear;
 }

 .brand-slide-element {
   width: auto;
   display: inline-block;
 }

 .container-2 {
   max-width: 1320px;
 }

 .hero-container {
   max-width: 1682px;
   margin: 0 auto;
 }

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

 .underline {
   background-position: 0 95%;
   background-repeat: no-repeat;
   background-size: 0% 2px;
   display: inline;
 }

 .underline:hover {
   color: var(--header);
   background-size: 100% 2px;
   background-image: linear-gradient(180deg, var(--header) 0%, var(--header) 100%);
 }

 .text_invert>div {
   background-image: linear-gradient(to right, rgb(137, 137, 137) 50%, rgb(137, 137, 137) 50%);
   background-size: 200% 100%;
   background-position-x: 100%;
   color: transparent;
   background-clip: text;
   -webkit-background-clip: text;
 }

 .text_invert-2>div {
   background-image: linear-gradient(to right, rgb(25, 42, 25) 50%, rgb(137, 137, 137) 50%);
   background-size: 200% 100%;
   background-position-x: 100%;
   color: transparent;
   background-clip: text;
   -webkit-background-clip: text;
 }

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

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

 .page-nav-wrap {
   margin-top: 60px;
 }

 .page-nav-wrap ul li {
   display: inline-block;
 }

 .page-nav-wrap ul li .page-numbers {
   display: inline-block;
   width: 50px;
   height: 50px;
   text-align: center;
   line-height: 50px;
   border: 1px solid var(--border);
   background: transparent;
   color: var(--header);
   font-weight: 500;
   font-size: 16px;
   transition: all 0.3s ease-in-out;
   margin: 0 5px;
   border-radius: 50%;
 }

 .page-nav-wrap ul li .page-numbers.active {
   background-color: var(--theme);
   color: var(--header);
 }

 .page-nav-wrap ul li .page-numbers:hover {
   background-color: var(--theme);
   color: var(--header);
 }

 .page-nav-wrap ul li i {
   color: var(--header);
 }

 .array-button {
   display: flex;
   align-items: center;
   gap: 12px;
 }

 .array-button .array-prev {
   width: 56px;
   height: 56px;
   line-height: 56px;
   text-align: center;
   background-color: var(--theme);
   color: var(--white);
   transition: all 0.4s ease-in-out;
 }

 .array-button .array-prev:hover {
   background-color: transparent;
   border: 1px solid var(--border);
   color: var(--theme);
 }

 .array-button .array-next {
   width: 56px;
   height: 56px;
   line-height: 56px;
   text-align: center;
   background-color: var(--theme);
   color: var(--white);
   transition: all 0.4s ease-in-out;
 }

 .array-button .array-next:hover {
   background-color: transparent;
   border: 1px solid var(--border);
   color: var(--theme);
 }

 .hero-1 {
   position: relative;
 }

 .hero-1 .container-fluid {
   padding: 0 180px;
 }

 @media (max-width: 1600px) {
   .hero-1 .container-fluid {
     padding: 0 40px;
   }
 }

 @media (max-width: 1399px) {
   .hero-1 .container-fluid {
     padding: 0 30px;
   }
 }

 @media (max-width: 1199px) {
   .hero-1 .container-fluid {
     padding: 0 20px;
   }
 }

 .hero-1 .swiper-slide.swiper-slide-active .hero-bg {
   -webkit-transform: scale(1.35);
   transform: scale(1.35);
 }

 .hero-1 .swiper-slide.swiper-slide-active .hero-content {
   opacity: 1;
   transform: translatey(0px);
   transition: all 2500ms ease;
 }

 .hero-1 .swiper-slide.swiper-slide-active .hero-button {
   opacity: 1;
   transform: translatey(0px);
   transition: all 2500ms ease;
 }

 .hero-1 .hero-height {
   padding: 290px 0 70px;
   position: relative;
 }

 @media (max-width: 1199px) {
   .hero-1 .hero-height {
     padding-top: 250px;
   }
 }

 @media (max-width: 767px) {
   .hero-1 .hero-height {
     padding: 190px 0 60px;
   }

 }

 .hero-1 .hero-bg {
   position: absolute;
   top: 0;
   left: 0;
   height: 100%;
   width: 100%;
   background-repeat: no-repeat;
   background-size: cover;
   background-position: center center;
   -webkit-transform: scale(1);
   transform: scale(1);
   -webkit-transition: opacity 1500ms ease-in, -webkit-transform 7000ms ease;
   transition: opacity 1500ms ease-in, -webkit-transform 7000ms ease;
   transition: transform 9000ms ease, opacity 1500ms ease-in;
   transition: transform 9000ms ease, opacity 1500ms ease-in, -webkit-transform 9000ms ease;
 }

 .hero-1 .hero-bg::before {
   position: absolute;
   top: 0;
   left: 0;
   right: 0;
   bottom: 0;
   width: 100%;
   height: 100%;
   content: "";
   /* background: rgba(11, 34, 57, 0.5); */
 }

 .hero-1 .hero-content {
   opacity: 0;
   z-index: 3;
   position: relative;
   transform: translateY(-150px);
 }

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

 @media (max-width: 991px) {
   .hero-1 .hero-content {
     text-align: center;
     margin: 0 auto;
   }
 }

 .hero-1 .hero-content .sub-title {
   font-size: 12px;
   font-weight: 500;
   background: linear-gradient(90deg, #fff, #fff);
   -webkit-background-clip: text;
   -webkit-text-fill-color: transparent;
   margin-bottom: 14px;
   text-transform: uppercase;
   position: relative;
   font-family: "Hanken Grotesk", sans-serif;
   display: inline-block;
   padding-left: 28px;
   padding-right: 14px;
   border: 1px solid #D8DDE1;
   border-radius: 100px;
   height: 36px;
   line-height: 36px;
 }

 .hero-1 .hero-content .sub-title::before {
   position: absolute;
   top: 50%;
   left: 12px;
   transform: translateY(-50%);
   content: "";
   background-color: var(--theme);
   width: 6px;
   height: 6px;
 }

 .hero-1 .hero-content h1 {

   line-height: 111%;
   text-transform: capitalize;
   font-size: clamp(2.5rem, 6vw, 5rem);
   font-weight: 800;
   background: linear-gradient(90deg, #ffffff, #fff);
   -webkit-background-clip: text;
   -webkit-text-fill-color: transparent;
   text-shadow: 0 4px 15px rgba(0, 0, 0, 0.4);

 }

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

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

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

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

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

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

 .hero-1 .hero-content p {
   color: var(--white);
   margin-top: 20px;
   font-size: 18px;
   font-weight: 500;
   line-height: 156%;
   font-family: "Hanken Grotesk", sans-serif;
   max-width: 815px;
   text-transform: capitalize;
 }

 @media (max-width: 991px) {
   .hero-1 .hero-content p {
     font-size: 13px;
   }
 }

 .hero-1 .hero-button {
   margin-top: 90px;
   transform: translateY(150px);
   opacity: 0;
   position: relative;
   z-index: 9;
 }

 @media (max-width: 1199px) {
   .hero-1 .hero-button {
     margin-top: 100px;
   }
 }

 @media (max-width: 991px) {
   .hero-1 .hero-button {
     margin-top: 16px;
   }
 }

 @media (max-width: 991px) {
   .hero-1 .hero-button {
     text-align: center;
   }
 }

 .hero-1 .hero-button .theme-btn::before {
   background-color: var(--white);
 }

 .hero-1 .hero-button .theme-btn:hover {
   color: var(--header);
 }

 .hero-1 .social-icon-area {
   position: absolute;
   top: 40%;
   transform: translateY(-50%);
   right: 60px;
   display: grid;
   z-index: 3;
   gap: 20px;
 }

 .hero-1 .social-icon-area .line-1 {
   display: inline-block;
   width: 1px;
   height: 52px;
   background: #D8DDE1;
   text-align: center;
   position: relative;
   right: -16px;
 }

 @media (max-width: 1199px) {
   .hero-1 .social-icon-area {
     display: none;
   }
 }

 .hero-1 .social-icon-area span {
   color: var(--white);
   font-weight: 500;
   display: inline-block;
   position: relative;
   writing-mode: sideways-lr;
 }

 .hero-1 .social-icon-area .social-icon li:not(:last-child) {
   margin-bottom: 8px;
 }

 .hero-1 .social-icon-area .social-icon li a {
   color: var(--white);
   transition: all 0.4s ease-in-out;
   display: inline-block;
   width: 36px;
   height: 36px;
   line-height: 36px;
   text-align: center;
   border-radius: 50%;
   text-align: center;
   background-color: var(--white);
   color: var(--header);
 }

 .hero-1 .social-icon-area .social-icon li a:hover {
   background-color: var(--theme);
 }

 .hero-1 .swiper-dot {
   position: absolute;
   background: rgba(255, 255, 255, 0.15);
   border: 1px solid rgba(255, 255, 255, 0.25);
   backdrop-filter: blur(5px);
   border-radius: 100px;
   right: 60px;
   bottom: 120px;
   z-index: 99;
   height: 30px;
   line-height: 25px;
   padding: 0 10px;
 }

 @media (max-width: 991px) {
   .hero-1 .swiper-dot {
     right: 20px;
     bottom: 20px;
   }
 }

 .hero-1 .swiper-dot .swiper-pagination-bullet {
   width: 8px;
   height: 8px;
   transition: 0.6s;
   background-color: #FFFFFF;
   opacity: 1;
   border-radius: 8px;
 }

 .hero-1 .swiper-dot .swiper-pagination-bullet:not(:last-child) {
   margin-right: 10px;
 }

 .hero-1 .swiper-dot .swiper-pagination-bullet.swiper-pagination-bullet-active {
   background-color: #40b0d0;
   transition: 0.6s;
   position: relative;
   width: 24px;
 }

 .hero-2 {
   border-radius: 30px;
   margin: 0 20px;
   position: relative;
   margin-top: 20px;
 }

 @media (max-width: 1199px) {
   .hero-2 {
     padding: 0 30px;
     padding-top: 150px;
   }
 }

 .hero-2 .hero-dot {
   position: absolute;
   left: 88px;
   top: 150px;
 }

 .hero-2 .social-icon {
   position: absolute;
   top: 50%;
   left: 40px;
   transform: translateY(-50%);
   gap: 10px;
 }

 @media (max-width: 1600px) {
   .hero-2 .social-icon {
     left: 15px;
   }
 }

 @media (max-width: 1399px) {
   .hero-2 .social-icon {
     display: none !important;
   }
 }

 .hero-2 .social-icon .line {
   width: 1px;
   height: 87px;
   background: var(--header);
   transform: rotate(0deg);
   margin-left: 20px;
   margin-top: 0;
   margin-bottom: 15px;
 }

 .hero-2 .social-icon span {
   color: #515459;
   font-size: 16px;
   font-weight: 500;
   letter-spacing: 0.32px;
   display: inline-block;
   margin-top: 8px;
   font-weight: 600;
   font-family: "Hanken Grotesk", sans-serif;
   writing-mode: sideways-lr;
 }

 .hero-2 .social-icon a {
   display: inline-block;
   width: 36px;
   height: 36px;
   line-height: 36px;
   text-align: center;
   border-radius: 50%;
   background-color: var(--white);
 }

 .hero-2 .social-icon a:hover {
   background-color: var(--theme);
   color: var(--header);
 }

 .hero-2 .hero-content {
   margin-left: 180px;
   position: relative;
 }

 @media (max-width: 1600px) {
   .hero-2 .hero-content {
     margin-left: 110px;
   }
 }

 @media (max-width: 1399px) {
   .hero-2 .hero-content {
     max-width: 800px;
     margin-left: 50px;
   }
 }

 @media (max-width: 1199px) {
   .hero-2 .hero-content {
     text-align: center;
     margin: 0 auto;
   }
 }

 .hero-2 .hero-content .sub-title {
   font-size: 14px;
   font-weight: 500;
   color: var(--header);
   margin-bottom: 14px;
   text-transform: uppercase;
   position: relative;
   font-family: "Hanken Grotesk", sans-serif;
   display: inline-block;
   padding-left: 28px;
   padding-right: 14px;
   border: 1px solid #D8DDE1;
   border-radius: 100px;
   height: 36px;
   line-height: 36px;
 }

 .hero-2 .hero-content .sub-title::before {
   position: absolute;
   top: 50%;
   left: 12px;
   transform: translateY(-50%);
   content: "";
   background-color: var(--theme);
   width: 6px;
   height: 6px;
 }

 .hero-2 .hero-content h1 {
   font-size: 74px;
   line-height: 114%;
   text-transform: capitalize;
 }

 @media (max-width: 1600px) {
   .hero-2 .hero-content h1 {
     font-size: 65px;
   }
 }

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

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

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

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

 @media (max-width: 575px) {
   .hero-2 .hero-content h1 {
     font-size: 40px;
   }
 }

 @media (max-width: 470px) {
   .hero-2 .hero-content h1 {
     font-size: 32px;
   }
 }

 .hero-2 .hero-content p {
   color: #515459;
   margin-top: 20px;
   font-size: 18px;
   font-weight: 500;
   line-height: 156%;
   font-family: "Hanken Grotesk", sans-serif;
   max-width: 730px;
   text-transform: capitalize;
 }

 @media (max-width: 1199px) {
   .hero-2 .hero-content p {
     font-size: 16px;
     margin: 20px auto 0;
   }
 }

 @media (max-width: 470px) {
   .hero-2 .hero-content p {
     font-size: 14px;
   }
 }

 .hero-2 .hero-content .hero-button {
   display: flex;
   align-items: center;
   gap: 40px;
   margin-top: 40px;
 }

 @media (max-width: 1199px) {
   .hero-2 .hero-content .hero-button {
     flex-wrap: wrap;
     gap: 20px;
     margin-top: 25px;
     justify-content: center;
   }
 }

 .hero-2 .hero-content .hero-button .theme-btn.header-bg {
   background-color: var(--header);
   color: var(--white);
 }

 .hero-2 .hero-content .hero-button .theme-btn.header-bg::before {
   background-color: var(--theme);
 }

 .hero-2 .hero-content .hero-button .theme-btn.header-bg:hover {
   color: var(--header);
 }

 .hero-2 .hero-content .custom-pagination-wrap {
   margin-top: 170px;
   display: flex;
   align-items: center;
   gap: 10px;
 }

 @media (max-width: 1600px) {
   .hero-2 .hero-content .custom-pagination-wrap {
     margin-top: 50px;
   }
 }

 @media (max-width: 1199px) {
   .hero-2 .hero-content .custom-pagination-wrap {
     margin-bottom: 40px;
     justify-content: center;
     margin-top: 50px;
   }
 }

 .hero-2 .hero-content .custom-pagination-wrap .pagi-lists {
   display: flex;
   align-items: center;
   gap: 12px;
 }

 .hero-2 .hero-content .custom-pagination-wrap .prev {
   color: var(--header);
   font-size: 18px;
   font-weight: 400;
   transition: all 0.4s ease-in-out;
 }

 .hero-2 .hero-content .custom-pagination-wrap .prev:hover {
   color: var(--theme);
 }

 .hero-2 .hero-content .custom-pagination-wrap .next {
   color: var(--header);
   font-size: 18px;
   font-weight: 400;
   transition: all 0.4s ease-in-out;
 }

 .hero-2 .hero-content .custom-pagination-wrap .next:hover {
   color: var(--theme);
 }

 .hero-2 .hero-content .custom-pagination-wrap .custom-pagination {
   position: relative;
   width: 80px;
   margin: 0 auto;
   height: 2px;
   overflow: hidden;
   background: var(--header);
 }

 .hero-2 .hero-content .custom-pagination-wrap .custom-pagination .swiper-pagination-progressbar-fill {
   background: var(--theme);
 }

 .hero-2 .hero-content .custom-pagination-wrap .array-button {
   z-index: 3;
   gap: 0;
 }

 .hero-2 .hero-content .custom-pagination-wrap .array-button .array-prev {
   color: var(--header);
   background-color: transparent;
 }

 .hero-2 .hero-content .custom-pagination-wrap .array-button .array-prev:hover {
   color: var(--theme);
   border: none;
 }

 .hero-2 .hero-content .custom-pagination-wrap .array-button .array-next {
   color: var(--header);
   margin-left: -25px;
   background-color: transparent;
 }

 .hero-2 .hero-content .custom-pagination-wrap .array-button .array-next:hover {
   color: var(--theme);
   border: none;
 }

 .hero-2 .hero-image {
   height: 1000px;
   border-radius: 30px;
   position: relative;
 }

 @media (max-width: 1399px) {
   .hero-2 .hero-image {
     height: 800px;
   }
 }

 @media (max-width: 1199px) {
   .hero-2 .hero-image {
     height: 600px;
   }
 }

 @media (max-width: 767px) {
   .hero-2 .hero-image {
     height: 500px;
   }
 }

 .hero-2 .hero-image .hero-info {
   background-color: var(--white);
   border-radius: 20px;
   background-color: var(--white);
   padding: 20px;
   position: absolute;
   bottom: 40px;
   right: 40px;
 }

 .hero-2 .hero-image .hero-info img {
   width: initial;
   height: initial;
 }

 .hero-2 .hero-image .hero-info p {
   font-weight: 500;
   color: var(--header);
   line-height: 162%;
   font-size: 16px;
   font-family: "Hanken Grotesk", sans-serif;
   margin-top: 15px;
 }

 .hero-2 .hero-image img {
   width: 100%;
   height: 100%;
   object-fit: cover;
   border-radius: 30px;
 }

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

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

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

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

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

 .mean-container .mean-nav ul li a {
   width: 100%;
   /* padding: 10px 0; */
   color: #0B2239;
   font-size: 16px;
   line-height: 1.5;
   font-weight: 400;
   text-transform: uppercase;
   border-bottom: 1px solid #E5E5E5 !important;
   border: none;
   font-family: "Hanken Grotesk", sans-serif;
 }

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

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

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

 .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;
   font-size: 16px;
 }

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

 .mean-container .mean-nav ul li a.mean-expand.mean-clicked i {
   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;
 }

 .section-title-area .array-button .array-prev {
   background-color: transparent;
   border: 1px solid var(--border);
   color: var(--theme);
 }

 .section-title-area .array-button .array-prev:hover {
   background-color: var(--theme);
   color: var(--white);
 }

 .section-title-area .array-button .array-next {
   background-color: transparent;
   border: 1px solid var(--border);
   color: var(--theme);
 }

 .section-title-area .array-button .array-next:hover {
   background-color: var(--theme);
   color: var(--white);
 }

 .news-wrapper .news-box-items {
   margin-top: 30px;
   background-color: var(--white);
   position: relative;
   border-radius: 20px;
 }

 .news-wrapper .news-box-items .news-thumb {
   position: relative;
   overflow: hidden;
   z-index: 9;
   border-radius: 20px;
 }

 .news-wrapper .news-box-items .news-thumb img {
   width: 100%;
   height: 100%;
   position: relative;
   display: block;
   object-fit: cover;
   -webkit-transition: all 500ms ease;
   transition: all 500ms ease;
   border-radius: 20px;
 }

 .news-wrapper .news-box-items .news-thumb img:first-child {
   position: absolute;
   left: 0;
   top: 0;
   right: 0;
   bottom: 0;
   -index: 1;
   -webkit-transform: translateX(50%) scaleX(2);
   transform: translate(50%) scaleX(2);
   opacity: 0;
   -webkit-filter: blur(10px);
   filter: blur(10px);
 }

 .news-wrapper .news-box-items .post-date {
   display: flex;
   align-items: center;
   position: absolute;
   bottom: 265px;
   left: -5px;
   z-index: 22;
 }

 @media (max-width: 1399px) {
   .news-wrapper .news-box-items .post-date {
     bottom: 280px;
   }
 }

 @media (max-width: 1199px) {
   .news-wrapper .news-box-items .post-date {
     bottom: 265px;
   }
 }

 @media (max-width: 991px) {
   .news-wrapper .news-box-items .post-date {
     bottom: 280px;
   }
 }

 @media (max-width: 767px) {
   .news-wrapper .news-box-items .post-date {
     bottom: 265px;
   }
 }

 .news-wrapper .news-box-items .post-date .year {
   color: var(--header);
   background-color: var(--theme);
   font-size: 14px;
   font-weight: 400;
   display: inline-block;
   height: 20px;
   width: 70px;
   line-height: 20px;
   text-align: center;
   transform: rotate(-90deg);
   border-radius: 10px;
   border-bottom-left-radius: 0;
   border-bottom-right-radius: 0;
 }

 .news-wrapper .news-box-items .post-date .date {
   width: 50px;
   height: 70px;
   text-align: center;
   background-color: var(--header);
   margin-left: -25px;
   display: grid;
   align-items: center;
   border-radius: 10px;
   border-top-left-radius: 0;
   border-bottom-left-radius: 0;
 }

 .news-wrapper .news-box-items .post-date .date h3 {
   color: var(--white);
   font-size: 30px;
   font-weight: 600;
 }

 .news-wrapper .news-box-items .post-date .date span {
   color: var(--white);
   font-size: 30px;
   font-weight: 600;
   display: inline-block;
   margin-top: 10px;
   font-family: "Hanken Grotesk", sans-serif;
 }

 .news-wrapper .news-box-items .post-date .date p {
   font-weight: 400;
   color: var(--white);
   margin-top: -10px;
 }

 .news-wrapper .news-box-items .news-content {
   padding: 50px 20px 30px 20px;
 }

 .news-wrapper .news-box-items .news-content ul {
   display: flex;
   align-items: center;
   gap: 30px;
 }

 .news-wrapper .news-box-items .news-content ul li {
   font-size: 14px;
 }

 .news-wrapper .news-box-items .news-content ul li i {
   color: var(--header);
   margin-right: 5px;
 }

 .news-wrapper .news-box-items .news-content h2 {
   margin-top: 10px;
 }

 .news-wrapper .news-box-items .news-content h4 {
   margin-top: 10px;
 }

 @media (max-width: 1399px) {
   .news-wrapper .news-box-items .news-content h4 {
     font-size: 20px;
   }
 }

 @media (max-width: 1199px) {
   .news-wrapper .news-box-items .news-content h4 {
     font-size: 24px;
   }
 }

 @media (max-width: 991px) {
   .news-wrapper .news-box-items .news-content h4 {
     font-size: 20px;
   }
 }

 @media (max-width: 767px) {
   .news-wrapper .news-box-items .news-content h4 {
     font-size: 22px;
   }
 }

 @media (max-width: 470px) {
   .news-wrapper .news-box-items .news-content h4 {
     font-size: 20px;
   }
 }

 .news-wrapper .news-box-items .news-content h2 {
   font-size: 24px;
   font-weight: 600;
   line-height: 142%;
 }

 .news-wrapper .news-box-items .news-content p {
   margin-top: 7px;
   text-transform: lowercase;
 }

 .news-wrapper .news-box-items .news-content .link-btn {
   color: var(--header);
   margin-top: 20px;
 }

 .news-wrapper .news-box-items .news-content .link-btn:hover {
   color: var(--theme);
 }

 .news-wrapper .news-box-items:hover .news-thumb img:first-child {
   -webkit-transform: translateX(0) scaleX(1);
   transform: translate(0) scaleX(1);
   opacity: 1;
   -webkit-filter: blur(0);
   filter: blur(0);
 }

 .news-wrapper .news-box-items:hover .news-thumb img:nth-child(2) {
   -webkit-transform: translateX(-50%) scaleX(2);
   transform: translateX(-50%) scaleX(2);
   opacity: 0;
   -webkit-filter: blur(10px);
   filter: blur(10px);
 }

 .news-wrapper .news-box-items.news-items-two .post-date .year {
   background-color: var(--theme2);
 }

 .news-wrapper .news-box-items.news-items-two .news-content ul li i {
   color: var(--theme2);
 }

 .news-wrapper .news-box-items.news-items-two .news-content .style-2:hover {
   color: var(--theme2);
   background-image: linear-gradient(180deg, var(--theme2) 0%, var(--theme2) 100%);
 }

 .news-wrapper .news-box-items.news-items-two .news-content .link-two:hover {
   color: var(--theme2);
 }

 .news-wrapper-2 .news-box-items-two {
   margin-top: 30px;
 }

 .news-wrapper-2 .news-box-items-two .news-thumb {
   position: relative;
   overflow: hidden;
   z-index: 9;
   border-radius: 20px;
 }

 .news-wrapper-2 .news-box-items-two .news-thumb img {
   width: 100%;
   height: 100%;
   position: relative;
   display: block;
   object-fit: cover;
   -webkit-transition: all 500ms ease;
   transition: all 500ms ease;
 }

 .news-wrapper-2 .news-box-items-two .news-thumb img:first-child {
   position: absolute;
   left: 0;
   top: 0;
   right: 0;
   bottom: 0;
   -index: 1;
   -webkit-transform: translateX(50%) scaleX(2);
   transform: translate(50%) scaleX(2);
   opacity: 0;
   -webkit-filter: blur(10px);
   filter: blur(10px);
 }

 .news-wrapper-2 .news-box-items-two .news-content {
   border-bottom: 1px solid var(--border);
   padding-bottom: 20px;
   margin-top: 25px;
 }

 .news-wrapper-2 .news-box-items-two .news-content h3 {
   margin-bottom: 10px;
   font-size: 24px;
   font-weight: 600;
 }

 @media (max-width: 991px) {
   .news-wrapper-2 .news-box-items-two .news-content h3 {
     font-size: 21px;
   }
 }

 .news-wrapper-2 .news-box-items-two .news-content p {
   text-transform: capitalize;
 }

 .news-wrapper-2 .news-box-items-two .link-btn {
   color: var(--header);
   margin-top: 20px;
 }

 .news-wrapper-2 .news-box-items-two .link-btn:hover {
   color: var(--theme);
 }

 .news-wrapper-2 .news-box-items-two:hover .news-thumb img:first-child {
   -webkit-transform: translateX(0) scaleX(1);
   transform: translate(0) scaleX(1);
   opacity: 1;
   -webkit-filter: blur(0);
   filter: blur(0);
 }

 .news-wrapper-2 .news-box-items-two:hover .news-thumb img:nth-child(2) {
   -webkit-transform: translateX(-50%) scaleX(2);
   transform: translateX(-50%) scaleX(2);
   opacity: 0;
   -webkit-filter: blur(10px);
   filter: blur(10px);
 }

 .news-left-content-inner .news-items {
   margin-bottom: 30px;
 }

 .news-left-content-inner .news-items .news-thumb {
   border-radius: 30px;
 }

 .news-left-content-inner .news-items .news-thumb img {
   width: 100%;
   height: 100%;
   border-radius: 30px;
 }

 .news-left-content-inner .news-items .news-content {
   margin-top: 25px;
 }

 .news-left-content-inner .news-items .news-content ul {
   display: flex;
   align-items: center;
   gap: 35px;
 }

 @media (max-width: 1199px) {
   .news-left-content-inner .news-items .news-content ul {
     flex-wrap: wrap;
     gap: 20px;
   }
 }

 .news-left-content-inner .news-items .news-content ul li i {
   color: var(--theme2);
   margin-right: 6px;
 }

 .news-left-content-inner .news-items .news-content h2 {
   margin-top: 15px;
   font-size: 30px;
 }

 @media (max-width: 1199px) {
   .news-left-content-inner .news-items .news-content h2 {
     font-size: 29px;
   }
 }

 @media (max-width: 767px) {
   .news-left-content-inner .news-items .news-content h2 {
     font-size: 27px;
   }
 }

 @media (max-width: 575px) {
   .news-left-content-inner .news-items .news-content h2 {
     font-size: 25px;
   }
 }

 .news-left-content-inner .news-items .news-content p {
   margin-top: 10px;
 }

 .news-left-content-inner .news-items .news-content .link-btn {
   margin-top: 25px;
   color: var(--header);
 }

 .news-left-content-inner .news-items .news-content .link-btn:hover {
   color: var(--theme);
 }

 .main-sidebar .single-sidebar-widget {
   padding: 40px;
   background-color: var(--white);
   margin-bottom: 30px;
   border-radius: 30px;
 }

 @media (max-width: 575px) {
   .main-sidebar .single-sidebar-widget {
     padding: 28px;
   }
 }

 .main-sidebar .single-sidebar-widget .wid-title {
   margin-bottom: 25px;
 }

 .main-sidebar .single-sidebar-widget .wid-title h3 {
   font-size: 24px;
   font-weight: 600;
   line-height: 34px;
   display: inline-block;
 }

 @media (max-width: 575px) {
   .main-sidebar .single-sidebar-widget .wid-title h3 {
     font-size: 20px;
   }
 }

 .main-sidebar .single-sidebar-widget .search-widget form {
   width: 100%;
   position: relative;
 }

 .main-sidebar .single-sidebar-widget .search-widget form input {
   background-color: var(--white);
   font-size: 16px;
   font-weight: 300;
   padding: 15px;
   width: 100%;
   border: none;
   color: var(--text);
   border: 1px solid #D8DDE1 !important;
   border-radius: 100px;
 }

 .main-sidebar .single-sidebar-widget .search-widget form button {
   position: absolute;
   right: 6px;
   top: 6px;
   width: 46px;
   height: 46px;
   line-height: 46px;
   background-color: var(--theme);
   color: var(--header);
   text-align: center;
   transition: all 0.3s ease-in-out;
   border-radius: 50%;
 }

 .main-sidebar .single-sidebar-widget .search-widget form button:hover {
   background-color: var(--header);
   color: var(--white);
 }

 .main-sidebar .single-sidebar-widget .news-widget-categories ul li a {
   color: var(--text);
   display: flex;
   align-items: center;
   justify-content: space-between;
   padding: 18px 25px;
   background-color: var(--white);
   transition: all 0.4s ease-in-out;
   line-height: 1;
   border: 1px solid var(--border);
   border: 1px solid #D8DDE1 !important;
   border-radius: 100px;
 }

 @media (max-width: 575px) {
   .main-sidebar .single-sidebar-widget .news-widget-categories ul li a {
     font-size: 14px;
     padding: 20px 22px;
   }
 }

 .main-sidebar .single-sidebar-widget .news-widget-categories ul li a .arrow {
   transition: all 0.4s ease-in-out;
 }

 .main-sidebar .single-sidebar-widget .news-widget-categories ul li a .arrow i {
   color: var(--header);
   transition: all 0.4s ease-in-out;
 }

 .main-sidebar .single-sidebar-widget .news-widget-categories ul li:not(:last-child) {
   margin-bottom: 12px;
 }

 .main-sidebar .single-sidebar-widget .news-widget-categories ul li:hover a {
   background-color: var(--theme);
   color: var(--header);
   border-color: var(--header);
 }

 .main-sidebar .single-sidebar-widget .news-widget-categories ul li:hover a .arrow i {
   color: var(--header);
 }

 .main-sidebar .single-sidebar-widget .recent-post-area .recent-items {
   display: flex;
   align-items: center;
   gap: 20px;
 }

 .main-sidebar .single-sidebar-widget .recent-post-area .recent-items:not(:last-child) {
   margin-bottom: 20px;
 }

 .main-sidebar .single-sidebar-widget .recent-post-area .recent-items .recent-thumb img {
   width: 100%;
   height: 100%;
   border-radius: 10px;
 }

 .main-sidebar .single-sidebar-widget .recent-post-area .recent-items .recent-content ul {
   margin-bottom: 5px;
 }

 .main-sidebar .single-sidebar-widget .recent-post-area .recent-items .recent-content ul li {
   color: var(--text);
 }

 .main-sidebar .single-sidebar-widget .recent-post-area .recent-items .recent-content h4 {
   font-size: 20px;
   font-weight: 600;
   max-width: 214px;
 }

 .main-sidebar .single-sidebar-widget .recent-post-area .recent-items .recent-content h4 a:hover {
   color: var(--theme);
 }

 .main-sidebar .single-sidebar-widget .tagcloud a {
   display: inline-block;
   padding: 12px 25px;
   line-height: 1;
   font-size: 14px;
   font-weight: 400;
   background: var(--white);
   margin-right: 5px;
   text-transform: capitalize;
   margin-bottom: 10px;
   border-radius: 0;
   transition: all 0.4s ease-in-out;
   border-radius: 100px;
   border: 1px solid var(--border);
   color: var(--text);
 }

 .main-sidebar .single-sidebar-widget .tagcloud a:last-child {
   margin-right: 0;
 }

 .main-sidebar .single-sidebar-widget .tagcloud a:hover {
   background-color: var(--theme);
   color: var(--header);
   border-color: var(--theme);
 }

 .blog-post-details .single-blog-post .post-featured-thumb {
   height: 430px;
   border-radius: 30px;
 }

 .blog-post-details .single-blog-post .post-featured-thumb img {
   border-radius: 30px;
 }

 .blog-post-details .single-blog-post .post-content .blog-title {
   font-size: 30px;
   line-height: 40px;
   margin-top: 8px;
   margin-bottom: 15px;
 }

 .blog-post-details .single-blog-post .post-content ul {
   display: flex;
   align-items: center;
   gap: 35px;
   margin-bottom: 10px;
 }

 @media (max-width: 1199px) {
   .blog-post-details .single-blog-post .post-content ul {
     flex-wrap: wrap;
     gap: 20px;
   }
 }

 .blog-post-details .single-blog-post .post-content ul li i {
   color: var(--header);
   margin-right: 6px;
 }

 .blog-post-details .single-blog-post .post-content h3 {
   margin-bottom: 20px;
   margin-top: 15px;
 }

 @media (max-width: 575px) {
   .blog-post-details .single-blog-post .post-content h3 {
     font-size: 24px;
   }
 }

 .blog-post-details .single-blog-post .post-content h3 a:hover {
   color: var(--theme);
 }

 .blog-post-details .single-blog-post .post-content .hilight-text {
   border-top: 4px solid var(--theme);
   padding: 40px;
   background-color: #F8F8F8;
   border-radius: 30px;
   position: relative;
 }

 @media (max-width: 767px) {
   .blog-post-details .single-blog-post .post-content .hilight-text {
     padding: 28px;
   }
 }

 .blog-post-details .single-blog-post .post-content .hilight-text p {
   font-weight: 500;
   line-height: 28px;
   color: var(--header);
   font-size: 18px;
   max-width: 760px;
   font-family: "Hanken Grotesk", sans-serif;
 }

 .blog-post-details .single-blog-post .post-content .hilight-text .name {
   position: absolute;
   background-color: var(--theme);
   padding: 6px 50px 6px 20px;
   bottom: -15px;
   left: 130px;
   color: var(--header);
   display: inline-block;
   clip-path: polygon(0 0, 83% 0, 100% 100%, 0 100%);
 }

 .blog-post-details .single-blog-post .post-content .details-image {
   border-radius: 30px;
 }

 .blog-post-details .single-blog-post .post-content .details-image img {
   width: 100%;
   height: 100%;
   border-radius: 30px;
 }

 .blog-post-details .tag-share-wrap {
   border-top: 1px solid var(--border);
   border-bottom: 1px solid var(--border);
   padding: 30px 0;
 }

 .blog-post-details .tag-share-wrap .tagcloud span {
   display: inline-block;
   font-weight: 600;
   font-size: 20px;
   color: var(--header);
   margin-right: 15px;
   font-family: "Hanken Grotesk", sans-serif;
 }

 .blog-post-details .tag-share-wrap .tagcloud a {
   display: inline-block;
   padding: 12px 26px;
   line-height: 1;
   background: transparent;
   color: var(--text);
   border: 1px solid var(--border);
   text-transform: capitalize;
   margin-right: 5px;
   -webkit-transition: all 0.4s ease-in-out;
   transition: all 0.4s ease-in-out;
   border-radius: 100px;
 }

 @media (max-width: 575px) {
   .blog-post-details .tag-share-wrap .tagcloud a {
     margin-bottom: 5px;
   }
 }

 .blog-post-details .tag-share-wrap .tagcloud a:hover {
   background-color: var(--theme);
   color: var(--header);
 }

 .blog-post-details .tag-share-wrap .social-share {
   gap: 10px;
   display: flex;
   align-items: center;
   margin-top: 12px;
 }

 .blog-post-details .tag-share-wrap .social-share span {
   font-size: 20px;
   color: var(--header);
   font-weight: 600;
   font-family: "Hanken Grotesk", sans-serif;
 }

 .blog-post-details .tag-share-wrap .social-share a {
   width: 36px;
   height: 36px;
   line-height: 36px;
   text-align: center;
   font-size: 14px;
   display: block;
   color: var(--header);
   border: 1px solid var(--border);
   border-radius: 50%;
   transition: all 0.4s ease-in-out;
 }

 .blog-post-details .tag-share-wrap .social-share a:hover {
   background-color: var(--theme);
   color: var(--header);
 }

 .blog-post-details .comments-area {
   margin-top: 40px;
 }

 .blog-post-details .comments-area .comments-heading {
   margin-bottom: 30px;
 }

 @media (max-width: 575px) {
   .blog-post-details .comments-area .comments-heading {
     margin-bottom: 20px;
   }
 }

 .blog-post-details .comments-area .comments-heading h3 span {
   color: var(--header);
 }

 .blog-post-details .comments-area .blog-single-comment {
   border-bottom: 1px solid var(--border);
 }

 .blog-post-details .comments-area .blog-single-comment.comment-2 {
   padding-left: 70px;
 }

 @media (max-width: 575px) {
   .blog-post-details .comments-area .blog-single-comment {
     flex-wrap: wrap;
     gap: 20px;
   }
 }

 .blog-post-details .comments-area .blog-single-comment .content .head {
   margin-bottom: 10px;
 }

 .blog-post-details .comments-area .blog-single-comment .content .head .con h4 {
   margin-bottom: 3px;
   font-weight: 600;
   font-size: 20px;
 }

 .blog-post-details .comments-area .blog-single-comment .content .reply {
   font-weight: 700;
   font-size: 14px;
   color: var(--header);
   transition: all 0.4s ease-in-out;
   font-family: "Hanken Grotesk", sans-serif;
 }

 .blog-post-details .comments-area .blog-single-comment .content .reply i {
   margin-right: 5px;
 }

 .blog-post-details .comment-form-wrap h3 {
   font-size: 24px;
   margin-bottom: 30px;
 }

 @media (max-width: 575px) {
   .blog-post-details .comment-form-wrap h3 {
     margin-bottom: 20px;
   }
 }

 .blog-post-details .comment-form-wrap .form-clt span {
   color: var(--header);
   display: inline-block;
   margin-bottom: 10px;
 }

 .blog-post-details .comment-form-wrap .form-clt input,
 .blog-post-details .comment-form-wrap .form-clt textarea {
   width: 100%;
   outline: none;
   border: none;
   background-color: var(--white);
   border: 1px solid var(--border);
   padding: 16px 20px;
   font-weight: 300;
   font-size: 14px;
   color: var(--text);
   border-radius: 100px;
 }

 .blog-post-details .comment-form-wrap .form-clt input::placeholder,
 .blog-post-details .comment-form-wrap .form-clt textarea::placeholder {
   color: var(--text);
 }

 .blog-post-details .comment-form-wrap .form-clt textarea {
   padding-bottom: 100px;
   border-radius: 30px;
 }

 .blog-post-details .comment-form-wrap .theme-btn {
   width: 100%;
 }

 .preloader {
   position: fixed;
   width: 100%;
   height: 100%;
   z-index: 999999;
   background: var(--white);
   top: 0;
   left: 0;
   display: flex;
   align-items: center;
   justify-content: center;
 }

 .preloader .spinner-wrap {
   width: 180px;
   height: 180px;
   position: relative;
 }

 .preloader .spinner-wrap .preloader-logo {
   width: 75%;
   position: absolute;
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%);
 }

 .preloader .spinner-wrap .spinner {
   position: relative;
   width: 100%;
   height: 100%;
   border: 2px solid var(--border);
   border-top: 3px solid var(--header);
   border-radius: 100%;
   position: absolute;
   top: 0;
   bottom: 0;
   left: 0;
   right: 0;
   margin: auto;
   animation: spin 2s infinite linear;
 }

 @keyframes spin {
   from {
     transform: rotate(0deg);
   }

   to {
     transform: rotate(360deg);
   }
 }

 .back-to-top {
   background-color: #c7f1fc;
   width: 50px;
   height: 50px;
   line-height: 50px;
   color: var(--header);
   font-size: 18px;
   position: fixed;
   display: inline-block;
   z-index: 999;
   right: 30px;
   bottom: 30px;
   transition: all 0.4s ease-in-out;
   opacity: 0;
   visibility: hidden;
   transform: translateY(20px);
   border-radius: 10px;
 }

 .back-to-top:hover {
   background-color: var(--header);
   color: var(--white);
 }

 .back-to-top.show {
   opacity: 1;
   visibility: visible;
   transform: translate(0);
 }

 .cursor-outer {
   -webkit-margin-start: -12px;
   margin-inline-start: -12px;
   margin-top: -12px;
   width: 30px;
   height: 30px;
   border: 1px solid var(--theme);
   background-color: var(--theme);
   -webkit-box-sizing: border-box;
   box-sizing: border-box;
   z-index: 10000000;
   opacity: 0.34;
   -webkit-transition: all 0.4s ease-out 0s;
   transition: all 0.4s ease-out 0s;
 }

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

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

 .mouseCursor {
   position: fixed;
   top: 0;
   inset-inline-start: 0;
   inset-inline-end: 0;
   bottom: 0;
   pointer-events: none;
   border-radius: 50%;
   -webkit-transform: translateZ(0);
   transform: translateZ(0);
   visibility: hidden;
   text-align: center;
 }

 .mouseCursor.cursor-big {
   width: 20px;
   height: 20px;
   -webkit-margin-start: -12px;
   margin-inline-start: -12px;
   margin-top: -12px;
 }

 .cursor-inner {
   -webkit-margin-start: -3px;
   margin-inline-start: -3px;
   margin-top: -3px;
   width: 10px;
   height: 10px;
   z-index: 10000001;
   background-color: var(--theme);
   opacity: 1;
   -webkit-transition: all 0.24s ease-out 0s;
   transition: all 0.24s ease-out 0s;
 }

 .cursor-inner span {
   color: var(--text);
   line-height: 60px;
   opacity: 0;
   text-transform: uppercase;
   letter-spacing: 1px;
   font-size: 12px;
 }

 .cursor-inner.cursor-big span {
   opacity: 1;
 }

 .cursor-inner.cursor-hover {
   -webkit-margin-start: -10px;
   margin-inline-start: -10px;
   margin-top: -10px;
   width: 30px;
   height: 30px;
   background-color: var(--theme);
   border: 1px solid #686363;
   opacity: 0;
 }

 .search-popup {
   position: fixed;
   width: 100%;
   height: 100%;
   top: 0;
   left: 0;
   z-index: -2;
   -webkit-transition: all 1s ease;
   -khtml-transition: all 1s ease;
   -moz-transition: all 1s ease;
   -ms-transition: all 1s ease;
   -o-transition: all 1s ease;
   transition: all 1s ease;
 }

 .search-popup__overlay {
   position: fixed;
   width: 224vw;
   height: 224vw;
   top: calc(90px - 112vw);
   right: calc(50% - 112vw);
   z-index: 3;
   display: block;
   -webkit-border-radius: 50%;
   -khtml-border-radius: 50%;
   -moz-border-radius: 50%;
   -ms-border-radius: 50%;
   -o-border-radius: 50%;
   border-radius: 50%;
   -webkit-transform: scale(0);
   -khtml-transform: scale(0);
   -moz-transform: scale(0);
   -ms-transform: scale(0);
   -o-transform: scale(0);
   transform: scale(0);
   -webkit-transform-origin: center;
   transform-origin: center;
   -webkit-transition: transform 0.8s ease-in-out;
   -khtml-transition: transform 0.8s ease-in-out;
   -moz-transition: transform 0.8s ease-in-out;
   -ms-transition: transform 0.8s ease-in-out;
   -o-transition: transform 0.8s ease-in-out;
   transition: transform 0.8s ease-in-out;
   transition-delay: 0s;
   transition-delay: 0.3s;
   -webkit-transition-delay: 0.3s;
   background-color: #000000;
   opacity: 0.7;
   cursor: url(../img/close.png), auto;
 }

 @media (max-width: 767px) {
   .search-popup__overlay {
     position: absolute;
     top: 0;
     left: 0;
     right: 0;
     bottom: 0;
     transform: none;
     width: 100%;
     height: 100%;
     border-radius: 0;
     transform: translateY(-110%);
   }
 }

 .search-popup__content {
   position: fixed;
   width: 0;
   max-width: 560px;
   padding: 30px 15px;
   left: 50%;
   top: 50%;
   opacity: 0;
   z-index: 3;
   -webkit-transform: translate(-50%, -50%);
   -khtml-transform: translate(-50%, -50%);
   -moz-transform: translate(-50%, -50%);
   -ms-transform: translate(-50%, -50%);
   -o-transform: translate(-50%, -50%);
   transform: translate(-50%, -50%);
   -webkit-transition: opacity 0.5s 0s, width 0.8s 0.8s cubic-bezier(0.225, 0.01, 0.475, 1.01), transform 0.2s 0s;
   -khtml-transition: opacity 0.5s 0s, width 0.8s 0.8s cubic-bezier(0.225, 0.01, 0.475, 1.01), transform 0.2s 0s;
   -moz-transition: opacity 0.5s 0s, width 0.8s 0.8s cubic-bezier(0.225, 0.01, 0.475, 1.01), transform 0.2s 0s;
   -ms-transition: opacity 0.5s 0s, width 0.8s 0.8s cubic-bezier(0.225, 0.01, 0.475, 1.01), transform 0.2s 0s;
   -o-transition: opacity 0.5s 0s, width 0.8s 0.8s cubic-bezier(0.225, 0.01, 0.475, 1.01), transform 0.2s 0s;
   transition: opacity 0.5s 0s, width 0.8s 0.8s cubic-bezier(0.225, 0.01, 0.475, 1.01), transform 0.2s 0s;
   transition-delay: 0s, 0.8s, 0s;
   transition-delay: 0s, 0.4s, 0s;
   transition-delay: 0.2s;
   -webkit-transition-delay: 0.2s;
 }

 .search-popup__form {
   position: relative;
 }

 .search-popup__form input[type=search],
 .search-popup__form input[type=text] {
   width: 100%;
   height: 66px;
   border: none;
   outline: none;
   padding-left: 20px;
   background-color: var(--white);
   font-size: 16px;
   font-weight: 400;
   color: var(--text);
   transition: all 500ms ease;
 }

 .search-popup__form input[type=search]:focus,
 .search-popup__form input[type=text]:focus {
   color: var(--header);
 }

 .search-popup__form .search-btn {
   padding: 0;
   width: 66px;
   height: 66px;
   display: flex;
   justify-content: center;
   align-items: center;
   position: absolute;
   top: 0;
   right: -1px;
   border-radius: 0;
   font-size: 20px;
   color: var(--header);
   background-color: var(--theme);
   transition: all 0.4s ease-in-out;
 }

 .search-popup__form .search-btn:hover {
   background-color: var(--header);
 }

 .search-popup__form .eolexi-btn svg {
   width: 1em;
   height: 1em;
   fill: currentColor;
 }

 .search-popup.active {
   z-index: 999999;
 }

 .search-popup.active .search-popup__overlay {
   top: auto;
   bottom: calc(90px - 112vw);
   -webkit-transform: scale(1);
   -khtml-transform: scale(1);
   -moz-transform: scale(1);
   -ms-transform: scale(1);
   -o-transform: scale(1);
   transform: scale(1);
   transition-delay: 0s;
   -webkit-transition-delay: 0s;
   opacity: 0.7;
   -webkit-transition: transform 1.6s cubic-bezier(0.4, 0, 0, 1);
   -khtml-transition: transform 1.6s cubic-bezier(0.4, 0, 0, 1);
   -moz-transition: transform 1.6s cubic-bezier(0.4, 0, 0, 1);
   -ms-transition: transform 1.6s cubic-bezier(0.4, 0, 0, 1);
   -o-transition: transform 1.6s cubic-bezier(0.4, 0, 0, 1);
   transition: transform 1.6s cubic-bezier(0.4, 0, 0, 1);
 }

 @media (max-width: 767px) {
   .search-popup.active .search-popup__overlay {
     position: absolute;
     top: 0;
     left: 0;
     right: 0;
     bottom: 0;
     transform: none;
     width: 100%;
     height: 100%;
     border-radius: 0;
     transform: translateY(0%);
   }
 }

 .search-popup.active .search-popup__content {
   width: 100%;
   opacity: 1;
   transition-delay: 0.7s;
   -webkit-transition-delay: 0.7s;
 }

 .pricing-box-items {
   margin-top: 30px;
   padding: 40px 30px;
   background-color: var(--white);
   border-radius: 30px;
 }

 @media (max-width: 1399px) {
   .pricing-box-items {
     padding: 30px;
   }
 }

 .pricing-box-items .title {
   font-size: 24px;
   font-weight: 700;
 }

 .pricing-box-items p {
   font-family: "Hanken Grotesk", sans-serif;
   margin-top: 5px;
 }

 .pricing-box-items .pricing-thumb {
   margin-top: 20px;
 }

 .pricing-box-items .pricing-thumb img {
   width: 100%;
   height: 100%;
   border-radius: 20px;
 }

 .pricing-box-items .title-2 {
   font-size: 36px;
   font-weight: 700;
   margin-top: 30px;
 }

 .pricing-box-items .title-2 sub {
   font-size: 14px;
   font-weight: 400;
   color: #515459;
   margin-left: -10px;
 }

 .pricing-box-items .theme-btn {
   width: 100%;
   text-align: center;
   margin-top: 25px;
 }

 .pricing-box-items .title-3 {
   font-size: 20px;
   font-weight: 600;
   margin-top: 15px;
 }

 .pricing-box-items .pricing-list {
   margin-top: 20px;
 }

 .pricing-box-items .pricing-list li {
   display: flex;
   align-items: center;
   gap: 8px;
   font-size: 16px;
   font-weight: 500;
   color: #0B2239;
   font-family: "Hanken Grotesk", sans-serif;
 }

 .pricing-box-items .pricing-list li:not(:last-child) {
   margin-bottom: 10px;
 }

 .section-title {
   position: relative;
   z-index: 99;
   margin-bottom: 30px;
 }

 @media (max-width: 767px) {
   .section-title {
     margin-bottom: 0;
   }
 }

 .section-title .sub-title {
   font-size: 16px;
   font-weight: 700;
   color: #2d7445;
   margin-bottom: 16px;
   text-transform: uppercase;
   position: relative;
   font-family: "Hanken Grotesk", sans-serif;
   display: inline-block;
   padding-left: 28px;
   padding-right: 14px;
   border: 1px solid #D8DDE1;
   border-radius: 100px;
   height: 36px;
   line-height: 36px;
 }

 .section-title .sub-title::before {
   position: absolute;
   top: 50%;
   left: 12px;
   transform: translateY(-50%);
   content: "";
   background-color: var(--theme);
   width: 6px;
   height: 6px;
 }

 .section-title .sub-title-two {
   display: flex;
   align-items: center;
   font-size: 20px;
   font-weight: 600;
   line-height: 30px;
   color: var(--theme2);
   margin-bottom: 12px;
   text-transform: uppercase;
   gap: 12px;
   position: relative;
   font-family: "Hanken Grotesk", sans-serif;
 }

 .section-title .sub-title-two .dots {
   position: relative;
   width: 35px;
   height: 6px;
 }

 .section-title .sub-title-two .dots::before {
   content: "";
   position: absolute;
   top: 50%;
   left: 0;
   width: 8px;
   height: 8px;
   background: var(--theme2);
   border-radius: 50%;
   transform: translateY(-50%);
   box-shadow: 14px 0 var(--theme2), 28px 0 var(--theme2);
 }

 .section-title h2 {
   font-family: "Hanken Grotesk", sans-serif;
   color: #005a9c;
 }

 .section-title-area {
   display: flex;
   align-items: center;
   justify-content: space-between;
   position: relative;
   z-index: 9;
   margin-bottom: 30px;
 }

 .section-title-area .section-title {
   margin-bottom: 0;
 }

 @media (max-width: 1199px) {
   .section-title-area {
     flex-wrap: wrap;
     gap: 30px;
   }
 }

 @media (max-width: 767px) {
   .section-title-area {
     margin-bottom: 0;
   }
 }

 .center {
   text-align: center;
 }

 .section-bg {
   background-color: var(--bg) !important;
 }

 .min-wid {
   width: 740px;
 }

 .text-cap {
   text-transform: capitalize;
 }

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

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

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

 .service-content-area p {
   margin-top: 25px;
   color: rgba(255, 255, 255, 0.7);
   font-weight: 300;
 }

 @media (max-width: 1399px) {
   .service-content-area p br {
     display: none;
   }
 }

 .service-content-area .service-btn {
   margin-top: 120px;
 }

 @media (max-width: 1600px) {
   .service-content-area .service-btn {
     margin-top: 60px;
   }
 }

 @media (max-width: 1199px) {
   .service-content-area .service-btn {
     margin-top: 40px;
   }
 }

 @media (max-width: 767px) {
   .service-content-area .service-btn {
     margin-top: 30px;
   }
 }

 .service-wrapper {
   margin-right: -35%;
   padding-left: 10px;
 }

 @media (max-width: 1899px) {
   .service-wrapper {
     margin-right: -21%;
   }
 }

 @media (max-width: 1600px) {
   .service-wrapper {
     margin-right: 0;
   }
 }

 .service-wrapper .secvice-items {
   border: 1px solid rgba(216, 221, 225, 0.3);
   padding: 25px 20px;
 }

 .service-wrapper .secvice-items .secvice-thumb {
   position: relative;
   overflow: hidden;
   margin-bottom: 15px;
 }

 .service-wrapper .secvice-items .secvice-thumb img {
   width: 100%;
   height: 100%;
   position: relative;
   display: block;
   object-fit: cover;
   -webkit-transition: all 500ms ease;
   transition: all 500ms ease;
 }

 .service-wrapper .secvice-items .secvice-thumb img:first-child {
   position: absolute;
   left: 0;
   top: 0;
   right: 0;
   bottom: 0;
   -index: 1;
   -webkit-transform: translateX(50%) scaleX(2);
   transform: translate(50%) scaleX(2);
   opacity: 0;
   -webkit-filter: blur(10px);
   filter: blur(10px);
 }

 .service-wrapper .secvice-items .service-content h3 {
   font-size: 24px;
   font-weight: 600;
   margin-bottom: 8px;
 }

 .service-wrapper .secvice-items .service-content h3 a {
   color: var(--white);
   margin-bottom: 8px;
 }

 .service-wrapper .secvice-items .service-content h3:hover a {
   color: var(--theme);
 }

 .service-wrapper .secvice-items .service-content p {
   color: rgba(255, 255, 255, 0.7);
   font-weight: 300;
 }

 .service-wrapper .secvice-items .service-content .link-btn {
   margin-top: 20px;
 }

 .service-wrapper .secvice-items:hover .secvice-thumb img:first-child {
   -webkit-transform: translateX(0) scaleX(1);
   transform: translate(0) scaleX(1);
   opacity: 1;
   -webkit-filter: blur(0);
   filter: blur(0);
 }

 .service-wrapper .secvice-items:hover .secvice-thumb img:nth-child(2) {
   -webkit-transform: translateX(-50%) scaleX(2);
   transform: translateX(-50%) scaleX(2);
   opacity: 0;
   -webkit-filter: blur(10px);
   filter: blur(10px);
 }

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

 @media (max-width: 1899px) {
   .service-section-one .container-fluid {
     padding: 0 45px;
   }
 }

 @media (max-width: 1399px) {
   .service-section-one .container-fluid {
     padding: 0 35px;
   }
 }

 @media (max-width: 1399px) {
   .service-section-one .container-fluid {
     padding: 0 25px;
   }
 }

 @media (max-width: 1199px) {
   .service-section-one .container-fluid {
     padding: 0 20px;
   }
 }

 @media (max-width: 470px) {
   .service-section-one .container-fluid {
     padding: 0 15px;
   }
 }

 .service-section-one .ser-text {
   text-align: center;
   display: flex;
   align-items: center;
   justify-content: center;
   font-size: 14px;
   font-weight: 500;
   gap: 10px;
   margin-top: 50px;
   text-transform: capitalize;
 }

 @media (max-width: 767px) {
   .service-section-one .ser-text {
     flex-wrap: wrap;
     justify-content: center;
     text-align: center;
   }
 }

 .service-section-one .ser-text a {
   background-color: var(--theme);
   color: var(--header);
   font-size: 15px;
   font-weight: 500;
   font-family: "Hanken Grotesk", sans-serif;
   border-radius: 100px;
   display: inline-block;
   padding: 4px 12px;
 }

 .service-box-one {
   margin-top: 30px;
   background-color: var(--bg);
   border-radius: 20px;
   padding: 40px 40px;
   position: relative;
   z-index: 1;
 }

 @media (max-width: 1600px) {
   .service-box-one {
     padding: 30px;
   }
 }

 .service-box-one .bg-image {
   position: absolute;
   top: 0;
   left: 0;
   transform: scale(0);
   width: 100%;
   height: 100%;
   transform-origin: left top;
   transition: all 0.5s 0s ease-out;
   bottom: 0;
   z-index: -1;
 }

 .service-box-one .bg-image img {
   width: 100%;
   height: 100%;
   border-radius: 20px;
 }

 .service-box-one .icon {
   width: 65px;
   height: 65px;
   line-height: 65px;
   border-radius: 50%;
   background-color: var(--theme);
   text-align: center;
   transition: all 0.4s ease-in-out;
 }

 .service-box-one .content {
   margin-top: 180px;
 }

 .service-box-one .content .title {
   font-weight: 700;
   font-size: 30px;
   margin-bottom: 20px;
 }

 @media (max-width: 1600px) {
   .service-box-one .content .title {
     font-size: 23px;
     margin-bottom: 15px;
   }
 }

 @media (max-width: 1199px) {
   .service-box-one .content .title {
     font-size: 22px;
     margin-bottom: 15px;
   }
 }

 .service-box-one .content .title a:hover {
   color: var(--theme);
 }

 @media (max-width: 1600px) {
   .service-box-one .content p {
     font-size: 14px;
   }
 }

 .service-box-one:hover .bg-image {
   transform: scale(1);
 }

 .service-box-one:hover .icon {
   background-color: var(--white);
 }

 .service-box-one:hover .icon img {
   animation: wobble 1.5s ease-in-out;
 }

 .service-box-one:hover .content .title a {
   color: var(--white);
 }

 .service-box-one:hover .content p {
   color: var(--white);
 }

 .service-section-2 {
   position: relative;
   z-index: 22;
 }

 @media (max-width: 1199px) {
   .service-section-2 {
     margin-bottom: 17px;
   }
 }

 .service-details-content .service-details-image {
   border-radius: 30px;
 }

 .service-details-content .service-details-image img {
   width: 100%;
   height: 100%;
   border-radius: 30px;
 }

 .service-details-content .content-title h2 {
   margin-top: 25px;
   font-size: 30px;
   line-height: 133%;
   color: #005a9c;
 }

 @media (max-width: 575px) {
   .service-details-content .content-title h2 {
     font-size: 24px;
   }
 }

 .service-details-content .overview-area {
   margin-top: 30px;
 }

 .service-details-content .overview-area .content {
   margin-top: 25px;
 }

 .service-details-content .benefits-area {
   margin-top: 30px;
 }

 .service-details-content .benefits-area .content {
   margin-top: 25px;
 }

 .service-details-content .benefits-area .content .benefits-list {
   display: flex;
   align-items: center;
   gap: 100px;
   margin-top: 20px;
   margin-bottom: 40px;
 }

 @media (max-width: 575px) {
   .service-details-content .benefits-area .content .benefits-list {
     gap: 50px;
   }
 }

 @media (max-width: 470px) {
   .service-details-content .benefits-area .content .benefits-list {
     flex-wrap: wrap;
     gap: 8px;
   }
 }

 .service-details-content .benefits-area .content .benefits-list ul li {
   font-weight: 400;
   color: #1F1F1F;
   display: flex;
   align-items: center;
   gap: 8px;
 }

 .service-details-content .benefits-area .content .benefits-list ul li:not(:last-child) {
   margin-bottom: 8px;
 }

 .service-details-content .benefits-area .content .benefits-list ul li .dot-line {
   width: 12px;
   height: 12px;
   background: #E3572B;
   border-radius: 50%;
 }

 .service-details-content .video-wrapper .video-btn {
   height: 60px;
   width: 60px;
   font-size: 20px;
 }

 .service-details-content .video-wrapper .video-btn i {
   top: 36%;
   position: absolute;
   left: 40%;
   color: var(--header);
 }

 .service-details-content .video-wrapper img {
   border-radius: 30px;
 }

 .service-details-content .planing-area {
   margin-top: 30px;
 }

 .service-details-content .planing-area p {
   margin-top: 25px;
 }

 .service-details-content .chart-area {
   margin-top: 30px;
 }

 .service-details-content .chart-area .content {
   display: flex;
   align-items: center;
   gap: 100px;
 }

 @media (max-width: 1199px) {
   .service-details-content .chart-area .content {
     flex-wrap: wrap;
     gap: 50px;
   }
 }

 .service-details-content .chart-area .content p {
   width: 560px;
 }

 .service-details-content .chart-area .content ul li {
   font-weight: 400;
   color: #1F1F1F;
   display: flex;
   align-items: center;
   gap: 8px;
 }

 .service-details-content .chart-area .content ul li:not(:last-child) {
   margin-bottom: 10px;
 }

 .service-details-content .chart-area .content ul li .dot-line {
   width: 12px;
   height: 12px;
   background: #B8967E;
   border-radius: 50%;
 }

 .service-details-content .chart-area .content ul li .dot-line.dot-2 {
   background: #5CC8BE;
 }

 .service-details-content .chart-area .content ul li .dot-line.dot-3 {
   background: #3B37FD;
 }

 .service-details-content .chart-area .content ul li .dot-line.dot-4 {
   background: #E3572B;
 }

 .service-details-content .chart-area .content ul li .dot-line.dot-5 {
   background: #FF9500;
 }

 .service-details-content .imgae-area {
   margin-top: 30px;
   border-radius: 30px;
 }

 .service-details-content .imgae-area img {
   width: 100%;
   height: 100%;
   border-radius: 30px;
 }

 .service-section-2 {
   /* background-color: #0B2B3F; */
   padding-top: 60px;
   padding-bottom: 60px;
   background-image: url(../images/aquaculture-forming.png);
   background-size: cover;


 }

 .service-section-2 .container {
   max-width: 1730px;
 }

 .service-section-2 .service-text {
   text-align: center;
   margin-top: 60px;
   color: var(--white);
   font-size: 14px;
   font-weight: 400;
   font-family: "Hanken Grotesk", sans-serif;
 }

 .service-section-2 .service-text span {
   background-color: var(--theme);
   border-radius: 20px;
   padding: 5px 10px;
   line-height: 1;
   color: #0B2239;
   margin-right: 8px;
   font-family: "Hanken Grotesk", sans-serif;
   font-size: 16px;
   font-weight: 500;
 }

 .service-section-2 .service-text a {
   font-size: 14px;
   font-weight: 500;
   text-transform: capitalize;
   color: var(--theme);
   text-decoration: underline;
   font-family: "Hanken Grotesk", sans-serif;
 }

 .service-box-items-2 {
   margin-top: 30px;
   background-color: var(--white);
   border-radius: 30px;
   padding: 26px;
   transition: all 0.4s ease-in-out;
 }

 @media (max-width: 1600px) {
   .service-box-items-2 {
     padding: 30px;
   }
 }

 .service-box-items-2 .title {
   font-size: 24px;
   font-weight: 600;
 }

 @media (max-width: 1600px) {
   .service-box-items-2 .title {
     font-size: 20px;
   }
 }

 .service-box-items-2 .title-2 {
   font-size: 24px;
   font-weight: 600;
   margin-top: 7px;
   color: #1f6b39;
 }

 @media (max-width: 1600px) {
   .service-box-items-2 .title-2 {
     font-size: 20px;
   }
 }

 .service-box-items-2 .icon {
   max-width: 60px;
   width: 100%;
   height: 60px;
   line-height: 60px;
   text-align: center;
   background-color: #40b0d0;
   border-radius: 10px;
   transition: all 0.4s ease-in-out;
   margin-top: 26px;
 }

 .service-box-items-2 .icon svg path {
   transition: all 0.4s ease-in-out;
 }

 .service-box-items-2 p {
   margin-top: 12px;

   padding-bottom: 20px;
   text-transform: capitalize;
   color: #111111;
 }

 .service-box-items-2 .link-btn {
   color: #40b0d0;
   margin-top: 30px;
   transition: all 0.4s ease-in-out;
 }

 .service-box-items-2 .link-btn i {
   background-color: #40b0d0;
   width: 40px;
   height: 40px;
   line-height: 40px;
   text-align: center;
   border-radius: 10px;
   transition: all 0.4s ease-in-out;
 }

 .service-box-items-2:hover {
   background-color: #7ed9f5;
 }

 .service-box-items-2:hover .icon {
   background-color: #005a9c;
 }

 .service-box-items-2:hover .icon svg {
   animation: wobble 1.5s ease-in-out;
 }

 .service-box-items-2:hover .icon svg path {
   fill: var(--white);
 }

 .service-box-items-2:hover .link-btn i {
   background-color: #005a9c;
   color: var(--white);
 }

 .team-card-item {
   position: relative;
   margin-top: 30px;
 }

 .team-card-item .team-image {
   position: relative;
   overflow: hidden;
   z-index: 9;
   border-radius: 20px;
   border: 1px solid var(--border);
 }

 .team-card-item .team-image img {
   width: 100%;
   height: 100%;
   position: relative;
   display: block;
   object-fit: cover;
   -webkit-transition: all 500ms ease;
   transition: all 500ms ease;
 }

 .team-card-item .team-image img:first-child {
   position: absolute;
   left: 0;
   top: 0;
   right: 0;
   bottom: 0;
   -index: 1;
   -webkit-transform: translateX(50%) scaleX(2);
   transform: translate(50%) scaleX(2);
   opacity: 0;
   -webkit-filter: blur(10px);
   filter: blur(10px);
 }

 .team-card-item .team-image .social-profile {
   position: absolute;
   right: 20px;
   top: 20px;
   content: "";
   transition: all 0.4s ease-in-out;
   display: inline-block;
   overflow: hidden;
   z-index: 99;
   opacity: 0;
   visibility: hidden;
   transform: translateY(-60px);
 }

 .team-card-item .team-image .social-profile ul {
   text-align: center;
 }

 .team-card-item .team-image .social-profile ul li:not(:last-child) {
   margin-bottom: 8px;
 }

 .team-card-item .team-image .social-profile ul li a {
   font-size: 16px;
   font-weight: 500;
   color: var(--header);
   transition: all 0.4s ease-in-out;
   display: inline-block;
   width: 36px;
   height: 36px;
   line-height: 36px;
   text-align: center;
   border-radius: 50%;
   border: 1px solid var(--border);
 }

 .team-card-item .team-image .social-profile ul li a:hover {
   background-color: var(--theme);
   color: var(--header);
   border-color: var(--theme);
 }

 .team-card-item .team-content {
   text-align: center;
   margin-top: 15px;
 }

 .team-card-item .team-content h3 {
   font-size: 24px;
   font-weight: 600;
 }

 .team-card-item:hover .team-image img:first-child {
   -webkit-transform: translateX(0) scaleX(1);
   transform: translate(0) scaleX(1);
   opacity: 1;
   -webkit-filter: blur(0);
   filter: blur(0);
 }

 .team-card-item:hover .team-image img:nth-child(2) {
   -webkit-transform: translateX(-50%) scaleX(2);
   transform: translateX(-50%) scaleX(2);
   opacity: 0;
   -webkit-filter: blur(10px);
   filter: blur(10px);
 }

 .team-card-item:hover .social-profile {
   transform: translateY(0);
   opacity: 1;
   visibility: visible;
 }

 .team-details-wrapper .team-details-left {
   border: 1px solid var(--theme);
   background-color: #F8F8F8;
   border-radius: 30px;
 }

 .team-details-wrapper .team-details-left .team-details-image {
   padding: 20px 20px 0;
   border-radius: 20px;
 }

 .team-details-wrapper .team-details-left .team-details-image img {
   width: 100%;
   height: 100%;
   border-radius: 20px;
 }

 .team-details-wrapper .team-details-left .team-info-content {
   padding: 30px 40px 40px;
 }

 .team-details-wrapper .team-details-left .team-info-content .client-name {
   border-bottom: 1px solid var(--border);
   padding-bottom: 25px;
 }

 .team-details-wrapper .team-details-left .team-info-content .client-name h2 {
   font-size: 30px;
   font-weight: 700;
   line-height: 133%;
 }

 .team-details-wrapper .team-details-left .team-info-content .info-item:not(:last-child) {
   border-bottom: 1px solid var(--border);
   padding: 15px 0;
 }

 .team-details-wrapper .team-details-left .team-info-content .info-item h3 {
   font-size: 16px;
   font-weight: 500;
   line-height: 142%;
 }

 .team-details-wrapper .team-details-left .team-info-content .info-item p a {
   color: var(--text);
 }

 .team-details-wrapper .team-details-left .team-info-content .info-item .social-icon {
   gap: 10px;
   display: flex;
   align-items: center;
   margin-top: 12px;
 }

 .team-details-wrapper .team-details-left .team-info-content .info-item .social-icon li a {
   width: 36px;
   height: 36px;
   line-height: 36px;
   text-align: center;
   font-size: 14px;
   display: block;
   color: var(--header);
   border: 1px solid var(--border);
   border-radius: 50%;
   transition: all 0.4s ease-in-out;
 }

 .team-details-wrapper .team-details-left .team-info-content .info-item .social-icon li a:hover {
   background-color: var(--theme);
   color: var(--white);
 }

 .team-details-wrapper .team-details-content .issue-list-item {
   margin-top: 30px;
 }

 .team-details-wrapper .team-details-content .issue-list-item li {
   position: relative;
   display: flex;
   align-items: center;
   color: var(--header);
   z-index: 22;
   font-weight: 500;
 }

 @media (max-width: 1199px) {
   .team-details-wrapper .team-details-content .issue-list-item li {
     flex-wrap: wrap;
     gap: 20px;
   }
 }

 .team-details-wrapper .team-details-content .issue-list-item li:not(:last-child) {
   margin-bottom: 12px;
 }

 .team-details-wrapper .team-details-content .issue-list-item li i {
   margin-right: 10px;
   color: var(--white);
   height: 15px;
   width: 15px;
   font-size: 9px;
   line-height: 15px;
   text-align: center;
   background-color: var(--theme);
   border-radius: 50%;
 }

 .team-details-wrapper .team-details-content .progress-wrap {
   margin-top: 20px;
 }

 .team-details-wrapper .team-details-content .progress-wrap .pro-items:not(:last-child) {
   margin-bottom: 30px;
 }

 .team-details-wrapper .team-details-content .progress-wrap .pro-items .pro-head {
   display: flex;
   align-items: center;
   justify-content: space-between;
   margin-bottom: 5px;
 }

 .team-details-wrapper .team-details-content .progress-wrap .pro-items .pro-head .title {
   font-weight: 500;
   font-size: 18px;
   color: var(--header);
 }

 .team-details-wrapper .team-details-content .progress-wrap .pro-items .pro-head .point {
   font-weight: 500;
   font-size: 18px;
   color: var(--header);
 }

 .team-details-wrapper .team-details-content .progress-wrap .pro-items .ber-box .progress {
   border: 1px solid var(--theme);
   background-color: var(--white);
   justify-content: flex-start;
   align-items: center;
   position: relative;
   display: flex;
   height: 10px;
   width: 100%;
   border-radius: initial;
 }

 .team-details-wrapper .team-details-content .progress-wrap .pro-items .ber-box .progress .progress-value {
   animation: load 4s normal forwards;
   background: var(--theme);
   height: 4px;
   width: 0;
   margin-left: 3px;
   position: relative;
 }

 .team-details-wrapper .team-details-content .progress-wrap .pro-items .ber-box .progress .progress-value.value-2 {
   animation: load2 4s normal forwards;
 }

 .team-details-wrapper .team-details-content .progress-wrap .pro-items .ber-box .progress .progress-value.value-3 {
   animation: load3 4s normal forwards;
 }

 .team-details-wrapper .team-details-content .contact-from {
   margin-top: 30px;
 }

 .team-details-wrapper .team-details-content .contact-from h5 {
   font-size: 30px;
   font-weight: 700;
 }

 .team-details-wrapper .team-details-content .contact-from .inptFld {
   width: 100%;
   height: 56px;
   border: 0;
   color: var(--text);
   font-size: 16px;
   margin-bottom: 30px;
   background-color: var(--white);
   border: 1px solid var(--border);
   padding-left: 30px;
   border-radius: 30px;
 }

 .team-details-wrapper .team-details-content .contact-from .inptFld::placeholder {
   color: var(--text);
   opacity: 0.7;
 }

 .team-details-wrapper .team-details-content .contact-from .contFrm textarea {
   height: 150px;
   padding-top: 20px;
 }

 .team-details-wrapper .team-details-content .contact-from textarea:focus {
   outline: none;
 }

 .team-details-wrapper .team-details-content .contact-from .contact-text {
   color: var(--white);
   margin-top: 20px;
   opacity: 0.7;
   font-weight: 500;
   font-family: "Hanken Grotesk", sans-serif;
 }

 .team-details-wrapper .team-details-content .contact-from .contact-button {
   margin-top: 30px;
 }

 .team-details-wrapper .team-details-content .contact-from .contact-button .theme-btn {
   width: 100%;
 }

 .project-area-three {
   margin: 0 40px;
 }

 @media (max-width: 1600px) {
   .project-area-three {
     margin: 0 32px;
   }
 }

 @media (max-width: 1399px) {
   .project-area-three {
     margin: 0 28px;
   }
 }

 @media (max-width: 1199px) {
   .project-area-three {
     margin: 0 22px;
   }
 }

 @media (max-width: 575px) {
   .project-area-three {
     margin: 0 18px;
   }
 }

 .project-area-three .project-wrapper {
   margin-top: 48px;
 }

 .project-area-three .project-wrapper .thumb-wrap {
   display: flex !important;
   align-items: center;
   gap: 30px;
   position: relative;
 }

 @media screen and (max-width: 768px) {
   .project-area-three .project-wrapper .thumb-wrap {
     display: grid !important;
   }
 }

 .project-area-three .project-wrapper .thumb-wrap .thumb {
   position: relative;
   margin-right: 30px;
   height: 520px;
   min-height: 520px;
   width: 350px;
   display: flex;
   align-items: flex-end;
   overflow: hidden;
   transition: all 0.4s ease;
 }

 @media (max-width: 1600px) {
   .project-area-three .project-wrapper .thumb-wrap .thumb {
     width: 250px;
   }
 }

 @media (max-width: 1199px) {
   .project-area-three .project-wrapper .thumb-wrap .thumb {
     width: 550px;
   }
 }

 @media screen and (max-width: 768px) {
   .project-area-three .project-wrapper .thumb-wrap .thumb {
     width: 100% !important;
     margin-right: 0;
     height: 480px;
     min-height: 480px;
   }
 }

 .project-area-three .project-wrapper .thumb-wrap .thumb .projects-item {
   position: absolute;
   height: 100%;
   width: 100%;
   left: 0;
   top: 0;
   background-size: cover;
   background-repeat: no-repeat;
   background-position: center center;
   border-radius: 30px;
 }

 .project-area-three .project-wrapper .thumb-wrap .thumb .projects-item::before {
   position: absolute;
   top: 0;
   left: 0;
   right: 0;
   bottom: 0;
   width: 100%;
   height: 100%;
   content: "";
   background: linear-gradient(180deg, rgba(11, 34, 57, 0) 0%, #0B2239 100%);
   border-radius: 30px;
   opacity: 0;
   visibility: hidden;
   transition: all 0.4s ease-in-out;
 }

 .project-area-three .project-wrapper .thumb-wrap .thumb .projects-item .card-text-content {
   position: absolute;
   left: -100%;
   bottom: 30px;
   z-index: 1;
   visibility: hidden;
   opacity: 0;
   transition: all 250ms ease-in-out;
   right: 40px;
 }

 .project-area-three .project-wrapper .thumb-wrap .thumb .projects-item .card-text-content .title {
   color: var(--header);
   font-size: 24px;
   font-weight: 600;
   line-height: normal;
   text-transform: capitalize;
 }

 .project-area-three .project-wrapper .thumb-wrap .thumb .projects-item .card-text-content p {
   color: var(--white);
   text-transform: capitalize;
   font-size: 16px;
   font-weight: 400;
   max-width: 400px;
   margin-top: 10px;
   margin-bottom: 15px;
 }

 .project-area-three .project-wrapper .thumb-wrap .thumb .projects-item .card-text-content .project-btn {
   display: block;
   color: var(--theme);
   text-decoration: underline;
   font-size: 14px;
   font-weight: 700;
   font-family: "Hanken Grotesk", sans-serif;
   border-top: 1px solid rgba(255, 255, 255, 0.5019607843);
   padding-top: 12px;
   text-transform: uppercase;
 }

 .project-area-three .project-wrapper .thumb-wrap .thumb .projects-item .card-text-content .project-btn i {
   margin-left: 7px;
 }

 .project-area-three .project-wrapper .thumb-wrap .thumb.active {
   width: 700px;
 }

 @media (max-width: 1600px) {
   .project-area-three .project-wrapper .thumb-wrap .thumb.active {
     width: 560px;
   }
 }

 @media (max-width: 1199px) {
   .project-area-three .project-wrapper .thumb-wrap .thumb.active {
     width: 550px;
   }
 }

 @media screen and (max-width: 768px) {
   .project-area-three .project-wrapper .thumb-wrap .thumb.active {
     width: 100% !important;
   }
 }

 @media (max-width: 767px) {
   .project-area-three .project-wrapper .thumb-wrap .thumb.active {
     width: 100% !important;
   }
 }

 .project-area-three .project-wrapper .thumb-wrap .thumb.active .projects-item::before {
   opacity: 1;
   visibility: visible;
 }

 .project-area-three .project-wrapper .thumb-wrap .thumb.active .projects-item .card-text-content {
   visibility: visible;
   opacity: 1;
   left: 40px;
 }

 .project-area-three .project-wrapper .thumb-wrap .thumb.active .projects-item .card-text-content .title a {
   color: var(--white);
 }

 .project-area-three .project-wrapper .thumb-wrap .thumb.active .project-btn {
   right: 30px;
   opacity: 1;
   visibility: visible;
 }

 .custom-pagination-wrap {
   margin-top: 60px;
 }

 .custom-pagination-wrap .custom-pagination {
   width: 100%;
   margin: 0 auto;
   height: 1px;
   overflow: hidden;
   position: relative;
   background: var(--border);
 }

 .custom-pagination-wrap .custom-pagination .swiper-pagination-progressbar-fill {
   background: var(--theme2);
 }

 .project-button {
   display: flex;
   align-items: center;
   justify-content: space-between;
   margin-top: 40px;
 }

 .project-button .theme-two {
   background-color: transparent;
   border: 1px solid var(--border);
   color: var(--header);
 }

 .project-button .theme-two:hover {
   color: var(--white);
 }

 .project-button .array-button .array-prev {
   background-color: transparent;
   border: 1px solid var(--border);
   color: var(--header);
 }

 .project-button .array-button .array-prev:hover {
   background-color: var(--theme2);
   color: var(--white);
 }

 .project-button .array-button .array-next {
   background-color: transparent;
   border: 1px solid var(--border);
   color: var(--header);
 }

 .project-button .array-button .array-next:hover {
   background-color: var(--theme2);
   color: var(--white);
 }

 .project-wrapper-3 .project-items {
   transition: all 0.4s ease-in-out;
 }

 .project-wrapper-3 .project-items .project-image {
   position: relative;
   z-index: 9;
   overflow: hidden;
 }

 .project-wrapper-3 .project-items .project-image .project-thumb {
   border-radius: 30px;
 }

 @media (max-width: 991px) {
   .project-wrapper-3 .project-items .project-image .project-thumb {
     height: 480px;
   }
 }

 .project-wrapper-3 .project-items .project-image .project-thumb img {
   width: 100%;
   height: 100%;
   position: relative;
   display: block;
   object-fit: cover;
   -webkit-transition: all 500ms ease;
   transition: all 500ms ease;
   border-radius: 30px;
 }

 .project-wrapper-3 .project-items .project-image .project-thumb img:first-child {
   position: absolute;
   left: 0;
   top: 0;
   right: 0;
   bottom: 0;
   -index: 1;
   -webkit-transform: translateX(50%) scaleX(2);
   transform: translate(50%) scaleX(2);
   opacity: 0;
   -webkit-filter: blur(10px);
   filter: blur(10px);
 }

 .project-wrapper-3 .project-items .project-image .project-content {
   transition: all 0.4s ease-in-out;
   position: absolute;
   bottom: 30px;
   left: 30px;
   background-color: var(--header);
   padding: 25px 30px;
   width: 242px;
   z-index: 0;
   border-radius: 20px;
 }

 .project-wrapper-3 .project-items .project-image .project-content .content {
   border-bottom: 1px solid rgba(255, 255, 255, 0.2);
   padding-bottom: 15px;
 }

 .project-wrapper-3 .project-items .project-image .project-content .content span {
   font-size: 24px;
   font-weight: 600;
   line-height: 142%;
   color: transparent;
   -webkit-text-stroke: 1px rgba(255, 255, 255, 0.5);
   display: inline-block;
   font-family: "Hanken Grotesk", sans-serif;
 }

 .project-wrapper-3 .project-items .project-image .project-content .content h2 {
   font-weight: 600;
   font-size: 20px;
   line-height: 167%;
 }

 .project-wrapper-3 .project-items .project-image .project-content .content h2 a {
   color: var(--white);
 }

 .project-wrapper-3 .project-items .project-image .project-content .content h2 a:hover {
   color: var(--theme);
 }

 .project-wrapper-3 .project-items .project-image .project-content .content p {
   color: #FFFFFF;
   opacity: 0.7;
 }

 .project-wrapper-3 .project-items .project-image .project-content .link-btn {
   margin-top: 20px;
 }

 .project-wrapper-3 .project-items:hover .project-thumb img:first-child {
   -webkit-transform: translateX(0) scaleX(1);
   transform: translate(0) scaleX(1);
   opacity: 1;
   -webkit-filter: blur(0);
   filter: blur(0);
 }

 .project-wrapper-3 .project-items:hover .project-thumb img:nth-child(2) {
   -webkit-transform: translateX(-50%) scaleX(2);
   transform: translateX(-50%) scaleX(2);
   opacity: 0;
   -webkit-filter: blur(10px);
   filter: blur(10px);
 }

 .project-wrapper-3 .project-items:hover .link-btn {
   color: var(--theme);
 }

 .project-details-content .project-details-image {
   border-radius: 30px;
 }

 .project-details-content .project-details-image img {
   width: 100%;
   height: 100%;
   border-radius: 30px;
 }

 .project-details-content .details-text {
   font-weight: 400;
   color: var(--header);
   margin-top: 30px;
   border-bottom: 1px solid var(--border);
   padding-bottom: 25px;
 }

 .project-details-content .content-area {
   margin-top: 35px;
 }

 .project-details-content .content-area h2 {
   margin-bottom: 15px;
   font-size: 30px;
   font-weight: 700;
   line-height: 130%;
 }

 @media (max-width: 575px) {
   .project-details-content .content-area h2 {
     font-size: 24px;
   }
 }

 .project-details-content .info-box-items {
   margin-top: 35px;
 }

 .project-details-content .info-box-items .info-area {
   margin-top: 30px;
   border-bottom: 1px solid var(--border);
 }

 .project-details-content .info-box-items .info-area .info-box {
   display: flex;
   align-items: center;
   gap: 15px;
   padding-bottom: 30px;
   border-right: 1px solid var(--border);
   padding-left: 15px;
 }

 @media (max-width: 1399px) {
   .project-details-content .info-box-items .info-area .info-box {
     padding-left: 0;
   }
 }

 @media (max-width: 1199px) {
   .project-details-content .info-box-items .info-area .info-box {
     border-right: none;
   }
 }

 .project-details-content .info-box-items .info-area .info-box .icon {
   max-width: 60px;
   height: 60px;
   width: 100%;
   line-height: 52px;
   text-align: center;
   border-radius: 50%;
   border: 1px solid var(--border);
 }

 .project-details-content .info-box-items .info-area .info-box .icon img {
   transition: all 0.4s ease-in-out;
 }

 .project-details-content .info-box-items .info-area .info-box .content span {
   font-size: 18px;
   font-weight: 500;
   line-height: 167%;
   display: inline-block;
   color: var(--header);
   font-family: "Hanken Grotesk", sans-serif;
 }

 .project-details-content .info-box-items .info-area .info-box:hover .icon img {
   transform: scaleX(-1);
 }

 .project-details-content .feature-list {
   display: flex;
   align-items: center;
   gap: 100px;
   margin-top: 35px;
   margin-bottom: 35px;
 }

 @media (max-width: 575px) {
   .project-details-content .feature-list {
     gap: 50px;
   }
 }

 @media (max-width: 470px) {
   .project-details-content .feature-list {
     flex-wrap: wrap;
     gap: 8px;
   }
 }

 .project-details-content .feature-list ul li {
   font-weight: 400;
   color: #1F1F1F;
   display: flex;
   align-items: center;
   gap: 8px;
 }

 .project-details-content .feature-list ul li:not(:last-child) {
   margin-bottom: 8px;
 }

 .project-details-content .feature-list ul li .dot-line {
   width: 12px;
   height: 12px;
   background: #E3572B;
   border-radius: 50%;
 }

 .project-details-content .imgae-area {
   border-radius: 30px;
 }

 .project-details-content .imgae-area img {
   width: 100%;
   height: 100%;
   border-radius: 30px;
 }

 .project-section-2 .container-fluid {
   padding: 0 95px;
 }

 @media (max-width: 1899px) {
   .project-section-2 .container-fluid {
     padding: 0 65px;
   }
 }

 @media (max-width: 1399px) {
   .project-section-2 .container-fluid {
     padding: 0 50px;
   }
 }

 @media (max-width: 1399px) {
   .project-section-2 .container-fluid {
     padding: 0 35px;
   }
 }

 @media (max-width: 1199px) {
   .project-section-2 .container-fluid {
     padding: 0 25px;
   }
 }

 @media (max-width: 470px) {
   .project-section-2 .container-fluid {
     padding: 0 15px;
   }
 }

 .project-section-2 .section-title-area .section-title h2 {
   max-width: 720px;
 }

 .project-section-2 .section-title-area .project-button-area {
   text-align: end;
 }

 @media (max-width: 1199px) {
   .project-section-2 .section-title-area .project-button-area {
     text-align: initial;
   }
 }

 .project-section-2 .section-title-area .project-button-area p {
   max-width: 520px;
   margin-top: 0;
   margin-bottom: 30px;
 }

 .project-wrapper-2 .project-thumb {
   margin-top: 30px;
   position: relative;
   overflow: hidden;
   transition: all 0.4s ease-in-out;
 }

 .project-wrapper-2 .project-thumb .arrow-icon {
   display: inline-block;
   background-color: var(--theme);
   color: var(--header);
   text-align: center;
   width: 50px;
   height: 50px;
   line-height: 50px;
   border-radius: 10px;
   position: absolute;
   top: -90px;
   right: 40px;
   transition: all 0.4s ease-in-out;
   opacity: 1;
   visibility: hidden;
 }

 .project-wrapper-2 .project-thumb .arrow-icon:hover {
   background-color: var(--header);
   color: var(--white);
 }

 .project-wrapper-2 .project-thumb img {
   width: 100%;
   height: 100%;
   border-radius: 30px;
 }

 .project-wrapper-2 .project-thumb::before {
   position: absolute;
   top: 0;
   left: 0;
   right: 0;
   bottom: 0;
   width: 100%;
   height: 100%;
   content: "";
   background: linear-gradient(180deg, rgba(11, 34, 57, 0.2) 30%, rgb(11, 34, 57) 100%);
   border-radius: 30px;
 }

 .project-wrapper-2 .project-thumb .project-content {
   position: absolute;
   left: 40px;
   bottom: -60px;
   z-index: 99;
   right: 40px;
   opacity: 1;
   visibility: visible;
   transition: all 0.4s ease-in-out;
 }

 @media (max-width: 1600px) {
   .project-wrapper-2 .project-thumb .project-content {
     left: 25px;
     right: 25px;
   }
 }

 @media (max-width: 1199px) {
   .project-wrapper-2 .project-thumb .project-content {
     left: 20px;
     right: 20px;
     bottom: 20px;
     opacity: 1;
     visibility: visible;
   }
 }

 .project-wrapper-2 .project-thumb .project-content h3 {
   margin-bottom: 10px;
   font-size: 30px;
 }

 @media (max-width: 1600px) {
   .project-wrapper-2 .project-thumb .project-content h3 {
     font-size: 24px;
   }
 }

 .project-wrapper-2 .project-thumb .project-content h3 a {
   color: var(--white);
 }

 .project-wrapper-2 .project-thumb .project-content h3 a:hover {
   color: var(--theme);
 }

 @media (max-width: 991px) {
   .project-wrapper-2 .project-thumb .project-content h3 br {
     display: block;
   }
 }

 .project-wrapper-2 .project-thumb .project-content p {
   color: var(--white);
   opacity: 0;
   visibility: hidden;
 }

 @media (max-width: 1199px) {
   .project-wrapper-2 .project-thumb .project-content p {
     font-size: 14px;
     opacity: 1;
     visibility: visible;
   }
 }

 .project-wrapper-2 .project-thumb:hover .project-content {
   opacity: 1;
   visibility: visible;
   bottom: 30px;
 }

 .project-wrapper-2 .project-thumb:hover .project-content p {
   text-transform: capitalize;
   opacity: 1;
   visibility: visible;
 }

 .project-wrapper-2 .project-thumb:hover .arrow-icon {
   opacity: 1;
   top: 40px;
   visibility: visible;
 }

 .project-wrapper-2 .project-button {
   display: flex;
   align-items: center;
   gap: 15px;
   justify-content: center;
   margin-top: 60px;
 }

 @media (max-width: 575px) {
   .project-wrapper-2 .project-button {
     flex-wrap: wrap;
   }
 }

 .project-wrapper-2 .project-button p {
   font-size: 14px;
 }

 .project-wrapper-2 .project-button p a {
   font-weight: 500;
   color: var(--header);
   border-bottom: 1px solid var(--header);
 }

 .project-wrapper-2 .project-button p a:hover {
   color: var(--theme);
   border-bottom: 1px solid var(--theme);
 }

 .project-area-three .array-nav {
   display: flex;
   align-items: center;
   gap: 15px;
   border: 1px solid #D8DDE1;
   height: 80px;
   line-height: 80px;
   border-radius: 100px;
   width: 160px;
   justify-content: center;
 }

 @media (max-width: 767px) {
   .project-area-three .array-nav {
     display: none;
   }
 }

 .project-area-three .array-nav .slick-arrow.slick-hidden {
   display: block;
 }

 .project-area-three .array-nav .array-prev,
 .project-area-three .array-nav .array-next {
   width: 48px;
   height: 48px;
   line-height: 48px;
   text-align: center;
   border-radius: 50%;
   border: 1px solid #D8DDE1;
   text-align: center;
   transition: all 0.4s ease-in-out;
 }

 .project-area-three .array-nav .array-prev:hover,
 .project-area-three .array-nav .array-next:hover {
   background-color: var(--theme);
   color: var(--header);
   border-color: var(--theme);
 }

 .testi-client-info {
   margin-top: 30px;
 }

 .testi-client-info .title {
   font-size: 18px;
   font-weight: 500;
   color: var(--white);
   margin-top: 10px;
 }

 .testi-client-info .title-2 {
   font-size: 13px;
   font-weight: 400;
   color: var(--white);
   margin-top: 120px;
   max-width: 315px;
   line-height: 171%;
 }

 @media (max-width: 991px) {
   .testi-client-info .title-2 {
     margin-top: 40px;
     font-size: 14px;
   }
 }

 .testi-image {
   margin-top: 30px;
   max-width: 251px;
 }

 .testi-image img {
   width: 100%;
   height: 100%;
   border-radius: 30px;
 }

 .testi-content {
   margin-top: 30px;
   position: relative;
 }

 .testi-content .testi-content-items .title-3 {
   font-size: 24px;
   font-weight: 600;
   line-height: 142%;
   color: var(--white);
   border-bottom: 1px solid rgba(255, 255, 255, 0.25);
   line-height: 171%;
   padding-bottom: 34px;
   text-transform: capitalize;
 }

 @media (max-width: 991px) {
   .testi-content .testi-content-items .title-3 {
     font-size: 21px;
   }
 }

 @media (max-width: 767px) {
   .testi-content .testi-content-items .title-3 {
     font-size: 20px;
   }
 }

 @media (max-width: 575px) {
   .testi-content .testi-content-items .title-3 {
     font-size: 19px;
   }
 }

 @media (max-width: 470px) {
   .testi-content .testi-content-items .title-3 {
     font-size: 17px;
   }
 }

 .testi-content .testi-content-items .client-info {
   display: flex;
   align-items: center;
   gap: 15px;
   margin-top: 34px;
 }

 @media (min-width: 768px) {
   .testi-content .testi-content-items .client-info {
     margin-top: 25px;
   }
 }

 .testi-content .testi-content-items .client-info .content .title-4 {
   font-size: 20px;
   font-weight: 500;
   color: var(--white);
 }

 @media (max-width: 575px) {
   .testi-content .testi-content-items .client-info .content .title-4 {
     font-size: 18px;
   }
 }

 .testi-content .testi-content-items .client-info .content p {
   font-size: 14px;
   color: var(--white);
 }

 .testi-content .array-button {
   display: flex;
   align-items: center;
   gap: 15px;
   position: absolute;
   bottom: 0;
   right: 0;
   z-index: 99;
 }

 @media (max-width: 470px) {
   .testi-content .array-button {
     position: static;
     margin-top: 30px;
   }
 }

 .testi-content .array-button .array-prev,
 .testi-content .array-button .array-next {
   width: 48px;
   height: 48px;
   line-height: 48px;
   text-align: center;
   border-radius: 50%;
   border: 1px solid #D8DDE1;
   text-align: center;
   transition: all 0.4s ease-in-out;
   background-color: transparent;
   color: var(--white);
 }

 .testi-content .array-button .array-prev:hover,
 .testi-content .array-button .array-next:hover {
   background-color: var(--theme);
   color: var(--header);
   border-color: var(--theme);
 }

 .testimonial-section-2 .container-fluid {
   padding: 0 95px;
 }

 @media (max-width: 1899px) {
   .testimonial-section-2 .container-fluid {
     padding: 0 65px;
   }
 }

 @media (max-width: 1399px) {
   .testimonial-section-2 .container-fluid {
     padding: 0 50px;
   }
 }

 @media (max-width: 1399px) {
   .testimonial-section-2 .container-fluid {
     padding: 0 35px;
   }
 }

 @media (max-width: 1199px) {
   .testimonial-section-2 .container-fluid {
     padding: 0 25px;
   }
 }

 @media (max-width: 470px) {
   .testimonial-section-2 .container-fluid {
     padding: 0 15px;
   }
 }

 .testimonial-wrapper-2 .testimonial-card-items {
   margin-top: 30px;
   position: relative;
 }

 .testimonial-wrapper-2 .testimonial-card-items .testimonial-items-top {
   background-color: var(--white);
   border-radius: 30px;
   padding: 60px 40px;
   position: relative;
   margin-bottom: 30px;
 }

 @media (max-width: 575px) {
   .testimonial-wrapper-2 .testimonial-card-items .testimonial-items-top {
     padding: 30px 40px;
   }
 }

 .testimonial-wrapper-2 .testimonial-card-items .testimonial-items-top .icom-items {
   display: flex;
   justify-content: space-between;
   border-bottom: 1px solid var(--border);
   padding-bottom: 25px;
   margin-bottom: 25px;
 }

 .testimonial-wrapper-2 .testimonial-card-items .testimonial-items-top .icom-items .rating-box .star {
   color: #E75415;
   margin-bottom: 7px;
   position: relative;
   z-index: 9;
 }

 .testimonial-wrapper-2 .testimonial-card-items .testimonial-items-top .icom-items .rating-box h3 {
   font-size: 20px;
 }

 .testimonial-wrapper-2 .testimonial-card-items .testimonial-items-top p {
   font-size: 16px;
   font-weight: 500;
   line-height: 163%;
   text-transform: capitalize;
   position: relative;
   z-index: 9;
 }

 @media (max-width: 575px) {
   .testimonial-wrapper-2 .testimonial-card-items .testimonial-items-top p {
     font-size: 16px;
   }
 }

 .testimonial-wrapper-2 .testimonial-card-items .testimonial-items-top::before {
   position: absolute;
   content: "";
   left: 34px;
   bottom: -24px;
   width: 30px;
   height: 25px;
   background-color: inherit;
   -webkit-clip-path: polygon(100% 0, 0 0, 100% 100%);
   clip-path: polygon(100% 0, 0 0, 53% 100%);
 }

 .testimonial-wrapper-2 .testimonial-card-items .info-item {
   display: flex;
   align-items: center;
   gap: 15px;
   margin-top: 40px;
   margin-left: 25px;
 }

 @media (max-width: 1399px) {
   .testimonial-wrapper-2 .testimonial-card-items .info-item {
     margin-top: 30px;
   }
 }

 .testimonial-wrapper-2 .testimonial-card-items .info-item img {
   border-radius: 100px;
 }

 .testimonial-wrapper-2 .testimonial-card-items .info-item .content h4 {
   font-size: 20px;
 }

 .testimonial-wrapper-2 .testimonial-card-items .info-item .content span {
   color: var(--header);
   font-weight: 400;
   font-size: 14px;
 }

 .testimonial-wrapper-2 .content-bottom {
   text-align: center;
   margin-top: 50px;
 }

 .testimonial-wrapper-2 .content-bottom p {
   font-size: 14px;
 }

 .testimonial-wrapper-2 .content-bottom p a {
   font-weight: 500;
   border-bottom: 1px solid var(--header);
 }

 .testimonial-wrapper-2 .content-bottom p a:hover {
   color: var(--theme);
   border-bottom: 1px solid var(--theme);
 }

 .testimonial-wrapper-2 .content-bottom .ratting-area {
   display: flex;
   align-items: center;
   gap: 8px;
   justify-content: center;
   margin-top: 15px;
 }

 .testimonial-wrapper-2 .content-bottom .ratting-area span {
   font-weight: 500;
   color: var(--header);
 }

 .testimonial-wrapper-2 .content-bottom .ratting-area .star {
   color: #E75415;
   position: relative;
   z-index: 9;
 }


 .social-icon li a {
   width: 36px;
   height: 36px;
   line-height: 36px;
   text-align: center;
   font-size: 16px;
   display: block;
   color: var(--white);
   background-color: #23384D;
   border-radius: 50%;
   transition: all 0.4s ease-in-out;
 }

 .social-icon li a:hover {
   background-color: var(--theme);
   color: var(--header);
 }

 .content span {
   color: var(--theme2);
 }

 .social-icon li a:hover {
   background-color: var(--theme2);
 }


 .footer-section .social-icon {
   gap: 10px;
   display: flex;
   align-items: center;
   margin-right: 10px;
   margin-top: 8px;
 }

 .service-area-section {
   padding: 80px 0;
   background: #c7f1fc;
 }



 .service-area-grid {
   display: grid;
   grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
   gap: 25px;
 }

 .area-card {
   background: #fff;
   padding: 30px 20px;
   border-radius: 15px;
   text-align: center;
   transition: 0.4s ease;
   box-shadow: 0 5px 20px rgba(0, 0, 0, 0.08);
 }

 .area-card:hover {
   transform: translateY(-8px);
   background: #40b0d0;
 }

 .area-card i {
   font-size: 40px;
   color: #40b0d0;
   margin-bottom: 15px;
   transition: 0.4s;
 }

 .area-card h4 {
   font-size: 22px;
   color: #0a2540;
   margin: 0;
   transition: 0.4s;
 }

 .area-card:hover i,
 .area-card:hover h4 {
   color: #fff;
 }

 .about-section {

   padding-top: 60px;
   padding-bottom: 60px;

 }

 .advantage-section {

   padding-top: 60px;
   padding-bottom: 60px;
   background-color: #edfbff;

 }

 .work-process-section-2 {

   padding-top: 60px;
   padding-bottom: 60px;


 }

 .counter-section1 {

   padding-top: 60px;
   padding-bottom: 60px;


 }

 .cta-section {
   padding: 120px 0;
   background-image: url(../images/women-empowerment-skills-1.png);
   text-align: center;
   background-size: cover;
   background-position: center;

 }

 .cta-box {
   max-width: 800px;
   margin: auto;
   color: #fff;
 }

 .cta-title {
   font-size: 42px;
   font-weight: 700;
   margin-bottom: 15px;
 }

 .cta-text {
   font-size: 20px;
   opacity: 0.9;
   margin-bottom: 30px;
   line-height: 28px;
   color: #000
 }

 .cta-buttons {
   display: flex;
   justify-content: center;
   gap: 15px;
   flex-wrap: wrap;
 }

 .btn-primary,
 .btn-secondary {
   padding: 14px 28px;
   border-radius: 50px;
   font-weight: 600;
   text-decoration: none;
   transition: 0.3s ease;
 }

 .btn-primary {
   background: #fff;
   color: #00a8e8;
 }

 .btn-primary:hover {
   background: #111111;
 }

 .btn-secondary {
   background: #ffffff;
   border: 2px solid #fff;
   color: #fff;
 }

 .btn-secondary:hover {
   background: #fff;
   color: #00a8e8;
 }

 .servce-section p {

   color: #111111;

 }

 @media (max-width:768px) {



   .hero-1 .theme-btn {
     font-size: 12px;
     padding: 0 25px;
     height: 37px;
     line-height: 37px;
   }

   .hero-1 .hero-bg {

     background-position: right;

   }

   .section-title .sub-title {
     font-size: 8px;
     font-weight: 600;
     color: var(--header);
     margin-bottom: 16px;
     text-transform: uppercase;
     position: relative;
     font-family: "Hanken Grotesk", sans-serif;
     display: inline-block;
     padding-left: 20px;
     padding-right: 16px;
     border: 1px solid #D8DDE1;
     border-radius: 100px;
     height: 36px;
     line-height: 36px;
   }

   .footer-bottom {

     position: relative;
     bottom: 40px;
   }

   .back-to-top {


     bottom: 75px;

   }

   .header-main {

     padding: 0;

   }

   .header-1.header-one .mega-menu-wrapper {

     padding: 5px 0px;
     background: linear-gradient(to bottom right, #f6fbff, #effaff, #f8fcff, #32C5E6);
   }

   .header-1.header-one {

     background: linear-gradient(to bottom right, #f6fbff, #effaff, #f8fcff, #32C5E6);


   }

   .footer-widgets-wrapper .footer-widget-items .widget-content .contact-list p {

     font-size: 15px;

   }

   .offcanvas__wrapper .offcanvas__content .offcanvas__contact ul li {
     font-size: 11px;
     font-weight: 400;
   }

 }

 .safety-section {
   padding: 60px 0;
   /* background: #f5fbff; */
 }

 .safety-wrapper {
   display: flex;
   align-items: center;
   gap: 50px;
   flex-wrap: wrap;
 }

 .safety-content {
   flex: 1;
 }

 .safety-content h2 {
   font-size: 42px;
   color: #0a2540;
   margin-bottom: 15px;
 }

 .safety-content p {
   color: #111111;
   font-size: 16px;
   line-height: 26px;
   margin-bottom: 20px;
 }

 .safety-list {
   list-style: none;
   padding: 0;
   margin: 0 0 25px;
 }

 .safety-list li {
   margin-bottom: 10px;
   font-size: 15px;
   color: #0a2540;
 }

 .safety-btns {
   display: flex;
   gap: 15px;
   flex-wrap: wrap;
 }

 .btn-primary,
 .btn-secondary {
   padding: 12px 25px;
   border-radius: 50px;
   text-decoration: none;
   font-weight: 600;
 }

 .btn-primary {
   background: #00a8e8;
   color: #fff;
 }

 .btn-secondary {
   border: 2px solid #00a8e8;
   color: #00a8e8;
 }

 .btn-secondary:hover {
   background: #00a8e8;
   color: #fff;
 }

 .safety-image {
   flex: 1;
   text-align: center;
 }

 .safety-image img {
   width: 100%;
   border-radius: 20px;
   box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
 }





 @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: #005a9c;
     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;
 }

 .header-main img {

   /* height: 90px; */

 }

 .safety-section p {

   color: #111111 !important;
   margin-top: 60px;


 }

 .service-box-items-2 i {

   color: #ffffff;

 }

 .service-area-section p {

   color: #111111;

 }

 .footer-section {

   background-color: #d8ecfb;

 }

 @media (min-width:769px) {


   .gradient-text {
     background: linear-gradient(to right, #ffffff, #ffffff);
     -webkit-background-clip: text;
     -webkit-text-fill-color: transparent;
     display: inline-block;
     font-size: 30px;
   }

   .gradient-text-subtitle {
     font-size: 16px !important;
     color: #ffffff !important;
     /* color: #005a9c !important; */
   }

 }


 .advantage-box-items .icon {
   font-size: 42px;
   color: #00a8e8;
   transition: 0.3s ease;
   padding: 20px;
 }

 .advantage-box-items:hover .icon {
   transform: scale(1.1);
   color: #0a2540;
 }


 .footer-widget-items img {


   /* height: 60px; */

   width: 100%;

 }

 .contact-section-3 {

   padding-top: 60px;
   padding-bottom: 60px;

 }

 .importance-card {
   display: flex;
   gap: 18px;
   padding: 25px;
   border-radius: 18px;
   background: #fff;
   box-shadow: 0 10px 30px rgba(0, 0, 0, 0.06);
   height: 100%;
   transition: 0.3s ease;
 }

 .importance-card:hover {
   transform: translateY(-8px);
 }

 .importance-card .icon {
   width: 60px;
   height: 60px;
   min-width: 60px;
   border-radius: 15px;
   background: linear-gradient(135deg, #32C5E6, #005A9C);
   display: flex;
   align-items: center;
   justify-content: center;
   color: #fff;
   font-size: 24px;
 }

 .importance-card .content h4 {
   font-size: 20px;
   margin-bottom: 8px;
   color: #005a9c;
 }

 .importance-card .content p {
   margin: 0;
   color: #111111;
   line-height: 26px;
   font-size: 15px;
 }

 .tank-types-section {

   position: relative;
 }



 .tank-timeline {
   position: relative;
   max-width: 900px;
   margin: auto;
 }

 .tank-line {
   position: absolute;
   left: 40px;
   top: 0;
   width: 4px;
   height: 100%;
   background: linear-gradient(to bottom, #32C5E6, #005A9C);
   border-radius: 50px;
 }

 .tank-row {
   position: relative;
   display: flex;
   align-items: flex-start;
   gap: 25px;
   margin-bottom: 35px;
 }

 .tank-circle {
   width: 80px;
   height: 80px;
   min-width: 80px;
   border-radius: 50%;
   background: linear-gradient(135deg, #32C5E6, #005A9C);
   color: #fff;
   display: flex;
   align-items: center;
   justify-content: center;
   font-size: 30px;
   position: relative;
   z-index: 2;
   box-shadow: 0 10px 25px rgba(0, 90, 156, 0.25);
 }

 .tank-card {
   background: #fff;
   padding: 30px;
   border-radius: 22px;
   flex: 1;
   box-shadow: 0 10px 30px rgba(0, 0, 0, 0.06);
   transition: 0.3s ease;
 }

 .tank-card:hover {
   transform: translateY(-8px);
 }

 .tank-card span {
   display: inline-block;
   margin-bottom: 10px;
   color: #32C5E6;
   font-weight: 700;
   font-size: 14px;
   letter-spacing: 1px;
 }

 .tank-card h4 {
   color: #005a9c;
   margin-bottom: 12px;
   font-size: 24px;
 }

 .tank-card p {
   margin: 0;
   color: #666;
   line-height: 28px;
   font-size: 15px;
 }

 @media(max-width:767px) {

   .tank-line {
     left: 30px;
   }

   .tank-circle {
     width: 60px;
     height: 60px;
     min-width: 60px;
     font-size: 22px;
   }

   .tank-card {
     padding: 22px;
   }

   .tank-card h4 {
     font-size: 20px;
   }

 }

 .benefit-items {
   list-style: none;
   padding: 0;
   margin: 0;
   display: flex;
   flex-direction: column;
   gap: 25px;
 }

 .benefit-items li {
   position: relative;
   display: flex;
   align-items: flex-start;
   gap: 22px;
   background: #fff;
   padding: 30px;
   border-radius: 24px;
   overflow: hidden;
   transition: 0.3s ease;
   box-shadow: 0 12px 35px rgba(0, 0, 0, 0.06);
   border: 1px solid rgba(0, 0, 0, 0.04);
 }

 .benefit-items li::before {
   content: "";
   position: absolute;
   left: 0;
   top: 0;
   width: 6px;
   height: 100%;
   background: linear-gradient(to bottom, #32C5E6, #005A9C);
 }

 .benefit-items li:hover {
   transform: translateY(-8px);
 }

 .benefit-icon {
   width: 75px;
   height: 75px;
   min-width: 75px;
   border-radius: 20px;
   background: linear-gradient(135deg, #32C5E6, #005A9C);
   display: flex;
   align-items: center;
   justify-content: center;
   color: #fff;
   font-size: 28px;
   box-shadow: 0 10px 25px rgba(0, 90, 156, 0.25);
 }

 .benefit-content h4 {
   font-size: 24px;
   color: #005a9c;
   margin-bottom: 10px;
   font-weight: 700;
 }

 .benefit-content p {
   margin: 0;
   color: #666;
   line-height: 28px;
   font-size: 15px;
 }

 @media(max-width:767px) {

   .benefit-items li {
     flex-direction: column;
   }

 }


 .services-sidebar {
   position: sticky;
   top: 120px;
   z-index: 99;
   padding: 35px;
   border-radius: 30px;
   overflow: hidden;

   background: linear-gradient(135deg,
       #003050 0%,
       #004060 25%,
       #005A9C 55%,
       #40B0D0 80%,
       #7ED9F5 100%);

   box-shadow: 0 20px 60px rgba(0, 48, 80, 0.25);
 }

 .sidebar-title {
   margin-bottom: 25px;
 }

 .sidebar-title span {
   color: #32C5E6;
   font-size: 14px;
   font-weight: 600;
   text-transform: uppercase;
   letter-spacing: 1px;
 }

 .sidebar-title h3 {
   font-size: 36px;
   color: #ffffff;
   margin-top: 10px;
   line-height: 1.3;
 }

 .service-list {
   list-style: none;
   padding: 0;
   margin: 0 0 30px;
   display: flex;
   flex-direction: column;
   gap: 18px;
 }

 .service-list li a {
   display: flex;
   align-items: center;
   justify-content: space-between;
   padding: 12px 25px;
   background: #fff;
   border-radius: 20px;
   text-decoration: none;
   color: #005a9c;
   font-weight: 600;
   transition: 0.3s ease;
   box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05);
   border: 1px solid rgba(0, 0, 0, 0.04);
 }

 .service-list li a:hover {
   background: linear-gradient(135deg, #005A9C, #32C5E6);
   color: #fff;
   transform: translateX(8px);
 }

 .service-left {
   display: flex;
   align-items: center;
   gap: 14px;
   font-size: 17px;
 }

 .service-left i {
   width: 45px;
   height: 45px;
   border-radius: 14px;
   background: #f2fbff;
   display: flex;
   align-items: center;
   justify-content: center;
   color: #005A9C;
   transition: 0.3s ease;
 }

 .service-list li a:hover .service-left i {
   background: rgba(255, 255, 255, 0.15);
   color: #fff;
 }

 .sidebar-cta {
   position: relative;
   overflow: hidden;
   padding: 35px;
   border-radius: 28px;
   background-image: url(../img/cta-service-ig.jpg);
   color: #fff;
   box-shadow: 0 20px 50px rgba(0, 0, 0, 0.12);
   background-size: cover;
 }

 .sidebar-cta::before {
   content: "";
   position: absolute;
   width: 220px;
   height: 220px;
   background: rgba(255, 255, 255, 0.06);
   border-radius: 50%;
   top: -100px;
   right: -100px;
 }

 .sidebar-cta h4 {
   font-size: 28px;
   line-height: 1.4;
   margin-bottom: 15px;
   position: relative;
 }

 .sidebar-cta p {
   color: #111111;
   line-height: 28px;
   margin-bottom: 25px;
   position: relative;
 }

 .cta-btn {
   height: 55px;
   display: inline-flex;
   align-items: center;
   justify-content: center;
   padding: 0 28px;
   border-radius: 16px;
   background: #fff;
   color: #005a9c;
   font-weight: 600;
   text-decoration: none;
   transition: 0.3s ease;
   position: relative;
 }

 .cta-btn:hover {
   transform: translateY(-4px);
   color: #005a9c;
 }

 @media(max-width:991px) {

   .services-sidebar {
     margin-top: 50px;
   }

 }

 .img-wrapper {
   position: relative;
   display: inline-block;
 }

 .call-tag {
   position: absolute;
   top: 15px;
   left: 15px;
   background: #00bcd4;
   color: #fff;
   padding: 8px 14px;
   border-radius: 30px;
   font-size: 14px;
   text-decoration: none;
   font-weight: 600;
   box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2);
 }

 .service-details-section {

   padding-top: 60px;
   padding-bottom: 60px;

 }


 .vision-mission-area {

   padding-top: 60px;
   padding-bottom: 60px;

 }

 .vm-box {
   background: #fff;
   padding: 30px;
   border-radius: 16px;
   box-shadow: 0 10px 25px rgba(0, 0, 0, 0.08);
   text-align: center;
   transition: 0.3s ease;
 }

 .vm-box:hover {
   transform: translateY(-6px);
   box-shadow: 0 15px 35px rgba(0, 0, 0, 0.12);
 }

 .vm-icon {
   font-size: 34px;
   color: #0ea5e9;
   margin-bottom: 15px;
 }

 .vm-box h4 {
   font-size: 22px;
   margin-bottom: 10px;
   font-weight: 600;
   color: #005a9c;
 }

 .vm-box p {
   color: #111111;
   line-height: 1.6;
   margin: 0;
 }

 .vision-mission-area h2 {



   color: #005a9c;

 }


 .contact-items p {

   color: #111111;

 }

 .contact-area-bottom h3 {







   color: #005a9c;
 }


 .service-details-content p {

   color: #111111;

   padding-bottom: 15px;
 }

 .service-details-content .overview-area .importance-card .content {

   margin-top: 0px !important;
 }

 .advantage-wrapper .advantage-box-items .advantage-content h3 a {
   margin-bottom: 15px;
   color: #e70d22;
 }


 /* Desktop */
 @media (min-width: 992px) {
   .services-sidebar {
     position: sticky;
     top: 120px;
   }
 }

 /* Mobile & Tablet */
 @media (max-width: 991px) {
   .services-sidebar {
     position: static;
     top: auto;
   }
 }

 .info {
   color: red;
 }

 #mail-status {
   color: green;
 }

 /* gallery */
 #gallery {
   text-align: center;

   margin: auto;
   padding: 0px;
 }


 .box {
   margin-bottom: 15px;
 }

 .box img {
   width: 100%;
   height: 400px !important;
   margin: 0;
   padding: 0;
   object-fit: cover;
   height: auto;
 }

 #gallery .caption {
   padding: 10px;
   margin: 0;
   font-size: 20px;
   font-weight: bold;
 }

 #gallery .box:hover {
   opacity: 1;
   transition: transform 0.5s ease-in-out;
   z-index: 999999;
   transform: scale(1.05);
 }


 /*========--------- Responsive -------==========*/


 @media(max-width:450px) {
   .box {
     width: 100%;
   }
 }

 @media(max-width:768px) {
   .box img {
     width: 100%;
     height: auto !important;
   }
 }



 .lead {
   font-size: 1.5rem;
   font-weight: 300;
 }

 .lb-thumbnail-wrapper {
   display: none;
 }

 .gallery-tabs {
   display: flex;
   flex-direction: row;
   justify-content: center;
   align-items: center;
   margin: 30px 10px;
 }

 .gallery-tabs .gallery-water-tank-btn,
 .gallery-septic-tank-btn {
   border-radius: 20px;
   border: 1px solid #005A9C;
   background-color: #005A9C;
   color: white;
   padding: 6px 20px;
   margin: 0 10px;
   font-size: 16px;
   font-weight: 600;
 }

 .gallery-tabs .gallery-septic-tank-btn:hover {
   border-radius: 20px;
   border: 1px solid #005A9C;
   background-color: #ffffff;
   color: #005A9C;
   padding: 6px 20px;
   margin: 0 10px;
   font-size: 16px;
   font-weight: 600;
 }

 .gallery-tabs .gallery-water-tank-btn:hover {
   border-radius: 20px;
   border: 1px solid #005A9C;
   background-color: #ffffff;
   color: #005A9C;
   padding: 6px 20px;
   margin: 0 10px;
   font-size: 16px;
   font-weight: 600;
 }

 /* videos */
 .field-work-reels {
   background: #f7fbff;
 }

 .reel-card {
   border-radius: 20px;
   overflow: hidden;
   box-shadow: 0 10px 25px rgba(0, 0, 0, .1);
   transition: .3s;
 }

 .reel-card:hover {
   transform: translateY(-8px);
 }

 .reel-card video {
   width: 100%;
   aspect-ratio: 9/16;
   object-fit: cover;
   display: block;
 }

 .team-content a {


   color: #0f477e;

 }

 .team-content p {

   color: #116b36;

 }

 .team-section {

   padding-top: 60px;
   padding-bottom: 60px;

 }

 .header-main {
   display: flex;
   align-items: center;
 }

 .mean__menu-wrapper {
   margin-left: auto;
   margin-right: 20px;
 }

 .gst-number {
   text-align: right;
   width: 100%;
   margin-bottom: 0;
   padding-bottom: 8px;
   color: #116b36;
   font-size: 16px;
   font-weight: 600;
   border-bottom: 1px solid rgba(0, 0, 0, 0.15);
 }

 /* .gst-number:before,
 .gst-number:after {
   content: '';
   position: absolute;
   top: 50%;
   width: 60px;
   height: 1px;
   background: #dcdcdc;
 }

 .gst-number:before {
   left: 25%;
 }

 .gst-number:after {
   right: 25%;
 } */

 .contact-card {
   display: flex;
   align-items: flex-start;
   gap: 18px;
   padding: 30px;
   background: #fff;
   border-left: 5px solid #116B36;
   border-radius: 12px;
   box-shadow: 0 5px 20px rgba(0, 0, 0, .08);
   transition: .4s;
   height: 100%;
 }

 .contact-card:hover {
   transform: translateY(-8px);
   border-left-color: #ED1D24;
 }

 .contact-icon {
   font-size: 32px;
   color: #0F477E;
   margin-top: 5px;
 }

 .contact-details h5 {
   color: #0F477E;
   margin-bottom: 10px;
   font-weight: 700;
   font-size: 20px;
 }

 .contact-details p,
 .contact-details a {
   margin: 0;
   color: #111111;
   line-height: 1.8;
   text-decoration: none;
 }

 .contact-card:hover .contact-icon {
   color: #116B36;
 }

 .top-header {
   background: #0F477E;
   padding: 6px 0;
 }

 .top-header-content {
   text-align: right;
   color: #fff;
   font-size: 13px;
   font-weight: 600;
 }

 .top-header-content i {
   margin-right: 6px;
   color: #fff;
 }

 @media(max-width:767px) {

   .top-header-content {
     text-align: center;
     font-size: 11px;
   }

   .gst-number {

     display: none;

   }

   .mean__menu-wrapper {


     margin-right: 0px;

   }

 }

 @media (min-width:768px) {


   .top-header {

     display: none;

   }

 }










 /* ===========================
   SHRIMP HATCHERY PAGE
=========================== */

 .shrimp-hatchery-section {
   padding: 100px 0;
   background: #f8fbfd;
 }

 /* Main Content */

 .hatchery-content-area {
   background: #fff;
   border-radius: 20px;
   overflow: hidden;
   box-shadow: 0 10px 40px rgba(0, 0, 0, .08);
 }

 .hatchery-banner-image img {
   width: 100%;
   height: 450px;
   object-fit: cover;
 }

 .hatchery-intro-box {
   padding: 40px;
 }

 .hatchery-tag {
   display: inline-block;
   background: #e8f7ee;
   color: #116B36;
   padding: 8px 18px;
   border-radius: 30px;
   font-size: 13px;
   font-weight: 600;
   margin-bottom: 15px;
 }

 .hatchery-intro-box h1 {
   color: #0F477E;
   font-size: 42px;
   font-weight: 700;
   margin-bottom: 20px;
 }

 .hatchery-intro-box p {
   color: #111111;
   line-height: 1.9;
   font-size: 16px;
 }

 .hatchery-info-block {
   padding: 0 40px 30px;
 }

 .hatchery-info-block h3 {
   color: #0F477E;
   font-size: 28px;
   margin-bottom: 15px;
 }

 .hatchery-info-block p {
   color: #111111;
   line-height: 1.9;
 }

 /* Features */

 .hatchery-feature-grid {
   padding: 20px 40px 40px;
 }

 .hatchery-feature-card {
   background: #fff;
   border: 1px solid #edf2f7;
   border-radius: 15px;
   text-align: center;
   padding: 35px 20px;
   transition: .4s;
 }

 .hatchery-feature-card:hover {
   transform: translateY(-8px);
   border-color: #116B36;
 }

 .hatchery-feature-card i {
   font-size: 42px;
   color: #116B36;
   margin-bottom: 15px;
 }

 .hatchery-feature-card h5 {
   color: #0F477E;
   margin: 0;
   font-size: 18px;
   font-weight: 600;
 }

 /* Process */

 .hatchery-process-area {
   padding: 0 40px 40px;
 }

 .hatchery-process-area h3 {
   color: #0F477E;
   margin-bottom: 20px;
 }

 .hatchery-process-area ul {
   padding: 0;
   margin: 0;
   list-style: none;
 }

 .hatchery-process-area ul li {
   padding: 12px 0;
   border-bottom: 1px solid #eee;
   color: #111111;
   font-weight: 500;
 }

 /* Sidebar */

 .hatchery-sidebar-wrapper {
   position: sticky;
   top: 120px;
 }

 .hatchery-sidebar-card {
   background: #fff;
   padding: 30px;
   border-radius: 20px;
   margin-bottom: 30px;
   box-shadow: 0 10px 30px rgba(0, 0, 0, .08);
 }

 .hatchery-sidebar-card h4 {
   color: #0F477E;
   font-size: 22px;
   margin-bottom: 20px;
   position: relative;
 }

 .hatchery-sidebar-card h4:after {
   content: '';
   width: 50px;
   height: 3px;
   background: #116B36;
   display: block;
   margin-top: 10px;
 }

 .hatchery-sidebar-card ul {
   list-style: none;
   padding: 0;
   margin: 0;
 }

 .hatchery-sidebar-card ul li {
   margin-bottom: 12px;
 }

 .hatchery-sidebar-card ul li a {
   color: #111111;
   text-decoration: none;
   transition: .3s;
 }

 .hatchery-sidebar-card ul li a:hover {
   color: #116B36;
   padding-left: 8px;
 }

 /* Contact Widget */

 .hatchery-contact-widget {
   background: linear-gradient(135deg, #0F477E, #116B36);
   padding: 40px 30px;
   border-radius: 20px;
   text-align: center;
   color: #fff;
 }

 .hatchery-contact-widget span {
   display: block;
   font-size: 14px;
   margin-bottom: 10px;
   opacity: .9;
 }

 .hatchery-contact-widget h4 {
   color: #fff;
   margin-bottom: 15px;
 }

 .hatchery-contact-widget a {
   color: #fff;
   text-decoration: none;
   display: block;
 }

 .hatchery-contact-widget a:first-of-type {
   font-size: 24px;
   font-weight: 700;
   margin-bottom: 20px;
 }

 .hatchery-enquiry-btn {
   display: inline-block !important;
   background: #fff;
   color: #0F477E !important;
   padding: 12px 30px;
   border-radius: 50px;
   font-weight: 600;
 }

 /* Responsive */

 @media(max-width:991px) {

   .hatchery-banner-image img {
     height: 300px;
   }

   .hatchery-intro-box,
   .hatchery-info-block,
   .hatchery-feature-grid,
   .hatchery-process-area {
     padding-left: 25px;
     padding-right: 25px;
   }

   .hatchery-intro-box h1 {
     font-size: 32px;
   }

   .hatchery-sidebar-wrapper {
     position: relative;
     top: auto;
   }
 }

 .hatchery-key-features h3 {
   color: #0F477E;
   margin-bottom: 20px;
 }

 .hatchery-key-features ul {
   list-style: none;

   padding-left: 42px;

 }

 .hatchery-key-features ul li {
   padding: 12px 0;
   color: #111111;
   font-size: 16px;
   font-weight: 500;
   border-bottom: 1px solid #edf2f7;
 }

 .hatchery-key-features ul li i {
   color: #116B36;
   margin-right: 10px;
 }

 .hatchery-key-features {

   padding: 0 40px 30px;

 }

 .premium-feature-list {
   display: grid;
   grid-template-columns: repeat(2, 1fr);
   gap: 15px;
   margin-top: 30px;
 }

 .feature-list-item {
   display: flex;
   align-items: center;
   gap: 15px;
   background: #fff;
   padding: 18px 20px;
   border-radius: 12px;
   border-left: 4px solid #116B36;
   box-shadow: 0 5px 20px rgba(0, 0, 0, .06);
   transition: .3s;
 }

 .feature-list-item:hover {
   transform: translateX(5px);
   border-left-color: #0F477E;
 }

 .feature-list-item i {
   color: #116B36;
   font-size: 18px;
 }

 .feature-list-item span {
   color: #0F477E;
   font-weight: 600;
   font-size: 16px;
 }

 @media(max-width:767px) {
   .premium-feature-list {
     grid-template-columns: 1fr;
   }
 }

 .hatchery-features-wrapper {



   padding: 0 40px 30px;

 }

 .premium-feature-list h3 {
   color: #0F477E;
   margin-bottom: 20px;
 }

 .hatchery-features-wrapper h3 {
   color: #0F477E;
   font-weight: 700;
   margin-bottom: 25px;
 }

 .feature-list-item {
   display: flex;
   align-items: center;
   gap: 15px;
   background: #fff;
   padding: 18px 20px;
   border-radius: 12px;
   border: 1px solid #e9ecef;
   height: 100%;
   transition: .3s;
 }

 .feature-list-item:hover {
   border-color: #116B36;
   transform: translateY(-3px);
 }

 .feature-list-item i {
   color: #116B36;
   font-size: 18px;
 }

 .feature-list-item span {
   color: #111111;
   font-weight: 600;
   line-height: 1.5;
 }

 .aquaculture-applications {
   margin-top: 50px;
   padding: 0 40px 30px;
 }

 .aquaculture-applications span {
   color: #116B36;
   font-weight: 600;
   text-transform: uppercase;
   letter-spacing: 1px;
 }

 .aquaculture-applications h3 {
   color: #0F477E;
   margin-top: 8px;
   font-weight: 700;
 }

 .application-item {
   display: flex;
   align-items: center;
   gap: 15px;
   background: #f8fbfd;
   border: 1px solid #e9ecef;
   border-radius: 12px;
   padding: 20px;
   transition: .3s;
   height: 100%;
 }

 .application-item:hover {
   background: #fff;
   border-color: #116B36;
   transform: translateY(-3px);
 }

 .application-item i {
   width: 50px;
   height: 50px;
   min-width: 50px;
   background: #116B36;
   color: #fff;
   border-radius: 50%;
   display: flex;
   align-items: center;
   justify-content: center;
   font-size: 20px;
 }

 .application-item h5 {
   margin: 0;
   color: #111111;
   font-size: 17px;
   font-weight: 600;
 }





 .hatchery-benefits-section {
   margin-top: 60px;
   padding: 0 40px 30px;
 }

 .benefits-title span {
   color: #116B36;
   font-weight: 600;
   text-transform: uppercase;
   letter-spacing: 1px;
 }

 .benefits-title h3 {
   color: #0F477E;
   margin: 10px 0 35px;
   font-weight: 700;
 }

 .benefit-card {
   display: flex;
   gap: 25px;
   padding: 25px;
   margin-bottom: 20px;
   background: #fff;
   border-radius: 15px;
   border-left: 5px solid #116B36;
   box-shadow: 0 5px 25px rgba(0, 0, 0, .06);
   transition: .3s;
 }

 .benefit-card:hover {
   transform: translateX(8px);
   border-left-color: #0F477E;
 }

 .benefit-number {
   font-size: 40px;
   font-weight: 800;
   color: rgba(17, 107, 54, .15);
   line-height: 1;
   min-width: 70px;
 }

 .benefit-content h4 {
   color: #0F477E;
   margin-bottom: 8px;
   font-size: 22px;
   font-weight: 700;
 }

 .benefit-content p {
   margin: 0;
   color: #111111;
   line-height: 1.8;
 }








 .hatchery-cta-content {
   padding: 0 40px 30px;
   border-top: 1px solid #e5e7eb;
   border-bottom: 1px solid #e5e7eb;
 }

 .cta-small-title {
   display: inline-block;
   color: #116B36;
   font-size: 14px;
   font-weight: 600;
   text-transform: uppercase;
   letter-spacing: 1px;
   margin-bottom: 10px;
 }

 .hatchery-cta-content h2 {
   color: #0F477E;
   font-size: 38px;
   font-weight: 700;
   margin-bottom: 15px;
 }

 .hatchery-cta-content p {
   color: #111111;
   font-size: 16px;
   line-height: 1.9;
   max-width: 850px;
   margin-bottom: 30px;
 }

 .cta-contact-row {
   display: flex;
   align-items: center;
   justify-content: space-between;
   flex-wrap: wrap;
   gap: 20px;
 }

 .cta-phone-box {
   display: flex;
   align-items: center;
   gap: 15px;
 }

 .cta-phone-box i {
   width: 55px;
   height: 55px;
   background: #116B36;
   color: #fff;
   border-radius: 50%;
   display: flex;
   align-items: center;
   justify-content: center;
   font-size: 20px;
 }

 .cta-phone-box span {
   display: block;
   color: #777;
   font-size: 14px;
 }

 .cta-phone-box h5 {
   margin: 0;
   color: #0F477E;
   font-weight: 700;
 }

 .cta-enquiry-btn {
   display: inline-flex;
   align-items: center;
   gap: 10px;
   padding: 14px 28px;
   background: #116B36;
   color: #fff;
   border-radius: 50px;
   text-decoration: none;
   font-weight: 600;
 }

 .cta-enquiry-btn:hover {
   background: #0F477E;
   color: #fff;
 }

 .hatchery-sidebar-wrapper {
   position: sticky;
   top: 120px;
 }











 /* =========================
 HERO SECTION
========================= */

 .skill-hero {
   padding: 60px 0;

 }

 .skill-hero h1 {
   font-size: 30px;
   margin-bottom: 15px;
   color: #0f477e;
 }

 .badge-tag {
   display: inline-block;
   background: #0ea5e9;
   color: #fff;
   padding: 6px 14px;
   border-radius: 30px;
   font-size: 13px;
   margin-bottom: 12px;
 }

 .hero-points {
   margin-top: 20px;
   display: flex;
   flex-wrap: wrap;
   gap: 15px;
   color: #111111;
 }

 .hero-points div {
   background: #fff;
   padding: 8px 14px;
   border-radius: 25px;
   font-size: 14px;
   border: 1px solid #e2e8f0;
 }

 .hero-points i {
   color: #0ea5e9;
   margin-right: 6px;
 }


 .skill-need-center {}

 .mini-point {
   display: flex;
   align-items: flex-start;
   gap: 12px;
   margin-bottom: 20px;
   padding: 15px;
   background: #fff;
   border-radius: 12px;
   border: 1px solid #e2e8f0;
   transition: 0.3s;
 }

 .mini-point i {
   width: 40px;
   height: 40px;
   min-width: 40px;
   background: #0f477e;
   color: #fff;
   display: flex;
   align-items: center;
   justify-content: center;
   border-radius: 50%;
   font-size: 16px;
 }

 .mini-point h6 {
   margin: 0;
   font-size: 20px;
   font-weight: 700;
   color: #116b36;
 }

 .mini-point p {
   margin: 3px 0 0;
   font-size: 16px;
   color: #111111;
 }

 .mini-point:hover {
   transform: translateY(-4px);
   box-shadow: 0 10px 25px rgba(0, 0, 0, 0.08);
   border-color: #0ea5e9;
 }

 /* =========================
 TRAINING CARDS
========================= */

 .training-card {
   background: #ffffff;
   border: 1px solid #e2e8f0;
   border-radius: 16px;
   padding: 25px;
   text-align: center;
   transition: 0.3s;
   height: 100%;
 }

 .training-card i {
   font-size: 30px;
   color: #0f477e;
   margin-bottom: 12px;
 }

 .training-card:hover {
   transform: translateY(-6px);
   box-shadow: 0 15px 35px rgba(0, 0, 0, 0.08);
   border-color: #0f477e;
 }

 /* =========================
 OUTCOME CARDS
========================= */

 .outcome-card {
   background: #f8fafc;
   border-radius: 16px;
   padding: 25px;
   text-align: center;
   transition: 0.3s;
   border: 1px solid #e2e8f0;
 }

 .outcome-card i {
   font-size: 30px;
   color: #0f477e;
   margin-bottom: 12px;
 }

 .outcome-card:hover {
   transform: translateY(-6px);
   background: #fff;
   box-shadow: 0 12px 25px rgba(0, 0, 0, 0.08);
 }

 /* =========================
 CTA SECTION
========================= */

 .cta-dark {
   background: linear-gradient(135deg, #0f477e, #116b36);
   padding: 70px 0;
 }

 .cta-dark h2 {
   color: #fff;
 }

 .cta-dark p {
   color: #cbd5e1;
 }

 .cta-dark .btn {
   background: #fff;
   color: #0f172a;
   padding: 10px 25px;
   border-radius: 30px;
   font-weight: 600;
 }

 .cta-dark .btn:hover {
   background: #0ea5e9;
   color: #fff;
 }

 /* =========================
 NAVIGATION CARDS
========================= */

 .nav-card {
   display: block;
   text-align: center;
   padding: 25px;
   border: 1px solid #e2e8f0;
   border-radius: 16px;
   text-decoration: none;
   color: #0f172a;
   background: #fff;
   transition: 0.3s;
   height: 100%;
 }

 .nav-card i {
   font-size: 26px;
   color: #0ea5e9;
   margin-bottom: 10px;
   display: block;
 }

 .nav-card:hover {
   transform: translateY(-6px);
   border-color: #0ea5e9;
   box-shadow: 0 15px 30px rgba(0, 0, 0, 0.08);
 }

 /* =========================
 RESPONSIVE
========================= */

 @media(max-width:768px) {

   .skill-hero h1 {
     font-size: 28px;
   }

   .hero-points {
     flex-direction: column;
   }
 }


 /* IMAGE CARD */
 .nav-img-card {
   display: block;
   text-align: center;
   text-decoration: none;
   border: 1px solid #e2e8f0;
   border-radius: 16px;
   overflow: hidden;
   background: #fff;
   transition: 0.3s;
   height: 100%;
 }

 /* IMAGE WRAPPER */
 .nav-img {
   width: 100%;
   height: 160px;
   overflow: hidden;
 }

 .nav-img img {
   width: 100%;
   height: 100%;
   object-fit: cover;
   transition: 0.4s;
 }

 /* TEXT */
 .nav-img-card h5 {
   padding: 15px;
   margin: 0;
   font-size: 20px;
   font-weight: 600;
   color: #0f477e;
 }

 /* HOVER EFFECT */
 .nav-img-card:hover {
   transform: translateY(-6px);
   box-shadow: 0 15px 35px rgba(0, 0, 0, 0.1);
   border-color: #0ea5e9;
 }

 .nav-img-card:hover img {
   transform: scale(1.08);
 }







 .premium-training {
   background: linear-gradient(135deg, #f8fbff, #eef6ff);
 }

 .premium-title {
   font-size: 32px;
   color: #0f477e;
 }

 .premium-card {
   background: #fff;
   border-radius: 18px;
   padding: 25px;
   height: 100%;
   box-shadow: 0 10px 25px rgba(0, 0, 0, 0.06);
   border: 1px solid rgba(0, 0, 0, 0.05);
   transition: 0.3s ease;
   position: relative;
   overflow: hidden;
 }

 .premium-card::before {
   content: "";
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 4px;
   background: linear-gradient(90deg, #0d6efd, #20c997);
 }

 .premium-card:hover {
   transform: translateY(-8px);
   box-shadow: 0 18px 40px rgba(0, 0, 0, 0.12);
 }

 .icon-box {
   width: 55px;
   height: 55px;
   border-radius: 14px;
   background: linear-gradient(135deg, #0f477e, #116b36);
   display: flex;
   align-items: center;
   justify-content: center;
   color: #fff;
   font-size: 20px;
   margin-bottom: 15px;
 }

 .premium-card h5 {
   font-weight: 600;
   color: #116b36;
   margin-bottom: 10px;
   font-size: 20px;
 }

 .premium-card p {
   font-size: 16px;
   color: #111111;
   margin-bottom: 0;
 }

 .skill-need-center h2 {




   color: #0f477e;
 }

 .training-card h5 {

   color: #116b36;
   font-size: 20px;


 }

 .outcome-card h5 {

   color: #116b36;
   font-size: 20px;
 }

 .skill-hero p {


   color: #111111;

 }

 .tr-servce h2 {

   color: #0f477e;
 }

 .eot-servce h2 {


   color: #0f477e;
 }

 .eaprch-servce h2 {

   color: #0f477e;

 }


 .eot-servce h2 {

   color: #0f477e;

 }

 .prg-servce h2 {

   color: #0f477e;

 }

 .prt-servce h2 {

   color: #0f477e;
 }

 .lprg-servce h2 {

   color: #0f477e;

 }


 /* =========================
VISION & MISSION STYLES
========================= */

 .vision-mission-section {
   background: #F4F9FC;
 }

 .section-badge {
   display: inline-block;
   background: #e9f5ef;
   color: #116b36;
   padding: 6px 14px;
   border-radius: 30px;
   font-weight: 600;
   font-size: 14px;
   margin-bottom: 10px;
 }

 /* Cards */
 .vm-card {
   background: #fff;
   border-radius: 18px;
   padding: 28px;
   box-shadow: 0 10px 30px rgba(15, 71, 126, 0.08);
   border: 1px solid #e8eef5;
   transition: 0.3s ease;
 }

 .vm-card:hover {
   transform: translateY(-5px);
 }

 /* Header */
 .vm-header {
   display: flex;
   align-items: center;
   gap: 12px;
   margin-bottom: 15px;
 }

 .vm-header i {
   font-size: 22px;
   color: #0f477e;
 }

 /* Vision card accent */
 .vision-card {
   border-top: 4px solid #0f477e;
 }

 /* Mission card accent */
 .mission-card {
   border-top: 4px solid #116b36;
 }

 /* Text styles */
 .vm-card h3 {
   margin: 0;
   color: #0f477e;
   font-size: 20px;
 }

 /* Mission list */
 .mission-list {
   list-style: none;
   padding: 0;
   margin: 0;
 }

 .mission-list li {
   display: flex;
   gap: 10px;
   margin-bottom: 12px;
   color: #4b5563;
   line-height: 1.5;
 }

 .mission-list li i {
   color: #116b36;
   margin-top: 4px;
 }

 .community-section {
   background: #f4f9fc;
 }

 .section-badge {
   display: inline-block;
   background: #e9f5ef;
   color: #116b36;
   padding: 6px 14px;
   border-radius: 30px;
   font-weight: 600;
   font-size: 14px;
   margin-bottom: 10px;
 }

 .content-card {
   background: #ffffff;
   padding: 35px;
   border-radius: 18px;
   box-shadow: 0 10px 30px rgba(15, 71, 126, 0.08);
   border-left: 5px solid #0F477E;
 }

 .content-card p {
   color: #111111;
   font-size: 16px;
   line-height: 1.8;
   margin-bottom: 15px;
 }

 .content-card p:last-child {
   margin-bottom: 0;
 }

 .community-section .section-title {


   text-align: center;

 }

 .values-section {}

 .section-badge {
   display: inline-block;
   background: #e9f5ef;
   color: #116b36;
   padding: 6px 14px;
   border-radius: 30px;
   font-weight: 600;
   font-size: 14px;
   margin-bottom: 10px;
 }

 .value-card {
   background: #ffffff;
   padding: 28px;
   border-radius: 18px;
   box-shadow: 0 10px 30px rgba(15, 71, 126, 0.08);
   border-top: 4px solid #0F477E;
   transition: 0.3s ease;
   height: 100%;
 }

 .value-card:hover {
   transform: translateY(-6px);
   border-top-color: #116B36;
 }

 .value-card i {
   font-size: 26px;
   color: #0F477E;
   margin-bottom: 12px;
 }

 .value-card h5 {
   color: #116B36;
   margin-bottom: 8px;
   font-weight: 600;
 }

 .value-card p {
   color: #111111;
   font-size: 15px;
   line-height: 1.6;
   margin: 0;
 }

 table {
   width: 100%;
   border-collapse: collapse;
   margin: 50px auto;
 }

 /* Zebra striping */
 tr:nth-of-type(odd) {
   background: #eee;
 }

 th {
   background: #0f477e;
   color: white;
   font-weight: bold;
 }

 td,
 th {
   padding: 10px;
   border: 1px solid #ccc;
   text-align: left;
   font-size: 15px;
 }


 /* 
Max width before this PARTICULAR table gets nasty
This query will take effect for any screen smaller than 760px
and also iPads specifically.
*/
 @media only screen and (max-width: 760px),
 (min-device-width: 768px) and (max-device-width: 1024px) {

   table {
     width: 100%;
   }

   /* Force table to not be like tables anymore */
   table,
   thead,
   tbody,
   th,
   td,
   tr {
     display: block;
   }

   /* Hide table headers (but not display: none;, for accessibility) */
   thead tr {
     position: absolute;
     top: -9999px;
     left: -9999px;
   }

   tr {
     border: 1px solid #ccc;
   }

   td {
     /* Behave  like a "row" */
     border: none;
     border-bottom: 1px solid #eee;
     position: relative;
     padding-left: 50%;
   }

   td:before {
     /* Now like a table header */
     position: absolute;
     /* Top/left values mimic padding */
     top: 6px;
     left: 6px;
     width: 45%;
     padding-right: 10px;
     white-space: nowrap;
     /* Label the data */
     content: attr(data-column);

     color: #000;
     font-weight: bold;
   }

 }

 .table thead th {
   font-weight: 600;
   letter-spacing: 0.5px;
 }

 .table tbody tr:hover {
   background: #f4f9fc;
   transition: 0.3s;
 }

 .table td {
   padding: 14px 16px;
   font-size: 15px;
   color: #4b5563;
 }

 .table-responsive {
   border-radius: 12px;
 }

 table td {


   color: #111111;
 }

 .gallery-navigation-section {
   padding: 60px 0;
   background: #f8fbfd;
 }

 .gallery-nav-btn {
   display: block;
   padding: 15px 20px;
   text-align: center;
   background: #f5f7fa;
   color: #222;
   text-decoration: none;
   border-radius: 10px;
   font-weight: 600;
   transition: all .3s ease;
 }

 .gallery-nav-btn:hover {
   background: #00b4d8;
   color: #fff !important;
   transform: translateY(-3px);
 }

 .gallery-nav-btn span,
 .gallery-nav-btn {
   position: relative;
   z-index: 2;
 }



 .gallery-nav-btn:hover::before {
   opacity: 1;
 }

 .gallery-nav-btn.active {
   background: linear-gradient(135deg, #0096c7, #00b4d8);
   border-color: #0096c7;
   color: #fff;
 }

 @media (max-width: 991px) {
   .gallery-nav-btn {
     min-height: 75px;
     font-size: 16px;
     padding: 18px;
   }
 }

 @media (max-width: 576px) {
   .gallery-navigation-section {
     padding: 60px 0;
   }

   .gallery-nav-btn {
     min-height: 65px;
     font-size: 15px;
     border-radius: 14px;
   }
 }

 .about-section p {

   color: #111111;

 }


 .vision-card p {

   color: #111111;

 }

 .mission-card p {

   color: #111111;

 }

 .community-section p {

   color: #111111;

 }


 .values-section p {

   color: #111111;

 }


 .training-card p {

   color: #111111;

 }


 .outcome-card p {

   color: #111111;
 }

 .tr-servce {

   background: linear-gradient(135deg, #e0f7fa 0%, #b2ebf2 100%);
 }

 .eaprch-servce {

   background: linear-gradient(135deg, #e0f7fa 0%, #b2ebf2 100%);

 }

 .prt-servce {


   background: linear-gradient(135deg, #e0f7fa 0%, #b2ebf2 100%);

 }