/*----------------------------------------------------------------------------------- ----------------------------------------------------------------------------------- CSS INDEX =================== 01. Theme default CSS 02. header 03. global 04. hero 05. brand 06. service 07. about 08. counter 09. country 10. team 11. testimonial 12. faq 13. blog 14. newsletter 15. contact 16. feature 17. cta 18. fanfact 19. mobile-menu 20. coaching 21. book-form 22. breadcrumb 23. preloader 24. package 25. category 26. destination 27. sidebar 28. backtotop 29. search 30. sec-title -----------------------------------------------------------------------------------*/
 :root {
     --color-primary: #00003c;
     --color-secondary: #0091FF;
     --color-secondary-2: #9ad2ff;
     --color-primary-2: #FB4927;
     --color-primary-3: #fb3e2d;
     --color-primary-4: #0df888;
     --gradient-color-from: #D91334;
     --gradient-color-to: #FB4927;
     --color-gradient: linear-gradient(90deg, var(--gradient-color-from) 0%, var(--gradient-color-to) 100%);
     --color-heading: #0F172A;
     --color-heading-two: #00003c;
     --color-heading-three: #121c27;
     --color-dark: #0F172A;
     --color-white: #fff;
     --color-black: #000;
     --color-default: #000000;
     --color-default-2: #4d6082;
     --color-default-3: #647384;
     --color-gray: #EDF3F5;
     --color-gray-2: #F6F6F6;
     --color-border: #EFF5F8;
     --easing: cubic-bezier(0.67, 0.04, 0.3, 0.91);
}
/* reset css start */
 :root {
     scroll-behavior: auto;
}
 html {
     scroll-behavior: smooth;
}
 body {
     padding: 0;
     margin: 0;
     font-weight: 500;
     position: relative;
     font-family: "Poppins", sans-serif;
     font-size: 18px;
     line-height: 26px;
     color: var(--color-default);
     background-color: var(--color-white);
     letter-spacing: -0.2px;
}
 img {
     max-width: 100%;
     height: auto;
}
 ul {
     margin: 0px;
     padding: 0px;
}
 button {
     cursor: pointer;
}
 *:focus {
     outline: none;
}
 button {
     border: none;
     -webkit-transition: 0.3s;
     -o-transition: 0.3s;
     transition: 0.3s;
}
 button:focus {
     outline: none;
}
 a {
     text-decoration: none;
     -webkit-transition: 0.3s;
     -o-transition: 0.3s;
     transition: 0.3s;
}
 a:hover {
     color: inherit;
}
a.disabled {
  pointer-events: none;
  cursor: not-allowed;
}
 select {
     height: 55px;
     -webkit-appearance: none;
     -moz-appearance: none;
     appearance: none;
     background-position: calc(100% - 10px) 50%;
     background-repeat: no-repeat;
     padding-right: 20px;
     background-color: transparent;
     border: 0;
}
 input[type="text"], input[type="password"], input[type="email"], input[type="tel"], form select, textarea {
     width: 100%;
     height: 50px;
     border-radius: 0;
     padding: 0;
     border: 0;
     -webkit-transition: 0.3s;
     -o-transition: 0.3s;
     transition: 0.3s;
     color: var(--color-black);
     font-weight: 500;
}
 textarea {
     height: 100px;
}
 button {
     border: 0;
}
 table {
     width: 100%;
}
 p, li, span {
     margin-bottom: 0;
}
 p {
   font-size: 18px; 
   text-align: justify;
 } 
/* reset css end */
/* global css start */
 .nice-select {
     background-color: transparent;
     height: 60px !important;
     line-height: 55px !important;
     min-height: 60px !important;
     padding: 0 20px;
     width: 100%;
}
 .nice-select::after {
     border-bottom: 1.9px solid #B1B4BA;
     border-right: 1.9px solid #B1B4BA;
     height: 6px;
     right: 20px;
     width: 6px;
}
 .nice-select .option:hover, .nice-select .option.focus, .nice-select .option.selected.focus {
     background-color: #EDF3F5;
}
 .nice-select .list {
     width: 100%;
}
 .nice-select .list li {
     margin-right: 0 !important;
}
 .nice-select .list .option {
     color: var(--color-dark);
     font-weight: 500;
}
 .nice-select .list .option.selected {
     font-weight: 600;
}
 .nice-select .list .option.selected, .nice-select .list .option:hover {
     border: none !important;
}
/* global css end */
 .body_wrap {
     overflow: clip;
}
 .bg_img {
     background-position: center center;
     background-size: cover;
     background-repeat: no-repeat;
     width: 100%;
     height: 100%;
}
 .footer-bg {
     background-color: #04060A;
}
 .black-bg {
     background: var(--color-black);
}
 .gray-bg {
     background-color: var(--color-gray);
}
 .gray-bg-2 {
     background-color: var(--color-gray-2);
}
 .dark-bg {
     background-color: var(--color-dark);
}
 .white {
     color: var(--color-white);
}
 .pos-rel {
     position: relative;
}
 .pos-absolute {
     position: absolute;
}
 .f-right {
     float: right;
}
 .border-effect a, .border-effect-2 a {
     display: inline !important;
     width: 100%;
     background-repeat: no-repeat;
     background-position-y: -2px;
     background-image: linear-gradient(transparent calc(100% - 2px), currentColor 1px);
     -webkit-transition: 0.6s cubic-bezier(0.215, 0.61, 0.355, 1);
     -o-transition: 0.6s cubic-bezier(0.215, 0.61, 0.355, 1);
     transition: 0.6s cubic-bezier(0.215, 0.61, 0.355, 1);
     background-size: 0 100%;
     -webkit-backface-visibility: hidden;
     backface-visibility: hidden;
}
 .border-effect a:hover, .border-effect-2 a:hover {
     background-size: 100% 100%;
     color: inherit;
}
 .border-effect-2 a {
     background-image: linear-gradient(transparent calc(100% - 1px), currentColor 1px);
}
 .btn-video {
     width: 60px;
     height: 60px;
     border-radius: 50%;
     -webkit-border-radius: 50%;
     -moz-border-radius: 50%;
     -ms-border-radius: 50%;
     -o-border-radius: 50%;
     display: flex;
     align-items: center;
     justify-content: center;
     color: #0F172A;
     position: relative;
     background-color: var(--color-white);
}
 .btn-video:hover {
     color: #0F172A;
}
 .btn-video::before {
     content: "";
     position: absolute;
     z-index: 0;
     left: 0;
     top: 0;
     display: block;
     width: 100%;
     height: 100%;
     background-color: rgba(255, 255, 255, 0.63);
     border-radius: 50%;
     animation: pulse-border 1500ms ease-out infinite;
     -webkit-animation: pulse-border 1500ms ease-out infinite;
     z-index: -2;
}
 .border_effect a {
     display: inline !important;
     width: 100%;
     background-repeat: no-repeat;
     background-position-y: -2px;
     background-image: linear-gradient(transparent calc(100% - 2px), currentColor 1px);
     transition: 0.6s cubic-bezier(0.215, 0.61, 0.355, 1);
     background-size: 0 100%;
     -webkit-backface-visibility: hidden;
     backface-visibility: hidden;
}
 .border_effect a:hover {
     background-size: 100% 100%;
     color: inherit;
}
 @media (max-width: 991px) {
     .tx-col-md-6 {
         width: 50%;
    }
}
 @media (max-width: 767px) {
     .tx-col-md-6 {
         width: 100%;
    }
}
 .xb-close {
     background: rgba(0, 0, 0, 0.04);
     border: 9px solid transparent;
     color: #777;
     width: 36px;
     height: 36px;
     display: inline-flex;
     justify-content: center;
     align-items: center;
     cursor: pointer;
     position: relative;
}
 .xb-close::before, .xb-close::after {
     content: '';
     position: absolute;
     height: 2px;
     width: 100%;
     top: 50%;
     left: 0;
     margin-top: -1px;
     transform-origin: 50% 50%;
     -webkit-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
     -khtml-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
     -moz-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
     -ms-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
     -o-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
     transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
     background-color: #1b1b1b;
}
 .xb-close::before {
     -webkit-transform: rotate(45deg);
     -khtml-transform: rotate(45deg);
     -moz-transform: rotate(45deg);
     -ms-transform: rotate(45deg);
     -o-transform: rotate(45deg);
     transform: rotate(45deg);
}
 .xb-close::after {
     -webkit-transform: rotate(-45deg);
     -khtml-transform: rotate(-45deg);
     -moz-transform: rotate(-45deg);
     -ms-transform: rotate(-45deg);
     -o-transform: rotate(-45deg);
     transform: rotate(-45deg);
}
 .xb-close:hover::before, .xb-close:hover::after {
     -webkit-transform: rotate(0);
     -khtml-transform: rotate(0);
     -moz-transform: rotate(0);
     -ms-transform: rotate(0);
     -o-transform: rotate(0);
     transform: rotate(0);
}
/* order & unorder list reset - start */
 .ul_li, .ul_li_right, .ul_li_center, .ul_li_between {
     margin: 0px;
     padding: 0px;
     display: flex;
     flex-wrap: wrap;
     align-items: center;
}
 .ul_li > li, .ul_li_right > li, .ul_li_center > li, .ul_li_between > li {
     float: left;
     list-style: none;
     display: inline-block;
}
 .ul_li {
     justify-content: flex-start;
}
 .ul_li_center {
     justify-content: center;
}
 .ul_li_right {
     justify-content: flex-end;
}
 .ul_li_between {
     justify-content: space-between;
}
 .ul_li_block {
     margin: 0px;
     padding: 0px;
     display: block;
}
 .ul_li_block > li {
     display: block;
     list-style: none;
}
 .flex-1 {
     flex: 1;
}
 .color-black {
     color: var(--color-black);
}
 .pagination_wrap ul {
     display: flex;
     flex-wrap: wrap;
     justify-content: center;
     margin: -5px;
     list-style: none;
}
 .pagination_wrap ul li {
     padding: 5px;
}
 .pagination_wrap ul li a {
     height: 50px;
     width: 50px;
     line-height: 50px;
     text-align: center;
     font-size: 18px;
     font-weight: 600;
     color: #0F172A;
     border: 1px solid #EDF3F5;
     display: inline-block;
     -webkit-transition: all 0.3s ease-out 0s;
     -o-transition: all 0.3s ease-out 0s;
     transition: all 0.3s ease-out 0s;
     z-index: 1;
     border-radius: 50%;
     -webkit-border-radius: 50%;
     -moz-border-radius: 50%;
     -ms-border-radius: 50%;
     -o-border-radius: 50%;
     overflow: hidden;
}
 .pagination_wrap ul li a.current_page, .pagination_wrap ul li a:hover {
     color: var(--color-white);
     background-color: var(--color-primary);
     border-color: var(--color-primary);
}
 .mr-none-60 {
     margin-right: -60px;
}
 .ml-none-60 {
     margin-left: -60px;
}
 .pb-8 {
     padding-bottom: 8px;
}
/*-- - Margin & Padding -----------------------------------------*/
/*-- Margin Top --*/
 .mt-none-5 {
     margin-top: -5px;
}
 .mt-none-10 {
     margin-top: -10px;
}
 .mt-none-15 {
     margin-top: -15px;
}
 .mt-none-20 {
     margin-top: -20px;
}
 .mt-none-25 {
     margin-top: -25px;
}
 .mt-none-30 {
     margin-top: -30px;
}
 .mt-none-35 {
     margin-top: -35px;
}
 .mt-none-40 {
     margin-top: -40px;
}
 .mt-none-45 {
     margin-top: -45px;
}
 .mt-none-50 {
     margin-top: -50px;
}
 .mt-none-55 {
     margin-top: -55px;
}
 .mt-none-60 {
     margin-top: -60px;
}
 .mt-none-65 {
     margin-top: -65px;
}
 .mt-none-70 {
     margin-top: -70px;
}
 .mt-none-75 {
     margin-top: -75px;
}
 .mt-none-80 {
     margin-top: -80px;
}
 .mt-none-85 {
     margin-top: -85px;
}
 .mt-none-90 {
     margin-top: -90px;
}
 .mt-none-95 {
     margin-top: -95px;
}
 .mt-none-100 {
     margin-top: -100px;
}
/*-- 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;
}
 .mt-55 {
     margin-top: 55px;
}
 .mt-60 {
     margin-top: 60px;
}
 .mt-65 {
     margin-top: 65px;
}
 .mt-70 {
     margin-top: 70px;
}
 .mt-75 {
     margin-top: 75px;
}
 .mt-80 {
     margin-top: 80px;
}
 .mt-85 {
     margin-top: 85px;
}
 .mt-90 {
     margin-top: 90px;
}
 .mt-95 {
     margin-top: 95px;
}
 .mt-100 {
     margin-top: 100px;
}
 .mt-105 {
     margin-top: 105px;
}
 .mt-110 {
     margin-top: 110px;
}
 .mt-115 {
     margin-top: 115px;
}
 .mt-120 {
     margin-top: 120px;
}
 .mt-125 {
     margin-top: 125px;
}
 .mt-130 {
     margin-top: 130px;
}
 .mt-135 {
     margin-top: 135px;
}
 .mt-140 {
     margin-top: 140px;
}
 .mt-145 {
     margin-top: 145px;
}
 .mt-150 {
     margin-top: 150px;
}
 .mt-155 {
     margin-top: 155px;
}
 .mt-160 {
     margin-top: 160px;
}
 .mt-165 {
     margin-top: 165px;
}
 .mt-170 {
     margin-top: 170px;
}
 .mt-175 {
     margin-top: 175px;
}
 .mt-180 {
     margin-top: 180px;
}
 .mt-185 {
     margin-top: 185px;
}
 .mt-190 {
     margin-top: 190px;
}
 .mt-195 {
     margin-top: 195px;
}
 .mt-200 {
     margin-top: 200px;
}
/*-- Margin Bottom --*/
 .mb-5 {
     margin-bottom: 5px;
}
 .mb-10 {
     margin-bottom: 10px;
}
 .mb-15 {
     margin-bottom: 15px;
}
 .mb-20 {
     margin-bottom: 20px;
}
 .mb-25 {
     margin-bottom: 25px;
}
 .mb-30 {
     margin-bottom: 30px;
}
 .mb-35 {
     margin-bottom: 35px;
}
 .mb-40 {
     margin-bottom: 40px;
}
 .mb-45 {
     margin-bottom: 45px;
}
 .mb-50 {
     margin-bottom: 50px;
}
 .mb-55 {
     margin-bottom: 55px;
}
 .mb-60 {
     margin-bottom: 60px;
}
 .mb-65 {
     margin-bottom: 65px;
}
 .mb-70 {
     margin-bottom: 70px;
}
 .mb-75 {
     margin-bottom: 75px;
}
 .mb-80 {
     margin-bottom: 80px;
}
 .mb-85 {
     margin-bottom: 85px;
}
 .mb-90 {
     margin-bottom: 90px;
}
 .mb-95 {
     margin-bottom: 95px;
}
 .mb-100 {
     margin-bottom: 100px;
}
 .mb-105 {
     margin-bottom: 105px;
}
 .mb-110 {
     margin-bottom: 110px;
}
 .mb-115 {
     margin-bottom: 115px;
}
 .mb-120 {
     margin-bottom: 120px;
}
 .mb-125 {
     margin-bottom: 125px;
}
 .mb-130 {
     margin-bottom: 130px;
}
 .mb-135 {
     margin-bottom: 135px;
}
 .mb-140 {
     margin-bottom: 140px;
}
 .mb-145 {
     margin-bottom: 145px;
}
 .mb-150 {
     margin-bottom: 150px;
}
 .mb-155 {
     margin-bottom: 155px;
}
 .mb-160 {
     margin-bottom: 160px;
}
 .mb-165 {
     margin-bottom: 165px;
}
 .mb-170 {
     margin-bottom: 170px;
}
 .mb-175 {
     margin-bottom: 175px;
}
 .mb-180 {
     margin-bottom: 180px;
}
 .mb-185 {
     margin-bottom: 185px;
}
 .mb-190 {
     margin-bottom: 190px;
}
 .mb-195 {
     margin-bottom: 195px;
}
 .mb-200 {
     margin-bottom: 200px;
}
/*-- 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;
}
 .ml-55 {
     margin-left: 55px;
}
 .ml-60 {
     margin-left: 60px;
}
 .ml-65 {
     margin-left: 65px;
}
 .ml-70 {
     margin-left: 70px;
}
 .ml-75 {
     margin-left: 75px;
}
 .ml-80 {
     margin-left: 80px;
}
 .ml-85 {
     margin-left: 85px;
}
 .ml-90 {
     margin-left: 90px;
}
 .ml-95 {
     margin-left: 95px;
}
 .ml-100 {
     margin-left: 100px;
}
 .ml-105 {
     margin-left: 105px;
}
 .ml-110 {
     margin-left: 110px;
}
 .ml-115 {
     margin-left: 115px;
}
 .ml-120 {
     margin-left: 120px;
}
 .ml-125 {
     margin-left: 125px;
}
 .ml-130 {
     margin-left: 130px;
}
 .ml-135 {
     margin-left: 135px;
}
 .ml-140 {
     margin-left: 140px;
}
 .ml-145 {
     margin-left: 145px;
}
 .ml-150 {
     margin-left: 150px;
}
 .ml-155 {
     margin-left: 155px;
}
 .ml-160 {
     margin-left: 160px;
}
 .ml-165 {
     margin-left: 165px;
}
 .ml-170 {
     margin-left: 170px;
}
 .ml-175 {
     margin-left: 175px;
}
 .ml-180 {
     margin-left: 180px;
}
 .ml-185 {
     margin-left: 185px;
}
 .ml-190 {
     margin-left: 190px;
}
 .ml-195 {
     margin-left: 195px;
}
 .ml-200 {
     margin-left: 200px;
}
/*-- Margin Right --*/
 .mr-5 {
     margin-right: 5px;
}
 .mr-10 {
     margin-right: 10px;
}
 .mr-15 {
     margin-right: 15px;
}
 .mr-20 {
     margin-right: 20px;
}
 .mr-25 {
     margin-right: 25px;
}
 .mr-30 {
     margin-right: 30px;
}
 .mr-35 {
     margin-right: 35px;
}
 .mr-40 {
     margin-right: 40px;
}
 .mr-45 {
     margin-right: 45px;
}
 .mr-50 {
     margin-right: 50px;
}
 .mr-55 {
     margin-right: 55px;
}
 .mr-60 {
     margin-right: 60px;
}
 .mr-65 {
     margin-right: 65px;
}
 .mr-70 {
     margin-right: 70px;
}
 .mr-75 {
     margin-right: 75px;
}
 .mr-80 {
     margin-right: 80px;
}
 .mr-85 {
     margin-right: 85px;
}
 .mr-90 {
     margin-right: 90px;
}
 .mr-95 {
     margin-right: 95px;
}
 .mr-100 {
     margin-right: 100px;
}
 .mr-105 {
     margin-right: 105px;
}
 .mr-110 {
     margin-right: 110px;
}
 .mr-115 {
     margin-right: 115px;
}
 .mr-120 {
     margin-right: 120px;
}
 .mr-125 {
     margin-right: 125px;
}
 .mr-130 {
     margin-right: 130px;
}
 .mr-135 {
     margin-right: 135px;
}
 .mr-140 {
     margin-right: 140px;
}
 .mr-145 {
     margin-right: 145px;
}
 .mr-150 {
     margin-right: 150px;
}
 .mr-155 {
     margin-right: 155px;
}
 .mr-160 {
     margin-right: 160px;
}
 .mr-165 {
     margin-right: 165px;
}
 .mr-170 {
     margin-right: 170px;
}
 .mr-175 {
     margin-right: 175px;
}
 .mr-180 {
     margin-right: 180px;
}
 .mr-185 {
     margin-right: 185px;
}
 .mr-190 {
     margin-right: 190px;
}
 .mr-195 {
     margin-right: 195px;
}
 .mr-200 {
     margin-right: 200px;
}
/*-- 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;
}
 .pt-55 {
     padding-top: 55px;
}
 .pt-60 {
     padding-top: 60px;
}
 .pt-65 {
     padding-top: 65px;
}
 .pt-70 {
     padding-top: 70px;
}
 .pt-75 {
     padding-top: 75px;
}
 .pt-80 {
     padding-top: 80px;
}
 .pt-85 {
     padding-top: 85px;
}
 .pt-90 {
     padding-top: 90px;
}
 .pt-95 {
     padding-top: 95px;
}
 .pt-100 {
     padding-top: 100px;
}
 .pt-105 {
     padding-top: 105px;
}
 .pt-110 {
     padding-top: 110px;
}
 .pt-115 {
     padding-top: 115px;
}
 .pt-120 {
     padding-top: 120px;
}
 .pt-125 {
     padding-top: 125px;
}
 .pt-130 {
     padding-top: 130px;
}
 .pt-135 {
     padding-top: 135px;
}
 .pt-140 {
     padding-top: 140px;
}
 .pt-145 {
     padding-top: 145px;
}
 .pt-150 {
     padding-top: 150px;
}
 .pt-155 {
     padding-top: 155px;
}
 .pt-160 {
     padding-top: 160px;
}
 .pt-165 {
     padding-top: 165px;
}
 .pt-170 {
     padding-top: 170px;
}
 .pt-175 {
     padding-top: 175px;
}
 .pt-180 {
     padding-top: 180px;
}
 .pt-185 {
     padding-top: 185px;
}
 .pt-190 {
     padding-top: 190px;
}
 .pt-195 {
     padding-top: 195px;
}
 .pt-200 {
     padding-top: 200px;
}
/*-- Padding Bottom --*/
 .pb-5 {
     padding-bottom: 5px;
}
 .pb-10 {
     padding-bottom: 10px;
}
 .pb-15 {
     padding-bottom: 15px;
}
 .pb-20 {
     padding-bottom: 20px;
}
 .pb-25 {
     padding-bottom: 25px;
}
 .pb-30 {
     padding-bottom: 30px;
}
 .pb-35 {
     padding-bottom: 35px;
}
 .pb-40 {
     padding-bottom: 40px;
}
 .pb-45 {
     padding-bottom: 45px;
}
 .pb-50 {
     padding-bottom: 50px;
}
 .pb-55 {
     padding-bottom: 55px;
}
 .pb-60 {
     padding-bottom: 60px;
}
 .pb-65 {
     padding-bottom: 65px;
}
 .pb-70 {
     padding-bottom: 70px;
}
 .pb-75 {
     padding-bottom: 75px;
}
 .pb-80 {
     padding-bottom: 80px;
}
 .pb-85 {
     padding-bottom: 85px;
}
 .pb-90 {
     padding-bottom: 90px;
}
 .pb-95 {
     padding-bottom: 95px;
}
 .pb-100 {
     padding-bottom: 100px;
}
 .pb-105 {
     padding-bottom: 105px;
}
 .pb-110 {
     padding-bottom: 110px;
}
 .pb-115 {
     padding-bottom: 115px;
}
 .pb-120 {
     padding-bottom: 120px;
}
 .pb-125 {
     padding-bottom: 125px;
}
 .pb-130 {
     padding-bottom: 130px;
}
 .pb-135 {
     padding-bottom: 135px;
}
 .pb-140 {
     padding-bottom: 140px;
}
 .pb-145 {
     padding-bottom: 145px;
}
 .pb-150 {
     padding-bottom: 150px;
}
 .pb-155 {
     padding-bottom: 155px;
}
 .pb-160 {
     padding-bottom: 160px;
}
 .pb-165 {
     padding-bottom: 165px;
}
 .pb-170 {
     padding-bottom: 170px;
}
 .pb-175 {
     padding-bottom: 175px;
}
 .pb-180 {
     padding-bottom: 180px;
}
 .pb-185 {
     padding-bottom: 185px;
}
 .pb-190 {
     padding-bottom: 190px;
}
 .pb-195 {
     padding-bottom: 195px;
}
 .pb-200 {
     padding-bottom: 200px;
}
/*-- 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;
}
 .pl-55 {
     padding-left: 55px;
}
 .pl-60 {
     padding-left: 60px;
}
 .pl-65 {
     padding-left: 65px;
}
 .pl-70 {
     padding-left: 70px;
}
 .pl-75 {
     padding-left: 75px;
}
 .pl-80 {
     padding-left: 80px;
}
 .pl-85 {
     padding-left: 85px;
}
 .pl-90 {
     padding-left: 90px;
}
 .pl-95 {
     padding-left: 95px;
}
 .pl-100 {
     padding-left: 100px;
}
 .pl-105 {
     padding-left: 105px;
}
 .pl-110 {
     padding-left: 110px;
}
 .pl-115 {
     padding-left: 115px;
}
 .pl-120 {
     padding-left: 120px;
}
 .pl-125 {
     padding-left: 125px;
}
 .pl-130 {
     padding-left: 130px;
}
 .pl-135 {
     padding-left: 135px;
}
 .pl-140 {
     padding-left: 140px;
}
 .pl-145 {
     padding-left: 145px;
}
 .pl-150 {
     padding-left: 150px;
}
 .pl-155 {
     padding-left: 155px;
}
 .pl-160 {
     padding-left: 160px;
}
 .pl-165 {
     padding-left: 165px;
}
 .pl-170 {
     padding-left: 170px;
}
 .pl-175 {
     padding-left: 175px;
}
 .pl-180 {
     padding-left: 180px;
}
 .pl-185 {
     padding-left: 185px;
}
 .pl-190 {
     padding-left: 190px;
}
 .pl-195 {
     padding-left: 195px;
}
 .pl-200 {
     padding-left: 200px;
}
/*-- Padding Right --*/
 .pr-5 {
     padding-right: 5px;
}
 .pr-10 {
     padding-right: 10px;
}
 .pr-15 {
     padding-right: 15px;
}
 .pr-20 {
     padding-right: 20px;
}
 .pr-25 {
     padding-right: 25px;
}
 .pr-30 {
     padding-right: 30px;
}
 .pr-35 {
     padding-right: 35px;
}
 .pr-40 {
     padding-right: 40px;
}
 .pr-45 {
     padding-right: 45px;
}
 .pr-50 {
     padding-right: 50px;
}
 .pr-55 {
     padding-right: 55px;
}
 .pr-60 {
     padding-right: 60px;
}
 .pr-65 {
     padding-right: 65px;
}
 .pr-70 {
     padding-right: 70px;
}
 .pr-75 {
     padding-right: 75px;
}
 .pr-80 {
     padding-right: 80px;
}
 .pr-85 {
     padding-right: 85px;
}
 .pr-90 {
     padding-right: 90px;
}
 .pr-95 {
     padding-right: 95px;
}
 .pr-100 {
     padding-right: 100px;
}
 .pr-105 {
     padding-right: 105px;
}
 .pr-110 {
     padding-right: 110px;
}
 .pr-115 {
     padding-right: 115px;
}
 .pr-120 {
     padding-right: 120px;
}
 .pr-125 {
     padding-right: 125px;
}
 .pr-130 {
     padding-right: 130px;
}
 .pr-135 {
     padding-right: 135px;
}
 .pr-140 {
     padding-right: 140px;
}
 .pr-145 {
     padding-right: 145px;
}
 .pr-150 {
     padding-right: 150px;
}
 .pr-155 {
     padding-right: 155px;
}
 .pr-160 {
     padding-right: 160px;
}
 .pr-165 {
     padding-right: 165px;
}
 .pr-170 {
     padding-right: 170px;
}
 .pr-175 {
     padding-right: 175px;
}
 .pr-180 {
     padding-right: 180px;
}
 .pr-185 {
     padding-right: 185px;
}
 .pr-190 {
     padding-right: 190px;
}
 .pr-195 {
     padding-right: 195px;
}
 .pr-200 {
     padding-right: 200px;
}
/* typography css start */
 h1, h2, h3, h4, h5, h6 {
     margin: 0;
     line-height: 1.3;
     color: var(--color-heading);
     font-weight: 600;
     font-family: "Poppins", sans-serif;
     letter-spacing: -1px;
}
 h2 {
     font-size: 32px;
}
 h3 {
     font-size: 22px;
}
 h4 {
     font-size: 20px;
}
 h5 {
     font-size: 18px;
}
 h6 {
     font-size: 18px;
}
/* typography css end */
 @-webkit-keyframes jump {
     0% {
         -webkit-transform: translate3d(0, 0, 0);
         transform: translate3d(0, 0, 0);
    }
     40% {
         -webkit-transform: translate3d(0, 50%, 0);
         transform: translate3d(0, 50%, 0);
    }
     100% {
         -webkit-transform: translate3d(0, 0, 0);
         transform: translate3d(0, 0, 0);
    }
}
 @keyframes jump {
     0% {
         -webkit-transform: translate3d(0, 0, 0);
         transform: translate3d(0, 0, 0);
    }
     40% {
         -webkit-transform: translate3d(0, 50%, 0);
         transform: translate3d(0, 50%, 0);
    }
     100% {
         -webkit-transform: translate3d(0, 0, 0);
         transform: translate3d(0, 0, 0);
    }
}
 @-webkit-keyframes rotated {
     0% {
         -webkit-transform: rotate(0);
         transform: rotate(0);
    }
     100% {
         -webkit-transform: rotate(360deg);
         transform: rotate(360deg);
    }
}
 @keyframes rotated {
     0% {
         -webkit-transform: rotate(0);
         transform: rotate(0);
    }
     100% {
         -webkit-transform: rotate(360deg);
         transform: rotate(360deg);
    }
}
 @-webkit-keyframes rotatedHalf {
     0% {
         -webkit-transform: rotate(0);
         transform: rotate(0);
    }
     50% {
         -webkit-transform: rotate(90deg);
         transform: rotate(90deg);
    }
     100% {
         -webkit-transform: rotate(0);
         transform: rotate(0);
    }
}
 @keyframes rotatedHalf {
     0% {
         -webkit-transform: rotate(0);
         transform: rotate(0);
    }
     50% {
         -webkit-transform: rotate(90deg);
         transform: rotate(90deg);
    }
     100% {
         -webkit-transform: rotate(0);
         transform: rotate(0);
    }
}
 @-webkit-keyframes rotatedHalfTwo {
     0% {
         -webkit-transform: rotate(-90deg);
         transform: rotate(-90deg);
    }
     100% {
         -webkit-transform: rotate(90deg);
         transform: rotate(90deg);
    }
}
 @keyframes rotatedHalfTwo {
     0% {
         -webkit-transform: rotate(-90deg);
         transform: rotate(-90deg);
    }
     100% {
         -webkit-transform: rotate(90deg);
         transform: rotate(90deg);
    }
}
 @-webkit-keyframes scale-upOne {
     0% {
         -webkit-transform: scale(1);
         transform: scale(1);
    }
     100% {
         -webkit-transform: scale(0.2);
         transform: scale(0.2);
    }
}
 @keyframes scale-upOne {
     0% {
         -webkit-transform: scale(1);
         transform: scale(1);
    }
     100% {
         -webkit-transform: scale(0.2);
         transform: scale(0.2);
    }
}
 @-webkit-keyframes scale-right {
     0% {
         -webkit-transform: translateX(-50%);
         transform: translateX(-50%);
    }
     50% {
         -webkit-transform: translateX(50%);
         transform: translateX(50%);
    }
     100% {
         -webkit-transform: translateX(-50%);
         transform: translateX(-50%);
    }
}
 @keyframes scale-right {
     0% {
         -webkit-transform: translateX(-50%);
         transform: translateX(-50%);
    }
     50% {
         -webkit-transform: translateX(50%);
         transform: translateX(50%);
    }
     100% {
         -webkit-transform: translateX(-50%);
         transform: translateX(-50%);
    }
}
 @-webkit-keyframes fade-in {
     0% {
         opacity: 0.7;
    }
     40% {
         opacity: 1;
    }
     100% {
         opacity: 0.7;
    }
}
 @keyframes fade-in {
     0% {
         opacity: 0.7;
    }
     40% {
         opacity: 1;
    }
     100% {
         opacity: 0.7;
    }
}
 @keyframes hvr-ripple-out {
     0% {
         top: 0;
         right: 0;
         bottom: 0;
         left: 0;
    }
     100% {
         top: -6px;
         right: -6px;
         bottom: -6px;
         left: -6px;
    }
}
 @keyframes hvr-ripple-out-two {
     0% {
         top: 0;
         right: 0;
         bottom: 0;
         left: 0;
    }
     100% {
         top: -18px;
         right: -18px;
         bottom: -18px;
         left: -18px;
         opacity: 0;
    }
}
 @-webkit-keyframes scale-up-one {
     0% {
         -webkit-transform: scale(1);
         transform: scale(1);
    }
     40% {
         -webkit-transform: scale(0.5);
         transform: scale(0.5);
    }
     100% {
         -webkit-transform: scale(1);
         transform: scale(1);
    }
}
 @keyframes scale-up-one {
     0% {
         -webkit-transform: scale(1);
         transform: scale(1);
    }
     40% {
         -webkit-transform: scale(0.5);
         transform: scale(0.5);
    }
     100% {
         -webkit-transform: scale(1);
         transform: scale(1);
    }
}
 @-webkit-keyframes scale-up-two {
     0% {
         -webkit-transform: scale(0.5);
         transform: scale(0.5);
    }
     40% {
         -webkit-transform: scale(0.8);
         transform: scale(0.8);
    }
     100% {
         -webkit-transform: scale(0.5);
         transform: scale(0.5);
    }
}
 @keyframes scale-up-two {
     0% {
         -webkit-transform: scale(0.5);
         transform: scale(0.5);
    }
     40% {
         -webkit-transform: scale(0.8);
         transform: scale(0.8);
    }
     100% {
         -webkit-transform: scale(0.5);
         transform: scale(0.5);
    }
}
 @-webkit-keyframes scale-up-three {
     0% {
         -webkit-transform: scale(0.7);
         transform: scale(0.7);
    }
     40% {
         -webkit-transform: scale(0.4);
         transform: scale(0.4);
    }
     100% {
         -webkit-transform: scale(0.7);
         transform: scale(0.7);
    }
}
 @keyframes scale-up-three {
     0% {
         -webkit-transform: scale(0.7);
         transform: scale(0.7);
    }
     40% {
         -webkit-transform: scale(0.4);
         transform: scale(0.4);
    }
     100% {
         -webkit-transform: scale(0.7);
         transform: scale(0.7);
    }
}
 @keyframes animationFramesOne {
     0% {
         transform: translate(0px, 0px) rotate(0deg);
         -webkit-transform: translate(0px, 0px) rotate(0deg);
         -moz-transform: translate(0px, 0px) rotate(0deg);
         -ms-transform: translate(0px, 0px) rotate(0deg);
         -o-transform: translate(0px, 0px) rotate(0deg);
    }
     20% {
         transform: translate(73px, -1px) rotate(36deg);
         -webkit-transform: translate(73px, -1px) rotate(36deg);
         -moz-transform: translate(73px, -1px) rotate(36deg);
         -ms-transform: translate(73px, -1px) rotate(36deg);
         -o-transform: translate(73px, -1px) rotate(36deg);
    }
     40% {
         transform: translate(141px, -20px) rotate(72deg);
         -webkit-transform: translate(141px, -20px) rotate(72deg);
         -moz-transform: translate(141px, -20px) rotate(72deg);
         -ms-transform: translate(141px, -20px) rotate(72deg);
         -o-transform: translate(141px, -20px) rotate(72deg);
    }
     60% {
         transform: translate(83px, -60px) rotate(108deg);
         -webkit-transform: translate(83px, -60px) rotate(108deg);
         -moz-transform: translate(83px, -60px) rotate(108deg);
         -ms-transform: translate(83px, -60px) rotate(108deg);
         -o-transform: translate(83px, -60px) rotate(108deg);
    }
     80% {
         transform: translate(-40px, 72px) rotate(144deg);
         -webkit-transform: translate(-40px, 72px) rotate(144deg);
         -moz-transform: translate(-40px, 72px) rotate(144deg);
         -ms-transform: translate(-40px, 72px) rotate(144deg);
         -o-transform: translate(-40px, 72px) rotate(144deg);
    }
     100% {
         transform: translate(0px, 0px) rotate(0deg);
         -webkit-transform: translate(0px, 0px) rotate(0deg);
         -moz-transform: translate(0px, 0px) rotate(0deg);
         -ms-transform: translate(0px, 0px) rotate(0deg);
         -o-transform: translate(0px, 0px) rotate(0deg);
    }
}
 @-webkit-keyframes animationFramesOne {
     0% {
         -webkit-transform: translate(0px, 0px) rotate(0deg);
    }
     20% {
         -webkit-transform: translate(73px, -1px) rotate(36deg);
    }
     40% {
         -webkit-transform: translate(141px, 72px) rotate(72deg);
    }
     60% {
         -webkit-transform: translate(83px, 122px) rotate(108deg);
    }
     80% {
         -webkit-transform: translate(-40px, 72px) rotate(144deg);
    }
     100% {
         -webkit-transform: translate(0px, 0px) rotate(0deg);
    }
}
 @keyframes animationFramesTwo {
     0% {
         transform: translate(0px, 0px) rotate(0deg) scale(1);
    }
     20% {
         transform: translate(73px, -1px) rotate(36deg) scale(0.9);
    }
     40% {
         transform: translate(141px, 72px) rotate(72deg) scale(1);
    }
     60% {
         transform: translate(83px, 122px) rotate(108deg) scale(1.2);
    }
     80% {
         transform: translate(-40px, 72px) rotate(144deg) scale(1.1);
    }
     100% {
         transform: translate(0px, 0px) rotate(0deg) scale(1);
    }
}
 @-webkit-keyframes animationFramesTwo {
     0% {
         -webkit-transform: translate(0px, 0px) rotate(0deg) scale(1);
    }
     20% {
         -webkit-transform: translate(73px, -1px) rotate(36deg) scale(0.9);
    }
     40% {
         -webkit-transform: translate(141px, 72px) rotate(72deg) scale(1);
    }
     60% {
         -webkit-transform: translate(83px, 122px) rotate(108deg) scale(1.2);
    }
     80% {
         -webkit-transform: translate(-40px, 72px) rotate(144deg) scale(1.1);
    }
     100% {
         -webkit-transform: translate(0px, 0px) rotate(0deg) scale(1);
    }
}
 @keyframes animationFramesThree {
     0% {
         transform: translate(165px, -30px);
         -webkit-transform: translate(165px, -30px);
         -moz-transform: translate(165px, -30px);
         -ms-transform: translate(165px, -30px);
         -o-transform: translate(165px, -30px);
    }
     100% {
         transform: translate(-60px, 80px);
         -webkit-transform: translate(-60px, 80px);
         -moz-transform: translate(-60px, 80px);
         -ms-transform: translate(-60px, 80px);
         -o-transform: translate(-60px, 80px);
    }
}
 @-webkit-keyframes animationFramesThree {
     0% {
         transform: translate(165px, -30px);
         -webkit-transform: translate(165px, -30px);
         -moz-transform: translate(165px, -30px);
         -ms-transform: translate(165px, -30px);
         -o-transform: translate(165px, -30px);
    }
     100% {
         transform: translate(-60px, 80px);
         -webkit-transform: translate(-60px, 80px);
         -moz-transform: translate(-60px, 80px);
         -ms-transform: translate(-60px, 80px);
         -o-transform: translate(-60px, 80px);
    }
}
 @keyframes animationFramesFour {
     0% {
         transform: translate(0px, 60px) rotate(0deg);
         -webkit-transform: translate(0px, 60px) rotate(0deg);
         -moz-transform: translate(0px, 60px) rotate(0deg);
         -ms-transform: translate(0px, 60px) rotate(0deg);
         -o-transform: translate(0px, 60px) rotate(0deg);
    }
     100% {
         transform: translate(-100px, -100px) rotate(180deg);
         -webkit-transform: translate(-100px, -100px) rotate(180deg);
         -moz-transform: translate(-100px, -100px) rotate(180deg);
         -ms-transform: translate(-100px, -100px) rotate(180deg);
         -o-transform: translate(-100px, -100px) rotate(180deg);
    }
}
 @-webkit-keyframes animationFramesFour {
     0% {
         transform: translate(0px, 60px) rotate(0deg);
         -webkit-transform: translate(0px, 60px) rotate(0deg);
         -moz-transform: translate(0px, 60px) rotate(0deg);
         -ms-transform: translate(0px, 60px) rotate(0deg);
         -o-transform: translate(0px, 60px) rotate(0deg);
    }
     100% {
         transform: translate(-100px, -100px) rotate(180deg);
         -webkit-transform: translate(-100px, -100px) rotate(180deg);
         -moz-transform: translate(-100px, -100px) rotate(180deg);
         -ms-transform: translate(-100px, -100px) rotate(180deg);
         -o-transform: translate(-100px, -100px) rotate(180deg);
    }
}
 @keyframes animationFramesFive {
     0% {
         transform: translate(0, 0) rotate(0deg);
         -webkit-transform: translate(0, 0) rotate(0deg);
         -moz-transform: translate(0, 0) rotate(0deg);
         -ms-transform: translate(0, 0) rotate(0deg);
         -o-transform: translate(0, 0) rotate(0deg);
    }
     21% {
         transform: translate(4px, -20px) rotate(38deg);
         -webkit-transform: translate(4px, -20px) rotate(38deg);
         -moz-transform: translate(4px, -20px) rotate(38deg);
         -ms-transform: translate(4px, -20px) rotate(38deg);
         -o-transform: translate(4px, -20px) rotate(38deg);
    }
     41% {
         transform: translate(-50px, -60px) rotate(74deg);
         -webkit-transform: translate(-50px, -60px) rotate(74deg);
         -moz-transform: translate(-50px, -60px) rotate(74deg);
         -ms-transform: translate(-50px, -60px) rotate(74deg);
         -o-transform: translate(-50px, -60px) rotate(74deg);
    }
     60% {
         transform: translate(-20px, -30px) rotate(108deg);
         -webkit-transform: translate(-20px, -30px) rotate(108deg);
         -moz-transform: translate(-20px, -30px) rotate(108deg);
         -ms-transform: translate(-20px, -30px) rotate(108deg);
         -o-transform: translate(-20px, -30px) rotate(108deg);
    }
     80% {
         transform: translate(-195px, -49px) rotate(144deg);
         -webkit-transform: translate(-195px, -49px) rotate(144deg);
         -moz-transform: translate(-195px, -49px) rotate(144deg);
         -ms-transform: translate(-195px, -49px) rotate(144deg);
         -o-transform: translate(-195px, -49px) rotate(144deg);
    }
     100% {
         transform: translate(-1px, 0px) rotate(180deg);
         -webkit-transform: translate(-1px, 0px) rotate(180deg);
         -moz-transform: translate(-1px, 0px) rotate(180deg);
         -ms-transform: translate(-1px, 0px) rotate(180deg);
         -o-transform: translate(-1px, 0px) rotate(180deg);
    }
}
 @-webkit-keyframes animationFramesFive {
     0% {
         transform: translate(0, 0) rotate(0deg);
         -webkit-transform: translate(0, 0) rotate(0deg);
         -moz-transform: translate(0, 0) rotate(0deg);
         -ms-transform: translate(0, 0) rotate(0deg);
         -o-transform: translate(0, 0) rotate(0deg);
    }
     21% {
         transform: translate(4px, -20px) rotate(38deg);
         -webkit-transform: translate(4px, -20px) rotate(38deg);
         -moz-transform: translate(4px, -20px) rotate(38deg);
         -ms-transform: translate(4px, -20px) rotate(38deg);
         -o-transform: translate(4px, -20px) rotate(38deg);
    }
     41% {
         transform: translate(-50px, -60px) rotate(74deg);
         -webkit-transform: translate(-50px, -60px) rotate(74deg);
         -moz-transform: translate(-50px, -60px) rotate(74deg);
         -ms-transform: translate(-50px, -60px) rotate(74deg);
         -o-transform: translate(-50px, -60px) rotate(74deg);
    }
     60% {
         transform: translate(-20px, -30px) rotate(108deg);
         -webkit-transform: translate(-20px, -30px) rotate(108deg);
         -moz-transform: translate(-20px, -30px) rotate(108deg);
         -ms-transform: translate(-20px, -30px) rotate(108deg);
         -o-transform: translate(-20px, -30px) rotate(108deg);
    }
     80% {
         transform: translate(-195px, -49px) rotate(144deg);
         -webkit-transform: translate(-195px, -49px) rotate(144deg);
         -moz-transform: translate(-195px, -49px) rotate(144deg);
         -ms-transform: translate(-195px, -49px) rotate(144deg);
         -o-transform: translate(-195px, -49px) rotate(144deg);
    }
     100% {
         transform: translate(-1px, 0px) rotate(180deg);
         -webkit-transform: translate(-1px, 0px) rotate(180deg);
         -moz-transform: translate(-1px, 0px) rotate(180deg);
         -ms-transform: translate(-1px, 0px) rotate(180deg);
         -o-transform: translate(-1px, 0px) rotate(180deg);
    }
}
 @keyframes spin {
     0% {
         transform: rotate(0deg);
    }
     100% {
         transform: rotate(360deg);
    }
}
 @-webkit-keyframes zoominup {
     0% {
         transform: scale(1.1);
    }
     50% {
         transform: scale(1);
    }
     100% {
         transform: scale(1.1);
    }
}
 @-webkit-keyframes updown {
     0% {
         transform: translateY(-10px);
         -webkit-transform: translateY(-10px);
         -moz-transform: translateY(-10px);
         -ms-transform: translateY(-10px);
         -o-transform: translateY(-10px);
    }
     50% {
         transform: translateY(-5px);
         -webkit-transform: translateY(-5px);
         -moz-transform: translateY(-5px);
         -ms-transform: translateY(-5px);
         -o-transform: translateY(-5px);
    }
     100% {
         transform: translateY(-10px);
         -webkit-transform: translateY(-10px);
         -moz-transform: translateY(-10px);
         -ms-transform: translateY(-10px);
         -o-transform: translateY(-10px);
    }
}
 @-webkit-keyframes updown-2 {
     0% {
         transform: translateY(-15px);
         -webkit-transform: translateY(-15px);
         -moz-transform: translateY(-15px);
         -ms-transform: translateY(-15px);
         -o-transform: translateY(-15px);
    }
     50% {
         transform: translateY(-5px);
         -webkit-transform: translateY(-5px);
         -moz-transform: translateY(-5px);
         -ms-transform: translateY(-5px);
         -o-transform: translateY(-5px);
    }
     100% {
         transform: translateY(-15px);
         -webkit-transform: translateY(-15px);
         -moz-transform: translateY(-15px);
         -ms-transform: translateY(-15px);
         -o-transform: translateY(-15px);
    }
}
 @keyframes ltr {
     0% {
         width: 0;
    }
     15% {
         width: 95%;
    }
     85% {
         opacity: 1;
    }
     90% {
         width: 95%;
         opacity: 0;
    }
     to {
         width: 0;
         opacity: 0;
    }
}
/*circleAnimation*/
 @-webkit-keyframes circleAnimation {
     0%, 100% {
         border-radius: 42% 58% 70% 30% / 45% 45% 55% 55%;
         -webkit-transform: translate3d(0, 0, 0) rotateZ(0.01deg);
         transform: translate3d(0, 0, 0) rotateZ(0.01deg);
    }
     34% {
         border-radius: 70% 30% 46% 54% / 30% 29% 71% 70%;
         -webkit-transform: translate3d(0, 5px, 0) rotateZ(0.01deg);
         transform: translate3d(0, 5px, 0) rotateZ(0.01deg);
    }
     50% {
         -webkit-transform: translate3d(0, 0, 0) rotateZ(0.01deg);
         transform: translate3d(0, 0, 0) rotateZ(0.01deg);
    }
     67% {
         border-radius: 100% 60% 60% 100% / 100% 100% 60% 60%;
         -webkit-transform: translate3d(0, -3px, 0) rotateZ(0.01deg);
         transform: translate3d(0, -3px, 0) rotateZ(0.01deg);
    }
}
 @-webkit-keyframes icon-bounce {
     0%, 100%, 20%, 50%, 80% {
         -webkit-transform: translateY(0);
         transform: translateY(0);
    }
     40% {
         -webkit-transform: translateY(-10px);
         transform: translateY(-10px);
    }
     60% {
         -webkit-transform: translateY(-5px);
         transform: translateY(-5px);
    }
}
 @keyframes icon-bounce {
     0%, 100%, 20%, 50%, 80% {
         -webkit-transform: translateY(0);
         transform: translateY(0);
    }
     40% {
         -webkit-transform: translateY(-10px);
         transform: translateY(-10px);
    }
     60% {
         -webkit-transform: translateY(-5px);
         transform: translateY(-5px);
    }
}
 @keyframes lr-animation {
     0% {
         -webkit-transform: translateX(40px);
         -ms-transform: translateX(40px);
         transform: translateX(40px);
    }
     100% {
         -webkit-transform: translateX(0);
         -ms-transform: translateX(0);
         transform: translateX(0);
    }
}
 @keyframes tb-animation {
     0% {
         -webkit-transform: translateY(30px);
         -ms-transform: translateY(30px);
         transform: translateY(30px);
    }
     100% {
         -webkit-transform: translateY(0);
         -ms-transform: translateY(0);
         transform: translateY(0);
    }
}
 @keyframes xb_up_down {
     0% {
         transform: translateY(0);
    }
     100% {
         transform: translateY(-20px);
    }
}
 .slide-up-down {
     animation: xb_up_down 1s ease infinite alternate;
}
 @keyframes xb_ltr {
     0% {
         transform: translateY(0);
    }
     100% {
         transform: translateX(-20px);
    }
}
 .slide-ltr {
     animation: xb_ltr 1s ease infinite alternate;
}
 @-webkit-keyframes spin {
     0% {
         transform: rotate(0deg);
    }
     100% {
         transform: rotate(360deg);
    }
}
 @keyframes spin {
     0% {
         transform: rotate(0deg);
    }
     100% {
         transform: rotate(360deg);
    }
}
 @-webkit-keyframes zoom {
     0% {
         -webkit-transform: scale(1);
         -ms-transform: scale(1);
         transform: scale(1);
    }
     50% {
         -webkit-transform: scale(1.05);
         -ms-transform: scale(1.05);
         transform: scale(1.05);
    }
     100% {
         -webkit-transform: scale(1.1);
         -ms-transform: scale(1.1);
         transform: scale(1.1);
    }
}
 @keyframes zoom {
     0% {
         -webkit-transform: scale(1.1);
         -ms-transform: scale(1.1);
         transform: scale(1.1);
    }
     50% {
         -webkit-transform: scale(1.05);
         -ms-transform: scale(1.05);
         transform: scale(1.05);
    }
     100% {
         -webkit-transform: scale(1);
         -ms-transform: scale(1);
         transform: scale(1);
    }
}
 @-webkit-keyframes shake {
     0% {
         -webkit-transform: rotate(7deg);
         -ms-transform: rotate(7deg);
         transform: rotate(7deg);
    }
     50% {
         -webkit-transform: rotate(0deg);
         -ms-transform: rotate(0deg);
         transform: rotate(0deg);
    }
     100% {
         -webkit-transform: rotate(7deg);
         -ms-transform: rotate(7deg);
         transform: rotate(7deg);
    }
}
 @keyframes shake {
     0% {
         -webkit-transform: rotate(7deg);
         -ms-transform: rotate(7deg);
         transform: rotate(7deg);
    }
     50% {
         -webkit-transform: rotate(0deg);
         -ms-transform: rotate(0deg);
         transform: rotate(0deg);
    }
     100% {
         -webkit-transform: rotate(7deg);
         -ms-transform: rotate(7deg);
         transform: rotate(7deg);
    }
}
 @-webkit-keyframes down {
     0% {
         -webkit-transform: translateY(5px);
         -ms-transform: translateY(5px);
         transform: translateY(5px);
    }
     50% {
         -webkit-transform: translateY(0px);
         -ms-transform: translateY(0px);
         transform: translateY(0px);
    }
     100% {
         -webkit-transform: translateY(5px);
         -ms-transform: translateY(5px);
         transform: translateY(5px);
    }
}
 @keyframes down {
     0% {
         -webkit-transform: translateY(5px);
         -ms-transform: translateY(5px);
         transform: translateY(5px);
    }
     50% {
         -webkit-transform: translateY(0px);
         -ms-transform: translateY(0px);
         transform: translateY(0px);
    }
     100% {
         -webkit-transform: translateY(5px);
         -ms-transform: translateY(5px);
         transform: translateY(5px);
    }
}
 @keyframes outer-ripple {
     0% {
         transform: scale(1);
         filter: alpha(opacity=50);
         opacity: 0.5;
         -webkit-transform: scale(1);
         -moz-transform: scale(1);
         -ms-transform: scale(1);
         -o-transform: scale(1);
         -webkit-filter: alpha(opacity=50);
    }
     80% {
         transform: scale(1.5);
         filter: alpha(opacity=0);
         opacity: 0;
         -webkit-transform: scale(1.5);
         -moz-transform: scale(1.5);
         -ms-transform: scale(1.5);
         -o-transform: scale(1.5);
    }
     100% {
         transform: scale(2.5);
         filter: alpha(opacity=0);
         opacity: 0;
         -webkit-transform: scale(2.5);
         -moz-transform: scale(2.5);
         -ms-transform: scale(2.5);
         -o-transform: scale(2.5);
    }
}
 @-webkit-keyframes outer-ripple {
     0% {
         transform: scale(1);
         filter: alpha(opacity=50);
         opacity: 0.5;
         -webkit-transform: scale(1);
         -moz-transform: scale(1);
         -ms-transform: scale(1);
         -o-transform: scale(1);
    }
     80% {
         transform: scale(2.5);
         filter: alpha(opacity=0);
         opacity: 0;
         -webkit-transform: scale(2.5);
         -moz-transform: scale(2.5);
         -ms-transform: scale(2.5);
         -o-transform: scale(2.5);
    }
     100% {
         transform: scale(3.5);
         filter: alpha(opacity=0);
         opacity: 0;
         -webkit-transform: scale(3.5);
         -moz-transform: scale(3.5);
         -ms-transform: scale(3.5);
         -o-transform: scale(3.5);
    }
}
 @-moz-keyframes outer-ripple {
     0% {
         transform: scale(1);
         filter: alpha(opacity=50);
         opacity: 0.5;
         -webkit-transform: scale(1);
         -moz-transform: scale(1);
         -ms-transform: scale(1);
         -o-transform: scale(1);
    }
     80% {
         transform: scale(2.5);
         filter: alpha(opacity=0);
         opacity: 0;
         -webkit-transform: scale(2.5);
         -moz-transform: scale(2.5);
         -ms-transform: scale(2.5);
         -o-transform: scale(2.5);
    }
     100% {
         transform: scale(3.5);
         filter: alpha(opacity=0);
         opacity: 0;
         -webkit-transform: scale(3.5);
         -moz-transform: scale(3.5);
         -ms-transform: scale(3.5);
         -o-transform: scale(3.5);
    }
}
 @keyframes blink {
     from, to {
         opacity: 0;
    }
     50% {
         opacity: 1;
    }
}
 @-moz-keyframes blink {
     from, to {
         opacity: 0;
    }
     50% {
         opacity: 1;
    }
}
 @-webkit-keyframes blink {
     from, to {
         opacity: 0;
    }
     50% {
         opacity: 1;
    }
}
 @-ms-keyframes blink {
     from, to {
         opacity: 0;
    }
     50% {
         opacity: 1;
    }
}
 @-o-keyframes blink {
     from, to {
         opacity: 0;
    }
     50% {
         opacity: 1;
    }
}
 @keyframes pulse-border {
     0% {
         transform: scale(1);
         opacity: 0.67;
    }
     100% {
         transform: scale(2.2);
         opacity: 0;
    }
}
 @-webkit-keyframes pulse-border {
     0% {
         transform: scale(1);
         opacity: 0.67;
    }
     100% {
         transform: scale(2.2);
         opacity: 0;
    }
}
 @-webkit-keyframes tada {
     0% {
         -webkit-transform: scale(1);
         transform: scale(1);
    }
     10%, 20% {
         -webkit-transform: scale(0.9) rotate(-5deg);
         transform: scale(0.9) rotate(-5deg);
    }
     50%, 50%, 70%, 90% {
         -webkit-transform: scale(1.1) rotate(5deg);
         transform: scale(1.1) rotate(5deg);
    }
     40%, 60%, 80% {
         -webkit-transform: scale(1.1) rotate(-5deg);
         transform: scale(1.1) rotate(-5deg);
    }
     100% {
         -webkit-transform: scale(1) rotate(0);
         transform: scale(1) rotate(0);
    }
}
 @keyframes tada {
     0% {
         -webkit-transform: scale(1);
         -ms-transform: scale(1);
         transform: scale(1);
    }
     10%, 20% {
         -webkit-transform: scale(0.9) rotate(-5deg);
         -ms-transform: scale(0.9) rotate(-5deg);
         transform: scale(0.9) rotate(-5deg);
    }
     50%, 50%, 70%, 90% {
         -webkit-transform: scale(1.1) rotate(5deg);
         -ms-transform: scale(1.1) rotate(5deg);
         transform: scale(1.1) rotate(5deg);
    }
     40%, 60%, 80% {
         -webkit-transform: scale(1.1) rotate(-5deg);
         -ms-transform: scale(1.1) rotate(-5deg);
         transform: scale(1.1) rotate(-5deg);
    }
     100% {
         -webkit-transform: scale(1) rotate(0);
         -ms-transform: scale(1) rotate(0);
         transform: scale(1) rotate(0);
    }
}
 .wow.skewIn.animated {
     -webkit-animation-name: xbSkewIn;
     animation-name: xbSkewIn;
     -webkit-animation-fill-mode: both;
     animation-fill-mode: both;
     -webkit-animation-duration: .7s;
     animation-duration: .7s;
     -webkit-animation-timing-function: cubic-bezier(0.67, 0.04, 0.3, 0.91);
     animation-timing-function: cubic-bezier(0.67, 0.04, 0.3, 0.91);
     will-change: transform;
     -webkit-backface-visibility: hidden;
     backface-visibility: hidden;
}
 @-webkit-keyframes xbSkewIn {
     0% {
         -webkit-clip-path: inset(0 100% 0 0);
         clip-path: inset(0 100% 0 0);
         -webkit-transform: translateX(20px);
         transform: translateX(20px);
    }
     100% {
         -webkit-clip-path: inset(0 0 0 0);
         clip-path: inset(0 0 0 0);
         -webkit-transform: translateX(0);
         transform: translateX(0);
    }
}
 @keyframes xbSkewIn {
     0% {
         -webkit-clip-path: inset(0 100% 0 0);
         clip-path: inset(0 100% 0 0);
         -webkit-transform: translateX(20px);
         transform: translateX(20px);
    }
     100% {
         -webkit-clip-path: inset(0 0 0 0);
         clip-path: inset(0 0 0 0);
         -webkit-transform: translateX(0);
         transform: translateX(0);
    }
}
 .skewInImg {
     clip-path: polygon(0% 0%, 0% 0%, 0% 100%, 0% 100%);
     display: inline-block;
     position: relative;
     overflow: hidden;
     transition: 1.3s cubic-bezier(0.5, 0.5, 0, 1);
}
 .skewInImg img {
     transform-origin: 50% 50%;
     transition: 1.3s cubic-bezier(0.5, 0.5, 0, 1);
     max-width: 100%;
     height: auto;
     transform: scale(1.5) translate(100px, 0px);
}
 .skewInImg.animated {
     clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
}
 .skewInImg.animated img {
     transform: scale(1) translate(0px, 0px);
}
/*-- - Overlay ------------------------------------------*/
 [data-overlay] {
     position: relative;
     background-size: cover;
     background-repeat: no-repeat;
     background-position: center center;
}
 [data-overlay]::before {
     position: absolute;
     left: 0;
     top: 0;
     right: 0;
     bottom: 0;
     content: "";
     width: 100%;
     height: 100%;
}
/*-- Overlay Color --*/
 [data-overlay="light"]::before {
     background-color: var(--color-white);
}
 [data-overlay="dark"]::before {
     background-color: var(--color-black);
}
/*-- Overlay Opacity --*/
 [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;
}
/*----------------------------------------*/
/* 02. header 
/*----------------------------------------*/
 @media (max-width: 991px) {
     .header__top-wrap {
         display: none;
    }
}
 .header__top {
     padding: 11px 0;
}
 .header__top-cta {
     font-size: 15px;
     color: var(--color-dark);
}
 .header__top-cta span {
     font-size: 12px;
     text-transform: uppercase;
     font-weight: 600;
}
 .header__top-cta img {
     margin-right: 9px;
}
 .header__top-info li {
     font-size: 12px;
     font-weight: 600;
     color: var(--color-dark);
}
 .header__top-info li:not(:last-child) {
     margin-right: 75px;
}
 .header__top-info li img {
     margin-right: 6px;
}
 @media (max-width: 1199px) {
     .header__action {
         display: none;
    }
}
 .header__action > li {
     margin-left: 40px;
     padding-left: 40px;
     position: relative;
}
 .header__action > li:first-child {
     margin-left: 0;
}
 .header__action > li::before {
     position: absolute;
     left: 0;
     content: "";
     top: 0;
     width: 100%;
     height: 100%;
     background-color: #EDF3F5;
     width: 1px;
     height: 34px;
     top: 50%;
     -webkit-transform: translateY(-50%);
     -ms-transform: translateY(-50%);
     transform: translateY(-50%);
}
 .header__search {
     font-size: 14px;
     font-weight: 600;
     color: var(--color-dark);
     display: flex;
     align-items: center;
}
 .header__search:hover {
     color: var(--color-dark);
}
 .header__search img {
     margin-right: 9px;
}
 @media (max-width: 991px) {
     .header__language {
         display: none;
    }
}
 .header__language ul {
     list-style: none;
}
 .header__language ul > li {
     position: relative;
}
 .header__language ul .lang-btn {
     color: var(--color-dark);
     font-size: 14px;
     text-align: right;
     display: flex;
     align-items: center;
     font-weight: 600;
     padding: 10px 0;
}
 .header__language ul .lang-btn .arrow_down {
     margin-left: 7px;
     width: 13px;
     -webkit-transform: translateY(-2px);
     -ms-transform: translateY(-2px);
     transform: translateY(-2px);
}
 .header__language ul .lang-btn .flag {
     margin-right: 7px;
     max-width: 17px;
     -webkit-transform: translateY(-1px);
     -ms-transform: translateY(-1px);
     transform: translateY(-1px);
}
 .header__language ul .lang-btn i {
     font-size: 12px;
     padding-left: 3px;
     -webkit-transform: translateY(-2px);
     -ms-transform: translateY(-2px);
     transform: translateY(-2px);
}
 .header__language ul li:hover ul {
     opacity: 1;
     visibility: visible;
     top: 100%;
}
 .header__language .lang_sub_list {
     background: var(--color-white);
     border-radius: 5px;
     overflow: hidden;
     opacity: 0;
     visibility: hidden;
     top: 120%;
     transition: 0.3s;
     position: absolute;
     right: 0;
     z-index: 9;
     min-width: 100px;
}
 .header__language .lang_sub_list ul > li {
     border-radius: 4px;
     overflow: hidden;
}
 .header__language .lang_sub_list li a {
     color: #646c76;
     display: block;
     padding-right: 29px;
     min-height: 37px;
     line-height: 37px;
     padding-left: 18px;
     font-size: 14px;
     font-weight: 500;
}
 .header__language .lang_sub_list li a:hover {
     background: #f6f6f6;
}
 .header__language .lang_sub_list li:not(:last-child) {
     border-bottom: 1px solid #ededed;
}
 @media (max-width: 991px) {
     .header__wrap {
         padding: 20px 0;
    }
}
 .header__bar:hover span:nth-child(2), .header__bar:hover span:nth-child(4) {
     width: 100%;
}
 .header__bar:hover span:nth-child(1), .header__bar:hover span:nth-child(3) {
     width: 50%;
}
 .header__bar span {
     right: 0;
     width: 100%;
     height: 2px;
     background-color: #292D32;
     border-radius: 48px;
     -webkit-border-radius: 48px;
     -moz-border-radius: 48px;
     -ms-border-radius: 48px;
     -o-border-radius: 48px;
     display: inline-block;
     position: absolute;
     -webkit-transition: 0.3s;
     -o-transition: 0.3s;
     transition: 0.3s;
}
 .header__bar span:nth-child(1) {
     top: 0;
}
 .header__bar span:nth-child(2) {
     top: 5px;
     width: 50%;
}
 .header__bar span:nth-child(3) {
     bottom: 5px;
}
 .header__bar span:nth-child(4) {
     bottom: 0;
     width: 50%;
}
 .header__bar-icon {
     width: 19px;
     height: 17px;
     position: relative;
}
 .header-style-two {
     background-color: var(--color-black);
}
 @media (max-width: 991px) {
     .header-style-two {
         background-color: var(--color-white);
    }
}
 .header-style-two .stricky.original .header__logo {
     display: none;
}
 @media (max-width: 991px) {
     .header-style-two .stricky.original .header__logo {
         display: block;
    }
}
 @media (max-width: 991px) {
     .header-style-two .stricky.original .header-search {
         display: none;
    }
}
 .header-style-two .main-menu > ul > li > a span {
     padding: 0;
     border: 0;
}
 .header-style-two .main-menu > ul > li > a {
     border-right: 1px solid #212121;
     position: relative;
     color: var(--color-white);
}
 .header-style-two .main-menu > ul > li > a:hover::before {
     width: 100%;
}
 .header-style-two .main-menu > ul > li > a::before {
     position: absolute;
     bottom: 0;
     right: 0;
     width: 0;
     height: 2px;
     background-image: var(--color-gradient);
     content: "";
     -webkit-transition: 0.3s;
     -o-transition: 0.3s;
     transition: 0.3s;
}
 .header-style-two .main-menu > ul > li:first-child > a {
     border-left: 1px solid #212121;
}
 .header-style-two .main-menu ul li {
     margin-right: 0 !important;
}
 .header-style-two .main-menu ul li a {
     padding: 28px 32px;
     font-size: 18px;
}
 @media (max-width: 1199px) {
     .header-style-two .main-menu ul li a {
         padding: 25px;
    }
}
 .header-style-two .main-menu ul .submenu {
     left: 0;
}
 .header-style-two .main-menu ul li:hover > a, .header-style-two .main-menu ul li.active > a {
     color: var(--color-white);
}
 .header-style-two .main-menu ul li:hover > a:before, .header-style-two .main-menu ul li.active > a::before {
     width: 100%;
     right: auto;
     left: 0;
}
 .header-style-two .header-search {
     font-size: 14px;
     font-weight: 600;
     color: var(--color-dark);
     display: flex;
     align-items: center;
     justify-content: end;
     width: 188px;
     position: relative;
}
 .header-style-two .header-search::before {
     position: absolute;
     bottom: -14px;
     left: 0;
     width: 100%;
     height: 2px;
     content: "";
     background-image: var(--color-gradient);
}
 .header-style-two .header-search input {
     background: transparent;
     padding-left: 26px;
     font-size: 14px;
     color: var(--color-white);
}
 .header-style-two .header-search input::-webkit-input-placeholder {
     color: #656565;
     opacity: 1;
}
 .header-style-two .header-search input::-moz-placeholder {
     color: #656565;
     opacity: 1;
}
 .header-style-two .header-search input:-ms-input-placeholder {
     color: #656565;
     opacity: 1;
}
 .header-style-two .header-search input:-moz-placeholder {
     color: #656565;
     opacity: 1;
}
 .header-style-two .header-search > span {
     position: absolute;
     left: 0;
     top: 50%;
     -webkit-transform: translateY(-50%);
     -ms-transform: translateY(-50%);
     transform: translateY(-50%);
}
 .header-style-two .stricked-menu .header-search {
     display: none;
}
 .header-style-two .stricked-menu .main-menu > ul > li > a {
     color: var(--color-default);
     border: 0;
     padding: 34px 0;
}
 .header-style-two .stricked-menu .main-menu ul li:hover > a, .header-style-two .stricked-menu .main-menu ul li.active > a {
     color: var(--color-dark);
}
 .header-style-two .stricked-menu .main-menu ul li:not(:last-child) {
     margin-right: 40px !important;
}
 .header-style-two .xb-menu-primary li > a:hover, .header-style-two .xb-menu-primary li > a.current, .header-style-two .xb-menu-primary li.current_page_item > a, .header-style-two .xb-menu-primary li.current-menu-item > a, .header-style-two .xb-menu-primary li.current_page_ancestor > a, .header-style-two .xb-menu-primary li.current-menu-ancestor > a, .header-style-two .xb-menu-primary .xb-menu-toggle:hover {
     color: var(--color-primary-2);
}
 .header-style-two .xb-header-mobile-search .search-field:focus {
     border-color: var(--color-primary-2);
}
 .xb-header-top {
    /*border-bottom: 1px solid #212121;
     padding: 20px 0;
     */
}
 @media (max-width: 991px) {
     .xb-header-top {
         display: none;
    }
}
 .xb-header-top .xb-item--info li {
     font-size: 20px;
     color: var(--color-white);
     display: flex;
     align-items: center;
     font-weight: 500;
}
 .xb-header-top .xb-item--info li:not(:last-child) {
     margin-right: 70px;
}
 .xb-header-top .xb-item--info li span {
     margin-right: 7px;
     width: 35px;
     height: 35px;
     border-radius: 50%;
     -webkit-border-radius: 50%;
     -moz-border-radius: 50%;
     -ms-border-radius: 50%;
     -o-border-radius: 50%;
     display: flex;
     align-items: center;
     justify-content: center;
}
 .xb-header-top .xb-item--social li:not(:last-child) {
     margin-right: 10px;
}
 .xb-header-top .xb-item--social li a {
     width: 35px;
     height: 35px;
     border-radius: 50%;
     -webkit-border-radius: 50%;
     -moz-border-radius: 50%;
     -ms-border-radius: 50%;
     -o-border-radius: 50%;
    /*background-color: #212121;
    */
     display: inline-block;
     font-size: 14px;
     color: var(--color-white);
     display: flex;
     align-items: center;
     justify-content: center;
     position: relative;
     overflow: hidden;
     z-index: 1;
}
 .xb-header-top .xb-item--social li a:hover::before {
     opacity: 1;
     -webkit-transform: scale(1);
     -ms-transform: scale(1);
     transform: scale(1);
}
 .xb-header-top .xb-item--social li a::before {
     position: absolute;
     left: 0;
     content: "";
     top: 0;
     width: 100%;
     height: 100%;
     background-image: var(--color-gradient);
     z-index: -1;
     -webkit-transition: 0.3s;
     -o-transition: 0.3s;
     transition: 0.3s;
     opacity: 0;
     -webkit-transform: scale(0.8);
     -ms-transform: scale(0.8);
     transform: scale(0.8);
     border-radius: 50%;
     -webkit-border-radius: 50%;
     -moz-border-radius: 50%;
     -ms-border-radius: 50%;
     -o-border-radius: 50%;
}
 .header-style-three {
     position: absolute;
     top: 46px;
     left: 0;
     right: 0;
     width: 100%;
     z-index: 2;
}
 @media (max-width: 991px) {
     .header-style-three {
         top: 10px;
    }
}
 .header-style-three .main-menu__wrap {
     background: #fff;
     padding: 0 80px;
     border: 1px solid #EDF3F5;
     box-shadow: 0px 8px 19px rgba(156, 170, 194, 0.09);
     border-radius: 67px;
     -webkit-border-radius: 67px;
     -moz-border-radius: 67px;
     -ms-border-radius: 67px;
     -o-border-radius: 67px;
     margin-left: auto;
}
 @media only screen and (min-width: 1200px) and (max-width: 1500px) {
     .header-style-three .main-menu__wrap {
         padding: 0 40px;
    }
}
 @media (max-width: 1199px) {
     .header-style-three .main-menu__wrap {
         padding: 0 30px;
    }
}
 .header-style-three .main-menu ul li:not(:last-child) {
     margin-right: 40px;
}
 .header-style-three .main-menu ul li a {
     padding: 23px 0;
     color: #0F172A;
}
 .header-style-three .main-menu > ul > li > a span {
     padding: 0;
     border: none;
     border-radius: 0;
     -webkit-border-radius: 0;
     -moz-border-radius: 0;
     -ms-border-radius: 0;
     -o-border-radius: 0;
}
 .header-style-three .header__language {
     padding-left: 100px;
}
 .header-style-three .header__action a {
     width: 60px;
     height: 60px;
     background-color: #fff;
     display: flex;
     align-items: center;
     justify-content: center;
     margin-left: 15px;
     box-shadow: 0px 8px 19px rgba(156, 170, 194, 0.09);
     border-radius: 50%;
     -webkit-border-radius: 50%;
     -moz-border-radius: 50%;
     -ms-border-radius: 50%;
     -o-border-radius: 50%;
}
 .header-style-three .header__action a img {
     margin: 0;
}
 .header-style-three .header__bar-icon {
     width: 19px;
     height: 17px;
     position: relative;
}
 .header-style-three .stricked-menu .main-menu__wrap {
     box-shadow: none;
     border: 0;
}
 .stricked-menu {
     position: fixed;
     top: 0;
     left: 0;
     right: 0;
     z-index: 999;
     top: 0;
     -webkit-transform: translateY(-100%);
     -ms-transform: translateY(-100%);
     transform: translateY(-100%);
     -webkit-transition: 0.5s cubic-bezier(0.33, 0.64, 0.62, 0.91);
     -o-transition: 0.5s cubic-bezier(0.33, 0.64, 0.62, 0.91);
     transition: 0.5s cubic-bezier(0.33, 0.64, 0.62, 0.91);
     visibility: hidden;
     background-color: var(--color-white);
}
 .stricked-menu .main-menu ul li a {
     padding: 28px 0;
}
 .stricked-menu.stricky-fixed {
     -webkit-transform: translateY(0%);
     -ms-transform: translateY(0%);
     transform: translateY(0%);
     visibility: visible;
     -webkit-box-shadow: 0 3px 18px rgba(2, 21, 78, 0.09);
     -khtml-box-shadow: 0 3px 18px rgba(2, 21, 78, 0.09);
     -moz-box-shadow: 0 3px 18px rgba(2, 21, 78, 0.09);
     -ms-box-shadow: 0 3px 18px rgba(2, 21, 78, 0.09);
     -o-box-shadow: 0 3px 18px rgba(2, 21, 78, 0.09);
     box-shadow: 0 3px 18px rgba(2, 21, 78, 0.09);
}
/* Navigation css */
 .main-menu {
     display: flex;
     align-items: center;
     flex-grow: 1;
}
 .main-menu ul {
     display: -ms-flexbox;
     display: flex;
     -ms-flex-wrap: wrap;
     flex-wrap: wrap;
     list-style: none;
     padding: 0;
     margin: 0;
}
 .main-menu ul li {
     position: relative;
}
 .main-menu ul li:not(:last-child) {
     margin-right: 20px;
}
 @media only screen and (min-width: 1200px) and (max-width: 1500px) {
     .main-menu ul li:not(:last-child) {
         margin-right: 15px;
    }
}
 .main-menu ul li .submenu li {
     margin-right: 0;
}
 .main-menu ul li a {
     display: inline-block;
     text-decoration: none;
     font-size: 16px;
     /*font-weight: 600;*/
     color: var(--color-default);
     padding: 41px 0;
     position: relative;
     line-height: 22px;
     -webkit-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
     -o-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
     transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
}
 .main-menu ul li.menu-item-has-children > a span::after {
     content: "+";
     display: inline-block;
     padding-left: 18px;
     font-weight: 500;
}
 .main-menu ul li.menu-item-has-children:hover > .submenu {
     opacity: 1;
     visibility: visible;
     -webkit-transform: none !important;
     -ms-transform: none !important;
     transform: none !important;
     pointer-events: all;
}
 .main-menu ul li.menu-item-has-children:hover > .submenu1 {
     opacity: 1;
     visibility: visible;
     -webkit-transform: none !important;
     -ms-transform: none !important;
     transform: none !important;
     pointer-events: all;
}
 .main-menu ul li:hover > a, .main-menu ul li.active > a {
     color: var(--color-dark);
}
 .main-menu ul li .submenu {
     -webkit-box-orient: vertical;
     -webkit-box-direction: normal;
     -ms-flex-direction: column;
     flex-direction: column;
     position: absolute;
     min-width: 250px;
     top: 100%;
     opacity: 0;
     visibility: hidden;
     background: var(--color-white);
     left: -10px;
     padding: 20px 0;
     -webkit-transition: 0.3s;
     -o-transition: 0.3s;
     transition: 0.3s;
     z-index: 3;
     text-align: left;
     -webkit-transform: translate3d(0, 18px, 0);
     -ms-transform: translate3d(0, 18px, 0);
     transform: translate3d(0, 18px, 0);
     pointer-events: none;
     box-shadow: 0 0.5rem 1.875rem rgba(0, 0, 0, 0.1);
}
 .main-menu ul li .submenu li a {
     display: block;
     margin: 0;
     padding: 7px 30px;
}
 .main-menu ul li .submenu li:hover > a, .main-menu ul li .submenu li.active > a {
     color: var(--color-dark);
}
 .main-menu ul li .submenu ul {
     left: 100%;
     top: 0px;
}
 .main-menu ul li .submenu1 {
     -webkit-box-orient: vertical;
     -webkit-box-direction: normal;
     -ms-flex-direction: column;
     flex-direction: column;
     position: absolute;
     min-width: 340px;
     top: 100%;
     opacity: 0;
     visibility: hidden;
     background: var(--color-white);
     left: -10px;
     padding: 20px 0;
     -webkit-transition: 0.3s;
     -o-transition: 0.3s;
     transition: 0.3s;
     z-index: 3;
     text-align: left;
     -webkit-transform: translate3d(0, 18px, 0);
     -ms-transform: translate3d(0, 18px, 0);
     transform: translate3d(0, 18px, 0);
     pointer-events: none;
     box-shadow: 0 0.5rem 1.875rem rgba(0, 0, 0, 0.1);
}
 .main-menu ul li .submenu1 li a {
     display: block;
     margin: 0;
     padding: 7px 30px;
}
 .main-menu ul li .submenu1 li:hover > a, .main-menu ul li .submenu1 li.active > a {
     color: var(--color-dark);
}
 .main-menu ul li .submenu1 ul {
     left: 100%;
     top: 0px;
}
 .main-menu ul li .submenu li.menu-item-has-children:hover > .submenu {
     opacity: 1;
     visibility: visible;
     transform: none !important;
     pointer-events: all;
}
 .main-menu ul li .submenu li .submenu {
     top: 0;
     left: 100%;
     opacity: 0;
     visibility: hidden;
     position: absolute;
     min-width: 220px;
     background: var(--color-white);
     padding: 15px 0;
     transform: translate3d(10px, 0, 0);
     transition: 0.3s;
     pointer-events: none;
     box-shadow: 0 0.5rem 1.875rem rgba(0, 0, 0, 0.1);
}
 .main-menu > ul > li > a span {
     position: relative;
     display: inline-block;
     padding: 5px 19px;
     border: 1px solid var(--color-border);
     border-radius: 5px;
     -webkit-border-radius: 5px;
     -moz-border-radius: 5px;
     -ms-border-radius: 5px;
     -o-border-radius: 5px;
}
 .thm-btn {
     font-size: 18px;
     font-weight: 600;
     text-transform: None;
     color: var(--color-white);
     border-style: none;
     padding: 21px 50px 23px;
     align-self: center;
     position: relative;
     display: inline-block;
     border-radius: 10px;
     -webkit-border-radius: 10px;
     -moz-border-radius: 10px;
     -ms-border-radius: 10px;
     -o-border-radius: 10px;
     line-height: 1.1;
     letter-spacing: -.3px;
     transition: all 0.2s cubic-bezier(0.68, 0.01, 0.58, 0.75);
     background-color: var(--color-primary);
}
 .thm-btn:hover {
     color: var(--color-white);
     background-color: var(--color-secondary);
}
 .thm-btn--white {
     color: var(--color-dark);
     background-color: var(--color-white);
}
 .thm-btn--white:hover {
     background-color: var(--color-primary);
     color: var(--color-white);
}
 .thm-btn--white:hover span svg path {
     stroke: #fff;
}
 .thm-btn--trv {
     padding: 20px 50px 21px;
     border-radius: 91px;
     -webkit-border-radius: 91px;
     -moz-border-radius: 91px;
     -ms-border-radius: 91px;
     -o-border-radius: 91px;
}
 .thm-btn--trv:hover {
     background-color: #09AD84;
}
 .thm-btn--trv:hover span {
     -webkit-transform: translateX(7px);
     -ms-transform: translateX(7px);
     transform: translateX(7px);
}
 .thm-btn--trv span {
     padding-left: 21px;
     display: inline-block;
     -webkit-transition: 0.3s var(--easing);
     -o-transition: 0.3s var(--easing);
     transition: 0.3s var(--easing);
}
 .thm-btn--trv span svg path {
     -webkit-transition: 0.3s var(--easing);
     -o-transition: 0.3s var(--easing);
     transition: 0.3s var(--easing);
}
 .thm-btn--trv.thm-btn--white:hover {
     background-color: var(--color-primary);
}
 .thm-btn--cr-btn {
     z-index: 1;
     overflow: hidden;
     font-size: 18px;
     padding: 25px 40px;
     letter-spacing: -0.01em;
     background: var(--color-primary-3);
}
 .thm-btn--cr-btn::before {
     position: absolute;
     content: '';
     left: 0;
     bottom: 0;
     height: 0;
     width: 100%;
     z-index: -1;
     border-radius: inherit;
     background: var(--color-secondary-2);
     -webkit-transition: 0.3s;
     -o-transition: 0.3s;
     transition: 0.3s;
}
 .thm-btn--cr-btn span {
     margin-left: 10px;
}
 .thm-btn--cr-btn span i {
     transform: rotate(-45deg);
     -webkit-transition: 0.3s;
     -o-transition: 0.3s;
     transition: 0.3s;
}
 .thm-btn--cr-btn:hover {
     background: var(--color-primary-3);
     color: var(--color-heading-two);
}
 .thm-btn--cr-btn:hover::before {
     height: 100%;
}
 .thm-btn--cr-btn-hover-white::before {
     background: var(--color-white);
}
 .thm-btn--cr-btn-hover-white:hover {
     background: var(--color-white);
}
 .thm-btn--wv-btn {
     color: var(--color-heading-three);
     background: var(--color-primary-4);
     border-radius: 5px;
     -webkit-border-radius: 5px;
     -moz-border-radius: 5px;
     -ms-border-radius: 5px;
     -o-border-radius: 5px;
}
 .thm-btn--wv-btn::before {
     background: #fad59f;
}
 .thm-btn--wv-btn:hover {
     color: var(--color-heading-three);
     background-color: var(--color-primary-4);
}
 .thm-btn.sec-btn {
     padding: 15px 40px;
     display: block;
     color: var(--color-heading-two);
     background: var(--color-white);
     border-radius: 5px;
     -webkit-border-radius: 5px;
     -moz-border-radius: 5px;
     -ms-border-radius: 5px;
     -o-border-radius: 5px;
     position: absolute;
     left: 20px;
     right: 20px;
     bottom: 20px;
     text-align: center;
     opacity: 0;
     transform: translateY(20px);
     -webkit-transition: 0.3s;
     -o-transition: 0.3s;
     transition: 0.3s;
}
 .thm-btn.sec-btn:hover span i {
     transform: rotate(0deg);
}
 .grd-btn {
     background-image: var(--color-gradient);
     font-size: 18px;
     font-weight: 600;
     line-height: 50px;
     letter-spacing: -0.16px;
     text-transform: capitalize;
     display: inline-block;
     padding: 19px 40px;
     font-weight: 600;
     color: var(--color-white);
     line-height: 1.1;
     border-radius: 80px;
     -webkit-border-radius: 80px;
     -moz-border-radius: 80px;
     -ms-border-radius: 80px;
     -o-border-radius: 80px;
     background-size: 200%,1px;
     background-image: -moz-linear-gradient(to right, var(--gradient-color-from) 0%, var(--gradient-color-to) 50%, var(--gradient-color-from) 100%);
     background-image: -webkit-linear-gradient(to right, var(--gradient-color-from) 0%, var(--gradient-color-to) 50%, var(--gradient-color-from) 100%);
     background-image: -ms-linear-gradient(to right, var(--gradient-color-from) 0%, var(--gradient-color-to) 50%, var(--gradient-color-from) 100%);
     background-image: linear-gradient(to right, var(--gradient-color-from) 0%, var(--gradient-color-to) 50%, var(--gradient-color-from) 100%);
}
 .grd-btn:hover {
     color: var(--color-white);
     background-position: 100% 0;
}
 .grd-btn span {
     margin-left: 25px;
}
 .xb-tran-btn {
     font-size: 18px;
     color: var(--color-white);
     padding: 15px 0;
     display: inline-block;
     position: relative;
     font-weight: 600;
     text-transform: capitalize;
}
 .xb-tran-btn:hover {
     color: var(--color-white);
}
 .xb-tran-btn:hover span {
     -webkit-transform: translateX(10px);
     -ms-transform: translateX(10px);
     transform: translateX(10px);
}
 .xb-tran-btn:hover::before {
     width: 0;
}
 .xb-tran-btn:before {
     position: absolute;
     left: 0;
     content: "";
     top: 0;
     width: 100%;
     height: 100%;
     height: 2px;
     bottom: 0;
     top: auto;
     background: var(--color-gradient);
     -webkit-transition: 0.3s cubic-bezier(0.67, 0.04, 0.3, 0.91);
     -o-transition: 0.3s cubic-bezier(0.67, 0.04, 0.3, 0.91);
     transition: 0.3s cubic-bezier(0.67, 0.04, 0.3, 0.91);
}
 .xb-tran-btn span {
     margin-left: 40px;
     -webkit-transition: 0.3s cubic-bezier(0.67, 0.04, 0.3, 0.91);
     -o-transition: 0.3s cubic-bezier(0.67, 0.04, 0.3, 0.91);
     transition: 0.3s cubic-bezier(0.67, 0.04, 0.3, 0.91);
     display: inline-block;
     line-height: 1;
}
 .btns {
     margin: -12px;
}
 .btns.gap-20 {
     margin: -10px;
}
 .btns.gap-20 a {
     margin: 10px;
}
 .btns a {
     margin: 12px;
}
/*----------------------------------------*/
/* 03. globel 
/*----------------------------------------*/
 @media (min-width: 1024px) {
     .container, .container-lg, .container-md, .container-sm, .container-xl {
         max-width: 1320px;
         padding-left: 15px;
         padding-right: 15px;
    }
}
 .demo-studient-visa {
     font-family: "Poppins", sans-serif;
     letter-spacing: -0.16px;
     color: #000000;
     font-weight: 400;
}
 .demo-travel-agency {
     background-color: #F0F2F6;
}
 .citizenship_residency {
     font-weight: 400;
     letter-spacing: -0.1px;
     color: #000000;
}
 .citizenship_residency h1, .citizenship_residency h2, .citizenship_residency h3, .citizenship_residency h4, .citizenship_residency h5, .citizenship_residency h6 {
     letter-spacing: -0.03em;
     color: var(--color-heading-two);
}
 .work-visa {
     font-weight: 400;
     letter-spacing: -0.01px;
     color: var(--color-default-3);
}
 .work-visa h1, .work-visa h2, .work-visa h3, .work-visa h4, .work-visa h5, .work-visa h6 {
     letter-spacing: -0.03em;
     color: var(--color-heading-three);
}
 .gradient-bg {
     background-image: linear-gradient(90deg, var(--gradient-color-from) 0%, var(--gradient-color-to) 100%);
     background-image: -moz-linear-gradient(90deg, var(--gradient-color-from) 0%, var(--gradient-color-to) 100%);
     background-image: -ms-linear-gradient(90deg, var(--gradient-color-from) 0%, var(--gradient-color-to) 100%);
     background-image: -o-linear-gradient(90deg, var(--gradient-color-from) 0%, var(--gradient-color-to) 100%);
     background-image: -webkit-linear-gradient(90deg, var(--gradient-color-from) 0%, var(--gradient-color-to) 100%);
}
 .tagcloud, .tags-links {
     display: -ms-flexbox;
     display: flex;
     -ms-flex-wrap: wrap;
     flex-wrap: wrap;
     align-items: center;
     margin: -10px;
}
 .tagcloud a, .tags-links a {
     display: block;
     color: #787B84;
     border: 1px solid #EDF3F5;
     min-height: 36px;
     display: -ms-flexbox;
     display: flex;
     -ms-flex-wrap: wrap;
     flex-wrap: wrap;
     justify-content: center;
     align-items: center;
     font-size: 14px;
     text-transform: capitalize;
     text-decoration: none;
     font-weight: 500;
     padding: 2px 17px 5px;
     margin: 7px;
     position: relative;
     border-radius: 3px;
     -webkit-border-radius: 3px;
     -moz-border-radius: 3px;
     -ms-border-radius: 3px;
     -o-border-radius: 3px;
}
 .tagcloud a:hover, .tags-links a:hover {
     color: var(--color-white);
     background-color: var(--color-primary);
     border-color: var(--color-primary);
}
 .body-overlay {
     background-color: #000000;
     height: 100%;
     width: 100%;
     position: fixed;
     top: 0;
     z-index: 1010;
     left: 0;
     opacity: 0;
     visibility: hidden;
     transition: all 0.3s linear 0s;
     transition: all 600ms ease;
     -webkit-transition: all 600ms ease;
     -moz-transition: all 600ms ease;
     -ms-transition: all 600ms ease;
     -o-transition: all 600ms ease;
}
 .body-overlay.active {
     opacity: .5;
     visibility: visible;
}
 .post-tags li {
     font-size: 15px;
     text-transform: capitalize;
     position: relative;
}
 .post-tags li:not(:first-child, :last-child) {
     margin-right: 11px;
     padding-right: 15px;
}
 .post-tags li:not(:first-child, :last-child)::before {
     position: absolute;
     top: 50%;
     right: 0;
     -webkit-transform: translateY(-50%);
     -ms-transform: translateY(-50%);
     transform: translateY(-50%);
     width: 5px;
     height: 5px;
     background-color: var(--color-primary);
     border-radius: 50%;
     -webkit-border-radius: 50%;
     -moz-border-radius: 50%;
     -ms-border-radius: 50%;
     -o-border-radius: 50%;
     content: "";
}
 .post-tags li span {
     display: inline-block;
     background-color: var(--color-primary);
     padding: 0px 10px;
     line-height: 25px;
     color: var(--color-white);
     border-radius: 3px;
     -webkit-border-radius: 3px;
     -moz-border-radius: 3px;
     -ms-border-radius: 3px;
     -o-border-radius: 3px;
     margin-right: 12px;
}
 .post-tags li a {
     color: var(--color-black);
}
 .post-tags li a:hover {
     color: var(--color-black);
}
 .mfp-zoom-in .mfp-content {
     opacity: 0;
     -webkit-transition: all 0.4s ease;
     transition: all 0.4s ease;
     -webkit-transform: scale(0.9);
     -ms-transform: scale(0.9);
     transform: scale(0.9);
}
 .mfp-zoom-in.mfp-ready .mfp-content {
     opacity: 1;
     -webkit-transform: scale(1);
     -ms-transform: scale(1);
     transform: scale(1);
}
 body .mfp-wrap .mfp-container .mfp-content .mfp-close {
     padding: 0;
     right: 0;
     text-align: center;
     top: -36px;
     width: 36px;
     height: 36px;
     -webkit-border-radius: 0;
     -khtml-border-radius: 0;
     -moz-border-radius: 0;
     -ms-border-radius: 0;
     -o-border-radius: 0;
     border-radius: 0;
     background: var(--color-white);
     cursor: pointer;
     opacity: 1;
     font-size: 0;
     border: 9px solid transparent;
     position: absolute;
}
 body .mfp-wrap .mfp-container .mfp-content .mfp-figure .mfp-close {
     top: 4px;
}
 body .mfp-wrap .mfp-container .mfp-content .mfp-close::before, body .mfp-wrap .mfp-container .mfp-content .mfp-close::after {
     content: '';
     position: absolute;
     height: 2px;
     width: 100%;
     top: 50%;
     left: 0;
     margin-top: -1px;
     transform-origin: 50% 50%;
     -webkit-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
     -khtml-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
     -moz-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
     -ms-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
     -o-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
     transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
     background-color: #222;
}
 body .mfp-wrap .mfp-container .mfp-content .mfp-close::before {
     -webkit-transform: rotate(45deg);
     -khtml-transform: rotate(45deg);
     -moz-transform: rotate(45deg);
     -ms-transform: rotate(45deg);
     -o-transform: rotate(45deg);
     transform: rotate(45deg);
}
 body .mfp-wrap .mfp-container .mfp-content .mfp-close::after {
     -webkit-transform: rotate(-45deg);
     -khtml-transform: rotate(-45deg);
     -moz-transform: rotate(-45deg);
     -ms-transform: rotate(-45deg);
     -o-transform: rotate(-45deg);
     transform: rotate(-45deg);
}
 body .mfp-wrap .mfp-container .mfp-content .mfp-close:hover::before, body .mfp-wrap .mfp-container .mfp-content .mfp-close:hover::after {
     -webkit-transform: rotate(0);
     -khtml-transform: rotate(0);
     -moz-transform: rotate(0);
     -ms-transform: rotate(0);
     -o-transform: rotate(0);
     transform: rotate(0);
}
 body .mfp-wrap .mfp-container .mfp-content .mfp-close:hover::before, body .mfp-wrap .mfp-container .mfp-content .mfp-close:hover::after {
     -webkit-transform: rotate(0);
     -khtml-transform: rotate(0);
     -moz-transform: rotate(0);
     -ms-transform: rotate(0);
     -o-transform: rotate(0);
     transform: rotate(0);
}
 .mfp-iframe-holder .mfp-content {
     max-width: 1170px;
}
 .xb-carousel-inner {
     margin: -30px;
}
 .xb-swiper-sliders {
     position: relative;
}
 .xb-swiper-container {
     overflow: hidden;
     padding: 30px;
}
 .xb-swiper-wrapper {
     position: relative;
     width: 100%;
     height: 100%;
     z-index: 1;
     display: flex;
     -webkit-transition-property: -webkit-transform;
     transition-property: -webkit-transform;
     -o-transition-property: transform;
     transition-property: transform;
     transition-property: transform,-webkit-transform;
     -webkit-box-sizing: content-box;
     box-sizing: content-box;
}
 .xb-swiper-slide:not(.swiper-slide-visible) {
     opacity: 0;
}
 .xb-swiper-slide {
     -webkit-transition: opacity 0.25s cubic-bezier(0.71, 0.02, 0.31, 1);
     -khtml-transition: opacity 0.25s cubic-bezier(0.71, 0.02, 0.31, 1);
     -moz-transition: opacity 0.25s cubic-bezier(0.71, 0.02, 0.31, 1);
     -ms-transition: opacity 0.25s cubic-bezier(0.71, 0.02, 0.31, 1);
     -o-transition: opacity 0.25s cubic-bezier(0.71, 0.02, 0.31, 1);
     transition: opacity 0.25s cubic-bezier(0.71, 0.02, 0.31, 1);
     transform: translateZ(0);
     -webkit-backface-visibility: hidden;
     backface-visibility: hidden;
     display: flex;
     align-items: center;
     -ms-flex-negative: 0;
     flex-shrink: 0;
     width: 100%;
     height: 100%;
     position: relative;
}
 .border-bottom {
     border-bottom: 1px solid #F3F3F3;
}
 .z-index-2 {
     z-index: 2;
     position: relative;
}
 .xb-overlay {
     display: flex;
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
}
 .xb-overlay-link {
     z-index: 1;
}
 .text-12 {
     font-size: 12px;
}
 .letter-spacing-0 {
     letter-spacing: 0;
}
 @media (max-width: 991px) {
     .margin-none-md {
         margin-bottom: 0;
    }
}
 @media (max-width: 767px) {
     .mb-30-xs {
         margin-bottom: 30px;
    }
}
 .sidebar-widget .widget {
     background-color: #EDF3F5;
     padding: 30px 40px;
     border-radius: 20px;
     -webkit-border-radius: 20px;
     -moz-border-radius: 20px;
     -ms-border-radius: 20px;
     -o-border-radius: 20px;
     margin-bottom: 50px;
}
 @media (max-width: 767px) {
     .sidebar-widget .widget {
         padding: 30px 20px;
    }
}
 .sidebar-widget .widget h3 {
     font-size: 24px;
     color: #0F172A;
     margin-bottom: 25px;
}
 .sidebar-widget .widget-category li:not(:last-child) {
     margin-bottom: 10px;
}
 .sidebar-widget .widget-category li a {
     display: flex;
     align-items: center;
     justify-content: space-between;
     font-size: 18px;
     color: #000000;
     background-color: var(--color-white);
     padding: 17px 20px;
     border-radius: 10px;
}
.sidebar-widget .widget-category li.active > a,
.sidebar-widget .widget-category li:hover > a {
    background-color: #00003c;
    color: #fff;
}
 .sidebar-widget .widget-category li a span {
     width: 30px;
     height: 30px;
     background-color: var(--color-primary);
     border: 1px solid #EDF3F5;
     display: inline-block;
     display: flex;
     align-items: center;
     justify-content: center;
     border-radius: 50%;
     -webkit-border-radius: 50%;
     -moz-border-radius: 50%;
     -ms-border-radius: 50%;
     -o-border-radius: 50%;
}
 .sidebar-widget .widget-category.country-widget li a span {
     background: none;
     width: 34px;
     height: 34px;
     border: 0;
}
 .sidebar-widget .widget-category.country-widget li a span.plus {
     background-color: #EDF3F5;
     color: #0F172A;
     font-size: 14px;
}
 .sidebar-widget .widget-download {
     margin: 0 -10px;
}
 .sidebar-widget .widget-download li {
     width: 50%;
     padding: 0 10px;
}
 .sidebar-widget .widget-download li a {
     background-color: var(--color-white);
     display: inline-block;
     text-align: center;
     padding: 20px 10px;
     padding-bottom: 20px;
     padding-bottom: 0;
     width: 100%;
     border-radius: 10px;
     -webkit-border-radius: 10px;
     -moz-border-radius: 10px;
     -ms-border-radius: 10px;
     -o-border-radius: 10px;
}
 .sidebar-widget .widget-download .xb-item--icon {
     width: 50px;
     height: 50px;
     display: flex;
     align-items: center;
     justify-content: center;
     background-color: var(--color-primary);
     margin: 0 auto 15px;
     border-radius: 50%;
     -webkit-border-radius: 50%;
     -moz-border-radius: 50%;
     -ms-border-radius: 50%;
     -o-border-radius: 50%;
}
 .sidebar-widget .widget-download .xb-item--title {
     font-size: 18px;
     line-height: 22px;
     letter-spacing: -0.16px;
     margin-bottom: 15px;
}
 .sidebar-widget .widget-download .xb-item--size {
     color: #787B84;
     font-family: "Poppins", sans-serif;
     font-size: 14px;
     font-weight: 500;
     line-height: 22px;
     letter-spacing: -0.14px;
     border-top: 1px solid #EDF3F5;
     margin: 0 -10px;
     padding: 4px;
}
 .widget-banner.widget {
     padding: 50px 40px;
}
 .widget-banner h4 {
     font-size: 28px;
     line-height: 40px;
     margin-bottom: 40px;
}
 .single-content h3 {
     font-weight: 700;
     margin-bottom: 25px;
     font-size: 32px;
}
 .single-content h4 {
     font-size: 24px;
    margin-bottom: 10px;
    letter-spacing: -0.72px;
    margin-top: 20px;
}
 .single-content p {
     font-size: 18px;
     line-height: 28px;
     color: #000000;
     margin-bottom: 10px;
     letter-spacing: -0.2px;
}
 .single-content__feature {
     margin: 0 -15px;
     margin-bottom: 50px;
}
 .single-content-feature {
     width: 50%;
}
 @media (max-width: 767px) {
     .single-content-feature {
         width: 100%;
    }
}
 .single-content-feature .xb-item--inner {
     background-color: var(--color-white);
     border: 1px solid #EDF3F5;
     margin: 15px;
     border-radius: 10px;
     -webkit-border-radius: 10px;
     -moz-border-radius: 10px;
     -ms-border-radius: 10px;
     -o-border-radius: 10px;
     padding: 30px 25px;
     position: relative;
     -webkit-transition: 0.3s;
     -o-transition: 0.3s;
     transition: 0.3s;
}
 .single-content-feature .xb-item--inner.color-2::before {
     background-color: #1496F8;
}
 .single-content-feature .xb-item--inner.color-2 .xb-item--icon {
     background-color: rgba(20, 149, 248, 0.1);
}
 .single-content-feature .xb-item--inner.color-3::before {
     background-color: #00CC99;
}
 .single-content-feature .xb-item--inner.color-3 .xb-item--icon {
     background-color: rgba(0, 204, 153, 0.1);
}
 .single-content-feature .xb-item--inner.color-4::before {
     background-color: #FFBD0F;
}
 .single-content-feature .xb-item--inner.color-4 .xb-item--icon {
     background-color: rgba(255, 187, 15, 0.1);
}
 .single-content-feature .xb-item--inner::before {
     position: absolute;
     top: 50%;
     left: 0;
     width: 4px;
     height: 47px;
     background-color: #FE6C3F;
     -webkit-transform: translateY(-50%);
     -ms-transform: translateY(-50%);
     transform: translateY(-50%);
     content: "";
}
 .single-content-feature .xb-item--inner:hover {
     box-shadow: 0px 21px 32px rgba(206, 220, 227, 0.23);
}
 .single-content-feature .xb-item--icon {
     width: 47px;
     height: 47px;
     border-radius: 50%;
     -webkit-border-radius: 50%;
     -moz-border-radius: 50%;
     -ms-border-radius: 50%;
     -o-border-radius: 50%;
     background-color: rgba(254, 108, 63, 0.1);
     display: flex;
     align-items: center;
     justify-content: center;
     margin-right: 15px;
}
 .single-content-feature .xb-item--title {
     font-size: 20px;
     font-weight: 600;
     line-height: 30px;
     letter-spacing: -0.6px;
     margin-bottom: 0;
}
 @media (max-width: 991px) {
     .single-content-list {
         padding-left: 0;
    }
}
 .single-content-list li {
     font-size: 18px;
     line-height: 28px;
     letter-spacing: -0.2px;
     font-family: "Poppins", sans-serif;
     /*display: flex;*/
     /*align-items: center;*/
}
.single-content-list li span{
     font-size: 18px;
     line-height: 28px;
     letter-spacing: -0.2px;
     font-family: "Poppins", sans-serif;
     /*display: flex;*/
     /*align-items: center;*/
     font-weight: 700;
}
 .single-content-list li:not(:last-child) {
     margin-bottom: 17px;
}
 .single-content-list li img {
     margin-right: 10px;
}
 .z-1 {
     z-index: 1;
}
 .xb-strock-text {
     font-size: 303px;
     font-weight: 700;
     letter-spacing: -9.09px;
     font-family: "Poppins", sans-serif;
     color: rgba(0, 0, 0, 0.02);
     z-index: -1;
     left: 0;
     right: 0;
     width: auto;
     text-align: center;
     position: absolute;
     bottom: 2%;
}
 @media (max-width: 1199px) {
     .xb-strock-text {
         font-size: 160px;
    }
}
 @media (max-width: 767px) {
     .xb-strock-text {
         font-size: 40px;
         letter-spacing: -2px;
    }
}
 .xb-star-rating {
     padding: 0;
     margin: 0;
     list-style: none;
     line-height: 0;
}
 .xb-star-rating li {
     display: inline-flex;
     font-size: 12px;
     line-height: 1.5em;
     color: #ffcc00;
     margin: 0;
}
 .clr-white {
     color: var(--color-white) !important;
}
 .clr-sky {
     color: #9ad2ff !important;
}
 .o-hidden {
     overflow: hidden;
}
/*----------------------------------------*/
/* 04. hero 
/*----------------------------------------*/
 .hero__style-one {
     min-height: 755px;
     display: flex;
     align-items: center;
     overflow: hidden;
}
 @media only screen and (min-width: 1200px) and (max-width: 1500px) {
     .hero__style-one {
         min-height: 700px;
    }
}
 @media (max-width: 1199px) {
     .hero__style-one {
         min-height: 670px;
    }
}
 .hero__content h1 {
     font-size: 45px;
     font-weight: 700;
     line-height: 1.2;
     margin-bottom: 23px;
}
 @media (max-width: 1199px) {
     .hero__content h1 {
         font-size: 60px;
         margin-top: 100px;
    }
}
 @media (max-width: 767px) {
     .hero__content h1 {
         font-size: 40px;
         margin-top: 100px;
    }
}
 .hero__content h1 span {
     color: var(--color-default);
}
 .hero__content p {
     font-size: 20px;
}
 .hero__style-two {
     min-height: 746px;
     display: flex;
     align-items: end;
     position: relative;
     overflow: hidden;
}
 @media (max-width: 1199px) {
     .hero__style-two {
         min-height: 650px;
    }
}
 @media (max-width: 767px) {
     .hero__style-two {
         min-height: 500px;
    }
}
 .hero__style-two::before {
     position: absolute;
     left: 0;
     content: "";
     top: 0;
     width: 100%;
     height: 100%;
     height: 55%;
     bottom: 0;
     top: auto;
     z-index: 2;
     -webkit-transform: rotate(-180deg);
     -ms-transform: rotate(-180deg);
     transform: rotate(-180deg);
     background: linear-gradient(180deg, #010101 0%, rgba(0, 0, 0, 0) 100%);
}
 .hero__style-three {
     min-height: 928px;
     display: flex;
     align-items: center;
     z-index: 1;
}
 @media (max-width: 991px) {
     .hero__style-three {
         min-height: 750px;
         padding-top: 100px;
    }
}
 @media (max-width: 767px) {
     .hero__style-three {
         min-height: 700px;
         padding-top: 60px;
    }
}
 .xb-hero-content {
     margin-left: 30px;
}
 @media (max-width: 1199px) {
     .xb-hero-content {
         margin-left: 0;
    }
}
 .xb-hero-content .xb-hero--img {
     z-index: 1;
     position: relative;
     -webkit-transition: 0.6s cubic-bezier(0.67, 0.04, 0.3, 0.91);
     -o-transition: 0.6s cubic-bezier(0.67, 0.04, 0.3, 0.91);
     transition: 0.6s cubic-bezier(0.67, 0.04, 0.3, 0.91);
     opacity: 0;
     -webkit-transform: translateY(50px);
     -ms-transform: translateY(50px);
     transform: translateY(50px);
}
 @media (max-width: 1199px) {
     .xb-hero-content .xb-hero--img {
         max-width: 700px;
         margin: auto;
    }
}
 .xb-hero-content .xb-hero--holder {
     position: absolute;
     bottom: 120px;
     left: 0;
     right: 0;
     margin: 0 auto;
}
 .xb-hero-content .xb-hero--holder h1 {
     font-size: 100px;
     color: #fff;
     text-shadow: 1px 7px 0px #000;
     font-weight: 800;
     text-transform: uppercase;
     line-height: 1;
     letter-spacing: -3px;
}
 @media (max-width: 1199px) {
     .xb-hero-content .xb-hero--holder h1 {
         font-size: 80px;
    }
}
 @media (max-width: 991px) {
     .xb-hero-content .xb-hero--holder h1 {
         font-size: 60px;
         letter-spacing: 0;
    }
}
 @media (max-width: 767px) {
     .xb-hero-content .xb-hero--holder h1 {
         font-size: 35px;
    }
}
 .xb-hero-content .xb-hero--subtitle {
     font-size: 14px;
     text-transform: uppercase;
     font-weight: 700;
     line-height: 22px;
     letter-spacing: 6.72px;
     display: inline-block;
     color: var(--color-white);
     z-index: 1;
     position: relative;
     margin-bottom: 108px;
     display: flex;
     align-items: center;
     justify-content: center;
     -webkit-transform: translateX(-32px);
     -ms-transform: translateX(-32px);
     transform: translateX(-32px);
}
 @media (max-width: 1199px) {
     .xb-hero-content .xb-hero--subtitle {
         -webkit-transform: translateX(0);
         -ms-transform: translateX(0);
         transform: translateX(0);
    }
}
 @media (max-width: 767px) {
     .xb-hero-content .xb-hero--subtitle {
         margin-bottom: 40px;
    }
}
 .xb-hero-content .xb-hero--subtitle span {
     -webkit-transition: 0.7s cubic-bezier(0.67, 0.04, 0.3, 0.91);
     -o-transition: 0.7s cubic-bezier(0.67, 0.04, 0.3, 0.91);
     transition: 0.7s cubic-bezier(0.67, 0.04, 0.3, 0.91);
     opacity: 0;
     -webkit-transform: translateY(30px);
     -ms-transform: translateY(30px);
     transform: translateY(30px);
}
 .xb-hero-content .xb-hero--subtitle img:first-child {
     margin-right: 15px;
}
 .xb-hero-content .xb-hero--subtitle img:last-child {
     margin-left: 15px;
}
 .xb-hero-content .xb-hero--title {
     margin-bottom: 25px;
}
 .xb-hero-content .xb-hero--title span {
     display: inline-block;
}
 .xb-hero-content .xb-hero--title > span {
     -webkit-transition: 0.8s cubic-bezier(0.67, 0.04, 0.3, 0.91);
     -o-transition: 0.8s cubic-bezier(0.67, 0.04, 0.3, 0.91);
     transition: 0.8s cubic-bezier(0.67, 0.04, 0.3, 0.91);
     opacity: 0;
}
 .xb-hero-content .xb-hero--title > span:first-child {
     -webkit-transform: translateX(-40px);
     -ms-transform: translateX(-40px);
     transform: translateX(-40px);
}
 .xb-hero-content .xb-hero--title > span:last-child {
     -webkit-transform: translateX(40px);
     -ms-transform: translateX(40px);
     transform: translateX(40px);
}
 .xb-hero-content .xb-hero--title > span:first-child {
     margin-right: 185px;
}
 @media (max-width: 991px) {
     .xb-hero-content .xb-hero--title > span:first-child {
         margin-right: 155px;
    }
}
 @media (max-width: 767px) {
     .xb-hero-content .xb-hero--title > span:first-child {
         margin-right: 5px;
    }
}
 @media only screen and (min-width: 576px) and (max-width: 767px) {
     .xb-hero-content .xb-hero--title > span:first-child {
         margin-right: 100px;
    }
}
 .xb-hero-content .xb-hero--title2 {
     z-index: 5;
     position: relative;
     margin-bottom: 85px;
     -webkit-transition: 0.6s cubic-bezier(0.67, 0.04, 0.3, 0.91);
     -o-transition: 0.6s cubic-bezier(0.67, 0.04, 0.3, 0.91);
     transition: 0.6s cubic-bezier(0.67, 0.04, 0.3, 0.91);
     opacity: 0;
     -webkit-transform: translateY(30px);
     -ms-transform: translateY(30px);
     transform: translateY(30px);
}
 @media (max-width: 1199px) {
     .xb-hero-content .xb-hero--title2 {
         margin-bottom: 60px;
    }
}
 @media (max-width: 1199px) {
     .xb-hero-content .xb-hero--title2 {
         -webkit-transform: translateX(0);
         -ms-transform: translateX(0);
         transform: translateX(0);
    }
}
 .xb-hero-content .xb-hero--btn {
     z-index: 5;
     position: relative;
     -webkit-transition: 0.6s cubic-bezier(0.67, 0.04, 0.3, 0.91);
     -o-transition: 0.6s cubic-bezier(0.67, 0.04, 0.3, 0.91);
     transition: 0.6s cubic-bezier(0.67, 0.04, 0.3, 0.91);
     opacity: 0;
     -webkit-transform: translateY(30px);
     -ms-transform: translateY(30px);
     transform: translateY(30px);
}
 .xb-hero-content .xb-hero--btn a {
     -webkit-transform: translateX(-30px);
     -ms-transform: translateX(-30px);
     transform: translateX(-30px);
}
 @media (max-width: 1199px) {
     .xb-hero-content .xb-hero--btn a {
         -webkit-transform: translateX(0);
         -ms-transform: translateX(0);
         transform: translateX(0);
    }
}
 .xb-hero-content.wow.animated .xb-hero--title > span, .xb-hero-content.wow.animated .xb-hero--subtitle span, .xb-hero-content.wow.animated .xb-hero--title2, .xb-hero-content.wow.animated .xb-hero--btn, .xb-hero-content.wow.animated .xb-hero--img {
     opacity: 1;
     -webkit-transform: translateX(0);
     -ms-transform: translateX(0);
     transform: translateX(0);
}
 .xb-hero-content.wow.animated .xb-hero--subtitle span {
     transition-delay: .2s;
}
 .xb-hero-content.wow.animated .xb-hero--title > span {
     transition-delay: .4s;
}
 .xb-hero-content.wow.animated .xb-hero--title2 {
     transition-delay: .7s;
}
 .xb-hero-content.wow.animated .xb-hero--btn {
     transition-delay: .8s;
}
 .xb-list li {
     font-size: 18px;
     /*font-weight: 500;*/
     color: var(--color-dark);
}
 .xb-list li:not(:last-child) {
     margin-bottom: 11px;
}
 .xb-list li i {
     color: var(--color-default);
     margin-right: 20px;
}
 .xb-hero-content2 .xb-item--holder span {
     font-size: 20px;
     font-family: "Poppins", sans-serif;
     font-weight: 700;
     color: #0F172A;
     display: inline-block;
     margin-bottom: 15px;
}
 .xb-hero-content2 .xb-item--holder p {
     font-size: 20px;
     font-weight: 500;
     line-height: 30px;
     margin-bottom: 42px;
}
 .xb-hero-content2 .xb-item--title {
     font-size: 70px;
     font-weight: 700;
     line-height: 87px;
     margin-bottom: 24px;
}
 @media (max-width: 767px) {
     .xb-hero-content2 .xb-item--title {
         font-size: 40px;
         line-height: 50px;
    }
}
 .xb-hero-content2 .xb-item--btn .thm-btn--white {
     filter: drop-shadow(0px 16px 80px rgba(167, 167, 167, 0.25));
}
 .xb-hero-strock-text {
     position: absolute;
     bottom: 26%;
     left: 12%;
     font-size: 303px;
     font-weight: 700;
     letter-spacing: -9.09px;
     text-transform: lowercase;
     font-family: "Poppins", sans-serif;
     color: rgba(0, 0, 0, 0.02);
     transform: rotate(-21.406deg);
     z-index: -1;
     margin-right: -10%;
}
 .xb-hero-shape {
     position: absolute;
     top: 36%;
     left: 0;
     z-index: -1;
}
 @media only screen and (min-width: 1200px) and (max-width: 1500px) {
     .xb-hero-shape {
         display: none;
    }
}
 @media (max-width: 1199px) {
     .xb-hero-shape {
         display: none;
    }
}
/*----------------------------------------*/
/* 05. brand 
/*----------------------------------------*/
 .brand-slider .xb-swiper-slide a {
     display: inline-block;
     padding: 25px 27px;
     width: 100%;
     position: relative;
     z-index: 1;
     min-height: 80px;
     opacity: 1;
     display: flex;
     align-items: center;
     justify-content: center;
}
 .brand-slider .xb-swiper-slide a::before {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     background-color: var(--color-white);
     content: "";
     box-shadow: 0px 14px 19px 0px rgba(221, 229, 236, 0.42);
     opacity: 1;
     -webkit-transition: 0.3s;
     -o-transition: 0.3s;
     transition: 0.3s;
     z-index: -1;
     border-radius: 10px;
     -webkit-border-radius: 10px;
     -moz-border-radius: 10px;
     -ms-border-radius: 10px;
     -o-border-radius: 10px;
     -webkit-transform: scale(0.8);
     -ms-transform: scale(0.8);
     transform: scale(0.8);
}
 .brand-slider .xb-swiper-slide a:hover {
     opacity: 1;
}
 .brand-slider .xb-swiper-slide a:hover::before {
     -webkit-transform: scale(1);
     -ms-transform: scale(1);
     transform: scale(1);
     opacity: 1;
}
 .brand-title {
     font-size: 18px;
     color: var(--color-default);
     letter-spacing: -0.18px;
}
 .brand-title > span {
     padding: 0 100px;
     position: relative;
     display: inline-block;
}
 @media (max-width: 767px) {
     .brand-title > span {
         padding: 0;
    }
}
 .brand-title > span::before {
     position: absolute;
     top: 60%;
     -webkit-transform: translateY(-50%);
     -ms-transform: translateY(-50%);
     transform: translateY(-50%);
     width: 100%;
     height: 1px;
     background-color: var(--color-default);
     content: "";
     left: 0;
     z-index: -1;
}
 .brand-title > span span {
     padding: 0 10px;
     background-color: var(--color-white);
}
 .xb-brand1 .xb-item--item {
     width: 25%;
     display: flex;
     align-items: center;
     justify-content: center;
     padding: 53px 20px;
     border-top: 1px dashed #D4D5D6;
     border-right: 1px dashed #D4D5D6;
     position: relative;
     min-height: 152px;
     margin-top: -1px;
}
 @media (max-width: 991px) {
     .xb-brand1 .xb-item--item {
         min-height: 100px;
         padding: 25px 20px;
    }
}
 @media (max-width: 767px) {
     .xb-brand1 .xb-item--item {
         width: 50%;
    }
}
 .xb-brand1 .xb-item--item:nth-child(1), .xb-brand1 .xb-item--item:nth-child(2), .xb-brand1 .xb-item--item:nth-child(3), .xb-brand1 .xb-item--item:nth-child(4) {
     border-top: 0;
}
 .xb-brand1 .xb-item--item:nth-child(4), .xb-brand1 .xb-item--item:nth-child(8) {
     border-right: 0;
}
 .xb-brand1 .xb-item--item::before {
     position: absolute;
     left: 0;
     content: "";
     top: 0;
     width: 100%;
     height: 100%;
     background-color: var(--color-white);
     -webkit-transition: 0.3s cubic-bezier(0.67, 0.04, 0.3, 0.91);
     -o-transition: 0.3s cubic-bezier(0.67, 0.04, 0.3, 0.91);
     transition: 0.3s cubic-bezier(0.67, 0.04, 0.3, 0.91);
}
 .xb-brand1 .xb-item--item:hover::before {
     border-radius: 76px 0;
     -webkit-border-radius: 76px 0;
     -moz-border-radius: 76px 0;
     -ms-border-radius: 76px 0;
     -o-border-radius: 76px 0;
}
 .xb-brand1 .xb-item--item::after {
     position: absolute;
     content: "\f067";
     font-family: "Font Awesome 5 Pro";
     font-weight: 400;
     right: -4px;
     bottom: -14px;
     font-size: 12px;
     z-index: 2;
     background: var(--color-gradient);
     background-clip: text;
     -webkit-background-clip: text;
     -webkit-text-fill-color: transparent;
     opacity: 0;
}
 .xb-brand1 .xb-item--item:nth-child(1)::after, .xb-brand1 .xb-item--item:nth-child(2)::after, .xb-brand1 .xb-item--item:nth-child(3)::after {
     opacity: 1;
}
 @media (max-width: 767px) {
     .xb-brand1 .xb-item--item:nth-child(2)::after {
         opacity: 0;
    }
}
 @media (max-width: 767px) {
     .xb-brand1 .xb-item--item:nth-child(5)::after {
         opacity: 1;
    }
}
 .xb-brand1 .xb-item--inner {
     display: flex;
     align-items: center;
     justify-content: center;
     z-index: 1;
}
 .xb-brand1 .xb-item--inner img {
     max-width: 180px;
}
 @media (max-width: 1199px) {
     .xb-brand1 .xb-item--inner img {
         max-width: 150px;
    }
}
 @media (max-width: 991px) {
     .xb-brand1 .xb-item--inner img {
         max-width: 100px;
    }
}
 .brand-shape .shape {
     position: absolute;
     z-index: -1;
}
 .brand-shape .shape--1 {
     top: 42%;
     left: 4%;
}
 .brand-shape .shape--2 {
     top: 45%;
     right: 4%;
}
 .xb-brand2 .xb-item--inner {
     padding: 35px 15px;
     background-color: var(--color-white);
     display: flex;
     align-items: center;
     justify-content: center;
     filter: drop-shadow(0px 14px 19px rgba(221, 229, 236, 0.42));
     border-radius: 20px;
     -webkit-border-radius: 20px;
     -moz-border-radius: 20px;
     -ms-border-radius: 20px;
     -o-border-radius: 20px;
     -webkit-transition: 0.3s var(--easing);
     -o-transition: 0.3s var(--easing);
     transition: 0.3s var(--easing);
     min-height: 150px;
}
 .xb-brand2 .xb-item--inner:hover {
     -webkit-transform: translateY(-5px);
     -ms-transform: translateY(-5px);
     transform: translateY(-5px);
}
 .xb-brand2__mt {
     margin-top: -170px;
     z-index: 1;
     position: relative;
}
 .brand-pb {
     padding-bottom: 260px;
}
 .xb-strock-text-brand {
     bottom: 30%;
     z-index: -1;
     left: -10%;
     right: -10%;
}
 @media (max-width: 767px) {
     .xb-strock-text-brand {
         bottom: 58%;
    }
}
/*----------------------------------------*/
/* 06. service 
/*----------------------------------------*/
 .xb-service:hover .xb-item--inner {
     box-shadow: 0px 14px 19px 0px rgba(221, 229, 236, 0.42);
     border-color: transparent;
}
 .xb-service .xb-item--inner {
     padding: 42px;
     border: 1px solid #EDF3F5;
     border-radius: 20px;
     -webkit-border-radius: 20px;
     -moz-border-radius: 20px;
     -ms-border-radius: 20px;
     -o-border-radius: 20px;
     background-color: var(--color-white);
     -webkit-transition: 0.3s;
     -o-transition: 0.3s;
     transition: 0.3s;
     overflow: hidden;
     position: relative;
     z-index: 1;
}
 .xb-service .xb-item--inner::before {
     position: absolute;
     width: 70px;
     height: 160px;
     border-radius: 35px;
     -webkit-border-radius: 35px;
     -moz-border-radius: 35px;
     -ms-border-radius: 35px;
     -o-border-radius: 35px;
     background-color: #F4F8FA;
     content: "";
     top: -39px;
     left: 5px;
     z-index: -1;
     -webkit-transform: rotate(-45deg);
     -ms-transform: rotate(-45deg);
     transform: rotate(-45deg);
}
 .xb-service .xb-item--icon {
     width: 58px;
     height: 58px;
     background-color: #FE6C3F;
     display: flex;
     align-items: center;
     justify-content: center;
     border-radius: 50%;
     -webkit-border-radius: 50%;
     -moz-border-radius: 50%;
     -ms-border-radius: 50%;
     -o-border-radius: 50%;
     box-shadow: 0px 4px 7px rgba(178, 190, 205, 0.29);
}
 .xb-service .xb-item--icon.color2 {
     background-color: #897CB5;
}
 .xb-service .xb-item--icon.color3 {
     background-color: #00CC99;
}
 .xb-service .xb-item--icon.color4 {
     background-color: #0091FF;
}
 .xb-service .xb-item--icon.color5 {
     background-color: #FFBD0F;
}
 .xb-service .xb-item--icon.color6 {
     background-color: #FB3F7E;
}
 .xb-service .xb-item--title {
     font-size: 24px;
}
 .xb-service .xb-item--title a {
     color: currentColor;
}
 .xb-service__top {
     align-items: end;
     padding: 0 45px;
}
 @media (max-width: 991px) {
     .xb-service__top {
         padding: 0;
    }
}
 .xb-service2 {
     width: 25%;
}
 @media (max-width: 1199px) {
     .xb-service2 {
         width: 33.333%;
    }
}
 @media (max-width: 991px) {
     .xb-service2 {
         width: 50%;
    }
}
 @media (max-width: 767px) {
     .xb-service2 {
         width: 100%;
    }
}
 .xb-service2:nth-child(1) .xb-item--inner, .xb-service2:nth-child(2) .xb-item--inner, .xb-service2:nth-child(3) .xb-item--inner, .xb-service2:nth-child(4) .xb-item--inner {
     border-top: 0;
}
 .xb-service2:nth-child(4) .xb-item--inner, .xb-service2:nth-child(8) .xb-item--inner {
     border-right: 0;
}
 @media (max-width: 991px) {
     .xb-service2:nth-child(3) .xb-item--inner, .xb-service2:nth-child(4) .xb-item--inner {
         border-top: 1px solid #1D1D1D;
    }
}
 @media (max-width: 991px) {
     .xb-service2:nth-child(2) .xb-item--inner, .xb-service2:nth-child(6) .xb-item--inner {
         border-right: 0;
    }
}
 .xb-service2 .xb-item--inner {
     padding: 45px;
     border-right: 1px solid #1D1D1D;
     border-top: 1px solid #1D1D1D;
     -webkit-transition: 0.3s;
     -o-transition: 0.3s;
     transition: 0.3s;
     position: relative;
}
 @media only screen and (min-width: 1200px) and (max-width: 1500px) {
     .xb-service2 .xb-item--inner {
         padding: 40px 30px;
    }
}
 .xb-service2 .xb-item--inner:hover {
     background-color: #121212;
}
 .xb-service2 .xb-item--inner:hover .xb-item--link::before {
     right: -25px;
}
 .xb-service2 .xb-item--icon {
     margin-bottom: 30px;
     min-height: 48px;
}
 .xb-service2 .xb-item--title {
     font-size: 24px;
     font-weight: 600;
     color: var(--color-white);
     margin-bottom: 20px;
}
 .xb-service2 .xb-item--title a {
     color: var(--color-white);
}
 .xb-service2 .xb-item--content {
     font-size: 14px;
     color: #fff;
     line-height: 24px;
     margin-bottom: 40px;
     letter-spacing: 0;
}
 .xb-service2 .xb-item--link {
     font-size: 12px;
     font-weight: 500;
     color: var(--color-white);
     text-transform: uppercase;
     position: relative;
}
 .xb-service2 .xb-item--link::before {
     position: absolute;
     top: 50%;
     right: -16px;
     -webkit-transform: translateY(-50%);
     -ms-transform: translateY(-50%);
     transform: translateY(-50%);
     border-top: 5px solid transparent;
     border-bottom: 5px solid transparent;
     border-left: 6px solid #fff;
     border-left-width: 9px;
     content: "";
     -webkit-transition: 0.3s cubic-bezier(0.67, 0.04, 0.3, 0.91);
     -o-transition: 0.3s cubic-bezier(0.67, 0.04, 0.3, 0.91);
     transition: 0.3s cubic-bezier(0.67, 0.04, 0.3, 0.91);
}
 .xb-service2 .xb-item--link-full {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
}
 .service-bg {
     position: absolute;
     top: 0;
     left: 0;
     max-height: 475px;
     width: 100%;
     height: 100%;
     z-index: -1;
     background-repeat: no-repeat;
     background-size: cover;
     background-position: center center;
     background-color: #EDF3F5;
}
 .service-img {
     position: absolute;
     top: 0;
     right: 0;
     width: 41.5%;
     max-height: 790px;
     height: 100%;
     border-radius: 20px;
     -webkit-border-radius: 20px;
     -moz-border-radius: 20px;
     -ms-border-radius: 20px;
     -o-border-radius: 20px;
}
 @media (max-width: 991px) {
     .service-img {
         display: none;
    }
}
 .service-wrap {
     margin: 0 -100px;
     padding: 0 100px;
}
 .service-bottom-pb {
     padding-bottom: 310px;
}
 .service-shape .shape {
     position: absolute;
}
 @media (max-width: 991px) {
     .service-shape .shape {
         display: none;
    }
}
 .service-shape .shape--1 {
     top: -2%;
     left: 4%;
}
 .service-shape .shape--2 {
     top: -2%;
     right: 4%;
}
 .service-shape .shape--3 {
     left: 3%;
     bottom: 24%;
}
 .service-shape .shape--4 {
     right: 2%;
     bottom: 25%;
}
/*----------------------------------------*/
/* 07. about 
/*----------------------------------------*/
 .about__img {
     position: absolute;
     top: 44%;
     -webkit-transform: translateY(-50%);
     -ms-transform: translateY(-50%);
     transform: translateY(-50%);
     z-index: -1;
     right: -13px;
}
 @media (max-width: 1199px) {
     .about__img {
         width: 46%;
    }
}
 .about__img.style2 {
     position: absolute;
     top: 50%;
     -webkit-transform: translateY(-50%);
     -ms-transform: translateY(-50%);
     transform: translateY(-50%);
     z-index: -1;
     right: 0;
     top: auto;
     bottom: 0;
     -webkit-transform: translate(0);
     -ms-transform: translate(0);
     transform: translate(0);
}
 .about-list {
     margin: -10px;
}
 .about-list li {
     padding: 10px;
     width: 50%;
}
 @media (max-width: 767px) {
     .about-list li {
         width: 100%;
    }
}
 .about-list .xb-item--inner {
     position: relative;
     padding: 40px 25px;
     overflow: hidden;
     z-index: 1;
     box-shadow: 0px 30px 45px rgba(122, 146, 168, 0.08);
     border: 1px solid #EDF3F5;
     background-color: var(--color-white);
     border-radius: 15px;
     -webkit-border-radius: 15px;
     -moz-border-radius: 15px;
     -ms-border-radius: 15px;
     -o-border-radius: 15px;
}
 .about-list .xb-item--inner::before {
     position: absolute;
     width: 45px;
     height: 105px;
     border-radius: 30px;
     -webkit-border-radius: 30px;
     -moz-border-radius: 30px;
     -ms-border-radius: 30px;
     -o-border-radius: 30px;
     background-color: #F4F8FA;
     content: "";
     top: -6px;
     left: 0px;
     z-index: -1;
     border-top-right-radius: 0;
     -webkit-transform: rotate(-45deg);
     -ms-transform: rotate(-45deg);
     transform: rotate(-45deg);
}
 .about-list .xb-item--number {
     width: 36px;
     height: 36px;
     margin-right: 29px;
     background-color: #FE6C3F;
     color: var(--color-dark);
     display: flex;
     align-items: center;
     justify-content: center;
     border-radius: 50%;
     -webkit-border-radius: 50%;
     -moz-border-radius: 50%;
     -ms-border-radius: 50%;
     -o-border-radius: 50%;
     position: absolute;
     top: 49px;
     left: 25px;
     font-weight: 700;
     box-shadow: 0px 4px 7px rgba(178, 190, 205, 0.29);
     color: var(--color-white);
}
 .about-list .xb-item--number.color-2 {
     background-color: #00CC99;
}
 .about-list .xb-item--number.color-3 {
     background-color: #0091FF;
}
 .about-list .xb-item--number.color-4 {
     background-color: #FFBD0F;
}
 .about-list .xb-item--holder {
     padding-left: 60px;
}
 .about-list .xb-item--title {
     font-size: 24px;
}
 .xb-about-img {
     margin-top: -80px;
     margin-right: -50px;
}
 @media (max-width: 1199px) {
     .xb-about-img {
         margin-top: -30px;
         margin-right: 0;
    }
}
 @media (max-width: 991px) {
     .xb-about-img {
         margin-top: 0;
    }
}
 .about-shape .shape {
     position: absolute;
     z-index: -1;
}
 .about-shape .shape--1 {
     left: 6%;
     top: 46%;
}
 @media only screen and (min-width: 1200px) and (max-width: 1500px) {
     .about-shape .shape--1 {
         left: 1%;
         top: 42%;
    }
}
 @media (max-width: 1199px) {
     .about-shape .shape--1 {
         display: none;
    }
}
 .about-shape .shape--2 {
     right: 7%;
     top: 42%;
}
 @media (max-width: 767px) {
     .about-shape .shape--2 {
         display: none;
    }
}
 .xb-about-content p {
     margin-bottom: 18px;
}
 .xb-about-content a {
     color: #110F10;
     font-weight: 500;
     letter-spacing: -0.32px;
}
 .xb-about-content a:hover i {
     -webkit-transform: translate(5px, 2px);
     -ms-transform: translate(5px, 2px);
     transform: translate(5px, 2px);
}
 .xb-about-content a i {
     margin-left: 15px;
     -webkit-transform: translateY(2px);
     -ms-transform: translateY(2px);
     transform: translateY(2px);
     -webkit-transition: 0.3s;
     -o-transition: 0.3s;
     transition: 0.3s;
}
 .xb-about2 .xb-item--img img {
     border: 5px solid #fff;
     border-radius: 10px;
     -webkit-border-radius: 10px;
     -moz-border-radius: 10px;
     -ms-border-radius: 10px;
     -o-border-radius: 10px;
     box-shadow: 0px 6px 13px 0px rgba(85, 96, 118, 0.08);
}
 @media (max-width: 1199px) {
     .xb-about2 .xb-item--main-img {
         max-width: 350px;
         margin: auto;
    }
}
 @media (max-width: 767px) {
     .xb-about2 .xb-item--main-img {
         max-width: 200px;
    }
}
 .xb-about2 .xb-item--sml-img1 {
     position: absolute;
     top: 60px;
     left: -50px;
     -webkit-transform: rotate(30deg);
     -ms-transform: rotate(30deg);
     transform: rotate(30deg);
     z-index: -1;
}
 @media (max-width: 767px) {
     .xb-about2 .xb-item--sml-img1 {
         max-width: 150px;
         left: 0;
         top: 0;
    }
}
 .xb-about2 .xb-item--sml-img2 {
     position: absolute;
     bottom: 60px;
     right: 0;
     -webkit-transform: rotate(-60deg);
     -ms-transform: rotate(-60deg);
     transform: rotate(-60deg);
}
 @media (max-width: 1199px) {
     .xb-about2 .xb-item--sml-img2 {
         right: 35px;
         max-width: 150px;
    }
}
 @media (max-width: 767px) {
     .xb-about2 .xb-item--sml-img2 {
         max-width: 120px;
         right: 0;
         bottom: 10px;
    }
}
 .xb-about-shape {
     position: absolute;
     top: 11%;
     left: 0;
     z-index: -2;
}
 @media only screen and (min-width: 1200px) and (max-width: 1500px) {
     .xb-about-shape {
         display: none;
    }
}
 @media (max-width: 1199px) {
     .xb-about-shape {
         display: none;
    }
}
 .xb-travel-about-content {
     padding-left: 88px;
}
 @media (max-width: 1199px) {
     .xb-travel-about-content {
         padding-left: 0;
    }
}
 .xb-about-list li {
     font-size: 18px;
     font-weight: 500;
     color: #787B84;
}
 .xb-about-list li:not(:last-child) {
     margin-bottom: 10px;
}
 .xb-about-list li i {
     margin-right: 10px;
     font-size: 18px;
}
/*----------------------------------------*/
/* 08. counter 
/*----------------------------------------*/
 .xb-counter {
     padding-right: 197px;
}
 @media only screen and (min-width: 1200px) and (max-width: 1500px) {
     .xb-counter {
         padding-right: 50px;
    }
}
 @media (max-width: 1199px) {
     .xb-counter {
         padding-right: 0;
    }
}
 .xb-counter .xb-item--item {
     width: 50%;
     background-color: var(--color-white);
     padding: 46px 65px;
     padding-top: 26px;
     border: 1px solid #EDF3F5;
     margin-top: -1px;
     margin-left: -1px;
     position: relative;
     -webkit-transition: 0.3s;
     -o-transition: 0.3s;
     transition: 0.3s;
}
 @media (max-width: 767px) {
     .xb-counter .xb-item--item {
         width: 100%;
         padding: 40px;
    }
}
 .xb-counter .xb-item--item:nth-child(1) {
     border-top-left-radius: 20px;
}
 .xb-counter .xb-item--item:nth-child(2) {
     border-top-right-radius: 20px;
}
 .xb-counter .xb-item--item:nth-child(3) {
     border-bottom-left-radius: 20px;
}
 .xb-counter .xb-item--item:nth-child(4) {
     border-bottom-right-radius: 20px;
}
 .xb-counter .xb-item--item .suffix {
     top: 8px;
     position: relative;
}
 .xb-counter .xb-item--item:hover {
     z-index: 1;
     position: relative;
     box-shadow: 0px 21px 32px 0px rgba(191, 191, 191, 0.23);
}
 .xb-counter .xb-item--item::before {
     position: absolute;
     top: 50%;
     left: 0;
     width: 4px;
     height: 103px;
     -webkit-transform: translateY(-50%);
     -ms-transform: translateY(-50%);
     transform: translateY(-50%);
     background-color: #FE6C3F;
     content: "";
}
 .xb-counter .xb-item--item.style-2::before {
     background-color: #0091FF;
}
 .xb-counter .xb-item--item.style-2 .xb-item--icon {
     background-color: rgba(20, 149, 248, 0.1);
}
 .xb-counter .xb-item--item.style-3::before {
     background-color: #00CC99;
}
 .xb-counter .xb-item--item.style-3 .xb-item--icon {
     background-color: rgba(0, 204, 153, 0.1);
}
 .xb-counter .xb-item--item.style-4::before {
     background-color: #FFBD0F;
}
 .xb-counter .xb-item--item.style-4 .xb-item--icon {
     background-color: rgba(255, 187, 15, 0.1);
}
 .xb-counter .xb-item--icon {
     width: 108px;
     height: 108px;
     background-color: rgba(254, 108, 63, 0.1);
     border-radius: 50%;
     -webkit-border-radius: 50%;
     -moz-border-radius: 50%;
     -ms-border-radius: 50%;
     -o-border-radius: 50%;
     margin-right: 44px;
     display: flex;
     align-items: center;
     justify-content: center;
     margin-top: 20px;
}
 .xb-counter .xb-item--holder {
     width: calc(100% - 152px);
     margin-top: 20px;
}
 @media (max-width: 991px) {
     .xb-counter .xb-item--holder {
         width: 100%;
    }
}
 .xb-counter .xb-item--number {
     font-size: 70px;
     font-weight: 300;
     letter-spacing: 3px;
     margin-top: -10px;
     line-height: 1;
}
 @media (max-width: 1199px) {
     .xb-counter .xb-item--number {
         font-size: 56px;
    }
}
 .xb-counter .xb-item--number span {
     width: auto;
     padding: 0px;
     margin-left: -1px;
     line-height: 1;
}
 .xb-counter .xb-item--title {
     font-size: 18px;
     font-weight: 500;
     color: var(--color-default);
     margin-top: 7px;
}
 .xb-counter__wrap {
     background-color: var(--color-white);
     border-radius: 20px;
     -webkit-border-radius: 20px;
     -moz-border-radius: 20px;
     -ms-border-radius: 20px;
     -o-border-radius: 20px;
     padding: 26px 80px;
     filter: drop-shadow(0px 14px 19px rgba(45, 78, 109, 0.05));
}
 .xb-counter2 .xb-item--inner {
     padding: 30px 0;
}
 .xb-counter2 .xb-item--number {
     font-size: 60px;
     font-weight: 600;
}
 .xb-counter2 .xb-item--number span {
     width: auto;
     padding: 0px;
     margin-left: -1px;
     line-height: 1;
}
 .xb-counter2 .xb-item--number .suffix {
     top: 7px;
     position: relative;
}
/*----------------------------------------*/
/* 09. country 
/*----------------------------------------*/
 .xb-country-nav {
     border: 0;
     padding: 10px;
     background-color: #F4F8FA;
     border-radius: 10px;
     -webkit-border-radius: 10px;
     -moz-border-radius: 10px;
     -ms-border-radius: 10px;
     -o-border-radius: 10px;
}
 @media (max-width: 991px) {
     .xb-country-nav {
         justify-content: start;
    }
}
 .xb-country-nav .nav-item {
     width: 14.285%;
}
 @media (max-width: 991px) {
     .xb-country-nav .nav-item {
         width: 25%;
         margin-top: 10px;
    }
}
 @media (max-width: 767px) {
     .xb-country-nav .nav-item {
         width: 50%;
    }
}
 .xb-country-nav .nav-item .nav-link {
     display: block;
     width: 100%;
     text-align: center;
     border: 0;
     font-size: 18px;
     font-weight: 500;
     color: #8A879F;
     border-radius: 5px;
     -webkit-border-radius: 5px;
     -moz-border-radius: 5px;
     -ms-border-radius: 5px;
     -o-border-radius: 5px;
     padding: 7px 5px;
     position: relative;
     z-index: 1;
}
 .xb-country-nav .nav-item .nav-link::after {
     position: absolute;
     top: 0;
     right: 0;
     width: 2px;
     height: 100%;
     background-color: #E4E6EA;
     content: "";
     -webkit-transition: 0.3s;
     -o-transition: 0.3s;
     transition: 0.3s;
}
 .xb-country-nav .nav-item .nav-link::before {
     position: absolute;
     left: 0;
     content: "";
     top: 0;
     width: 100%;
     height: 100%;
     box-shadow: 0px 4px 4px rgba(198, 213, 221, 0.37);
     background-color: var(--color-white);
     opacity: 0;
     z-index: -1;
     border-radius: 5px;
     -webkit-border-radius: 5px;
     -moz-border-radius: 5px;
     -ms-border-radius: 5px;
     -o-border-radius: 5px;
     -webkit-transition: 0.3s;
     -o-transition: 0.3s;
     transition: 0.3s;
     left: -2px;
     right: -2px;
}
 .xb-country-nav .nav-item .nav-link.active {
     color: var(--color-dark);
}
 .xb-country-nav .nav-item .nav-link.active::before {
     opacity: 1;
}
 .xb-country-nav .nav-item .nav-link.active::after {
     opacity: 0;
}
 .xb-country-nav .nav-item:last-child .nav-link::after {
     display: none;
}
 .xb-country {
     margin: -10px;
}
 .xb-country .xb-item--item {
     width: 25%;
     padding: 10px;
}
 @media (max-width: 991px) {
     .xb-country .xb-item--item {
         width: 50%;
    }
}
 .xb-country .xb-item--inner {
     border: 1px solid #EDF3F5;
     padding: 18px;
     padding-top: 15px;
     -webkit-transition: 0.3s;
     -o-transition: 0.3s;
     transition: 0.3s;
     border-radius: 20px;
     -webkit-border-radius: 20px;
     -moz-border-radius: 20px;
     -ms-border-radius: 20px;
     -o-border-radius: 20px;
}
 .xb-country .xb-item--inner:hover {
     box-shadow: 0px 14px 19px 0px rgba(221, 229, 236, 0.42);
}
 .xb-country .xb-item--flag {
     width: 47px;
     height: 47px;
     border-radius: 50%;
     -webkit-border-radius: 50%;
     -moz-border-radius: 50%;
     -ms-border-radius: 50%;
     -o-border-radius: 50%;
     overflow: hidden;
     margin-right: 27px;
     margin-top: 8px;
}
 .xb-country .xb-item--title {
     font-size: 15px;
     /*letter-spacing: -0.6px;*/
     margin-top: 8px;
}
 .xb-country-slide .xb-swiper-slide {
     justify-content: center;
}
 .xb-country2 {
     position: relative;
     margin-top: 5px;
}
 .xb-country2::before {
     position: absolute;
     top: 30px;
     right: -55px;
     width: 3px;
     height: 46px;
     background-image: url(../img/shape/c_line.png);
     content: "";
}
 @media (max-width: 1199px) {
     .xb-country2::before {
         right: -42px;
    }
}
 .xb-country2:hover .xb-item--flag {
     -webkit-transform: translateY(-5px);
     -ms-transform: translateY(-5px);
     transform: translateY(-5px);
}
 .xb-country2 .xb-item--inner {
     position: relative;
}
 .xb-country2 .xb-item--link {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
}
 .xb-country2 .xb-item--flag {
     max-width: 111px;
     -webkit-transition: 0.3s cubic-bezier(0.67, 0.04, 0.3, 0.91);
     -o-transition: 0.3s cubic-bezier(0.67, 0.04, 0.3, 0.91);
     transition: 0.3s cubic-bezier(0.67, 0.04, 0.3, 0.91);
}
 @media (max-width: 991px) {
     .xb-country3 {
         width: 50%;
         padding: 10px;
    }
}
 .xb-country3__wrap {
     padding: 0 155px;
}
 @media only screen and (min-width: 1200px) and (max-width: 1300px) {
     .xb-country3__wrap {
         padding: 0 30px;
         padding-right: 30px;
         padding-right: 125px;
    }
}
 @media (max-width: 1199px) {
     .xb-country3__wrap {
         padding: 0;
         padding-right: 100px;
    }
}
 @media (max-width: 991px) {
     .xb-country3__wrap {
         padding: 20px;
    }
}
 @media (max-width: 767px) {
     .xb-country3__wrap {
         padding: 10px;
    }
}
 .xb-country3 .xb-item--inner {
     background-color: var(--color-white);
     padding: 48px;
     text-align: center;
     filter: drop-shadow(0px 11px 10px rgba(172, 186, 216, 0.07));
     border-radius: 15px;
     -webkit-border-radius: 15px;
     -moz-border-radius: 15px;
     -ms-border-radius: 15px;
     -o-border-radius: 15px;
     min-width: 216px;
}
 @media (max-width: 1199px) {
     .xb-country3 .xb-item--inner {
         padding: 30px;
         min-width: 180px;
    }
}
 @media (max-width: 767px) {
     .xb-country3 .xb-item--inner {
         min-width: 160px;
    }
}
 .xb-country3 .xb-item--flag {
     width: 70px;
     height: 70px;
     border-radius: 50%;
     -webkit-border-radius: 50%;
     -moz-border-radius: 50%;
     -ms-border-radius: 50%;
     -o-border-radius: 50%;
     margin: 0 auto 15px;
}
 .xb-country3 .xb-item--title {
     font-size: 20px;
}
 .xb-country3:nth-child(1) .xb-item--inner {
     -webkit-transform: rotate(-35.415deg) translate(2px, 30px);
     -ms-transform: rotate(-35.415deg) translate(2px, 30px);
     transform: rotate(-35.415deg) translate(2px, 30px);
}
 .xb-country3:nth-child(2) .xb-item--inner {
     -webkit-transform: translateX(40px);
     -ms-transform: translateX(40px);
     transform: translateX(40px);
}
 .xb-country3:nth-child(3) .xb-item--inner {
     -webkit-transform: rotate(32.489deg) translate(133px, 15px);
     -ms-transform: rotate(32.489deg) translate(133px, 15px);
     transform: rotate(32.489deg) translate(133px, 15px);
}
 .xb-country3:nth-child(4) .xb-item--inner {
     -webkit-transform: rotate(-28.427deg) translate(75px, 32px);
     -ms-transform: rotate(-28.427deg) translate(75px, 32px);
     transform: rotate(-28.427deg) translate(75px, 32px);
}
 @media (max-width: 991px) {
     .xb-country3 .xb-item--inner {
         -webkit-transform: none !important;
         -ms-transform: none !important;
         transform: none !important;
    }
}
 .country-shape {
     position: absolute;
     top: 50%;
     -webkit-transform: translateY(-50%);
     -ms-transform: translateY(-50%);
     transform: translateY(-50%);
     left: 0;
     width: 100%;
     height: 100%;
     background-repeat: no-repeat;
     z-index: -1;
     background-position: center 150%;
}
 @media (max-width: 991px) {
     .country-shape {
         display: none;
    }
}
 .country-icon-shape .shape {
     position: absolute;
     z-index: -1;
}
 .country-icon-shape .shape--1 {
     top: 19%;
     left: 12%;
     animation: animationFramesTwo 30s alternate infinite linear;
     -webkit-animation: animationFramesTwo 30s alternate infinite linear;
}
 .country-icon-shape .shape--2 {
     bottom: 0;
     left: 35%;
     animation: animationFramesThree 30s alternate infinite linear;
     -webkit-animation: animationFramesThree 30s alternate infinite linear;
}
 .country-icon-shape .shape--3 {
     top: 25%;
     right: 30%;
     animation: animationFramesOne 30s alternate infinite linear;
     -webkit-animation: animationFramesOne 30s alternate infinite linear;
}
 .country-icon-shape .shape--4 {
     bottom: 0;
     right: 10%;
     animation: animationFramesFive 30s alternate infinite linear;
     -webkit-animation: animationFramesFive 30s alternate infinite linear;
}
/*----------------------------------------*/
/* 10. team 
/*----------------------------------------*/
 .xb-team:hover .xb-item--social li {
     opacity: 1;
     -webkit-transform: translateY(0);
     -ms-transform: translateY(0);
     transform: translateY(0);
}
 .xb-team:hover .xb-item--social li:nth-child(2) {
     transition-delay: .1s;
}
 .xb-team:hover .xb-item--social li:nth-child(3) {
     transition-delay: .2s;
}
 .xb-team .xb-item--img {
     margin-right: -33px;
     max-width: 302px;
}
 .xb-team .xb-item--inner {
     border: 1px solid #EDF3F5;
     border-radius: 20px;
     -webkit-border-radius: 20px;
     -moz-border-radius: 20px;
     -ms-border-radius: 20px;
     -o-border-radius: 20px;
     overflow: hidden;
     position: relative;
     background-color: var(--color-white);
     max-width: 302px;
}
 @media (max-width: 991px) {
     .xb-team .xb-item--inner {
         margin: 0 auto;
    }
}
 .xb-team .xb-item--holder {
     padding: 30px 10px;
     padding-bottom: 50px;
}
 .xb-team .xb-item--name {
     font-size: 24px;
}
 .xb-team .xb-item--name a {
     color: currentColor;
}
 .xb-team .xb-item--designation {
     font-size: 14px;
}
 .xb-team .xb-item--social {
     position: absolute;
     top: 28px;
     right: 15px;
}
 .xb-team .xb-item--social li {
     opacity: 0;
     -webkit-transform: translateY(10px);
     -ms-transform: translateY(10px);
     transform: translateY(10px);
     -webkit-transition: 0.3s;
     -o-transition: 0.3s;
     transition: 0.3s;
}
 .xb-team .xb-item--social li:not(:last-child) {
     margin-bottom: 6px;
}
 .xb-team .xb-item--social li a {
     width: 37px;
     height: 37px;
     background-color: #fff;
     display: flex;
     align-items: center;
     justify-content: center;
     color: #9FA2AA;
     font-size: 14px;
     border-radius: 50%;
     -webkit-border-radius: 50%;
     -moz-border-radius: 50%;
     -ms-border-radius: 50%;
     -o-border-radius: 50%;
}
 .xb-team .xb-item--social li a:hover {
     color: var(--color-dark);
}
 .team-wrap {
     padding: 0 100px;
     margin: 0 -100px;
}
 .xb-team-bg .xb-bg {
     position: absolute;
     bottom: 15%;
     border-radius: 20px;
     -webkit-border-radius: 20px;
     -moz-border-radius: 20px;
     -ms-border-radius: 20px;
     -o-border-radius: 20px;
     left: 0;
     width: 100%;
     height: 43%;
     background-color: var(--color-gray);
     z-index: -1;
}
 .xb-team-bg .xb-bg--2 {
     width: 57%;
     left: auto;
     right: 0;
     bottom: 35%;
}
 .team-single__inner {
     padding-right: 133px;
}
 @media (max-width: 1199px) {
     .team-single__inner {
         padding-right: 0;
    }
}
 .team-single__wrap {
     background-color: rgba(253, 205, 13, 0.1);
}
 .team-single__img {
     margin-right: 80px;
}
 @media (max-width: 1199px) {
     .team-single__img {
         margin-right: 0;
    }
}
 .team-single__info {
     padding: 55px;
     background-color: var(--color-white);
     display: inline-block;
     border-bottom: 4px solid #FFBD0F;
     box-shadow: 0px 18px 27px 0px rgba(214, 214, 214, 0.25);
     bottom: -85px;
     position: relative;
}
 @media (max-width: 991px) {
     .team-single__info {
         display: block;
         bottom: 0;
    }
}
 .team-single__info .title {
     font-size: 35px;
     margin-bottom: 55px;
}
 .team-single__info .info li {
     font-size: 18px;
     color: #787B84;
}
 .team-single__info .info li:not(:last-child) {
     margin-bottom: 22px;
}
 .team-single__info .info li strong {
     font-weight: 600;
     margin-right: 4px;
     color: #0F172A;
}
 .team-single__social h4 {
     font-size: 18px;
     margin-bottom: 15px;
}
 .team-single__social ul li:not(:last-child) {
     margin-right: 10px;
}
 .team-single__social ul li a {
     font-size: 14px;
     color: #B1B4BA;
     width: 40px;
     height: 40px;
     border-radius: 5px;
     -webkit-border-radius: 5px;
     -moz-border-radius: 5px;
     -ms-border-radius: 5px;
     -o-border-radius: 5px;
     display: flex;
     align-items: center;
     justify-content: center;
     border: 1px solid #EDF3F5;
}
 .team-single__social ul li a:hover {
     color: var(--color-dark);
}
 .team-single__content {
     padding-top: 10px;
}
 @media (max-width: 991px) {
     .team-single__content {
         padding-top: 80px;
    }
}
 .team-single__content h3 {
     font-size: 28px;
     margin-bottom: 15px;
}
 .team-single__content p {
     margin-bottom: 15px;
     font-size: 18px;
     line-height: 32px;
}
 .team-single__content ul li {
     display: flex;
     align-items: center;
     margin-bottom: 15px;
     font-size: 18px;
     line-height: 32px;
}
 .team-single__content ul li:not(:last-child) {
     margin-bottom: 12px;
}
 .team-single__content ul li > span {
     margin-right: 10px;
     top: -3px;
     position: relative;
}
 .team-single__contact {
     border: 1px solid #E7EDEF;
     padding: 50px;
     border-radius: 20px;
     -webkit-border-radius: 20px;
     -moz-border-radius: 20px;
     -ms-border-radius: 20px;
     -o-border-radius: 20px;
}
 @media (max-width: 991px) {
     .team-single__contact {
         padding: 30px 20px;
    }
}
 .team-single__contact .title {
     font-size: 32px;
     margin-bottom: 5px;
}
 .team-single__contact p {
     margin-bottom: 35px;
     font-size: 14px;
     letter-spacing: -0.14px;
}
 .team-single__contact .xb-item--field label {
     font-size: 20px;
     color: #13141B;
     margin-bottom: 20px;
     font-weight: 600;
}
 .team-skills.style-2 .xb-item--inner:before {
     background-color: #0C9;
}
 .team-skills.style-3 .xb-item--inner:before {
     background-color: #FFBD0F;
}
 .team-skills.style-4 .xb-item--inner:before {
     background-color: #0091FF;
}
 .team-skills .xb-item--inner {
     border: 1px solid #EDF3F5;
     border-radius: 20px;
     -webkit-border-radius: 20px;
     -moz-border-radius: 20px;
     -ms-border-radius: 20px;
     -o-border-radius: 20px;
     padding: 55px 20px;
     text-align: center;
     letter-spacing: -0.48px;
     position: relative;
}
 .team-skills .xb-item--inner::before {
     position: absolute;
     bottom: 0;
     left: 50%;
     -webkit-transform: translateX(-50%);
     -ms-transform: translateX(-50%);
     transform: translateX(-50%);
     height: 4px;
     width: 140px;
     background-color: #FE6C3F;
     content: "";
}
 .team-skills .xb-item--number {
     font-size: 65px;
     font-weight: 300;
     line-height: 60px;
     letter-spacing: 3px;
     margin-bottom: 16px;
}
 .team-skills .xb-item--number .suffix {
     top: 8px;
     position: relative;
}
 .team-skills .xb-item--number span {
     width: auto;
     padding: 0px;
     margin-left: -1px;
     line-height: 1;
}
 .team-skills .xb-item--title {
     font-size: 18px;
}
/*----------------------------------------*/
/* 11. testimonial 
/*----------------------------------------*/
 .xb-testimonial .xb-item--inner {
     background-color: var(--color-white);
     box-shadow: 0px 4px 4px 0px #EEEFF4;
     padding: 60px 62px;
     border-radius: 20px;
     -webkit-border-radius: 20px;
     -moz-border-radius: 20px;
     -ms-border-radius: 20px;
     -o-border-radius: 20px;
}
 @media (max-width: 1199px) {
     .xb-testimonial .xb-item--inner {
         padding: 50px 35px;
    }
}
 .xb-testimonial .xb-item--img {
     padding-bottom: 35px;
     margin-bottom: 30px;
     border-bottom: 1px solid #E8EAF3;
}
 .xb-testimonial .xb-item--content {
     font-size: 20px;
     font-weight: 500;
     line-height: 37.5px;
     color: #4E566D;
     margin-bottom: 40px;
}
 .xb-testimonial .xb-item--ratting {
     margin-bottom: 10px;
}
 .xb-testimonial .xb-item--title {
     font-size: 14px;
     font-weight: 700;
     text-transform: uppercase;
     letter-spacing: 0.98px;
}
 @media (max-width: 991px) {
     .xb-testimonial__nav {
         justify-content: end;
         margin-bottom: 30px;
         margin-top: -65px;
    }
}
 @media (max-width: 767px) {
     .xb-testimonial__nav {
         display: none;
    }
}
 .xb-testimonial__nav .tm-nav-item {
     width: 68px;
     height: 68px;
     border-radius: 50%;
     -webkit-border-radius: 50%;
     -moz-border-radius: 50%;
     -ms-border-radius: 50%;
     -o-border-radius: 50%;
     box-shadow: 0px 4px 6px #EBEDF4;
     background-color: var(--color-white);
     position: relative;
}
 .xb-testimonial__nav .tm-nav-item:hover::before {
     opacity: 1;
}
 .xb-testimonial__nav .tm-nav-item::before {
     position: absolute;
     top: 50%;
     left: 43%;
     -webkit-transform: translate(-50%, -50%);
     -ms-transform: translate(-50%, -50%);
     transform: translate(-50%, -50%);
     border-top: 8px solid transparent;
     border-bottom: 8px solid transparent;
     border-left: 9px solid transparent;
     border-right: 14px solid #0A1636;
     content: "";
     opacity: .2;
     -webkit-transition: 0.3s;
     -o-transition: 0.3s;
     transition: 0.3s;
}
 .xb-testimonial__nav .tm-nav-item.tm-button-prev {
     margin-right: 22px;
}
 .xb-testimonial__nav .tm-nav-item.tm-button-next::before {
     left: 64%;
     border-left-width: 14px;
     border-left-color: #0A1636;
     border-right-color: transparent;
}
 .xb-testimonial__masonry {
     padding: 0 40px;
}
 @media (max-width: 1199px) {
     .xb-testimonial__masonry {
         padding: 0;
    }
}
 .xb-testimonial__masonry > .row {
     margin-left: -25px;
     margin-right: -25px;
}
 @media (max-width: 1199px) {
     .xb-testimonial__masonry > .row {
         margin-left: -15px;
         margin-right: -15px;
    }
}
 .xb-testimonial__masonry .grid-item {
     padding: 0 25px;
}
 @media (max-width: 1199px) {
     .xb-testimonial__masonry .grid-item {
         padding: 0 15px;
    }
}
 @media (max-width: 767px) {
     .xb-testimonial2__ratting {
         justify-content: start;
    }
}
 .xb-testimonial2__ratting h2 {
     font-size: 48px;
     font-weight: 700;
     background: var(--color-gradient);
     background-clip: text;
     -webkit-background-clip: text;
     -webkit-text-fill-color: transparent;
     margin-right: 12px;
}
 .xb-testimonial2__ratting span {
     color: var(--color-white);
     font-size: 12px;
     font-weight: 700;
     line-height: 22px;
     text-transform: uppercase;
}
 .xb-testimonial2:hover .xb-item--img::before {
     opacity: 0;
     transition-delay: .1s;
}
 .xb-testimonial2:hover .xb-item--img::after {
     -webkit-transform: scale(1);
     -ms-transform: scale(1);
     transform: scale(1);
     opacity: 1;
}
 .xb-testimonial2 .xb-item--inner {
     padding: 50px;
     padding-right: 60px;
     z-index: 1;
}
 @media (max-width: 1199px) {
     .xb-testimonial2 .xb-item--inner {
         padding: 40px;
    }
}
 .xb-testimonial2 .xb-item--img {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     z-index: -1;
     background-position: top center;
}
 .xb-testimonial2 .xb-item--img::before, .xb-testimonial2 .xb-item--img::after {
     position: absolute;
     left: 0;
     content: "";
     top: 0;
     width: 100%;
     height: 100%;
     top: auto;
     bottom: 0;
     background: linear-gradient(2deg, rgba(0, 0, 0, 0.93) 0%, rgba(0, 0, 0, 0.74) 100%);
     -webkit-transition: 0.3s cubic-bezier(0.67, 0.04, 0.3, 0.91);
     -o-transition: 0.3s cubic-bezier(0.67, 0.04, 0.3, 0.91);
     transition: 0.3s cubic-bezier(0.67, 0.04, 0.3, 0.91);
}
 .xb-testimonial2 .xb-item--img::after {
     background: linear-gradient(1deg, #D91334 0%, rgba(0, 0, 0, 0.51) 100%);
     opacity: 0;
     height: 100%;
     -webkit-transform: scale(0.9);
     -ms-transform: scale(0.9);
     transform: scale(0.9);
}
 .xb-testimonial2 .xb-item--holder {
     color: var(--color-white);
}
 .xb-testimonial2 .xb-item--quote {
     margin-bottom: 25px;
     width: 50px;
     height: 50px;
     background: var(--color-gradient);
     display: flex;
     align-items: center;
     justify-content: center;
     border-radius: 50%;
     -webkit-border-radius: 50%;
     -moz-border-radius: 50%;
     -ms-border-radius: 50%;
     -o-border-radius: 50%;
}
 .xb-testimonial2 .xb-item--desig {
     font-size: 12px;
     font-weight: 700;
     text-transform: uppercase;
     letter-spacing: 1.8px;
     display: inline-block;
     margin-bottom: 70px;
}
 .xb-testimonial2 .xb-item--content {
     font-size: 20px;
     font-weight: 500;
     line-height: 32px;
     letter-spacing: -0.4px;
     margin-bottom: 70px;
}
 .xb-testimonial2 .xb-item--name {
     color: var(--color-white);
     font-family: "Poppins", sans-serif;
     font-size: 20px;
     font-weight: 600;
     line-height: 30px;
     letter-spacing: -0.2px;
}
 @media (max-width: 767px) {
     .testimonial-shape {
         display: none;
    }
}
 .testimonial-shape .shape {
     position: absolute;
}
 .testimonial-shape .shape--1 {
     top: -2%;
     left: 2%;
}
 .testimonial-shape .shape--2 {
     top: -1%;
     right: 3%;
}
 .xb-testimonial3 .xb-item--inner {
     padding: 40px 30px 30px 30px;
     background-color: rgba(254, 108, 63, 0.05);
     border-radius: 20px;
     -webkit-border-radius: 20px;
     -moz-border-radius: 20px;
     -ms-border-radius: 20px;
     -o-border-radius: 20px;
}
 @media (max-width: 1199px) {
     .xb-testimonial3 .xb-item--inner {
         padding: 40px 20px 20px 20px;
    }
}
 .xb-testimonial3 .xb-item--avatar {
     width: 191px;
     height: 191px;
     border-radius: 50%;
     -webkit-border-radius: 50%;
     -moz-border-radius: 50%;
     -ms-border-radius: 50%;
     -o-border-radius: 50%;
     overflow: hidden;
     margin-right: 45px;
     margin-top: -103px;
     border: 3px solid #fff;
     margin-bottom: 10px;
}
 .xb-testimonial3 .xb-item--author {
     border-bottom: 1px solid #EDDFD9;
     padding-bottom: 35px;
     margin-bottom: 10px;
}
 .xb-testimonial3 .xb-item--name {
     font-size: 22px;
     font-weight: 600;
     margin-bottom: 7px;
}
 .xb-testimonial3 .xb-item--desig {
     font-size: 18px;
     color: #000000;
     font-family: "Poppins", sans-serif;
}
 .xb-testimonial3 .xb-item--content p {
     font-size: 18px;
     line-height: 28px;
}
 .xb-testimonial3 .xb-item--content p:not(:last-child) {
     margin-bottom: 10px;
}
 .xb-testimonial3.style-2 .xb-item--inner {
     background-color: rgba(0, 204, 153, 0.05);
}
 .xb-testimonial3.style-2 .xb-item--author {
     border-color: #D7EAE6;
}
 .xb-testimonial3.style-3 .xb-item--inner {
     background-color: rgba(0, 145, 255, 0.05);
}
 .xb-testimonial3.style-3 .xb-item--author {
     border-color: #DCE7F1;
}
 .xb-testimonial3.style-4 .xb-item--inner {
     background-color: rgba(251, 63, 126, 0.05);
}
 .xb-testimonial3.style-4 .xb-item--author {
     border-color: #E8D6DD;
}
 .xb-testimonial3.style-5 .xb-item--inner {
     background-color: rgba(255, 187, 15, 0.05);
}
 .xb-testimonial3.style-5 .xb-item--author {
     border-color: #E8E2D1;
}
 .xb-testimonial3.style-6 .xb-item--inner {
     background-color: rgba(137, 124, 181, 0.05);
}
 .xb-testimonial3.style-6 .xb-item--author {
     border-color: #E9E5F0;
}
 .xb-testimonial3.style-7 .xb-item--inner {
     background-color: #F2FCFA;
}
 .xb-testimonial3.style-7 .xb-item--author {
     border-color: #D6E9E5;
}
 .xb-testimonial4 .xb-item--inner {
     padding: 50px 45px;
     background-color: var(--color-white);
     border-radius: 20px;
     -webkit-border-radius: 20px;
     -moz-border-radius: 20px;
     -ms-border-radius: 20px;
     -o-border-radius: 20px;
}
 .xb-testimonial4 .xb-item--avatar {
     width: 68px;
     height: 68px;
     border-radius: 50%;
     -webkit-border-radius: 50%;
     -moz-border-radius: 50%;
     -ms-border-radius: 50%;
     -o-border-radius: 50%;
     overflow: hidden;
     margin-right: 20px;
}
 .xb-testimonial4 .xb-item--name {
     font-size: 20px;
}
 .xb-testimonial4 .xb-item--content {
     font-size: 20px;
     font-weight: 600;
     color: #0F172A;
     line-height: 35px;
     letter-spacing: -0.4px;
}
/*----------------------------------------*/
/* 12. faq 
/*----------------------------------------*/
 .xb-faq-content .faq-img {
     margin-left: -50px;
}
 @media (max-width: 991px) {
     .xb-faq-content .faq-img {
         margin-left: 0;
    }
}
 .xb-faq {
     padding-left: 55px;
}
 @media (max-width: 1199px) {
     .xb-faq {
         padding-left: 20px;
    }
}
 .accordion_box {
     position: relative;
}
 .accordion_box .block {
     position: relative;
     overflow: hidden;
     border: 1px solid #EDF3F5;
     border-radius: 20px;
     -webkit-border-radius: 20px;
     -moz-border-radius: 20px;
     -ms-border-radius: 20px;
     -o-border-radius: 20px;
     margin-bottom: 20px;
}
 .accordion_box .block::before {
     position: absolute;
     width: 52px;
     height: 101px;
     border-radius: 28px;
     -webkit-border-radius: 28px;
     -moz-border-radius: 28px;
     -ms-border-radius: 28px;
     -o-border-radius: 28px;
     background-color: #F4F8FA;
     content: "";
     top: -22px;
     right: 4px;
     z-index: -1;
     -webkit-transform: rotate(-134deg);
     -ms-transform: rotate(-134deg);
     transform: rotate(-134deg);
}
 .accordion_box .block:last-child {
     margin-bottom: 0;
}
 .accordion_box .block .acc-btn {
     color: var(--color-heading);
     position: relative;
     font-weight: 600;
     font-size: 20px;
     cursor: pointer;
     padding: 29px 40px;
     padding-right: 70px;
}
 .accordion_box .block .acc-btn .arrow {
     position: absolute;
     right: 27px;
     top: 24px;
     width: 42px;
     height: 42px;
     border-radius: 50%;
     -webkit-border-radius: 50%;
     -moz-border-radius: 50%;
     -ms-border-radius: 50%;
     -o-border-radius: 50%;
     background-color: #fff;
     box-shadow: 0px 4px 7px rgba(178, 190, 205, 0.29);
}
 .accordion_box .block .acc-btn .arrow::before {
     top: 8px;
     left: 15px;
     font-size: 18px;
     color: var(--color-dark);
     content: "\f067";
     font-family: "Font Awesome 5 Pro";
     font-weight: 500;
     position: absolute;
     -webkit-transition: 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
     -o-transition: 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
     transition: 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
}
 .accordion_box .block.active-block .acc-btn .arrow::before {
     content: "\f068";
     transform: rotate(180deg);
     -webkit-transform: rotate(180deg);
     -ms-transform: rotate(180deg);
     -moz-transform: rotate(180deg);
     -o-transform: rotate(180deg);
}
 .accordion_box .block .acc-btn span {
     display: block;
     font-size: 14px;
     color: #B3B3C0;
     font-weight: 600;
     margin-bottom: 16px;
}
 .accordion_box .block .content {
     position: relative;
     padding: 0 40px;
     padding-bottom: 35px;
}
 .accordion_box .block .content p:not(:last-child) {
     margin-bottom: 20px;
}
 .accordion_box .block .content ul {
     list-style: none;
}
 .accordion_box .block .content ul li:not(:last-child) {
     margin-bottom: 10px;
}
 .accordion_box .block .content ul li i {
     margin-right: 10px;
     font-size: 18px;
}
 .accordion_box .block .acc_body {
     position: relative;
     display: none;
}
 .accordion_box .block .acc_body.current {
     display: block;
}
 .xb-faq2 {
     padding: 0;
}
 .xb-faq2 .accordion_box .block {
     border-radius: 0;
     -webkit-border-radius: 0;
     -moz-border-radius: 0;
     -ms-border-radius: 0;
     -o-border-radius: 0;
     border-style: dashed;
     border-color: #CDCECF;
     margin: 0;
     margin-top: -1px;
}
 .xb-faq2 .accordion_box .block .acc-btn {
     padding: 32px 40px;
     padding-right: 100px;
     font-size: 24px;
     color: #110F10;
     background-color: var(--color-white);
}
 @media (max-width: 767px) {
     .xb-faq2 .accordion_box .block .acc-btn {
         padding: 25px;
         padding-right: 70px;
         font-size: 18px;
    }
}
 .xb-faq2 .accordion_box .block .acc-btn .arrow {
     width: 30px;
     height: 30px;
     border: 1px solid #F6F6F6;
     box-shadow: none;
     top: 31px;
     right: 38px;
     z-index: 1;
}
 @media (max-width: 767px) {
     .xb-faq2 .accordion_box .block .acc-btn .arrow {
         right: 25px;
    }
}
 .xb-faq2 .accordion_box .block .acc-btn .arrow::before {
     top: 0px;
     left: 10px;
     font-size: 14px;
}
 .xb-faq2 .accordion_box .block .acc-btn .arrow::after {
     position: absolute;
     left: 0;
     content: "";
     top: 0;
     width: 100%;
     height: 100%;
     background: var(--color-gradient);
     z-index: -1;
     border-radius: 50%;
     -webkit-border-radius: 50%;
     -moz-border-radius: 50%;
     -ms-border-radius: 50%;
     -o-border-radius: 50%;
     -webkit-transition: 0.3s;
     -o-transition: 0.3s;
     transition: 0.3s;
     opacity: 0;
}
 .xb-faq2 .accordion_box .block.active-block .acc-btn .arrow::before {
     color: var(--color-white);
}
 .xb-faq2 .accordion_box .block.active-block .acc-btn .arrow::after {
     opacity: 1;
}
 .xb-faq2 .accordion_box .block .content {
     padding: 35px 40px;
     padding-right: 100px;
     font-size: 18px;
     line-height: 28px;
     color: #000000;
}
 @media (max-width: 767px) {
     .xb-faq2 .accordion_box .block .content {
         padding: 25px;
    }
}
 .faq-shape .shape {
     position: absolute;
}
 .faq-shape .shape--1 {
     top: 11%;
     left: 4%;
}
 @media only screen and (min-width: 1200px) and (max-width: 1500px) {
     .faq-shape .shape--1 {
         top: 5%;
         left: 3%;
    }
}
 @media (max-width: 1199px) {
     .faq-shape .shape--1 {
         top: 4%;
    }
}
 .faq-shape .shape--2 {
     right: 3%;
     top: 13%;
}
 @media only screen and (min-width: 1200px) and (max-width: 1500px) {
     .faq-shape .shape--2 {
         right: 3%;
         top: 7%;
    }
}
/*----------------------------------------*/
/* 13. blog 
/*----------------------------------------*/
 .blog-wrap {
     padding: 0 100px;
     padding-top: 120px;
     margin: 0 -100px;
     position: relative;
}
 .blog-wrap .xb-blog-bg {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 70.2%;
     background-size: cover;
     background-repeat: no-repeat;
     z-index: -1;
     border-radius: 20px;
     -webkit-border-radius: 20px;
     -moz-border-radius: 20px;
     -ms-border-radius: 20px;
     -o-border-radius: 20px;
}
 .xb-blog:hover .xb-item--img img {
     -webkit-transform: scale(1);
     -ms-transform: scale(1);
     transform: scale(1);
}
 .xb-blog:hover .xb-item--inner {
     -webkit-transform: translateY(-5px);
     -ms-transform: translateY(-5px);
     transform: translateY(-5px);
}
 .xb-blog:hover .border-effect a {
     background-size: 100% 100%;
     color: inherit;
}
 .xb-blog .xb-item--img {
     overflow: hidden;
     border-radius: 20px;
     -webkit-border-radius: 20px;
     -moz-border-radius: 20px;
     -ms-border-radius: 20px;
     -o-border-radius: 20px;
}
 .xb-blog .xb-item--img img {
     -webkit-transform: scale(1.04);
     -ms-transform: scale(1.04);
     transform: scale(1.04);
     -webkit-transition: 0.3s cubic-bezier(0.67, 0.04, 0.3, 0.91);
     -o-transition: 0.3s cubic-bezier(0.67, 0.04, 0.3, 0.91);
     transition: 0.3s cubic-bezier(0.67, 0.04, 0.3, 0.91);
}
 .xb-blog .xb-item--meta li {
     font-size: 14px;
     font-weight: 500;
     color: var(--color-dark);
     display: flex;
     align-items: center;
}
 .xb-blog .xb-item--meta li:not(:last-child) {
     margin-right: 30px;
}
 .xb-blog .xb-item--meta li img {
     margin-right: 9px;
}
 .xb-blog .xb-item--inner {
     background-color: var(--color-white);
     box-shadow: 0px 14px 19px 0px rgba(221, 229, 236, 0.42);
     border-radius: 20px;
     -webkit-border-radius: 20px;
     -moz-border-radius: 20px;
     -ms-border-radius: 20px;
     -o-border-radius: 20px;
     overflow: hidden;
     -webkit-transition: 0.4s;
     -o-transition: 0.4s;
     transition: 0.4s;
     position: relative;
}
 .xb-blog .xb-item--category {
     display: inline-block;
     position: absolute;
     top: -16px;
     background: #0C9;
     padding: 9px 19px 10px;
     color: #fff;
     border-radius: 30px;
     -webkit-border-radius: 30px;
     -moz-border-radius: 30px;
     -ms-border-radius: 30px;
     -o-border-radius: 30px;
     line-height: 1;
     font-size: 12px;
     font-weight: 700;
     text-transform: uppercase;
}
 .xb-blog .xb-item--category.color-2 {
     background-color: #0091FF;
}
 .xb-blog .xb-item--category.color-3 {
     background-color: #FE6C3F;
}
 .xb-blog .xb-item--holder {
     padding: 35px;
     padding-top: 40px;
     -webkit-transition: 0.5s;
     -o-transition: 0.5s;
     transition: 0.5s;
     position: relative;
}
 @media (max-width: 1199px) {
     .xb-blog .xb-item--holder {
         padding: 25px;
    }
}
 .xb-blog .xb-item--title {
     font-size: 24px;
     line-height: 34px;
     margin-bottom: 20px;
     letter-spacing: -0.72px;
}
 @media (max-width: 1199px) {
     .xb-blog .xb-item--title {
         font-size: 20px;
         line-height: 29px;
    }
}
 .xb-blog .xb-item--title a {
     color: currentColor;
}
 .xb-blog .xb-item--link {
     color: var(--color-default);
     display: inline-block;
     z-index: 2;
     position: relative;
}
 .xb-blog .xb-item--link:hover span {
     -webkit-transform: translateX(7px);
     -ms-transform: translateX(7px);
     transform: translateX(7px);
}
 .xb-blog .xb-item--link span {
     display: inline-block;
     margin-left: 19px;
     -webkit-transition: 0.3s;
     -o-transition: 0.3s;
     transition: 0.3s;
}
 .xb-blog__nav .nav-item {
     width: 60px;
     height: 60px;
     border-radius: 50%;
     -webkit-border-radius: 50%;
     -moz-border-radius: 50%;
     -ms-border-radius: 50%;
     -o-border-radius: 50%;
     background-color: var(--color-white);
     font-size: 18px;
     display: flex;
     align-items: center;
     justify-content: center;
     margin-right: 15px;
     color: var(--color-black);
     -webkit-transition: 0.3s;
     -o-transition: 0.3s;
     transition: 0.3s;
}
 .xb-blog__nav .nav-item:hover {
     background-color: var(--color-primary);
     color: var(--color-white);
}
 .xb-blog2:hover .xb-item--img img {
     -webkit-transform: scale(1);
     -ms-transform: scale(1);
     transform: scale(1);
}
 .xb-blog2--big {
     padding-left: 45px;
     padding-right: 80px;
     margin-right: 60px;
     border-right: 1px solid #F3F3F3;
}
 @media only screen and (min-width: 1200px) and (max-width: 1500px) {
     .xb-blog2--big {
         padding-left: 0;
         padding-right: 50px;
         margin-right: 40px;
    }
}
 @media (max-width: 1199px) {
     .xb-blog2--big {
         padding-left: 0;
         padding-right: 30px;
         margin-right: 25px;
    }
}
 @media (max-width: 767px) {
     .xb-blog2--big {
         padding-right: 0;
         border-right: 0;
         margin-right: 0;
    }
}
 .xb-blog2 .xb-item--img {
     overflow: hidden;
}
 .xb-blog2 .xb-item--img img {
     -webkit-transition: 0.3s;
     -o-transition: 0.3s;
     transition: 0.3s;
     -webkit-transform: scale(1.04);
     -ms-transform: scale(1.04);
     transform: scale(1.04);
}
 .xb-blog2 .xb-item--holder {
     padding: 35px 20px 0;
}
 .xb-blog2 .xb-item--meta {
     position: relative;
     margin-bottom: 27px;
}
 .xb-blog2 .xb-item--meta ul li {
     font-size: 14px;
     font-weight: 500;
     color: #555555;
     letter-spacing: -0.14px;
     display: flex;
     align-items: center;
}
 .xb-blog2 .xb-item--meta ul li:not(:last-child) {
     margin-right: 48px;
}
 @media (max-width: 767px) {
     .xb-blog2 .xb-item--meta ul li:not(:last-child) {
         margin-right: 10px;
    }
}
 .xb-blog2 .xb-item--meta ul li span {
     margin-right: 8px;
}
 .xb-blog2 .xb-item--dots {
     top: 50%;
     left: -20px;
     position: absolute;
     transform: translateY(-50%);
}
 .xb-blog2 .xb-item--dots span {
     width: 3.4px;
     height: 3.4px;
     background: var(--color-gradient);
     border-radius: 50%;
     -webkit-border-radius: 50%;
     -moz-border-radius: 50%;
     -ms-border-radius: 50%;
     -o-border-radius: 50%;
     display: flex;
}
 .xb-blog2 .xb-item--dots span:not(:last-child) {
     margin-bottom: 3.4px;
}
 .xb-blog2 .xb-item--title {
     font-size: 35px;
     letter-spacing: -1.05px;
     margin-bottom: 20px;
}
 @media (max-width: 767px) {
     .xb-blog2 .xb-item--title {
         font-size: 25px;
         letter-spacing: 0;
    }
}
 .xb-blog2 .xb-item--title a {
     color: currentColor;
}
 .xb-blog2 .xb-item--content {
     font-size: 18px;
     font-weight: 400;
     line-height: 28px;
}
 .xb-blog-list {
     padding-right: 100px;
}
 @media only screen and (min-width: 1200px) and (max-width: 1500px) {
     .xb-blog-list {
         padding-right: 50px;
    }
}
 @media (max-width: 1199px) {
     .xb-blog-list {
         padding-right: 0;
    }
}
 @media (max-width: 991px) {
     .xb-blog-list {
         padding-left: 30px;
    }
}
 .xb-blog-list .xb-blog2:not(:last-child) {
     margin-bottom: 60px;
}
 .xb-blog-list .xb-item--holder {
     padding: 0;
}
 .xb-blog-list .xb-item--meta {
     margin-bottom: 13px;
}
 .xb-blog-list .xb-item--title {
     font-size: 22px;
     margin-bottom: 15px;
}
 .xb-blog-list .xb-item--content {
     font-size: 18px;
     letter-spacing: 0;
}
 @media (max-width: 767px) {
     .blog-shape {
         display: none;
    }
}
 .blog-shape .shape {
     position: absolute;
}
 .blog-shape .shape--1 {
     top: 11%;
     left: 4%;
}
 .blog-shape .shape--2 {
     top: 13%;
     right: 6%;
}
 @media screen and (min-width: 1200px) {
     .blog-post-wrapper {
         padding-right: 10px;
    }
}
 @media screen and (min-width: 1200px) {
     .blog-sidebar {
         padding-left: 10px;
    }
}
 @media (max-width: 991px) {
     .blog-sidebar {
         margin-top: 30px;
    }
}
 .blog-sidebar .widget {
     border: 1px solid #EDF3F5;
     padding: 35px 30px;
     border-radius: 20px;
     -webkit-border-radius: 20px;
     -moz-border-radius: 20px;
     -ms-border-radius: 20px;
     -o-border-radius: 20px;
}
 .blog-sidebar .widget:not(:last-child) {
     margin-bottom: 40px;
}
 .blog-sidebar .widget .widget-title {
     font-size: 24px;
     font-weight: 600;
     margin-bottom: 25px;
     letter-spacing: -0.72px;
}
 .blog-sidebar .widget__search {
     position: relative;
     border-bottom: 1px solid #D3E3E8;
     padding-bottom: 10px;
}
 .blog-sidebar .widget__search input {
     font-size: 14px;
     height: auto;
}
 .blog-sidebar .widget__search button {
     position: absolute;
     right: 0;
     top: 0;
     background-color: transparent;
}
 .blog-sidebar .widget__post-item:not(:last-child) {
     margin-bottom: 20px;
}
 .blog-sidebar .widget__post-item .post-thumb {
     width: 90px;
     height: 90px;
     overflow: hidden;
     margin-right: 20px;
     border-radius: 5px;
     -webkit-border-radius: 5px;
     -moz-border-radius: 5px;
     -ms-border-radius: 5px;
     -o-border-radius: 5px;
}
 .blog-sidebar .widget__post-item .post-thumb img {
     width: 100%;
     -webkit-transition: 0.3s;
     -o-transition: 0.3s;
     transition: 0.3s;
     -webkit-transform: scale(1.04);
     -ms-transform: scale(1.04);
     transform: scale(1.04);
}
 .blog-sidebar .widget__post-item:hover .post-thumb img {
     -webkit-transform: scale(1.04);
     -ms-transform: scale(1.04);
     transform: scale(1.04);
}
 .blog-sidebar .widget__post-item:hover .post-title a {
     background-size: 100% 100%;
}
 .blog-sidebar .widget__post-item .post-content {
     width: calc(100% - 110px);
}
 .blog-sidebar .widget__post-item .post-content .post-date {
     font-size: 10px;
     font-weight: 600;
     color: #787B84;
     text-transform: uppercase;
     letter-spacing: 1.4px;
}
 .blog-sidebar .widget__post-item .post-content .post-title {
     font-size: 13px;
     font-style: normal;
     font-weight: 500;
     line-height: 20.5px;
     letter-spacing: -0.16px;
}
 .blog-sidebar .widget__post-item .post-content .post-title a {
     color: inherit;
}
 .blog-sidebar .widget__category li:not(:last-child) {
     margin-bottom: 14px;
     padding-bottom: 14px;
     border-bottom: 1px solid #D3E3E8;
}
 .blog-sidebar .widget__category li a {
     font-size: 18px;
     color: #787B84;
}
 .blog-sidebar .widget__category li a:hover {
     color: var(--color-primary);
}
 .blog-sidebar .widget__category li a i {
     -webkit-transform: rotate(45deg);
     -ms-transform: rotate(45deg);
     transform: rotate(45deg);
     margin-right: 5px;
}
 .blog-sidebar .widget.widget-banner {
     padding: 50px 40px;
}
 .post-thumbnail-wrapper {
     position: relative;
     overflow: hidden;
     margin-bottom: 30px;
     border-radius: 20px;
     -webkit-border-radius: 20px;
     -moz-border-radius: 20px;
     -ms-border-radius: 20px;
     -o-border-radius: 20px;
}
 .post-thumbnail-wrapper img {
     -webkit-transition: 0.3s var(--easing);
     -o-transition: 0.3s var(--easing);
     transition: 0.3s var(--easing);
}
 .post-meta {
     margin-bottom: 20px;
     margin-top: -4px;
}
 .post-meta li {
     font-size: 18px;
     line-height: 25px;
     margin-right: 50px;
     color: #787B84;
     margin-top: 7px;
}
 .post-meta li i {
     margin-right: 5px;
     color: #191B1E;
}
 .post-meta li a {
     color: #787B84;
}
 article .post-title {
     margin-top: 0;
     margin-bottom: 14px;
     font-size: 25px;
     line-height: 1.3;
     word-break: break-word;
     letter-spacing: -1.08px;
     color: var(--color-heading);
}
 @media (max-width: 767px) {
     article .post-title {
         font-size: 24px;
    }
}
 article .post-title a {
     color: currentColor;
}
 .post-read-more {
     margin-top: 35px;
}
 .single-post-item {
     margin-bottom: 40px;
}
 .single-post-item:hover .post-thumbnail-wrapper img {
     -webkit-transform: scale(1.05);
     -ms-transform: scale(1.05);
     transform: scale(1.05);
}
 .post-details .post-thumb {
     border-radius: 20px;
     -webkit-border-radius: 20px;
     -moz-border-radius: 20px;
     -ms-border-radius: 20px;
     -o-border-radius: 20px;
     overflow: hidden;
     margin-bottom: 30px;
}
 .post-details h2 {
     font-size: 25px;
     font-weight: 700;
     margin-bottom: 30px;
}
 @media (max-width: 767px) {
     .post-details h2 {
         font-size: 24px;
    }
}
 .post-details h3 {
     font-size: 22px;
     font-weight: 700;
     margin-bottom: 10px;
}
.post-details h5 {
     font-size: 22px;
     font-weight: 700;
     margin-bottom: 10px;
}
 @media (max-width: 767px) {
     .post-details h3 {
         font-size: 18px;
    }
}
 .post-details p {
     font-size: 18px;
     line-height: 30px;
}
 .post-details p:not(:last-child) {
     margin-bottom: 15px;
}
 blockquote {
     background-color: #EDF3F5;
     background-image: url(../img/bg/quote_bg.png);
     background-repeat: no-repeat;
     background-size: cover;
     padding: 40px 55px;
     padding-left: 130px;
     border: 1px solid #EDF3F5;
     border-radius: 20px;
     -webkit-border-radius: 20px;
     -moz-border-radius: 20px;
     -ms-border-radius: 20px;
     -o-border-radius: 20px;
     position: relative;
     font-family: "Poppins", sans-serif;
     margin: 40px 0;
}
 @media (max-width: 767px) {
     blockquote {
         padding: 30px 55px;
         padding-left: 55px;
         padding-left: 100px;
    }
}
 blockquote p {
     font-size: 20px;
     font-weight: 600;
     color: #0F172A;
     line-height: 34px;
     margin-bottom: 20px !important;
}
 blockquote span {
     font-size: 18px;
     font-weight: 500;
     color: #787B84;
     padding-left: 27px;
     position: relative;
}
 blockquote span::before {
     position: absolute;
     top: 50%;
     -webkit-transform: translateY(-50%);
     -ms-transform: translateY(-50%);
     transform: translateY(-50%);
     left: 0;
     width: 17px;
     height: 1px;
     background-color: #787B84;
     content: "";
}
 blockquote .quote {
     position: absolute;
     top: 0;
     left: 0;
     width: 80px;
     height: 80px;
     background-color: var(--color-primary);
     display: flex;
     align-items: center;
     justify-content: center;
     border-radius: 20px 0;
     -webkit-border-radius: 20px 0;
     -moz-border-radius: 20px 0;
     -ms-border-radius: 20px 0;
     -o-border-radius: 20px 0;
}
 .post-info-list {
     padding-left: 5;
}
 @media (max-width: 1199px) {
     .post-info-list {
         padding-left: 0;
    }
}
 .post-info-list li {
     font-size: 18px;
     color: #787B84;
}
 .post-info-list li:not(:last-child) {
     margin-bottom: 18px;
}
 .post-info-list li img {
     margin-right: 12px;
}
 .post-tags .tags-links {
     margin-top: 10px;
}
 .post-tags .tag-title {
     font-size: 20px;
     margin-right: 15px;
     margin-top: 20px;
     font-weight: 600;
}
 .social-share .post-share {
     margin-top: 20px;
}
 .social-share li:not(:last-child) {
     margin-right: 20px;
}
 .social-share li a {
     border: 1px solid #EDF3F5;
     color: #787B84;
     font-size: 14px;
     width: 40px;
     height: 40px;
     border-radius: 50%;
     -webkit-border-radius: 50%;
     -moz-border-radius: 50%;
     -ms-border-radius: 50%;
     -o-border-radius: 50%;
     display: flex;
     align-items: center;
     justify-content: center;
}
 .social-share li a:hover {
     background-color: var(--color-primary);
     border-color: var(--color-primary);
     color: var(--color-white);
}
 .social-share .title {
     font-size: 20px;
     margin-right: 15px;
     margin-top: 20px;
     font-weight: 600;
}
/* comment css */
 .post-comments {
     padding-bottom: 80px;
}
 .post-comments .title {
     font-size: 30px;
     margin-bottom: 30px;
     font-weight: 700;
     font-family: "Poppins", sans-serif;
}
 .latest__comments .comments-box {
     border-top: 1px solid var(--color-border-2);
     padding: 30px 0;
}
 .latest__comments .comments-text {
     overflow: hidden;
     font-size: 18px;
     line-height: 30px;
}
 .latest__comments .comments-avatar {
     border-radius: 50%;
     float: left;
}
 @media (max-width: 767px) {
     .latest__comments .comments-avatar {
         float: none;
         margin-bottom: 10px;
    }
}
 @media only screen and (min-width: 576px) and (max-width: 767px) {
     .latest__comments .comments-avatar {
         float: left;
         margin-bottom: 0px;
    }
}
 .latest__comments .comments-avatar img {
     border-radius: 50%;
     width: 80px !important;
     margin-right: 30px;
}
 .latest__comments li:last-child .comments-box {
     padding-bottom: 0px;
}
 .latest__comments li:first-child .comments-box {
     border-top: 0;
     padding-top: 0;
}
 .latest__comments li.children {
     margin-left: 100px;
}
 @media (max-width: 767px) {
     .latest__comments li.children {
         margin-left: 0px;
    }
}
 @media only screen and (min-width: 576px) and (max-width: 767px) {
     .latest__comments li.children {
         margin-left: 50px;
    }
}
 .latest__comments .avatar-name {
     margin-bottom: 15px;
     overflow: hidden;
     position: relative;
}
 .latest__comments .avatar-name h5 {
     font-size: 20px;
     margin-bottom: 0px;
     font-weight: 600;
     letter-spacing: -0.2px;
     font-family: "Poppins", sans-serif;
}
 .latest__comments .avatar-name span {
     font-size: 15px;
     color: var(--color-default);
}
 .latest__comments .reply {
     color: #787B84;
     display: inline-block;
     font-size: 12px;
     font-weight: 600;
     -webkit-transition: 0.3s;
     -o-transition: 0.3s;
     transition: 0.3s;
     line-height: 1;
     position: absolute;
     right: 0;
     margin-top: 0;
     top: 0;
     text-decoration: none;
     background: #EDF3F5;
     padding: 9px 20px;
     border-radius: 15px;
     -webkit-border-radius: 15px;
     -moz-border-radius: 15px;
     -ms-border-radius: 15px;
     -o-border-radius: 15px;
}
 .latest__comments .reply:hover {
     background-color: var(--color-primary);
     color: var(--color-white);
}
 .latest__comments--2 p {
     font-size: 14px;
     line-height: 24px;
     color: var(--color-black);
}
 .comments-form .comment-heading {
     margin-bottom: 30px;
}
 .comments-form .comment-heading p {
     font-size: 14px;
}
 .comments-form .title {
     font-size: 30px;
     margin-bottom: 7px;
     font-weight: 700;
     font-family: "Poppins", sans-serif;
}
 .comments-form .form input, .comments-form .form textarea {
     height: 55px;
     margin-bottom: 20px;
     padding: 0 20px;
     width: 100%;
     font-size: 15px;
     color: var(--color-black);
     border-radius: 0px;
     background-color: #F8F8FB;
     border: 2px solid transparent;
     font-weight: 400;
}
 .comments-form .form input::-webkit-input-placeholder, .comments-form .form textarea::-webkit-input-placeholder {
     color: #6E6D79;
     opacity: 1;
}
 .comments-form .form input::-moz-placeholder, .comments-form .form textarea::-moz-placeholder {
     color: #6E6D79;
     opacity: 1;
}
 .comments-form .form input:-ms-input-placeholder, .comments-form .form textarea:-ms-input-placeholder {
     color: #6E6D79;
     opacity: 1;
}
 .comments-form .form input:-moz-placeholder, .comments-form .form textarea:-moz-placeholder {
     color: #6E6D79;
     opacity: 1;
}
 .comments-form .form input:focus, .comments-form .form textarea:focus {
     border-color: var(--color-primary);
}
 .comments-form .form textarea {
     padding: 20px 30px;
     height: 150px;
}
 .comments-form__btn button {
     padding: 18px 35px;
}
 .xb-contact-info {
     border: 1px solid #EDF3F5;
     padding: 50px 30px;
}
 .xb-contact-info .xb-item--flag {
     width: 64px;
     height: 64px;
     border-radius: 50%;
     -webkit-border-radius: 50%;
     -moz-border-radius: 50%;
     -ms-border-radius: 50%;
     -o-border-radius: 50%;
     overflow: hidden;
     margin: 0 auto 5px;
}
 .xb-contact-info .xb-item--title {
     font-size: 20px;
     color: #0F172A;
     font-weight: 600;
     margin-bottom: 15px;
     letter-spacing: -0.72px;
}
 .xb-contact-info .xb-item--title a {
     color: currentColor;
     text-decoration: none;
}
 .xb-contact-info .xb-item--content {
     font-size: 20px;
     line-height: 30px;
     color: #000000;
}
 .xb-blog3 .xb-item--inner {
     padding: 15px;
}
 .xb-blog3 .xb-item--holder {
     padding: 35px;
}
 @media (max-width: 991px) {
     .xb-blog3 .xb-item--holder {
         padding: 20px 6px;
    }
}
 .xb-blog3 .xb-item--title {
     font-size: 30px;
     line-height: 45px;
     margin-bottom: 0;
}
 @media (max-width: 991px) {
     .xb-blog3 .xb-item--title {
         font-size: 20px;
         line-height: 30px;
    }
}
 .xb-blog-shape {
     position: absolute;
     bottom: 10%;
     right: 0;
     z-index: -1;
}
 .comments-form {
     padding: 50px;
     border: 1px solid #E7EDEF;
     border-radius: 20px;
     padding-top: 40px;
}
/*----------------------------------------*/
/* 14. newsletter 
/*----------------------------------------*/
 .xb-newsletter {
     padding: 70px;
     border: 1px solid #EDF3F5;
     box-shadow: 0px 14px 19px rgba(221, 229, 236, 0.42);
     border-radius: 20px;
     -webkit-border-radius: 20px;
     -moz-border-radius: 20px;
     -ms-border-radius: 20px;
     -o-border-radius: 20px;
     overflow: hidden;
     margin-bottom: -165px;
     background-color: var(--color-white);
}
 @media (max-width: 1199px) {
     .xb-newsletter {
         padding: 70px 50px;
    }
}
 @media (max-width: 767px) {
     .xb-newsletter {
         padding: 40px 30px;
    }
}
 .xb-newsletter .xb-item--holder span {
     color: #787B84;
     font-size: 12px;
     font-weight: 600;
     letter-spacing: -0.12px;
     text-transform: uppercase;
     display: inline-block;
     margin-bottom: 9px;
     line-height: 1;
}
 .xb-newsletter .xb-item--holder h3 {
     font-size: 24px;
     font-weight: 600;
     letter-spacing: -0.72px;
}
 .xb-newsletter .xb-item--form {
     position: relative;
}
 .xb-newsletter .xb-item--form input {
     height: 70px;
     width: calc(100% - 188px);
     background-color: #F4F8FA;
     padding: 20px;
     border-radius: 10px;
     -webkit-border-radius: 10px;
     -moz-border-radius: 10px;
     -ms-border-radius: 10px;
     -o-border-radius: 10px;
}
 .xb-newsletter .xb-item--form input::-webkit-input-placeholder {
     color: #787B84;
     opacity: 1;
}
 .xb-newsletter .xb-item--form input::-moz-placeholder {
     color: #787B84;
     opacity: 1;
}
 .xb-newsletter .xb-item--form input:-ms-input-placeholder {
     color: #787B84;
     opacity: 1;
}
 .xb-newsletter .xb-item--form input:-moz-placeholder {
     color: #787B84;
     opacity: 1;
}
 @media (max-width: 767px) {
     .xb-newsletter .xb-item--form input {
         width: 100%;
    }
}
 .xb-newsletter .xb-item--form button {
     position: absolute;
     top: 0;
     right: 0;
     padding: 20px 50px;
     height: 70px;
     font-size: 18px;
     font-weight: 600;
     border-radius: 10px;
     -webkit-border-radius: 10px;
     -moz-border-radius: 10px;
     -ms-border-radius: 10px;
     -o-border-radius: 10px;
}
 @media (max-width: 767px) {
     .xb-newsletter .xb-item--form button {
         position: unset;
         margin-top: 10px;
         width: 100%;
    }
}
 .xb-newsletter__img {
     position: absolute;
     top: 0;
     right: 0;
}
 @media (max-width: 991px) {
     .xb-newsletter__img {
         display: none;
    }
}
/*----------------------------------------*/
/* 15. contact 
/*----------------------------------------*/
 .contact-from .xb-item--field {
     margin-bottom: 20px;
     position: relative;
}
 .contact-from .xb-item--field > span, .contact-from .xb-item--field .icon {
     position: absolute;
     top: 19px;
     left: 20px;
     display: inline-block;
     line-height: 1;
     z-index: 1;
}
 .contact-from .xb-item--field input, .contact-from .xb-item--field textarea {
     padding: 15px 46px 18px;
     border: 1px solid #80dcfa;
     border-radius: 10px;
     -webkit-border-radius: 10px;
     -moz-border-radius: 10px;
     -ms-border-radius: 10px;
     -o-border-radius: 10px;
     height: 60px;
     font-size: 14px;
     -webkit-transition: 0.3s;
     -o-transition: 0.3s;
     transition: 0.3s;
}
.contact-from .xb-item--field select {
     padding: 15px 46px 18px;
     border: 1px solid #80dcfa;
     border-radius: 10px;
     -webkit-border-radius: 10px;
     -moz-border-radius: 10px;
     -ms-border-radius: 10px;
     -o-border-radius: 10px;
     height: 60px;
     font-size: 14px;
     -webkit-transition: 0.3s;
     -o-transition: 0.3s;
     transition: 0.3s;
}
 .contact-from .xb-item--field input::-webkit-input-placeholder, .contact-from .xb-item--field textarea::-webkit-input-placeholder {
     color: #000000;
}
 .contact-from .xb-item--field input::-moz-placeholder, .contact-from .xb-item--field textarea::-moz-placeholder {
     color: #000000;
}
 .contact-from .xb-item--field input:-ms-input-placeholder, .contact-from .xb-item--field textarea:-ms-input-placeholder {
     color: #000000;
}
 .contact-from .xb-item--field input:-moz-placeholder, .contact-from .xb-item--field textarea:-moz-placeholder {
     color: #000000;
}
 .contact-from .xb-item--field input:focus, .contact-from .xb-item--field textarea:focus {
     background-color: #F4F8FA;
}
 .contact-from .xb-item--field textarea {
     min-height: 150px;
}
 .contact-from .xb-item--field .nice-select {
     border-color: #EDF3F5;
     padding: 0 46px;
     margin-bottom: 20px;
}
 .contact-from .xb-item--field .nice-select:focus {
     border-color: #EDF3F5;
     background-color: #F4F8FA;
}
 .xb-contact {
     border-radius: 20px;
     -webkit-border-radius: 20px;
     -moz-border-radius: 20px;
     -ms-border-radius: 20px;
     -o-border-radius: 20px;
     background-color: var(--color-white);
     overflow: hidden;
}
 .xb-contact .xb-item--inner {
     padding: 75px;
     padding-right: 0;
}
 @media (max-width: 1199px) {
     .xb-contact .xb-item--inner {
         padding: 50px;
         padding-right: 0;
    }
}
 @media (max-width: 991px) {
     .xb-contact .xb-item--inner {
         padding: 30px;
    }
}
 .xb-contact .xb-item--holder span {
     font-size: 12px;
     text-transform: uppercase;
     color: var(--color-dark);
     display: inline-block;
     letter-spacing: -0.24px;
     margin-bottom: 20px;
     font-weight: 600;
     line-height: 1;
     display: flex;
     align-items: center;
}
 .xb-contact .xb-item--holder span img {
     margin-right: 9px;
}
 .xb-contact .xb-item--holder h3 {
     font-size: 24px;
     font-weight: 600;
     letter-spacing: -0.72px;
}
 .xb-contact .google-map {
     position: absolute;
     top: 0;
     right: 0;
     height: 100%;
     width: 45%;
}
 @media (max-width: 991px) {
     .xb-contact .google-map {
         position: unset;
         height: 250px;
         width: 100%;
    }
}
 .xb-contact .google-map iframe {
     width: 100%;
     height: 100%;
}
 .contact-pt {
     padding-top: 40px;
     padding-bottom: 40px;
}
 .xb-contact2 {
     background-color: #121212;
     padding: 80px 110px;
     z-index: 1;
     position: relative;
     margin-bottom: -196px;
}
 @media (max-width: 1199px) {
     .xb-contact2 {
         padding: 80px 50px;
    }
}
 @media (max-width: 767px) {
     .xb-contact2 {
         padding: 40px 20px;
    }
}
 .xb-contact2::before {
     position: absolute;
     left: 0;
     content: "";
     top: 0;
     width: 100%;
     height: 100%;
     width: 51%;
     left: auto;
     right: 0;
     background: linear-gradient(88deg, #121212 0%, rgba(18, 18, 18, 0) 100%);
     z-index: -1;
}
 .xb-contact2__bg {
     position: absolute;
     top: 0;
     right: 0;
     width: 59%;
     height: 100%;
     background-repeat: no-repeat;
     background-size: cover;
     z-index: -2;
}
 @media (max-width: 767px) {
     .xb-contact2__bg {
         display: none;
    }
}
 .xb-contact2 .xb-item--field {
     margin-bottom: 15px;
     position: relative;
}
 .xb-contact2 .xb-item--field > span {
     position: absolute;
     top: 19px;
     left: 20px;
     display: inline-block;
     line-height: 1;
     z-index: 1;
}
 .xb-contact2 .xb-item--field input, .xb-contact2 .xb-item--field textarea {
     background-color: #252525;
     height: 60px;
     padding: 16px 52px 18px;
     font-size: 14px;
     color: var(--color-white);
     -webkit-transition: 0.3s;
     -o-transition: 0.3s;
     transition: 0.3s;
}
 .xb-contact2 .xb-item--field input::-webkit-input-placeholder, .xb-contact2 .xb-item--field textarea::-webkit-input-placeholder {
     color: #B1B4BA;
     opacity: 1;
}
 .xb-contact2 .xb-item--field input::-moz-placeholder, .xb-contact2 .xb-item--field textarea::-moz-placeholder {
     color: #B1B4BA;
     opacity: 1;
}
 .xb-contact2 .xb-item--field input:-ms-input-placeholder, .xb-contact2 .xb-item--field textarea:-ms-input-placeholder {
     color: #B1B4BA;
     opacity: 1;
}
 .xb-contact2 .xb-item--field input:-moz-placeholder, .xb-contact2 .xb-item--field textarea:-moz-placeholder {
     color: #B1B4BA;
     opacity: 1;
}
 .xb-contact2 .xb-item--field textarea {
     min-height: 160px;
}
 .xb-contact2 .xb-item--holder .sec-title--heading {
     font-size: 24px;
     line-height: 34px;
     letter-spacing: -0.72px;
}
 @media (max-width: 767px) {
     .contact-shape {
         display: none;
    }
}
 .contact-shape .shape {
     position: absolute;
}
 .contact-shape .shape--1 {
     left: 4%;
     bottom: 6%;
}
 .contact-shape .shape--2 {
     top: 12%;
     right: 33%;
}
 .contact-shape .shape--3 {
     top: 38%;
     right: 18%;
}
 .contact-shape .shape--4 {
     bottom: 6%;
     right: 38%;
}
/*----------------------------------------*/
/* 16. feature 
/*----------------------------------------*/
 .xb-feature1 .xb-item--inner {
     margin-top: 30px;
     padding-bottom: 30px;
}
 .xb-feature1 .xb-item--inner:not(:last-child) {
     margin-right: 30px;
}
 .xb-feature1 .xb-item--icon {
     width: 40px;
     height: 40px;
     border-radius: 50%;
     -webkit-border-radius: 50%;
     -moz-border-radius: 50%;
     -ms-border-radius: 50%;
     -o-border-radius: 50%;
     position: relative;
     display: flex;
     align-items: center;
     justify-content: center;
     margin-right: 10px;
}
 .xb-feature1 .xb-item--icon:before {
     position: absolute;
     left: 0;
     content: "";
     top: 0;
     width: 100%;
     height: 100%;
     background: var(--color-gradient);
     border-radius: 50%;
     -webkit-border-radius: 50%;
     -moz-border-radius: 50%;
     -ms-border-radius: 50%;
     -o-border-radius: 50%;
     z-index: -1;
     opacity: .1;
}
 .xb-feature1 .xb-item--title {
     font-size: 18px;
     font-weight: 500;
     letter-spacing: 0;
}
 .xb-feature2__wrap {
     border-top: 1px dashed #CDCECF;
     border-bottom: 1px dashed #CDCECF;
}
 .xb-feature2:hover .xb-item--icon::before {
     opacity: 1;
}
 .xb-feature2:hover .xb-item--icon span.default {
     opacity: 0;
}
 .xb-feature2:hover .xb-item--icon span.hover {
     opacity: 1;
}
 .xb-feature2 .xb-item--inner {
     background-color: #fff;
     padding: 55px;
     -webkit-transition: 0.3s cubic-bezier(0.67, 0.04, 0.3, 0.91);
     -o-transition: 0.3s cubic-bezier(0.67, 0.04, 0.3, 0.91);
     transition: 0.3s cubic-bezier(0.67, 0.04, 0.3, 0.91);
     opacity: 1;
     position: relative;
}
 @media (max-width: 991px) {
     .xb-feature2 .xb-item--inner {
         padding: 40px 30px;
    }
}
 .xb-feature2 .xb-item--inner::before, .xb-feature2 .xb-item--inner::after {
     position: absolute;
     content: "\f067";
     font-family: "Font Awesome 5 Pro";
     font-weight: 400;
     left: -4px;
     bottom: -14px;
     font-size: 12px;
     z-index: 1;
     background: var(--color-gradient);
     background-clip: text;
     -webkit-background-clip: text;
     -webkit-text-fill-color: transparent;
}
 .xb-feature2 .xb-item--inner::after {
     right: -5px;
     left: auto;
     top: -13px;
}
 .xb-feature2 .xb-item--inner:hover {
     border-radius: 0px 172.5px;
     -webkit-border-radius: 0px 172.5px;
     -moz-border-radius: 0px 172.5px;
     -ms-border-radius: 0px 172.5px;
     -o-border-radius: 0px 172.5px;
}
 .xb-feature2 .xb-item--icon {
     width: 128px;
     height: 128px;
     border: 1px solid #F1F1F1;
     border-radius: 50%;
     -webkit-border-radius: 50%;
     -moz-border-radius: 50%;
     -ms-border-radius: 50%;
     -o-border-radius: 50%;
     position: relative;
     display: flex;
     align-items: center;
     justify-content: center;
     margin: 0 auto 20px;
     z-index: 1;
}
 .xb-feature2 .xb-item--icon:before {
     position: absolute;
     left: 0;
     content: "";
     top: 0;
     width: 100%;
     height: 100%;
     background: var(--color-gradient);
     border-radius: 50%;
     -webkit-border-radius: 50%;
     -moz-border-radius: 50%;
     -ms-border-radius: 50%;
     -o-border-radius: 50%;
     z-index: -1;
     opacity: 0;
     -webkit-transition: 0.3s;
     -o-transition: 0.3s;
     transition: 0.3s;
}
 .xb-feature2 .xb-item--icon span {
     position: absolute;
     -webkit-transition: 0.3s;
     -o-transition: 0.3s;
     transition: 0.3s;
}
 .xb-feature2 .xb-item--icon span.hover {
     opacity: 0;
}
 .xb-feature2 .xb-item--title {
     font-size: 24px;
     color: #110F10;
     margin-bottom: 20px;
}
 .xb-feature2 .xb-item--content {
     font-size: 14px;
     line-height: 24px;
}
 .xb-feature2 .xb-item--line {
     border-left: 1px dashed #CDCECF;
     position: absolute;
     width: auto;
     height: 100%;
     top: 0;
     z-index: 1;
}
 @media (max-width: 991px) {
     .xb-feature2 .xb-item--line {
         display: none;
    }
}
 .xb-feature-right-line {
     border-left: 1px dashed #CDCECF;
     position: absolute;
     width: auto;
     height: 100%;
     top: 0;
     right: 0;
     right: calc((100% - 1292px)/2);
}
 @media (max-width: 991px) {
     .xb-feature-right-line {
         display: none;
    }
}
 .xb-feature2__wrap .col-lg-4:nth-child(2) .xb-feature .xb-item--inner::before, .xb-feature2__wrap .col-lg-4:nth-child(2) .xb-feature .xb-item--inner::after {
     display: none;
}
 .feature-shape .shape {
     position: absolute;
}
 @media (max-width: 767px) {
     .feature-shape .shape {
         display: none;
    }
}
 .feature-shape .shape--1 {
     top: 20%;
     left: 6%;
}
 .feature-shape .shape--2 {
     top: 18%;
     right: 6%;
}
/*----------------------------------------*/
/* 17. cta 
/*----------------------------------------*/
 .xb-cta__wrap {
     background-color: #121212;
     padding: 70px 0;
     margin-top: -180px;
}
 @media (max-width: 991px) {
     .xb-cta__wrap {
         padding: 60px 40px;
    }
}
 .xb-cta__img {
     position: absolute;
     top: 0;
     left: 0;
     width: 34%;
     height: 100%;
     background-size: cover;
     background-repeat: no-repeat;
}
 @media (max-width: 991px) {
     .xb-cta__img {
         display: none;
    }
}
 .xb-cta .sec-title--sub {
     margin-bottom: 27px;
}
 .xb-cta .sec-title--heading {
     font-size: 35px;
}
 .xb-cta2 {
     padding: 80px;
     padding-top: 60px;
     border-radius: 30px;
     -webkit-border-radius: 30px;
     -moz-border-radius: 30px;
     -ms-border-radius: 30px;
     -o-border-radius: 30px;
     background-size: cover;
     background-position: center center;
}
 @media (max-width: 767px) {
     .xb-cta2 {
         padding: 40px 20px;
    }
}
/*----------------------------------------*/
/* 18. fanfact 
/*----------------------------------------*/
 .xb-fanfact1 .xb-item--inner {
     padding: 80px 92px;
     border: 1px solid #F3F3F3;
     position: relative;
     background-color: var(--color-white);
}
 @media only screen and (min-width: 1200px) and (max-width: 1500px) {
     .xb-fanfact1 .xb-item--inner {
         padding: 60px 50px;
    }
}
 @media (max-width: 1199px) {
     .xb-fanfact1 .xb-item--inner {
         padding: 40px 30px;
    }
}
 .xb-fanfact1 .xb-item--inner::before {
     position: absolute;
     bottom: 0;
     right: 0;
     width: 0;
     height: 2px;
     content: "";
     background: var(--color-gradient);
     -webkit-transition: 0.3s;
     -o-transition: 0.3s;
     transition: 0.3s;
}
 .xb-fanfact1 .xb-item--inner:hover::before {
     width: 100%;
     right: auto;
     left: 0;
}
 .xb-fanfact1 .xb-item--number {
     font-size: 75px;
     font-weight: 300;
     line-height: 1;
     letter-spacing: 3px;
     margin-bottom: 5px;
}
 @media (max-width: 1199px) {
     .xb-fanfact1 .xb-item--number {
         font-size: 60px;
    }
}
 @media (max-width: 991px) {
     .xb-fanfact1 .xb-item--number {
         font-size: 40px;
    }
}
 .xb-fanfact1 .xb-item--number span {
     width: auto;
     padding: 0px;
     margin-left: -1px;
     line-height: 1;
}
 .xb-fanfact1 .xb-item--number .suffix {
     top: 8px;
     position: relative;
}
 .xb-fanfact1 .xb-item--dots {
     display: inline-block;
     margin-bottom: 15px;
}
 .xb-fanfact1 .xb-item--dots span {
     width: 4px;
     height: 4px;
     background: var(--color-gradient);
     margin-right: 4px;
     display: inline-block;
     border-radius: 50%;
     -webkit-border-radius: 50%;
     -moz-border-radius: 50%;
     -ms-border-radius: 50%;
     -o-border-radius: 50%;
}
 .xb-fanfact1 .xb-item--title {
     font-size: 24px;
     font-weight: 600;
}
 @media (max-width: 991px) {
     .xb-fanfact1 .xb-item--title {
         font-size: 18px;
    }
}
 .fanfact-shape .shape {
     position: absolute;
     z-index: -1;
}
 .fanfact-shape .shape--1 {
     bottom: 0;
     left: 2%;
}
 .fanfact-shape .shape--2 {
     bottom: 1%;
     right: 3%;
}
/*----------------------------------------*/
/* 19. mobile-menu 
/*----------------------------------------*/
 .xb-hamburger-menu {
     display: none;
}
 @media (max-width: 991px) {
     .xb-hamburger-menu {
         display: block;
    }
}
 .xb-nav-mobile-button {
     position: relative;
     cursor: pointer;
     font-size: 23px;
     color: var(--color-dark);
}
 .xb-header-menu-backdrop {
     position: fixed;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     z-index: 999;
     background-color: rgba(0, 0, 0, 0.5);
     -webkit-transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
     -khtml-transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
     -moz-transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
     -ms-transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
     -o-transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
     transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
     opacity: 0;
     visibility: hidden;
}
 .xb-header-menu {
     position: fixed;
     height: 100vh;
     width: 300px;
     top: 0;
     left: 0;
     bottom: 0;
     margin: 0;
     z-index: 1010;
     overflow: hidden;
     -webkit-transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
     -khtml-transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
     -moz-transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
     -ms-transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
     -o-transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
     transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
     -webkit-transform: translateX(-100%);
     -khtml-transform: translateX(-100%);
     -moz-transform: translateX(-100%);
     -ms-transform: translateX(-100%);
     -o-transform: translateX(-100%);
     transform: translateX(-100%);
     visibility: hidden;
     background-color: #fff;
}
 .xb-header-menu.active {
     visibility: visible;
     opacity: 1;
     -webkit-transform: translateX(0%);
     -khtml-transform: translateX(0%);
     -moz-transform: translateX(0%);
     -ms-transform: translateX(0%);
     -o-transform: translateX(0%);
     transform: translateX(0%);
}
 .xb-header-menu.active + .xb-header-menu-backdrop {
     opacity: 1;
     visibility: visible;
}
 .xb-header-menu-scroll {
     padding: 15px 25px 40px;
}
 .xb-header-menu-scroll .xb-close {
     position: absolute;
     top: 0;
     right: 0;
}
 .xb-header-menu-scroll .xb-menu-primary > li {
     padding-left: 0;
     padding-right: 0;
}
 .xb-header-menu-scroll .xb-menu-primary > li > a .left-icon {
     margin-right: 4px;
}
 .xb-header-menu-scroll .xb-menu-primary > li .elementor-section {
     max-width: 100%;
}
 .xb-header-menu-scroll .xb-menu-primary > li .elementor-container {
     margin: 10px 0 !important;
}
 .xb-header-menu-scroll .xb-menu-primary > li .sub-menu, .xb-header-menu-scroll .xb-menu-primary > li .children {
     padding-left: 15px;
}
 .xb-header-menu-scroll .xb-menu-primary > li .sub-menu a, .xb-header-menu-scroll .xb-menu-primary > li .children a {
     padding-left: 0;
}
 .xb-header-menu-scroll .xb-menu-primary > li .sub-menu.xb-mega-menu, .xb-header-menu-scroll .xb-menu-primary > li .children.xb-mega-menu {
     padding-left: 0;
}
 .xb-menu-toggle {
     position: absolute;
     top: 10px;
     height: 28px;
     line-height: 28px;
     text-align: center;
     right: 0;
     width: 28px;
     cursor: pointer;
     font-size: 15px;
     -webkit-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
     -khtml-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
     -moz-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
     -ms-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
     -o-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
     transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
     color: #1b1b1b;
     -webkit-border-radius: 3px;
     -khtml-border-radius: 3px;
     -moz-border-radius: 3px;
     -ms-border-radius: 3px;
     -o-border-radius: 3px;
     border-radius: 3px;
     background-color: rgba(0, 0, 0, 0.03);
     display: inline-block;
}
 .xb-menu-toggle:before {
     content: "\f107";
     font-weight: 400;
     font-family: "Font Awesome 5 Pro";
}
 .xb-menu-toggle.active:before {
     content: "\f106";
}
 .xb-menu-primary {
     list-style: none;
     margin: 0;
     padding: 0;
}
 .xb-menu-primary li {
     position: relative;
}
 .xb-menu-primary li a {
     display: block;
     line-height: 46px;
     color: var(--color-dark);
     font-size: 14px;
     font-weight: 600;
     border-bottom: 1px solid rgba(0, 0, 0, 0.06);
}
 .xb-menu-primary li > a:hover, .xb-menu-primary li > a.current, .xb-menu-primary li.current_page_item > a, .xb-menu-primary li.current-menu-item > a, .xb-menu-primary li.current_page_ancestor > a, .xb-menu-primary li.current-menu-ancestor > a {
     color: var(--color-primary);
}
 .xb-menu-primary .sub-menu, .xb-menu-primary .children {
     position: relative;
     display: none;
     list-style: none;
     margin: 0;
     padding: 0;
}
 .xb-menu-primary .sub-menu li a, .xb-menu-primary .children li a {
     font-weight: 500;
     padding-left: 14px;
}
/* SUB-SUBMENU (Mobile) – same as submenu */
 .xb-menu-primary .sub-menu .menu-item-has-children > .sub-menu {
     display: none;
    /* collapsed by default */
     padding-left: 15px;
    /* same indentation */
}
/* Arrow toggle for SUB-SUBMENU */
 .xb-menu-primary .sub-menu .menu-item-has-children > .xb-menu-toggle {
     right: 0;
     top: 10px;
}
/* Active state (same animation as submenu) */
 .xb-menu-primary .sub-menu .menu-item-has-children.active > .sub-menu {
     display: block;
}
 .xb-menu-primary > li > .sub-menu > li > .sub-menu > li a {
     padding-left: 0px;
}
 .xb-menu-primary .xb-megamenu .elementor-container > .elementor-column {
     width: 100%;
}
 .xb-menu-primary .xb-megamenu .elementor-container .elementor-widget-wrap {
     padding: 0 !important;
}
 .xb-menu-primary .xb-megamenu .xb-link li {
     margin: 0;
}
 .xb-menu-primary .xb-megamenu .xb-heading {
     padding-left: 14px;
     border-bottom: 1px solid rgba(0, 0, 0, 0.06);
     padding-top: 12px;
     padding-bottom: 12px;
}
 .xb-menu-primary .xb-megamenu .xb-heading .xb-item--title {
     margin-bottom: 0 !important;
     font-size: 15px !important;
     border-bottom: none !important;
}
 .xb-menu-primary .xb-megamenu .elementor-widget-heading > .elementor-widget-container {
     margin-bottom: 0 !important;
     border-bottom: none !important;
}
 .xb-menu-primary .xb-megamenu .elementor-section .elementor-container {
     flex-wrap: wrap;
}
 .xb-menu-primary .xb-menu-toggle:hover {
     color: var(--color-primary);
}
 .xb-logo-mobile {
     margin-bottom: 15px;
}
 .xb-logo-mobile img {
     height: 40px;
}
 .xb-header-mobile-search {
     margin-bottom: 20px;
}
 .xb-header-mobile-search form {
     position: relative;
}
 .xb-header-mobile-search .search-field {
     height: 50px;
     border: none;
     padding: 0 25px;
     border-radius: 4px;
     -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
     -ms-border-radius: 4px;
     -o-border-radius: 4px;
     color: #000;
     border: 2px solid rgba(150, 144, 162, 0.09);
     padding: 12px 15px 13px;
}
 .xb-header-mobile-search .search-field:focus {
     color: #000;
     border-color: var(--color-primary);
}
 .xb-header-mobile-search .search-submit {
     position: absolute;
     top: 5px;
     right: 10px;
     -webkit-border-radius: 0px;
     -khtml-border-radius: 0px;
     -moz-border-radius: 0px;
     -ms-border-radius: 0px;
     -o-border-radius: 0px;
     border-radius: 0px;
     line-height: 36px;
     padding: 0;
     width: 30px;
     height: 40px;
     line-height: 40px;
     background: none;
     color: var(--primary-color);
}
 .xb-menu-close {
     background-color: rgba(0, 0, 0, 0.03);
     position: absolute;
     top: 0;
     right: 0;
     -webkit-border-radius: 0px;
     -khtml-border-radius: 0px;
     -moz-border-radius: 0px;
     -ms-border-radius: 0px;
     -o-border-radius: 0px;
     border-radius: 0px;
}
/*----------------------------------------*/
/* 20. coaching 
/*----------------------------------------*/
 .xb-coaching:hover .xb-item--img img {
     -webkit-transform: scale(1.04);
     -ms-transform: scale(1.04);
     transform: scale(1.04);
}
 .xb-coaching .xb-item--img {
     overflow: hidden;
}
 .xb-coaching .xb-item--img img {
     -webkit-transform: scale(1);
     -ms-transform: scale(1);
     transform: scale(1);
     -webkit-transition: 0.3s cubic-bezier(0.67, 0.04, 0.3, 0.91);
     -o-transition: 0.3s cubic-bezier(0.67, 0.04, 0.3, 0.91);
     transition: 0.3s cubic-bezier(0.67, 0.04, 0.3, 0.91);
}
 .xb-coaching .xb-item--inner {
     border-radius: 20px;
     -webkit-border-radius: 20px;
     -moz-border-radius: 20px;
     -ms-border-radius: 20px;
     -o-border-radius: 20px;
     overflow: hidden;
     -webkit-transition: 0.3s;
     -o-transition: 0.3s;
     transition: 0.3s;
}
 .xb-coaching .xb-item--inner:hover {
     box-shadow: 0px 14px 19px 0px rgba(221, 229, 236, 0.42);
}
 .xb-coaching .xb-item--holder {
     border: 1px solid #EDF3F5;
     border-top: 0;
     padding: 35px 30px;
}
 .xb-coaching .xb-item--title {
     font-size: 24px;
     margin-bottom: 10px;
     font-weight: 600;
     margin-bottom: 15px;
}
 .xb-coaching .xb-item--title a {
     color: currentColor;
}
 .xb-coaching .xb-item--link {
     width: 44px;
     height: 44px;
     background-color: var(--color-primary);
     border: 1px solid #EDF3F5;
     display: inline-block;
     display: flex;
     align-items: center;
     justify-content: center;
     border-radius: 50%;
     -webkit-border-radius: 50%;
     -moz-border-radius: 50%;
     -ms-border-radius: 50%;
     -o-border-radius: 50%;
     position: absolute;
     top: -23px;
     right: 40px;
}
/*----------------------------------------*/
/* 21. book-form 
/*----------------------------------------*/
 .xb-book-form {
     padding: 58px 55px;
     padding-right: 0;
     align-items: end;
}
 @media (max-width: 1199px) {
     .xb-book-form {
         padding-left: 20px;
         padding-right: 20px;
    }
}
 .xb-book-form__wrap {
     position: relative;
     z-index: 1;
     margin-top: -122px;
}
 @media (max-width: 991px) {
     .xb-book-form__wrap {
         margin-top: 0;
    }
}
 .xb-book-form__wrap::before {
     position: absolute;
     top: 0;
     left: calc((100% - 1294px)/2);
     width: 100%;
     height: 100%;
     background-color: #fff;
     border-radius: 20px;
     -webkit-border-radius: 20px;
     -moz-border-radius: 20px;
     -ms-border-radius: 20px;
     -o-border-radius: 20px;
     content: "";
     z-index: -1;
}
 @media (max-width: 1300px) {
     .xb-book-form__wrap::before {
         left: 0;
    }
}
 .xb-book-form .xb-item--field {
     max-width: 240px;
     position: relative;
     margin-top: 20px;
}
 @media only screen and (min-width: 1200px) and (max-width: 1300px) {
     .xb-book-form .xb-item--field {
         max-width: 210px;
    }
}
 @media (max-width: 1199px) {
     .xb-book-form .xb-item--field {
         width: 48%;
         max-width: 100%;
    }
}
 @media (max-width: 767px) {
     .xb-book-form .xb-item--field {
         width: 100%;
    }
}
 .xb-book-form .xb-item--field label {
     font-size: 18px;
     font-weight: 600;
     color: #0F172A;
     margin-bottom: 15px;
}
 .xb-book-form .xb-item--field input {
     height: 60px;
     border: 1px solid #EDF3F5;
     background-color: #F9FAFD;
     border-radius: 76px;
     -webkit-border-radius: 76px;
     -moz-border-radius: 76px;
     -ms-border-radius: 76px;
     -o-border-radius: 76px;
     padding: 10px;
     padding-left: 46px;
}
 .xb-book-form .xb-item--field .icon {
     position: absolute;
     bottom: 18px;
     left: 19px;
}
 .xb-book-form .xb-item--btn {
     margin-top: 20px;
}
 .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active {
     border: 1px solid #f0f2f6;
     background: #f0f2f6;
     font-weight: normal;
     color: #454545;
}
 .ui-datepicker td span, .ui-datepicker td a {
     text-align: center;
}
 .ui-widget.ui-widget-content {
     border: 1px solid #c5c5c5;
}
 .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover {
     border: 1px solid #0c9;
     background: #0c9;
}
 .ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {
     border: 1px solid #00cc9947;
     background: #00cc9947;
}
 .ui-state-active, .ui-widget-content .ui-state-active {
     color: #fff;
}
 .ui-widget-header {
     border: 1px solid #f0f2f6;
     background: #f0f2f6;
}
/*----------------------------------------*/
/* 22. breadcrumb 
/*----------------------------------------*/
 .breadcrumb {
     min-height: 340px;
     /*padding: 120px 0;*/
     margin: 0;
     display: flex;
     align-items: center;
}
 @media (max-width: 1199px) {
     .breadcrumb {
         min-height: 350px;
    }
}
 @media (max-width: 767px) {
     .breadcrumb {
         /*padding: 100px 0;*/
         background-position: center left;
         min-height: 130px;
    }
}
 .breadcrumb__title {
     font-size: 65px;
     font-weight: 700;
     margin-bottom: 22px;
}
 @media (max-width: 1199px) {
     .breadcrumb__title {
         font-size: 30px;
    }
}
 @media (max-width: 767px) {
     .breadcrumb__title {
         font-size: 25px;
    }
}
 .breadcrumb__list {
     background-color: var(--color-white);
     display: inline-block;
     padding: 7px 20px;
}
 .breadcrumb__list li {
     display: inline-block;
     font-weight: 600;
     color: var(--color-default);
     font-size: 14px;
     position: relative;
}
 .breadcrumb__list li a {
     color: var(--color-dark);
}
 @media (max-width: 767px) {
     .breadcrumb__shape {
         display: none;
    }
}
 .breadcrumb__shape .shape {
     position: absolute;
}
 .breadcrumb__shape .shape--1 {
     top: 30%;
     left: 0;
}
 @media only screen and (min-width: 1200px) and (max-width: 1500px) {
     .breadcrumb__shape .shape--1 {
         display: none;
    }
}
 @media (max-width: 1199px) {
     .breadcrumb__shape .shape--1 {
         display: none;
    }
}
 .breadcrumb__shape .shape--2 {
     right: 20%;
     top: 28%;
}
 .breadcrumb__circle {
     position: absolute;
     top: 19%;
     right: 3%;
}
 @media (max-width: 1199px) {
     .breadcrumb__circle {
         top: 17%;
         right: 0%;
    }
}
 @media (max-width: 767px) {
     .breadcrumb__circle {
         display: none;
    }
}
 .breadcrumb__circle span {
     background-color: var(--color-white);
     border-radius: 50%;
     -webkit-border-radius: 50%;
     -moz-border-radius: 50%;
     -ms-border-radius: 50%;
     -o-border-radius: 50%;
     display: inline-block;
}
 .breadcrumb__circle span.big {
     width: 116px;
     height: 116px;
}
 @media (max-width: 1199px) {
     .breadcrumb__circle span.big {
         width: 80px;
         height: 80px;
    }
}
 .breadcrumb__circle span.small {
     width: 16px;
     height: 16px;
     position: relative;
     right: 135px;
     border: 39px;
}
/*----------------------------------------*/
/* 23. preloader 
/*----------------------------------------*/
 #xb-loadding {
     height: 100%;
     position: fixed;
     width: 100%;
     z-index: 999999;
     top: 0;
     left: 0;
     background-color: #fff;
     -webkit-transform: scale(1);
     -khtml-transform: scale(1);
     -moz-transform: scale(1);
     -ms-transform: scale(1);
     -o-transform: scale(1);
     transform: scale(1);
}
 .loader {
     text-align: center;
     width: 100%;
     position: relative;
     overflow: hidden;
     height: 100%;
     margin: 0 auto;
     display: flex;
     justify-content: center;
     flex-direction: column;
     align-items: center;
}
 .loader.style-2 .earth {
     background: url("../img/bg/preloader-2.png");
}
 .wait {
     margin: 5rem 0;
}
 .iata_code {
     font-size: 6rem;
     opacity: 0.3;
     top: 52%;
     position: absolute;
     color: #0099cc;
}
 .departure_city {
     left: 0;
}
 .arrival_city {
     right: 1.5rem;
}
 .plane {
     position: absolute;
     margin: 0 auto;
     width: 100%;
}
 .plane-img {
     -webkit-animation: spin 2.5s linear infinite;
     -moz-animation: spin 2.5s linear infinite;
     animation: spin 2.5s linear infinite;
}
 .earth-wrapper {
     position: absolute;
     margin: 0 auto;
     width: 100%;
}
 .earth {
     width: 160px;
     height: 160px;
     background: url("../img/bg/preloader.png");
     border-radius: 100%;
     background-size: 340px;
     animation: earthAnim 12s infinite linear;
     margin: 0 auto;
     border: 1px solid #CDD1D3;
}
 @keyframes earthAnim {
     0% {
         background-position-x: 0;
    }
     100% {
         background-position-x: -340px;
    }
}
 @media screen and (max-width: 420px) {
     .departure_city {
         left: 0;
         right: 0;
         top: 30%;
         position: absolute;
         margin: 0 auto;
    }
     .arrival_city {
         left: 0;
         right: 0;
         top: 93%;
         position: absolute;
         margin: 0 auto;
    }
}
/*----------------------------------------*/
/* 24. package 
/*----------------------------------------*/
 .package-bg {
     background-position: center bottom;
     background-repeat: no-repeat;
     z-index: 1;
}
 .package-bg .xb-strock-text {
     bottom: 37%;
}
 .xb-package .xb-item--inner {
     padding: 15px;
     background: #fff;
     border-radius: 10px;
     -webkit-border-radius: 10px;
     -moz-border-radius: 10px;
     -ms-border-radius: 10px;
     -o-border-radius: 10px;
     filter: drop-shadow(0px 14px 19px rgba(221, 229, 236, 0.42));
}
 .xb-package .xb-item--inner:hover .xb-item--img img {
     -webkit-transform: scale(1);
     -ms-transform: scale(1);
     transform: scale(1);
}
 .xb-package .xb-item--img {
     border-radius: 20px 20px 0 0;
     -webkit-border-radius: 20px 20px 0 0;
     -moz-border-radius: 20px 20px 0 0;
     -ms-border-radius: 20px 20px 0 0;
     -o-border-radius: 20px 20px 0 0;
     overflow: hidden;
}
 .xb-package .xb-item--img img {
     -webkit-transform: scale(1.06);
     -ms-transform: scale(1.06);
     transform: scale(1.06);
     -webkit-transition: 0.3s var(--easing);
     -o-transition: 0.3s var(--easing);
     transition: 0.3s var(--easing);
}
 .xb-package .xb-item--holder {
     padding: 30px 15px;
     padding-bottom: 20px;
}
 .xb-package .xb-item--country img, .xb-package .xb-item--rating img {
     width: 22px;
     height: 22px;
     border-radius: 50%;
     -webkit-border-radius: 50%;
     -moz-border-radius: 50%;
     -ms-border-radius: 50%;
     -o-border-radius: 50%;
     margin-right: 6px;
}
 .xb-package .xb-item--country span, .xb-package .xb-item--rating span {
     font-size: 14px;
     font-weight: 500;
     color: #0F172A;
}
 .xb-package .xb-item--rating span {
     margin-right: 12px;
}
 .xb-package .xb-item--title {
     font-size: 24px;
     color: #0F172A;
}
 .xb-package .xb-item--title a {
     color: currentColor;
}
 .xb-package .xb-item--info {
     padding-top: 25px;
     margin-top: 28px;
     border-top: 1px solid #F5F5F5;
     margin-bottom: 30px;
}
 .xb-package .xb-item--info li {
     font-size: 14px;
     font-weight: 500;
     color: #0F172A;
     display: flex;
     align-items: center;
}
 .xb-package .xb-item--info li img {
     margin-right: 8px;
}
 .xb-package .xb-item--btn {
     font-size: 14px;
     font-weight: 600;
     color: #B1B4BA;
     display: inline-block;
     width: 100%;
     padding: 10px 20px;
     border: 1px solid #F5F5F5;
     border-radius: 94px;
     -webkit-border-radius: 94px;
     -moz-border-radius: 94px;
     -ms-border-radius: 94px;
     -o-border-radius: 94px;
     text-align: center;
}
 .xb-package .xb-item--btn span {
     color: #0F172A;
     font-weight: 600;
     -webkit-transition: 0.3s;
     -o-transition: 0.3s;
     transition: 0.3s;
}
 .xb-package .xb-item--btn:hover {
     background-color: var(--color-primary);
     color: var(--color-white);
}
 .xb-package .xb-item--btn:hover span {
     color: currentColor;
}
/*----------------------------------------*/
/* 25. category 
/*----------------------------------------*/
 .xb-category .xb-item--inner {
     background-color: var(--color-white);
     text-align: center;
     border-radius: 20px;
     -webkit-border-radius: 20px;
     -moz-border-radius: 20px;
     -ms-border-radius: 20px;
     -o-border-radius: 20px;
     filter: drop-shadow(0px 14px 19px rgba(221, 229, 236, 0.42));
     padding: 42px 20px;
     position: relative;
     overflow: hidden;
     -webkit-transition: 0.3s var(--easing);
     -o-transition: 0.3s var(--easing);
     transition: 0.3s var(--easing);
}
 .xb-category .xb-item--inner:hover {
     -webkit-transform: translateY(-6px);
     -ms-transform: translateY(-6px);
     transform: translateY(-6px);
}
 .xb-category .xb-item--inner:hover .xb-item--icon {
     background-color: #FFBD0F;
     filter: drop-shadow(0px 6px 9px rgba(255, 187, 15, 0.2));
}
 .xb-category .xb-item--inner:hover .xb-item--icon svg path {
     fill: #fff;
}
 .xb-category .xb-item--inner:hover .xb-item--icon.color-2 {
     background-color: #897CB5;
     filter: drop-shadow(0px 6px 9px rgba(137, 124, 181, 0.2));
}
 .xb-category .xb-item--inner:hover .xb-item--icon.color-3 {
     background-color: #FE6C3F;
     filter: drop-shadow(0px 6px 9px rgba(254, 108, 63, 0.2));
}
 .xb-category .xb-item--inner:hover .xb-item--icon.color-4 {
     background-color: #03CB99;
     filter: drop-shadow(0px 6px 9px rgba(0, 204, 153, 0.2));
}
 .xb-category .xb-item--inner:hover .xb-item--icon.color-5 {
     background-color: #0091FF;
     filter: drop-shadow(0px 6px 9px rgba(0, 145, 255, 0.2));
}
 .xb-category .xb-item--icon {
     width: 59px;
     height: 59px;
     border-radius: 50%;
     -webkit-border-radius: 50%;
     -moz-border-radius: 50%;
     -ms-border-radius: 50%;
     -o-border-radius: 50%;
     background-color: rgba(255, 187, 15, 0.1);
     display: flex;
     align-items: center;
     justify-content: center;
     margin: 0 auto 20px;
     -webkit-transition: 0.3s;
     -o-transition: 0.3s;
     transition: 0.3s;
}
 .xb-category .xb-item--icon svg path {
     -webkit-transition: 0.3s;
     -o-transition: 0.3s;
     transition: 0.3s;
}
 .xb-category .xb-item--icon.color-1 {
     background-color: #897CB5;
}
 .xb-category .xb-item--icon.color-2 {
     background-color: rgba(137, 124, 181, 0.1);
}
 .xb-category .xb-item--icon.color-3 {
     background-color: rgba(254, 108, 63, 0.1);
}
 .xb-category .xb-item--icon.color-4 {
     background-color: rgba(3, 203, 153, 0.1);
}
 .xb-category .xb-item--icon.color-5 {
     background-color: rgba(0, 145, 255, 0.1);
}
 .xb-category .xb-item--title {
     font-size: 20px;
     letter-spacing: -0.6px;
}
 .xb-category .xb-item--link {
     position: absolute;
     top: 0;
     left: 0;
     width: 1005px;
     height: 100%;
}
 .xb-category-slider {
     margin-left: -100px;
     margin-right: -100px;
     padding: 40px 0;
}
 @media (max-width: 767px) {
     .xb-category-slider {
         margin-left: 0;
         margin-right: 0;
    }
}
 .xb-strock-text-cat {
     margin-left: -10%;
     margin-right: -10%;
}
 @media (max-width: 991px) {
     .pt-md-100 {
         padding-top: 100px;
    }
}
/*----------------------------------------*/
/* 26. destination 
/*----------------------------------------*/
 .destination-section {
     padding-left: 20px;
     padding-right: 20px;
}
 @media (max-width: 991px) {
     .destination-section {
         padding-top: 50px;
    }
}
 .xb-destination {
     border: 5px solid #fff;
     border-radius: 20px;
     -webkit-border-radius: 20px;
     -moz-border-radius: 20px;
     -ms-border-radius: 20px;
     -o-border-radius: 20px;
     position: relative;
     overflow: hidden;
     box-shadow: 0px 14px 19px 0px rgba(221, 229, 236, 0.42);
}
 .xb-destination::before {
     position: absolute;
     bottom: 0;
     left: 0;
     width: 100%;
     height: calc(100% - 43%);
     background: linear-gradient(0deg, #0F172A 3.77%, rgba(15, 23, 42, 0) 77.22%);
     content: "";
}
 .xb-destination.style-video {
     border-radius: 50%;
     -webkit-border-radius: 50%;
     -moz-border-radius: 50%;
     -ms-border-radius: 50%;
     -o-border-radius: 50%;
}
 .xb-destination.style-video::before {
     display: none;
}
 .xb-destination .xb-item--holder {
     position: absolute;
     bottom: 45px;
     left: 40px;
}
 @media only screen and (min-width: 1200px) and (max-width: 1300px) {
     .xb-destination .xb-item--holder {
         bottom: 30px;
         left: 20px;
    }
}
 .xb-destination .xb-item--holder span {
     font-size: 14px;
     font-weight: 500;
     line-height: 26px;
     letter-spacing: -0.14px;
     color: #BDBDBD;
}
 .xb-destination .xb-item--title {
     color: var(--color-white);
     font-size: 20px;
     font-weight: 600;
     line-height: 34px;
     letter-spacing: -0.6px;
}
 .xb-destination .xb-item--play {
     position: absolute;
     top: 50%;
     left: 50%;
     -webkit-transform: translate(-50%, -50%);
     -ms-transform: translate(-50%, -50%);
     transform: translate(-50%, -50%);
     color: var(--color-white);
     font-size: 40px;
}
 .xb-destination__strock-text {
     top: 50%;
     left: 0;
     -webkit-transform: translateY(-50%);
     -ms-transform: translateY(-50%);
     transform: translateY(-50%);
     margin-left: -10%;
     margin-right: -10%;
}
 .row.gap-40 > * {
     padding-left: 20px;
     padding-right: 20px;
}
/*----------------------------------------*/
/* 27. sidebar 
/*----------------------------------------*/
 .offcanvas-sidebar .sidebar-logo, .offcanvas-sidebar .sidebar-content, .offcanvas-sidebar .sidebar-contact-info, .offcanvas-sidebar .sidebar-newsletter {
     -webkit-transition: 0.3s var(--easing);
     -o-transition: 0.3s var(--easing);
     transition: 0.3s var(--easing);
     -webkit-transform: translateY(30px);
     -ms-transform: translateY(30px);
     transform: translateY(30px);
     opacity: 0;
}
 .offcanvas-sidebar.active .sidebar-logo, .offcanvas-sidebar.active .sidebar-content, .offcanvas-sidebar.active .sidebar-contact-info, .offcanvas-sidebar.active .sidebar-newsletter, .offcanvas-sidebar.active .sidebar-menu-close {
     -webkit-transition: 0.3s;
     -o-transition: 0.3s;
     transition: 0.3s;
     -webkit-transform: translateY(0);
     -ms-transform: translateY(0);
     transform: translateY(0);
     opacity: 1;
}
 .offcanvas-sidebar.active .sidebar-logo {
     transition-delay: .2s;
}
 .offcanvas-sidebar.active .sidebar-content {
     transition-delay: .3s;
}
 .offcanvas-sidebar.active .sidebar-contact-info {
     transition-delay: .4s;
}
 .offcanvas-sidebar.active .sidebar-newsletter {
     transition-delay: .5s;
}
 .offcanvas-sidebar.active .sidebar-menu-close {
     transition-delay: .6s;
}
 .sidebar-menu-close {
     position: absolute;
     top: 50px;
     right: 50px;
     text-align: center;
     transition: .3s;
     -webkit-transition: .3s;
     -moz-transition: .3s;
     -ms-transition: .3s;
     -o-transition: .3s;
     opacity: 0;
     -webkit-transform: translateX(30px);
     -ms-transform: translateX(30px);
     transform: translateX(30px);
}
 .offcanvas-sidebar .xb-close {
     width: 60px;
     height: 60px;
     border-width: 18px;
     background: #FFF;
     border-radius: 50%;
     -webkit-border-radius: 50%;
     -moz-border-radius: 50%;
     -ms-border-radius: 50%;
     -o-border-radius: 50%;
     box-shadow: 0px 5px 15px 0px rgba(83, 108, 132, 0.11);
}
 .offcanvas-sidebar .xb-close::before, .offcanvas-sidebar .xb-close::after {
     background-color: var(--color-black);
}
 .offcanvas-sidebar {
     position: fixed;
     overflow-y: auto;
     top: 0;
     right: -775px;
     max-width: 600px;
     width: 100%;
     padding: 10px 30px;
     height: 100%;
     display: block;
     background-color: var(--color-white);
     z-index: 1020;
     transition-duration: 500ms;
    /*background-image: url(../img/bg/sidebar_bg.jpg);*/
    
     background-repeat: no-repeat;
     background-size: cover;
     background-position: center bottom;
     display: flex;
     justify-content: center;
     flex-direction: column;
}
 .offcanvas-sidebar.active {
     right: 0;
}
 @media only screen and (min-width: 1200px) and (max-width: 1500px) {
     .sidebar-top, .sidebar-contact-info {
         margin-bottom: 80px;
    }
}
 .sidebar-content {
     max-width: 500px;
     color: #000000;
     /*font-weight: 600;*/
}
 .sidebar-heading {
     font-size: 14px;
     color: #90939B;
     text-transform: uppercase;
     font-weight: 700;
     display: inline-block;
     margin-bottom: 22px;
     letter-spacing: 1.68px;
}
 .sidebar-info-list li {
     display: flex;
     align-items: center;
     color: #000000;
}
 .sidebar-info-list li span {
     margin-right: 15px;
}
 .sidebar-info-list li:not(:last-child) {
     margin-bottom: 14px;
}
 .sidebar-info-list li a {
     color: currentColor;
}
 .sidebar-newsletter-from {
     max-width: 409px;
     position: relative;
}
 .sidebar-newsletter-from input {
     padding: 18px;
     border-radius: 10px;
     -webkit-border-radius: 10px;
     -moz-border-radius: 10px;
     -ms-border-radius: 10px;
     -o-border-radius: 10px;
     height: 60px;
     filter: drop-shadow(0px 7px 8px rgba(35, 49, 75, 0.07));
}
 .sidebar-newsletter-from button {
     width: 65px;
     height: 60px;
     background-color: var(--color-primary);
     color: var(--color-white);
     font-size: 20px;
     display: flex;
     align-items: center;
     justify-content: center;
     position: absolute;
     top: 0;
     right: 0;
     border-radius: 10px;
     -webkit-border-radius: 10px;
     -moz-border-radius: 10px;
     -ms-border-radius: 10px;
     -o-border-radius: 10px;
}
/*----------------------------------------*/
/* 28. backtotop 
/*----------------------------------------*/
 .xb-backtotop {
     right: 30px;
     z-index: 999;
     bottom: 20px;
     position: fixed;
     -webkit-transition: 0.3s;
     -o-transition: 0.3s;
     transition: 0.3s;
     opacity: 0;
     visibility: hidden;
}
 .xb-backtotop.active {
     bottom: 40px;
     opacity: 1;
     visibility: visible;
}
 .xb-backtotop .scroll {
     z-index: 1;
     width: 40px;
     height: 40px;
     display: block;
     background-color: var(--color-primary);
     display: flex;
     align-items: center;
     justify-content: center;
     position: relative;
     box-shadow: 0px 4px 7px rgba(178, 190, 205, 0.29);
     color: var(--color-white);
     border-radius: 5px;
     -webkit-border-radius: 5px;
     -moz-border-radius: 5px;
     -ms-border-radius: 5px;
     -o-border-radius: 5px;
     font-size: 14px;
}
 .xb-backtotop .scroll:hover {
     margin-bottom: 4px;
}
 .xb-backtotop.style-2 .scroll {
     background: var(--color-gradient);
}
 .xb-backtotop.style-3 .scroll {
     background: var(--color-primary-3);
}
/*----------------------------------------*/
/* 29. search 
/*----------------------------------------*/
 .header-search-form-wrapper {
     position: fixed;
     top: 0;
     left: 0;
     right: 0;
     width: 100%;
     height: 400px;
     z-index: 9999;
     background-color: #fff;
     transform: translate3d(0, -100%, 0);
     transition: transform 0.85s cubic-bezier(0.175, 1, 0.275, 1), visibility 0.8s step-end;
}
 @media (max-width: 767px) {
     .header-search-form-wrapper {
         height: 200px;
    }
}
 .header-search-form-wrapper.open {
     transition: transform 0.85s cubic-bezier(0.175, 1, 0.275, 1), visibility 0.8s step-start;
     transform: translate3d(0, 0, 0);
}
 .header-search-form-wrapper .search-form {
     margin: 0 auto;
     position: relative;
     text-align: center;
     top: 50%;
     left: 0;
     -webkit-transform: translateY(-50%);
     -ms-transform: translateY(-50%);
     -moz-transform: translateY(-50%);
     transform: translateY(-50%);
}
 .header-search-form-wrapper .search-form input[type="search"] {
     height: 65px;
     line-height: 65px;
     font-size: 28px;
     background-color: transparent;
     text-align: left;
     color: balck;
     border: none;
     border-bottom: 1px solid #ccc;
     padding-left: 0;
     border-radius: 0;
     width: 100%;
     color: #000;
}
 @media (max-width: 767px) {
     .header-search-form-wrapper .search-form input[type="search"] {
         height: 45px;
         line-height: 50px;
         font-size: 18px;
    }
}
 .header-search-form-wrapper .search-form input[type="search"]::placeholder {
     color: #a4a4a4;
     opacity: 1;
}
 .header-search-form-wrapper .search-form input[type="search"]:-ms-input-placeholder {
     color: #a4a4a4;
}
 .header-search-form-wrapper .search-form input[type="search"]::-ms-input-placeholder {
     color: #a4a4a4;
}
 .header-search-form-wrapper .search-submit {
     position: absolute;
     height: 50px;
     width: 50px;
     bottom: 0;
     right: 0;
     background-color: transparent;
     color: #9F9F9F;
     font-size: 24px;
}
 @media (max-width: 767px) {
     .header-search-form-wrapper .search-submit {
         height: 35px;
         font-size: 20px;
    }
}
 .header-search-form-wrapper .xb-search-close {
     background: #cccccc45;
     width: 54px;
     height: 54px;
     border-width: 18px;
     position: absolute;
     top: 0;
     right: 0;
     z-index: 2;
}
 .header-search-form-wrapper .xb-search-close::before, .header-search-form-wrapper .xb-search-close::after {
     background-color: var(--color-black);
}
 @media (max-width: 767px) {
     .header-search-form-wrapper .xb-search-close {
         width: 50px;
         height: 50px;
         background-color: transparent;
    }
}
 .header-search-container {
     width: 100%;
     height: 100%;
     max-width: 1170px;
     border: 0;
     padding: 0;
     background: 0 0;
     transform: translate3d(0, calc(100% - 100px), 0);
     transition: transform 0.85s cubic-bezier(0.175, 1, 0.275, 1);
     margin: auto;
     opacity: 0;
     visibility: hidden;
}
 @media (max-width: 1199px) {
     .header-search-container {
         padding: 0 50px;
    }
}
 @media (max-width: 767px) {
     .header-search-container {
         padding: 0 15px;
    }
}
 .header-search-form-wrapper.open .header-search-container {
     transform: translate3d(0, 0, 0);
     opacity: 1;
     visibility: visible;
}
/*----------------------------------------*/
/* 30. sec-title 
/*----------------------------------------*/
 .sec-title h2 {
     font-size: 30px;
     font-weight: 700;
     line-height: 1.2;
     letter-spacing: -1.5px;
     display: inline-block;
}
 @media (max-width: 1199px) {
     .sec-title h2 {
         font-size: 42px;
    }
}
 @media (max-width: 767px) {
     .sec-title h2 {
         font-size: 28px;
         line-height: 1.3;
    }
}
 .sec-title h2 span {
     color: var(--color-default);
}
 .sec-title p {
     font-size: 18px;
     line-height: 28px;
     letter-spacing: -0.2px;
}
 .sec-title--sub {
     font-size: 14px;
     font-style: normal;
     font-weight: 700;
     line-height: 22px;
     letter-spacing: 6.72px;
     text-transform: uppercase;
     color: #110F10;
     margin-bottom: 18px;
     display: flex;
     align-items: center;
}
 .sec-title--sub img:first-child {
     margin-right: 13px;
}
 .sec-title--sub img:last-child {
     margin-left: 5px;
}
 .sec-title--heading {
     font-size: 30px;
     font-weight: 700;
     color: #110F10;
     line-height: 1.2;
}
 @media (max-width: 1199px) {
     .sec-title--heading {
         font-size: 40px;
    }
}
 @media (max-width: 767px) {
     .sec-title--heading {
         font-size: 28px;
    }
}
 .sec-title.style-2.text-center .sec-title--sub {
     justify-content: center;
}
 .sec-title.style-2 p {
     font-size: 18px;
     color: #000000;
     font-weight: 400;
     line-height: 28px;
}
 .sec-title--big .sec-title--heading {
     font-size: 60px;
}
 @media (max-width: 1199px) {
     .sec-title--big .sec-title--heading {
         font-size: 45px;
    }
}
 @media (max-width: 767px) {
     .sec-title--big .sec-title--heading {
         font-size: 32px;
    }
}
 .sec-title--travel .subtitle {
     font-size: 20px;
     font-weight: 700;
     font-family: "Poppins", sans-serif;
     margin-bottom: 20px;
     color: var(--color-heading);
     display: inline-block;
}
 .sec-title--travel h2 {
     display: block;
}
 .sec-title--travel p {
     font-size: 18px;
     line-height: 28px;
}
 .sec-title--white span, .sec-title--white .subtitle, .sec-title--white h3, .sec-title--white h2 {
     color: var(--color-white);
}
 .sec-title.style-3 .sec-title--sub {
     letter-spacing: 0.1em;
     color: var(--color-heading-two);
}
 .sec-title.style-3 .sec-title--sub img:first-child {
     margin-right: 13px;
}
 .sec-title.style-3 .sec-title--sub img:last-child {
     margin-left: 13px;
}
 .sec-title.style-3 .sec-title--heading {
     color: var(--color-heading-two);
}
 .sec-title.style-3 p {
     opacity: 1;
     letter-spacing: -0.1px;
     color: var(--color-heading-two);
}
 .sec-title.style-4 .sub_title {
     font-weight: 700;
     font-size: 14px;
     margin-bottom: 10px;
     display: inline-block;
     letter-spacing: 0.1em;
     text-transform: uppercase;
     color: var(--color-heading-three);
     font-family: "Poppins", sans-serif;
}
 .sec-title.style-4 .sub_title img:first-child {
     margin-right: 5px;
     transform: translateY(-2px);
}
 .sec-title.style-4 .sub_title img:last-child {
     margin-left: 5px;
     transform: translateY(-2px);
}
 .sec-title.style-4 .title {
     font-size: 48px;
     letter-spacing: -0.03em;
     color: var(--color-heading-three);
     text-transform: capitalize;
}
 @media (max-width: 1199px) {
     .sec-title.style-4 .title {
         font-size: 42px;
    }
}
 @media (max-width: 991px) {
     .sec-title.style-4 .title {
         font-size: 35px;
    }
}
 @media (max-width: 767px) {
     .sec-title.style-4 .title {
         font-size: 32px;
    }
}
 .sec-title.style-4 .title span {
     color: #fad59f;
}
 .sec-title.style-4 .content {
     font-size: 18px;
     font-weight: 400;
     margin-top: 15px;
     letter-spacing: -0.01em;
     font-family: "Poppins", sans-serif;
     color: var(--color-heading-three);
}
 .citizenship-header .header__top-wrap {
     background: #9ad2ff;
}
 .citizenship-header .header__top-cta {
     font-size: 14px;
     color: #00003c;
     gap: 60px;
}
 .citizenship-header .header__top-cta img {
     padding: 4px 11px;
     border: 1px solid #81bded;
     border-radius: 13px;
     -webkit-border-radius: 13px;
     -moz-border-radius: 13px;
     -ms-border-radius: 13px;
     -o-border-radius: 13px;
     background: #9ad2ff;
}
 .citizenship-header .header__top-cta span {
     font-weight: 500;
     color: #4d6082;
     text-transform: unset;
}
 .citizenship-header .header__top-info {
     font-weight: 500;
     color: #4d6082;
}
 .citizenship-header .header__top-info img {
     margin-right: 8px;
}
 .citizenship-header .main-menu > ul > li > a span {
     border-top: 1px solid #9ad2ff;
     border-right: none;
     border-bottom: none;
     border-left: none;
     border-radius: 0;
     padding: 8px 0px;
     color: var(--color-heading-two);
}
 .citizenship-header .main-menu > ul > li > a span::before {
     position: absolute;
     content: '';
     top: -1px;
     right: 0;
     height: 2px;
     width: 0;
     -webkit-transition: 0.4s;
     -o-transition: 0.4s;
     transition: 0.4s;
     background: var(--color-primary-3);
}
 .citizenship-header .main-menu ul li:not(:last-child) {
     margin-right: 40px;
}
 .citizenship-header .main-menu ul li a {
     padding: 30.5px 0;
}
 .citizenship-header .main-menu ul li:hover > a span, .citizenship-header .main-menu ul li.active > a span {
     color: var(--color-heading-two);
}
 .citizenship-header .main-menu ul li:hover > a span::before, .citizenship-header .main-menu ul li.active > a span::before {
     width: 100%;
     right: auto;
     left: 0;
}
 .citizenship-header .header__search {
     color: var(--color-heading-two);
}
 .citizenship-header .header__language ul .lang-btn {
     color: var(--color-heading-two);
}
 .citizenship-header .header__action > li::before {
     background: #9ad2ff;
}
 .citizenship-header .xb-menu-primary li > a:hover, .xb-menu-primary li > a.current, .xb-menu-primary li.current_page_item > a, .xb-menu-primary li.current-menu-item > a, .xb-menu-primary li.current_page_ancestor > a, .xb-menu-primary li.current-menu-ancestor > a, .xb-menu-primary .xb-menu-toggle:hover {
     color: var(--color-primary-3);
}
 .citizenship-hero {
     min-height: 700px;
}
 @media (max-width: 1199px) {
     .citizenship-hero {
         min-height: 700px;
    }
}
 .citizenship-hero .hero__content {
     margin-top: -80px;
}
 .citizenship-hero .hero__content h1 {
     margin-bottom: 50px;
     color: var(--color-white);
}
 .citizenship-hero .hero__content h1 span {
     color: var(--color-secondary-2);
}
 .citizenship-hero .hero__content p {
     font-size: 18px;
     max-width: 630px;
     letter-spacing: -0.1px;
     color: var(--color-white);
}
 .citizenship-hero .hero__bottom {
     gap: 30px;
     /*display: flex;*/
     align-items: center;
     justify-content: start;
     flex-wrap: wrap;
     flex-direction: row-reverse;
     /*padding-right: 65px;*/
}
 @media (max-width: 1199px) {
     .citizenship-hero .hero__bottom {
         flex-direction: row;
    }
}
 .citizenship-hero .cr-hero_shape .shape {
     position: absolute;
}
 .citizenship-hero .cr-hero_shape .shape--1 {
     left: 0;
     bottom: 0;
}
 @media (max-width: 1199px) {
     .citizenship-hero .cr-hero_shape .shape--1 {
         width: 10%;
    }
}
 .citizenship-hero .cr-hero_shape .shape--2 {
     right: -285px;
     bottom: -407px;
}
 @media (max-width: 1199px) {
     .citizenship-hero .cr-hero_shape .shape--2 {
         right: -340px;
         bottom: -340px;
    }
}
 @media (max-width: 767px) {
     .citizenship-hero .cr-hero_shape .shape--2 {
         right: -510px;
         bottom: -258px;
    }
}
 .citizenship-hero .cr-hero_shape .shape .globe {
     animation: rotated 100s linear infinite;
}
 @media (max-width: 1199px) {
     .citizenship-hero .cr-hero_shape .shape .globe {
         width: 80%;
    }
}
 @media (max-width: 767px) {
     .citizenship-hero .cr-hero_shape .shape .globe {
         width: 50%;
    }
}
 .cr-feature-item {
     max-width: 378px;
     margin-bottom: 90px;
}
 @media only screen and (min-width: 1200px) and (max-width: 1300px) {
     .cr-feature-item {
         max-width: 350px;
    }
}
 @media (max-width: 1199px) {
     .cr-feature-item {
         margin-bottom: 25px;
         max-width: 50%;
    }
}
 @media (max-width: 991px) {
     .cr-feature-item {
         max-width: 45%;
    }
}
 @media (max-width: 767px) {
     .cr-feature-item {
         max-width: 100%;
         margin-bottom: 72px;
    }
}
 .cr-feature-item .xb-item--inner {
     gap: 20px;
     display: flex;
     align-items: center;
     justify-content: center;
}
 @media (max-width: 1199px) {
     .cr-feature-item .xb-item--inner {
         align-items: start;
    }
}
 .cr-feature-item .xb-item--holder {
     flex-basis: 0;
     flex-grow: 1;
}
 @media (max-width: 1199px) {
     .cr-feature-item .xb-item--holder {
         transform: translateY(-5px);
    }
}
 .cr-feature-item .xb-item--title {
     font-size: 22px;
     font-weight: 700;
     margin-bottom: 13px;
}
 @media only screen and (min-width: 576px) and (max-width: 767px) {
     .cr-feature-item .xb-item--content {
         max-width: 300px;
    }
}
 .cr-feature-item .xb-item--icon {
     z-index: 1;
     height: 80px;
     width: 80px;
     display: flex;
     align-items: center;
     justify-content: center;
     position: relative;
     border-radius: 100px;
     -webkit-border-radius: 100px;
     -moz-border-radius: 100px;
     -ms-border-radius: 100px;
     -o-border-radius: 100px;
}
 .cr-feature-item .xb-item--icon img {
     -webkit-transition: 0.4s;
     -o-transition: 0.4s;
     transition: 0.4s;
}
 .cr-feature-item .xb-item--icon:before, .cr-feature-item .xb-item--icon::after {
     position: absolute;
     content: '';
     z-index: -1;
     bottom: 0;
     left: 0;
     height: 80px;
     width: 80px;
     border-radius: inherit;
     background: #f5fbff;
     -webkit-transition: 0.4s;
     -o-transition: 0.4s;
     transition: 0.4s;
}
 .cr-feature-item .xb-item--icon::after {
     top: -4px;
     z-index: -2;
     background: #9ad2ff;
}
 .cr-feature-item:hover .xb-item--icon::before {
     height: 0;
}
 .cr-feature-item:hover .xb-item--icon img {
     transform: rotateY(180deg);
}
 .cr-feature-wrap {
     margin-top: 30px;
     position: relative;
}
 @media (max-width: 1199px) {
     .cr-feature-wrap {
         margin-top: 70px;
         width: 100%;
         display: flex;
         flex-wrap: wrap;
         justify-content: space-around;
    }
}
 @media (max-width: 991px) {
     .cr-feature-wrap {
         justify-content: space-between;
    }
}
 @media (max-width: 767px) {
     .cr-feature-wrap {
         margin-top: 0px;
    }
}
 .cr-feature-wrap:not(:first-child)::before {
     position: absolute;
     content: '';
     left: -40px;
     top: 0;
     height: 74%;
     width: 1px;
     background: linear-gradient(180deg, #f5fbff 0%, #9ad2ff 47.62%, #f5fbff 100%);
}
 @media (max-width: 1199px) {
     .cr-feature-wrap:not(:first-child)::before {
         left: 6%;
         top: -43%;
         height: 1px;
         width: 90%;
    }
}
 @media (max-width: 991px) {
     .cr-feature-wrap:not(:first-child)::before {
         left: 0;
         width: 100%;
    }
}
 @media (max-width: 767px) {
     .cr-feature-wrap:not(:first-child)::before {
         display: none;
    }
}
 .cr-feture {
     position: relative;
}
 @media (max-width: 767px) {
     .cr-feture {
         margin-top: 70px;
    }
}
 .cr-feture::before {
     position: absolute;
     content: '';
     left: 0;
     top: 42%;
     height: 1px;
     width: 100%;
     transform: translateY(-50%);
     background: linear-gradient(90deg, #f5fbff 5%, #9ad2ff 51.52%, #f5fbff 95%);
}
 @media (max-width: 1199px) {
     .cr-feture::before {
         left: 50%;
         top: 53%;
         height: 83%;
         width: 1px;
         transform: translate(-50%, -50%);
    }
}
 @media (max-width: 767px) {
     .cr-feture::before {
         display: none;
    }
}
 .cr-feature-bottom {
     margin-top: -25px;
}
 @media (max-width: 1199px) {
     .cr-feature-bottom {
         margin-top: 40px;
    }
}
 @media (max-width: 991px) {
     .cr-feature-bottom {
         margin-top: 50px;
    }
}
 @media (max-width: 767px) {
     .cr-feature-bottom {
         margin-top: 10px;
    }
}
 .cr-feature-bottom_content {
     gap: 40px;
     position: relative;
     padding: 40px 40px 55px 30px;
     box-shadow: 0 -7px 64px 0 rgba(0, 0, 60, 0.06);
     background: linear-gradient(180deg, #fff 0%, #f5fbff 100%);
}
 @media (max-width: 767px) {
     .cr-feature-bottom_content {
         padding: 40px 35px 55px 30px;
    }
}
 .cr-feature-bottom_content .feature_list {
     gap: 44px;
}
 .cr-feature-bottom_content .feature_list ul li {
     text-transform: capitalize;
     color: var(--color-heading-two);
}
 .cr-feature-bottom_content .feature_list ul li:not(:last-child) {
     margin-bottom: 12px;
}
 .cr-feature-bottom_content .feature_list ul li i {
     margin-right: 12px;
     color: var(--color-primary-3);
}
 .cr-feature-bottom_content::before {
     position: absolute;
     content: '';
     top: 0;
     left: 0;
     right: 0;
     height: 4px;
     width: 100%;
     background-image: url(../img/about/feature-line.png);
     background-position: top center;
     background-repeat: no-repeat;
     background-size: cover;
}
 .xb-program-item {
     overflow: hidden;
     background: #00003c;
     border-radius: 15px;
     -webkit-border-radius: 15px;
     -moz-border-radius: 15px;
     -ms-border-radius: 15px;
     -o-border-radius: 15px;
     /*border: 1px solid #333363;*/
     -webkit-transition: 0.3s;
     -o-transition: 0.3s;
     transition: 0.3s;
}
 .xb-program-item .xb-item--img {
     border-radius: 15px 15px 0 0;
     position: relative;
}
 .xb-program-item .xb-item--img::before {
     position: absolute;
     content: '';
     top: 0;
     left: 0;
     opacity: 0;
     height: 100%;
     width: 100%;
     -webkit-transition: 0.3s;
     -o-transition: 0.3s;
     transition: 0.3s;
     /*background: rgba(251, 62, 45, 0.8);*/
}
 .xb-program-item .xb-item--img img {
     width: 100%;
}
 .xb-program-item .xb-item--top ul {
     padding: 15px 20px;
}
 .xb-program-item .xb-item--top ul li {
     font-size: 18px;
     font-weight: 700;
     color: var(--color-white);
     text-transform: uppercase;
}
 .xb-program-item .xb-item--holder {
     padding: 25px 22px 25px 20px;
     border-top: 1px solid #333363;
}
 .xb-program-item .xb-item--holder li {
     font-size: 15px;
     color: #afafc3;
}
 .xb-program-item .xb-item--holder li:not(:last-child) {
     margin-bottom: 10px;
}
 .xb-program-item .xb-item--holder li span {
     font-weight: 600;
     color: var(--color-white);
}
 .xb-program-item:hover {
     box-shadow: 0 6px 21px 0 #18186a;
}
 .xb-program-item:hover .xb-item--img::before {
     opacity: 1;
}
 .xb-program-item:hover .sec-btn {
     opacity: 1;
     transform: translateY(0);
     transition-delay: 0.1s;
}
 .xb-program-nav {
     padding: 7px;
     margin: 0 auto;
     display: inline-flex;
     justify-content: center;
     background: #00003c;
     border-radius: 10px;
     -webkit-border-radius: 10px;
     -moz-border-radius: 10px;
     -ms-border-radius: 10px;
     -o-border-radius: 10px;
     border: 1px solid #333363;
}
 .xb-program-nav .nav-item .nav-link {
     z-index: 1;
     position: relative;
     font-weight: 600;
     font-size: 18px;
     min-width: 278px;
     padding: 9.5px 30px;
     text-align: center;
     border: none;
     color: var(--color-white);
     text-transform: uppercase;
     border-radius: 7px;
     -webkit-border-radius: 7px;
     -moz-border-radius: 7px;
     -ms-border-radius: 7px;
     -o-border-radius: 7px;
     font-family: "Poppins", sans-serif;
     -webkit-transition: 0.3s;
     -o-transition: 0.3s;
     transition: 0.3s;
}
 .xb-program-nav .nav-item .nav-link.active {
     color: var(--color-heading-two);
     background: var(--color-secondary-2);
}
 .cr-about-wrap {
     gap: 30px;
}
 .cr-about-item {
     max-width: 321px;
}
 .cr-about-item .xb-item--title {
     font-weight: 700;
     font-size: 22px;
     margin: 22px 0 13px;
     text-transform: capitalize;
}
 .cr-about-item .xb-item--icon {
     margin-left: -12px;
}
 .about-slide-img {
     max-width: 218px;
     overflow: hidden;
     border-radius: 8px;
     -webkit-border-radius: 8px;
     -moz-border-radius: 8px;
     -ms-border-radius: 8px;
     -o-border-radius: 8px;
}
 @media only screen and (min-width: 1200px) and (max-width: 1300px) {
     .about-slide-img {
         max-width: 197px;
    }
}
 @media (max-width: 1199px) {
     .about-slide-img {
         max-width: 204px;
    }
}
 @media only screen and (max-width: 1023px) {
     .about-slide-img {
         max-width: 190px;
    }
}
 @media (max-width: 767px) {
     .about-slide-img {
         max-width: 153px;
    }
}
 .cr-about-shape {
     position: absolute;
     right: -15px;
     top: 0;
     z-index: -1;
}
 @media (max-width: 991px) {
     .cr-about-shape {
         max-width: 65%;
         left: 180px;
         right: auto;
    }
}
 @media (max-width: 767px) {
     .cr-about-shape {
         left: 0;
         max-width: 100%;
    }
}
 @media only screen and (min-width: 576px) and (max-width: 767px) {
     .cr-about-shape {
         left: 10%;
         max-width: 73%;
    }
}
 @media (max-width: 1199px) {
     .about-right-content {
         transform: translateX(-65px);
    }
}
 @media (max-width: 767px) {
     .about-right-content {
         transform: translateX(-20px);
    }
}
 @media only screen and (min-width: 576px) and (max-width: 767px) {
     .about-right-content {
         transform: translateX(5px);
    }
}
 .cr-about-inner {
     max-width: 218px;
     overflow: hidden;
     border-radius: 8px;
     -webkit-border-radius: 8px;
     -moz-border-radius: 8px;
     -ms-border-radius: 8px;
     -o-border-radius: 8px;
     transform: translate(91.7%, 15px);
}
 @media only screen and (min-width: 1200px) and (max-width: 1300px) {
     .cr-about-inner {
         transform: translate(90.8%, 13px);
         max-width: 200px;
    }
}
 @media (max-width: 1199px) {
     .cr-about-inner {
         max-width: 204px;
         transform: translate(90.7%, 13px);
    }
}
 @media only screen and (max-width: 1023px) {
     .cr-about-inner {
         max-width: 193px;
         transform: translate(91%, 13px);
    }
}
 @media (max-width: 991px) {
     .cr-about-inner {
         max-width: 183px;
         transform: translate(190%, 12px);
    }
}
 @media (max-width: 767px) {
     .cr-about-inner {
         max-width: 153px;
         transform: translate(91%, 12px);
    }
}
 @media only screen and (min-width: 576px) and (max-width: 767px) {
     .cr-about-inner {
         max-width: 154px;
         transform: translate(124%, 10px);
    }
}
 .cr-about-tag {
     text-align: center;
     margin-top: 51px;
     margin-bottom: 70px;
}
 .cr-about-tag a {
     font-weight: 500;
     font-size: 18px;
     color: #fb3e2d;
     position: relative;
}
 @media only screen and (min-width: 1200px) and (max-width: 1300px) {
     .cr-about-tag a {
         font-size: 17px;
    }
}
 @media only screen and (max-width: 1023px) {
     .cr-about-tag a {
         font-size: 18px;
    }
}
 @media (max-width: 991px) {
     .cr-about-tag a {
         font-size: 15px;
    }
}
 .cr-about-tag a img {
     margin-right: 7px;
}
 .cr-about-tag a::before {
     position: absolute;
     content: '';
     left: 0;
     right: 0;
     bottom: -8px;
     width: 100%;
     height: 1px;
     background: #00003c;
}
 .cr-about-btn .cr-button {
     position: absolute;
     left: 25%;
     top: 26%;
}
 @media (max-width: 767px) {
     .cr-about-btn .cr-button {
         top: 17%;
    }
}
 .cr-about-btn .cr-button svg path {
     -webkit-transition: 0.3s;
     -o-transition: 0.3s;
     transition: 0.3s;
}
 .cr-about-btn .cr-button:hover svg path {
     fill: var(--color-primary-3);
}
 .cr-about-btn .cr-button-next {
     right: 35px;
     left: auto;
}
 @media only screen and (min-width: 576px) and (max-width: 767px) {
     .cr-about-btn .cr-button-next {
         right: 110px;
    }
}
 .cr-about-slider .swiper-pagination {
     left: 50%;
     width: 60%;
     bottom: 5px;
     padding: 0 28px 4px;
     transform: translateX(-50%);
     border: 1px solid #9ad2ff;
     border-radius: 16px;
     -webkit-border-radius: 16px;
     -moz-border-radius: 16px;
     -ms-border-radius: 16px;
     -o-border-radius: 16px;
}
 @media only screen and (min-width: 1200px) and (max-width: 1300px) {
     .cr-about-slider .swiper-pagination {
         padding: 0 22px 4px;
    }
}
 @media (max-width: 1199px) {
     .cr-about-slider .swiper-pagination {
         padding: 0 25px 4px;
    }
}
 @media only screen and (max-width: 1023px) {
     .cr-about-slider .swiper-pagination {
         padding: 0 20px 4px;
    }
}
 @media (max-width: 991px) {
     .cr-about-slider .swiper-pagination {
         padding: 0 18px 4px;
    }
}
 @media (max-width: 767px) {
     .cr-about-slider .swiper-pagination {
         padding: 0 10px 4px;
    }
}
 .cr-about-slider .swiper-pagination .swiper-pagination-bullet {
     height: 9px;
     width: 9px;
     background: #00003C;
     opacity: 0.15;
}
 .cr-about-slider .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
     opacity: 1;
}
 .cr-brand-wrap .sec-title {
     top: 20px;
     z-index: 2;
     position: relative;
}
 .cr-brand-wrap .sec-title .sec-title--sub {
     display: inline-flex;
     padding: 8px 20px;
     margin-bottom: 0;
     border-radius: 20px;
     -webkit-border-radius: 20px;
     -moz-border-radius: 20px;
     -ms-border-radius: 20px;
     -o-border-radius: 20px;
     border: 1px solid #9ad2ff;
     background: var(--color-white);
}
 .cr-brand-wrap .brand-slider {
     padding: 39px 0;
     background: red;
     background: var(--color-white);
     border-radius: 10px;
     -webkit-border-radius: 10px;
     -moz-border-radius: 10px;
     -ms-border-radius: 10px;
     -o-border-radius: 10px;
     box-shadow: 0 9px 45px 0 rgba(0, 0, 60, 0.07);
}
 .cr-brand-wrap .brand-slider .xb-swiper-slide a::before {
     display: none;
}
 .cr-process-left-img {
     margin-top: 79px;
     margin-left: -134px;
     position: relative;
}
 @media (max-width: 991px) {
     .cr-process-left-img {
         margin-left: 0;
    }
}
 .cr-process-left-img .shape {
     z-index: -1;
     position: absolute;
}
 .cr-process-left-img .shape--1 {
     left: 71px;
     top: 0;
     animation: rotated 20s linear infinite;
}
 @media (max-width: 767px) {
     .cr-process-left-img .shape--1 {
         left: 0;
         width: 25%;
    }
}
 .cr-process-left-img .shape--2 {
     right: 85px;
     top: 0;
}
 @media (max-width: 767px) {
     .cr-process-left-img .shape--2 {
         right: -20px;
         width: 15%;
    }
}
 .cr-process-left {
     position: sticky;
     top: 0;
}
 .cr-process-item {
     width: 100%;
     max-width: 100%;
     position: relative;
     padding: 45px 35px 35px 30px;
     background: var(--color-white);
     border-radius: 15px;
     -webkit-border-radius: 15px;
     -moz-border-radius: 15px;
     -ms-border-radius: 15px;
     -o-border-radius: 15px;
     box-shadow: 0 12px 20px 0 #8db5e2;
     margin-bottom: 0;
}
 .cr-process-item::before {
     position: absolute;
     content: '';
     top: 34%;
     left: -23px;
     height: 1px;
     width: 23px;
     background: rgba(255, 255, 255, 0.5);
}
 .cr-process-item:not(:last-child) {
     margin-bottom: 32px;
}
 .cr-process-item .xb-item--inner {
     align-items: start;
}
 .cr-process-item .xb-item--title {
     font-size: 24px;
}
 @media (max-width: 767px) {
     .cr-process-item .xb-item--title {
         font-size: 22px;
    }
}
 .cr-process-item .xb-item--icon {
     width: 68px;
     height: 68px;
}
 .cr-process-item .xb-item--icon::after, .cr-process-item .xb-item--icon::before {
     width: 68px;
     height: 68px;
}
 .cr-process-item .xb-item--content span {
     font-weight: 600;
     color: var(--color-heading-two);
}
 .cr-process-item .xb-item--step {
     position: absolute;
     top: -13px;
     left: 0;
     overflow: hidden;
     border-radius: 62px;
     -webkit-border-radius: 62px;
     -moz-border-radius: 62px;
     -ms-border-radius: 62px;
     -o-border-radius: 62px;
     background: var(--color-primary-3);
}
 .cr-process-item .xb-item--step li {
     padding: 0 10px;
     font-weight: 600;
     color: var(--color-white);
}
 .cr-process-item .xb-item--step li:first-child {
     background: var(--color-heading-two);
}
 .cr-process-item .xb-item--step li i {
     font-size: 8px;
     margin-right: 8px;
     transform: translateY(-3px);
}
 .cr-process-right {
     position: relative;
}
 @media (max-width: 991px) {
     .cr-process-right {
         margin-top: -100px;
    }
}
 .cr-process-right::before {
     position: absolute;
     content: '';
     left: -23px;
     top: 0;
     height: 100%;
     width: 1px;
     background: rgba(255, 255, 255, 0.5);
}
 .cr-testimonial-item {
     background: #fff;
     overflow: hidden;
     z-index: 1;
     position: relative;
     border-radius: 15px;
     -webkit-border-radius: 15px;
     -moz-border-radius: 15px;
     -ms-border-radius: 15px;
     -o-border-radius: 15px;
}
 .cr-testimonial-item img {
     width: 100%;
}
 .cr-testimonial-item::before {
     position: absolute;
     content: '';
     left: -10px;
     bottom: -10px;
     width: 105%;
     height: 65%;
     filter: blur(10px);
     background: linear-gradient(180deg, rgba(0, 0, 60, 0) 5%, #da7f04 56.32%);
}
 .cr-testimonial-item .xb-item--inner {
     position: absolute;
     left: 40px;
     right: 28px;
     bottom: 35px;
}
 .cr-testimonial-item .xb-item--holder {
     gap: 15px;
     margin-top: 35px;
}
 .cr-testimonial-item .xb-item--content {
     font-size: 18px;
     font-weight: 500;
     line-height: 32px;
     letter-spacing: -0.02em;
     color: var(--color-white);
     font-family: "Poppins", sans-serif;
     display: -webkit-box;
     -webkit-line-clamp: 4;
     -webkit-box-orient: vertical;
     overflow: hidden;
     text-align: start;

}
 .cr-testimonial-item .xb-item--author {
     font-size: 20px;
     font-weight: 600;
     color: var(--color-white);
}
 .cr-testimonial-item .xb-item--desig {
     font-weight: 500;
     font-size: 12px;
     text-transform: uppercase;
     color: var(--color-white);
}
 .cr-testimonial-item.cr-tes-item-2::before {
     background: linear-gradient(180deg, rgba(0, 0, 60, 0) 5.78%, #2c99f0 55.12%);
}
 .cr-testimonial-item.cr-tes-item-3::before {
     background: linear-gradient(180deg, rgba(0, 0, 60, 0) 6.18%, #fb3e2d 58.53%);
}
 .cr-testtimonial-wrapper {
     position: relative;
}
 .cr-testtimonial-wrapper .cr-tesmonial-btn .cr-tes-btn {
     position: absolute;
     top: 50%;
     left: -90px;
     color: #9AD2FF;
     transform: translateY(-50%);
}
 .cr-testtimonial-wrapper .cr-tesmonial-btn .crt-button-next {
     left: auto;
     right: -90px;
}
 .cr-fanfact-wrap {
     padding: 40px;
     border-radius: 15px;
     -webkit-border-radius: 15px;
     -moz-border-radius: 15px;
     -ms-border-radius: 15px;
     -o-border-radius: 15px;
     background: var(--color-heading-two);
}
 .cr-fanfact-wrap .fanfact-right-img {
     position: absolute;
     top: -10px;
     right: -21.5%;
}
 @media (max-width: 1199px) {
     .cr-fanfact-wrap .fanfact-right-img {
         top: 40px;
    }
}
 @media (max-width: 991px) {
     .cr-fanfact-wrap .fanfact-right-img {
         display: none;
    }
}
 .cr-fanfact-wrap .fanfact-right-img .image {
     animation: rotated 50s linear infinite;
}
 .cr-fanfact-wrap .fanfact-right-img span {
     padding: 0 9px;
     font-size: 12px;
     font-weight: 500;
     position: absolute;
     top: 27px;
     left: 0;
     border-radius: 12px;
     -webkit-border-radius: 12px;
     -moz-border-radius: 12px;
     -ms-border-radius: 12px;
     -o-border-radius: 12px;
     background: var(--color-white);
     color: var(--color-heading-two);
}
 .cr-fanfact-wrap .fanfact-right-img span svg {
     margin-right: 6px;
     transform: translateY(-1px);
}
 .cr-fanfact-inner {
     gap: 35px;
}
 @media only screen and (min-width: 576px) and (max-width: 767px) {
     .cr-fanfact-inner {
         gap: 40px;
    }
}
 .cr-fanfact-item .xb-item--inner {
     gap: 20px;
}
 .cr-fanfact-item .xb-item--number {
     font-size: 36px;
     font-weight: 800;
     color: var(--color-white);
     overflow: hidden;
}
 .cr-fanfact-item .xb-item--number span {
     overflow: unset !important;
}
 .cr-fanfact-item .xb-item--content {
     color: var(--color-white);
}
 .cr-fanfact-item .line-shape {
     padding-left: 35px;
}
 @media (max-width: 767px) {
     .cr-fanfact-item .line-shape {
         display: none;
    }
}
 .xb-blog-item {
     z-index: 1;
     position: relative;
}
 .xb-blog-item:hover .xb-item--img img {
     transform: scale(1);
}
 .xb-blog-item .xb-item--img {
     overflow: hidden;
     border-radius: 15px;
     -webkit-border-radius: 15px;
     -moz-border-radius: 15px;
     -ms-border-radius: 15px;
     -o-border-radius: 15px;
}
 .xb-blog-item .xb-item--img img {
     transform: scale(1.1);
     -webkit-transition: 0.4s;
     -o-transition: 0.4s;
     transition: 0.4s;
}
 .xb-blog-item .xb-item--meta li {
     font-weight: 500;
     font-size: 15px;
     position: relative;
     text-transform: uppercase;
}
 .xb-blog-item .xb-item--meta li:not(:last-child) {
     padding-right: 10px;
     margin-right: 10px;
}
 .xb-blog-item .xb-item--meta li:not(:last-child)::before {
     position: absolute;
     content: '';
     right: 0;
     top: 50%;
     height: 11px;
     width: 2px;
     transform: translateY(-49%);
     background: var(--color-heading-two);
}
 .xb-blog-item .xb-item--meta li img {
     margin-right: 8px;
     transform: translateY(-2px);
}
 .xb-blog-item .xb-item--holder {
     margin-top: 25px;
     padding: 0;
}
 .xb-blog-item .xb-item--title {
     font-size: 30px;
     font-weight: 700;
     margin-bottom: 12px;
     line-height: 40px;
     letter-spacing: -0.03em;
     color: var(--color-heading-two);
}
 @media (max-width: 991px) {
     .xb-blog-item .xb-item--title {
         font-size: 25px;
    }
}
 .xb-blog-item .xb-item--title a {
     color: currentColor;
}
 .blog-item-small .xb-item--img {
     max-width: 300px;
}
 .blog-item-small .xb-item--title {
     font-size: 20px;
     line-height: 30px;
}
 .blog-item-small .xb-item--inner {
     gap: 25px;
}
 .blog-item-small .xb-item--holder {
     flex-basis: 0;
     flex-grow: 1;
     margin-top: 12px;
}
 .blog-topic {
     padding-top: 25px;
     margin-top: 30px;
     border-top: 1px solid #9ad2ff;
}
 .blog-topic .title {
     font-size: 15px;
     font-weight: 500;
     font-family: "Poppins", sans-serif;
}
 .blog-topic .tag-list {
     gap: 10px;
     margin-top: 17px;
}
 .blog-topic .tag-list li {
     margin-top: 10px;
}
 .blog-topic .tag-list li a {
     font-size: 14px;
     padding: 11px 20px;
     background: #f5fbff;
     border-radius: 5px;
     -webkit-border-radius: 5px;
     -moz-border-radius: 5px;
     -ms-border-radius: 5px;
     -o-border-radius: 5px;
     color: var(--color-heading-two);
}
 .blog-topic .tag-list li a:hover {
     background-color: var(--color-secondary-2);
}
 .blog-top .blog-btn {
     transform: translateY(-8px);
}
 .blog-top .blog-btn a {
     color: var(--color-heading-two);
     background: var(--color-secondary-2);
}
 .blog-top .blog-btn a::before {
     background: var(--color-primary-3);
}
 .blog-top .blog-btn a:hover {
     color: var(--color-white);
}
 .cta-wrap {
     z-index: 1;
     position: relative;
}
 .cta-wrap .xb-item--inner {
     text-align: center;
     min-width: 694px;
}
 @media (max-width: 767px) {
     .cta-wrap .xb-item--inner {
         min-width: 0;
    }
}
 .cta-wrap .xb-item--title {
     font-size: 48px;
     font-weight: 700;
     margin-bottom: 12px;
     color: var(--color-white);
}
 @media (max-width: 991px) {
     .cta-wrap .xb-item--title {
         font-size: 40px;
    }
}
 @media (max-width: 767px) {
     .cta-wrap .xb-item--title {
         font-size: 32px;
    }
}
 .cta-wrap .xb-item--content {
     font-size: 18px;
     font-weight: 500;
     max-width: 694px;
     display: inline-block;
     color: var(--color-white);
     font-family: v"Poppins", sans-serif;
}
 @media (max-width: 991px) {
     .cta-wrap .xb-item--content {
         font-size: 18px;
    }
}
 .cta-wrap .cat-btn {
     gap: 20px;
     display: inline-flex;
}
 @media (max-width: 767px) {
     .cta-wrap .cat-btn {
         justify-content: center;
    }
}
 .cta-wrap .cat-btn a:nth-child(2) {
     color: var(--color-heading-two);
     background: var(--color-secondary-2);
}
 .cta-wrap .cta-contact {
     gap: 20px;
     margin-top: 45px;
}
 @media (max-width: 767px) {
     .cta-wrap .cta-contact {
         justify-content: center;
    }
}
 .cta-wrap .cta-contact li {
     font-size: 14px;
     color: var(--color-white);
}
 .cta-wrap .cta-contact li a {
     font-size: 18px;
     font-weight: 500;
     color: var(--color-white);
}
 .cta-wrap .cta-contact li a img {
     margin-right: 8px;
     transform: translateY(-1.5px);
}
 .cta-wrap .cta-contact-info {
     display: block ruby;
}
 .cta-bg {
     position: relative;
}
 .cta-bg::before {
     position: absolute;
     content: '';
     left: 0;
     bottom: 0;
     right: 0;
     height: 100%;
     width: 100%;
     background: linear-gradient(0deg, #00003c 0%, rgba(0, 0, 60, 0.79) 37.63%, rgba(0, 0, 60, 0.62) 60.43%, rgba(0, 0, 60, 0) 100%);
}
 .footer-style-four .footer__widget .widget-title {
     font-size: 18px;
     font-weight: 400;
     color: #a0a0b6;
     font-family: "Poppins", sans-serif;
}
 .footer-style-four .footer__widget .footer__link-wrap {
     gap: 99px;
}
 .footer-style-four .footer__widget .footer__links li a {
     font-size: 20px;
     font-weight: 500;
     position: relative;
     color: var(--color-white);
     font-family: "Poppins", sans-serif;
}
 @media (max-width: 767px) {
     .footer-style-four .footer__widget .footer__links li a {
         font-size: 18px;
    }
}
 .footer-style-four .footer__widget .footer__links li a::before {
     position: absolute;
     content: '';
     left: 0;
     bottom: 0;
     height: 1px;
     width: 0;
     background: var(--color-secondary-2);
     -webkit-transition: 0.3s;
     -o-transition: 0.3s;
     transition: 0.3s;
}
 .footer-style-four .footer__widget .footer__links li a:hover {
     color: var(--color-secondary-2);
}
 .footer-style-four .footer__widget .footer__links li a:hover::before {
     width: 100%;
}
 .footer-style-four .footer-wrap {
     gap: 40px;
     padding: 75px 0;
     border-top: 1px solid rgba(255, 255, 255, 0.15);
}
 .footer-style-four .footer__copyright {
     padding-top: 28px;
     padding-bottom: 45px;
     border-top: 1px solid rgba(255, 255, 255, 0.15);
}
 .footer-style-four .footer__copyright .footer__copyright-text {
     color: #a0a0b6;
}
 .footer-style-four .footer__copyright .footer__copyright-text a {
     font-size: 18px;
     font-weight: 500;
     color: var(--color-white);
}
 .footer-style-four .footer__social li {
     font-size: 14px;
     font-weight: 500;
     color: var(--color-white);
     text-transform: uppercase;
}
 .footer-style-four .footer__social li a {
     color: rgba(255, 255, 255, 0.5);
}
 .footer-style-four .footer__social li a svg path {
     fill: rgba(255, 255, 255, 0.5);
     -webkit-transition: 0.3s;
     -o-transition: 0.3s;
     transition: 0.3s;
}
 .footer-style-four .footer__social li a:hover svg path {
     fill: #fff;
}
 .header-style-five .header__inner {
     padding: 0 70px;
}
 @media only screen and (min-width: 1200px) and (max-width: 1500px) {
     .header-style-five .header__inner {
         padding: 0 20px;
    }
}
 @media only screen and (min-width: 1200px) and (max-width: 1300px) {
     .header-style-five .header__inner {
         padding: 0 5px;
    }
}
 @media (max-width: 1199px) {
     .header-style-five .header__inner {
         padding: 0 0px;
    }
}
 @media (max-width: 991px) {
     .header-style-five .header__inner {
         padding: 0 20px;
    }
}
 .header-style-five .main-menu > ul > li {
     margin-right: 0 !important;
}
 .header-style-five .main-menu > ul > li > a {
     position: relative;
     padding: 27.5px 40px;
     color: var(--color-heading-three);
     border-left: 1px solid #d3d5d6;
}
 @media only screen and (min-width: 1200px) and (max-width: 1500px) {
     .header-style-five .main-menu > ul > li > a {
         padding: 27.5px 30px;
    }
}
 @media only screen and (min-width: 1200px) and (max-width: 1300px) {
     .header-style-five .main-menu > ul > li > a {
         padding: 27.5px 20px;
    }
}
 @media (max-width: 1199px) {
     .header-style-five .main-menu > ul > li > a {
         padding: 27.5px 20px;
    }
}
 .header-style-five .main-menu > ul > li > a span {
     padding: 0;
     border: 0;
}
 .header-style-five .main-menu > ul > li:first-child > a {
     border-left: 1px solid #d3d5d6;
}
 .header-style-five .main-menu > ul > li:last-child > a {
     border-right: 1px solid #d3d5d6;
}
 .header-style-five .main-menu > ul > li:hover > a, .header-style-five .main-menu > ul > li.active > a {
     color: var(--color-heading-three);
}
 .header-style-five .main-menu ul li a {
     font-size: 18px;
}
 .header-style-five .main-menu ul li .submenu {
     left: 0;
}
 .header-style-five .header-search {
     font-size: 14px;
     font-weight: 500;
     display: flex;
     align-items: center;
     justify-content: end;
     width: 188px;
     position: relative;
     margin-left: 41px;
     color: var(--color-default-3);
}
 .header-style-five .header-search span {
     margin-right: 9px;
}
 @media (max-width: 991px) {
     .header-style-five .header-search {
         display: none;
    }
}
 .header-style-five .header__action .header__bar {
     width: 50px;
     height: 50px;
     display: flex;
     align-items: center;
     justify-content: center;
     margin-left: 30px;
     border-radius: 50%;
     -webkit-border-radius: 50%;
     -moz-border-radius: 50%;
     -ms-border-radius: 50%;
     -o-border-radius: 50%;
     background-color: var(--color-heading-three);
}
 .header-style-five .header__action .header__bar span {
     background: #fff;
}
 .header-style-five .header__language ul .lang-btn {
     font-size: 18px;
     color: var(--color-heading-three);
}
 .header-style-five .xb-menu-primary .xb-menu-toggle:hover {
     color: var(--color-primary);
}
 .work-visa-sidebar {
     background-image: url(../img/bg/sidebar.webp);
}
 .work-visa-sidebar .sidebar-heading {
     color: #647384 !important;
}
 .work-visa-sidebar .sidebar-newsletter-from button {
     background-color: var(--color-primary-4);
     color: #121C27;
}
 .xb-backtotop.style-4 .scroll {
     background: var(--color-primary-4);
     color: #121C27;
}
 .hero__style-five {
     z-index: 1;
     position: relative;
     min-height: 805px;
     display: flex;
     align-items: center;
}
 .hero__style-five .xb-hero-content2 {
     transform: translateY(-8px);
}
 .hero__style-five .xb-hero-content2 .sec-title.style-4 .sub_title {
     color: var(--color-white);
}
 .hero__style-five .xb-hero-content2 .sec-title.style-4 .title {
     font-size: 75px;
     font-weight: 800;
     line-height: 1.2;
     color: var(--color-white);
}
 .hero__style-five .xb-hero-content2 .sec-title.style-4 .title span {
     color: #fad59f;
}
 @media (max-width: 1199px) {
     .hero__style-five .xb-hero-content2 .sec-title.style-4 .title {
         font-size: 62px;
    }
}
 @media (max-width: 991px) {
     .hero__style-five .xb-hero-content2 .sec-title.style-4 .title {
         font-size: 48px;
    }
}
 @media (max-width: 767px) {
     .hero__style-five .xb-hero-content2 .sec-title.style-4 .title {
         font-size: 40px;
    }
}
 .hero__style-five .xb-hero-content2 .sec-title.style-4 .content {
     font-size: 18px;
     font-weight: 500;
     margin-top: 20px;
     color: var(--color-white);
     display: inline-block;
}
 @media (max-width: 767px) {
     .hero__style-five .xb-hero-content2 .sec-title.style-4 .content {
         font-size: 18px;
    }
}
 .hero__style-five .hero-item_list {
     gap: 25px;
     margin-top: 50px;
}
 .hero__style-five .hero-item_list li {
     font-size: 18px;
     font-weight: 500;
     width: 47%;
     white-space: nowrap;
     color: var(--color-white);
}
 .hero__style-five .hero-item_list li img {
     margin-right: 15px;
}
 @media only screen and (max-width: 1023px) {
     .hero__style-five .hero-item_list li {
         width: 50%;
    }
}
 .work-visa-form {
     background: #fff;
     margin-left: 20px;
     padding: 40px 40px 50px;
     border-radius: 15px;
     -webkit-border-radius: 15px;
     -moz-border-radius: 15px;
     -ms-border-radius: 15px;
     -o-border-radius: 15px;
}
 @media (max-width: 767px) {
     .work-visa-form {
         margin-left: 0;
    }
}
 .work-visa-form .title {
     font-size: 26px;
     margin-bottom: 10px;
}
 @media only screen and (max-width: 1023px) {
     .work-visa-form .title {
         font-size: 22px;
    }
}
 .work-visa-form .content {
     font-size: 18px;
}
 @media only screen and (max-width: 1023px) {
     .work-visa-form .content {
         font-size: 18px;
    }
}
 .work-visa-form .work-visa-input-form {
     margin-top: 25px;
     margin-bottom: 5px;
}
 .work-visa-form .work-visa-input-form input, .work-visa-form .work-visa-input-form select {
     height: 50px;
     padding: 20px;
     font-size: 18px;
     font-weight: 400;
     margin-bottom: 20px;
     background: #fff;
     border: 1px solid #d3d5d6;
     border-radius: 5px;
     -webkit-border-radius: 5px;
     -moz-border-radius: 5px;
     -ms-border-radius: 5px;
     -o-border-radius: 5px;
     color: var(--color-heading-three);
}
 .work-visa-form .work-visa-input-form input:focus, .work-visa-form .work-visa-input-form select:focus {
     background: #ecf4f8;
}
 .work-visa-form .work-visa-input-form input::placeholder, .work-visa-form .work-visa-input-form select::placeholder {
     color: #647384;
}
 .work-visa-form .work-visa-input-form .nice-select {
     height: 50px !important;
     min-height: 50px !important;
     line-height: 47px !important;
     margin-bottom: 0;
     font-size: 18px;
     font-weight: 400;
     margin-bottom: 20px;
}
 .work-visa-form .form-check-input {
     width: 20px;
     height: 20px;
     margin-right: 10px;
     border: 1px solid #d3d5d6;
     border-radius: 2px;
     -webkit-border-radius: 2px;
     -moz-border-radius: 2px;
     -ms-border-radius: 2px;
     -o-border-radius: 2px;
     overflow: hidden;
}
 @media only screen and (max-width: 1023px) {
     .work-visa-form .form-check-input {
         margin-right: 8px;
    }
}
 .work-visa-form .form-check-input:focus {
     box-shadow: none;
     border: 1px solid #d3d5d6;
}
 .work-visa-form .form-check-input:active {
     filter: brightness(100%);
}
 .work-visa-form .form-check-input:checked {
     border: #d3d5d6;
}
 .work-visa-form .form-check-label a {
     color: #647384;
     text-decoration: underline;
}
 .work-visa-form .visa-form-btn button {
     width: 100%;
     margin-top: 36px;
     padding: 19.1px 40px;
}
 .cta-wrapper .xb-item--inner {
     gap: 30px;
     padding: 55px 0;
     border-bottom: 1px solid #d3d5d6;
}
 @media (max-width: 991px) {
     .cta-wrapper .xb-item--inner {
         justify-content: center;
    }
}
 .cta-wrapper .xb-item--content {
     font-size: 20px;
     font-weight: 700;
     color: var(--color-heading-three);
}
 @media (max-width: 1199px) {
     .cta-wrapper .xb-item--content {
         font-size: 18px;
    }
}
 @media (max-width: 767px) {
     .cta-wrapper .xb-item--content {
         font-size: 18px;
    }
}
 .cta-wrapper .xb-item--call-method {
     gap: 86px;
}
 @media (max-width: 1199px) {
     .cta-wrapper .xb-item--call-method {
         gap: 50px;
    }
}
 @media (max-width: 767px) {
     .cta-wrapper .xb-item--call-method {
         gap: 20px;
    }
}
 .cta-wrapper .xb-item--call-method li {
     display: inline-flex;
     align-items: center;
     color: var(--color-heading-three);
}
 .cta-wrapper .xb-item--call-method li span {
     height: 41px;
     width: 41px;
     display: flex;
     align-items: center;
     justify-content: center;
     margin-right: 12px;
     background: #fad59f;
     border-radius: 100%;
     -webkit-border-radius: 100%;
     -moz-border-radius: 100%;
     -ms-border-radius: 100%;
     -o-border-radius: 100%;
}
 .about-top_right {
     padding: 0 35px 0 80px;
}
 @media (max-width: 991px) {
     .about-top_right {
         padding: 0 35px 0 0px;
    }
}
 .about-top_right ul {
     gap: 55px;
     margin-top: 45px;
}
 @media only screen and (min-width: 1200px) and (max-width: 1300px) {
     .about-top_right ul {
         gap: 15px;
    }
}
 @media (max-width: 1199px) {
     .about-top_right ul {
         gap: 15px;
         margin-top: 25px;
    }
}
 .about-top_right ul li {
     font-weight: 500;
     font-family: "Poppins", sans-serif;
     color: var(--color-heading-three);
}
 .about-top_right ul li i {
     margin-right: 10px;
     color: var(--color-primary-4);
}
 .xb-about-item .xb-item--inner {
     z-index: 1;
     overflow: hidden;
     position: relative;
     border-radius: 15px;
     -webkit-border-radius: 15px;
     -moz-border-radius: 15px;
     -ms-border-radius: 15px;
     -o-border-radius: 15px;
}
 .xb-about-item .xb-item--inner::before {
     position: absolute;
     content: '';
     left: 0;
     top: 0;
     width: 100%;
     height: 100%;
     background: rgba(18, 28, 39, 0.4);
}
 .xb-about-item .xb-item--img img {
     width: 100%;
}
 .xb-about-item .xb-item--fanfact {
     position: absolute;
     left: 40px;
     bottom: 40px;
     min-width: 356px;
     padding: 40px 28px;
     background: #fff;
     border-radius: 10px;
     -webkit-border-radius: 10px;
     -moz-border-radius: 10px;
     -ms-border-radius: 10px;
     -o-border-radius: 10px;
}
 @media (max-width: 1199px) {
     .xb-about-item .xb-item--fanfact {
         min-width: 340px;
         padding: 20px 28px;
    }
}
 @media (max-width: 767px) {
     .xb-about-item .xb-item--fanfact {
         min-width: 300px;
         padding: 15px 28px;
         bottom: 20px;
    }
}
 .xb-about-item .xb-item--content {
     gap: 20px;
}
 .xb-about-item .xb-item--icon {
     height: 73px;
     width: 73px;
     display: flex;
     align-items: center;
     justify-content: center;
     background: #fad59f;
     border-radius: 100%;
     -webkit-border-radius: 100%;
     -moz-border-radius: 100%;
     -ms-border-radius: 100%;
     -o-border-radius: 100%;
}
 .xb-about-item .xb-item--number {
     font-weight: 600;
     font-size: 48px;
     margin-bottom: 5px;
     letter-spacing: -0.04em;
}
 @media (max-width: 767px) {
     .xb-about-item .xb-item--number {
         font-size: 32px;
    }
}
 .xb-about-item .xb-item--text {
     font-weight: 500;
     font-family: "Poppins", sans-serif;
     color: var(--color-heading-three);
}
 .xb-about-item .xb-item--holder {
     transform: translateY(-3px);
}
 .job-category-item {
     width: 17.3%;
     text-align: center;
}
 @media (max-width: 991px) {
     .job-category-item {
         width: 29.3%;
    }
}
 @media (max-width: 767px) {
     .job-category-item {
         width: 46%;
    }
}
 .job-category-item:hover .xb-icon img {
     transform: rotate(5deg) scale(1.03);
}
 .job-category-item .xb-icon {
     height: 168px;
     width: 100%;
     background: #fff;
     padding: 20px;
     border-radius: 15px;
     -webkit-border-radius: 15px;
     -moz-border-radius: 15px;
     -ms-border-radius: 15px;
     -o-border-radius: 15px;
     display: flex;
     align-items: center;
     justify-content: center;
}
 .job-category-item .xb-icon img {
     -webkit-transition: 0.3s;
     -o-transition: 0.3s;
     transition: 0.3s;
}
 .job-category-item h4 {
     font-size: 22px;
     font-weight: 700;
     margin-top: 25px;
}
 @media (max-width: 767px) {
     .job-category-item h4 {
         font-size: 20px;
    }
}
 .job-category-wrap {
     display: flex;
     align-items: center;
     justify-content: space-between;
     flex-wrap: wrap;
     gap: 55px 40px;
}
 @media only screen and (min-width: 1200px) and (max-width: 1300px) {
     .job-category-wrap {
         gap: 55px 30px;
    }
}
 @media (max-width: 1199px) {
     .job-category-wrap {
         gap: 55px 30px;
    }
}
 .category-shape {
     position: absolute;
     left: 0;
     bottom: 18px;
     z-index: -1;
}
 @media only screen and (min-width: 1200px) and (max-width: 1500px) {
     .category-shape {
         max-width: 20%;
    }
}
 @media (max-width: 1199px) {
     .category-shape {
         max-width: 22%;
    }
}
 .xb-process-item {
     padding: 35px 0;
     border-bottom: 1px solid #2e3a47;
}
 .xb-process-item:not(:last-child) {
     margin-bottom: 25px;
}
 .xb-process-item:hover .xb-item--icon {
     transform: translateY(-3px);
}
 .xb-process-item .xb-item--content {
     display: inline-flex;
     align-items: flex-start;
     gap: 60px;
}
 @media (max-width: 767px) {
     .xb-process-item .xb-item--content {
         gap: 20px;
         width: 90%;
         flex-direction: column;
    }
}
 .xb-process-item .xb-item--title {
     font-size: 28px;
     font-weight: 600;
     margin-bottom: 15px;
     color: var(--color-white);
}
 @media (max-width: 767px) {
     .xb-process-item .xb-item--title {
         font-size: 20px;
    }
}
 .xb-process-item .xb-item--content-text {
     color: #c5cfdb;
}
 @media (max-width: 991px) {
     .xb-process-item .xb-item--content-text {
         max-width: 85%;
    }
}
 .xb-process-item .xb-item--number {
     height: 38px;
     width: 39px;
     font-weight: 700;
     background: #0c9;
     display: flex;
     align-items: center;
     justify-content: center;
     border-radius: 100%;
     -webkit-border-radius: 100%;
     -moz-border-radius: 100%;
     -ms-border-radius: 100%;
     -o-border-radius: 100%;
     border: 1px solid #1a2735;
     color: var(--color-heading-three);
}
 @media (max-width: 767px) {
     .xb-process-item .xb-item--number {
         height: 29px;
         width: 29px;
    }
}
 .xb-process-item .xb-item--holder {
     max-width: 533px;
     transform: translateY(-6px);
}
 .xb-process-item .xb-item--icon {
     -webkit-transition: 0.3s;
     -o-transition: 0.3s;
     transition: 0.3s;
}
 @media (max-width: 1199px) {
     .xb-process-item .xb-item--icon {
         max-width: 7%;
    }
}
 @media (max-width: 767px) {
     .xb-process-item .xb-item--icon {
         max-width: 10%;
    }
}
 .process-wrap {
     padding-left: 172px;
     padding-right: 172px;
}
 @media (max-width: 1199px) {
     .process-wrap {
         padding-left: 100px;
         padding-right: 100px;
    }
}
 @media (max-width: 991px) {
     .process-wrap {
         padding-left: 0px;
         padding-right: 0px;
    }
}
 .xb-process-shape .shape {
     z-index: -1;
     position: absolute;
     overflow: visible;
}
 .xb-process-shape .shape--1 {
     left: 0;
     top: 120px;
}
 .xb-process-shape .shape--2 {
     right: 0;
     top: 86px;
}
 .cta-banner-item .banner-btn a::before {
     background: var(--color-primary-4);
}
 .cta-banner-wrap {
     z-index: 1;
     overflow: hidden;
     margin-top: -241px;
     background: #fad59f;
     padding: 65px 72px 58px 70px;
     border-radius: 15px;
     -webkit-border-radius: 15px;
     -moz-border-radius: 15px;
     -ms-border-radius: 15px;
     -o-border-radius: 15px;
}
 @media (max-width: 767px) {
     .cta-banner-wrap {
         padding: 65px 30px;
         background-image: none !important;
    }
}
 .cta-base {
     position: absolute;
     top: 10px;
     right: 33px;
}
 @media only screen and (min-width: 1200px) and (max-width: 1300px) {
     .cta-base {
         right: 5px;
    }
}
 @media (max-width: 1199px) {
     .cta-base {
         right: 4px;
    }
}
 @media (max-width: 991px) {
     .cta-base {
         right: 33px;
    }
}
 @media (max-width: 767px) {
     .cta-base {
         display: none;
    }
}
 .cta-base p {
     font-size: 14px;
     font-weight: 700;
     text-transform: uppercase;
     font-family: "Poppins", sans-serif;
     color: var(--color-heading-three);
}
 @media only screen and (min-width: 1200px) and (max-width: 1300px) {
     .cta-base p {
         font-size: 12px;
    }
}
 @media (max-width: 1199px) {
     .cta-base p {
         color: #fff;
         font-size: 12px;
    }
}
 @media (max-width: 991px) {
     .cta-base p {
         color: var(--color-heading-three);
    }
}
 .cta-base h2 {
     padding-left: 40px;
     font-size: 48px;
     font-weight: 800;
     margin-top: 5px;
}
 @media only screen and (min-width: 1200px) and (max-width: 1300px) {
     .cta-base h2 {
         font-size: 25px;
    }
}
 @media (max-width: 1199px) {
     .cta-base h2 {
         color: #fff;
         font-size: 25px;
    }
}
 @media (max-width: 991px) {
     .cta-base h2 {
         color: var(--color-heading-three);
    }
}
 .cta-shape {
     position: absolute;
     bottom: 0;
     left: 46.2%;
}
 @media (max-width: 991px) {
     .cta-shape {
         left: 63.2%;
    }
}
 @media (max-width: 767px) {
     .cta-shape {
         left: 50.2%;
         max-width: 20%;
         bottom: 21%;
    }
}
 .visa-item {
     border-bottom: 1px solid #d3d5d6;
}
 .visa-item .xb-title {
     font-size: 26px;
     font-weight: 700;
     display: inline-flex;
     align-items: center;
     gap: 13px;
}
 @media (max-width: 767px) {
     .visa-item .xb-title {
         font-size: 22px;
    }
}
 .visa-item .xb-content {
     display: block;
     margin: 24px 0;
     font-family: "Poppins", sans-serif;
}
 .wv-testimonial-wrap {
     padding: 40px 70px;
     background: var(--color-white);
     border-radius: 15px;
     -webkit-border-radius: 15px;
     -moz-border-radius: 15px;
     -ms-border-radius: 15px;
     -o-border-radius: 15px;
}
 @media (max-width: 767px) {
     .wv-testimonial-wrap {
         padding: 40px 15px;
    }
}
 .wv-testimonial-wrap .accordion_box .block {
     border-radius: 0;
     margin-bottom: 0;
     border-left: 0;
     border-right: 0;
     border-bottom: 0;
     border-top: 1px solid #d3d5d6;
}
 .wv-testimonial-wrap .accordion_box .block:first-child {
     border-top: 0;
}
 .wv-testimonial-wrap .accordion_box .block .acc-btn {
     padding: 18px 0 22px;
}
 @media (max-width: 991px) {
     .wv-testimonial-wrap .accordion_box .block .acc-btn {
         display: inline-block;
    }
}
 .acc-btn.testimonial-head .xb-item--title {
     font-size: 30px;
     font-weight: 500;
     letter-spacing: -0.01em;
}
 @media (max-width: 991px) {
     .acc-btn.testimonial-head .xb-item--title {
         font-size: 28px;
    }
}
 .acc-btn.testimonial-head .xb-item--head-content {
     display: inline-flex;
     align-items: center;
     gap: 20px;
     transform: translateY(6px);
}
 .acc-btn.testimonial-head .xb-item--head-content p {
     font-size: 17px;
     font-weight: 500;
     display: inline-flex;
     color: var(--color-default-3);
}
 @media (max-width: 991px) {
     .acc-btn.testimonial-head .xb-item--head-content p {
         font-size: 15px;
    }
}
 .acc-btn.testimonial-head .xb-item--head-content p span {
     font-size: 17px;
     font-weight: 500;
     color: var(--color-heading-three);
}
 .acc-btn.testimonial-head .xb-item--head-content .rating {
     font-size: 20px;
     font-weight: 600;
     color: var(--color-heading-three);
}
 @media (max-width: 991px) {
     .acc-btn.testimonial-head .xb-item--head-content .rating {
         font-size: 18px;
    }
}
 .acc-btn.testimonial-head .xb-item--head-content .rating i {
     color: #fece00;
     margin-right: 10px;
}
 .testimonial-body {
     margin-bottom: 30px;
     padding: 50px 50px;
     background: #f5f5f5;
     border-radius: 15px;
     -webkit-border-radius: 15px;
     -moz-border-radius: 15px;
     -ms-border-radius: 15px;
     -o-border-radius: 15px;
}
 @media (max-width: 767px) {
     .testimonial-body {
         padding: 66px 20px;
    }
}
 .testimonial-body .xb-item--inner {
     display: flex;
     align-items: start;
     justify-content: space-between;
}
 @media (max-width: 991px) {
     .testimonial-body .xb-item--inner {
         display: inline-block;
    }
}
 .testimonial-body .xb-item--content {
     width: 69%;
     position: relative;
     padding-left: 45px;
     /*padding-right: 93px;*/
}
 @media (max-width: 1199px) {
     .testimonial-body .xb-item--content {
         padding-right: 36px;
    }
}
 @media (max-width: 991px) {
     .testimonial-body .xb-item--content {
         width: 100%;
         padding-right: 0;
    }
}
 .testimonial-body .xb-item--content span {
     position: absolute;
     top: 0;
     left: 0;
}
 .testimonial-body .xb-item--content p {
     display: inline-block;
     font-size: 18px;
     line-height: 28px;
     font-family: "Poppins", sans-serif;
     color: var(--color-heading-three);
     transform: translateY(-7px);
}
 @media (max-width: 1199px) {
     .testimonial-body .xb-item--content p {
         font-size: 22px;
    }
}
 @media (max-width: 991px) {
     .testimonial-body .xb-item--content p {
         font-size: 20px;
    }
}
 @media (max-width: 767px) {
     .testimonial-body .xb-item--content p {
         font-size: 18px;
         line-height: 30px;
    }
}
 .testimonial-body .xb-item--author {
     width: 31%;
}
 @media (max-width: 991px) {
     .testimonial-body .xb-item--author {
         width: 100%;
         gap: 30px;
         display: inline-flex;
         align-items: center;
         margin-bottom: 50px;
    }
}
 .testimonial-body .xb-item--avatar {
     display: inline-block;
     overflow: hidden;
     border-radius: 7px;
     -webkit-border-radius: 7px;
     -moz-border-radius: 7px;
     -ms-border-radius: 7px;
     -o-border-radius: 7px;
}
 .testimonial-body .xb-item--country {
     gap: 10px;
     margin-top: 80px;
}
 @media (max-width: 991px) {
     .testimonial-body .xb-item--country {
         margin-top: 0;
         display: inline-block;
    }
}
 .testimonial-body .xb-item--country span {
     font-weight: 500;
     font-family: "Poppins", sans-serif;
}
 @media (max-width: 991px) {
     .testimonial-body .xb-item--country span {
         display: block;
         margin-top: 10px;
    }
}
 .testimonial-body .xb-item--country img {
     border-radius: 2px;
     -webkit-border-radius: 2px;
     -moz-border-radius: 2px;
     -ms-border-radius: 2px;
     -o-border-radius: 2px;
}
 .xb-brand-wrap {
     overflow: hidden;
     background: #121c27;
     border: 1px solid #353e47;
     border-radius: 15px;
     -webkit-border-radius: 15px;
     -moz-border-radius: 15px;
     -ms-border-radius: 15px;
     -o-border-radius: 15px;
}
 .xb-brand-item {
     width: 20%;
     padding: 20px;
     display: flex;
     align-items: center;
     justify-content: center;
     min-height: 149px;
     -webkit-transition: 0.3s;
     -o-transition: 0.3s;
     transition: 0.3s;
}
 @media (max-width: 767px) {
     .xb-brand-item {
         width: 100%;
    }
}
 @media (max-width: 991px) {
     .xb-brand-item a {
         max-width: 85%;
    }
}
 .xb-brand-item:not(:last-child) {
     border-right: 1px solid #353e47;
}
 @media (max-width: 767px) {
     .xb-brand-item:not(:last-child) {
         border-right: none;
         border-bottom: 1px solid #353e47;
    }
}
 .xb-brand-item:nth-child(4) {
     border-right: 0;
}
 .xb-brand-item img {
     opacity: 0.5;
     -webkit-transition: 0.3s;
     -o-transition: 0.3s;
     transition: 0.3s;
}
 .xb-brand-item:hover {
     background: #1e2732;
}
 .xb-brand-item:hover img {
     opacity: 1;
}
 .xb-brand-item--big {
     width: 40%;
}
 @media (max-width: 767px) {
     .xb-brand-item--big {
         width: 100%;
    }
}
 .xb-brand-item--big h2 {
     font-size: 28px;
     font-weight: 500;
     text-transform: capitalize;
     color: var(--color-white);
     line-height: 36px;
}
 @media (max-width: 991px) {
     .xb-brand-item--big h2 {
         font-size: 20px;
    }
}
 @media (max-width: 767px) {
     .xb-brand-item--big h2 {
         font-size: 24px;
    }
}
 .xb-brand-item--big h2 span {
     color: #fad59f;
}
 .xb-brand-item.top-border {
     border-top: 1px solid #353e47;
}
 @media (max-width: 767px) {
     .xb-brand-item.top-border {
         border-top: 0;
    }
}
 @media (max-width: 991px) {
     .wv-blog-wrap {
         display: flex;
    }
}
 @media (max-width: 767px) {
     .wv-blog-wrap {
         flex-direction: column;
    }
}
 .wv-blog-wrap .blog-item-small .xb-item--meta li {
     color: #677687;
}
 .wv-blog-wrap .blog-item-small .xb-item--meta li:not(:last-child)::before {
     background: var(--color-heading-three);
}
 .wv-blog-wrap .blog-item-small .xb-item--holder {
     margin-top: 25px;
}
 @media (max-width: 991px) {
     .wv-blog-wrap .blog-item-small .xb-item--holder {
         max-width: 85%;
    }
}
 .wv-blog-wrap .xb-blog-item .xb-item--title {
     color: var(--color-heading-three);
}
 .xb-blog-item-big .xb-item--inner {
     position: relative;
}
 .xb-blog-item-big .xb-item--inner::before {
     position: absolute;
     content: '';
     z-index: 1;
     left: 0;
     bottom: 0;
     height: 100%;
     width: 100%;
     border-radius: 15px;
     -webkit-border-radius: 15px;
     -moz-border-radius: 15px;
     -ms-border-radius: 15px;
     -o-border-radius: 15px;
     background: linear-gradient(360deg, #121c27 0%, rgba(18, 28, 39, 0.9) 37.31%, rgba(18, 28, 39, 0) 100%);
}
 .xb-blog-item-big .xb-item--holder {
     position: absolute;
     left: 58px;
     right: 58px;
     bottom: 45px;
     z-index: 2;
     text-align: center;
}
 @media (max-width: 767px) {
     .xb-blog-item-big .xb-item--holder {
         left: 25px;
         right: 25px;
    }
}
 .xb-blog-item-big .xb-item--meta li {
     color: var(--color-white);
}
 .xb-blog-item-big .xb-item--meta li:not(:last-child)::before {
     background: var(--color-white);
}
 .xb-blog-item-big .xb-item--title {
     font-size: 32px;
     color: var(--color-white);
}
 @media (max-width: 1199px) {
     .xb-blog-item-big .xb-item--title {
         font-size: 25px;
    }
}
 .xb-blog-item-big .xb-item--content {
     color: var(--color-white);
}
 .faq-wrap {
     padding: 0 190px;
}
 @media (max-width: 1199px) {
     .faq-wrap {
         padding: 0 100px;
    }
}
 @media (max-width: 991px) {
     .faq-wrap {
         padding: 0 0;
    }
}
 .faq-wrap .accordion_box .block {
     border: none;
     border-radius: 0;
     margin-bottom: 0;
     border-top: 1px solid #d3d5d6;
}
 .faq-wrap .accordion_box .block::before {
     display: none;
}
 .faq-wrap .accordion_box .block:last-child {
     border-bottom: 1px solid #d3d5d6;
}
 .faq-wrap .accordion_box .block .acc-btn {
     font-size: 24px;
     padding: 29px 0 31px;
     color: var(--color-heading-three);
}
 @media (max-width: 991px) {
     .faq-wrap .accordion_box .block .acc-btn {
         font-size: 22px;
    }
}
 @media (max-width: 767px) {
     .faq-wrap .accordion_box .block .acc-btn {
         font-size: 18px;
         max-width: 80%;
    }
}
 .faq-wrap .accordion_box .block .acc-btn .arrow {
     right: 0;
     top: 28px;
     width: 30px;
     height: 30px;
     box-shadow: none;
     background: #fff;
}
 @media (max-width: 767px) {
     .faq-wrap .accordion_box .block .acc-btn .arrow {
         right: -75px;
    }
}
 .faq-wrap .accordion_box .block .acc-btn .arrow::before {
     left: 9px;
     top: 3px;
}
 .faq-wrap .accordion_box .block .content {
     padding-left: 0;
}
 .faq-wrap .accordion_box .block .content p {
     color: #677687;
}
 .faq-wrap .accordion_box .block .content ul li {
     color: var(--color-heading-three);
}
 .faq-wrap .accordion_box .block .content ul li i {
     color: var(--color-primary);
}
 .faq-shape {
     position: relative;
     margin-top: -58px;
     margin: 0 -40px;
}
 .faq-shape .shape {
     position: absolute;
     left: 44%;
     top: 39%;
}
 @media (max-width: 1199px) {
     .faq-shape .shape {
         top: 34%;
         left: 42%;
    }
}
 @media (max-width: 991px) {
     .faq-shape .shape {
         top: 36%;
         left: 40%;
         max-width: 15%;
    }
}
 .cta-bg-overlay::before {
     background: rgba(18, 28, 39, 0.7);
}
 .wv-footer .footer__widget .widget-title {
     text-transform: uppercase;
}
 .wv-footer .footer__widget .footer-logo {
     margin-bottom: 90px;
}
 .wv-footer .footer__widget .address {
     font-size: 18px;
     margin-top: -20px;
     color: var(--color-white);
}
 .wv-footer .footer__widget .footer__links li:not(:last-child) {
     margin-bottom: 7px;
}
 .wv-footer .footer__widget .footer__links li a {
     font-size: 18px;
     font-weight: 600;
}
 .wv-footer .footer__widget .footer__links li a::before {
     background: var(--color-primary-4);
}
 .wv-footer .footer__widget .footer__links li a:hover {
     color: var(--color-primary-4);
}
 .wv-footer .footer__widget .footer-newsletter-form {
     max-width: 350px;
     transform: translateY(5px);
}
 .wv-footer .footer__widget .footer-newsletter-form input {
     width: 100%;
     height: 50px;
     color: #fff;
     margin-bottom: 15px;
     border: 1px solid #fff;
     border-radius: 5px;
     -webkit-border-radius: 5px;
     -moz-border-radius: 5px;
     -ms-border-radius: 5px;
     -o-border-radius: 5px;
     background: var(--color-heading-three);
}
 .wv-footer .footer__widget .footer-newsletter-form input::placeholder {
     color: rgba(255, 255, 255, 0.6);
}
 .wv-footer .footer__widget .footer-newsletter-form button {
     position: unset;
     padding: 10px;
     height: 50px;
     width: 100%;
     font-size: 18px;
     font-weight: 600;
     border-radius: 5px;
     -webkit-border-radius: 5px;
     -moz-border-radius: 5px;
     -ms-border-radius: 5px;
     -o-border-radius: 5px;
     background: var(--color-primary-4);
     color: var(--color-heading-three);
}
 .wv-footer .footer__widget .notice {
     gap: 15px;
     margin-top: 25px;
}
 .wv-footer .footer__widget .notice a {
     height: 40px;
     width: 40px;
     background: #353e47;
     display: flex;
     align-items: center;
     justify-content: center;
     border-radius: 100%;
     -webkit-border-radius: 100%;
     -moz-border-radius: 100%;
     -ms-border-radius: 100%;
     -o-border-radius: 100%;
}
 .wv-footer .footer__widget .notice a img {
     transform-origin: top;
     animation: shake 0.7s ease-out infinite;
}
 .wv-footer .footer__widget .notice p {
     flex-grow: 1;
     flex-basis: 0;
     color: #c4c4c4;
}
 .wv-footer .footer-wrap {
     padding-top: 0;
     border-top: none;
     padding-bottom: 82px;
}
 .wv-footer .footer__social li a:hover {
     color: var(--color-primary-4);
}
 .wv-footer .footer__social li a:hover svg path {
     fill: #0df888;
}
/*----------------------------------------*/
/* 23. footer 
/*----------------------------------------*/
 .footer__widget .widget-title {
     font-size: 20px;
     line-height: 28px;
     margin-bottom: 25px;
     letter-spacing: -0.6px;
}
 .footer__cta li {
     font-size: 20px;
     color: var(--color-dark);
}
 @media (max-width: 767px) {
     .footer__cta li {
         font-size: 20px;
    }
}
 .footer__cta li:not(:last-child) {
     margin-bottom: 17px;
}
 .footer__cta li > span {
     margin-right: 10px;
     width: 45px;
     height: 45px;
     border-radius: 50%;
     -webkit-border-radius: 50%;
     -moz-border-radius: 50%;
     -ms-border-radius: 50%;
     -o-border-radius: 50%;
     background-color: var(--color-white);
     display: flex;
     align-items: center;
     justify-content: center;
     box-shadow: 0px 4px 4px rgba(48, 69, 75, 0.03);
}
 .footer__links li:not(:last-child) {
     margin-bottom: 10px;
}
 .footer__links li a {
     color: var(--color-default);
     display: flex;
     align-items: center;
     display: inline-block;
}
 .footer__links li a:hover {
     color: var(--color-dark);
}
 .footer__links li a:hover > span svg path {
     fill: var(--color-primary);
}
 .footer__links li a > span {
     display: inline-block;
     margin-right: 10px;
     -webkit-transform: translateY(-2px);
     -ms-transform: translateY(-2px);
     transform: translateY(-2px);
}
 .footer__links li a > span svg path {
     -webkit-transition: 0.3s;
     -o-transition: 0.3s;
     transition: 0.3s;
}
 .footer__custom-col {
     width: 23%;
}
 .footer__custom-col:first-child {
     width: 31%;
}
 @media (max-width: 991px) {
     .footer__custom-col:first-child {
         width: 50%;
    }
}
 @media (max-width: 767px) {
     .footer__custom-col:first-child {
         width: 100%;
    }
}
 @media only screen and (min-width: 576px) and (max-width: 767px) {
     .footer__custom-col:first-child {
         width: 50%;
    }
}
 @media (max-width: 991px) {
     .footer__custom-col {
         width: 50%;
    }
}
 @media (max-width: 767px) {
     .footer__custom-col {
         width: 100%;
    }
}
 @media only screen and (min-width: 576px) and (max-width: 767px) {
     .footer__custom-col {
         width: 50%;
    }
}
 .footer__custom-col:not(:first-child) .footer__widget {
     padding-left: 0px;
}
 @media (max-width: 1199px) {
     .footer__custom-col:not(:first-child) .footer__widget {
         padding-left: 30px;
    }
}
 @media (max-width: 991px) {
     .footer__custom-col:not(:first-child) .footer__widget {
         padding-left: 0;
    }
}
 .footer__copyright {
     border-top: 1px solid #D9E3E7;
     padding-bottom: 15px;
}
 .footer__social li:not(:last-child) {
     margin-right: 16px;
}
 .footer__social li a {
     font-size: 15px;
     color: #5F5F5F;
}
 .footer__social li a:hover {
     color: var(--color-white);
}
 .footer__bottom {
     padding-top: 40px;
     margin-top: 50px;
     border-top: 1px dashed rgba(217, 227, 231, 0.2);
}
 @media (max-width: 767px) {
     .footer__nav {
         justify-content: start;
    }
}
 .footer__nav li {
     margin-top: 15px;
}
 .footer__nav li:not(:last-child) {
     margin-right: 50px;
}
 @media (max-width: 767px) {
     .footer__nav li:not(:last-child) {
         margin-right: 20px;
    }
}
 .footer__nav li a {
     font-size: 18px;
     color: var(--color-white);
     position: relative;
     font-weight: 400;
}
 .footer__nav li a::before {
     position: absolute;
     bottom: 0;
     right: 0;
     width: 0;
     height: 1px;
     content: "";
     background-color: currentColor;
     -webkit-transition: 0.4s cubic-bezier(0.67, 0.04, 0.3, 0.91);
     -o-transition: 0.4s cubic-bezier(0.67, 0.04, 0.3, 0.91);
     transition: 0.4s cubic-bezier(0.67, 0.04, 0.3, 0.91);
}
 .footer__nav li a:hover::before {
     width: 100%;
     right: auto;
     left: 0;
}
 .footer-style-two {
     padding-top: 285px;
}
 .footer-style-two .footer__custom-col:nth-child(2) .footer__widget {
     padding-left: 15px;
}
 @media (max-width: 991px) {
     .footer-style-two .footer__custom-col:nth-child(2) .footer__widget {
         padding-left: 0;
    }
}
 .footer-style-two .footer__custom-col:nth-child(3) .footer__widget {
     padding-left: 70px;
}
 @media (max-width: 991px) {
     .footer-style-two .footer__custom-col:nth-child(3) .footer__widget {
         padding-left: 0;
    }
}
 .footer-style-two .footer__widget h4 {
     letter-spacing: 0;
     font-size: 12px;
     font-weight: 700;
     color: var(--color-white);
     margin-bottom: 30px;
     text-transform: uppercase;
     font-family: "Poppins", sans-serif;
}
 .footer-style-two .footer__widget p {
     font-size: 18px;
     line-height: 26px;
     color: var(--color-white);
}
 .footer-style-two .copyright-text {
     color: var(--color-white);
}
 .footer-style-two .copyright-text span {
     color: #A3A3A3;
}
 .footer-style-two .footer-links li:not(:last-child) {
     margin-right: 45px;
}
 .footer-style-two .footer-links li a {
     color: #A3A3A3;
}
 .footer-style-two .footer-links li a:hover {
     color: var(--color-white);
}
 @media (max-width: 991px) {
     .footer-style-two .footer__social {
         justify-content: start;
    }
}
 .footer-style-three .footer__widget {
     width: 25%;
     border: 1px solid #F0F2F6;
     margin-right: -1px;
     padding-top: 85px;
     padding-bottom: 85px;
}
 .footer-style-three .footer__widget:nth-child(1) {
     border-left: 0;
     width: 20%;
}
 @media (max-width: 1199px) {
     .footer-style-three .footer__widget:nth-child(1) {
         width: 24%;
    }
}
 .footer-style-three .footer__widget:nth-child(2) {
     width: 30%;
     padding-left: 120px;
}
 @media (max-width: 1199px) {
     .footer-style-three .footer__widget:nth-child(2) {
         width: 26%;
         padding-left: 50px;
    }
}
 .footer-style-three .footer__widget:nth-child(3) {
     width: 30%;
     padding-left: 120px;
}
 @media (max-width: 1199px) {
     .footer-style-three .footer__widget:nth-child(3) {
         width: 26%;
         padding-left: 50px;
    }
}
 .footer-style-three .footer__widget:nth-child(4) {
     width: 20%;
     border-right: 0;
     padding-left: 90px;
}
 @media (max-width: 1199px) {
     .footer-style-three .footer__widget:nth-child(4) {
         width: 24%;
         padding-left: 40px;
    }
}
 @media (max-width: 991px) {
     .footer-style-three .footer__widget {
         width: 50% !important;
         padding: 0 !important;
         border: 0 !important;
         margin-top: 30px;
         padding-bottom: 50px !important;
    }
}
 .footer-style-three .footer-links li:not(:last-child) {
     margin-right: 45px;
}
 @media (max-width: 767px) {
     .footer-style-three .footer-links li:not(:last-child) {
         margin-right: 20px;
    }
}
 .footer-style-three .footer-links li a {
     color: #787B84;
}
 .footer-style-three .footer-links li a:hover {
     color: var(--color-black);
}
 .footer-style-three .footer__links {
     padding-left: 15px;
}
 .newsletter-title span {
     font-weight: 600;
     color: #787B84;
     text-transform: uppercase;
     display: inline-block;
     margin-bottom: 12px;
}
 .newsletter-title h3 {
     font-size: 24px;
     line-height: 34px;
}
 .footer-newsletter-form {
     max-width: 674px;
     width: 100%;
     position: relative;
}
 .footer-newsletter-form input {
     background-color: #F0F2F6;
     height: 66px;
     color: var(--color-heading);
     border-radius: 47px;
     -webkit-border-radius: 47px;
     -moz-border-radius: 47px;
     -ms-border-radius: 47px;
     -o-border-radius: 47px;
     padding: 20px;
     width: calc(100% - 198px);
}
 .footer-newsletter-form input::-webkit-input-placeholder {
     color: #787B84;
     opacity: 1;
}
 .footer-newsletter-form input::-moz-placeholder {
     color: #787B84;
     opacity: 1;
}
 .footer-newsletter-form input:-ms-input-placeholder {
     color: #787B84;
     opacity: 1;
}
 .footer-newsletter-form input:-moz-placeholder {
     color: #787B84;
     opacity: 1;
}
 @media (max-width: 767px) {
     .footer-newsletter-form input {
         width: 100%;
    }
}
 .footer-newsletter-form button {
     position: absolute;
     top: 0;
     right: 0;
     padding: 20px 50px;
     height: 66px;
}
 @media (max-width: 767px) {
     .footer-newsletter-form button {
         position: unset;
         margin-top: 20px;
    }
}
/*# sourceMappingURL=main.css.map */


.why-hoc {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 8px 30px;
}

.why-hoc {
    list-style: none;
}

.why-hoc li {
    position: relative;
    padding-left: 22px;
}

.why-hoc li::before {
    content: "✔";
    position: absolute;
    left: 0;
    top: 0;
    color: #5f9f57;
    font-weight: bold;
}