@charset "UTF-8";
 @use "sass:math";
 :root {
   --theme-color: #1c4487;
   --title-color: #113D48;
   --body-color: #6E7070;
   --smoke-color: #E9F6F9;
   --smoke-color2: #F3F4F6;
   --black-color: #000000;
   --black-color2: #0D0D0C;
   --gray-color: #E1E4E5;
   --white-color: #ffffff;
   --light-color: #E1E4E5;
   --yellow-color: #FFB539;
   --success-color: #28a745;
   --error-color: #dc3545;
   --th-border-color: #E9EDF5;
   --title-font: "Manrope", sans-serif;
   --body-font: "Inter", sans-serif;
   --style-font: "Montez", cursive;
   --icon-font: "Font Awesome 6 Pro";
   --main-container: 1320px;
   --container-gutters: 24px;
   --section-space: 120px;
   --section-space-mobile: 80px;
   --section-title-space: 60px;
   --ripple-ani-duration: 2s;
 }
 /*------------------- 1.5. Typography -------------------*/
 html, body {
   scroll-behavior: auto !important;
	  overflow-x: hidden;
 }
 body::-webkit-scrollbar {
   width: 6px;
   background-color: #f5f5f5
 }
 body::-webkit-scrollbar-thumb {
   background-color: #1c4487
 }
 body {
   font-family: var(--body-font);
   font-size: 16px;
   font-weight: 400;
   color: var(--body-color);
   line-height: 26px;
  
   -webkit-font-smoothing: antialiased;
 }
 iframe {
   border: none;
   width: 100%;
 }
 .slick-slide:focus, button:focus, a:focus, a:active,  input, input:hover, input:focus, input:active, textarea, textarea:hover, textarea:focus, textarea:active {
   outline: none;
 }
 input:focus {
   outline: none;
   box-shadow: none;
 }
 img:not([draggable]), embed, object, video {
   max-width: 100%;
   height: auto;
 }
 ul {
   list-style-type: disc;
 }
 ol {
   list-style-type: decimal;
 }
 table {
   margin: 0 0 1.5em;
   width: 100%;
   border-collapse: collapse;
   border-spacing: 0;
   border: 1px solid var(--th-border-color);
 }
 th {
   font-weight: 700;
   color: var(--title-color);
 }
 td, th {
   border: 1px solid var(--th-border-color);
   padding: 9px 12px;
 }
 a {
   color: var(--theme-color);
   text-decoration: none;
   outline: 0;
   -webkit-transition: all ease 0.4s;
   transition: all ease 0.4s;
 }
 a:hover {
   color: var(--title-color);
 }
 a:active, a:focus, a:hover, a:visited {
   text-decoration: none;
   outline: 0;
 }
 button {
   -webkit-transition: all ease 0.4s;
   transition: all ease 0.4s;
 }
 img {
   border: none;
   max-width: 100%;
 }
 ins {
   text-decoration: none;
 }
 pre {
   font-family: var(--body-font);
   background: #f5f5f5;
   color: #666;
   font-size: 14px;
   margin: 20px 0;
   overflow: auto;
   padding: 20px;
   white-space: pre-wrap;
   word-wrap: break-word;
 }
 span.ajax-loader:empty, p:empty {
   display: none;
 }
 p {
   font-family: var(--body-font);
   margin: 0 0 18px 0;
   color: var(--body-color);
   line-height: 1.75;
 }
 h1 a, h2 a, h3 a, h4 a, h5 a, h6 a, p a, span a {
   font-size: inherit;
   font-family: inherit;
   font-weight: inherit;
   line-height: inherit;
 }
 .h1, h1, .h2, h2, .h3, h3, .h4, h4, .h5, h5, .h6, h6 {
   font-family: var(--title-font);
   color: #1c4487;
   text-transform: none;
   font-weight: 700;
   line-height: 1.4;
   margin: 10px 0 15px 0;
 }
 .h1, h1 {
   font-size: 80px;
   line-height: 1.18;
 }
 .h2, h2 {
   font-size: 48px;
   line-height: 1.327;
 }
 .h3, h3 {
   font-size: 32px;
   line-height: 1.278;
 }
 .h4, h4 {
   font-size: 30px;
   line-height: 1.333;
 }
 .h5, h5 {
   font-size: 24px;
   line-height: 1.417;
 }
 .h6, h6 {
   font-size: 20px;
   line-height: 1.5;
 }
 .container-gallery {
   max-width: 1840px;
 }
 /*------------------- 2.2. Grid -------------------*/
 .slick-track > [class*=col] {
   -webkit-flex-shrink: 0;
   -ms-flex-negative: 0;
   flex-shrink: 0;
   width: 100%;
   max-width: 100%;
   padding-right: calc(var(--bs-gutter-x)/ 2);
   padding-left: calc(var(--bs-gutter-x)/ 2);
   margin-top: var(--bs-gutter-y);
 }
 .gy-30 {
   --bs-gutter-y: 30px;
 }
 .g-0 {
   --bs-gutter-y: 0;
   --bs-gutter-x: 0;
 }
 .gx-0 {
   --bs-gutter-x: 0;
 }
 .gy-40 {
   --bs-gutter-y: 40px;
 }
 .gy-24 {
   --bs-gutter-y: 24px;
 }
 .gy-50 {
   --bs-gutter-y: 50px;
 }
 .gx-10 {
   --bs-gutter-x: 10px;
 }
 .gy-10 {
   --bs-gutter-y: 10px;
 }
 /*------------------- 2.3. Input -------------------*/
 select, .form-control, .form-select, textarea, input {
   height: 56px;
   padding: 0 25px 0 25px;
   padding-right: 45px;
   border: 1px solid var(--gray-color);
   color: var(--body-color);
   background-color: var(--white-color);
   font-size: 14px;
   width: 100%;
   font-family: var(--body-font);
   font-weight: 400;
   border-radius: 8px;
   -webkit-transition: 0.4s ease-in-out;
   transition: 0.4s ease-in-out;
 }
 select:focus, .form-control:focus, .form-select:focus, textarea:focus, input:focus {
   outline: 0;
   box-shadow: none;
   border-color: var(--theme-color);
   background-color: var(--white-color);
 }
 select::-moz-placeholder, .form-control::-moz-placeholder, .form-select::-moz-placeholder, textarea::-moz-placeholder, input::-moz-placeholder {
   color: var(--body-color);
 }
 select::-webkit-input-placeholder, .form-control::-webkit-input-placeholder, .form-select::-webkit-input-placeholder, textarea::-webkit-input-placeholder, input::-webkit-input-placeholder {
   color: var(--body-color);
 }
 select:-ms-input-placeholder, .form-control:-ms-input-placeholder, .form-select:-ms-input-placeholder, textarea:-ms-input-placeholder, input:-ms-input-placeholder {
   color: var(--body-color);
 }
 select::-webkit-input-placeholder, .form-control::-webkit-input-placeholder, .form-select::-webkit-input-placeholder, textarea::-webkit-input-placeholder, input::-webkit-input-placeholder {
   color: var(--body-color);
 }
 select::-moz-placeholder, .form-control::-moz-placeholder, .form-select::-moz-placeholder, textarea::-moz-placeholder, input::-moz-placeholder {
   color: var(--body-color);
 }
 select:-ms-input-placeholder, .form-control:-ms-input-placeholder, .form-select:-ms-input-placeholder, textarea:-ms-input-placeholder, input:-ms-input-placeholder {
   color: var(--body-color);
 }
 select::-ms-input-placeholder, .form-control::-ms-input-placeholder, .form-select::-ms-input-placeholder, textarea::-ms-input-placeholder, input::-ms-input-placeholder {
   color: var(--body-color);
 }
 select::placeholder, .form-control::placeholder, .form-select::placeholder, textarea::placeholder, input::placeholder {
   color: var(--body-color);
 }
 .form-select, select {
   display: block;
   width: 100%;
   line-height: 1.5;
   vertical-align: middle;
   background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3E%3C/svg%3E");
   background-position: right 26px center;
   background-repeat: no-repeat;
   background-size: 16px 12px;
   -webkit-appearance: none;
   -moz-appearance: none;
   appearance: none;
   cursor: pointer;
 }
 .form-select.style2, select.style2 {
   background-image: url("data:image/svg+xml,%3Csvg width='11' height='6' viewBox='0 0 11 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.87109 1.71094L5.71484 5.62109C5.56901 5.7487 5.41406 5.8125 5.25 5.8125C5.08594 5.8125 4.9401 5.7487 4.8125 5.62109L0.65625 1.71094C0.382812 1.40104 0.373698 1.09115 0.628906 0.78125C0.920573 0.507812 1.23047 0.498698 1.55859 0.753906L5.25 4.25391L8.96875 0.753906C9.27865 0.498698 9.57943 0.498698 9.87109 0.753906C10.1263 1.08203 10.1263 1.40104 9.87109 1.71094Z' fill='%238B929C'/%3E%3C/svg%3E");
 }
 textarea.form-control, textarea {
   min-height: 154px;
   padding-top: 16px;
   padding-bottom: 17px;
 }
 textarea.form-control.style2, textarea.style2 {
   min-height: 100px;
 }
 .form-group {
   margin-bottom: var(--bs-gutter-x);
   position: relative;
 }
 .form-group > i, .form-group > img {
   display: inline-block;
   position: absolute;
   right: 35px;
   top: 17px;
   font-size: 14px;
   color: var(--body-color);
 }
 .form-group > i.fa-envelope, .form-group > img.fa-envelope {
   padding-top: 1px;
 }
 .form-group > i.fa-comment, .form-group > img.fa-comment {
   margin-top: -2px;
 }
 .form-group > i.fa-chevron-down, .form-group > img.fa-chevron-down {
   width: 17px;
   background-color: var(--smoke-color2);
 }
 .form-group.has-label > i {
   top: 50px;
 }
 [class*="col-"].form-group > i {
   right: calc((var(--bs-gutter-x) / 2) + 25px);
 }
 .form-rounded-10 .form-control, .form-rounded-10 .form-select {
   border-radius: 10px !important;
 }
 .form-rounded-10 .th-btn {
   border-radius: 10px;
 }
 option:checked, option:focus, option:hover {
   background-color: var(--theme-color);
   color: var(--white-color);
 }
 input::-webkit-outer-spin-button, input::-webkit-inner-spin-button {
   -webkit-appearance: none;
   margin: 0;
 }
 /* Firefox */
 input[type="number"] {
   -moz-appearance: textfield;
 }
 input[type="checkbox"] {
   visibility: hidden;
   opacity: 0;
   display: inline-block;
   vertical-align: middle;
   width: 0;
   height: 0;
   display: none;
 }
 input[type="checkbox"]:checked ~ label:before {
   content: "\f00c";
   color: var(--white-color);
   background-color: var(--theme-color);
   border-color: var(--theme-color);
 }
 input[type="checkbox"] ~ label {
   position: relative;
   padding-left: 30px;
   cursor: pointer;
   display: block;
 }
 input[type="checkbox"] ~ label:before {
   content: '';
   font-family: var(--icon-font);
   font-weight: 700;
   position: absolute;
   left: 0px;
   top: 3.5px;
   background-color: var(--white-color);
   border: 1px solid var(--th-border-color);
   height: 18px;
   width: 18px;
   line-height: 18px;
   text-align: center;
   font-size: 12px;
 }
 input[type="radio"] {
   visibility: hidden;
   opacity: 0;
   display: inline-block;
   vertical-align: middle;
   width: 0;
   height: 0;
   display: none;
 }
 input[type="radio"] ~ label {
   position: relative;
   padding-left: 30px;
   cursor: pointer;
   line-height: 1;
   display: inline-block;
   font-weight: 600;
   margin-bottom: 0;
 }
 input[type="radio"] ~ label::before {
   content: '\f111';
   position: absolute;
   font-family: var(--icon-font);
   left: 0;
   top: -2px;
   width: 20px;
   height: 20px;
   padding-left: 0;
   font-size: 0.6em;
   line-height: 19px;
   text-align: center;
   border: 1px solid var(--theme-color);
   border-radius: 100%;
   font-weight: 700;
   background: var(--white-color);
   color: transparent;
   -webkit-transition: all 0.2s ease;
   transition: all 0.2s ease;
 }
 input[type="radio"]:checked ~ label::before {
   border-color: var(--theme-color);
   background-color: var(--theme-color);
   color: var(--white-color);
 }
 label {
   margin-bottom: 0.5em;
   margin-top: -0.3em;
   display: block;
   color: var(--title-color);
   font-family: var(--body-font);
   font-size: 16px;
 }
 textarea.is-invalid, select.is-invalid, input.is-invalid, .was-validated input:invalid {
   border: 1px solid var(--error-color) !important;
   background-position: right calc(0.375em + 0.8875rem) center;
   background-image: none;
 }
 textarea.is-invalid:focus, select.is-invalid:focus, input.is-invalid:focus, .was-validated input:invalid:focus {
   outline: 0;
   box-shadow: none;
 }
 textarea.is-invalid {
   background-position: top calc(0.375em + 0.5875rem) right calc(0.375em + 0.8875rem);
 }
 .row.no-gutters > .form-group {
   margin-bottom: 0;
 }
 .form-messages {
   display: none;
 }
 .form-messages.mb-0 * {
   margin-bottom: 0;
 }
 .form-messages.success {
   color: var(--success-color);
   display: block;
 }
 .form-messages.error {
   color: var(--error-color);
   display: block;
 }
 .form-messages pre {
   padding: 0;
   background-color: transparent;
   color: inherit;
 }

:root {
   --input-height: 56px;
 }


 /*------------------- 2.5. Slick Slider -------------------*/
 .swiper-wrapper.row {
   -webkit-flex-wrap: nowrap;
   -ms-flex-wrap: nowrap;
   flex-wrap: nowrap;
 }
 .th-slider.has-shadow {
   padding-left: 12px;
   padding-right: 12px;
   margin: -25px -12px;
 }
 .th-slider.has-shadow .swiper-wrapper {
   padding: 25px 0;
   display: flex;
   height: auto;
 }
 .th-slider.has-shadow .swiper-wrapper .swiper-slide {
   height: auto;
   display: flex
 }
 .swiper-fade .swiper-slide {
   -webkit-transition: 0.6s ease-in-out;
   transition: 0.6s ease-in-out;
 }
 .swiper-fade .swiper-slide-prev {
   opacity: 0;
 }
 .swiper-pagination-bullets {
   position: relative;
   z-index: 3;
   text-align: center;
   margin: 45px 0 10px 0;
   padding-bottom: 20px;
   line-height: 20px;
   height: 16px;
 }
 .swiper-pagination-bullets .swiper-pagination-bullet {
   display: inline-block;
   --swiper-pagination-bullet-size: 16px;
   --swiper-pagination-bullet-horizontal-gap: 15px;
   margin: 0px 7px !important;
   opacity: 1;
   background-color: transparent;
   border: 1px solid #113D48;
   color: #E4E4E4;
   border-radius: 50%;
   position: relative;
   cursor: pointer;
   /* Extra small devices */
 }
 .swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active {
   background-color: var(--theme-color);
   border-color: var(--theme-color);
 }
 .slider-area {
   position: relative;
 }
 .slider-arrow {
   display: inline-block;
   padding: 0;
   background-color: var(--white-color);
   border: 1px solid var(--white-color);
   box-shadow: 0px 20px 20px rgba(204, 204, 204, 0.25);
   border-radius: 48px;
   color: var(--theme-color);
   position: absolute;
   top: 50%;
   left: var(--pos-x, -120px);
   width: var(--icon-size, 88px);
   height: var(--icon-size, 56px);
   line-height: var(--icon-size, 56px);
   font-size: var(--icon-font-size, 18px);
   margin-top: calc(var(--icon-size, 56px) / -2);
   z-index: 3;
   -webkit-transition: all 0.4s ease-in-out;
   transition: all 0.4s ease-in-out;
   /* Extra large devices */
 }
 .slider-arrow.style2 {
   width: var(--icon-size, 56px);
   height: var(--icon-size, 56px);
   background-color: var(--theme-color);
   color: var(--white-color);
   border-color: var(--theme-color);
 }
 .slider-arrow.style2:hover {
   background-color: var(--title-color);
   color: var(--white-color);
   border-color: var(--title-color);
   border-color: var(--title-color);
 }
 .slider-arrow.style3 {
   background-color: var(--white-color);
   color: var(--white-color);
   --icon-size: 48px;
   line-height: 48px;
   border-radius: 50%;
   border-color: var(--white-color);
 }
 .slider-arrow.style3:hover {
   background-color: var(--title-color);
   color: var(--white-color);
   border-color: var(--white-color);
 }
 .slider-arrow.style4 {
   background-color: transparent;
   color: var(--title-color);
   border-color: #E4E4E4;
   box-shadow: none;
   font-size: var(--icon-font-size, 22px);
 }
 .slider-arrow.style4:hover {
   background-color: var(--title-color);
   color: var(--white-color);
   border-color: var(--title-color);
   border-color: var(--title-color);
 }
 .slider-arrow.default {
   position: relative;
   --pos-x: 0;
   margin-top: 0;
 }
 .slider-arrow.slider-next {
   right: var(--pos-x, -120px);
   left: auto;
 }
 .slider-arrow:hover {
   background-color: var(--theme-color);
   color: var(--white-color);
   border-color: var(--theme-color);
 }
 .slider-arrow:hover img {
   -webkit-filter: brightness(0) invert(1);
   filter: brightness(0) invert(1);
 }
 .arrow-margin .slider-arrow {
   top: calc(50% - 30px);
 }
 .arrow-wrap {
   position: relative;
 }
 .arrow-wrap .slider-arrow {
   opacity: 0;
   visibility: hidden;
   -webkit-transform: scale(0.4);
   -ms-transform: scale(0.4);
   transform: scale(0.4);
   /* Medium Large devices */
 }
 .arrow-wrap:hover .slider-arrow {
   opacity: 1;
   visibility: visible;
   -webkit-transform: scale(1);
   -ms-transform: scale(1);
   transform: scale(1);
 }
 .icon-box .slider-arrow {
   -webkit-transform: scale(1);
   -ms-transform: scale(1);
   transform: scale(1);
   opacity: 1;
   visibility: visible;
 }
 .icon-box .slider-arrow:not(:last-child) {
   margin-right: 8px;
 }
 .slick-3d-active {
   margin-left: -12%;
   margin-right: -12%;
 }
 .slick-3d-active .slick-list {
   padding-left: 30% !important;
   padding-right: 30% !important;
 }
 .slick-3d-active .slick-track {
   max-width: 100% !important;
   -webkit-transform: translate3d(0, 0, 0) !important;
   transform: translate3d(0, 0, 0) !important;
   -webkit-perspective: 100px;
   perspective: 100px;
 }
 .slick-3d-active .slick-slide {
   position: absolute;
   top: 0;
   left: 0;
   right: 0;
   bottom: 0;
   margin: auto;
   opacity: 0;
   width: 100% !important;
   -webkit-transform: translate3d(0, 0, 0);
   transform: translate3d(0, 0, 0);
   -webkit-transition: opacity 1s, -webkit-transform 1s;
   transition: opacity 1s, -webkit-transform 1s;
   transition: transform 1s, opacity 1s;
   transition: transform 1s, opacity 1s, -webkit-transform 1s;
 }
 .slick-3d-active .slick-3d-next, .slick-3d-active .slick-3d-prev, .slick-3d-active .slick-3d-next2, .slick-3d-active .slick-3d-prev2 {
   display: block;
 }
 .slick-3d-active .slick-current {
   opacity: 1;
   position: relative;
   display: block;
   z-index: 2;
 }
 .slick-3d-active .slick-3d-next {
   opacity: 1;
   -webkit-transform: translate3d(50%, 0, -21px);
   transform: translate3d(50%, 0, -21px);
   z-index: 1;
   -webkit-perspective: 1000px;
   perspective: 1000px;
 }
 .slick-3d-active .slick-3d-next2 {
   opacity: 1;
   -webkit-transform: translate3d(40%, 0, -23px);
   transform: translate3d(40%, 0, -23px);
   z-index: 0;
   -webkit-perspective: 1000px;
   perspective: 1000px;
 }
 .slick-3d-active .slick-3d-prev {
   opacity: 1;
   -webkit-transform: translate3d(-50%, 0, -21px);
   transform: translate3d(-50%, 0, -21px);
 }
 .slick-3d-active .slick-3d-prev .testi-card {
   box-shadow: none;
 }
 .slick-3d-active .slick-3d-prev2 {
   opacity: 1;
   -webkit-transform: translate3d(-40%, 0, -23px);
   transform: translate3d(-40%, 0, -23px);
 }
 /*------------------- 2.6. Mobile Menu -------------------*/
 .th-menu-wrapper {
   position: fixed;
   top: 0;
   left: 0;
   bottom: 0;
   background-color: rgba(0, 0, 0, 0.6);
   z-index: 999999;
   width: 0;
   width: 100%;
   height: 100%;
   -webkit-transition: all ease 0.8s;
   transition: all ease 0.8s;
   opacity: 0;
   visibility: hidden;
 }
 .th-menu-wrapper .mobile-logo {
   padding-bottom: 30px;
   padding-top: 40px;
   display: block;
   text-align: center;
   background-color: var(--smoke-color2);
 }
 .th-menu-wrapper .mobile-logo svg {
   max-width: 185px;
 }
 .th-menu-wrapper .th-menu-toggle {
   border: none;
   font-size: 22px;
   position: absolute;
   right: -16.5px;
   top: 25px;
   padding: 0;
   line-height: 1;
   width: 33px;
   height: 33px;
   line-height: 35px;
   font-size: 18px;
   z-index: 1;
   color: var(--white-color);
   background-color: var(--theme-color);
   border-radius: 50%;
 }
 .th-menu-wrapper .th-menu-toggle:hover {
   background-color: var(--title-color);
   color: var(--white-color);
 }
 .th-menu-wrapper .th-menu-area {
   width: 100%;
   max-width: 310px;
   background-color: #fff;
   border-right: 3px solid var(--theme-color);
   height: 100%;
   position: relative;
   left: -110%;
   opacity: 0;
   visibility: hidden;
   -webkit-transition: all ease 1s;
   transition: all ease 1s;
   z-index: 1;
 }
 .th-menu-wrapper.th-body-visible {
   opacity: 1;
   visibility: visible;
 }
 .th-menu-wrapper.th-body-visible .th-menu-area {
   left: 0;
   opacity: 1;
   visibility: visible;
 }
 .th-mobile-menu {
   overflow-y: scroll;
   max-height: calc(100vh - 200px);
   padding-bottom: 40px;
   margin-top: 33px;
   text-align: left;
 }
 .th-mobile-menu ul {
   margin: 0;
   padding: 0 0;
 }
 .th-mobile-menu ul li {
   border-bottom: 1px solid #fdedf1;
   list-style-type: none;
 }
 .th-mobile-menu ul li li:first-child {
   border-top: 1px solid #fdedf1;
 }
 .th-mobile-menu ul li a {
   display: block;
   position: relative;
   padding: 12px 0;
   line-height: 1.4;
   font-size: 16px;
   text-transform: capitalize;
   color: var(--title-color);
   padding-left: 18px;
 }
 .th-mobile-menu ul li a:before {
   content: '\f105';
   font-family: var(--icon-font);
   position: absolute;
   left: 0;
   top: 12px;
   margin-right: 10px;
   display: inline-block;
 }
 .th-mobile-menu ul li.th-active > a {
   color: var(--theme-color);
 }
 .th-mobile-menu ul li.th-active > a:before {
   -webkit-transform: rotate(90deg);
   -ms-transform: rotate(90deg);
   transform: rotate(90deg);
 }
 .th-mobile-menu ul li ul li {
   padding-left: 20px;
 }
 .th-mobile-menu ul li ul li:last-child {
   border-bottom: none;
 }
 .th-mobile-menu ul .menu-item-has-children > a .th-mean-expand {
   position: absolute;
   right: 0;
   top: 50%;
   font-weight: 400;
   font-size: 12px;
   width: 25px;
   height: 25px;
   line-height: 25px;
   margin-top: -12.5px;
   display: inline-block;
   text-align: center;
   background-color: var(--smoke-color);
   color: var(--title-color);
   box-shadow: 0 0 20px -8px rgba(173, 136, 88, 0.5);
   border-radius: 50%;
 }
 .th-mobile-menu ul .menu-item-has-children > a .th-mean-expand:before {
   content: '\f067';
   font-family: var(--icon-font);
 }
 .th-mobile-menu ul .menu-item-has-children > a:after {
   content: "\f067";
   font-family: var(--icon-font);
   width: 22px;
   height: 22px;
   line-height: 22px;
   display: inline-block;
   text-align: center;
   font-size: 12px;
   border-radius: 50px;
   background-color: var(--smoke-color);
   float: right;
   margin-top: 1px;
 }
 .th-mobile-menu ul .menu-item-has-children.th-active > a .th-mean-expand:before {
   content: '\f068';
 }
 .th-mobile-menu ul .menu-item-has-children.th-active > a:after {
   content: "\f068";
 }
 .th-mobile-menu > ul {
   padding: 0 40px;
 }
 .th-mobile-menu > ul > li:last-child {
   border-bottom: none;
 }
 .th-menu-toggle {
   width: 56px;
   height: 56px;
   padding: 0;
   font-size: 20px;
   border: none;
   border-radius: 8px;
   background-color: var(--theme-color);
   color: var(--white-color);
   display: inline-block;
 }
 .th-menu-toggle:hover {
   background-color: var(--theme-color);
 }
 .th-menu-toggle.style-text, .th-menu-toggle.style-text-white {
   width: auto;
   height: auto;
   background-color: transparent;
   color: var(--title-color);
   font-size: 20px;
 }
 .th-menu-toggle.style-text i, .th-menu-toggle.style-text-white i {
   margin-right: 10px;
 }
 .th-menu-toggle.style-text-white {
   color: var(--white-color);
 }
 /*=================================
    03. Utilities
==================================*/
 /*------------------- 3.1. Preloader -------------------*/
 /*======================= 
    Preloader
=======================*/
 .preloader {
   position: fixed;
   inset: 0;
   z-index: 999;
   background-color: var(--white-color);
 }
 .preloader-inner {
   text-align: center;
   position: absolute;
   left: 50%;
   top: 40%;
   -webkit-transform: translate(-50%, -50%);
   -ms-transform: translate(-50%, -50%);
   transform: translate(-50%, -50%);
   text-align: center;
   line-height: 1;
 }
 .preloader-inner img {
   display: block;
   margin: 0 auto 30px auto;
 }
 .th-preloader {
   -webkit-box-align: center;
   -webkit-align-items: center;
   -ms-flex-align: center;
   align-items: center;
   cursor: none;
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
   display: flex;
   height: 100%;
   -webkit-box-pack: center;
   -webkit-justify-content: center;
   -ms-flex-pack: center;
   justify-content: center;
   position: fixed;
   left: 0;
   top: 0;
   width: 100%;
   z-index: 900;
 }
 .th-preloader .animation-preloader {
   position: absolute;
   z-index: 100;
 }
 .th-preloader .animation-preloader .txt-loading {
   font-family: var(--title-font);
   font-size: 72px;
   line-height: 82px;
   font-weight: 700;
   text-align: center;
   -webkit-user-select: none;
   -moz-user-select: none;
   -ms-user-select: none;
   user-select: none;
 }
 .th-preloader .animation-preloader .txt-loading p {
   display: inline-block;
 }
 .th-preloader .animation-preloader .txt-loading .characters {
   color: rgba(0, 0, 0, 0.2);
   position: relative;
 }
 .th-preloader .animation-preloader .txt-loading .characters:before {
   animation: characters 5s infinite;
   color: var(--theme-color);
   content: attr(preloader-text);
   left: 0;
   opacity: 0;
   position: absolute;
   top: 10px;
   -webkit-transform: rotateY(-90deg);
   transform: rotateY(-90deg);
   -webkit-animation: characters 5s infinite;
 }
 .th-preloader .animation-preloader .txt-loading .characters:nth-child(2):before {
   -webkit-animation-delay: 0.2s;
   animation-delay: 0.2s;
 }
 .th-preloader .animation-preloader .txt-loading .characters:nth-child(3):before {
   -webkit-animation-delay: 0.4s;
   animation-delay: 0.4s;
 }
 .th-preloader .animation-preloader .txt-loading .characters:nth-child(4):before {
   -webkit-animation-delay: 0.6s;
   animation-delay: 0.6s;
 }
 .th-preloader .animation-preloader .txt-loading .characters:nth-child(5):before {
   -webkit-animation-delay: 0.8s;
   animation-delay: 0.8s;
 }
 .th-preloader .animation-preloader .txt-loading .characters:nth-child(6):before {
   -webkit-animation-delay: 1s;
   animation-delay: 1s;
 }
 /* Animation of letters loading from the preloader */
 @-webkit-keyframes characters {
   0%, 75%, 100% {
     opacity: 0;
     -webkit-transform: rotateY(-90deg);
     transform: rotateY(-90deg);
   }
   25%, 50% {
     opacity: 1;
     -webkit-transform: rotateY(0deg);
     transform: rotateY(0deg);
   }
 }
 @keyframes characters {
   0%, 75%, 100% {
     opacity: 0;
     -webkit-transform: rotateY(-90deg);
     transform: rotateY(-90deg);
   }
   25%, 50% {
     opacity: 1;
     -webkit-transform: rotateY(0deg);
     transform: rotateY(0deg);
   }
 }
 /*------------------- 3.2. Buttons -------------------*/
 .th-btn {
   position: relative;
   z-index: 2;
   overflow: hidden;
   vertical-align: middle;
   text-align: center;
   background-color: var(--theme-color);
   color: var(--white-color);
   font-family: var(--body-font);
   display: -webkit-inline-box;
   display: -webkit-inline-flex;
   display: -ms-inline-flexbox;
   display: inline-flex;
   -webkit-box-pack: center;
   -webkit-justify-content: center;
   -ms-flex-pack: center;
   justify-content: center;
   -webkit-box-align: center;
   -webkit-align-items: center;
   -ms-flex-align: center;
   align-items: center;
   text-transform: capitalize;
   border: none;
   font-size: 16px;
   font-weight: 400;
   padding: 18.8px 35px;
   border-radius: 48px;
   -webkit-transition: all 0.3s 0s ease-out;
   transition: all 0.3s 0s ease-out;
   gap: 8px;
 }
 .th-btn.th-icon:after {
   content: '';
   position: relative;
   display: block;
   -webkit-transition: 0.4s;
   transition: 0.4s;
 }
 .th-btn:before {
   content: '';
   width: 0;
   height: 100%;
   border-radius: 30em;
   position: absolute;
   top: 0;
   left: -5%;
   background-color: var(--title-color);
   -webkit-transition: .5s ease;
   transition: .5s ease;
   display: block;
   z-index: -1;
 }
 .th-btn:hover, .th-btn.active {
   color: var(--white-color);
   box-shadow: none;
 }
 .th-btn:hover.th-icon i, .th-btn.active.th-icon i {
   -webkit-transform: rotate(0deg);
   -ms-transform: rotate(0deg);
   transform: rotate(0deg);
 }
 .th-btn:hover:before, .th-btn.active:before {
   width: 110%;
 }
 .th-btn.style1:before, .th-btn.style1:after {
   background-color: var(--white-color);
 }
 .th-btn.style1:hover {
   color: var(--title-color);
 }
 .th-btn.style1:hover:before, .th-btn.style1:hover:after {
   background-color: var(--white-color);
 }
 .th-btn.style2 {
   background-color: transparent;
   color: var(--white-color);
   border: 1px solid var(--white-color);
 }
 .th-btn.style2:hover {
   color: var(--black-color2);
   border: 1px solid var(--white-color);
 }
 .th-btn.style2:hover:after {
   background-color: var(--title-color);
 }
 .th-btn.style2:before {
   background-color: var(--white-color);
 }
 .th-btn.style3 {
   background-color: var(--title-color);
   color: var(--white-color);
   box-shadow: none;
   border: none;
 }
 .th-btn.style3:before {
   background-color: #ee9c25;
 }
 .th-btn.style4 {
   background-color: var(--theme-color);
   color: var(--title-color);
   border: 1px solid var(--title-color);
   padding: 14px 25px;
   color: #fff;
 }
 .th-btn.style4.th-icon:after {
   display: none;
 }
 .th-btn.style4:hover {
   color: var(--white-color);
   background-color: #ee9c25;
   border: 1px solid #ee9c25;
 }
 .th-btn.style4:before {
   background-color: #ee9c25;
 }
 .th-btn.white-btn {
   background-color: var(--white-color);
   color: var(--black-color2);
 }
 .th-btn.th-radius {
   border-radius: 0;
 }
 .th-btn.th-radius2 {
   border-radius: 8px;
 }
 .th-btn.btn-fw {
   width: 100%;
   padding: 18px 30px;
 }
 .icon-btn {
   display: inline-block;
   width: var(--btn-size, 46px);
   height: var(--btn-size, 46px);
   line-height: var(--btn-size, 43px);
   font-size: var(--btn-font-size, 18px);
   background-color: transparent;
   border: 2px solid #888C97;
   color: var(--title-color);
   text-align: center;
   border-radius: 99px;
   -webkit-transition: 0.4s ease-in-out;
   transition: 0.4s ease-in-out;
   position: relative;
 }
 .icon-btn.th-icon i {
   -webkit-transform: rotate(-45deg);
   -ms-transform: rotate(-45deg);
   transform: rotate(-45deg);
   -webkit-transition: 0.4s ease-in-out;
   transition: 0.4s ease-in-out;
 }
 .icon-btn:hover {
   background-color: var(--theme-color);
   border-color: var(--theme-color);
   color: var(--white-color);
 }
 .icon-btn:hover.th-icon i {
   -webkit-transform: rotate(0deg);
   -ms-transform: rotate(0deg);
   transform: rotate(0deg);
 }
 .icon-btn.style2 {
   background-color: var(--theme-color);
   color: var(--white-color);
   border: none;
   border-radius: 99px;
 }
 .icon-btn.style2:hover {
   background-color: var(--theme-color);
 }
 .play-btn {
   display: inline-block;
   position: relative;
   z-index: 1;
 }
 .play-btn > i {
   display: inline-block;
   width: var(--icon-size, 56px);
   height: var(--icon-size, 56px);
   line-height: var(--icon-size, 56px);
   text-align: center;
   background: var(--white-color);
   color: var(--title-color);
   font-size: var(--icon-font-size, 1.7em);
   border-radius: 50%;
   z-index: 1;
   -webkit-transition: all ease 0.4s;
   transition: all ease 0.4s;
 }
 .play-btn:after, .play-btn:before {
   content: "";
   position: absolute;
   left: 0;
   top: 0;
   right: 0;
   bottom: 0;
   background-color: var(--white-color);
   z-index: -1;
   border-radius: 50%;
   -webkit-transition: all ease 0.4s;
   transition: all ease 0.4s;
 }
 .play-btn:after {
   -webkit-animation-delay: 2s;
   animation-delay: 2s;
 }
 .play-btn:hover:after, .play-btn:hover::before, .play-btn:hover i {
   background-color: var(--theme-color);
   color: var(--white-color);
 }
 .play-btn.style2 > i {
   background-color: rgba(255, 255, 255, 0.3);
   color: var(--white-color);
 }
 .play-btn.style2:before, .play-btn.style2:after {
   background-color: transparent;
   border: 1px solid var(--white-color);
 }
 .play-btn.style3 > i {
   --icon-size: 40px;
   font-size: 14px;
   border: 1px solid;
   background-color: var(--theme-color);
   color: var(--white-color);
 }
 .play-btn.style3:before, .play-btn.style3:after {
   background-color: var(--white-color);
 }
 .play-btn.style3:hover > i {
   background-color: var(--white-color);
   color: var(--theme-color);
 }
 .play-btn.style3:hover:before, .play-btn.style3:hover:after {
   background-color: var(--white-color);
 }
 .link-btn {
   font-weight: 600;
   font-size: 14px;
   display: inline-block;
   line-height: 0.8;
   position: relative;
   padding-bottom: 2px;
   margin-bottom: -2px;
   text-transform: uppercase;
   color: var(--theme-color);
 }
 .link-btn i {
   margin-left: 5px;
   font-size: 0.9rem;
 }
 .link-btn:before {
   content: "";
   position: absolute;
   left: 0;
   bottom: 0;
   width: 0;
   height: 2px;
   background-color: var(--theme-color);
   -webkit-transition: all ease 0.4s;
   transition: all ease 0.4s;
 }
 .link-btn:hover {
   color: var(--theme-color);
 }
 .link-btn:hover::before {
   width: 100%;
 }
 .line-btn {
   font-family: var(--body-font);
   display: inline-block;
   font-size: 14px;
   font-weight: 600;
   position: relative;
   padding-bottom: 2px;
   margin-bottom: -1px;
   text-transform: uppercase;
   color: var(--theme-color);
 }
 .line-btn.th-icon i {
   -webkit-transform: rotate(-45deg);
   -ms-transform: rotate(-45deg);
   transform: rotate(-45deg);
   -webkit-transition: all 0.4s ease;
   transition: all 0.4s ease;
 }
 .line-btn i {
   margin-left: 5px;
   font-size: 0.9rem;
   -webkit-transition: all ease 0.4s;
   transition: all ease 0.4s;
 }
 .line-btn:before {
   content: "";
   position: absolute;
   left: 0;
   bottom: 0;
   width: 100%;
   height: 1px;
   background-color: var(--theme-color);
   -webkit-transition: all ease 0.4s;
   transition: all ease 0.4s;
 }
 .line-btn:hover {
   color: var(--title-color);
 }
 .line-btn:hover.th-icon i {
   -webkit-transform: rotate(0deg);
   -ms-transform: rotate(0deg);
   transform: rotate(0deg);
 }
 .line-btn:hover::before {
   background-color: var(--title-color);
   width: 45px;
 }
 .scroll-top {
   position: fixed;
   right: 30px;
   bottom: 30px;
   height: 50px;
   width: 50px;
   cursor: pointer;
   display: block;
   border-radius: 50px;
   z-index: 10000;
   opacity: 1;
   visibility: hidden;
   -webkit-transform: translateY(45px);
   -ms-transform: translateY(45px);
   transform: translateY(45px);
   -webkit-transition: all 300ms linear;
   transition: all 300ms linear;
 }
 .scroll-top:after {
   content: "\f062";
   font-family: var(--icon-font);
   position: absolute;
   text-align: center;
   line-height: 50px;
   font-size: 20px;
   color: var(--theme-color);
   left: 0;
   top: 0;
   height: 50px;
   width: 50px;
   cursor: pointer;
   display: block;
   z-index: 1;
   border: 2px solid var(--theme-color);
   box-shadow: none;
   border-radius: 50%;
 }
 .scroll-top svg {
   color: var(--theme-color);
   border-radius: 50%;
   background: var(--white-color);
 }
 .scroll-top svg path {
   fill: none;
 }
 .scroll-top .progress-circle path {
   stroke: var(--theme-color);
   stroke-width: 20px;
   box-sizing: border-box;
   -webkit-transition: all 400ms linear;
   transition: all 400ms linear;
 }
 .scroll-top.show {
   opacity: 1;
   visibility: visible;
   -webkit-transform: translateY(0);
   -ms-transform: translateY(0);
   transform: translateY(0);
 }
 /*------------------- 3.3. Titles -------------------*/
 .sec-title {
   margin-bottom: calc(var(--section-title-space) - 11px);
 }
 .sub-title {
   display: block;
   color: #ee9c25;
   font-size: 40px;
   line-height: 40px;
   font-weight: 400;
   font-family: var(--style-font);
   position: relative;
   margin-bottom: -4px;
   /* Extra small devices */
 }
 .box-title {
   font-size: 24px;
   color: #000;
   line-height: 1.417;
   font-weight: 600;
   margin-top: 0;
 }
 .box-title a {
   color: #1c4487;
 }
 .destination-content .box-title a, .destination-content .box-title a:hover {
   color: #1c4487;
 }
 .box-subtitle {
   margin-bottom: 8px;
 }
 .box-title2 {
   font-size: 20px;
   line-height: 1.5;
   font-weight: 700;
   margin-top: -0.35em;
 }
 .box-title2 a {
   color: inherit;
 }
 .box-title2 a:hover {
   color: var(--theme-color);
 }
 .sec-text {
   font-size: 17px;
   line-height: 1.6;
 }
 .sec-text.style2 {
   max-width: 776px;
   /* Medium devices */
 }
 .title-area {
   margin-bottom: calc(var(--section-title-space) - 11px);
   position: relative;
   z-index: 2;
 }
 .title-area .sec-title {
   margin-bottom: 22px;
 }
 .title-area.mb-0 .sec-title {
   margin-bottom: -0.24em;
 }
 .title-area .th-btn {
   margin-top: 20px;
   margin-bottom: 10px;
 }
 .mb-32 {
   margin-bottom: 32px;
 }
 hr.title-line {
   margin-top: 0;
   background-color: var(--th-border-color);
   opacity: 1;
 }
 .sec-btn {
   text-align: center;
 }
 .sec-btn, .title-line {
   margin-bottom: var(--section-title-space);
 }
 .shadow-title {
   font-family: var(--title-font);
   font-size: 74px;
   font-weight: 900;
   line-height: 1;
   background-image: -webkit-linear-gradient(top, rgba(226, 232, 250, 0.7) 0%, rgba(226, 232, 250, 0) 88.54%);
   background-image: linear-gradient(180deg, rgba(226, 232, 250, 0.7) 0%, rgba(226, 232, 250, 0) 88.54%);
   -webkit-background-clip: text;
   -webkit-text-fill-color: transparent;
   background-clip: text;
   text-fill-color: transparent;
   margin: -0.55em 0 -0.45em -0.25em;
 }
 .shadow-title.color2 {
   background-image: -webkit-linear-gradient(top, #232C47 0%, rgba(20, 29, 56, 0) 91.15%);
   background-image: linear-gradient(180deg, #232C47 0%, rgba(20, 29, 56, 0) 91.15%);
 }
 .shadow-title.color3 {
   background-image: -webkit-linear-gradient(top, #E0E0E0 0%, rgba(220, 214, 214, 0) 93.75%);
   background-image: linear-gradient(180deg, #E0E0E0 0%, rgba(220, 214, 214, 0) 93.75%);
 }
 .title-area2 {
   padding: 50px 100px;
 }
 .title-area2 .subtitle {
   color: var(--white-color);
   text-transform: uppercase;
   margin-top: -0.4em;
   margin-bottom: 5px;
   display: block;
 }
 .title-area2 .title {
   color: var(--white-color);
   max-width: 430px;
   margin-bottom: -0.26em;
 }
 .tx-split-text .split-line {
   overflow: hidden;
 }
 .title-ani, .text-ani {
   text-align: inherit !important;
 }
 .title-ani > *, .text-ani > * {
   text-align: inherit !important;
 }
 #smooth-wrapper {
   padding-top: var(--headerHeight);
 }
 /*------------------- 3.4. Common -------------------*/
 .shape-mockup-wrap {
   z-index: 2;
   position: relative;
 }
 .shape-mockup {
   position: absolute;
   z-index: -1;
   pointer-events: none;
 }
 .shape-mockup.z-index-3 {
   z-index: 3;
   pointer-events: none;
 }
 .shape-mockup.z-index-1 {
   z-index: 1;
   pointer-events: none;
 }
 .shape-mockup .svg-img {
   height: 110px;
   width: 110px;
 }
 .shape-mockup.hero_wrap {
   z-index: 1;
 }
 .shape-mockup.shape1 {
   -webkit-animation: cloudAni 10s linear infinite;
   animation: cloudAni 10s linear infinite;
 }
 .shape-mockup.shape2 {
   -webkit-animation: cloudAni 15s linear infinite;
   animation: cloudAni 15s linear infinite;
 }
 .shape-mockup.shape3 {
   -webkit-animation: cloudAni 20s linear infinite;
   animation: cloudAni 20s linear infinite;
 }
 .z-index-step1 {
   position: relative;
   z-index: 4 !important;
 }
 .z-index-common {
   position: relative;
   z-index: 3;
 }
 .z-index-3 {
   z-index: 3;
 }
 .z-index-n1 {
   z-index: -1;
 }
 .media-body {
   -webkit-box-flex: 1;
   -webkit-flex: 1;
   -ms-flex: 1;
   flex: 1;
 }
 .badge {
   position: absolute;
   width: -webkit-fit-content;
   width: -moz-fit-content;
   width: fit-content;
   display: inline-block;
   text-align: center;
   background-color: var(--theme-color);
   color: var(--white-color);
   padding: 0.25em 0.45em;
   font-size: 0.7em;
   border-radius: 50%;
   top: 8px;
   right: 8px;
   font-weight: 400;
   -webkit-transition: 0.3s ease-in-out;
   transition: 0.3s ease-in-out;
 }
 .th-social a {
   display: inline-block;
   width: var(--icon-size, 32px);
   height: var(--icon-size, 32px);
   line-height: var(--icon-size, 32px);
   background-color: #E9F6F9;
   color: var(--theme-color);
   font-size: 16px;
   border-radius: 50%;
   text-align: center;
   margin-right: 5px;
   -webkit-transition: all 0.4s ease;
   transition: all 0.4s ease;
 }
 .th-social a:last-child {
   margin-right: 0;
 }
 .th-social a:hover {
   background-color: var(--theme-color);
   color: var(--white-color);
 }
 .th-social a:hover i {
   -webkit-animation: slideTop 0.5s;
   animation: slideTop 0.5s;
 }
 .th-social.color-theme a {
   color: var(--body-color);
   border-color: var(--theme-color);
 }
 .bg-mask {
   -webkit-mask-size: 100% 100%;
   mask-size: 100% 100%;
   -webkit-mask-repeat: no-repeat;
   mask-repeat: no-repeat;
 }
 .box-icon img {
   -webkit-transition: 0.4s ease-in-out;
   transition: 0.4s ease-in-out;
 }
 .box-text {
   margin-bottom: -0.5em;
 }
 .btn-group {
   display: -webkit-inline-box;
   display: -webkit-inline-flex;
   display: -ms-inline-flexbox;
   display: inline-flex;
   -webkit-flex-wrap: wrap;
   -ms-flex-wrap: wrap;
   flex-wrap: wrap;
   -webkit-box-align: center;
   -webkit-align-items: center;
   -ms-flex-align: center;
   align-items: center;
   gap: 30px;
   /* Small devices */
   /* Extra small devices */
 }
 .btn-group.style1 {
   gap: 40px;
   /* Extra small devices */
 }
 .btn-group.style2 {
   gap: 20px 70px;
   /* Small devices */
 }
 .th-bg-img {
   position: absolute;
   inset: 0;
 }
 .th-bg-img img {
   height: 100%;
   width: 100%;
   object-fit: cover;
 }
 .mfp-zoom-in .mfp-content {
   opacity: 0;
   -webkit-transition: all 0.4s ease;
   transition: all 0.4s ease;
   -webkit-transform: scale(0.5);
   -ms-transform: scale(0.5);
   transform: scale(0.5);
 }
 .mfp-zoom-in.mfp-bg {
   opacity: 0;
   -webkit-transition: all 0.4s ease;
   transition: all 0.4s ease;
 }
 .mfp-zoom-in.mfp-ready .mfp-content {
   opacity: 1;
   -webkit-transform: scale(1);
   -ms-transform: scale(1);
   transform: scale(1);
 }
 .mfp-zoom-in.mfp-ready.mfp-bg {
   opacity: 0.7;
 }
 .mfp-zoom-in.mfp-removing .mfp-content {
   -webkit-transform: scale(0.7);
   -ms-transform: scale(0.7);
   transform: scale(0.7);
   opacity: 0;
 }
 .mfp-zoom-in.mfp-removing.mfp-bg {
   opacity: 0;
 }
 /* cursor area start ---------------------------*/
 .magic-cursor.relative {
   z-index: 999999;
 }
 .cursor {
   position: absolute;
   background: transparent;
   cursor: pointer;
   width: 16px;
   height: 16px;
   line-height: 16px;
   border-radius: 100%;
   z-index: 9999999;
   -webkit-transition: 0.5s cubic-bezier(0.75, -1.27, 0.3, 2.33) opacity, 0.5s cubic-bezier(0.75, -1.27, 0.3, 2.33) -webkit-transform;
   transition: 0.5s cubic-bezier(0.75, -1.27, 0.3, 2.33) opacity, 0.5s cubic-bezier(0.75, -1.27, 0.3, 2.33) -webkit-transform;
   transition: 0.5s cubic-bezier(0.75, -1.27, 0.3, 2.33) transform, 0.5s cubic-bezier(0.75, -1.27, 0.3, 2.33) opacity;
   transition: 0.5s cubic-bezier(0.75, -1.27, 0.3, 2.33) transform, 0.5s cubic-bezier(0.75, -1.27, 0.3, 2.33) opacity, 0.5s cubic-bezier(0.75, -1.27, 0.3, 2.33) -webkit-transform;
   -webkit-user-select: none;
   -moz-user-select: none;
   -ms-user-select: none;
   user-select: none;
   pointer-events: none;
   -webkit-transform: scale(0.8);
   -ms-transform: scale(0.8);
   transform: scale(0.8);
 }
 .cursor:before {
   content: "DRAG"" """;
   font-family: var(--icon-font);
   width: 100%;
   height: 100%;
   line-height: 100%;
   position: absolute;
   font-size: 2px;
   top: 6.5px;
   left: 5px;
   display: block;
   border-radius: 100%;
   opacity: 0;
   color: var(--white-color);
   letter-spacing: 0.02em;
 }
 .cursor:after {
   position: absolute;
   content: "\f104";
   font-family: var(--icon-font);
   font-size: 2px;
   color: var(--white-color);
   top: 6.5px;
   left: 3px;
   width: 100%;
   height: 100%;
   line-height: 100%;
   opacity: 0;
 }
 .cursor.active {
   opacity: 1;
   -webkit-transform: scale(8);
   -ms-transform: scale(8);
   transform: scale(8);
   background: rgba(17, 61, 72, 0.7);
   -webkit-backdrop-filter: blur(6px);
   backdrop-filter: blur(6px);
   -webkit-transition: 0.5s cubic-bezier(0.75, -1.27, 0.3, 2.33) opacity, 0.5s cubic-bezier(0.75, -1.27, 0.3, 2.33) -webkit-transform;
   transition: 0.5s cubic-bezier(0.75, -1.27, 0.3, 2.33) opacity, 0.5s cubic-bezier(0.75, -1.27, 0.3, 2.33) -webkit-transform;
   transition: 0.5s cubic-bezier(0.75, -1.27, 0.3, 2.33) transform, 0.5s cubic-bezier(0.75, -1.27, 0.3, 2.33) opacity;
   transition: 0.5s cubic-bezier(0.75, -1.27, 0.3, 2.33) transform, 0.5s cubic-bezier(0.75, -1.27, 0.3, 2.33) opacity, 0.5s cubic-bezier(0.75, -1.27, 0.3, 2.33) -webkit-transform;
 }
 .cursor.active:before, .cursor.active:after {
   opacity: 1;
 }
 .cursor-follower {
   position: absolute;
   width: 14px;
   height: 14px;
   border-radius: 100%;
   z-index: 99999999;
   background-color: var(--theme-color);
   -webkit-transition: 0.5s cubic-bezier(0.75, -1.27, 0.3, 2.33) opacity, 0.5s cubic-bezier(0.75, -1.27, 0.3, 2.33) background, 0.5s cubic-bezier(0.75, -1.27, 0.3, 2.33) -webkit-transform;
   transition: 0.5s cubic-bezier(0.75, -1.27, 0.3, 2.33) opacity, 0.5s cubic-bezier(0.75, -1.27, 0.3, 2.33) background, 0.5s cubic-bezier(0.75, -1.27, 0.3, 2.33) -webkit-transform;
   transition: 0.5s cubic-bezier(0.75, -1.27, 0.3, 2.33) transform, 0.5s cubic-bezier(0.75, -1.27, 0.3, 2.33) opacity, 0.5s cubic-bezier(0.75, -1.27, 0.3, 2.33) background;
   transition: 0.5s cubic-bezier(0.75, -1.27, 0.3, 2.33) transform, 0.5s cubic-bezier(0.75, -1.27, 0.3, 2.33) opacity, 0.5s cubic-bezier(0.75, -1.27, 0.3, 2.33) background, 0.5s cubic-bezier(0.75, -1.27, 0.3, 2.33) -webkit-transform;
   -webkit-user-select: none;
   -moz-user-select: none;
   -ms-user-select: none;
   user-select: none;
   pointer-events: none;
   -webkit-transform: translate(8px, 8px);
   -ms-transform: translate(8px, 8px);
   transform: translate(8px, 8px);
 }
 .cursor-follower.active {
   opacity: 1;
   -webkit-transform: scale(0);
   -ms-transform: scale(0);
   transform: scale(0);
 }
 /* cursor area end ---------------------------*/
 /*------------------- 3.6. Font -------------------*/
 .font-icon {
   font-family: var(--icon-font);
 }
 .font-title {
   font-family: var(--title-font);
 }
 .font-body {
   font-family: var(--body-font);
 }
 .fw-extralight {
   font-weight: 100;
 }
 .fw-light {
   font-weight: 300;
 }
 .fw-normal {
   font-weight: 400;
 }
 .fw-medium {
   font-weight: 500;
 }
 .fw-semibold {
   font-weight: 600;
 }
 .fw-bold {
   font-weight: 700;
 }
 .fw-extrabold {
   font-weight: 800;
 }
 .fs-md {
   font-size: 18px;
 }
 .fs-16 {
   font-size: 16px !important;
 }
 .fs-xs {
   font-size: 14px;
 }
 /*------------------- 3.7. Background -------------------*/
 .bg-theme {
   background-color: var(--theme-color) !important;
 }
 .bg-smoke {
   background-color: var(--smoke-color) !important;
 }
 .bg-smoke2 {
   background-color: var(--smoke-color2) !important;
 }
 .bg-white {
   background-color: var(--white-color) !important;
 }
 .bg-black {
   background-color: var(--black-color) !important;
 }
 .bg-black2 {
   background-color: var(--black-color2) !important;
 }
 .bg-title {
   background-color: var(--theme-color) !important;
 }
 .gradient-body {
   background-image: -webkit-linear-gradient(top, rgba(237, 240, 244, 0.5) 2.66%, rgba(237, 240, 244, 0.36) 90.4%);
   background-image: linear-gradient(180deg, rgba(237, 240, 244, 0.5) 2.66%, rgba(237, 240, 244, 0.36) 90.4%);
 }
 .gr-bg1 {
   background: -webkit-linear-gradient(top, rgba(237, 240, 244, 0) 0%, rgba(237, 240, 244, 0.85) 100%);
   background: linear-gradient(180deg, rgba(237, 240, 244, 0) 0%, rgba(237, 240, 244, 0.85) 100%);
 }
 .gr-bg2 {
   background-image: -webkit-linear-gradient(349.38deg, rgba(249, 215, 175, 0.3) 0%, rgba(214, 202, 245, 0.3) 24.03%, rgba(198, 241, 255, 0.3) 45.73%, rgba(248, 242, 222, 0.3) 69.05%, rgba(212, 179, 253, 0.3) 100.44%);
   background-image: linear-gradient(100.62deg, rgba(249, 215, 175, 0.3) 0%, rgba(214, 202, 245, 0.3) 24.03%, rgba(198, 241, 255, 0.3) 45.73%, rgba(248, 242, 222, 0.3) 69.05%, rgba(212, 179, 253, 0.3) 100.44%);
 }
 .gr-bg3 {
   background-image: -webkit-linear-gradient(339.41deg, rgba(236, 207, 254, 0.4) 0%, rgba(255, 221, 221, 0.5) 46.79%, rgba(247, 255, 229, 0.7) 100%);
   background-image: linear-gradient(110.59deg, rgba(236, 207, 254, 0.4) 0%, rgba(255, 221, 221, 0.5) 46.79%, rgba(247, 255, 229, 0.7) 100%);
   -webkit-backdrop-filter: blur(10px);
   backdrop-filter: blur(10px);
 }
 .gr-bg4 {
   background-image: -webkit-linear-gradient(344.56deg, rgba(255, 229, 133, 0.4) 0%, rgba(189, 255, 199, 0.4) 48.48%, rgba(223, 109, 223, 0.4) 100%);
   background-image: linear-gradient(105.44deg, rgba(255, 229, 133, 0.4) 0%, rgba(189, 255, 199, 0.4) 48.48%, rgba(223, 109, 223, 0.4) 100%);
   -webkit-backdrop-filter: blur(15px);
   backdrop-filter: blur(15px);
 }
 .gray-body {
   background-color: #F8FAFF;
 }
 .background-image, [data-bg-src] {
   background-repeat: no-repeat;
   background-size: cover;
   background-position: center center;
 }
 .bg-fluid {
   background-repeat: no-repeat;
   background-size: 100% 100%;
   background-position: center center;
 }
 .bg-auto {
   background-size: auto auto;
 }
 .bg-top-center {
   background-size: auto;
   background-position: top center;
 }
 .bg-bottom-center {
   background-size: auto;
   background-position: bottom center;
 }
 .bg-repeat {
   background-size: auto;
   background-repeat: repeat;
 }
 .bg-bottom-right {
   background-size: auto;
   background-position: bottom right;
 }
 .bg-top-right {
   background-size: auto;
   background-position: top right;
 }
 .bg-top-left {
   background-size: auto;
   background-position: top left;
 }
 .th-radius {
   border-radius: 20px;
 }
 /*------------------- 3.8. Text Color -------------------*/
 .text-theme {
   color: var(--theme-color) !important;
 }
 .text-theme2 {
   color: var(--theme-color) !important;
 }
 .text-title {
   color: #585858 !important;
 }
 .text-body {
   color: var(--body-color) !important;
 }
 .text-white {
   color: var(--white-color) !important;
 }
 .text-light {
   color: var(--light-color) !important;
 }
 .text-yellow {
   color: var(--yellow-color) !important;
 }
 .text-success {
   color: var(--success-color) !important;
 }
 .text-error {
   color: var(--error-color) !important;
 }
 .text-inherit {
   color: inherit;
 }
 .text-inherit:hover {
   color: var(--theme-color);
 }
 a.text-theme:hover, .text-reset:hover {
   text-decoration: underline;
 }
 /*------------------- 3.9. Overlay -------------------*/
 .overlay {
   position: absolute;
   top: 0;
   left: 0;
   height: 100%;
   width: 100%;
 }
 .position-center {
   position: absolute;
   left: 50%;
   top: 50%;
   -webkit-transform: translate(-50%, -50%);
   -ms-transform: translate(-50%, -50%);
   transform: translate(-50%, -50%);
 }
 [data-overlay] {
   position: relative;
   z-index: 2;
 }
 [data-overlay] [class^="col-"], [data-overlay] [class*="col-"] {
   z-index: 1;
 }
 [data-overlay]:before {
   content: '';
   position: absolute;
   left: 0;
   top: 0;
   right: 0;
   bottom: 0;
   z-index: 1;
 }
 [data-overlay="theme"]:before {
   background-color: var(--theme-color);
 }
 [data-overlay="title"]:before {
   background-color: var(--title-color);
 }
 [data-overlay="smoke"]:before {
   background-color: var(--smoke-color);
 }
 [data-overlay="white"]:before {
   background-color: var(--white-color);
 }
 [data-overlay="black"]:before {
   background-color: var(--black-color);
 }
 [data-overlay="overlay1"]:before {
   background-color: #080E1C;
 }
 [data-opacity="1"]:before {
   opacity: 0.1;
 }
 [data-opacity="2"]:before {
   opacity: 0.2;
 }
 [data-opacity="3"]:before {
   opacity: 0.3;
 }
 [data-opacity="4"]:before {
   opacity: 0.4;
 }
 [data-opacity="5"]:before {
   opacity: 0.5;
 }
 [data-opacity="6"]:before {
   opacity: 0.6;
 }
 [data-opacity="7"]:before {
   opacity: 0.7;
 }
 [data-opacity="8"]:before {
   opacity: 0.8;
 }
 [data-opacity="9"]:before {
   opacity: 0.9;
 }
 [data-opacity="10"]:before {
   opacity: 1;
 }
 /*------------------- 3.10. Animation -------------------*/
 .ripple-animation, .play-btn:after, .play-btn:before, .testi-box_avater:after {
   -webkit-animation-duration: var(--ripple-ani-duration);
   animation-duration: var(--ripple-ani-duration);
   -webkit-animation-timing-function: ease-in-out;
   animation-timing-function: ease-in-out;
   -webkit-animation-iteration-count: infinite;
   animation-iteration-count: infinite;
   -webkit-animation-name: ripple;
   animation-name: ripple;
 }
 .ripple-animation3, .counter-card .counter-shape:after {
   -webkit-animation-duration: var(--ripple-ani-duration);
   animation-duration: var(--ripple-ani-duration);
   -webkit-animation-timing-function: ease-in-out;
   animation-timing-function: ease-in-out;
   -webkit-animation-iteration-count: infinite;
   animation-iteration-count: infinite;
   -webkit-animation-name: ripple3;
   animation-name: ripple3;
 }
 @-webkit-keyframes ripple {
   0% {
     -webkit-transform: scale(1);
     transform: scale(1);
     opacity: 0;
   }
   30% {
     opacity: 0.4;
   }
   100% {
     -webkit-transform: scale(1.8);
     transform: scale(1.8);
     opacity: 0;
   }
 }
 @keyframes ripple {
   0% {
     -webkit-transform: scale(1);
     transform: scale(1);
     opacity: 0;
   }
   30% {
     opacity: 0.4;
   }
   100% {
     -webkit-transform: scale(1.8);
     transform: scale(1.8);
     opacity: 0;
   }
 }
 @-webkit-keyframes ripple2 {
   0% {
     -webkit-transform: scale(0.6);
     transform: scale(0.6);
     opacity: 1;
   }
   10% {
     opacity: 0.60;
   }
   30% {
     opacity: 0.40;
   }
   40% {
     opacity: 0.20;
   }
   50% {
     opacity: 0.14;
   }
   100% {
     -webkit-transform: scale(3.5);
     transform: scale(3.5);
     opacity: 0;
   }
 }
 @keyframes ripple2 {
   0% {
     -webkit-transform: scale(0.6);
     transform: scale(0.6);
     opacity: 1;
   }
   10% {
     opacity: 0.60;
   }
   30% {
     opacity: 0.40;
   }
   40% {
     opacity: 0.20;
   }
   50% {
     opacity: 0.14;
   }
   100% {
     -webkit-transform: scale(3.5);
     transform: scale(3.5);
     opacity: 0;
   }
 }
 @-webkit-keyframes ripple3 {
   0% {
     -webkit-transform: scale(1);
     transform: scale(1);
     opacity: 0;
   }
   30% {
     opacity: 0.4;
   }
   100% {
     -webkit-transform: scale(2.9);
     transform: scale(2.9);
     opacity: 0.2;
   }
 }
 @keyframes ripple3 {
   0% {
     -webkit-transform: scale(1);
     transform: scale(1);
     opacity: 0;
   }
   30% {
     opacity: 0.4;
   }
   100% {
     -webkit-transform: scale(2.9);
     transform: scale(2.9);
     opacity: 0.2;
   }
 }
 @-webkit-keyframes scrollMove {
   0% {
     opacity: 0;
   }
   50% {
     opacity: 1;
   }
   100% {
     opacity: 0;
     -webkit-transform: translateY(10px);
     transform: translateY(10px);
   }
 }
 @keyframes scrollMove {
   0% {
     opacity: 0;
   }
   50% {
     opacity: 1;
   }
   100% {
     opacity: 0;
     -webkit-transform: translateY(10px);
     transform: translateY(10px);
   }
 }
 .scale {
   -webkit-animation: scale 5s ease forwards;
   animation: scale 5s ease forwards;
 }
 @-webkit-keyframes scale {
   0% {
     -webkit-transform: scale(1);
     transform: scale(1);
   }
   100% {
     -webkit-transform: scale(1.2);
     transform: scale(1.2);
   }
 }
 @keyframes scale {
   0% {
     -webkit-transform: scale(1);
     transform: scale(1);
   }
   100% {
     -webkit-transform: scale(1.2);
     transform: scale(1.2);
   }
 }
 .fancy-animation {
   -webkit-animation: morph 8s ease-in-out infinite;
   animation: morph 8s ease-in-out infinite;
 }
 @-webkit-keyframes morph {
   0% {
     border-radius: 60% 40% 30% 70% / 60% 30% 70% 40%;
   }
   50% {
     border-radius: 30% 60% 70% 40% / 50% 60% 30% 60%;
   }
   100% {
     border-radius: 60% 40% 30% 70% / 60% 30% 70% 40%;
   }
 }
 @keyframes morph {
   0% {
     border-radius: 60% 40% 30% 70% / 60% 30% 70% 40%;
   }
   50% {
     border-radius: 30% 60% 70% 40% / 50% 60% 30% 60%;
   }
   100% {
     border-radius: 60% 40% 30% 70% / 60% 30% 70% 40%;
   }
 }
 @-webkit-keyframes footerLine {
   0% {
     left: 40px;
   }
   50% {
     left: 0;
   }
   100% {
     left: 40px;
   }
 }
 @keyframes footerLine {
   0% {
     left: 40px;
   }
   50% {
     left: 0;
   }
   100% {
     left: 40px;
   }
 }
 .movingX {
   -webkit-animation: movingX 8s linear infinite;
   animation: movingX 8s linear infinite;
 }
 @-webkit-keyframes movingX {
   0% {
     -webkit-transform: translateX(0);
     transform: translateX(0);
   }
   50% {
     -webkit-transform: translateX(50px);
     transform: translateX(50px);
   }
   100% {
     -webkit-transform: translateX(0);
     transform: translateX(0);
   }
 }
 @keyframes movingX {
   0% {
     -webkit-transform: translateX(0);
     transform: translateX(0);
   }
   50% {
     -webkit-transform: translateX(50px);
     transform: translateX(50px);
   }
   100% {
     -webkit-transform: translateX(0);
     transform: translateX(0);
   }
 }
 .movingCar {
   -webkit-animation: movingCar 25s linear infinite;
   animation: movingCar 25s linear infinite;
 }
 @-webkit-keyframes movingCar {
   0% {
     -webkit-transform: translateX(0) rotateY(0deg);
     transform: translateX(0) rotateY(0deg);
   }
   50% {
     -webkit-transform: translateX(calc(100vw*-1 + 108%));
     transform: translateX(calc(100vw*-1 + 108%));
   }
   51% {
     -webkit-transform: translateX(calc(100vw*-1 + 108%)) rotateY(180deg);
     transform: translateX(calc(100vw*-1 + 108%)) rotateY(180deg);
   }
   100% {
     -webkit-transform: translateX(0) rotateY(180deg);
     transform: translateX(0) rotateY(180deg);
   }
 }
 @keyframes movingCar {
   0% {
     -webkit-transform: translateX(0) rotateY(0deg);
     transform: translateX(0) rotateY(0deg);
   }
   50% {
     -webkit-transform: translateX(calc(100vw*-1 + 108%));
     transform: translateX(calc(100vw*-1 + 108%));
   }
   51% {
     -webkit-transform: translateX(calc(100vw*-1 + 108%)) rotateY(180deg);
     transform: translateX(calc(100vw*-1 + 108%)) rotateY(180deg);
   }
   100% {
     -webkit-transform: translateX(0) rotateY(180deg);
     transform: translateX(0) rotateY(180deg);
   }
 }
 .speed2 {
   -webkit-animation: speed2 10s linear infinite;
   animation: speed2 10s linear infinite;
 }
 @-webkit-keyframes speed2 {
   0% {
     right: 0%;
   }
   30% {
     right: 30%;
   }
   50% {
     right: 50%;
   }
   100% {
     right: 100%;
   }
 }
 @keyframes speed2 {
   0% {
     right: 0%;
   }
   30% {
     right: 30%;
   }
   50% {
     right: 50%;
   }
   100% {
     right: 100%;
   }
 }
 .sway {
   -webkit-animation: sway 8s ease-in-out infinite alternate;
   animation: sway 8s ease-in-out infinite alternate;
 }
 @-webkit-keyframes sway {
   0% {
     -webkit-transform: rotateZ(0deg);
     transform: rotateZ(0deg);
   }
   50% {
     -webkit-transform: rotateZ(-5deg);
     transform: rotateZ(-5deg);
   }
   100% {
     -webkit-transform: rotateZ(0deg);
     transform: rotateZ(0deg);
   }
 }
 @keyframes sway {
   0% {
     -webkit-transform: rotateZ(0deg);
     transform: rotateZ(0deg);
   }
   50% {
     -webkit-transform: rotateZ(-5deg);
     transform: rotateZ(-5deg);
   }
   100% {
     -webkit-transform: rotateZ(0deg);
     transform: rotateZ(0deg);
   }
 }
 .th-ani {
   -webkit-transition: all 500ms ease;
   transition: all 500ms ease;
 }
 .th-ani:hover {
   -webkit-transform: translateY(-5px);
   -ms-transform: translateY(-5px);
   transform: translateY(-5px);
 }
 .dance {
   -webkit-animation: dance 2s alternate infinite;
   animation: dance 2s alternate infinite;
 }
 @-webkit-keyframes dance {
   0% {
     -webkit-transform: scale(0.8);
     transform: scale(0.8);
   }
   100% {
     -webkit-transform: scale(1);
     transform: scale(1);
   }
 }
 @keyframes dance {
   0% {
     -webkit-transform: scale(0.8);
     transform: scale(0.8);
   }
   100% {
     -webkit-transform: scale(1);
     transform: scale(1);
   }
 }
 .dance2 {
   -webkit-animation: dance2 4s alternate infinite;
   animation: dance2 4s alternate infinite;
 }
 @-webkit-keyframes dance2 {
   0% {
     -webkit-transform: translate3d(0, 0, 0);
     transform: translate3d(0, 0, 0);
   }
   50% {
     -webkit-transform: translate3d(15px, -15px, 0);
     transform: translate3d(15px, -15px, 0);
   }
   100% {
     -webkit-transform: translate3d(0, -15px, 15px);
     transform: translate3d(0, -15px, 15px);
   }
 }
 @keyframes dance2 {
   0% {
     -webkit-transform: translate3d(0, 0, 0);
     transform: translate3d(0, 0, 0);
   }
   50% {
     -webkit-transform: translate3d(15px, -15px, 0);
     transform: translate3d(15px, -15px, 0);
   }
   100% {
     -webkit-transform: translate3d(0, -15px, 15px);
     transform: translate3d(0, -15px, 15px);
   }
 }
 .watermark-animate {
   -webkit-animation: watermark-animate 8s infinite;
   animation: watermark-animate 8s infinite;
   animation-direction: alternate-reverse;
   -webkit-animation-timing-function: linear;
   animation-timing-function: linear;
 }
 @-webkit-keyframes watermark-animate {
   0% {
     left: 0;
   }
   100% {
     left: 100%;
   }
 }
 @keyframes watermark-animate {
   0% {
     left: 0;
   }
   100% {
     left: 100%;
   }
 }
 @-webkit-keyframes scroll {
   0% {
     -webkit-transform: translateX(0);
     transform: translateX(0);
   }
   100% {
     -webkit-transform: translateX(calc(-100% - var(--gap)));
     transform: translateX(calc(-100% - var(--gap)));
   }
 }
 @keyframes scroll {
   0% {
     -webkit-transform: translateX(0);
     transform: translateX(0);
   }
   100% {
     -webkit-transform: translateX(calc(-100% - var(--gap)));
     transform: translateX(calc(-100% - var(--gap)));
   }
 }
 @-webkit-keyframes fadeLeftRight {
   0%, 100% {
     -webkit-transform: translateX(0px);
     transform: translateX(0px);
   }
   50% {
     -webkit-transform: translateX(100px);
     transform: translateX(100px);
   }
 }
 @keyframes fadeLeftRight {
   0%, 100% {
     -webkit-transform: translateX(0px);
     transform: translateX(0px);
   }
   50% {
     -webkit-transform: translateX(100px);
     transform: translateX(100px);
   }
 }
 @-webkit-keyframes marquee {
   0% {
     -webkit-transform: translateX(0);
     transform: translateX(0);
   }
   100% {
     -webkit-transform: translateX(calc(-100% - var(--gap)));
     transform: translateX(calc(-100% - var(--gap)));
   }
 }
 @keyframes marquee {
   0% {
     -webkit-transform: translateX(0);
     transform: translateX(0);
   }
   100% {
     -webkit-transform: translateX(calc(-100% - var(--gap)));
     transform: translateX(calc(-100% - var(--gap)));
   }
 }
 .jump {
   -webkit-animation: jumpAni 7s linear infinite;
   animation: jumpAni 7s linear infinite;
 }
 @-webkit-keyframes jumpAni {
   0% {
     -webkit-transform: translateY(0);
     transform: translateY(0);
   }
   40% {
     -webkit-transform: translateY(-30px);
     transform: translateY(-30px);
   }
   100% {
     -webkit-transform: translateY(0);
     transform: translateY(0);
   }
 }
 @keyframes jumpAni {
   0% {
     -webkit-transform: translateY(0);
     transform: translateY(0);
   }
   40% {
     -webkit-transform: translateY(-30px);
     transform: translateY(-30px);
   }
   100% {
     -webkit-transform: translateY(0);
     transform: translateY(0);
   }
 }
 .jump-reverse {
   -webkit-animation: jumpReverseAni 7s linear infinite;
   animation: jumpReverseAni 7s linear infinite;
 }
 @-webkit-keyframes jumpReverseAni {
   0% {
     -webkit-transform: translateY(0);
     transform: translateY(0);
   }
   50% {
     -webkit-transform: translateY(30px);
     transform: translateY(30px);
   }
   100% {
     -webkit-transform: translateY(0);
     transform: translateY(0);
   }
 }
 @keyframes jumpReverseAni {
   0% {
     -webkit-transform: translateY(0);
     transform: translateY(0);
   }
   50% {
     -webkit-transform: translateY(30px);
     transform: translateY(30px);
   }
   100% {
     -webkit-transform: translateY(0);
     transform: translateY(0);
   }
 }
 .spin {
   -webkit-animation: spin 10s linear infinite;
   animation: spin 10s linear infinite;
 }
 @-webkit-keyframes spin {
   0% {
     -webkit-transform: rotate(0);
     transform: rotate(0);
   }
   100% {
     -webkit-transform: rotate(360deg);
     transform: rotate(360deg);
   }
 }
 @keyframes spin {
   0% {
     -webkit-transform: rotate(0);
     transform: rotate(0);
   }
   100% {
     -webkit-transform: rotate(360deg);
     transform: rotate(360deg);
   }
 }
 .bg-color-ani, .color-animate {
   -webkit-animation: bgColor 6s linear infinite;
   animation: bgColor 6s linear infinite;
 }
 @-webkit-keyframes bgColor {
   0% {
     background-color: #F2BA4C;
   }
   25% {
     background-color: #81F24C;
   }
   50% {
     background-color: #41F27D;
   }
   75% {
     background-color: #0500FF;
   }
   100% {
     background-color: #F2BA4C;
   }
 }
 @keyframes bgColor {
   0% {
     background-color: #F2BA4C;
   }
   25% {
     background-color: #81F24C;
   }
   50% {
     background-color: #41F27D;
   }
   75% {
     background-color: #0500FF;
   }
   100% {
     background-color: #F2BA4C;
   }
 }
 .zoom {
   -webkit-animation: zoom 15s linear infinite;
   animation: zoom 15s linear infinite;
 }
 @-webkit-keyframes zoom {
   0% {
     -webkit-transform: scale(1);
     transform: scale(1);
   }
   100% {
     -webkit-transform: scale(1.2);
     transform: scale(1.2);
   }
 }
 @-webkit-keyframes zoom1 {
   0% {
     scale: 0.2;
   }
   50% {
     scale: 1;
   }
   100% {
     scale: 0.2;
   }
 }
 @keyframes zoom1 {
   0% {
     scale: 0.2;
   }
   50% {
     scale: 1;
   }
   100% {
     scale: 0.2;
   }
 }
 /* Mooving Animation */
 @-webkit-keyframes moving {
   0% {
     -webkit-transform: translate(0px, 0px);
     transform: translate(0px, 0px);
   }
   20% {
     -webkit-transform: translate(0px, -30px);
     transform: translate(0px, -30px);
   }
   50% {
     -webkit-transform: translate(-100px, -30px);
     transform: translate(-100px, -30px);
   }
   70% {
     -webkit-transform: translate(-100px, 0px);
     transform: translate(-100px, 0px);
   }
   100% {
     -webkit-transform: translate(0px, 0px);
     transform: translate(0px, 0px);
   }
 }
 @keyframes moving {
   0% {
     -webkit-transform: translate(0px, 0px);
     transform: translate(0px, 0px);
   }
   20% {
     -webkit-transform: translate(0px, -30px);
     transform: translate(0px, -30px);
   }
   50% {
     -webkit-transform: translate(-100px, -30px);
     transform: translate(-100px, -30px);
   }
   70% {
     -webkit-transform: translate(-100px, 0px);
     transform: translate(-100px, 0px);
   }
   100% {
     -webkit-transform: translate(0px, 0px);
     transform: translate(0px, 0px);
   }
 }
 @keyframes fadeLeftRight {
   0%, 100% {
     -webkit-transform: translateX(0px);
     transform: translateX(0px);
   }
   50% {
     -webkit-transform: translateX(100px);
     transform: translateX(100px);
   }
 }
 @-webkit-keyframes slideTop {
   49% {
     -webkit-transform: translateY(100%);
     transform: translateY(100%);
   }
   50% {
     opacity: 0;
     -webkit-transform: translateY(-100%);
     transform: translateY(-100%);
   }
   51% {
     opacity: 1;
   }
 }
 @keyframes slideTop {
   49% {
     -webkit-transform: translateY(100%);
     transform: translateY(100%);
   }
   50% {
     opacity: 0;
     -webkit-transform: translateY(-100%);
     transform: translateY(-100%);
   }
   51% {
     opacity: 1;
   }
 }
 @-webkit-keyframes shine {
   100% {
     left: 125%;
   }
 }
 @keyframes shine {
   100% {
     left: 125%;
   }
 }
 .fadedown {
   -webkit-animation: fade-down .3s linear;
   animation: fade-down .3s linear;
 }
 @-webkit-keyframes fade-down {
   0% {
     opacity: 0;
     -webkit-transform: scaleY(0);
     transform: scaleY(0);
     visibility: hidden;
   }
   100% {
     opacity: 1;
     -webkit-transform: scaleY(1);
     transform: scaleY(1);
     visibility: visible;
   }
 }
 @keyframes fade-down {
   0% {
     opacity: 0;
     -webkit-transform: scaleY(0);
     transform: scaleY(0);
     visibility: hidden;
   }
   100% {
     opacity: 1;
     -webkit-transform: scaleY(1);
     transform: scaleY(1);
     visibility: visible;
   }
 }
 @-webkit-keyframes animate-positive {
   0% {
     width: 0;
   }
 }
 @keyframes animate-positive {
   0% {
     width: 0;
   }
 }
 .fadein, .scalein, .slidetopleft, .slidebottomright, .slideinleft, .slideinright, .slideindown, .slideinup, .rollinleft, .rollinright {
   opacity: 0;
   -webkit-animation-fill-mode: forwards;
   animation-fill-mode: forwards;
   -webkit-animation-iteration-count: 1;
   animation-iteration-count: 1;
   -webkit-animation-duration: 1.3s;
   animation-duration: 1.3s;
   -webkit-animation-delay: 0.3s;
   animation-delay: 0.3s;
   -webkit-animation-name: var(--animation-name);
   animation-name: var(--animation-name);
 }
 .swiper-slide-active .fadein {
   --animation-name: fadein;
 }
 .swiper-slide-active .scalein {
   --animation-name: scalein;
 }
 .swiper-slide-active .slidetopleft {
   --animation-name: slidetopleft;
 }
 .swiper-slide-active .slidebottomright {
   --animation-name: slidebottomright;
 }
 .swiper-slide-active .slideinleft {
   --animation-name: slideinleft;
 }
 .swiper-slide-active .slideinright {
   --animation-name: slideinright;
 }
 .swiper-slide-active .slideinup {
   --animation-name: slideinup;
 }
 .swiper-slide-active .slideindown {
   --animation-name: slideindown;
 }
 .swiper-slide-active .rollinleft {
   --animation-name: rollinleft;
 }
 .swiper-slide-active .rollinright {
   --animation-name: rollinright;
 }
 @-webkit-keyframes fadein {
   0% {
     opacity: 0;
   }
   100% {
     opacity: 1;
   }
 }
 @keyframes fadein {
   0% {
     opacity: 0;
   }
   100% {
     opacity: 1;
   }
 }
 @-webkit-keyframes slideinup {
   0% {
     opacity: 0;
     -webkit-transform: translateY(100px);
     transform: translateY(100px);
   }
   100% {
     opacity: 1;
     -webkit-transform: translateY(0);
     transform: translateY(0);
   }
 }
 @keyframes slideinup {
   0% {
     opacity: 0;
     -webkit-transform: translateY(100px);
     transform: translateY(100px);
   }
   100% {
     opacity: 1;
     -webkit-transform: translateY(0);
     transform: translateY(0);
   }
 }
 @-webkit-keyframes slideinright {
   0% {
     opacity: 0;
     -webkit-transform: translateX(180px);
     transform: translateX(180px);
   }
   100% {
     opacity: 1;
     -webkit-transform: translateX(0);
     transform: translateX(0);
   }
 }
 @keyframes slideinright {
   0% {
     opacity: 0;
     -webkit-transform: translateX(180px);
     transform: translateX(180px);
   }
   100% {
     opacity: 1;
     -webkit-transform: translateX(0);
     transform: translateX(0);
   }
 }
 @-webkit-keyframes slideindown {
   0% {
     opacity: 0;
     -webkit-transform: translateY(-100px);
     transform: translateY(-100px);
   }
   100% {
     opacity: 1;
     -webkit-transform: translateY(0);
     transform: translateY(0);
   }
 }
 @keyframes slideindown {
   0% {
     opacity: 0;
     -webkit-transform: translateY(-100px);
     transform: translateY(-100px);
   }
   100% {
     opacity: 1;
     -webkit-transform: translateY(0);
     transform: translateY(0);
   }
 }
 @-webkit-keyframes slideinleft {
   0% {
     opacity: 0;
     -webkit-transform: translateX(-100px);
     transform: translateX(-100px);
   }
   100% {
     opacity: 1;
     -webkit-transform: translateX(0);
     transform: translateX(0);
   }
 }
 @keyframes slideinleft {
   0% {
     opacity: 0;
     -webkit-transform: translateX(-100px);
     transform: translateX(-100px);
   }
   100% {
     opacity: 1;
     -webkit-transform: translateX(0);
     transform: translateX(0);
   }
 }
 @-webkit-keyframes slidebottomright {
   0% {
     opacity: 0;
     -webkit-transform: translateX(120px) translateY(120px);
     transform: translateX(120px) translateY(120px);
   }
   100% {
     opacity: 1;
     -webkit-transform: translateX(0) translateY(0);
     transform: translateX(0) translateY(0);
   }
 }
 @keyframes slidebottomright {
   0% {
     opacity: 0;
     -webkit-transform: translateX(120px) translateY(120px);
     transform: translateX(120px) translateY(120px);
   }
   100% {
     opacity: 1;
     -webkit-transform: translateX(0) translateY(0);
     transform: translateX(0) translateY(0);
   }
 }
 @-webkit-keyframes slidetopleft {
   0% {
     opacity: 0;
     -webkit-transform: translateX(-100px) translateY(-100px);
     transform: translateX(-100px) translateY(-100px);
   }
   100% {
     opacity: 1;
     -webkit-transform: translateX(0) translateY(0);
     transform: translateX(0) translateY(0);
   }
 }
 @keyframes slidetopleft {
   0% {
     opacity: 0;
     -webkit-transform: translateX(-100px) translateY(-100px);
     transform: translateX(-100px) translateY(-100px);
   }
   100% {
     opacity: 1;
     -webkit-transform: translateX(0) translateY(0);
     transform: translateX(0) translateY(0);
   }
 }
 @-webkit-keyframes fadeInLeft {
   0% {
     opacity: 0;
     -webkit-transform: translateX(-20px);
     -ms-transform: translateX(-20px);
     transform: translateX(-20px);
   }
   100% {
     opacity: 1;
     -webkit-transform: translateX(0);
     -ms-transform: translateX(0);
     transform: translateX(0);
   }
 }
 @keyframes fadeInLeft {
   0% {
     opacity: 0;
     -webkit-transform: translateX(-20px);
     -ms-transform: translateX(-20px);
     transform: translateX(-20px);
   }
   100% {
     opacity: 1;
     -webkit-transform: translateX(0);
     -ms-transform: translateX(0);
     transform: translateX(0);
   }
 }
 .fadeInLeft {
   -webkit-animation-name: fadeInLeft;
   animation-name: fadeInLeft;
 }
 @-webkit-keyframes fadeInRight {
   0% {
     opacity: 0;
     -webkit-transform: translateX(20px);
     -ms-transform: translateX(20px);
     transform: translateX(20px);
   }
   100% {
     opacity: 1;
     -webkit-transform: translateX(0);
     -ms-transform: translateX(0);
     transform: translateX(0);
   }
 }
 @keyframes fadeInRight {
   0% {
     opacity: 0;
     -webkit-transform: translateX(20px);
     -ms-transform: translateX(20px);
     transform: translateX(20px);
   }
   100% {
     opacity: 1;
     -webkit-transform: translateX(0);
     -ms-transform: translateX(0);
     transform: translateX(0);
   }
 }
 .fadeInRight {
   -webkit-animation-name: fadeInRight;
   animation-name: fadeInRight;
 }
 @-webkit-keyframes fadeInUp {
   0% {
     opacity: 0;
     -webkit-transform: translateY(20px);
     -ms-transform: translateY(20px);
     transform: translateY(20px);
   }
   100% {
     opacity: 1;
     -webkit-transform: translateY(0);
     -ms-transform: translateY(0);
     transform: translateY(0);
   }
 }
 @keyframes fadeInUp {
   0% {
     opacity: 0;
     -webkit-transform: translateY(20px);
     -ms-transform: translateY(20px);
     transform: translateY(20px);
   }
   100% {
     opacity: 1;
     -webkit-transform: translateY(0);
     -ms-transform: translateY(0);
     transform: translateY(0);
   }
 }
 .fadeInUp {
   -webkit-animation-name: fadeInUp;
   animation-name: fadeInUp;
 }
 @-webkit-keyframes fadeInDown {
   0% {
     opacity: 0;
     -webkit-transform: translateY(-20px);
     -ms-transform: translateY(-20px);
     transform: translateY(-20px);
   }
   100% {
     opacity: 1;
     -webkit-transform: translateY(0);
     -ms-transform: translateY(0);
     transform: translateY(0);
   }
 }
 @keyframes fadeInDown {
   0% {
     opacity: 0;
     -webkit-transform: translateY(-20px);
     -ms-transform: translateY(-20px);
     transform: translateY(-20px);
   }
   100% {
     opacity: 1;
     -webkit-transform: translateY(0);
     -ms-transform: translateY(0);
     transform: translateY(0);
   }
 }
 .fadeInDown {
   -webkit-animation-name: fadeInDown;
   animation-name: fadeInDown;
 }
 .zoomIn {
   -webkit-animation-name: zoomIn;
   animation-name: zoomIn;
 }
 @-webkit-keyframes zoomIn {
   0% {
     opacity: 0;
     -webkit-transform: scale3d(0.3, 0.3, 0.3);
     transform: scale3d(0.3, 0.3, 0.3);
   }
   50% {
     opacity: 1;
   }
 }
 @keyframes zoomIn {
   0% {
     opacity: 0;
     -webkit-transform: scale3d(0.3, 0.3, 0.3);
     transform: scale3d(0.3, 0.3, 0.3);
   }
   50% {
     opacity: 1;
   }
 }
 @keyframes fadeInLeft {
   0% {
     opacity: 0;
     -webkit-transform: translateX(-20px);
     -ms-transform: translateX(-20px);
     transform: translateX(-20px);
   }
   100% {
     opacity: 1;
     -webkit-transform: translateX(0);
     -ms-transform: translateX(0);
     transform: translateX(0);
   }
 }
 .fadeInLeft {
   -webkit-animation-name: fadeInLeft;
   animation-name: fadeInLeft;
 }
 @keyframes fadeInRight {
   0% {
     opacity: 0;
     -webkit-transform: translateX(20px);
     -ms-transform: translateX(20px);
     transform: translateX(20px);
   }
   100% {
     opacity: 1;
     -webkit-transform: translateX(0);
     -ms-transform: translateX(0);
     transform: translateX(0);
   }
 }
 .fadeInRight {
   -webkit-animation-name: fadeInRight;
   animation-name: fadeInRight;
 }
 @keyframes fadeInUp {
   0% {
     opacity: 0;
     -webkit-transform: translateY(20px);
     -ms-transform: translateY(20px);
     transform: translateY(20px);
   }
   100% {
     opacity: 1;
     -webkit-transform: translateY(0);
     -ms-transform: translateY(0);
     transform: translateY(0);
   }
 }
 .fadeInUp {
   -webkit-animation-name: fadeInUp;
   animation-name: fadeInUp;
 }
 @keyframes fadeInDown {
   0% {
     opacity: 0;
     -webkit-transform: translateY(-20px);
     -ms-transform: translateY(-20px);
     transform: translateY(-20px);
   }
   100% {
     opacity: 1;
     -webkit-transform: translateY(0);
     -ms-transform: translateY(0);
     transform: translateY(0);
   }
 }
 .fadeInDown {
   -webkit-animation-name: fadeInDown;
   animation-name: fadeInDown;
 }
 @-webkit-keyframes cloudAni {
   0% {
     -webkit-transform: translateY(0);
     transform: translateY(0);
   }
   50% {
     -webkit-transform: translateY(-80px);
     transform: translateY(-80px);
   }
   100% {
     -webkit-transform: translateY(0);
     transform: translateY(0);
   }
 }
 @keyframes cloudAni {
   0% {
     -webkit-transform: translateY(0);
     transform: translateY(0);
   }
   50% {
     -webkit-transform: translateY(-80px);
     transform: translateY(-80px);
   }
   100% {
     -webkit-transform: translateY(0);
     transform: translateY(0);
   }
 }
 /*=================================
    04. Template Style
==================================*/
 /*------------------- 4.1. Widget  -------------------*/
 .widget_nav_menu ul, .widget_meta ul, .widget_pages ul, .widget_archive ul, .widget_categories ul, .wp-block-categories ul {
   list-style: none;
   padding: 0;
   margin: 0 0 0 0;
 }
 .widget_nav_menu > ul, .widget_nav_menu .menu, .widget_meta > ul, .widget_meta .menu, .widget_pages > ul, .widget_pages .menu, .widget_archive > ul, .widget_archive .menu, .widget_categories > ul, .widget_categories .menu, .wp-block-categories > ul, .wp-block-categories .menu {
   margin: -20px 0 -20px 0;
 }
 .widget_nav_menu a, .widget_meta a, .widget_pages a, .widget_archive a, .widget_categories a, .wp-block-categories a {
   display: block;
   background-color: transparent;
   margin: 0;
   padding: 16px 45px 19px 0px;
   font-size: 16px;
   font-weight: 500;
   line-height: 1.313;
   color: var(--title-color);
   border-radius: 0;
   border-bottom: 1px solid var(--gray-color);
 }
 .widget_nav_menu a img, .widget_nav_menu a i, .widget_meta a img, .widget_meta a i, .widget_pages a img, .widget_pages a i, .widget_archive a img, .widget_archive a i, .widget_categories a img, .widget_categories a i, .wp-block-categories a img, .wp-block-categories a i {
   margin-right: 8px;
 }
 .widget_nav_menu li, .widget_meta li, .widget_pages li, .widget_archive li, .widget_categories li, .wp-block-categories li {
   display: block;
   position: relative;
 }
 .widget_nav_menu li:last-child a, .widget_meta li:last-child a, .widget_pages li:last-child a, .widget_archive li:last-child a, .widget_categories li:last-child a, .wp-block-categories li:last-child a {
   border-bottom: none;
 }
 .widget_nav_menu li > span, .widget_meta li > span, .widget_pages li > span, .widget_archive li > span, .widget_categories li > span, .wp-block-categories li > span {
   color: var(--body-color);
   text-align: center;
   position: absolute;
   right: 0;
   top: 14px;
   -webkit-transition: all ease 0.4s;
   transition: all ease 0.4s;
   pointer-events: none;
   min-width: 20px;
   text-align: right;
 }
 .widget_nav_menu a:hover, .widget_meta a:hover, .widget_pages a:hover, .widget_archive a:hover, .widget_categories a:hover, .wp-block-categories a:hover {
   color: var(--theme-color);
 }
 .widget_nav_menu a:hover ~ span, .widget_meta a:hover ~ span, .widget_pages a:hover ~ span, .widget_archive a:hover ~ span, .widget_categories a:hover ~ span, .wp-block-categories a:hover ~ span {
   color: var(--theme-color);
 }
 .wp-block-categories {
   list-style: none;
   padding: 0;
 }
 .wp-block-categories > li:last-child > a {
   border-bottom: none;
 }
 .widget_nav_menu a, .widget_meta a, .widget_pages a {
   padding-right: 20px;
 }
 .widget_nav_menu .sub-menu {
   margin-left: 10px;
 }
 .wp-block-archives {
   list-style: none;
   margin: 0;
   padding: 0;
   margin-bottom: 20px;
 }
 .wp-block-archives a:not(:hover) {
   color: inherit;
 }
 .th-blog ul.wp-block-archives li {
   margin: 5px 0;
 }
 .widget {
   padding: var(--widget-padding-y, 30px) var(--widget-padding-x, 30px);
   background-color: var(--white-color);
   border: 1px solid var(--gray-color);
   border-radius: 8px;
   margin-bottom: 40px;
   position: relative;
 }
 .widget[data-overlay]:before {
   z-index: -1;
 }
 .widget select, .widget input, .widget .form-select, .widget .form-control, .widget textarea {
   background: #262A36;
   border-color: #262A36;
   border-radius: 0;
 }
 .widget select:focus, .widget input:focus, .widget .form-select:focus, .widget .form-control:focus, .widget textarea:focus {
   border-color: var(--theme-color);
 }
 .widget textarea {
   min-height: 120px;
 }
 .widget .form-group > i {
   background-color: var(--white-color);
 }
 .widget .form-group input[type="checkbox"] ~ label:before {
   background-color: var(--theme-color);
   border: 1px solid var(--theme-color);
   border-radius: 6px;
 }
 .widget .form-group label {
   color: var(--body-color);
   padding-left: 16px;
   text-align: left;
 }
 .widget_title {
   position: relative;
   font-size: 24px;
   font-weight: 600;
   line-height: 34px;
   font-family: var(--title-font);
   line-height: 1em;
   margin: -0.12em 0 30px 0;
 }

 .widget_title:after, .widget_title:before {
   content: '';
   height: 3px;
   width: 100%;
   background-color: var(--th-border-color);
   position: absolute;
   bottom: 0;
   left: 0;
 }
.widget_title:after {
   background-color: var(--theme-color);
   width: 30px;
 }
 .widget-form {
   --bs-gutter-x: 20px;
 }
 .widget_search {
   background-color: #E9F6F9;
   border: 1px solid transparent;
 }
 .widget_price_filter {
   padding: 40px 30px;
 }
 .widget .search-form {
   position: relative;
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
   display: flex;
 }
 .widget .search-form input {
   -webkit-box-flex: 1;
   -webkit-flex: 1;
   -ms-flex: 1;
   flex: 1;
   border: none;
   border-radius: 100px;
   padding-right: 25px;
 }
 .widget .search-form button {
   position: absolute;
   top: 10px;
   right: 10px;
   border: none;
   font-size: 16px;
   background-color: var(--theme-color);
   color: var(--white-color);
   display: inline-block;
   padding: 0;
   width: 36px;
   height: 36px;
   border-radius: 50%;
   text-align: center;
 }
 .widget .search-form button:hover {
   background-color: var(--title-color);
 }
 .wp-block-tag-cloud a, .tagcloud a {
   display: inline-block;
   border: none;
   line-height: 1;
   padding: 9.5px 14px;
   margin-right: 2px;
   margin-bottom: 10px;
   text-transform: capitalize;
   color: var(--title-color);
   font-size: 16px;
   font-family: var(--body-font);
   font-weight: 400;
   background-color: #E9F6F9;
   border-radius: 4px;
 }
 .wp-block-tag-cloud a:hover, .tagcloud a:hover {
   background-color: var(--theme-color);
   color: var(--white-color) !important;
 }
 .wp-block-tag-cloud, .tagcloud {
   margin-bottom: -10px;
 }

 .recent-post {
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
   display: flex;
   margin-bottom: 20px;
 }
 .recent-post:last-child {
   margin-bottom: 0;
 }
 .recent-post .media-img {
   margin-right: 15px;
   width: 80px;
   height: 80px;
   border-radius: 4px;
   overflow: hidden;
   position: relative;
 }
 .recent-post .media-img img {
   width: 100%;
   border-radius: 4px;
   -webkit-transition: 0.4s ease-in-out;
   transition: 0.4s ease-in-out;
 }
 .recent-post .media-img:after {
   content: '\f0c1';
   font-family: var(--icon-font);
   position: absolute;
   inset: 0;
   text-align: center;
   line-height: 80px;
   font-size: 24px;
   background-color: rgba(0, 0, 0, 0.7);
   color: var(--theme-color);
   pointer-events: none;
   border-radius: 50%;
   -webkit-transform: scale(0);
   -ms-transform: scale(0);
   transform: scale(0);
   -webkit-transition: 0.4s ease-in-out;
   transition: 0.4s ease-in-out;
 }
 .recent-post .post-title {
   font-size: 18px;
   font-weight: 500;
   margin-top: 0;
   margin-bottom: 10px;
   font-family: var(--body-font);
   color: var(--theme-color);
   text-transform: capitalize;
 }
 .recent-post .recent-post-meta {
   margin-bottom: 12px;
 }
 .recent-post .recent-post-meta a {
   text-transform: capitalize;
   font-size: 16px;
   color: var(--body-color);
   font-family: var(--body-font);
 }
 .recent-post .recent-post-meta a i {
   margin-right: 6px;
   color: var(--body-color);
 }
 .recent-post .recent-post-meta a:hover {
   color: var(--theme-color);
 }
 .recent-post:hover .media-img img {
   -webkit-transform: scale(1.1);
   -ms-transform: scale(1.1);
   transform: scale(1.1);
 }
 .recent-post:hover .media-img:after {
   -webkit-transform: scale(1.1);
   -ms-transform: scale(1.1);
   transform: scale(1.1);
   border-radius: 15%;
 }

 .sidebar-area {
   margin-left: 10px;
   margin-bottom: -10px;
   /* Medium devices */
 }
 .sidebar-area.style2 .widget {
   padding: var(--widget-padding-y, 30px) var(--widget-padding-x, 16px);
 }
 .sidebar-area.style3 .widget {
   padding: var(--widget-padding-y, 24px) var(--widget-padding-x, 24px);
 }

 .sidebar-area ul.wp-block-latest-posts {
   margin-bottom: 0;
 }
 .sidebar-area ul.wp-block-latest-posts li:last-child {
   margin-bottom: 0;
 }
 .sidebar-area select, .sidebar-area input {
   background-color: var(--white-color);
 }
 .sidebar-area .widget_categories.style2 ul {
   margin: 0px 0 -15px 0;
 }
 .sidebar-area .wp-block-categories {
   margin: -20px 0 -20px 0;
 }
 .sidebar-area .sidebar-gallery {
   margin-bottom: 0 !important;
 }

 .sidebar-area .wp-block-group__inner-container h2 {
   position: relative;
   font-size: 24px;
   font-weight: 700;
   font-family: var(--title-font);
   line-height: 1em;
   padding-bottom: 20px;
   margin: -0.12em 0 38px 0;
 }
.sidebar-area .wp-block-group__inner-container h2:after, .sidebar-area .wp-block-group__inner-container h2:before {
   content: '';
   height: 3px;
   width: 100%;
   background-color: var(--th-border-color);
   position: absolute;
   bottom: 0;
   left: 0;
 }
.sidebar-area .wp-block-group__inner-container h2:after {
   background-color: var(--theme-color);
   width: 40px;
 }
 .footer-widget {
   margin-bottom: 50px;
 }
 .footer-widget, .footer-widget .widget {
   padding: 0;
   border: none;
   padding-bottom: 0;
   background-color: transparent;
   box-shadow: none;
 }
 .footer-widget .form-group > i {
   color: var(--theme-color);
   top: 18px;
 }
 .footer-widget .widget_title {
   padding: 0;
   margin: -0.12em 0 30px 0;
 }
 .footer-widget .widget_title:before, .footer-widget .widget_title:after {
   display: none;
 }
 .footer-widget.widget_meta ul, .footer-widget.widget_pages ul, .footer-widget.widget_archive ul, .footer-widget.widget_categories ul, .footer-widget.widget_nav_menu ul {
   margin-top: -4px;
 }
 .footer-widget.widget_meta .menu, .footer-widget.widget_meta > ul, .footer-widget.widget_pages .menu, .footer-widget.widget_pages > ul, .footer-widget.widget_archive .menu, .footer-widget.widget_archive > ul, .footer-widget.widget_categories .menu, .footer-widget.widget_categories > ul, .footer-widget.widget_nav_menu .menu, .footer-widget.widget_nav_menu > ul {
   margin-bottom: -4px;
 }
 .footer-widget.widget_meta a, .footer-widget.widget_pages a, .footer-widget.widget_archive a, .footer-widget.widget_categories a, .footer-widget.widget_nav_menu a {
   font-size: 16px;
   font-weight: 400;
   padding: 0;
   margin-bottom: 21px;
   font-family: var(--body-font);
   color: #888C97;
   display: block;
   max-width: 100%;
   width: -webkit-max-content;
   width: -moz-max-content;
   width: max-content;
   padding: 0 0 0 20px;
   background-color: transparent;
   border-bottom: none;
   position: relative;
 }
 .footer-widget.widget_meta a:before, .footer-widget.widget_pages a:before, .footer-widget.widget_archive a:before, .footer-widget.widget_categories a:before, .footer-widget.widget_nav_menu a:before {
   content: "\f105";
   position: absolute;
   font-weight: 600;
   left: 0;
   top: 2px;
   font-family: var(--icon-font);
   -webkit-transform: translateY(0);
   -ms-transform: translateY(0);
   transform: translateY(0);
   font-size: 0.9em;
   background-color: transparent;
   border: none;
   color: inherit;
 }
 .footer-widget.widget_meta a:hover, .footer-widget.widget_pages a:hover, .footer-widget.widget_archive a:hover, .footer-widget.widget_categories a:hover, .footer-widget.widget_nav_menu a:hover {
   background-color: transparent;
   color: var(--theme-color);
   box-shadow: none;
 }
 .footer-widget.widget_meta a:hover:before, .footer-widget.widget_pages a:hover:before, .footer-widget.widget_archive a:hover:before, .footer-widget.widget_categories a:hover:before, .footer-widget.widget_nav_menu a:hover:before {
   color: var(--theme-color);
 }
 .footer-widget.widget_meta li > span, .footer-widget.widget_pages li > span, .footer-widget.widget_archive li > span, .footer-widget.widget_categories li > span, .footer-widget.widget_nav_menu li > span {
   width: auto;
   height: auto;
   position: relative;
   background-color: transparent;
   color: var(--body-color);
   line-height: 1;
 }
 .footer-widget.widget_meta li:last-child a, .footer-widget.widget_pages li:last-child a, .footer-widget.widget_archive li:last-child a, .footer-widget.widget_categories li:last-child a, .footer-widget.widget_nav_menu li:last-child a {
   margin-bottom: 0;
 }

 .about-logo {
   margin-bottom: 15px;
 }
 .th-widget-about .about-logo {
   margin-bottom: 33px;
 }
 .th-widget-about .about-text {
   color: #666666;
   margin-bottom: 20px;
   margin-top: -0.5em;
 }
 .th-widget-about .footer-info {
   position: relative;
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-flex: 1;
   -webkit-flex: 1;
   -ms-flex: 1;
   flex: 1;
   color: #888C97;
   line-height: 26px;
   padding: 0 0 0 35px;
   max-width: 277px;
   margin-top: 0;
 }
 .th-widget-about .footer-info:not(:last-child) {
   margin: 0 0 35px 0;
 }
 .th-widget-about .footer-info i {
   display: inline-block;
   width: 26px;
   height: 26px;
   line-height: 26px;
   text-align: center;
   background-color: var(--theme-color);
   color: var(--white-color);
   position: absolute;
   left: 0;
   font-size: 10px;
 }
 .th-widget-about .footer-info-title {
   font-size: 18px;
   font-family: var(--title-font);
   font-weight: 600;
   text-transform: capitalize;
   color: var(--white-color);
   margin-bottom: 5px;
   margin-top: -0.2em;
 }
 .footer-text {
   margin-top: -0.5em;
   margin-bottom: 25px;
 }

 /*------------------- 4.2. Header  -------------------*/
 .th-header {
   position: relative;
   z-index: 41;
 }
 .th-header .icon-btn {
   border-radius: 99px;
 }
 .th-header .menu-area {
   position: relative;
   z-index: 2;
 }


 .header-absolute {
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
 }
 .sticky-wrapper {
   -webkit-transition: 0.4s ease-in-out;
   transition: 0.4s ease-in-out;
 }
 .sticky-wrapper.sticky {
   position: fixed;
   top: 0;
   right: 0;
   left: 0;
   background-color: var(--white-color);
   -webkit-filter: drop-shadow(0 0 10px rgba(0, 0, 0, 0.07));
   filter: drop-shadow(0 0 10px rgba(0, 0, 0, 0.07));
   -webkit-animation: stickyAni 0.4s ease-in-out;
   animation: stickyAni 0.4s ease-in-out;
 }
 @-webkit-keyframes stickyAni {
   0% {
     -webkit-transform: translate3d(0, -40px, 0) scaleY(0.8);
     transform: translate3d(0, -40px, 0) scaleY(0.8);
     opacity: 0.7;
   }
   100% {
     -webkit-transform: translate3d(0, 0, 0) scaleY(1);
     transform: translate3d(0, 0, 0) scaleY(1);
     opacity: 1;
   }
 }
 @keyframes stickyAni {
   0% {
     -webkit-transform: translate3d(0, -40px, 0) scaleY(0.8);
     transform: translate3d(0, -40px, 0) scaleY(0.8);
     opacity: 0.7;
   }
   100% {
     -webkit-transform: translate3d(0, 0, 0) scaleY(1);
     transform: translate3d(0, 0, 0) scaleY(1);
     opacity: 1;
   }
 }
 .main-menu a {
   display: block;
   position: relative;
   font-weight: 400;
   font-size: 16px;
   font-family: var(--body-font);
   color: var(--black-color2);
   text-transform: capitalize;
 }
 .main-menu a:hover {
   color: var(--theme-color);
 }
 .main-menu > ul > li {
   margin: 0 14px;
 }
 .main-menu > ul > li > a {
   padding: 32.5px 0;
 }
 .main-menu > ul > li > a:hover {
   color: var(--theme-color);
 }
 .main-menu ul {
   margin: 0;
   padding: 0;
 }
 .main-menu ul li {
   list-style-type: none;
   display: inline-block;
   position: relative;
 }
 .main-menu ul li.menu-item-has-children > a:after {
   content: "\f107";
   display: inline-block;
   position: relative;
   font-family: var(--icon-font);
   margin-left: 4px;
   font-weight: 600;
   top: 0;
   font-size: 0.9em;
   color: var(--black-color2);
   -webkit-transition: 0.3s ease-in-out;
   transition: 0.3s ease-in-out;
 }
 .main-menu ul li.menu-item-has-children > a:hover:after {
   content: "\f106";
   color: var(--theme-color);
   -webkit-transform: rotate(180deg);
   -ms-transform: rotate(180deg);
   transform: rotate(180deg);
 }
 .main-menu ul li:last-child {
   margin-right: 0 !important;
 }
 .main-menu ul li:first-child {
   margin-left: 0 !important;
 }
 .main-menu ul li:hover > ul.sub-menu {
   visibility: visible;
   opacity: 1;
   -webkit-transform: scaleY(1);
   -ms-transform: scaleY(1);
   transform: scaleY(1);
   z-index: 9;
 }
 .main-menu ul.sub-menu {
   position: absolute;
   text-align: left;
   top: 100%;
   left: 0;
   background-color: var(--white-color);
   visibility: hidden;
   min-width: 230px;
   width: -webkit-max-content;
   width: -moz-max-content;
   width: max-content;
   padding: 7px;
   left: -14px;
   opacity: 0;
   z-index: -1;
   box-shadow: 0px 4px 15px rgba(1, 15, 28, 0.06);
   border-radius: 0;
   -webkit-transform: scaleY(0);
   -ms-transform: scaleY(0);
   transform: scaleY(0);
   border-bottom: 3px solid var(--theme-color);
   -webkit-transform-origin: top center;
   -ms-transform-origin: top center;
   transform-origin: top center;
   -webkit-transition: all 0.4s ease 0s;
   transition: all 0.4s ease 0s;
 }
 .main-menu ul.sub-menu a {
   font-size: 16px;
   line-height: 30px;
 }
 .main-menu ul.sub-menu {
   padding: 18px 20px 18px 18px;
   left: -27px;
 }
 .main-menu ul.sub-menu li {
   display: block;
   margin: 0 0;
   padding: 0px 9px;
 }
 .main-menu ul.sub-menu li.menu-item-has-children > a:after {
   content: "\2b";
   float: right;
   top: 1px;
   display: inline-block;
 }
 .main-menu ul.sub-menu li.menu-item-has-children > a:hover:after {
   content: "\f068";
   -webkit-transform: rotate(180deg);
   -ms-transform: rotate(180deg);
   transform: rotate(180deg);
 }
 .main-menu ul.sub-menu li a {
   position: relative;
   padding-left: 0;
   text-transform: capitalize;
 }
 .main-menu ul.sub-menu li a:before {
   content: "\f5b0";
   position: absolute;
   top: 6px;
   left: 10px;
   font-family: var(--icon-font);
   text-align: center;
   border-radius: 50%;
   display: inline-block;
   font-size: 1em;
   line-height: 1;
   color: var(--theme-color);
   font-weight: 900;
   opacity: 0;
   visibility: visible;
   -webkit-transition: 0.3s ease-in-out;
   transition: 0.3s ease-in-out;
 }
 .main-menu ul.sub-menu li a:hover {
   padding-left: 23px;
 }
 .main-menu ul.sub-menu li a:hover:before {
   visibility: visible;
   opacity: 1;
   left: 0;
 }
 .main-menu ul.sub-menu li ul.sub-menu {
   left: 100%;
   right: auto;
   top: 0;
   margin: 0 0;
   margin-left: 20px;
 }
 .main-menu ul.sub-menu li ul.sub-menu li ul {
   left: 100%;
   right: auto;
 }
 .header-button {
   height: 100%;
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
   -webkit-align-items: center;
   -ms-flex-align: center;
   align-items: center;
   gap: 15px;
 }
 .header-button .th-btn {
   margin-left: 15px;
   padding: 15px 35px;
 }
 .header-button .icon-btn .badge {
   font-size: 12px;
   top: 0;
   right: 0;
 }
 .header-button .icon-btn:hover .badge {
   background-color: var(--title-color);
 }



 .header-layout1 {
   background-color: var(--white-color);
 }


 .header-layout1 .main-menu > ul > li > a:before {
   content: '';
   position: absolute;
   height: 1px;
   left: 0;
   background: var(--black-color2);
   width: 0%;
   margin-top: 30px;
   -webkit-transition: 0.4s;
   transition: 0.4s;
 }
 .header-layout1 .main-menu > ul > li > a:hover, .header-layout1 .main-menu > ul > li > a.active {
   color: var(--black-color2);
 }
 .header-layout1 .main-menu > ul > li > a:hover:before, .header-layout1 .main-menu > ul > li > a.active:before {
   width: 100%;
 }
 .header-layout1 .main-menu ul li.menu-item-has-children > a:hover:after {
   color: var(--black-color2);
 }
 .header-layout1 .header-right {
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-pack: justify;
   -webkit-justify-content: space-between;
   -ms-flex-pack: justify;
   justify-content: space-between;
   -webkit-box-align: center;
   -webkit-align-items: center;
   -ms-flex-align: center;
   align-items: center;
   gap: 24px;
 }

 .header-layout1 .header-right i {
   margin-left: 5px;
   font-size: 14px;
 }
 .header-layout1 .sticky-wrapper.sticky .menu-area {
   background-image: none !important;
 }
 .header-layout1 .sticky-wrapper .menu-area {
   /* Large devices */
 }
 .header-layout1 .menu-area {
   z-index: 0;
 }

 .header-layout1 .logo-bg {
   position: absolute;
   top: 0;
   left: 0;
   width: 19%;
   height: 92px;
   z-index: -1;
   background-color: var(--theme-color);
 }
 .header-layout1 .main-menu {
   position: relative;
   padding-left: 30px;
 }
 .header-layout1 .main-menu > ul > li {
   margin: 0px 21px;
 }
 .header-layout2 .main-menu > ul > li > a {
   padding: 38.5px 0px;
 }

 /* ------------------------------ Header 3  End ---------------------------------- */
 /* Define animation for each character    */
 .split-heading-title.animated-character {
   display: inline-block;
   -webkit-animation: fadeInChar 0.5s ease-in-out forwards;
   animation: fadeInChar 0.5s ease-in-out forwards;
 }
 .animated-character {
   -webkit-animation: animateCharacter 0.5s forwards;
   animation: animateCharacter 0.5s forwards;
 }
 @-webkit-keyframes animateCharacter {
   from {
     -webkit-transform: translateY(100%);
     transform: translateY(100%);
     opacity: 0;
   }
   to {
     -webkit-transform: translateY(0);
     transform: translateY(0);
     opacity: 1;
   }
 }
 @keyframes animateCharacter {
   from {
     -webkit-transform: translateY(100%);
     transform: translateY(100%);
     opacity: 0;
   }
   to {
     -webkit-transform: translateY(0);
     transform: translateY(0);
     opacity: 1;
   }
 }
 /* --------------------------------
heding animation start 
------------------------------------ */
 .title-area {
   -webkit-transition: all 0.3s linear 0s;
   transition: all 0.3s linear 0s;
 }
 .heading-title {
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
   display: flex;
   -webkit-flex-wrap: wrap;
   -ms-flex-wrap: wrap;
   flex-wrap: wrap;
   white-space: break-spaces;
   gap: 0px 12px;
 }
 .heading-title .sec-title {
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
   display: flex;
   margin-bottom: 0;
 }
 .heading-title .sec-title .split-heading-title {
   -webkit-animation: heading-anim-fade-out 2s ease calc(0.05s * var(--char-index)), heading-anim-fade-in 3s ease calc(0.05s * var(--char-index));
   animation: heading-anim-fade-out 2s ease calc(0.05s * var(--char-index)), heading-anim-fade-in 3s ease calc(0.05s * var(--char-index));
 }
 @-webkit-keyframes heading-anim-fade-out {
   0% {
     opacity: 0;
   }
   100% {
     opacity: 1;
   }
 }
 @keyframes heading-anim-fade-out {
   0% {
     opacity: 0;
   }
   100% {
     opacity: 1;
   }
 }
 @-webkit-keyframes heading-anim-fade-in {
   0% {
     opacity: 0;
   }
   100% {
     opacity: 1;
   }
 }
 @keyframes cus-heading-animation-fade-out {
   0% {
     opacity: 1;
   }
   100% {
     opacity: 0;
   }
 }
 @-webkit-keyframes cus-heading-animation-fade-out {
   0% {
     opacity: 1;
   }
   100% {
     opacity: 0;
   }
 }
 /* --------------------------------
heding animation  end
------------------------------------ */
 /*------------------- 4.3. Footer  -------------------*/
 .footer-wrapper {
   position: relative;
   z-index: 2;
   overflow: hidden;
 }
 .widget-area {
   padding-top: 100px;
   padding-bottom: 46px;
 }
 .sticky-footer {
   position: fixed;
   bottom: 0;
   left: 0;
   width: 100%;
 }
 .copyright-wrap {
   padding: 18px 0;
   background-color: #262A36;
 }
 .copyright-wrap .copyright-text {
   color: var(--white-color);
 }
 .copyright-wrap .copyright-text a {
   -webkit-transition: all 0.4s ease-in-out;
   transition: all 0.4s ease-in-out;
 }
 .copyright-wrap .copyright-text a:hover {
   color: var(--theme-color);
 }
 .copyright-wrap.bg-title .copyright-text a:hover {
   color: var(--theme-color);
 }


 .th-widget-contact {
   max-width: 260px;
   margin-bottom: -0.4em;
 }
 .info-box_text {
   line-height: 1.75em;
   margin-top: 0;
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
   display: flex;
   gap: 16px;
 }
 .info-box_text .icon {
   color: var(--body-color);
   -webkit-box-flex: 0;
   -webkit-flex: none;
   -ms-flex: none;
   flex: none;
   width: 40px;
   height: 40px;
   line-height: 37px;
   background-color: #E9F6F9;
   border-radius: 50%;
   text-align: center;
   -webkit-transition: all 0.4s ease-in-out;
   transition: all 0.4s ease-in-out;
 }
 .info-box_text .icon img {
   -webkit-transition: all 0.4s ease-in-out;
   transition: all 0.4s ease-in-out;
 }
 .info-box_text .icon:hover {
   background-color: var(--theme-color);
 }
 .info-box_text .icon:hover img {
   -webkit-filter: contrast(0) brightness(2);
   filter: contrast(0) brightness(2);
 }
 .info-box_text .details {
   margin-top: -0.3em;
 }
 .info-box_text .details p {
   margin-bottom: 0;
 }
 .info-box_text a {
   color: inherit;
 }
 .info-box_text a:hover {
   color: rgb(221, 149, 45);
 }
 .info-box_text:not(:last-child) {
   margin-bottom: 18px;
 }
 .footer-card .title {
   font-weight: 400;
   font-size: 16px;
   color: var(--white-color);
   margin-right: 16px;
 }

 .copyright-text {
   margin: 0;
   /* Medium devices */
 }
 .copyright-text a {
   color: var(--theme-color);
 }
 .copyright-text a:hover {
   color: var(--white-color);
 }
 /* footer layout  2 start --------------------------*/
 .footer-layout2 {
   --body-color: #E9F6F9;
 }

 .footer-layout2 .widget-area {
   padding-bottom: 70px;
   /* Medium devices */
 }
 .footer-layout2 .footer-widget .widget_title {
   color: var(--white-color);
 }
 .footer-layout2 .footer-widget.widget_nav_menu a {
   font-weight: 300;
 }
 .footer-layout2 .footer-widget.widget_nav_menu a:not(:hover) {
   color: #E9F6F9;
	transition: all .5s ease; 
 }
.footer-layout2 .footer-widget.widget_nav_menu a:hover,
.footer-layout2 .footer-widget.widget_nav_menu a:focus{
	color: rgb(221 149 45);
}
.footer-widget.widget_nav_menu a:hover:before{
	color: rgb(221 149 45)
}
 .footer-layout2 .about-text {
   color: #E9F6F9;
   font-weight: 300;
   margin-bottom: 22px;
 }
 .footer-layout2 .th-social a {
   --icon-size: 40px;
   background-color: rgb(255, 255, 255, 0.5);
   color: var(--theme-color);
   margin-right: 10px;
   /* Medium Large devices */
 }
 .footer-layout2 .th-social a:hover {
   background-color: rgb(221 149 45);
   color: var(--white-color);
 }
 .footer-layout2 .info-box_text .icon {
   color: var(--white-color);
   background-color: rgba(255, 255, 255, 0.2);
 }
 .footer-layout2 .info-box_text .icon:hover {
   background-color: rgb(221, 149, 45);
 }
 .footer-layout2 .info-box_text .icon img {
   -webkit-filter: brightness(0) invert(1);
   filter: brightness(0) invert(1);
 }
 .footer-layout2 .copyright-wrap {
   background-color: transparent;
   border-top: 1px solid rgba(233, 246, 249, 0.2);
 }
 .footer-layout2 .copyright-wrap .copyright-text {
   font-size: 14px;
 }
 .footer-layout2 .copyright-wrap .copyright-text a {
   color: var(--white-color);
 }
 /* footer layout  2 end --------------------------*/
 /*------------------- 4.4. Breadcumb  -------------------*/
 .breadcumb-content {
   position: relative;
 }
 .breadcumb-menu {
   max-width: 100%;
   padding: 0;
   margin: 25px 0 -0.5em 0;
   list-style-type: none;
   position: relative;
 }
 .breadcumb-menu li {
   display: inline-block;
   margin-right: 3px;
   padding-right: 3px;
   list-style: none;
   position: relative;
 }
 .breadcumb-menu li:after {
   content: "";
   background-image: url('../../images/arrow-right.svg');
   background-size: 100% 100%;
   top: 3px;
   width: 18px;
   height: 16px;
   display: -webkit-inline-box;
   display: -webkit-inline-flex;
   display: -ms-inline-flexbox;
   display: inline-flex;
   position: relative;
   margin-left: 6px;
   font-weight: 700;
   font-size: 18px;
   color: inherit;
   font-family: var(--icon-font);
 }
 .breadcumb-menu li:last-child {
   padding-right: 0;
   margin-right: 0;
 }
 .breadcumb-menu li:last-child:after {
   display: none;
 }
 .breadcumb-menu li, .breadcumb-menu a, .breadcumb-menu span {
   white-space: normal;
   word-break: break-word;
   font-family: var(--body-font);
   font-weight: 400;
   font-size: 20px;
   color: var(--white-color);
 }
 .breadcumb-title {
   margin: -0.12em 0 -0.18em 0;
   font-size: 42px;
   font-family: var(--title-font);
   color: var(--white-color);
   font-weight: 700;
   text-transform: capitalize;
 }
 .th-breadcumb-bg {
   position: absolute;
   inset: 0;
 }
 .breadcumb-wrapper {
   position: relative;
   background-color: rgb(0 0 0 / 40%);
   background-position: left top;
   padding: 200px 0;
   overflow: hidden;
   text-align: center;
   background-blend-mode: overlay;
 }




 .blog-meta {
   display: block;
 }
 .blog-meta span, .blog-meta a {
   display: inline-block;
   font-size: 14px;
   font-weight: 400;
   line-height: 24px;
   color: var(--body-color);
   font-family: var(--body-font);
   position: relative;
   text-transform: capitalize;
   margin-right: 12px;
 }
 .blog-meta span i, .blog-meta a i {
   margin-right: 8px;
   color: var(--theme-color);
 }
 .blog-meta span:not(:last-child), .blog-meta a:not(:last-child) {
   padding-right: 16px;
 }
 .blog-meta span:not(:last-child):after, .blog-meta a:not(:last-child):after {
   content: "";
   height: 10px;
   width: 1px;
   background-color: #999999;
   position: absolute;
   top: 50%;
   right: 0;
   margin-top: -4px;
 }
 .blog-meta .author img {
   border-radius: 50%;
   width: 30px;
   height: 30px;
   margin-right: 6px;
 }
 .blog-meta a:hover {
   color: var(--theme-color);
 }
 .blog-content h3 {
   margin: 12px 0;
   font-size: 24px;
   line-height: 1.5;
   font-weight: 600;
 }
 .blog-img {
   line-height: 1px;
 }
  .blog-img img {
   width: 100%;
   -webkit-transition: 0.4s ease-in-out;
   transition: 0.4s ease-in-out;
 }
 .blog-title a {
   color: inherit;
 }
 .blog-title a:hover {
   color: var(--theme-color);
 }
 .th-blog {
   margin-bottom: 30px;
 }
 .blog-inner-title {
   margin-top: -0.25em;
   margin-bottom: 25px;
 }
 .blog-inner-title i {
   color: var(--theme-color);
   margin-right: 4px;
 }
 .blog-single {
   position: relative;
   margin-bottom: 0px;
   height: 100%;
   overflow: hidden;
   background-color: #fff;
   box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
   border-radius: 16px;
 }
 .blog-single .blog-title {
   margin: 12px 0;
   font-size: 26px;
   line-height: 1.5;
   font-weight: 600;
 }
 .blog-single .blog-meta {
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
   display: flex;
   -webkit-flex-wrap: wrap;
   -ms-flex-wrap: wrap;
   flex-wrap: wrap;
   margin-bottom: 8px;
   z-index: 2;
   gap: 10px 0;
 }
 .blog-single .blog-meta span, .blog-single .blog-meta a {
   display: inline-block;
   font-size: 14px;
   font-weight: 400;
   color: #1C2D37;
   font-family: var(--body-font);
   position: relative;
   line-height: normal;
 }
 .blog-single .blog-meta span img, .blog-single .blog-meta span svg, .blog-single .blog-meta span i, .blog-single .blog-meta a img, .blog-single .blog-meta a svg, .blog-single .blog-meta a i {
   margin-right: 11px;
   color: #1C2D37;
 }
 .blog-single .blog-meta span:last-child, .blog-single .blog-meta a:last-child {
   margin-right: 0;
   padding-right: 0;
   border: 0;
 }
 .blog-single .blog-meta span:last-child:after, .blog-single .blog-meta a:last-child:after {
   display: none;
 }
 .blog-single .blog-meta .author img {
   border-radius: 50%;
   width: 30px;
   height: 30px;
   margin-right: 6px;
 }
 .blog-single .blog-content {
   margin: 0 0 0 0;
   padding: 0 15px 30px;
   position: relative;
 }
 .blog-single .blog-content .blog-single {
   padding: 20px;
 }

.blog-single .blog-img {
   position: relative;
   overflow: hidden;
   background-color: var(--smoke-color);
   margin-bottom: 0;
 }
 .blog-single .blog-img {
   position: relative;
   overflow: hidden;
   -webkit-transition: all 0.4s ease;
   transition: all 0.4s ease;
   border-radius: 16px 16px 0 0;
   margin-bottom: 40px;
 }
 .blog-single .blog-img:before {
   background: rgba(255, 255, 255, 0.5);
   content: "";
   height: 0;
   left: 0;
   opacity: 1;
   pointer-events: none;
   position: absolute;
   top: 0;
   width: 100%;
   z-index: 9;
 }
 .blog-single .blog-img img {
   width: 100%;
   object-fit: cover;
   -webkit-transition: 1.3s all ease;
   transition: 1.3s all ease;
 }
 .blog-single .blog-img .slider-arrow {
   --pos-x: 30px;
   --icon-size: 44px;
   border: none;
   background-color: var(--white-color);
   color: var(--black-color2);
   box-shadow: none;
   visibility: visible;
   opacity: 1;
   -webkit-transform: none;
   -ms-transform: none;
   transform: none;
   /* Large devices */
 }
 .blog-single .blog-img .slider-arrow:hover {
   background-color: var(--theme-color);
   color: var(--white-color);
 }
 .blog-single .blog-img .play-btn {
   --icon-size: 100px;
   position: absolute;
   left: 50%;
   top: 50%;
   margin: calc(var(--icon-size) / -2) 0 0 calc(var(--icon-size) / -2);
   /* Small devices */
 }
 .blog-single .line-btn {
   display: block;
   max-width: -webkit-fit-content;
   max-width: -moz-fit-content;
   max-width: fit-content;
   margin-bottom: -1px;
 }
 .blog-single:hover .blog-img:before {
   height: 100%;
   opacity: 0;
   -webkit-transition: all .4s linear;
   transition: all .4s linear;
 }
 .blog-single:hover .blog-img img {
   -webkit-transform: scale(1.3);
   -ms-transform: scale(1.3);
   transform: scale(1.3);
 }


 .blog-details .blog-content > p:last-child {
   margin-bottom: 0;
 }

 .blog-text {
   font-size: 16px;
   font-weight: 400;
   margin-bottom: 30px;
}


 .form-submit input[type="submit"] {
   background-color: var(--theme-color);
   color: var(--white-color);
 }
 .form-submit input[type="submit"]:hover {
   background-color: var(--title-color);
 }

 /* Hero Global ---------------------------------- */
 .th-hero-wrapper {
   position: relative;
   z-index: 2;
   overflow: hidden;
 }
 .th-hero-bg {
   position: absolute;
   inset: 0;
   overflow: hidden;
 }
 .th-hero-bg img {
   position: relative;
   height: 100%;
   width: 100%;
   object-fit: cover;
   overflow: hidden;
 }

 /* Hero 1 end ----------------------------------*/
 /* Hero 2 --------------------------------------*/
 .hero-2 {
   position: relative;
   z-index: 6;
 }
 .hero-2 .hero2-overlay {
   position: absolute;
   inset: 0;
   z-index: -1;
 }
 .hero-2 .hero-slider-2 {
   max-width: 1776px;
   display: block;
   margin: auto;
   border-radius: 24px;
 }

 .hero-2 .scroll-down {
   -webkit-transform: rotate(-90deg);
   -ms-transform: rotate(-90deg);
   transform: rotate(-90deg);
   -webkit-transform-origin: left;
   -ms-transform-origin: left;
   transform-origin: left;
   position: absolute;
   bottom: 0px;
   left: calc(50% - 0px);
   width: 150px;
   height: 141px;
   text-align: center;
   z-index: 2;
   color: var(--white-color);
   /* Medium Large devices */
 }
 .hero-2 .scroll-down .scroll-wrap {
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
   display: flex;
   gap: 16px;
   -webkit-box-align: center;
   -webkit-align-items: center;
   -ms-flex-align: center;
   align-items: center;
   font-family: var(--title-font);
   font-size: 16px;
   color: var(--white-color);
   font-weight: 300;
 }
 .hero-2 .scroll-down .scroll-wrap span {
   min-width: 40px;
   height: 40px;
   line-height: 40px;
   border-radius: 50%;
   border: 1px solid var(--white-color);
 }
 .hero-2 .scroll-down .scroll-wrap span img {
   -webkit-transform: rotate(90deg);
   -ms-transform: rotate(90deg);
   transform: rotate(90deg);
   margin-bottom: 4px;
 }
 .hero-2 .th-hero-bg {
   border-radius: 24px;
   overflow: hidden;
 }
 .hero-2 .th-hero-bg:before {
   content: '';
   position: absolute;
   inset: 0;
   background: -webkit-linear-gradient(bottom, rgba(13, 13, 12, 0.4), rgba(13, 13, 12, 0.4));
   background: linear-gradient(0deg, rgba(13, 13, 12, 0.4), rgba(13, 13, 12, 0.4));
   border-radius: 24px;
 }
 .hero-2 .th-swiper-custom {
   position: absolute;
   bottom: 20px;
   margin: 0;
   right: 50px;
   z-index: 9;
   width: 550px;
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
   -webkit-align-items: center;
   -ms-flex-align: center;
   align-items: center;
   gap: 36px;
   /* Medium Large devices */
   /* Large devices */
   /* Small devices */
   /* Extra small devices */
 }
 .hero-2 .hero-icon {
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
   display: flex;
   gap: 8px;
 }
 .hero-2 .hero-arrow {
   width: 32px;
   height: 32px;
   line-height: 1;
   border-radius: 50%;
   border: 1px solid var(--white-color);
   background-color: transparent;
   -webkit-transition: all 0.4s ease;
   transition: all 0.4s ease;
 }
 .hero-2 .hero-arrow img {
   -webkit-filter: brightness(0) invert(1);
   filter: brightness(0) invert(1);
   -webkit-transition: all 0.4s ease;
   transition: all 0.4s ease;
 }
 .hero-2 .hero-arrow:hover {
   background-color: var(--white-color);
 }
 .hero-2 .hero-arrow:hover img {
   -webkit-filter: none;
   filter: none;
 }
 .hero-2 .swiper-pagination {
   position: relative;
   border-radius: 8px;
   width: 424px;
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
   display: flex;
 }
 .hero-2 .swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet, .hero-2 .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
   margin: 0;
 }
 .hero-2 .swiper-pagination-bullet {
   width: 100%;
   height: 3px;
   border-radius: 8px;
   background-color: rgba(255, 255, 255, 0.2);
   border: none;
   margin: 0;
   position: relative;
   overflow: hidden;
 }
 .hero-2 .swiper-pagination-bullet::before {
   content: "";
   display: block;
   position: absolute;
   top: 0;
   right: 0;
   bottom: 0;
   left: 0;
 }
 .hero-2 .swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active {
   background-color: rgba(255, 255, 255, 0.2);
   border-color: rgba(255, 255, 255, 0.2);
 }
 .hero-2 .swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active::before {
   background-color: var(--white-color);
   -webkit-animation: slide-progress 2s cubic-bezier(0.3, 0, 0.3, 1) forwards;
   animation: slide-progress 2s cubic-bezier(0.3, 0, 0.3, 1) forwards;
 }
 .swiper-paused .hero-2 .swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active::before {
   -webkit-animation-play-state: paused;
   animation-play-state: paused;
 }
 @-webkit-keyframes slide-progress {
   0% {
     -webkit-transform: translateX(-100%);
     transform: translateX(-100%);
   }
   100% {
     -webkit-transform: translateX(0);
     transform: translateX(0);
   }
 }
 @keyframes slide-progress {
   0% {
     -webkit-transform: translateX(-100%);
     transform: translateX(-100%);
   }
   100% {
     -webkit-transform: translateX(0);
     transform: translateX(0);
   }
 }
 .heroThumbs {
   max-width: 848px;
   position: absolute;
   bottom: 70px;
   right: 0;
 }
 .hero-style2 {
   position: relative;
   z-index: 6;
   max-width: 451px;
   padding: 230px 0;
 }
 .hero-style2 .hero-title {
   color: var(--white-color);
   font-weight: 700;
   font-size: 80px;
   color: var(--white-color);
   display: block;
   margin-top: -0.8rem;
   margin-bottom: 2px;
 }
 .hero-style2 .hero-text {
   color: var(--white-color);
   font-weight: 600;
   font-size: 28px;
   display: block;
   margin-bottom: 10px;
   /* Medium Large devices */
 }
 .hero-style2 .hero-desc {
   font-size: 18px;
   color: var(--white-color);
   margin-bottom: 38px;
 }
 .hero-style2 .th-btn {
   padding: 19px 40px;
 }
 .hero-style2 .th-btn:after {
   background-image: url('../../images/arrow-right.svg');
   background-color: #202020;
 }
 .hero-style2 .th-btn:hover {
   color: var(--white-color);
 }
 .hero-style2 .th-btn:hover:after {
   background-color: var(--white-color);
 }
 .hero-style2 .th-btn:hover:before {
   background-color: var(--theme-color);
 }
 


 .mfp-content {
   margin: 1.5rem auto;
 }

 .mfp-content .product-about {
   padding-top: 20px;
   padding-bottom: 20px;
 }
 .mfp-content .container {
   position: relative;
 }
 .mfp-fade.mfp-bg {
   opacity: 0;
   -webkit-transition: all 0.15s ease-out;
   transition: all 0.15s ease-out;
 }
 .mfp-fade.mfp-bg.mfp-ready {
   opacity: 0.8;
 }
 .mfp-fade.mfp-bg.mfp-removing {
   opacity: 0;
 }
 .mfp-fade.mfp-wrap .mfp-content {
   opacity: 0;
   -webkit-transition: all 0.4s ease-out;
   transition: all 0.4s ease-out;
 }
 .mfp-fade.mfp-wrap.mfp-ready .mfp-content {
   opacity: 1;
 }
 .mfp-fade.mfp-wrap.mfp-removing .mfp-content {
   opacity: 0;
 }
 .img-magnifier-container {
   position: relative;
 }
 .img-magnifier-glass {
   position: absolute;
   box-shadow: inset 0 10px 18px rgba(0, 0, 0, 0.2);
   border-radius: 50%;
   cursor: none;
   width: 200px;
   height: 200px;
 }
 .magnify {
   position: relative;
   cursor: none;
 }
 .magnify .magnifier {
   height: 180px;
   width: 180px;
   position: absolute;
   z-index: 20;
   box-shadow: inset 0 10px 18px rgba(0, 0, 0, 0.2);
   border-radius: 50%;
   background-size: 700%;
   background-repeat: no-repeat;
   margin-left: -90px !important;
   margin-top: -90px !important;
   pointer-events: none;
   display: none;
 }
 .magnify .magnified {
   display: block;
   z-index: 10;
   margin: auto;
   width: 100%;
   height: 100%;
 }
 .magnify img {
   width: 100%;
   height: 100%;
 }

 /*------------------- 4.00. Contact  -------------------*/
 /* Contact Page ---------------------------------- */
 .contact-form {
   background-color: var(--white-color);
   box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
   border-radius: 16px;
   padding: 35px;
   /* Medium Large devices */
 }
 .contact-form select::-moz-placeholder, .contact-form .form-control::-moz-placeholder, .contact-form .form-select::-moz-placeholder, .contact-form textarea::-moz-placeholder, .contact-form input::-moz-placeholder {
   color: var(--body-color);
 }
 .contact-form select::-webkit-input-placeholder, .contact-form .form-control::-webkit-input-placeholder, .contact-form .form-select::-webkit-input-placeholder, .contact-form textarea::-webkit-input-placeholder, .contact-form input::-webkit-input-placeholder {
   color: var(--body-color);
 }
 .contact-form select:-ms-input-placeholder, .contact-form .form-control:-ms-input-placeholder, .contact-form .form-select:-ms-input-placeholder, .contact-form textarea:-ms-input-placeholder, .contact-form input:-ms-input-placeholder {
   color: var(--body-color);
 }
 .contact-form select::-webkit-input-placeholder, .contact-form .form-control::-webkit-input-placeholder, .contact-form .form-select::-webkit-input-placeholder, .contact-form textarea::-webkit-input-placeholder, .contact-form input::-webkit-input-placeholder {
   color: var(--body-color);
 }
 .contact-form select::-moz-placeholder, .contact-form .form-control::-moz-placeholder, .contact-form .form-select::-moz-placeholder, .contact-form textarea::-moz-placeholder, .contact-form input::-moz-placeholder {
   color: var(--body-color);
 }
 .contact-form select:-ms-input-placeholder, .contact-form .form-control:-ms-input-placeholder, .contact-form .form-select:-ms-input-placeholder, .contact-form textarea:-ms-input-placeholder, .contact-form input:-ms-input-placeholder {
   color: var(--body-color);
 }
 .contact-form select::-ms-input-placeholder, .contact-form .form-control::-ms-input-placeholder, .contact-form .form-select::-ms-input-placeholder, .contact-form textarea::-ms-input-placeholder, .contact-form input::-ms-input-placeholder {
   color: var(--body-color);
 }
 .contact-form select::placeholder, .contact-form .form-control::placeholder, .contact-form .form-select::placeholder, .contact-form textarea::placeholder, .contact-form input::placeholder {
   color: var(--body-color);
 }

 .contact-form i {
   color: #888C97;
 }
 .contact-form textarea.form-control, .contact-form textarea {
   min-height: 120px;
   padding-top: 16px;
   padding-bottom: 17px;
 }
 .contact-form .th-btn {
   padding: 19.5px 42px;
 }
 .contact-form .th-btn i {
   color: var(--white-color);
 }
 .contact-form.style2 textarea.form-control, .contact-form.style2 textarea {
   min-height: 130px;
 }
 .contact-form.style2 select, .contact-form.style2 .form-control, .contact-form.style2 .form-select, .contact-form.style2 textarea, .contact-form.style2 input {
   height: 55px;
 }


 .about-contact-grid {
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
   display: flex;
   gap: 24px;
   align-items: center;
   border-radius: 8px;
   padding: 24px 0 18px;
   -webkit-transition: 0.4s;
   transition: 0.4s;
   /* Extra small devices */
 }
 .about-contact-grid:not(:last-child) {
   margin-bottom: 30px;
 }
 .about-contact-grid .about-contact-icon {
   -webkit-box-flex: 0;
   -webkit-flex: none;
   -ms-flex: none;
   flex: none;
   width: 70px;
   height: 70px;
   line-height: 68px;
   text-align: center;
   background: var(--theme-color);
   border-radius: 50%;
   color: var(--white-color);
   -webkit-transition: all 0.4s ease-in-out;
   transition: all 0.4s ease-in-out;
   /* Extra small devices */
 }
 .about-contact-grid .about-contact-icon img {
   -webkit-filter: brightness(0) invert(1);
   filter: brightness(0) invert(1);
 }
 .about-contact-grid .box-title {
   font-size: 20px;
   font-weight: 600;
   margin-top: -0.3em;
   margin-bottom: 2px;
 }
 .about-contact-grid .about-contact-details-text {
   color: var(--title-color);
   margin-bottom: 0;
 }
 .about-contact-grid .about-contact-details-text a:not(:hover) {
   color: initial;
 }
 .about-contact-grid:hover .about-contact-icon {
   background: var(--theme-color);
 }

 .contact-map {
   position: relative;
   line-height: 0px;
   border-radius: 30px;
   /* Medium devices */
 }
 .contact-map .contact-icon {
   position: absolute;
   left: 50%;
   top: 50%;
   -webkit-transform: translate(-50%, -50%);
   -ms-transform: translate(-50%, -50%);
   transform: translate(-50%, -50%);
   cursor: pointer;
 }
 .contact-map .contact-icon i {
   width: 100px;
   height: 100px;
   line-height: 100px;
   text-align: center;
   font-size: 24px;
   color: var(--white-color);
   background-color: var(--theme-color);
   border-radius: 50%;
   /* Medium devices */
 }
 .contact-map .contact-icon {
   width: 50px;
   height: 50px;
   display: inline-block;
   z-index: 3;
 }
 .contact-map .contact-icon img {
   -webkit-animation: jumpAni 2s ease-in-out infinite alternate;
   animation: jumpAni 2s ease-in-out infinite alternate;
 }
 .contact-map .contact-icon:after {
   content: "";
   position: absolute;
   left: 0px;
   right: 0;
   margin: auto;
   top: 90%;
   width: 38px;
   height: 18px;
   border-radius: 50%;
   background: rgba(13, 13, 12, 0.2);
   z-index: -1;
 }
 .contact-map .contact-icon:before {
   content: "";
   position: absolute;
   left: -40px;
   right: 0;
   margin: auto;
   top: 50%;
   width: 130px;
   height: 60px;
   border-radius: 50%;
   background: rgba(255, 255, 255, 0.5);
   border: 1px solid var(--white-color);
   z-index: -1;
 }
 @-webkit-keyframes location-anim {
   0% {
     -webkit-transform: rotate(5deg) translate(5px, 5px);
     transform: rotate(5deg) translate(5px, 5px);
   }
   100% {
     -webkit-transform: rotate(5deg) translate(-5px, -5px);
     transform: rotate(5deg) translate(-5px, -5px);
   }
 }
 @keyframes location-anim {
   0% {
     -webkit-transform: rotate(5deg) translate(5px, 5px);
     transform: rotate(5deg) translate(5px, 5px);
   }
   100% {
     -webkit-transform: rotate(5deg) translate(-5px, -5px);
     transform: rotate(5deg) translate(-5px, -5px);
   }
 }
 @-webkit-keyframes location-anim2 {
   0% {
     -webkit-transform: scale(1);
     transform: scale(1);
   }
   100% {
     -webkit-transform: scale(0.5);
     transform: scale(0.5);
   }
 }
 @keyframes location-anim2 {
   0% {
     -webkit-transform: scale(1);
     transform: scale(1);
   }
   100% {
     -webkit-transform: scale(0.5);
     transform: scale(0.5);
   }
 }
 .contact-map iframe {
   width: 100%;
   height: 365px;
   border-radius: 30px;
 }
 .contact-map.style2 iframe {
   width: 100%;
   height: 398px;
   border-radius: 0;
 }
 .contact-map.style3 iframe {
   border-radius: 16px;
 }
 .contact-text {
   max-width: 369px;
   font-size: 18px;
 }
 /*------------------- 4.00. About  -------------------*/
 /* About 1 ---------------------------------- */
 .global-img {
   position: relative;
   overflow: hidden;
   -webkit-transition: all .5s ease-out;
   transition: all .5s ease-out;
   /* Medium devices */
 }
 .global-img:after {
   background: rgba(255, 255, 255, 0.5);
   content: "";
   height: 0;
   left: 0;
   opacity: 1;
   pointer-events: none;
   position: absolute;
   top: 0;
   width: 100%;
   z-index: 9;
 }
 .global-img img {
   width: 100%;
   object-fit: cover;
   -webkit-transition: 1.3s all ease;
   transition: 1.3s all ease;
 }
 .global-img:hover:after {
   height: 100%;
   opacity: 0;
   -webkit-transition: all .4s linear;
   transition: all .4s linear;
 }
 .global-img:hover img {
   -webkit-transform: scale(1.3);
   -ms-transform: scale(1.3);
   transform: scale(1.3);
 }

 .about-item {
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
   display: flex;
   gap: 16px;
   align-items: center;
   max-width: 400px;
 }
 .about-item:not(:last-child) {
   margin-bottom: 20px;
 }
 .about-item.style2 .about-item_img {
   background-color: var(--smoke-color);
 }
 .about-second .about-item .box-title {
   margin: 10px 0;
 }
 .about-second .about-item {
   display: flex;
   flex-direction: column;
   align-items: flex-start;
   padding: 0 25px;
   border-right: 1px solid #ee9e2a;
 }
 .about-second .about-item:first-child {
   padding-left: 0;
 }
 .about-second .about-item:last-child {
   padding-right: 0;
   border-right: 0;
 }
 .about-item_img {
   min-width: 50px;
   height: 50px;
   line-height: 50px;
   border-radius: 50%;
   text-align: center;
   background-color: var(--theme-color);
   -webkit-transition: all 0.4s ease-in-out;
   transition: all 0.4s ease-in-out;
 }
 .about-item_img img {
   -webkit-transition: all 0.4s ease-in-out;
   transition: all 0.4s ease-in-out;
 }
 .about-item_img:hover {
   background-color: var(--title-color);
 }
 .about-item_img:hover img {
   -webkit-transform: rotateY(360deg);
   transform: rotateY(360deg);
 }
 .about-item .box-title {
   margin-bottom: 0px;
   font-size: 20px;
 }
 .about-item_text {
   margin-bottom: -0.3rem;
 }
 .about-shape {
   position: absolute;
 }
 .about-shape:before {
   content: "";
   position: absolute;
   left: -47%;
   bottom: 17%;
   width: 396px;
   height: 396px;
   border-radius: 50%;
   background: #E9F6F9;
   z-index: -1;
 }

 /* About area start --------------------------*/
 .img-box3 {
   position: relative;
   margin-left: -110px;
 }
 .img-box3 .img1 img {
   border-radius: 24px;
 }
 .img-box3 .img2 {
   position: absolute;
   top: 20%;
   right: 12%;
 }
 .img-box3 .img2 img {
   border-radius: 24px;
   border: 5px solid var(--white-color);
 }
 .img-box3 .img3 {
   position: relative;
   margin-top: 30px;
   z-index: 3;
 }
 .img-box3 .img3 img {
   border-radius: 24px;
   border: 5px solid var(--white-color);
 }
 /*------------------- 4.00. Team  -------------------*/
 /* Team global ---------------------------------- */
 .th-team {
   position: relative;
 }
 .th-team .team-img {
   position: relative;
   overflow: hidden;
 }
 .th-team .team-img img {
   width: 100%;
   -webkit-transition: 0.4s ease-in-out;
   transition: 0.4s ease-in-out;
 }
 
 .th-team .th-social {
   -webkit-transition: 0.4s ease-in-out;
   transition: 0.4s ease-in-out;
 }
 .th-team .th-social a {
   --icon-size: 32px;
   background-color: transparent;
   border: 1px solid var(--theme-color);
   color: var(--theme-color);
   font-size: 14px;
 }
 .th-team .th-social a:hover {
   background-color: var(--theme-color);
   color: var(--white-color);
 }
 .th-team .box-title {
   margin: 15px 0 10px 0;
 }

 /* Team grid start -------------------------*/
 .team-grid {
   position: relative;
   background-color: var(--smoke-color);
   text-align: center;
   border-radius: 16px;
   --space: 72px;
   height: 100%;
 }

 .team-grid .team-img2 {
   width: 90px;
   height: 90px;
   margin: 0 auto;
   margin-top: -65px;
   border: 1px solid #1c4487;
   overflow: hidden;
   position: relative;
   border-radius: 50%;
   z-index: 3;
   line-height: 89px;
   background-color: #1c4487
 }
 .team-grid .team-img2 img {
   width: 60px;
   border-radius: 0;
   -webkit-transition: all 1.3s ease 0s;
   transition: all 1.3s ease 0s;
 }
 .team-grid .team-content {
   position: relative;
   padding: 24px 16px 16px 16px;
   border-radius: 16px;
   -webkit-transition: all 1s ease;
   transition: all 1s ease;
   z-index: 2;
   height: 100%;
 }
 .team-grid .media-body {
   position: relative;
   border-radius: 16px;
   background-color: #fff;
   padding: 24px 15px 10px 15px;
   -webkit-transition: all 1s ease;
   transition: all 1s ease;
   z-index: 2;
   height: 100%;
 }
 .team-grid .box-title {
   color: var(--black-color2);
 }
 .team-grid .box-title a {
   color: inherit;
 }

 .team-grid:hover .team-img2 img {
   -webkit-transform: scale(1.1);
   -ms-transform: scale(1.1);
   transform: scale(1.1);
 }
 .team-grid:hover .media-body {
   background-color: var(--theme-color);
 }
 .team-grid:hover .box-title, .team-grid:hover .th-para p {
   color: var(--white-color);
 }

 .team-grid:hover .th-social a {
   border: 1px solid var(--white-color);
   color: var(--white-color);
 }
 .team-area3 .slider-arrow {
   top: 35%;
   left: var(--pos-x, -60px);
 }
 .team-area3 .slider-arrow.slider-next {
   right: var(--pos-x, -60px);
   left: unset;
 }
 /* Team Details ---------------------------------- */
 .team-details .box-title {
   font-size: 28px;
 }

 /*------------------- 4.00. Testimonial  -------------------*/
 /* Team card start ----------------------------*/
 .testiSlider1 {
   overflow: visible;
   margin: 0 -30px !important;
 }
 .testiSlider1 .swiper-slide {
   margin-top: 98px !important;
   -webkit-transition: all 0.5s ease-out;
   transition: all 0.5s ease-out;
 }
 .testiSlider1 .swiper-slide.swiper-slide-active {
   margin-top: 0 !important;
   margin-bottom: 80px !important;
   width: calc(716px) !important;
 }
 .testiSlider1 .swiper-slide.swiper-slide-active .testi-card-quote {
   background-color: var(--theme-color);
 }
 .testiSlider1 .swiper-slide.swiper-slide-active .testi-card-quote img {
   -webkit-filter: brightness(0) invert(1);
   filter: brightness(0) invert(1);
 }
 .testiSlider1 .swiper-wrapper {
   visibility: visible;
 }
 .testi-card {
   position: relative;
   padding: 40px 40px 64px;
   background: #E9F6F9;
   border-radius: 24px;
 }
 .testi-card_wrapper {
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-pack: justify;
   -webkit-justify-content: space-between;
   -ms-flex-pack: justify;
   justify-content: space-between;
   margin-bottom: 20px;
 }
 .testi-card_wrapper:nth-child(even) .testi-card {
   margin-top: 0px;
 }
 .testi-card_profile {
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-pack: start;
   -webkit-justify-content: flex-start;
   -ms-flex-pack: start;
   justify-content: flex-start;
   -webkit-box-align: center;
   -webkit-align-items: center;
   -ms-flex-align: center;
   align-items: center;
   gap: 16px;
 }
 .testi-card_avater {
   min-width: 72px;
 }
 .testi-card_avater img {
   width: 100%;
   border-radius: 50%;
   object-fit: cover;
 }
 .testi-card .box-title {
   margin-bottom: 0;
 }
 .testi-card_review i {
   color: #FFA944;
   font-size: 14px;
   margin-right: 3px;
 }
 .testi-card_text {
   color: var(--black-color2);
   font-size: 20px;
   font-weight: 500;
   margin-bottom: -0.3rem;
 }
 .testi-card-quote {
   width: 78px;
   height: 78px;
   line-height: 70px;
   text-align: center;
   background-color: var(--white-color);
   border: 4px solid var(--white-color);
   border-radius: 50%;
   position: absolute;
   left: 48%;
   bottom: -30px;
   -webkit-transform: translateX(-50%);
   -ms-transform: translateX(-50%);
   transform: translateX(-50%);
 }
 /* testi box area start -----------------------*/
 .testi-review {
   position: relative;
   height: 520px;
   background-size: auto;
   z-index: 3;
   margin-top: 100px;
 }
 .testi-box {
   position: absolute;
   text-align: center;
 }
 .testi-box:after {
   content: '';
   position: absolute;
   left: 30%;
   top: -29.5%;
   -webkit-transform: translate(50%, -50%);
   -ms-transform: translate(50%, -50%);
   transform: translate(50%, -50%);
   width: 19px;
   height: 14px;
   border-left: solid 12px transparent;
   border-right: solid 12px transparent;
   border-bottom: solid 12px transparent;
   border-top: solid 12px var(--theme-color);
   opacity: 0;
 }
 .testi-box:first-child {
   top: 50%;
   right: 29%;
 }
 .testi-box:nth-child(2) {
   top: 48%;
   right: 43%;
 }
 .testi-box:nth-child(3) {
   top: 9%;
   left: 38%;  
 }
 .testi-box:nth-child(4) {
   top: 27%;
   left: 24%;
 }
 .testi-box:nth-child(5) {
   top: 52%;
   left: 28%;
 }
 .testi-box_content {
   background-color: var(--white-color);
   border: 1px solid var(--theme-color);
   box-shadow: 0px 20px 20px rgba(204, 204, 204, 0.25);
   border-radius: 16px;
   padding: 24px 35px;
   min-width: 447px;
   margin-bottom: 10px;
   -webkit-transform: scaleX(0);
   -ms-transform: scaleX(0);
   transform: scaleX(0);
   -webkit-transition: all 0.4s ease-in-out;
   transition: all 0.4s ease-in-out;
   position: absolute;
   margin-top: -300px;
   margin-left: -165px;
   z-index: 4;
 }
 .testi-box_text {
   font-weight: 500;
   font-size: 18px;
   color: var(--black-color2);
 }
 .testi-box .media-body {
   -webkit-transition: all 0.4s ease-in-out;
   transition: all 0.4s ease-in-out;
   -webkit-transform: scaleX(0);
   -ms-transform: scaleX(0);
   transform: scaleX(0);
 }
 .testi-box_review i {
   color: #FFA944;
   margin-right: 3px;
 }
 .testi-box_avater {
   position: relative;
   max-width: 36px;
   display: block;
   margin: auto auto 40px auto;
 }
 .testi-box_avater span {
   position: absolute;
   top: 4px;
   right: 4px;
   width: 4px;
   height: 4px;
   display: block;
   border-radius: 50%;
   background-color: var(--white-color);
   z-index: 2;
 }
 .testi-box_avater:after, .testi-box_avater:before {
   content: "";
   position: absolute;
   top: 0px;
   right: 0px;
   width: 12px;
   height: 12px;
   border-radius: 50%;
   box-sizing: content-box;
   background-color: rgba(28, 168, 203, 0.5);
   z-index: 1;
 }
 .testi-box_avater:after {
   background-color: var(--theme-color);
   -webkit-animation-delay: 1s;
   animation-delay: 1s;
 }
 .testi-box_avater img {
   width: 36px;
   height: 36px;
   border-radius: 50%;
   border: 1px solid var(--theme-color);
   -webkit-transition: all 0.4s ease-in-out;
   transition: all 0.4s ease-in-out;
 }
 .testi-box .box-title {
   font-weight: 600;
   margin-bottom: 0px;
 }
 .testi-box_desig {
   margin-bottom: 0;
 }
 .testi-box.item-active:after {
   opacity: 1;
 }
 .testi-box.item-active .media-body {
   -webkit-transform: scaleX(1);
   -ms-transform: scaleX(1);
   transform: scaleX(1);
 }
 .testi-box.item-active .testi-box_avater img {
   -webkit-transform: scale(2.5);
   -ms-transform: scale(2.5);
   transform: scale(2.5);
 }
 .testi-box.item-active .testi-box_avater:before, .testi-box.item-active .testi-box_avater:after {
   display: none;
 }
 .testi-box.item-active .testi-box_avater span {
   display: none;
 }
 .testi-box.item-active .testi-box_content {
   -webkit-transform: scaleX(1);
   -ms-transform: scaleX(1);
   transform: scaleX(1);
 }
 /* testi box area end -----------------------*/

 .testi-grid {
   position: relative;
   text-align: center;
   max-width: 563px;
   display: block;
   margin: auto;
 }
 .testi-grid_author {
   max-width: 80px;
   display: block;
   margin: auto auto 30px auto;
 }
 .testi-grid_author img {
   width: 80px;
   height: 80px;
   border-radius: 50%;
 }
 .testi-grid .box-title {
   margin-bottom: 0;
 }
 .testi-grid_text {
   font-size: 18px;
   color: var(--black-color2);
   font-weight: 500;
   margin-bottom: 30px;
 }


 /*------------------- 4.00. Counter  -------------------*/
 /* counter-card start -----------------------*/
 .counter-card {
   position: relative;
   background-color: #E9F6F9;
   padding: 93px 28px;
   width: 264px;
   height: 264px;
   display: block;
   margin: auto;
   text-align: center;
   border-radius: 50%;
   z-index: 2;
   margin-top: 158px;
 }
 .counter-card .counter-shape {
   position: absolute;
   inset: -24px;
   width: 312px;
   height: 312px;
   border-radius: 50%;
   border: 1px solid var(--theme-color);
   -webkit-transition: all 0.4s ease-in-out;
   transition: all 0.4s ease-in-out;
   /* Small devices */
 }
 .counter-card .counter-shape span {
   position: absolute;
   top: unset;
   bottom: 55px;
   right: 15px;
   width: 24px;
   height: 24px;
   display: block;
   border-radius: 50%;
   background-color: rgba(28, 168, 203, 0.2);
   z-index: 2;
   /* Small devices */
 }
 .counter-card .counter-shape:after, .counter-card .counter-shape:before {
   content: "";
   position: absolute;
   bottom: 20%;
   right: 7%;
   width: 10px;
   height: 10px;
   border-radius: 50%;
   box-sizing: content-box;
   background-color: var(--theme-color);
 }
 .counter-card .counter-shape:after {
   background-color: var(--theme-color);
 }
 .counter-card-wrap {
   margin: 50px 0 25px 0;
 }

 .counter-card-wrap:nth-child(even) .counter-card {
   margin-top: 0px;
 }
 .counter-card-wrap:nth-child(even) .counter-card .counter-shape span {
   top: 24px;
   right: 43px;
 }
 .counter-card-wrap:nth-child(even) .counter-card .counter-shape:before, .counter-card-wrap:nth-child(even) .counter-card .counter-shape:after {
   bottom: unset;
   top: 10%;
   right: 16%;
 }
 .counter-card .box-number {
   font-weight: 700;
   font-size: 48px;
   line-height: 48px;
   text-transform: capitalize;
   color: var(--black-color2);
   margin-bottom: 7px;
 }
 .counter-card .counter-title {
   font-weight: 500;
   font-size: 24px;
   line-height: 36px;
   color: var(--black-color2);
 }
 .counter-card:hover .counter-shape {
   -webkit-animation: spin 10s linear infinite;
   animation: spin 10s linear infinite;
 }
 .counter-sec2 {
   position: relative;
   z-index: 1;
 }
 /* counter-card end -----------------------*/
 /* counter-box start -----------------------*/
 .counter-box {
   border: 1px solid #E1E4E6;
   border-radius: 8px;
   text-align: center;
   padding: 60px 20px;
 }
 .counter-box-wrap {
   display: grid;
   grid-template-columns: repeat(4, 1fr);
   gap: 40px;
   max-width: 782px;
   /* Medium Large devices */
   /* Small devices */
 }
 .counter-box_number {
   font-family: var(--body-font);
   font-weight: 600;
   font-size: 28px;
   line-height: 30px;
   letter-spacing: 0.02em;
   color: var(--black-color2);
   margin-bottom: 0;
 }
 .counter-box_title {
   font-size: 18px;
   font-weight: 400;
   color: var(--black-color2);
   margin-bottom: -0.4rem;
   /* Medium Large devices */
 }
 /* counter-box end -----------------------*/
 /*------------------- 4.00. Blog  -------------------*/
 /* Blog Card ---------------------------------- */
 .blog-card {
   background-color: var(--white-color);
   position: relative;
   z-index: 3;
   border-radius: 30px;
   border: 1px solid #E3E8F5;
 }
 .blog-card .blog-img {
   position: relative;
   border-radius: 30px 30px 0px 0px;
   overflow: hidden;
 }
 .blog-card .blog-img:before {
   position: absolute;
   top: 0;
   left: -100%;
   display: block;
   content: '';
   width: 50%;
   height: 100%;
   background: rgba(255, 255, 255, 0.2);
   -webkit-transform: skewX(25deg);
   -ms-transform: skewX(25deg);
   transform: skewX(25deg);
   z-index: 2;
 }
 .blog-card .blog-img img {
   width: 100%;
   border-radius: 30px 30px 0px 0px;
   -webkit-transition: all 0.4s ease;
   transition: all 0.4s ease;
 }
 .blog-card .blog-content {
   padding: 15px 30px 30px 40px;
   /* Medium Large devices */
 }
 .blog-card .blog-tags {
   font-size: 12px;
   font-weight: 700;
   color: var(--theme-color);
   letter-spacing: 0.48px;
   text-transform: uppercase;
   margin-top: -0.3rem;
   padding-bottom: 10px;
   margin-bottom: 25px;
   border-bottom: 1px solid #E1E5EB;
 }
 .blog-card .box-title {
   font-weight: 600;
   letter-spacing: -0.24px;
   margin-bottom: 5px;
 }
 .blog-card .box-title a {
   background-image: -webkit-linear-gradient(right, var(--theme-color), var(--theme-color));
   background-image: linear-gradient(to left, var(--theme-color), var(--theme-color));
   background-repeat: no-repeat;
   background-position: bottom left;
   background-size: 0 2px;
   -webkit-transition: 0.5s ease-in-out;
   transition: 0.5s ease-in-out;
 }
 .blog-card .box-title a:hover {
   background-size: 100% 2px;
 }
 .blog-card_text {
   margin-bottom: 8px;
 }
 .blog-card_profile {
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
   display: flex;
   gap: 10px;
 }
 .blog-card_author {
   min-width: 40px;
   height: 40px;
   border-radius: 50%;
 }
 .blog-card_author img {
   width: 100%;
   height: 100%;
   border-radius: 50%;
 }
 .blog-card_info a {
   font-size: 12px;
   color: var(--body-color);
   font-weight: 400;
 }
 .blog-card_name {
   font-family: var(--title-font);
   font-size: 16px;
   font-weight: 600;
   letter-spacing: -0.16px;
   margin-bottom: -0.3rem;
 }
 .blog-card:hover .blog-img img {
   -webkit-transform: scale(1.08);
   -ms-transform: scale(1.08);
   transform: scale(1.08);
 }
 .blog-card:hover .blog-img:before {
   -webkit-animation: shine 1.9s;
   animation: shine 1.9s;
 }
 .blog-card .blog-btn {
   border-bottom: 1px solid #E1E5EB;
   margin-bottom: 25px;
   padding-bottom: 30px;
 }
 .blog-card .line-btn {
   font-family: var(--body-font);
   font-size: 16px;
   font-weight: 600;
   letter-spacing: -0.16px;
 }
 /* Blog Box ---------------------------------- */
 .blog-box {
   position: relative;
   background-color: var(--white-color);
   border-radius: 16px;
 }
 .blog-box .blog-img {
   margin-bottom: 35px;
   border-radius: 16px 16px 0 0;
 }
 .blog-box_content {
   padding: 0 15px 30px 15px;
 }
 .blog-box .blog-img img {
   border-radius: 16px 16px 0 0;
 }
 .blog-box .blog-img {
   position: relative;
   overflow: hidden;
   -webkit-transition: all 0.4s ease;
   transition: all 0.4s ease;
 }
 .blog-box .blog-img img {
   width: 100%;
   -webkit-transition: all 0.4s ease;
   transition: all 0.4s ease;
 }
 .blog-box_wrapper {
   position: absolute;
   left: 20px;
   top: 20px;
   display: block;
   margin: 0 auto;
   text-align: center;
 }
 .blog-box .blog-date {
   position: absolute;
   top: 0;
   left: 0;
   background-color: var(--theme-color);
   padding: 24px 8px 15px;
   color: var(--white-color);
   text-align: center;
   font-size: 12px;
   width: 70px;
   height: 126px;
   -webkit-clip-path: path("M70 0H0V126L70 107V0Z");
   clip-path: path("M70 0H0V126L70 107V0Z");
   z-index: 2;
 }
 .blog-box .blog-date .date {
   font-family: var(--title-font);
   font-size: 36px;
   font-weight: 700;
   line-height: 46px;
   display: block;
   margin-bottom: 10px;
 }
 .blog-box .blog-shape {
   position: absolute;
   left: 0;
   top: 0;
   width: 78px;
   height: 134px;
   background-color: var(--white-color);
   -webkit-clip-path: path("M78 0H0V134L78 113.794V0Z");
   clip-path: path("M78 0H0V134L78 113.794V0Z");
 }
 .blog-box .box-title {
   line-height: 34px;
   margin-bottom: 30px;
 }
 .blog-box .blog-meta {
   margin: -0.3rem 0 18px 0;
 }

 .blog-box .th-btn {
   padding: 10px 25px;
   -webkit-box-align: center;
   -webkit-align-items: center;
   -ms-flex-align: center;
   align-items: center;
 }
 .blog-box .th-btn:after {
   width: 16px;
   height: 16px;
   background-image: url('../../images/arrow-right2.svg');
 }
 .blog-box:hover .blog-img img {
   -webkit-transform: scale(1.08);
   -ms-transform: scale(1.08);
   transform: scale(1.08);
 }
 /* Blog Grid ---------------------------------- */
 .blog-grid.style2 {
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
   display: flex;
   gap: 24px;
 }
 .blog-grid.style2 .blog-content {
   padding: 47px 40px 51px 40px;
 }
 .blog-grid.style2 .blog-img {
   min-width: 424px;
   margin-bottom: 0;
 }
 .blog-grid.style2 .blog-img img {
   width: 100%;
   height: 100%;
 }
 .blog-grid .blog-img {
   position: relative;
   overflow: hidden;
   height: 220px;
   border-radius: 16px;
   margin-bottom: 40px;
 }
 .blog-grid .blog-img img {
   border-radius: 16px;
 }
 .blog-grid .blog-meta span, .blog-grid .blog-meta a {
   color: var(--black-color2);
 }
 .blog-grid .blog-content {
   padding: 47px 40px 40px 40px;
 }
 .blog-grid .blog-meta {
   margin: -0.3rem 0 20px 0;
 }
 .blog-grid .blog-tag {
   position: absolute;
   left: 0;
   bottom: 0;
   background-color: var(--theme-color);
   padding: 9px 20px;
   color: var(--white-color);
   font-size: 14px;
   line-height: 24px;
   margin-bottom: 0;
 }
 .blog-grid .box-title {
   margin-bottom: 32px;
   color: var(--black-color2);
 }
 .blog-grid .box-title a {
   background-image: -webkit-linear-gradient(right, var(--theme-color), var(--theme-color));
   background-image: linear-gradient(to left, var(--theme-color), var(--theme-color));
   background-repeat: no-repeat;
   background-position: bottom left;
   background-size: 0 2px;
   -webkit-transition: 0.5s ease-in-out;
   transition: 0.5s ease-in-out;
 }
 .blog-grid .box-title a:hover {
   background-size: 100% 2px;
 }
 .blog-grid .th-btn {
   background-color: transparent;
   color: var(--black-color2);
   border: 1px solid var(--gray-color);
   padding: 10px 25px;
 }
 .blog-grid .blog-img {
   overflow: hidden;
 }
 .blog-grid .blog-img img {
   width: 100%;
   height: 100%;
   -webkit-transition: 0.4s ease-in-out;
   transition: 0.4s ease-in-out;
 }
 .blog-grid .blog-meta {
   margin: -0.4em 0 18px 0;
 }

 .blog-grid .blog-meta span > i, .blog-grid .blog-meta a > i {
   color: var(--theme-color);
   font-size: 14px;
 }
 .blog-grid:hover .blog-img img {
   -webkit-transform: scale(1.08);
   -ms-transform: scale(1.08);
   transform: scale(1.08);
 }
 .blog-title-area {
   max-width: 613px;
   margin: auto;
   display: block;
   text-align: center;
 }
 .blog-area {
   padding-bottom: 60px;
 }
 /*------------------- 4.00. Brand  -------------------*/
 /* brand box start --------------------*/
 .brand-area .th-container {
   --main-container: 1648px;
 }
 .brand-box {
   width: 150px;
   height: 150px;
   margin: auto;
   position: relative;
   display: block;
 }
 .brand-box:hover a img.original {
   -webkit-transition: all 0.7s ease-in-out;
   transition: all 0.7s ease-in-out;
   transform: scale(1.2)
 }
 .brand-box img.original {
   -webkit-transition: all 0.7s ease-in-out;
   transition: all 0.7s ease-in-out;
   -webkit-transform: translateY(0%);
   -ms-transform: translateY(0%);
   transform: translateY(0%);
 }
 .brand-box a {
   display: flex;
   align-items: center;
   justify-content: center;
   height: 100%;
 }
 /* elements-sec  start*/
 .elements-sec .th-container {
   --main-container: 1744px;
 }
 .elements-item {
   text-align: center;
   -webkit-animation-duration: 1s;
   animation-duration: 1s;
   -webkit-animation-fill-mode: both;
   animation-fill-mode: both;
 }
 .moveFromTop {
   -webkit-animation-name: moveFromTop;
   animation-name: moveFromTop;
 }
 @-webkit-keyframes moveFromTop {
   from {
     -webkit-transform: translateY(-100%);
     transform: translateY(-100%);
   }
 }
 @keyframes moveFromTop {
   from {
     -webkit-transform: translateY(-100%);
     transform: translateY(-100%);
   }
 }
 /* matter js */
 .tags-container > canvas {
   position: relative;
   top: -1px;
   left: -1px;
 }
 .tags-container {
   width: 100vw;
   height: 200px;
   margin-top: 0vw;
   overflow: hidden;
 }
 /*------------------- 4.00. Simple Sections  -------------------*/
 .bg-img {
   position: absolute;
   inset: 0;
   height: 100%;
   width: 100%;
 }
 .bg-img img {
   width: 100%;
   height: 100%;
 }
 .th-video {
   position: relative;
   border-radius: 10px;
 }
 .th-video img {
   border-radius: inherit;
 }
 .th-video .play-btn {
   position: absolute;
   top: 50%;
   left: 50%;
   -webkit-transform: translate(-50%, -50%);
   -ms-transform: translate(-50%, -50%);
   transform: translate(-50%, -50%);
 }

 .btn-wrap {
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
   display: flex;
   -webkit-flex-wrap: wrap;
   -ms-flex-wrap: wrap;
   flex-wrap: wrap;
   -webkit-box-align: center;
   -webkit-align-items: center;
   -ms-flex-align: center;
   align-items: center;
   gap: 20px 30px;
 }


 .global-image {
   position: relative;
   overflow: hidden;
   border-radius: 40px;
 }
 .global-image:before {
   content: '';
   z-index: 1;
   position: absolute;
   background: var(--theme-color);
   display: block;
   width: 100%;
   height: 100%;
   border-radius: 40px;
   -webkit-transform-origin: 100% 50%;
   -ms-transform-origin: 100% 50%;
   transform-origin: 100% 50%;
   -webkit-transform: scaleX(0) translateX(0);
   -ms-transform: scaleX(0) translateX(0);
   transform: scaleX(0) translateX(0);
   -webkit-animation: 1s overlay ease-in-out forwards;
   animation: 1s overlay ease-in-out forwards;
 }
 .global-image img {
   width: 100%;
   height: 100%;
   border-radius: 40px;
   -webkit-animation: 1s 0.5s loaded cubic-bezier(0.49, 0, 0.5, 1) forwards;
   animation: 1s 0.5s loaded cubic-bezier(0.49, 0, 0.5, 1) forwards;
   -webkit-transform: scale(0.8);
   -ms-transform: scale(0.8);
   transform: scale(0.8);
   opacity: 0;
   display: block;
 }
 @-webkit-keyframes loaded {
   from {
     -webkit-transform: scale(0.8);
     transform: scale(0.8);
     opacity: 0;
   }
   to {
     -webkit-transform: scale(1);
     transform: scale(1);
     opacity: 1;
   }
 }
 @keyframes loaded {
   from {
     -webkit-transform: scale(0.8);
     transform: scale(0.8);
     opacity: 0;
   }
   to {
     -webkit-transform: scale(1);
     transform: scale(1);
     opacity: 1;
   }
 }
 @-webkit-keyframes overlay {
   0% {
     -webkit-transform: scaleX(0);
     transform: scaleX(0);
   }
   55% {
     -webkit-transform: scaleX(1);
     transform: scaleX(1);
   }
   100% {
     -webkit-transform: translateX(-100%);
     transform: translateX(-100%);
   }
 }
 @keyframes overlay {
   0% {
     -webkit-transform: scaleX(0);
     transform: scaleX(0);
   }
   55% {
     -webkit-transform: scaleX(1);
     transform: scaleX(1);
   }
   100% {
     -webkit-transform: translateX(-100%);
     transform: translateX(-100%);
   }
 }
 .call-btn {
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
   -webkit-align-items: center;
   -ms-flex-align: center;
   align-items: center;
   gap: 20px;
 }
 .call-btn .btn-title {
   font-size: 16px;
   color: var(--white-color);
   font-weight: 500;
 }
 .mouse-pointer {
   position: fixed;
   top: 50%;
   left: -100px;
   -webkit-transform: translate(-50%, -50%);
   -ms-transform: translate(-50%, -50%);
   transform: translate(-50%, -50%);
   width: 25px;
   height: 25px;
   pointer-events: none;
   box-sizing: border-box;
   z-index: 9999;
   -webkit-transition-duration: .9s;
   transition-duration: .9s;
   -webkit-transition-timing-function: cubic-bezier(0.19, 0.94, 0.336, 1);
   transition-timing-function: cubic-bezier(0.19, 0.94, 0.336, 1);
   border-radius: 50%;
   background: var(--theme-color);
   overflow: hidden;
 }
 .mouse-pointer:before {
   content: "";
   inset: 3px;
   position: absolute;
   background: var(--white-color);
   border-radius: inherit;
   border: 1px solid var(--theme-color);
 }
 .mouse-pointer .icon {
   color: #fff;
   font-size: 14px;
   position: absolute;
   top: 50%;
   left: 50%;
   -webkit-transform: translate(-100%, -50%);
   -ms-transform: translate(-100%, -50%);
   transform: translate(-100%, -50%);
   opacity: 0;
   -webkit-transition: 0.4s cubic-bezier(0.225, 1, 0.316, 0.99);
   transition: 0.4s cubic-bezier(0.225, 1, 0.316, 0.99);
 }
 .mouse-pointer .icon i {
   margin: 0px 3px;
 }
 /* custom-mouse-pointer */
 .mouse-pointer.large {
   display: none;
 }
 .mouse-pointer.small {
   width: 25px;
   height: 25px;
 }
 .mouse-pointer.right {
   width: 50px;
   height: 50px;
 }
 .mouse-pointer.right.large .icon {
   opacity: 0;
 }
 .mouse-pointer.right.large {
   background: transparent !important;
 }
 .mouse-pointer.zoom, .mouse-pointer.open {
   width: 80px;
   height: 80px;
 }
 .mouse-pointer .icon i {
   margin: 0px 3px;
 }
 .mouse-pointer.right .icon {
   opacity: 1;
   -webkit-transition-delay: .2s;
   transition-delay: .2s;
 }
 .touch .mouse-pointer {
   display: none;
 }
 .mouse-pointer.transparent {
   display: none;
   -webkit-transition: all 500ms ease;
   transition: all 500ms ease;
 }
 .sec-desc {
   max-width: 470px;
 }

 .video-box1 {
   position: relative;
 }
 .video-box1 img {
   border-radius: 0 80px 0 80px;
 }
 .video-box1 .play-btn {
   --icon-size: 130px;
   position: absolute;
   left: 50%;
   top: 50%;
   margin: calc(var(--icon-size) / -2) 0 0 calc(var(--icon-size) / -2);
 }

 /*------------------- 4.00. Category -------------------*/
 /* category area start --------------------------*/
 .categorySlider .swiper-pagination-bullets {
   max-width: 250px;
   display: block;
   margin: auto;
   overflow: hidden;
 }
 .category-area {
   padding: 165px 0 120px 0;
   margin-top: -55px;
 }
 .category-area .th-container {
   --main-container: 1750px;
 }
 .category-area .swiper .swiper-slide {
   width: 312px;
 }
 .category-card {
   position: relative;
   text-align: center;
   margin-bottom: 50px;
 }
 .category-card .box-img {
   border-radius: 24px;
   margin-bottom: 22px;
 }
 .category-card .box-img img {
   border-radius: 24px;
   -webkit-transition: 1.3s all ease;
   transition: 1.3s all ease;
 }
 .category-card .box-title {
   margin-bottom: 0;
 }
 .category-card .line-btn {
   text-transform: capitalize;
   color: var(--body-color);
 }
 .category-card .line-btn:before {
   display: none;
 }
 .category-card:hover .box-img img {
   -webkit-transform: scale(1.3);
   -ms-transform: scale(1.3);
   transform: scale(1.3);
 }
 /* category area end --------------------------*/
 .categorySlider2 .swiper-pagination-bullets {
   max-width: 250px;
   display: block;
   margin: auto;
   overflow: hidden;
 }

 /*------------------- 4.00. Tour -------------------*/
 /* tour start ------------------------*/
 .tour-box {
   position: relative;
   background-color: var(--white-color);
   border: 1px solid #BCCED2;
   border-top: transparent;
   border-radius: 16px;
   overflow: hidden;
   margin-bottom: 25px;
 }
 .tour-hover {
   position: absolute;
   width: 100%;
   height: 100%;
   background-color: #fff;
   display: flex;
   justify-content: center;
   align-items: center;
   border-radius: 16px 16px 0 0;
   bottom: -100%;
 }
 .tour-box.th-ani:hover .tour-hover {
   bottom: 0;
   background-color: rgb(255 255 255 / 70%);
   z-index: 9;
 }

 .tour-box_img {
   position: relative;
   border-radius: 16px 16px 0 0;
   z-index: 2;
   overflow: hidden;
   /* Medium devices */
 }
 .tour-box_img:before {
   content: "";
   position: absolute;
   inset: 0;
   background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.2) 88.18%);
   background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.2) 88.18%);
 }
 .tour-box_img img {
   width: 100%;
   border-radius: 16px 16px 0 0;
   -webkit-transition: 1.3s all ease;
   transition: 1.3s all ease;
 }
 .tour-box .tour-content {
   padding: 15px;
 }
 .tour-box .box-title {
   color: var(--black-color2);
   font-weight: 500;
   margin-bottom: 10px;
   width: 100%;
 }


 .tour-box .tour-action {
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-pack: justify;
   -webkit-justify-content: space-between;
   -ms-flex-pack: justify;
   justify-content: space-between;
   -webkit-box-align: center;
   -webkit-align-items: center;
   -ms-flex-align: center;
   align-items: center;
 }
 .tour-box .tour-action i {
   margin-right: 8px;
 }
 .tour-box .tour-action span {
   font-weight: 400;
   font-size: 16px;
   color: var(--title-color);
 }
 .tour-box .tour-action .th-btn {
   border: 1px solid var(--gray-color);
   font-weight: 500;
   padding: 10px 19.5px;
   /* Large devices */
 }
 .tour-box .tour-action .th-btn:after {
   background-image: url('../../images/arrow-right3.svg');
 }
 .tour-box:hover {
   box-shadow: 0px 20px 20px rgba(204, 204, 204, 0.25);
   border-radius: 16px;
 }
 .tour-box:hover .tour-box_img img {
   -webkit-transform: scale(1.3);
   -ms-transform: scale(1.3);
   transform: scale(1.3);
 }
 .tour-slider {
   position: relative;
 }
 /* tour end ------------------------*/
 /* tour card  start --------------------*/
 .tourSlider2 {
   margin-right: -23% !important;
 }
 .tourSlider2 .swiper-wrapper {
   -webkit-box-align: center;
   -webkit-align-items: center;
   -ms-flex-align: center;
   align-items: center;
 }
 .tour-card {
   position: relative;
   --space: 16px;
 }
 .tour-card_img {
   border-radius: 16px;
 }
 .tour-card_img img {
   border-radius: 16px;
 }
 .tour-card .tour-content {
   position: absolute;
   top: var(--space);
   left: var(--space);
   width: calc(100% - var(--space)*2);
   height: calc(100% - var(--space)*2);
   z-index: 2;
   background: rgba(17, 61, 72, 0.5);
   border: 1px solid var(--white-color);
   -webkit-backdrop-filter: blur(5px);
   backdrop-filter: blur(5px);
   border-radius: 16px;
   padding: 24px;
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-pack: end;
   -webkit-justify-content: end;
   -ms-flex-pack: end;
   justify-content: end;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
   -webkit-flex-direction: column;
   -ms-flex-direction: column;
   flex-direction: column;
   visibility: hidden;
   opacity: 0;
   -webkit-transform: scale(0);
   -ms-transform: scale(0);
   transform: scale(0);
   -webkit-transition: 0.4s ease-in-out;
   transition: 0.4s ease-in-out;
 }
 .tour-card .box-title {
   color: var(--white-color);
   font-weight: 600;
   margin-bottom: 10px;
 }

 .tour-card_price {
   font-family: var(--body-font);
   font-size: 18px;
   font-weight: 400;
   color: var(--white-color);
   margin-bottom: 35px;
 }

 .tour-card .tour-action {
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-pack: justify;
   -webkit-justify-content: space-between;
   -ms-flex-pack: justify;
   justify-content: space-between;
   -webkit-box-align: center;
   -webkit-align-items: center;
   -ms-flex-align: center;
   align-items: center;
 }
 .tour-card .tour-action i {
   margin-right: 8px;
 }
 .tour-card .tour-action span {
   font-weight: 400;
   font-size: 16px;
   color: var(--white-color);
 }
 .tour-card .tour-action .th-btn {
   border: 1px solid var(--white-color);
   font-weight: 500;
   padding: 10px 19.5px;
   color: var(--white-color);
 }
 .tour-card .tour-action .th-btn:after {
   background-image: url('../../images/arrow-right3.svg');
 }
 .tour-card .tour-action .th-btn:hover {
   color: var(--black-color2);
 }
 .tour-card .tour-action .th-btn:hover:before {
   background-color: var(--white-color);
 }
 .tour-card:hover .tour-content {
   visibility: visible;
   opacity: 1;
   -webkit-transform: scale(1);
   -ms-transform: scale(1);
   transform: scale(1);
 }
 .tour-text {
   font-size: 18px;
   color: var(--title-color);
   text-align: center;
   max-width: 687px;
   display: block;
   margin: auto auto 60px auto;
 }

 .tour-tab {
   border: 0;
   margin-bottom: 16px;
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
   display: flex;
   gap: 24px;
   margin-bottom: 40px;
 }
 .tour-tab .nav-item .nav-link {
   border: none;
   border-radius: 8px;
   background: var(--smoke-color);
   font-size: 16px;
   font-weight: 500;
   color: var(--title-color);
   padding: 7px 22px;
 }
 .tour-tab .nav-item .nav-link.active {
   background: var(--theme-color);
   color: var(--white-color);
 }


 .gallery-box {
   position: relative;
 }
 .gallery-box.style2:nth-child(2) {
   margin-top: 0;
 }
 .gallery-box.style2:nth-child(1) {
   margin-bottom: 24px;
 }
 .gallery-box.style2:hover .gallery-img {
   -webkit-transform: skewY(4deg);
   -ms-transform: skewY(4deg);
   transform: skewY(4deg);
 }
 .gallery-box.style2:hover .icon-btn {
   -webkit-transform: skewY(0deg);
   -ms-transform: skewY(0deg);
   transform: skewY(0deg);
 }

 .gallery-box.style2 .gallery-img img {
   width: 100%;
 }
 .gallery-box.style3 .gallery-img {
   border-radius: 8px;
 }
 .gallery-box.style3 .gallery-img:after {
   border-radius: 8px;
 }
 .gallery-box.style3 .gallery-img img {
   border-radius: 8px;
   width: 100%;
 }

 .gallery-box_wrapp:first-child .gallery-box {
   margin-top: 99px;
 }
 .gallery-box_wrapp:last-child .gallery-box {
   margin-top: 348px;
 }
 .gallery-box:nth-child(2) {
   margin-top: 24px;
 }
 .gallery-box .gallery-img {
   position: relative;
   overflow: hidden;
   z-index: 2;
   border-radius: 16px;
 }
 .gallery-box .gallery-img:after {
   content: '';
   position: absolute;
   inset: 0;
   background: -webkit-linear-gradient(bottom, rgba(13, 13, 12, 0.5), rgba(13, 13, 12, 0.5));
   background: linear-gradient(0deg, rgba(13, 13, 12, 0.5), rgba(13, 13, 12, 0.5));
   border-radius: 16px;
   opacity: 0;
   -webkit-transition: 0.4s ease;
   transition: 0.4s ease;
   -webkit-transform: scale(0);
   -ms-transform: scale(0);
   transform: scale(0);
   z-index: 1;
 }
 .gallery-box .gallery-img .icon-btn {
   position: absolute;
   top: calc(50% - 20px);
   left: calc(50% - 20px);
   z-index: 3;
   -webkit-transform: scale(0);
   -ms-transform: scale(0);
   transform: scale(0);
   border: none;
   font-size: 40px;
   font-weight: 300;
   color: var(--white-color);
 }
 .gallery-box .gallery-img .icon-btn:hover {
   background-color: transparent;
 }
 .gallery-box .gallery-img img {
   border-radius: 16px;
 }
 .gallery-box:hover .gallery-img:after {
   opacity: 1;
   -webkit-transform: scale(1);
   -ms-transform: scale(1);
   transform: scale(1);
 }
 .gallery-box:hover .icon-btn {
   -webkit-transform: scale(1);
   -ms-transform: scale(1);
   transform: scale(1);
 }
 /* gallery thumb  */
 .gallery-thumb.style2 {
   position: relative;
   overflow: hidden;
   border-radius: 24px;
   margin: 0 8px;
 }
 .gallery-thumb.style2 img {
   position: relative;
   width: 100%;
   border-radius: 24px;
 }
 .gallery-thumb.style2 .gallery-btn {
   position: absolute;
   top: 24px;
   right: 24px;
   color: var(--white-color);
   font-size: 24px;
 }


 /* destination 2 start  ---------------------------------- */
 .destination-list {
   position: relative;
   height: 636px;
   border-radius: 24px;
   z-index: 2;
   -webkit-transition: 0.7s ease-in-out;
   transition: 0.7s ease-in-out;
   cursor: pointer;
 }
 .destination-list:before {
   content: "";
   position: absolute;
   inset: 0;
   background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 77.91%);
   background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 77.91%);
   border-radius: 24px;
   z-index: -1;
 }
 .destination-list-area {
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
   display: flex;
   gap: 24px;
 }
 .destination-list-wrap {
   -webkit-box-flex: 100%;
   -webkit-flex: 100%;
   -ms-flex: 100%;
   flex: 100%;
   box-sizing: border-box;
   -webkit-transition: all 0.3s linear;
   transition: all 0.3s linear;
 }
 .destination-list-wrap.active {
   -webkit-box-flex: 324%;
   -webkit-flex: 324%;
   -ms-flex: 324%;
   flex: 324%;
 }

 .destination-list-wrap.active .th-btn {
   opacity: 1;
   visibility: visible;
 }
 .destination-list-wrap.active .box-content {
   visibility: visible;
   opacity: 1;
   width: 100%;
   max-height: 325px;
 }
 .destination-list-wrap.active .destination-content {
   left: 40px;
   bottom: 40px;
   -webkit-transform: none;
   -ms-transform: none;
   transform: none;
   -webkit-transition: all 0.8s ease-in-out;
   transition: all 0.8s ease-in-out;
 }
 .destination-list .destination-content {
   position: absolute;
   left: 5px;
   bottom: 70px;
   -webkit-transform: rotate(-90deg);
   -ms-transform: rotate(-90deg);
   transform: rotate(-90deg);
 }
 .destination-list .box-title {
   font-weight: 600;
   font-size: 28px;
   line-height: 40px;
   letter-spacing: 0.02em;
   color: var(--white-color);
   margin-bottom: 0;
 }
 .destination-list .destination-subtitle {
   color: var(--white-color);
 }
 .destination-list .th-btn {
   position: absolute;
   right: 40px;
   bottom: 40px;
   padding: 10px 30px;
   opacity: 0;
   visibility: hidden;
 }
 .destination-list .box-icon {
   padding: 30px 40px;
   border-bottom: 3px solid var(--white-color);
 }
 .destination-list .box-content {
   visibility: hidden;
   opacity: 0;
   width: 100%;
   max-height: 0;
   padding: 30px 30px 40px 40px;
   overflow: hidden;
 }
 /* destination area 3 start ---------------------*/
 .destination-title {
   font-weight: 500;
   font-size: 18px;
   line-height: 28px;
   letter-spacing: 0.02em;
   color: var(--theme-color);
 }
 .destination-item {
   background-color: var(--smoke-color);
   border-radius: 16px;
   text-align: center;
 }
 .destination-item_img {
   border-radius: 15px;
 }
 .service-list li {
   padding-bottom: 10px;
 }
 .service-list {
   margin-bottom: 0;
 }
 .destination-item .destination-content {
   padding: 30px 0 24px 0;
 }
 .destination-item .box-title {
   color: var(--black-color2);
   margin-bottom: 0;
 }
 .destination-item .destination-text {
   color: var(--black-color2);
   margin-bottom: 20px;
 }
 .destination-item .th-btn {
   padding: 10px 25px;
   border: 1px solid var(--theme-color);
   font-weight: 500;
 }
 .destination-item .th-btn:after {
   background-image: url('../../images/arrow-right2.svg');
   width: 15px;
   height: 15px;
 }
/*------------------- 4.00. Model -------------------*/
 .mfp-wrap {
   -webkit-transform: translateY(-65px);
   -ms-transform: translateY(-65px);
   transform: translateY(-65px);
   -webkit-transition: all 1s ease-out;
   transition: all 1s ease-out;
 }
 .mfp-wrap.mfp-ready {
   -webkit-transform: translateY(0);
   -ms-transform: translateY(0);
   transform: translateY(0);
 }

 /*------------------- 4.00. Booking -------------------*/
 .input-wrap .form-group {
   margin-bottom: 0;
   height: 41px;
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
   display: flex;
   gap: 15px;
 }
 .input-wrap .form-group:not(:first-child) {
   border-left: 1px solid #E1E4E5;
   padding-left: 25px;
 }
 .input-wrap .form-group .icon i {
   font-size: 24px;
   color: var(--theme-color);
 }
 .input-wrap .form-group label {
   font-size: 14px;
   line-height: 1;
   font-weight: 400;
   color: var(--black-color);
   margin: 0;
 }
 .input-wrap .form-group input {
   padding: 0 0 0 37px;
   font-size: 16px;
   font-weight: 600;
 }

 .input-wrap .form-group select, .input-wrap .form-group .form-control, .input-wrap .form-group .form-select, .input-wrap .form-group textarea, .input-wrap .form-group input {
   height: 30px;
   line-height: 30px;
   border: none;
   padding: 0;
   font-size: 16px;
   font-weight: 600;
   color: var(--black-color2);
 }

 .input-wrap .form-btn {
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-pack: end;
   -webkit-justify-content: flex-end;
   -ms-flex-pack: end;
   justify-content: flex-end;
 }
 .input-wrap .form-btn .th-btn {
   padding: 15px 45px;
 }

 /*------------------- 4.00. Tab Menu -------------------*/
 /* tour-tabs start ----------------------------*/
 .tour-tabs {
   -webkit-box-pack: center;
   -webkit-justify-content: center;
   -ms-flex-pack: center;
   justify-content: center;
   gap: 16px;
   border-bottom: 0;
   margin-bottom: 60px;
 }
 .tour-tabs .th-btn {
   background-color: var(--white-color);
   border-radius: 48px;
   padding: 8px 30px;
   color: var(--theme-color);
 }
 .tour-tabs .th-btn:hover, .tour-tabs .th-btn.active {
   color: var(--white-color);
 }
 .tour-tabs .th-btn:hover img, .tour-tabs .th-btn.active img {
   -webkit-filter: brightness(0) invert(1);
   filter: brightness(0) invert(1);
 }
 /*=================================
    05. Spacing
==================================*/
 /*-- Padding Left And Right --*/
 .px-5 {
   padding-right: 5px;
   padding-left: 5px;
 }
 .px-10 {
   padding-right: 10px;
   padding-left: 10px;
 }
 .px-15 {
   padding-right: 15px;
   padding-left: 15px;
 }
 .px-20 {
   padding-right: 20px;
   padding-left: 20px;
 }
 .px-25 {
   padding-right: 25px;
   padding-left: 25px;
 }
 .px-30 {
   padding-right: 30px;
   padding-left: 30px;
 }
 .px-35 {
   padding-right: 35px;
   padding-left: 35px;
 }
 .px-40 {
   padding-right: 40px;
   padding-left: 40px;
 }
 .px-45 {
   padding-right: 45px;
   padding-left: 45px;
 }
 .px-50 {
   padding-right: 50px;
   padding-left: 50px;
 }
 /*-- Padding Top And Bottom --*/
 .py-5 {
   padding-top: 5px;
   padding-bottom: 5px;
 }
 .py-10 {
   padding-top: 10px;
   padding-bottom: 10px;
 }
 .py-15 {
   padding-top: 15px;
   padding-bottom: 15px;
 }
 .py-20 {
   padding-top: 20px;
   padding-bottom: 20px;
 }
 .py-25 {
   padding-top: 25px;
   padding-bottom: 25px;
 }
 .py-30 {
   padding-top: 30px;
   padding-bottom: 30px;
 }
 .py-35 {
   padding-top: 35px;
   padding-bottom: 35px;
 }
 .py-40 {
   padding-top: 40px;
   padding-bottom: 40px;
 }
 .py-45 {
   padding-top: 45px;
   padding-bottom: 45px;
 }
 .py-50 {
   padding-top: 50px;
   padding-bottom: 50px;
 }
 /*-- Padding Top --*/
 .pt-5 {
   padding-top: 5px;
 }
 .pt-10 {
   padding-top: 10px;
 }
 .pt-15 {
   padding-top: 15px;
 }
 .pt-20 {
   padding-top: 20px;
 }
 .pt-25 {
   padding-top: 25px;
 }
 .pt-30 {
   padding-top: 30px;
 }
 .pt-35 {
   padding-top: 35px;
 }
 .pt-40 {
   padding-top: 40px;
 }
 .pt-45 {
   padding-top: 45px;
 }
 .pt-50 {
   padding-top: 50px;
 }
 /*-- Padding Bottom --*/
 .pb-5 {
   padding-bottom: 5px;
 }
 .pb-10 {
   padding-bottom: 10px;
 }
 .pb-15 {
   padding-bottom: 15px;
 }
 .pb-20 {
   padding-bottom: 20px;
 }
 .pb-25 {
   padding-bottom: 25px;
 }
 .pb-30 {
   padding-bottom: 30px;
 }
 .pb-35 {
   padding-bottom: 35px;
 }
 .pb-40 {
   padding-bottom: 40px;
 }
 .pb-45 {
   padding-bottom: 45px;
 }
 .pb-50 {
   padding-bottom: 50px;
 }
 /*-- Padding Left --*/
 .pl-5 {
   padding-left: 5px;
 }
 .pl-10 {
   padding-left: 10px;
 }
 .pl-15 {
   padding-left: 15px;
 }
 .pl-20 {
   padding-left: 20px;
 }
 .pl-25 {
   padding-left: 25px;
 }
 .pl-30 {
   padding-left: 30px;
 }
 .pl-35 {
   padding-left: 35px;
 }
 .pl-40 {
   padding-left: 40px;
 }
 .pl-45 {
   padding-left: 45px;
 }
 .pl-50 {
   padding-left: 50px;
 }
 /*-- Padding Right --*/
 .pr-5 {
   padding-right: 5px;
 }
 .pr-10 {
   padding-right: 10px;
 }
 .pr-15 {
   padding-right: 15px;
 }
 .pr-20 {
   padding-right: 20px;
 }
 .pr-25 {
   padding-right: 25px;
 }
 .pr-30 {
   padding-right: 30px;
 }
 .pr-35 {
   padding-right: 35px;
 }
 .pr-40 {
   padding-right: 40px;
 }
 .pr-45 {
   padding-right: 45px;
 }
 .pr-50 {
   padding-right: 50px;
 }
 .pb-60 {
   padding-bottom: 60px;
 }
 .pt-65 {
   padding-top: 65px;
 }
 .pt-80 {
   padding-top: 80px;
 }
 /*-- margin Left And Right --*/
 .mx-5 {
   margin-right: 5px;
   margin-left: 5px;
 }
 .mx-10 {
   margin-right: 10px;
   margin-left: 10px;
 }
 .mx-15 {
   margin-right: 15px;
   margin-left: 15px;
 }
 .mx-20 {
   margin-right: 20px;
   margin-left: 20px;
 }
 .mx-25 {
   margin-right: 25px;
   margin-left: 25px;
 }
 .mx-30 {
   margin-right: 30px;
   margin-left: 30px;
 }
 .mx-35 {
   margin-right: 35px;
   margin-left: 35px;
 }
 .mx-40 {
   margin-right: 40px;
   margin-left: 40px;
 }
 .mx-45 {
   margin-right: 45px;
   margin-left: 45px;
 }
 .mx-50 {
   margin-right: 50px;
   margin-left: 50px;
 }
 /*-- margin Top And Bottom --*/
 .my-5 {
   margin-top: 5px;
   margin-bottom: 5px;
 }
 .my-10 {
   margin-top: 10px;
   margin-bottom: 10px;
 }
 .my-15 {
   margin-top: 15px;
   margin-bottom: 15px;
 }
 .my-20 {
   margin-top: 20px;
   margin-bottom: 20px;
 }
 .my-25 {
   margin-top: 25px;
   margin-bottom: 25px;
 }
 .my-30 {
   margin-top: 30px;
   margin-bottom: 30px;
 }
 .my-35 {
   margin-top: 35px;
   margin-bottom: 35px;
 }
 .my-40 {
   margin-top: 40px;
   margin-bottom: 40px;
 }
 .my-45 {
   margin-top: 45px;
   margin-bottom: 45px;
 }
 .my-50 {
   margin-top: 50px;
   margin-bottom: 50px;
 }
 /*-- margin Top --*/
 .mt-5 {
   margin-top: 5px;
 }
 .mt-10 {
   margin-top: 10px;
 }
 .mt-15 {
   margin-top: 15px;
 }
 .mt-20 {
   margin-top: 20px;
 }
 .mt-25 {
   margin-top: 25px;
 }
 .mt-30 {
   margin-top: 30px;
 }
 .mt-35 {
   margin-top: 35px;
 }
 .mt-40 {
   margin-top: 40px;
 }
 .mt-45 {
   margin-top: 45px;
 }
 .mt-50 {
   margin-top: 50px;
 }
 /*-- margin Bottom --*/
 .mb-5 {
   margin-bottom: 5px;
 }
 .mb-10 {
   margin-bottom: 10px;
 }
 .mb-15 {
   margin-bottom: 15px;
 }
 .mb-20 {
   margin-bottom: 20px;
 }
 .mb-25 {
   margin-bottom: 25px;
 }
 .mb-30 {
   margin-bottom: 30px;
 }
 .mb-35 {
   margin-bottom: 35px;
 }
 .mb-40 {
   margin-bottom: 40px;
 }
 .mb-45 {
   margin-bottom: 45px;
 }
 .mb-50 {
   margin-bottom: 50px;
 }
 /*-- margin Left --*/
 .ml-5 {
   margin-left: 5px;
 }
 .ml-10 {
   margin-left: 10px;
 }
 .ml-15 {
   margin-left: 15px;
 }
 .ml-20 {
   margin-left: 20px;
 }
 .ml-25 {
   margin-left: 25px;
 }
 .ml-30 {
   margin-left: 30px;
 }
 .ml-35 {
   margin-left: 35px;
 }
 .ml-40 {
   margin-left: 40px;
 }
 .ml-45 {
   margin-left: 45px;
 }
 .ml-50 {
   margin-left: 50px;
 }
 /*-- margin Right --*/
 .mr-5 {
   margin-right: 5px;
 }
 .mr-10 {
   margin-right: 10px;
 }
 .mr-15 {
   margin-right: 15px;
 }
 .mr-20 {
   margin-right: 20px;
 }
 .mr-25 {
   margin-right: 25px;
 }
 .mr-30 {
   margin-right: 30px;
 }
 .mr-35 {
   margin-right: 35px;
 }
 .mr-40 {
   margin-right: 40px;
 }
 .mr-45 {
   margin-right: 45px;
 }
 .mr-50 {
   margin-right: 50px;
 }
 .mb-60 {
   margin-bottom: 60px;
 }
 .mb-33 {
   margin-bottom: 33px;
 }
 .mb-28 {
   margin-bottom: 28px;
 }
 .mt-n1 {
   margin-top: -.25rem;
 }
 .mt-n2 {
   margin-top: -.45rem;
 }
 .mt-n3 {
   margin-top: -0.8rem;
 }
 .mt-n4 {
   margin-top: -1.5rem;
 }
 .mt-n5 {
   margin-top: -3rem;
 }
 .mb-n1 {
   margin-bottom: -.25rem;
 }
 .mb-n2 {
   margin-bottom: -.45rem;
 }
 .mb-n3 {
   margin-bottom: -0.8rem;
 }
 .mb-n4 {
   margin-bottom: -1.5rem;
 }
 .mb-n5 {
   margin-bottom: -3rem;
 }
 .mt-24 {
   margin-top: 24px;
 }
 .mt-60 {
   margin-top: 60px;
 }
 .mt-80 {
   margin-top: 80px;
 }
 .mt-55 {
   margin-top: 55px;
 }
 .space, .space-top {
   padding-top: var(--section-space);
 }
 .space, .space-bottom {
   padding-bottom: var(--section-space);
 }
 .space-extra, .space-extra-top {
   padding-top: calc(var(--section-space) - 30px);
 }
 .space-extra, .space-extra-bottom {
   padding-bottom: calc(var(--section-space) - 30px);
 }
 .space-extra2, .space-extra2-top {
   padding-top: calc(var(--section-space) - 40px);
 }
 .space-extra2, .space-extra2-bottom {
   padding-bottom: calc(var(--section-space) - 40px);
 }
 /*# sourceMappingURL=style.css.map */
 .header-logo a img {
   max-width: 280px;
 }
 .th-btn.style3, .th-btn:before {
   background-color: #1c4487;
 }
 .th-btn.style3:hover, .th-btn.th-icon:after {
   background-color: #ee9c25;
 }
 #nav-step3 .col-lg-4, #nav-step4 .col-lg-4 {
   display: flex;
 }
 .hotel-inner-block .tour-box .box-title {
   text-align: center;
   width: 100%;
   font-size: 18px;
   margin-bottom: 0;
   display: block;
   min-height: 50px;
   display: flex;
   align-items: center;
   justify-content: center;
 }
 .space-40 {
   padding: 40px 0;
 }

 .modal {
   display: none;
   position: fixed;
   z-index: 99;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
   overflow: auto;
   background-color: rgba(0, 0, 0, .5);
 }
 .modal-content {
   margin: 10% auto;
   padding: 0;
   max-width: 500px;
   box-shadow: none;
   border: none;
   animation-name: modalopen;
   animation-duration: 1.75s;
   background-color: transparent;
 }
 .modal-content .contact-form {
   padding: 25px;
 }
 .modal .contact-form .th-btn {
   padding: 12px 22px;
 }
 .modal-body {
   padding: 0;
 }
 @keyframes modalopen {
   from {
     opacity: 0
   }
   to {
     opacity: 1
   }
 }
 .closeBtn, .closeBtn:hover, .closeBtn:focus {
   color: #fff;
   float: right;
   font-size: 20px;
   background-color: #1c4487;
   width: 30px;
   height: 30px;
   line-height: 29px;
   text-align: center;
   border-radius: 50%;
   cursor: pointer;
   text-decoration: none;
   position: absolute;
   right: 10px;
   top: 10px;
 }
 .th-blog.blog-single.blog-in-detail {
   background-color: transparent;
   box-shadow: none;
 }
 .th-blog.blog-single.blog-in-detail .blog-img {
   border-radius: 16px;
 }
 .th-blog.blog-single.blog-in-detail .blog-content {
   padding: 0;
 }
.package-block .gallery-box, .package-block:last-child .gallery-box {
    position: relative;
    border: 1px solid #ddd;
    border-radius: 16px;
    margin: 15px 0;
}
.mt-15{
	margin-top: 15px !important;
}
.expert-img img {
    border-radius: 24px;
    border: 5px solid var(--white-color);
	width: 100%;
}

.expert-para .th-social {
    padding: 0;
}
.expert-para .th-social a {
    background-color: var(--theme-color);
    color: #fff;
    font-size: 14px;
}