/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Utility
# Common
# Cards
# Topbar
# Navigation
# Home Showcase
# Mobile Nav
# Forms
# Search Popup
# Page Header
# Sidebar
# Google Map
# Client Carousel
# Footer
# Custom Cursor
# Animations
# Main Slider
# About
# Testimonials
# Why Choose
# Faq
# Pricing
# Features
# Company Info
# Skill Selling
# Insurance Policy
# Online Banking
# Need Contact
# Excellent Service
# Consultations
# Work Planning
# App Store
# Home Insurance
# Funfact
# Slide Text
# Services
# Service Details
# Insurance
# Insurance Details
# Portfolio
# Portfolio Details
# Shop
# Cart
# Checkout
# Shop Details
# Comments
# Blog Details
# Newsletter
# Login
# Contact
# Error 404
# Boxed Home
--------------------------------------------------------------*/
:root {
  --insuba-font: "Roboto", sans-serif;
  --insuba-font2: "Rubik", sans-serif;
  --insuba-heading-font: "Poppins", sans-serif;
  --insuba-special-font: "Homemade Apple", cursive;
  --insuba-text: #636363;
  --insuba-text-rgb: 99, 99, 99;
  --insuba-text-gray: #767676;
  --insuba-text-gray-rgb: 118, 118, 118;
  --insuba-base: #37337b;
  --insuba-base-rgb: 3, 101, 211;
  --insuba-gray: #e0e0e0;
  --insuba-gray-rgb: 224, 224, 224;
  --insuba-gray2: #b4b5ba;
  --insuba-gray2-rgb: 180, 181, 186;
  --insuba-gray3: #eeeeee;
  --insuba-gray3-rgb: 238, 238, 238;
  --insuba-gray4: #dbdbdb;
  --insuba-gray4-rgb: 219, 219, 219;
  --insuba-gray5: #cacaca;
  --insuba-gray5-rgb: 202, 202, 202;
  --insuba-gray6: #3c5c83;
  --insuba-gray6-rgb: 60, 92, 131;
  --insuba-gray7: #e8e7e7;
  --insuba-gray7-rgb: 232, 231, 231;
  --insuba-white: #ffffff;
  --insuba-white-rgb: 255, 255, 255;
  --insuba-white2: #ecf2f2;
  --insuba-white2-rgb: 236, 242, 242;
  --insuba-white3: #f1f6f7;
  --insuba-white3-rgb: 241, 246, 247;
  --insuba-white4: #d7d7d7;
  --insuba-white4-rgb: 215, 215, 215;
  --insuba-white5: #f0f5f5;
  --insuba-white5-rgb: 240, 245, 245;
  --insuba-white6: #e4e8eb;
  --insuba-white6-rgb: 228, 232, 235;
  --insuba-white7: #fffcf6;
  --insuba-white7-rgb: 255, 252, 246;
  --insuba-white8: #edf0f2;
  --insuba-white8-rgb: 237, 240, 242;
  --insuba-white9: #F1F5F6;
  --insuba-white9-rgb: 241, 245, 246;
  --insuba-black: #2083f4;
  --insuba-black-rgb: 18, 47, 42;
  --insuba-black2: #333333;
  --insuba-black2-rgb: 51, 51, 51;
  --insuba-black3: #19232b;
  --insuba-black3-rgb: 25, 35, 43;
  --insuba-black4: #2083f4;
  --insuba-black4-rgb: 15, 53, 100;
  --insuba-black5: rgb(29, 128, 248);
  --insuba-black5-rgb: 15, 54, 103;
  --insuba-black6: #232323;
  --insuba-black6-rgb: 35, 35, 35;
  --insuba-black7: #051d1f;
  --insuba-black7-rgb: 5, 29, 31;
  --insuba-black8: #202221;
  --insuba-black8-rgb: 32, 34, 33;
  --insuba-black9: #2682ec;
  --insuba-black9-rgb: 15, 50, 96;
  --insuba-black10: #000000;
  --insuba-black10-rgb: 0, 0, 0;
  --insuba-black11: #0e0e0e;
  --insuba-black11-rgb: 14, 14, 14;
  --insuba-black12: #2083f4;
  --insuba-black12-rgb: 38, 71, 114;
  --insuba-black13: #2083f4;
  --insuba-black13-rgb: 18, 56, 102;
  --insuba-black14: #070707;
  --insuba-black14-rgb: 7, 7, 7;
  --insuba-yellow: #ffa415;
  --insuba-yellow-rgb: 255, 164, 21;
  --insuba-blue: #7bb9ff;
  --insuba-blue-rgb: 123, 185, 255;
  --insuba-blue2: #2083f4;
  --insuba-blue2-rgb: 7, 89, 180;
  --insuba-border-color: #dddddd;
  --insuba-border-color-rgb: 221, 221, 221;
  --insuba-letter-space: 0.1em;
  --insuba-letter-space-xl: 0.2em;
  --section-space: 50px;
  --section-space2: 40px;
}

/*--------------------------------------------------------------
# Utility
--------------------------------------------------------------*/
html{
overflow-x: hidden;
width: 100%;
}

.mt-20 {
  margin-top: 20px;
}

.mt-30 {
  margin-top: 30px;
}

.mt-40 {
  margin-top: 40px;
}

.mt-50 {
  margin-top: 50px;
}

.mt-60 {
  margin-top: 60px;
}

.mt-80 {
  margin-top: 80px;
}

.mt-120 {
  margin-top: 120px;
}

.mt--60 {
  margin-top: -60px;
}

.mt--120 {
  margin-top: -120px;
}

.mb-20 {
  margin-bottom: 20px;
}

.mb-30 {
  margin-bottom: 30px;
}

.mb-40 {
  margin-bottom: 40px;
}

.mb-50 {
  margin-bottom: 50px;
}

.mb-60 {
  margin-bottom: 60px;
}

.mb-80 {
  margin-bottom: 80px;
}

.mb-120 {
  margin-bottom: 120px;
}

.mb--60 {
  margin-bottom: -60px;
}

.mb--120 {
  margin-bottom: -120px;
}

.pt-20 {
  padding-top: 20px;
}

.pt-30 {
  padding-top: 30px;
}

.pt-40 {
  padding-top: 40px;
}

.pt-50 {
  padding-top: 50px;
}

.pt-60 {
  padding-top: 60px;
}

.pt-80 {
  padding-top: 80px;
}

.pt-100 {
  padding-top: 100px;
}

.pt-110 {
  padding-top: 110px;
}

.pt-115 {
  padding-top: 115px;
}

.pt-120 {
  padding-top: 120px;
}

.pt-142 {
  padding-top: 142px;
}

.pb-20 {
  padding-bottom: 20px;
}

.pb-30 {
  padding-bottom: 30px;
}

.pb-40 {
  padding-bottom: 40px;
}

.pb-50 {
  padding-bottom: 50px;
}

.pb-60 {
  padding-bottom: 60px;
}

.pb-80 {
  padding-bottom: 80px;
}

.pb-90 {
  padding-bottom: 90px;
}

.pb-100 {
  padding-bottom: 100px;
}

.pb-110 {
  padding-bottom: 110px;
}

.pb-115 {
  padding-bottom: 115px;
}

.pb-120 {
  padding-bottom: 120px;
}

.pl-5 {
  padding-left: 5px;
}

.pl-10 {
  padding-left: 10px;
}

.pl-15 {
  padding-left: 15px;
}

.pl-20 {
  padding-left: 20px;
}

.pl-30 {
  padding-left: 30px;
}

.pr-5 {
  padding-right: 5px;
}

.pr-10 {
  padding-right: 10px;
}

.pr-15 {
  padding-right: 15px;
}

.pr-20 {
  padding-right: 20px;
}

.pr-30 {
  padding-right: 30px;
}

/*--------------------------------------------------------------
# Common
--------------------------------------------------------------*/
body {
  font-family: var(--insuba-font, "Roboto", sans-serif);
  font-size: 16px;
  color: var(--insuba-text, #111111);
  line-height: 1.75;
  font-weight: 400;
}

body.locked {
  overflow: hidden;
}

a {
  color: var(--insuba-base, #0365d3);
  transition: all 400ms ease;
}

a,
a:hover,
a:focus,
a:visited {
  text-decoration: none;
}

::placeholder {
  color: inherit;
  opacity: 1;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: var(--insuba-heading-font, "Poppins", serif);
  color: #2083f4;
}
@media (max-width: 575px) {
  h1 br,
  h2 br,
  h3 br,
  h4 br,
  h5 br,
  h6 br {
    display: none;
  }
}

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

::placeholder {
  color: inherit;
  opacity: 1;
}

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

.section-space {
  padding-top: var(--section-space, 120px);
  padding-bottom: var(--section-space, 120px);
}
@media (max-width: 767px) {
  .section-space {
    padding-top: 100px;
    padding-bottom: 100px;
  }
}
@media (max-width: 575px) {
  .section-space {
    padding-top: 80px;
    padding-bottom: 80px;
  }
}

.section-space2 {
  padding-top: var(--section-space2, 118px);
  padding-bottom: var(--section-space, 120px);
}
@media (max-width: 767px) {
  .section-space2 {
    padding-top: 96px;
    padding-bottom: 100px;
  }
}
@media (max-width: 575px) {
  .section-space2 {
    padding-top: 76px;
    padding-bottom: 76px;
  }
}

.section-space-top {
  padding-top: var(--section-space, 120px);
}
@media (max-width: 767px) {
  .section-space-top {
    padding-top: 100px;
  }
}
@media (max-width: 575px) {
  .section-space-top {
    padding-top: 80px;
  }
}

.section-space-top2 {
  padding-top: var(--section-space2, 118px);
}
@media (max-width: 767px) {
  .section-space-top2 {
    padding-top: 96px;
  }
}
@media (max-width: 575px) {
  .section-space-top2 {
    padding-top: 80px;
  }
}

.section-space-bottom {
  padding-bottom: var(--section-space, 120px);
}
@media (max-width: 767px) {
  .section-space-bottom {
    padding-bottom: 100px;
  }
}
@media (max-width: 575px) {
  .section-space-bottom {
    padding-bottom: 80px;
  }
}

.section-space-bottom2 {
  padding-bottom: 29px;
}
@media (max-width: 991px) {
  .section-space-bottom2 {
    padding-bottom: var(--section-space, 120px);
  }
}
@media (max-width: 767px) {
  .section-space-bottom2 {
    padding-bottom: 100px;
  }
}
@media (max-width: 575px) {
  .section-space-bottom2 {
    padding-bottom: 80px;
  }
}

.container-fluid,
.container {
  padding-left: 15px;
  padding-right: 15px;
}

@media (min-width: 1200px) {
  .container {
    max-width: 1200px;
  }
}
.row {
  --bs-gutter-x: 30px;
}

.gutter-y-10 {
  --bs-gutter-y: 10px;
}

.gutter-y-15 {
  --bs-gutter-y: 15px;
}

.gutter-y-20 {
  --bs-gutter-y: 20px;
}

.gutter-y-30 {
  --bs-gutter-y: 30px;
}

.gutter-y-40 {
  --bs-gutter-y: 40px;
}

.gutter-y-50 {
  --bs-gutter-y: 50px;
}

.gutter-y-60 {
  --bs-gutter-y: 60px;
}

.gutter-y-70 {
  --bs-gutter-y: 70px;
}

.gutter-y-80 {
  --bs-gutter-y: 80px;
}

.logo-retina img {
  image-rendering: -moz-crisp-edges;
  image-rendering: -o-crisp-edges;
  image-rendering: -webkit-optimize-contrast;
  image-rendering: crisp-edges;
  -ms-interpolation-mode: nearest-neighbor;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -ms-transform: translateZ(0);
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
}

/* template button */
.insuba-btn {
  cursor: pointer;
  display: inline-block;
  position: relative;
  overflow: hidden;
  vertical-align: middle;
  -webkit-appearance: none;
  border: none;
  outline: none !important;
  padding: 10.5px 77px 10.5px 35px;
  background-color: #2083f4;
  font-family: var(--insuba-font, "Roboto", sans-serif);
  font-size: 17px;
  color: var(--insuba-white, #ffffff);
  font-weight: 500;
  border-radius: 10px;
  z-index: 1;
  transition: all 500ms ease;
}
.insuba-btn::after {
  content: "";
  width: 0%;
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
  border-radius: inherit;
  background-color: #2083f4;
  z-index: -1;
  transition: all 500ms ease;
}
.insuba-btn:hover::after {
  width: 100%;
  left: 0;
}
.insuba-btn__icon-box {
  width: 44px;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  position: absolute;
  top: 0;
  right: 0;
  border-radius: 0 100px 100px 0;
  overflow: hidden;
  transition: all 500ms ease;
}
.insuba-btn__icon-box::before {
  content: "";
  width: 1px;
  height: 100%;
  background-color: var(--insuba-white, #ffffff);
  position: absolute;
  top: 0;
  left: 0;
}
.insuba-btn:hover .insuba-btn__icon-box {
  background-color: var(--insuba-black, #19232b);
}
.insuba-btn__icon {
  display: inline-flex;
  font-size: 13px;
  color: var(--insuba-white, #ffffff);
  transition: all 400ms ease;
}
.insuba-btn__icon svg {
  width: 1em;
  height: 1em;
  fill: currentColor;
}
.insuba-btn:hover .insuba-btn__icon {
  animation: slideLeft 400ms;
}
.insuba-btn--base {
  background-color: var(--insuba-base, #0365d3);
}
.insuba-btn--base::after {
  background-color: var(--insuba-black3, #19232b);
}
.insuba-btn--base .insuba-btn__icon-box {
  /* background-color: var(--insuba-black); */
}
.insuba-btn--base:hover .insuba-btn__icon-box {
  background-color: var(--insuba-base, #0365d3);
}
.insuba-btn--white {
  color: var(--insuba-black3, #19232b);
  background-color: var(--insuba-white, #ffffff);
}
.insuba-btn--white::after {
  background-color: var(--insuba-black3, #19232b);
}
.insuba-btn--white .insuba-btn__icon-box {
  background-color: var(--insuba-black, #19232b);
}
.insuba-btn--white:hover {
  color: var(--insuba-white, #ffffff);
}
.insuba-btn--white:hover .insuba-btn__icon-box {
  background-color: var(--insuba-base, #0365d3);
}

.sec-title {
  margin-bottom: 49px;
}
.sec-title--two .sec-title__top {
  padding: 0;
  background-color: transparent;
  border-radius: 0;
}
.sec-title--two .sec-title__box {
  background-color: var(--insuba-base, #0365d3);
}
.sec-title--two .sec-title__box::after {
  border-color: transparent transparent transparent var(--insuba-base, #0365d3);
}
.sec-title--two .sec-title__box--right::after {
  left: -6px;
  border-width: 4.5px 7.8px 4.5px 0;
  border-color: transparent var(--insuba-base, #0365d3) transparent transparent;
}
.sec-title--two .sec-title__box__inner {
  width: 10px;
  height: 10px;
  background-color: var(--insuba-white, #ffffff);
}
.sec-title--two .sec-title__box__inner::after {
  content: "";
  width: 6px;
  height: 6px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: var(--insuba-black5, #0f3667);
}
.sec-title--two .sec-title__tagline {
  color: var(--insuba-base, #0365d3);
}
.sec-title--center {
  text-align: center;
}
.sec-title__top {
  margin-bottom: 22px;
  padding: 7px 25px 5px;
  display: inline-flex;
  gap: 15px;
  background-color: var(--insuba-base, #0365d3);
  border-radius: 10px;
}
.sec-title__box {
  position: relative;
  top: 3px;
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  background-color: var(--insuba-white, #ffffff);
}
.sec-title__box::after {
  content: "";
  position: absolute;
  top: 50%;
  right: -6px;
  transform: translateY(-50%);
  width: 0px;
  height: 0px;
  border-style: solid;
  border-width: 4.5px 0 4.5px 7.8px;
  border-color: transparent transparent transparent var(--insuba-white, #ffffff);
}
.sec-title__box__inner {
  width: 8px;
  height: 8px;
  position: relative;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: var(--insuba-black5, #0f3667);
}
.sec-title__tagline {
  margin: 0;
  font-family: var(--insuba-font2, "Rubik", sans-serif);
  font-size: 18px;
  color: var(--insuba-white, #ffffff);
  font-weight: 500;
  text-transform: capitalize;
  line-height: 1.3;
}
.sec-title__title {
  margin: 0;
  font-size: 35px;
  font-weight: 700;
  line-height: 1.314;
}
@media (max-width: 575px) {
  .sec-title__title {
    font-size: 33px;
  }
}
@media (max-width: 430px) {
  .sec-title__title {
    font-size: 30px;
  }
}
.sec-title__title__highlight {
  color: var(--insuba-base, #0365d3);
  border-bottom: 2px solid var(--insuba-base, #0365d3);
}

.insuba-ratings {
  display: flex;
  align-items: center;
  gap: 9px;
}
.insuba-ratings__icon {
  display: inline-flex;
  align-items: baseline;
  font-size: 16px;
  color: var(--insuba-base, #0365d3);
  transition: all 500ms ease;
}
.insuba-ratings__icon svg {
  width: 1em;
  height: 1em;
  fill: currentColor;
}

.video-btn {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  flex-shrink: 0;
  width: 55px;
  height: 55px;
  background-color: var(--insuba-white, #ffffff);
  font-size: 33px;
  color: var(--insuba-black5, #0f3667);
  border-radius: 50%;
  z-index: 1;
  transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
}
.video-btn svg {
  width: 1em;
  height: 1em;
  fill: currentColor;
}
.video-btn__ripple::before, .video-btn__ripple::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  box-shadow: 0 0 0 0 RGBA(var(--insuba-white-rgb, 255, 255, 255), 0.22);
  -webkit-animation: videoRipple 3s infinite;
  animation: videoRipple 3s infinite;
}
.video-btn__ropple::before {
  position: absolute;
  -webkit-animation-delay: 0.9s;
  animation-delay: 0.9s;
}
.video-btn__ripple::after {
  position: absolute;
  -webkit-animation-delay: 0.6s;
  animation-delay: 0.6s;
}

@keyframes videoRipple {
  70% {
    box-shadow: 0 0 0 40px RGBA(var(--insuba-white-rgb, 255, 255, 255), 0);
  }
  100% {
    box-shadow: 0 0 0 0 RGBA(var(--insuba-white-rgb, 255, 255, 255), 0);
  }
}
.social-links {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 10px;
}
.social-links a {
  width: 30px;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  background-color: RGBA(var(--insuba-white-rgb, 255, 255, 255), 0.17);
  border-radius: 50%;
  overflow: hidden;
  transition: all 500ms ease;
}
.social-links__icon {
  display: inline-flex;
  font-size: 14px;
  color: var(--insuba-white, #ffffff);
  transition: all 500ms ease;
}
.social-links__icon svg {
  width: 1em;
  height: 1em;
  fill: currentColor;
}
.social-links a:hover {
  background-color: var(--insuba-base, #0365d3);
}
.social-links a:hover .social-links__icon {
  color: var(--insuba-white, #ffffff);
  animation: slideTop 400ms;
}

.progress-box + .progress-box {
  margin-top: 28px;
}
.progress-box__title {
  margin-bottom: 13px;
  font-family: var(--insuba-font, "Roboto", sans-serif);
  font-size: 16px;
  font-weight: 700;
  color: var(--insuba-text, #636363);
  line-height: 1.625;
}
@media (max-width: 575px) {
  .progress-box__title {
    font-size: 15px;
  }
}
.progress-box__bar {
  margin-left: 4px;
  position: relative;
  width: 100%;
  height: 4px;
  background-color: var(--insuba-gray4, #dbdbdb);
  border-radius: 2px;
}
.progress-box__bar::after {
  content: "";
  width: calc(100% + 8px);
  height: calc(100% + 8px);
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  border: 1px solid var(--insuba-base, #0365d3);
  border-radius: 10px;
}
.progress-box__bar__inner {
  position: absolute;
  height: 100%;
  width: 0px;
  top: 0;
  left: 0;
  background-color: var(--insuba-base, #0365d3);
  border-radius: inherit;
  transition: all 800ms linear;
}
.progress-box__number {
  position: absolute;
  bottom: calc(100% + 13px);
  right: 0;
  font-family: var(--insuba-font, "Roboto", sans-serif);
  font-size: 16px;
  color: var(--insuba-text, #636363);
  font-weight: 700;
  line-height: 1.625;
}
@media (max-width: 575px) {
  .progress-box__number {
    font-size: 15px;
  }
}

.post-pagination {
  list-style: none;
  padding: 0;
  margin: 30px 0 0;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 10px;
}
.post-pagination a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 44px;
  height: 44px;
  background-color: var(--insuba-white3, #f1f6f7);
  color: var(--insuba-text, #636363);
  text-transform: capitalize;
  text-align: center;
  font-size: 16px;
  font-weight: 500;
  border-radius: 5px;
  line-height: 43px;
  overflow: hidden;
  transition: all 400ms ease;
}
.post-pagination a .post-pagination__icon {
  display: inline-flex;
  font-size: 13px;
  color: var(--insuba-text, #636363);
  transition: all 400ms ease;
}
.post-pagination a .post-pagination__icon svg {
  width: 1em;
  height: 1em;
  fill: currentColor;
}
.post-pagination a:hover {
  color: var(--insuba-white, #ffffff);
  background-color: var(--insuba-base, #0365d3);
}
.post-pagination a:hover .post-pagination__icon {
  color: var(--insuba-white, #ffffff);
  animation: slideLeft 400ms;
}
.post-pagination li.active a {
  color: var(--insuba-white, #ffffff);
  background-color: var(--insuba-base, #0365d3);
}
.post-pagination li.active a .post-pagination__icon {
  color: var(--insuba-white, #ffffff);
}

.tabs-box .tabs-content .tab:not(.active-tab) {
  display: none;
}

.bootstrap-select .dropdown-menu {
  padding-top: 0;
  padding-bottom: 0;
  border-radius: 0;
}
.bootstrap-select .dropdown-item.active,
.bootstrap-select .dropdown-item:active {
  background-color: var(--insuba-base, #0365d3);
}

.tns-outer .tns-controls {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 40px;
}
.tns-outer .tns-controls button {
  width: 45px;
  height: 45px;
  border: 2px solid #f4f4f4;
  outline: none;
  display: flex;
  justify-content: center;
  align-items: center;
  color: var(--insuba-text, #636363);
  border-radius: 50%;
  margin-left: 5px;
  margin-right: 5px;
}

.ul-list-one {
  margin-bottom: 0;
}
.ul-list-one li {
  position: relative;
  padding-left: 45px;
  font-size: 16px;
  font-weight: 500;
  color: var(--insuba-black, #122f2a);
}
@media (min-width: 481px) {
  .ul-list-one li {
    font-size: 35px;
  }
}
.ul-list-one li::before {
  content: "\e907";
  color: var(--insuba-base, #0365d3);
  font-size: 26px;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  font-family: "azino-icon";
}

.preloader {
  position: fixed;
  background-color: var(--insuba-black5, #0f3667);
  background-position: center center;
  background-repeat: no-repeat;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 99991;
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  align-items: center;
  text-align: center;
}
.preloader__image {
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-name: flipInY;
  animation-name: flipInY;
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 60px auto;
  width: 100%;
  height: 100%;
}

/* scroll to top */
.scroll-to-top {
  display: flex;
  align-items: center;
  width: auto;
  height: 35px;
  background: transparent;
  position: fixed;
  bottom: 60px;
  right: -12px;
  z-index: 99;
  text-align: center;
  opacity: 0;
  visibility: hidden;
  transform: rotate(-90deg);
  cursor: pointer;
  transition: all 0.2s ease;
}
.scroll-to-top__text {
  display: inline;
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  font-weight: 700;
  margin-right: 8px;
}
.scroll-to-top__wrapper {
  display: inline-block;
  width: 30px;
  height: 4px;
  background-color: var(--insuba-base, #0365d3);
  position: relative;
  overflow: hidden;
}
.scroll-to-top__inner {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: var(--insuba-black, #122f2a);
}
.scroll-to-top.show {
  opacity: 1;
  visibility: visible;
  bottom: 70px;
}

.insuba-owl__carousel--with-shadow .owl-stage-outer {
  overflow: visible;
}
.insuba-owl__carousel--with-shadow .owl-item {
  opacity: 0;
  visibility: hidden;
  transition: opacity 500ms ease, visibility 500ms ease;
}
.insuba-owl__carousel--with-shadow .owl-item.active {
  opacity: 1;
  visibility: visible;
}

.insuba-owl__carousel--with-shadow .owl-stage-outer {
  overflow: visible;
}
.insuba-owl__carousel--with-shadow .owl-item {
  opacity: 0;
  visibility: hidden;
  transition: opacity 500ms ease, visibility 500ms ease;
}
.insuba-owl__carousel--with-shadow .owl-item.active {
  opacity: 1;
  visibility: visible;
}

.insuba-owl__carousel--basic-nav.owl-carousel .owl-nav {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 16px;
  margin-top: 60px;
}
.insuba-owl__carousel--basic-nav.owl-carousel .owl-nav button {
  border: none;
  outline: none;
  margin: 0;
  padding: 0;
  width: 56px;
  height: 56px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
  font-size: 17px;
  color: var(--insuba-black, #122f2a);
  background-color: var(--insuba-white2, #ecf2f2);
  border-radius: 50%;
  transition: all 400ms ease;
}
.insuba-owl__carousel--basic-nav.owl-carousel .owl-nav button svg {
  width: 1em;
  height: 1em;
  fill: currentColor;
}
.insuba-owl__carousel--basic-nav.owl-carousel .owl-nav button:hover {
  color: var(--insuba-white, #ffffff);
  background-color: var(--insuba-base, #0365d3);
}
.insuba-owl__carousel--basic-nav.owl-carousel .owl-nav button span {
  border: none;
  outline: none;
  color: inherit;
}
.insuba-owl__carousel--basic-nav.owl-carousel .owl-dots {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
}
.insuba-owl__carousel--basic-nav.owl-carousel .owl-dots .owl-dot {
  outline: 0;
  border: 0;
  flex-shrink: 0;
  position: relative;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background-color: transparent;
  border: 1px solid var(--insuba-base, #0365d3);
  transition: all 400ms ease;
}
.insuba-owl__carousel--basic-nav.owl-carousel .owl-dots .owl-dot span {
  background-color: transparent;
}
.insuba-owl__carousel--basic-nav.owl-carousel .owl-dots .owl-dot:hover, .insuba-owl__carousel--basic-nav.owl-carousel .owl-dots .owl-dot.active {
  background-color: var(--insuba-base, #0365d3);
}
.insuba-owl__carousel--basic-nav.owl-carousel .owl-dots .owl-dot:hover span, .insuba-owl__carousel--basic-nav.owl-carousel .owl-dots .owl-dot.active span {
  background-color: transparent;
}
.insuba-owl__carousel--basic-nav.owl-carousel .owl-nav.disabled + .owl-dots {
  margin-top: 20px;
}
.insuba-owl__carousel--basic-nav.owl-carousel .owl-dots.disabled,
.insuba-owl__carousel--basic-nav.owl-carousel .owl-nav.disabled {
  display: none;
}

/* ui datepicker */
.ui-datepicker.ui-widget-content {
  border: 1px solid var(--insuba-border-color, #dddddd);
  font-family: var(--insuba-font, "Roboto", sans-serif);
  color: var(--insuba-gray, #e0e0e0);
  font-weight: 500;
  font-size: 16px;
  border-radius: 5px;
  width: 307px;
  padding: 5px 8px 3px;
  background-color: var(--insuba-white, #ffffff);
}
@media (max-width: 360px) {
  .ui-datepicker.ui-widget-content {
    width: 270px;
  }
}

.ui-datepicker .ui-datepicker-header {
  padding: 6px 0;
  border-radius: 6px;
  background-image: none;
  background-color: var(--insuba-base, #0365d3);
  color: var(--insuba-white, #ffffff);
  font-family: var(--insuba-font, "Roboto", sans-serif);
}

.ui-datepicker-calendar th span {
  font-family: var(--insuba-font, "Roboto", sans-serif);
  color: var(--insuba-base, #0365d3);
}
.ui-datepicker-calendar td {
  background-color: var(--insuba-white, #ffffff);
  background-image: none;
  font-family: var(--insuba-font, "Roboto", sans-serif);
  color: var(--insuba-white, #ffffff);
}
.ui-datepicker-calendar td a {
  border-color: var(--insuba-base, #0365d3);
  background-color: var(--insuba-gray, #e0e0e0);
  background-image: none;
}
.ui-datepicker-calendar .ui-state-default,
.ui-datepicker-calendar .ui-widget-content .ui-state-default,
.ui-datepicker-calendar .ui-widget-header .ui-state-default {
  border-color: transparent;
  background-color: var(--insuba-white2, #ecf2f2);
  background-image: none;
  color: var(--insuba-black, #122f2a);
  padding: 10px 5px;
  text-align: center;
  line-height: 1em;
  border-radius: 5px;
}
.ui-datepicker-calendar .ui-state-default:hover,
.ui-datepicker-calendar .ui-widget-content .ui-state-default:hover,
.ui-datepicker-calendar .ui-widget-header .ui-state-default:hover {
  color: var(--insuba-white, #ffffff);
  background-color: var(--insuba-base, #0365d3);
}
.ui-datepicker-calendar .ui-state-highlight,
.ui-datepicker-calendar .ui-widget-content .ui-state-highlight,
.ui-datepicker-calendar .ui-widget-header .ui-state-highlight {
  color: var(--insuba-white, #ffffff);
  background-color: var(--insuba-base, #0365d3);
}

.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
  background-image: none;
  background-color: var(--insuba-white, #ffffff);
  color: var(--insuba-black, #122f2a);
}
.ui-datepicker .ui-datepicker-prev:hover,
.ui-datepicker .ui-datepicker-next:hover {
  background-color: var(--insuba-gray, #e0e0e0);
  color: var(--insuba-white, #ffffff);
}

.ui-datepicker .ui-datepicker-prev {
  cursor: pointer;
  left: 6px;
  top: 50%;
  transform: translateY(-50%);
}
.ui-datepicker .ui-datepicker-prev:hover {
  left: 6px;
}

.ui-datepicker .ui-datepicker-next {
  cursor: pointer;
  top: 50%;
  right: 6px;
  transform: translateY(-50%);
}
.ui-datepicker .ui-datepicker-next:hover {
  right: 6px;
}

.insuba-datepicker-arrow {
  display: inline-flex;
  font-size: 16px;
  color: var(--insuba-text, #636363);
  position: absolute;
  top: 50%;
  right: 30px;
  transform: translateY(-50%);
}
.insuba-datepicker-arrow svg {
  width: 1em;
  height: 1em;
  fill: currentColor;
}
@media (max-width: 375px) {
  .insuba-datepicker-arrow {
    right: 23px;
  }
}

/*--------------------------------------------------------------
# Cards
--------------------------------------------------------------*/
.video-one {
  padding-bottom: 272px;
  position: relative;
  background-color: var(--insuba-black12, #264772);
  overflow: hidden;
}
@media (max-width: 991px) {
  .video-one {
    padding-bottom: 265px;
  }
}
@media (max-width: 767px) {
  .video-one {
    padding-bottom: 245px;
  }
}
@media (max-width: 575px) {
  .video-one {
    padding-bottom: 225px;
  }
}
.video-one::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-image: url(../images/shapes/video-bg-overlay-1-1.png);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  z-index: 1;
}
@media (max-width: 767px) {
  .video-one::after {
    background-image: none;
    background-color: RGBA(var(--insuba-black4-rgb, 15, 53, 100), 0.9);
  }
}
.video-one__bg {
  width: 100%;
  max-width: 1494px;
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}
.video-one .container {
  position: relative;
  z-index: 3;
}
.video-one .sec-title {
  margin-bottom: 14px;
}
.video-one .sec-title__tagline, .video-one .sec-title__title {
  color: var(--insuba-white, #ffffff);
}
.video-one .sec-title__box {
  background-color: var(--insuba-white, #ffffff);
}
.video-one .sec-title__box::after {
  border-color: transparent transparent transparent var(--insuba-white, #ffffff);
}
.video-one .sec-title__box--right::after {
  border-color: transparent var(--insuba-white, #ffffff) transparent transparent;
}
.video-one .sec-title__box__inner {
  background-color: var(--insuba-base, #0365d3);
}
.video-one__description {
  margin-bottom: 34px;
  padding-right: 51px;
}
@media (max-width: 991px) {
  .video-one__description {
    padding-right: 0;
  }
}
.video-one__text {
  margin: 0;
  color: var(--insuba-white, #ffffff);
}
.video-one__btn {
  color: var(--insuba-black3, #19232b);
  background-color: var(--insuba-white, #ffffff);
}
.video-one__btn::after {
  background-color: var(--insuba-base, #0365d3);
}
.video-one__btn .insuba-btn__icon-box {
  background-color: var(--insuba-base, #0365d3);
}
.video-one__btn:hover {
  color: var(--insuba-white, #ffffff);
}
.video-one__btn:hover .insuba-btn__icon-box {
  background-color: var(--insuba-white, #ffffff);
}
.video-one__btn:hover .insuba-btn__icon {
  color: var(--insuba-base, #0365d3);
}
.video-one__container {
  margin-top: 40px;
}
@media (min-width: 992px) {
  .video-one__container {
    margin: 0;
    display: flex;
    justify-content: flex-end;
    max-width: 100%;
    position: absolute !important;
    right: -57px;
    bottom: 250px;
    z-index: 3;
  }
}
@media (min-width: 1800px) {
  .video-one__container {
    bottom: -41px;
  }
}
.video-one__video-button {
  width: 226px;
  height: 290px;
  position: relative;
  -webkit-mask: url('data:image/svg+xml;utf8,<svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 678.000000 873.000000"><g transform="translate(0.000000,873.000000) scale(0.100000,-0.100000)" stroke="none"> <path d="M5939 8235 c-51 -59 -104 -121 -118 -139 -43 -55 -145 -181 -151 -186 -3 -3 -41 -50 -85 -105 -44 -55 -85 -104 -91 -110 -6 -5 -26 -30 -44 -55 -19 -25 -63 -79 -98 -120 -35 -41 -75 -88 -89 -105 -255 -300 -503 -556 -713 -734 -47 -40 -96 -83 -110 -95 -14 -12 -47 -38 -74 -57 -27 -19 -65 -46 -85 -60 -70 -50 -166 -115 -181 -122 -8 -4 -42 -23 -75 -42 -122 -71 -282 -142 -400 -178 -185 -56 -267 -68 -515 -77 -206 -7 -324 -18 -455 -42 -33 -6 -78 -14 -100 -18 -121 -22 -448 -120 -470 -141 -5 -5 -15 -9 -22 -9 -26 0 -301 -134 -421 -205 -85 -50 -287 -193 -338 -240 -6 -5 -40 -35 -75 -65 -214 -182 -448 -460 -584 -692 -67 -115 -205 -395 -205 -417 0 -5 -6 -22 -14 -38 -19 -38 -40 -95 -61 -168 -10 -33 -24 -78 -31 -100 -8 -23 -14 -49 -14 -59 0 -11 -6 -42 -14 -70 -18 -62 -40 -181 -57 -296 -17 -128 -23 -489 -9 -595 6 -49 15 -124 20 -165 4 -41 12 -95 18 -120 5 -25 18 -81 27 -125 9 -44 21 -91 27 -104 5 -14 13 -43 18 -65 4 -23 14 -57 20 -76 37 -102 66 -179 85 -225 27 -62 147 -301 165 -330 11 -16 24 -39 30 -50 51 -97 175 -265 301 -410 223 -257 478 -463 794 -641 82 -47 291 -144 308 -144 7 0 22 -7 33 -15 10 -8 27 -15 36 -15 10 0 32 -6 50 -14 68 -28 180 -63 243 -75 22 -4 58 -13 80 -19 62 -16 194 -41 255 -47 30 -3 89 -9 130 -15 98 -12 478 -12 600 0 52 6 131 12 175 15 91 6 262 29 380 51 155 29 244 49 390 89 28 8 59 16 70 19 11 2 65 21 120 41 55 20 112 40 126 44 14 5 34 13 45 18 10 6 35 17 54 26 66 29 245 119 275 138 17 10 39 23 50 29 32 16 52 30 194 135 171 126 334 286 491 481 30 37 123 177 140 209 6 11 19 34 30 50 37 58 162 318 195 405 9 25 22 59 29 75 18 41 36 94 46 130 5 17 13 44 18 60 6 17 18 57 27 90 9 33 23 80 31 105 8 25 14 54 14 64 0 11 6 42 14 70 18 63 36 154 46 226 4 30 12 87 18 125 68 425 90 1019 57 1545 -19 302 -41 559 -60 710 -8 63 -15 133 -15 154 0 22 -6 81 -14 130 -18 114 -35 239 -46 336 -4 41 -13 109 -20 150 -6 41 -18 118 -26 170 -8 52 -21 132 -29 176 -8 45 -15 94 -15 110 0 16 -6 62 -14 104 -14 71 -26 145 -61 363 -28 179 -47 293 -61 372 -8 44 -14 93 -14 109 0 15 -7 65 -15 110 -18 102 -43 289 -50 381 -3 39 -10 104 -15 145 -5 41 -9 132 -10 202 0 70 -4 129 -9 133 -6 3 -52 -42 -102 -100z"/> </g> </svg>');
  mask: url('data:image/svg+xml;utf8,<svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 678.000000 873.000000"><g transform="translate(0.000000,873.000000) scale(0.100000,-0.100000)" stroke="none"> <path d="M5939 8235 c-51 -59 -104 -121 -118 -139 -43 -55 -145 -181 -151 -186 -3 -3 -41 -50 -85 -105 -44 -55 -85 -104 -91 -110 -6 -5 -26 -30 -44 -55 -19 -25 -63 -79 -98 -120 -35 -41 -75 -88 -89 -105 -255 -300 -503 -556 -713 -734 -47 -40 -96 -83 -110 -95 -14 -12 -47 -38 -74 -57 -27 -19 -65 -46 -85 -60 -70 -50 -166 -115 -181 -122 -8 -4 -42 -23 -75 -42 -122 -71 -282 -142 -400 -178 -185 -56 -267 -68 -515 -77 -206 -7 -324 -18 -455 -42 -33 -6 -78 -14 -100 -18 -121 -22 -448 -120 -470 -141 -5 -5 -15 -9 -22 -9 -26 0 -301 -134 -421 -205 -85 -50 -287 -193 -338 -240 -6 -5 -40 -35 -75 -65 -214 -182 -448 -460 -584 -692 -67 -115 -205 -395 -205 -417 0 -5 -6 -22 -14 -38 -19 -38 -40 -95 -61 -168 -10 -33 -24 -78 -31 -100 -8 -23 -14 -49 -14 -59 0 -11 -6 -42 -14 -70 -18 -62 -40 -181 -57 -296 -17 -128 -23 -489 -9 -595 6 -49 15 -124 20 -165 4 -41 12 -95 18 -120 5 -25 18 -81 27 -125 9 -44 21 -91 27 -104 5 -14 13 -43 18 -65 4 -23 14 -57 20 -76 37 -102 66 -179 85 -225 27 -62 147 -301 165 -330 11 -16 24 -39 30 -50 51 -97 175 -265 301 -410 223 -257 478 -463 794 -641 82 -47 291 -144 308 -144 7 0 22 -7 33 -15 10 -8 27 -15 36 -15 10 0 32 -6 50 -14 68 -28 180 -63 243 -75 22 -4 58 -13 80 -19 62 -16 194 -41 255 -47 30 -3 89 -9 130 -15 98 -12 478 -12 600 0 52 6 131 12 175 15 91 6 262 29 380 51 155 29 244 49 390 89 28 8 59 16 70 19 11 2 65 21 120 41 55 20 112 40 126 44 14 5 34 13 45 18 10 6 35 17 54 26 66 29 245 119 275 138 17 10 39 23 50 29 32 16 52 30 194 135 171 126 334 286 491 481 30 37 123 177 140 209 6 11 19 34 30 50 37 58 162 318 195 405 9 25 22 59 29 75 18 41 36 94 46 130 5 17 13 44 18 60 6 17 18 57 27 90 9 33 23 80 31 105 8 25 14 54 14 64 0 11 6 42 14 70 18 63 36 154 46 226 4 30 12 87 18 125 68 425 90 1019 57 1545 -19 302 -41 559 -60 710 -8 63 -15 133 -15 154 0 22 -6 81 -14 130 -18 114 -35 239 -46 336 -4 41 -13 109 -20 150 -6 41 -18 118 -26 170 -8 52 -21 132 -29 176 -8 45 -15 94 -15 110 0 16 -6 62 -14 104 -14 71 -26 145 -61 363 -28 179 -47 293 -61 372 -8 44 -14 93 -14 109 0 15 -7 65 -15 110 -18 102 -43 289 -50 381 -3 39 -10 104 -15 145 -5 41 -9 132 -10 202 0 70 -4 129 -9 133 -6 3 -52 -42 -102 -100z"/> </g> </svg>');
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center center;
  mask-position: center center;
  -webkit-mask-size: auto;
  mask-size: auto;
  background-color: var(--insuba-white, #ffffff);
}
.video-one__video-button::after {
  content: "";
  width: calc(100% - 16px);
  height: calc(100% - 16px);
  position: absolute;
  top: 51%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-mask: url('data:image/svg+xml;utf8,<svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 678.000000 873.000000"><g transform="translate(0.000000,873.000000) scale(0.100000,-0.100000)" stroke="none"> <path d="M5939 8235 c-51 -59 -104 -121 -118 -139 -43 -55 -145 -181 -151 -186 -3 -3 -41 -50 -85 -105 -44 -55 -85 -104 -91 -110 -6 -5 -26 -30 -44 -55 -19 -25 -63 -79 -98 -120 -35 -41 -75 -88 -89 -105 -255 -300 -503 -556 -713 -734 -47 -40 -96 -83 -110 -95 -14 -12 -47 -38 -74 -57 -27 -19 -65 -46 -85 -60 -70 -50 -166 -115 -181 -122 -8 -4 -42 -23 -75 -42 -122 -71 -282 -142 -400 -178 -185 -56 -267 -68 -515 -77 -206 -7 -324 -18 -455 -42 -33 -6 -78 -14 -100 -18 -121 -22 -448 -120 -470 -141 -5 -5 -15 -9 -22 -9 -26 0 -301 -134 -421 -205 -85 -50 -287 -193 -338 -240 -6 -5 -40 -35 -75 -65 -214 -182 -448 -460 -584 -692 -67 -115 -205 -395 -205 -417 0 -5 -6 -22 -14 -38 -19 -38 -40 -95 -61 -168 -10 -33 -24 -78 -31 -100 -8 -23 -14 -49 -14 -59 0 -11 -6 -42 -14 -70 -18 -62 -40 -181 -57 -296 -17 -128 -23 -489 -9 -595 6 -49 15 -124 20 -165 4 -41 12 -95 18 -120 5 -25 18 -81 27 -125 9 -44 21 -91 27 -104 5 -14 13 -43 18 -65 4 -23 14 -57 20 -76 37 -102 66 -179 85 -225 27 -62 147 -301 165 -330 11 -16 24 -39 30 -50 51 -97 175 -265 301 -410 223 -257 478 -463 794 -641 82 -47 291 -144 308 -144 7 0 22 -7 33 -15 10 -8 27 -15 36 -15 10 0 32 -6 50 -14 68 -28 180 -63 243 -75 22 -4 58 -13 80 -19 62 -16 194 -41 255 -47 30 -3 89 -9 130 -15 98 -12 478 -12 600 0 52 6 131 12 175 15 91 6 262 29 380 51 155 29 244 49 390 89 28 8 59 16 70 19 11 2 65 21 120 41 55 20 112 40 126 44 14 5 34 13 45 18 10 6 35 17 54 26 66 29 245 119 275 138 17 10 39 23 50 29 32 16 52 30 194 135 171 126 334 286 491 481 30 37 123 177 140 209 6 11 19 34 30 50 37 58 162 318 195 405 9 25 22 59 29 75 18 41 36 94 46 130 5 17 13 44 18 60 6 17 18 57 27 90 9 33 23 80 31 105 8 25 14 54 14 64 0 11 6 42 14 70 18 63 36 154 46 226 4 30 12 87 18 125 68 425 90 1019 57 1545 -19 302 -41 559 -60 710 -8 63 -15 133 -15 154 0 22 -6 81 -14 130 -18 114 -35 239 -46 336 -4 41 -13 109 -20 150 -6 41 -18 118 -26 170 -8 52 -21 132 -29 176 -8 45 -15 94 -15 110 0 16 -6 62 -14 104 -14 71 -26 145 -61 363 -28 179 -47 293 -61 372 -8 44 -14 93 -14 109 0 15 -7 65 -15 110 -18 102 -43 289 -50 381 -3 39 -10 104 -15 145 -5 41 -9 132 -10 202 0 70 -4 129 -9 133 -6 3 -52 -42 -102 -100z"/> </g> </svg>');
  mask: url('data:image/svg+xml;utf8,<svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 678.000000 873.000000"><g transform="translate(0.000000,873.000000) scale(0.100000,-0.100000)" stroke="none"> <path d="M5939 8235 c-51 -59 -104 -121 -118 -139 -43 -55 -145 -181 -151 -186 -3 -3 -41 -50 -85 -105 -44 -55 -85 -104 -91 -110 -6 -5 -26 -30 -44 -55 -19 -25 -63 -79 -98 -120 -35 -41 -75 -88 -89 -105 -255 -300 -503 -556 -713 -734 -47 -40 -96 -83 -110 -95 -14 -12 -47 -38 -74 -57 -27 -19 -65 -46 -85 -60 -70 -50 -166 -115 -181 -122 -8 -4 -42 -23 -75 -42 -122 -71 -282 -142 -400 -178 -185 -56 -267 -68 -515 -77 -206 -7 -324 -18 -455 -42 -33 -6 -78 -14 -100 -18 -121 -22 -448 -120 -470 -141 -5 -5 -15 -9 -22 -9 -26 0 -301 -134 -421 -205 -85 -50 -287 -193 -338 -240 -6 -5 -40 -35 -75 -65 -214 -182 -448 -460 -584 -692 -67 -115 -205 -395 -205 -417 0 -5 -6 -22 -14 -38 -19 -38 -40 -95 -61 -168 -10 -33 -24 -78 -31 -100 -8 -23 -14 -49 -14 -59 0 -11 -6 -42 -14 -70 -18 -62 -40 -181 -57 -296 -17 -128 -23 -489 -9 -595 6 -49 15 -124 20 -165 4 -41 12 -95 18 -120 5 -25 18 -81 27 -125 9 -44 21 -91 27 -104 5 -14 13 -43 18 -65 4 -23 14 -57 20 -76 37 -102 66 -179 85 -225 27 -62 147 -301 165 -330 11 -16 24 -39 30 -50 51 -97 175 -265 301 -410 223 -257 478 -463 794 -641 82 -47 291 -144 308 -144 7 0 22 -7 33 -15 10 -8 27 -15 36 -15 10 0 32 -6 50 -14 68 -28 180 -63 243 -75 22 -4 58 -13 80 -19 62 -16 194 -41 255 -47 30 -3 89 -9 130 -15 98 -12 478 -12 600 0 52 6 131 12 175 15 91 6 262 29 380 51 155 29 244 49 390 89 28 8 59 16 70 19 11 2 65 21 120 41 55 20 112 40 126 44 14 5 34 13 45 18 10 6 35 17 54 26 66 29 245 119 275 138 17 10 39 23 50 29 32 16 52 30 194 135 171 126 334 286 491 481 30 37 123 177 140 209 6 11 19 34 30 50 37 58 162 318 195 405 9 25 22 59 29 75 18 41 36 94 46 130 5 17 13 44 18 60 6 17 18 57 27 90 9 33 23 80 31 105 8 25 14 54 14 64 0 11 6 42 14 70 18 63 36 154 46 226 4 30 12 87 18 125 68 425 90 1019 57 1545 -19 302 -41 559 -60 710 -8 63 -15 133 -15 154 0 22 -6 81 -14 130 -18 114 -35 239 -46 336 -4 41 -13 109 -20 150 -6 41 -18 118 -26 170 -8 52 -21 132 -29 176 -8 45 -15 94 -15 110 0 16 -6 62 -14 104 -14 71 -26 145 -61 363 -28 179 -47 293 -61 372 -8 44 -14 93 -14 109 0 15 -7 65 -15 110 -18 102 -43 289 -50 381 -3 39 -10 104 -15 145 -5 41 -9 132 -10 202 0 70 -4 129 -9 133 -6 3 -52 -42 -102 -100z"/> </g> </svg>');
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center center;
  mask-position: center center;
  -webkit-mask-size: auto;
  mask-size: auto;
  background-color: var(--insuba-base, #0365d3);
}
.video-one__video-button__inner {
  padding: 40px;
  text-align: center;
  position: absolute;
  left: 20px;
  bottom: 19px;
  z-index: 1;
}
@media (max-width: 1799px) {
  .video-one__video-button__inner {
    bottom: 8px;
  }
}
.video-one__video-button .video-btn {
  margin: 0 auto 19px;
}
.video-one__video-button__text {
  margin: 0;
  font-size: 17px;
  font-weight: 500;
  color: var(--insuba-white, #ffffff);
}
.video-one__shape-one {
  max-width: 100%;
  height: auto;
  position: absolute;
  top: 0;
  left: 79px;
  z-index: 2;
  animation: moveHorizontal 2s linear infinite;
}
@media (max-width: 767px) {
  .video-one__shape-one {
    display: none;
  }
}
.video-one__shape-two {
  max-width: 100%;
  height: auto;
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 2;
  animation: moveHorizontal2 2s linear infinite;
}
@media (max-width: 767px) {
  .video-one__shape-two {
    display: none;
  }
}
.video-one__shape-three {
  max-width: 100%;
  height: auto;
  position: absolute;
  left: 14.5%;
  bottom: -462px;
  z-index: 2;
  animation: moveHorizontal 2s linear infinite;
}
@media (max-width: 1199px) {
  .video-one__shape-three {
    display: none;
  }
}

.video-two {
  position: relative;
  padding-bottom: 265px;
  background-color: var(--insuba-black10, #000000);
  overflow: hidden;
}
@media (max-width: 767px) {
  .video-two {
    padding-bottom: 246px;
  }
}
@media (max-width: 575px) {
  .video-two {
    padding-bottom: 226px;
  }
}
.video-two__bg {
  position: relative;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  mix-blend-mode: luminosity;
}
.video-two__overlay {
  position: relative;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
}
.video-two__overlay::before {
  content: "";
  width: 60%;
  height: 100%;
  background: linear-gradient(90deg, RGBA(var(--insuba-base-rgb, 3, 101, 211), 0.9), transparent);
  position: absolute;
  top: 0;
  left: 0;
}
@media (max-width: 991px) {
  .video-two__overlay::before {
    width: 100%;
    background: RGBA(var(--insuba-base-rgb, 3, 101, 211), 0.7);
  }
}
.video-two__overlay::after {
  content: "";
  width: 50%;
  height: 100%;
  background: linear-gradient(90deg, transparent, RGBA(var(--insuba-base-rgb, 3, 101, 211), 0.5));
  position: absolute;
  top: 0;
  right: 0;
}
@media (max-width: 991px) {
  .video-two__overlay::after {
    display: none;
  }
}
.video-two__shape {
  width: 193px;
  height: 260px;
  position: absolute;
  top: 0;
  right: 315px;
  background: linear-gradient(180deg, RGBA(var(--insuba-base-rgb, 3, 101, 211), 0.8), transparent);
  transform: skewX(19deg);
  z-index: 3;
}
@media (max-width: 1799px) {
  .video-two__shape {
    right: 150px;
  }
}
@media (max-width: 1599px) {
  .video-two__shape {
    display: none;
  }
}
.video-two .container {
  position: relative;
  z-index: 2;
}
.video-two .sec-title {
  margin: 0;
}
@media (max-width: 991px) {
  .video-two .sec-title {
    text-align: center;
  }
}
.video-two .sec-title__top {
  background-color: var(--insuba-white, #ffffff);
}
.video-two .sec-title__box {
  background-color: var(--insuba-base, #0365d3);
}
.video-two .sec-title__box::after {
  border-color: transparent transparent transparent var(--insuba-base, #0365d3);
}
.video-two .sec-title__box__inner {
  background-color: var(--insuba-white, #ffffff);
}
.video-two .sec-title__tagline {
  color: var(--insuba-base, #0365d3);
}
.video-two .sec-title__title {
  color: var(--insuba-white, #ffffff);
}
.video-two__video-button {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}
.video-two__video-button::after {
  content: "";
  width: 585px;
  height: 742px;
  background-image: url(../images/shapes/video-shape-2-1.png);
  background-repeat: no-repeat;
  background-position: 100% 100%;
  background-size: cover;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
@media (max-width: 1199px) {
  .video-two__video-button::after {
    display: none;
  }
}
.video-two__video-button__inner {
  text-align: center;
}
.video-two__video-button .video-btn {
  margin: 0 auto 12px;
}
.video-two__video-button__text {
  position: relative;
  z-index: 1;
  margin: 0;
  font-size: 17px;
  color: var(--insuba-white, #ffffff);
  font-weight: 500;
  text-transform: capitalize;
}

.team-card {
  display: flex;
  align-items: center;
  gap: 41px;
}
@media (min-width: 992px) and (max-width: 1199px) {
  .team-card {
    flex-direction: column;
    gap: 20px;
  }
}
@media (max-width: 767px) {
  .team-card {
    flex-direction: column;
    gap: 20px;
  }
}
.team-card__image {
  position: relative;
  z-index: 1;
  flex-shrink: 0;
  overflow: hidden;
  border-radius: 15px;
}
.team-card__image img {
  max-width: 100%;
  height: auto;
  border-radius: 15px;
}
.team-card__image__shape {
  max-width: 100%;
  height: auto;
  position: absolute;
  left: -12px;
  bottom: -12px;
  transform: translate(-70px, 70px);
  opacity: 0;
  transition: all 500ms ease;
}
.team-card:hover .team-card__image__shape {
  opacity: 1;
  transform: translate(0px, 0px);
}
.team-card__content {
  position: relative;
  padding: 23px 30px 28px 0;
}
@media (min-width: 992px) and (max-width: 1199px) {
  .team-card__content {
    padding-left: 30px;
    text-align: center;
  }
}
@media (max-width: 767px) {
  .team-card__content {
    padding-left: 30px;
    text-align: center;
  }
}
.team-card__content::after {
  content: "";
  width: calc(100% + 70px);
  height: 100%;
  position: absolute;
  top: 0;
  left: -70px;
  background-color: #ffdede;
  filter: drop-shadow(0 0 23px RGBA(var(--insuba-black10-rgb, 0, 0, 0), 0.06));
  border-radius: 15px;
  transition: all 500ms ease;
}
@media (min-width: 992px) and (max-width: 1199px) {
  .team-card__content::after {
    width: 100%;
    left: 0;
  }
}
@media (max-width: 767px) {
  .team-card__content::after {
    width: 100%;
    left: 0;
  }
}
.team-card__content__inner {
  position: relative;
  z-index: 2;
}
.team-card__content__shape {
  position: relative;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  overflow: hidden;
  z-index: 1;
  border-radius: 15px;
}
.team-card__content__shape__one, .team-card__content__shape__two {
  width: 70px;
  height: 118px;
  position: absolute;
  transform: rotate(45deg);
  opacity: 0;
  transition: all 500ms ease;
}
.team-card__content__shape__one {
  background-color: var(--insuba-base, #0365d3);
  right: -83px;
  bottom: 22px;
}
.team-card__content__shape__two {
  background-color: var(--insuba-black5, #0f3667);
  right: -32px;
  bottom: -65px;
}
.team-card:hover .team-card__content::after {
  filter: drop-shadow(0 0 23px rgba(0, 0, 0, 0.15));
}
.team-card:hover .team-card__content__shape__one, .team-card:hover .team-card__content__shape__two {
  opacity: 1;
}
.team-card__name {
  margin-bottom: 8px;
  font-size: 22px;
  font-weight: 700;
  text-transform: capitalize;
  line-height: 1.318;
}
.team-card__name:hover {
  color: var(--insuba-base, #0365d3);
}
.team-card__name a {
  color: inherit;
  background: linear-gradient(to right, currentcolor 0%, currentcolor 100%) 0px 95%/0px 1px no-repeat;
  transition: all 500ms ease;
}
.team-card__name a:hover {
  background-size: 100% 1px;
}
.team-card__designation {
  margin-bottom: 8px;
  font-weight: 500;
  text-transform: capitalize;
  line-height: 1.625;
}
.team-card__text {
  margin-bottom: 13px;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.642;
}
.team-card .social-links {
  gap: 13px;
}
@media (min-width: 992px) and (max-width: 1199px) {
  .team-card .social-links {
    justify-content: center;
  }
}
@media (max-width: 767px) {
  .team-card .social-links {
    justify-content: center;
  }
}
.team-card .social-links a {
  width: 26px;
  height: 26px;
  background-color: transparent;
  border: 1px solid RGBA(var(--insuba-black10-rgb, 0, 0, 0), 0.17);
}
.team-card .social-links__icon {
  font-size: 12px;
  color: var(--insuba-gray5, #cacaca);
}
.team-card .social-links a:hover {
  background-color: var(--insuba-base, #0365d3);
  border-color: var(--insuba-base, #0365d3);
}
.team-card .social-links a:hover .social-links__icon {
  color: var(--insuba-white, #ffffff);
}

.team-card-two {
  padding: 330px 40px 22px;
  position: relative;
  overflow: hidden;
}
@media (min-width: 576px) and (max-width: 767px) {
  .team-card-two {
    padding-left: 30px;
    padding-right: 30px;
  }
}
@media (max-width: 390px) {
  .team-card-two {
    padding-left: 30px;
    padding-right: 30px;
  }
}
.team-card-two::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: var(--insuba-black4, #0f3564);
  border-radius: 20px 20px 101px 20px;
}
.team-card-two__image {
  width: 100%;
  height: 306px;
  position: relative;
  position: absolute;
  top: 0;
  left: 0;
  border-radius: 20px 20px 0px 101px;
  overflow: hidden;
  transition: all 500ms ease;
  z-index: 1;
}
.team-card-two__image::after {
  content: "";
  width: 100%;
  height: 0;
  position: absolute;
  left: 0;
  bottom: 0;
  background: linear-gradient(180deg, transparent 60%, RGBA(var(--insuba-base-rgb, 3, 101, 211), 1)) 40%;
  border-radius: inherit;
  transition: all 400ms ease;
}
.team-card-two__image img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
  object-position: top;
  border-radius: inherit;
}
.team-card-two:hover .team-card-two__image {
  height: 100%;
  border-radius: 20px 20px 101px 20px;
}
.team-card-two:hover .team-card-two__image::after {
  height: 100%;
  top: 0;
}
.team-card-two__content {
  position: relative;
  z-index: 2;
}
.team-card-two__name {
  margin-bottom: 8px;
  font-size: 22px;
  font-weight: 700;
  color: var(--insuba-white, #ffffff);
  text-transform: capitalize;
  line-height: 1.318;
}
.team-card-two__name a {
  color: inherit;
  background: linear-gradient(to right, currentcolor 0%, currentcolor 100%) 0px 95%/0px 1px no-repeat;
  transition: all 500ms ease;
}
.team-card-two__name a:hover {
  background-size: 100% 1px;
}
.team-card-two__designation {
  margin: 0;
  font-weight: 500;
  color: var(--insuba-white, #ffffff);
  text-transform: capitalize;
  line-height: 1.625;
}
.team-card-two__btn {
  position: absolute;
  right: 0;
  bottom: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 62px;
  height: 62px;
  font-size: 25px;
  color: var(--insuba-white, #ffffff);
  background-color: var(--insuba-base, #0365d3);
  border-radius: 50%;
  border: 5px solid var(--insuba-white, #ffffff);
  z-index: 3;
  transition: all 500ms ease;
}
.team-card-two__btn svg {
  width: 1em;
  height: 1em;
  fill: currentColor;
}
.team-card-two__btn:hover {
  transform: rotate(45deg);
  background-color: var(--insuba-black4, #0f3564);
}
.team-card-two .social-links {
  margin: 0;
  position: absolute;
  right: 17px;
  bottom: 91px;
  flex-direction: column;
  align-items: flex-start;
  gap: 12px;
  z-index: 2;
}
.team-card-two .social-links li {
  position: relative;
  right: -60px;
  opacity: 0;
  transition: all 500ms ease;
}
.team-card-two .social-links li:nth-child(1) {
  transition-delay: 0ms;
}
.team-card-two .social-links li:nth-child(2) {
  transition-delay: 100ms;
}
.team-card-two .social-links li:nth-child(3) {
  transition-delay: 200ms;
}
.team-card-two .social-links li:nth-child(4) {
  transition-delay: 300ms;
}
.team-card-two .social-links a {
  width: 37px;
  height: 37px;
  background-color: var(--insuba-white, #ffffff);
  border: 1px solid var(--insuba-black9, #0f3260);
}
.team-card-two .social-links__icon {
  color: var(--insuba-black9, #0f3260);
}
.team-card-two .social-links a:hover {
  background-color: var(--insuba-base, #0365d3);
  border-color: var(--insuba-base, #0365d3);
}
.team-card-two .social-links a:hover .social-links__icon {
  color: var(--insuba-white, #ffffff);
}
.team-card-two:hover .social-links li {
  opacity: 1;
  right: 0;
}

.team-card-three {
  position: relative;
  overflow: hidden;
}
.team-card-three__content {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 30px;
  padding: 24px 41px 137px;
  border: 1px solid var(--insuba-border-color, #dddddd);
  border-radius: 25px 25px 101px 25px;
  background-color: var(--insuba-white, #ffffff);
  transition: all 500ms ease;
}
@media (max-width: 425px) {
  .team-card-three__content {
    padding-left: 35px;
    padding-right: 35px;
  }
}
@media (max-width: 412px) {
  .team-card-three__content {
    padding-left: 30px;
    padding-right: 30px;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .team-card-three__content {
    padding-left: 35px;
    padding-right: 35px;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .team-card-three__content {
    padding-left: 30px;
    padding-right: 30px;
  }
}
.team-card-three__content::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  transform: scale(0.85);
  opacity: 0;
  background-color: var(--insuba-base, #0365d3);
  border-radius: inherit;
  transition: all 500ms ease;
}
.team-card-three:hover .team-card-three__content {
  border-color: var(--insuba-base, #0365d3);
}
.team-card-three:hover .team-card-three__content::after {
  transform: scale(1);
  opacity: 1;
}
.team-card-three__identity {
  position: relative;
  z-index: 2;
}
.team-card-three__name {
  margin-bottom: 8px;
  font-size: 22px;
  font-weight: 700;
  text-transform: capitalize;
  line-height: 1.318;
}
.team-card-three__name a {
  color: inherit;
  background: linear-gradient(to right, currentcolor 0%, currentcolor 100%) 0px 95%/0px 1px no-repeat;
  transition: all 500ms ease;
}
.team-card-three__name a:hover {
  background-size: 100% 1px;
}
.team-card-three__designation {
  margin: 0;
  font-weight: 500;
  text-transform: capitalize;
  line-height: 1.625;
  transition: all 500ms ease;
}
.team-card-three:hover .team-card-three__name, .team-card-three:hover .team-card-three__designation {
  color: var(--insuba-white, #ffffff);
}
.team-card-three__btn {
  position: relative;
  top: -6px;
  z-index: 2;
  width: 50px;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  border-radius: 50%;
  background-color: var(--insuba-black4, #0f3564);
  transition: all 500ms ease;
}
.team-card-three__btn::after, .team-card-three__btn::before {
  content: "";
  width: 2px;
  height: 17px;
  background-color: var(--insuba-white, #ffffff);
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  transition: all 500ms ease;
}
.team-card-three__btn::after {
  transform: translate(-50%, -50%) rotate(90deg);
}
.team-card-three__btn:hover::before {
  opacity: 0;
}
.team-card-three:hover .team-card-three__btn {
  background-color: var(--insuba-white, #ffffff);
}
.team-card-three:hover .team-card-three__btn::before, .team-card-three:hover .team-card-three__btn::after {
  background-color: var(--insuba-base, #0365d3);
}
.team-card-three__image {
  position: relative;
  margin-top: -122px;
  text-align: center;
  z-index: 2;
}
.team-card-three__image img {
  margin: 0 auto;
  width: auto !important;
  max-width: 100%;
  height: auto;
  border-radius: 101px 0 25px 25px;
}
.team-card-three:hover .team-card-three__image img {
  -webkit-animation-name: wobble-horizontal-hover;
  animation-name: wobble-horizontal-hover;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
}
.team-card-three .social-links {
  margin: 0;
  position: absolute;
  right: 17px;
  bottom: 51px;
  flex-direction: column;
  align-items: flex-start;
  gap: 12px;
  z-index: 2;
}
.team-card-three .social-links li {
  position: relative;
  right: -60px;
  opacity: 0;
  transition: all 500ms ease;
}
.team-card-three .social-links li:nth-child(1) {
  transition-delay: 0ms;
}
.team-card-three .social-links li:nth-child(2) {
  transition-delay: 100ms;
}
.team-card-three .social-links li:nth-child(3) {
  transition-delay: 200ms;
}
.team-card-three .social-links li:nth-child(4) {
  transition-delay: 300ms;
}
.team-card-three .social-links a {
  width: 37px;
  height: 37px;
  background-color: var(--insuba-white, #ffffff);
  border: 1px solid var(--insuba-black9, #0f3260);
}
.team-card-three .social-links__icon {
  color: var(--insuba-black9, #0f3260);
}
.team-card-three .social-links a:hover {
  background-color: var(--insuba-base, #0365d3);
  border-color: var(--insuba-base, #0365d3);
}
.team-card-three .social-links a:hover .social-links__icon {
  color: var(--insuba-white, #ffffff);
}
.team-card-three:hover .social-links li {
  opacity: 1;
  right: 0;
}

.team-one,
.team-two,
.team-three,
.team-page {
  background-color: var(--insuba-white, #ffffff);
}

.team-one {
  background-color: var(--insuba-white, #ffffff);
}
.team-one__area {
  position: relative;
  padding: 40px;
  border: 1px solid var(--insuba-border-color, #dddddd);
  border-radius: 30px;
  overflow: hidden;
}
@media (max-width: 425px) {
  .team-one__area {
    padding: 30px;
  }
}
@media (max-width: 375px) {
  .team-one__area {
    padding: 20px;
  }
}
.team-one__area::after {
  content: "";
  width: 100%;
  height: 1px;
  background-color: var(--insuba-border-color, #dddddd);
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
}
@media (max-width: 991px) {
  .team-one__area::after {
    display: none;
  }
}
.team-one__row {
  --bs-gutter-x: 70px;
  --bs-gutter-y: 42px;
}
@media (max-width: 991px) {
  .team-one__row {
    --bs-gutter-y: 40px;
  }
}
.team-one__border-col {
  position: relative;
}
.team-one__border-col::after {
  content: "";
  width: 1px;
  height: calc(100% + 200px);
  position: absolute;
  top: 50%;
  right: 1px;
  transform: translateY(-50%);
  background-color: var(--insuba-border-color, #dddddd);
}
.team-one__btn {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: flex;
  align-items: center;
  justify-content: center;
  width: 70px;
  height: 70px;
  background-color: var(--insuba-black5, #0f3667);
  border-radius: 50%;
  border: 5px solid var(--insuba-white, #ffffff);
  filter: drop-shadow(0 0 55.5px rgba(160, 163, 189, 0.37));
  z-index: 3;
  transition: all 500ms ease;
}
@media (max-width: 991px) {
  .team-one__btn {
    display: none;
  }
}
.team-one__btn:hover {
  background-color: var(--insuba-base, #0365d3);
}
.team-one__btn__icon {
  display: inline-flex;
  font-size: 25px;
  color: var(--insuba-white, #ffffff);
  transition: all 500ms ease;
}
.team-one__btn__icon svg {
  width: 1em;
  height: 1em;
  fill: currentColor;
}
.team-one__btn:hover .team-one__btn__icon {
  transform: rotate(45deg);
}

.team-three {
  position: relative;
  padding-top: 652px;
  overflow: hidden;
}
@media (max-width: 767px) {
  .team-three {
    padding-top: 632px;
  }
}
@media (max-width: 575px) {
  .team-three {
    padding-top: 612px;
  }
}
.team-three__bg {
  position: relative;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: var(--insuba-black5, #0f3667);
  -webkit-mask: url('data:image/svg+xml;utf8,<svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 900.000000 654.000000"><g transform="translate(0.000000,654.000000) scale(0.100000,-0.100000)" stroke="none"> <path d="M0 3256 l0 -3256 4500 0 4500 0 0 1930 c0 1649 -2 1930 -14 1930 -8 0 -19 12 -25 28 -6 15 -20 41 -31 57 -11 17 -23 37 -27 45 -4 8 -25 41 -47 75 -23 33 -45 68 -51 77 -52 88 -205 291 -327 433 -56 65 -271 281 -328 331 -46 39 -238 184 -244 184 -3 0 -25 13 -49 30 -48 32 -202 113 -233 123 -10 3 -44 15 -74 26 -94 36 -209 59 -375 75 -88 9 -203 21 -255 27 -52 6 -131 15 -175 19 -44 4 -114 13 -155 19 -205 32 -270 43 -325 53 -33 6 -82 14 -110 18 -27 4 -75 13 -105 19 -30 7 -89 19 -130 28 -72 14 -128 27 -235 53 -27 7 -68 16 -90 20 -22 4 -53 13 -70 19 -26 11 -31 10 -47 -11 -10 -13 -21 -34 -24 -48 -3 -14 -12 -40 -20 -58 -8 -18 -14 -39 -14 -46 0 -21 -38 -102 -54 -115 -11 -9 -29 -9 -78 3 -34 8 -99 22 -143 31 -44 9 -105 23 -135 30 -30 7 -91 21 -135 30 -44 9 -105 23 -135 30 -30 7 -91 21 -135 30 -44 9 -100 22 -125 27 -25 6 -67 14 -95 18 -27 4 -75 13 -105 19 -172 33 -490 71 -596 71 -53 0 -64 -3 -76 -22 -21 -34 -65 -150 -75 -198 -3 -14 -15 -37 -25 -52 -18 -27 -23 -28 -101 -28 -75 0 -190 14 -342 41 -33 6 -80 14 -105 19 -25 4 -67 13 -95 20 -27 6 -75 18 -105 25 -79 19 -177 44 -235 60 -100 26 -141 36 -180 44 -22 4 -58 13 -80 19 -163 44 -365 72 -516 72 -198 0 -466 47 -607 106 -18 8 -39 14 -47 14 -7 0 -26 6 -42 14 -15 7 -44 20 -63 28 -57 25 -243 118 -275 138 -16 11 -39 24 -50 30 -144 76 -378 262 -557 443 l-108 109 0 -3256z"/> </g> </svg>');
  mask: url('data:image/svg+xml;utf8,<svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 900.000000 654.000000"><g transform="translate(0.000000,654.000000) scale(0.100000,-0.100000)" stroke="none"> <path d="M0 3256 l0 -3256 4500 0 4500 0 0 1930 c0 1649 -2 1930 -14 1930 -8 0 -19 12 -25 28 -6 15 -20 41 -31 57 -11 17 -23 37 -27 45 -4 8 -25 41 -47 75 -23 33 -45 68 -51 77 -52 88 -205 291 -327 433 -56 65 -271 281 -328 331 -46 39 -238 184 -244 184 -3 0 -25 13 -49 30 -48 32 -202 113 -233 123 -10 3 -44 15 -74 26 -94 36 -209 59 -375 75 -88 9 -203 21 -255 27 -52 6 -131 15 -175 19 -44 4 -114 13 -155 19 -205 32 -270 43 -325 53 -33 6 -82 14 -110 18 -27 4 -75 13 -105 19 -30 7 -89 19 -130 28 -72 14 -128 27 -235 53 -27 7 -68 16 -90 20 -22 4 -53 13 -70 19 -26 11 -31 10 -47 -11 -10 -13 -21 -34 -24 -48 -3 -14 -12 -40 -20 -58 -8 -18 -14 -39 -14 -46 0 -21 -38 -102 -54 -115 -11 -9 -29 -9 -78 3 -34 8 -99 22 -143 31 -44 9 -105 23 -135 30 -30 7 -91 21 -135 30 -44 9 -105 23 -135 30 -30 7 -91 21 -135 30 -44 9 -100 22 -125 27 -25 6 -67 14 -95 18 -27 4 -75 13 -105 19 -172 33 -490 71 -596 71 -53 0 -64 -3 -76 -22 -21 -34 -65 -150 -75 -198 -3 -14 -15 -37 -25 -52 -18 -27 -23 -28 -101 -28 -75 0 -190 14 -342 41 -33 6 -80 14 -105 19 -25 4 -67 13 -95 20 -27 6 -75 18 -105 25 -79 19 -177 44 -235 60 -100 26 -141 36 -180 44 -22 4 -58 13 -80 19 -163 44 -365 72 -516 72 -198 0 -466 47 -607 106 -18 8 -39 14 -47 14 -7 0 -26 6 -42 14 -15 7 -44 20 -63 28 -57 25 -243 118 -275 138 -16 11 -39 24 -50 30 -144 76 -378 262 -557 443 l-108 109 0 -3256z"/> </g> </svg>');
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center center;
  mask-position: center center;
  -webkit-mask-size: cover;
  mask-size: cover;
}
.team-three__image-left {
  max-width: 100%;
  height: auto;
  position: absolute;
  left: 0;
  bottom: 0;
  opacity: 0.05;
  z-index: 1;
}
@media (max-width: 1199px) {
  .team-three__image-left {
    display: none;
  }
}
.team-three__shape {
  max-width: 100%;
  height: auto;
  position: absolute;
  right: 0;
  bottom: -185px;
  opacity: 0.06;
  z-index: 1;
  animation: zump 2s linear infinite;
}
.team-three .container {
  position: relative;
  z-index: 2;
}
.team-three .sec-title__title {
  color: var(--insuba-white, #ffffff);
}

.team-page .team-card__image img, .team-page .team-card__image__shape {
  display: inline-block !important;
  width: auto !important;
}

.team-details__image img {
  max-width: 100%;
  height: auto;
  border-radius: 10px;
}
.team-details__about {
  max-width: 637px;
}
@media (max-width: 1199px) {
  .team-details__about {
    max-width: 100%;
  }
}
.team-details__about__title {
  margin-bottom: 20px;
  font-size: 22px;
  font-weight: 700;
  text-transform: capitalize;
  line-height: 1.318;
}
.team-details__about__text {
  margin-bottom: 18px;
}
.team-details__skill {
  max-width: 572px;
  margin-bottom: 25px;
}
@media (max-width: 1199px) {
  .team-details__skill {
    max-width: 100%;
  }
}
.team-details .progress-box + .progress-box {
  margin-top: 24px;
}
.team-details .progress-box__title {
  margin-bottom: 11px;
  font-weight: 500;
}
.team-details .progress-box__bar {
  margin-left: 0;
}
.team-details .progress-box__bar::after {
  display: none;
}
.team-details .progress-box__number {
  bottom: calc(100% + 11px);
  font-weight: 500;
}
.team-details__identity {
  margin-bottom: 16px;
}
.team-details__name {
  margin-bottom: 5px;
  font-size: 22px;
  font-weight: 700;
  text-transform: capitalize;
  line-height: 1.318;
}
.team-details__designation {
  margin: 0;
  font-weight: 500;
}
.team-details .social-links {
  gap: 15px;
}
.team-details .social-links a {
  width: 35px;
  height: 35px;
  background-color: transparent;
  border: 1px solid var(--insuba-gray5, #cacaca);
}
.team-details .social-links__icon {
  color: var(--insuba-gray5, #cacaca);
}
.team-details .social-links a:hover {
  background-color: var(--insuba-base, #0365d3);
  border-color: var(--insuba-base, #0365d3);
}
.team-details .social-links a:hover .social-links__icon {
  color: var(--insuba-white, #ffffff);
}
.team-details__bottom {
  margin-top: 44px;
  padding-bottom: 50px;
  border-bottom: 1px solid var(--insuba-border-color, #dddddd);
}
.team-details__bottom__text {
  margin: 0;
}
.team-details__info {
  margin: 47px 0 0;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 25px 69px;
}
@media (max-width: 1199px) {
  .team-details__info {
    gap: 25px 40px;
  }
}
.team-details__info li {
  display: flex;
  align-items: center;
  gap: 20px;
}
.team-details__info__icon-box {
  width: 36px;
  height: 36px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  border: 1px solid var(--insuba-base, #0365d3);
  border-radius: 50%;
  overflow: hidden;
  transition: all 500ms ease;
}
li:hover .team-details__info__icon-box {
  background-color: var(--insuba-base, #0365d3);
}
.team-details__info__icon {
  display: inline-flex;
  font-size: 14px;
  color: var(--insuba-base, #0365d3);
}
.team-details__info__icon svg {
  width: 1em;
  height: 1em;
  fill: currentColor;
}
li:hover .team-details__info__icon {
  color: var(--insuba-white, #ffffff);
  animation: slideTop 400ms;
}
.team-details__info a {
  font-size: 16px;
  color: var(--insuba-text, #636363);
  font-weight: 400;
  line-height: 1.625;
}
.team-details__info a:hover {
  color: var(--insuba-base, #0365d3);
}

.blog-card__image {
  margin-bottom: -103px;
  position: relative;
  z-index: 2;
}
.blog-card__image::after {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  background-color: var(--insuba-base, #0365d3);
  border-radius: 0 100px 0 100px;
  transition: all 500ms ease;
}
.blog-card__image__inner {
  position: relative;
  border-radius: 0 100px 0 100px;
  overflow: hidden;
  z-index: 1;
}
.blog-card__image__inner img {
  width: 100%;
  display: block;
  border-radius: inherit;
  transition: all 500ms ease;
}
.blog-card__image__link {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  background-color: rgba(var(--insuba-black3-rgb, 25, 35, 43), 0.7);
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  transform: translateY(-20%);
  z-index: 1;
  border-radius: inherit;
  transition: opacity 500ms ease, transform 500ms ease;
}
.blog-card__image__link::before, .blog-card__image__link::after {
  content: "";
  width: 25px;
  height: 2px;
  background-color: var(--insuba-white, #ffffff);
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.blog-card__image__link::after {
  transform: translate(-50%, -50%) rotate(90deg);
}
.blog-card:hover .blog-card__image::after {
  top: -4px;
  opacity: 1;
}
.blog-card:hover .blog-card__image__link {
  opacity: 1;
  transform: translateY(0);
}
.blog-card:hover .blog-card__image img {
  transform: scale(1.1);
}
.blog-card__date {
  width: 90px;
  height: 95px;
  position: relative;
  position: absolute;
  left: 34px;
  bottom: -26px;
  transform: rotate(-27deg);
  z-index: 2;
  background-color: var(--insuba-black5, #0f3667);
  border-radius: 0px 30px 0 30px;
  overflow: hidden;
  transition: all 500ms ease;
}
.blog-card__date::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border: 5px solid var(--insuba-white, #ffffff);
  border-radius: inherit;
}
.blog-card__date__day {
  display: block;
  width: 45px;
  height: 45px;
  position: absolute;
  top: 0;
  right: 0;
  transform: rotate(27deg);
  font-family: var(--insuba-font2, "Rubik", sans-serif);
  font-size: 16px;
  font-weight: 500;
  text-align: center;
  color: var(--insuba-white, #ffffff);
  line-height: 54px;
  border-radius: 23px;
  background-color: var(--insuba-base, #0365d3);
  transition: all 500ms ease;
}
.blog-card__date__month {
  margin-left: 11px;
  margin-top: 50px;
  position: relative;
  display: block;
  font-family: var(--insuba-font2, "Rubik", sans-serif);
  font-size: 16px;
  font-weight: 500;
  color: var(--insuba-white, #ffffff);
  text-transform: uppercase;
  line-height: 1;
  z-index: 1;
  transform: rotate(27deg);
}
.blog-card__date__year {
  margin-left: 25px;
  position: relative;
  display: block;
  font-family: var(--insuba-font2, "Rubik", sans-serif);
  font-size: 16px;
  font-weight: 500;
  color: var(--insuba-white, #ffffff);
  line-height: 1;
  z-index: 1;
}
.blog-card:hover .blog-card__date {
  background-color: var(--insuba-base, #0365d3);
}
.blog-card:hover .blog-card__date__day {
  background-color: var(--insuba-black3, #19232b);
}
.blog-card__content {
  position: relative;
  padding: 153px 30px 40px;
  border: 1px solid var(--insuba-gray2, #b4b5ba);
  border-radius: 100px 0 100px 0;
  z-index: 1;
  transition: all 500ms ease;
  height: 460px;
}
@media (min-width: 992px) and (max-width: 1199px) {
  .blog-card__content {
    padding-left: 25px;
    padding-right: 25px;
  }
}
@media (max-width: 375px) {
  .blog-card__content {
    padding-left: 25px;
    padding-right: 25px;
  }
}
.blog-card:hover .blog-card__content {
  border-color: var(--insuba-base, #0365d3);
}
.blog-card__title {
  margin-bottom: 10px;
  font-size: 21px;
  font-weight: 700;
  line-height: 1.318;
  text-transform: capitalize;
 
}
@media (min-width: 992px) and (max-width: 1199px) {
  .blog-card__title {
    font-size: 21px;
  }
}
@media (max-width: 375px) {
  .blog-card__title {
    font-size: 21px;
  }
}
.blog-card__title:hover {
  color: var(--insuba-base, #0365d3);
}
.blog-card__title a {
  color: inherit;
  background: linear-gradient(to right, currentcolor 0%, currentcolor 100%) 0px 95%/0px 1px no-repeat;
  transition: all 500ms ease;
}
.blog-card__title a:hover {
  background-size: 100% 1px;
}
.blog-card__text {
  margin-bottom: 26px;
}
.blog-card__link {
  display: block;
  width: 203px;
  position: relative;
}
@media (min-width: 992px) and (max-width: 1199px) {
  .blog-card__link {
    width: 173px;
  }
}
@media (max-width: 375px) {
  .blog-card__link {
    width: 173px;
  }
}
.blog-card__link__front {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 13px;
  color: var(--insuba-white, #ffffff);
  background-color: var(--insuba-black3, #19232b);
  perspective: 300px;
  transform-origin: top center;
  transform: translateY(0%) translateZ(0px) scaleY(1) rotateX(0deg);
  transition: transform 500ms ease;
}
.blog-card__link__front svg {
  width: 1em;
  height: 1em;
  fill: currentColor;
}
.blog-card__link:hover .blog-card__link__front {
  transform-origin: bottom center;
  transform: translateY(-100%) translateZ(150px) scaleY(0) rotateX(90deg);
}
.blog-card__link__back {
  padding: 10.5px 82px 10.5px 38px;
  position: absolute;
  top: 0;
  left: 0;
  transition: transform 700ms ease, top 700ms ease;
  transform: translateY(0%) translateZ(150px) scaleY(0) rotateX(90deg);
  perspective: 300px;
  transform-origin: bottom center;
}
@media (min-width: 992px) and (max-width: 1199px) {
  .blog-card__link__back {
    padding-left: 25px;
    padding-right: 65px;
  }
}
@media (max-width: 390px) {
  .blog-card__link__back {
    padding-left: 25px;
    padding-right: 65px;
  }
}
.blog-card__link:hover .blog-card__link__back {
  transition: transform 500ms ease, top 500ms ease;
  transform: translateY(0%) translateZ(0px) scaleY(1) rotateX(0deg);
}
.blog-card__shape {
  position: absolute;
  width: 38px;
  height: 34px;
  background-color: var(--insuba-gray3, #eeeeee);
  clip-path: polygon(7% 0, 0% 100%, 100% 100%);
  transition: all 600ms ease;
}
@media (max-width: 375px) {
  .blog-card__shape {
    width: 30px;
    height: 26px;
  }
}
.blog-card__shape--1 {
  right: 74px;
  bottom: 29px;
}
.blog-card__shape--2 {
  right: 51px;
  bottom: 49px;
}
.blog-card__shape--3 {
  right: 23px;
  bottom: 66px;
}
.blog-card:hover .blog-card__shape {
  transform: rotate(180deg);
}
.blog-card:hover .blog-card__shape--2 {
  background-color: var(--insuba-base, #0365d3);
}
.blog-card--four .blog-card__image::after {
  display: none;
}
.blog-card--four .blog-card__content {
  border-color: var(--insuba-gray, #e0e0e0);
  border-radius: 0 0 100px 0;
}
@media (max-width: 390px) {
  .blog-card--four .insuba-btn {
    padding-left: 25px;
    padding-right: 65px;
  }
}

.blog-card-two {
  position: relative;
  padding: 9px;
  border: 1px solid var(--insuba-border-color, #dddddd);
  border-radius: 20px;
  overflow: hidden;
}
@media (min-width: 992px) {
  .blog-card-two--grid {
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
  }
}
@media (min-width: 992px) {
  .blog-card-two--grid .blog-card-two__image {
    width: 237px;
    flex-shrink: 0;
  }
}
@media (min-width: 992px) {
  .blog-card-two--grid .blog-card-two__content {
    padding: 10px 35px 10px 39px;
  }
}
.blog-card-two__image {
  position: relative;
  z-index: 1;
}
.blog-card-two__image__inner {
  position: relative;
  border-radius: 20px;
  overflow: hidden;
  z-index: 1;
}
.blog-card-two__image__inner img {
  width: 100%;
  display: block;
  border-radius: inherit;
  transition: all 500ms ease;
}
.blog-card-two__image__link {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  background-color: rgba(var(--insuba-black3-rgb, 25, 35, 43), 0.7);
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  transform: translateY(-20%);
  z-index: 1;
  border-radius: inherit;
  transition: opacity 500ms ease, transform 500ms ease;
}
.blog-card-two__image__link::before, .blog-card-two__image__link::after {
  content: "";
  width: 25px;
  height: 2px;
  background-color: var(--insuba-white, #ffffff);
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.blog-card-two__image__link::after {
  transform: translate(-50%, -50%) rotate(90deg);
}
.blog-card-two:hover .blog-card-two__image__link {
  opacity: 1;
  transform: translateY(0);
}
.blog-card-two:hover .blog-card-two__image img {
  transform: scale(1.1);
}
.blog-card-two__date {
  min-width: 69px;
  position: relative;
  position: absolute;
  top: -10px;
  right: -10px;
  z-index: 2;
  font-family: var(--insuba-font2, "Rubik", sans-serif);
  font-size: 16px;
  text-align: center;
  font-weight: 500;
  color: var(--insuba-white, #ffffff);
  line-height: 1;
  border-radius: 0 22px 0 22px;
  background-color: var(--insuba-black5, #0f3667);
  overflow: hidden;
  transition: all 500ms ease;
}
.blog-card-two__date__day {
  padding: 8px 8px 5px;
}
.blog-card-two__date__month {
  padding: 0 8px 7px;
}
.blog-card-two__date__year {
  position: relative;
  padding: 11px 8px 9px;
  z-index: 1;
}
.blog-card-two__date__year::after {
  content: "";
  width: 95px;
  height: 45px;
  background-color: var(--insuba-base, #0365d3);
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  z-index: -1;
  -webkit-mask: url('data:image/svg+xml;utf8,<svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 95.000000 45.000000"><g transform="translate(0.000000,45.000000) scale(0.050000,-0.050000)" stroke="none"> <path d="M617 869 c-827 -150 -817 -694 17 -839 718 -125 1440 195 1227 544 -152 249 -735 387 -1244 295z"/> </g> </svg>');
  mask: url('data:image/svg+xml;utf8,<svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 95.000000 45.000000"><g transform="translate(0.000000,45.000000) scale(0.050000,-0.050000)" stroke="none"> <path d="M617 869 c-827 -150 -817 -694 17 -839 718 -125 1440 195 1227 544 -152 249 -735 387 -1244 295z"/> </g> </svg>');
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center center;
  mask-position: center center;
  -webkit-mask-size: auto;
  mask-size: auto;
}
.blog-card-two__content {
  position: relative;
  padding: 35px 42px 32px;
  z-index: 1;
}
@media (max-width: 1199px) {
  .blog-card-two__content {
    padding-left: 30px;
    padding-right: 30px;
  }
}
@media (max-width: 991px) {
  .blog-card-two__content {
    padding-left: 25px;
    padding-right: 25px;
  }
}
@media (max-width: 390px) {
  .blog-card-two__content {
    padding-left: 20px;
    padding-right: 20px;
  }
}
.blog-card-two__title {
  margin-bottom: 10px;
  font-size: 22px;
  font-weight: 700;
  line-height: 1.318;
  text-transform: capitalize;
}
@media (max-width: 390px) {
  .blog-card-two__title {
    font-size: 21px;
  }
}
.blog-card-two__title:hover {
  color: var(--insuba-base, #0365d3);
}
.blog-card-two__title a {
  color: inherit;
  background: linear-gradient(to right, currentcolor 0%, currentcolor 100%) 0px 95%/0px 1px no-repeat;
  transition: all 500ms ease;
}
.blog-card-two__title a:hover {
  background-size: 100% 1px;
}
.blog-card-two__text {
  margin-bottom: 23px;
}
.blog-card-two__link {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--insuba-black3, #19232b);
  overflow: hidden;
  transition: all 500ms ease;
}
.blog-card-two__link:hover {
  background-color: var(--insuba-base, #0365d3);
}
.blog-card-two__link__icon {
  display: inline-flex;
  font-size: 13px;
  color: var(--insuba-white, #ffffff);
}
.blog-card-two__link__icon svg {
  width: 1em;
  height: 1em;
  fill: currentColor;
}
.blog-card-two__link:hover .blog-card-two__link__icon {
  animation: slideLeft 400ms;
}
.blog-card-two__shape {
  max-width: 100%;
  height: auto;
  position: absolute;
  right: -65px;
  bottom: -7px;
  animation: moveHorizontal 2s linear infinite;
}

.blog-card-three__image {
  margin-bottom: 42px;
}
.blog-card-three__image img {
  width: 100%;
  display: block;
}
.blog-card-three__meta {
  margin-bottom: 24px;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 15px 30px;
}
.blog-card-three__category {
  padding: 7px 31.5px;
  font-size: 17px;
  font-weight: 500;
  line-height: 1.4;
  color: var(--insuba-white, #ffffff);
  text-transform: uppercase;
  background-color: var(--insuba-base, #0365d3);
  border-radius: 20px;
  transition: all 500ms ease;
}
.blog-card-three__category:hover {
  background-color: var(--insuba-black, #122f2a);
}
.blog-card-three__admin {
  display: flex;
  align-items: center;
  gap: 11px;
}
.blog-card-three__admin__image {
  flex-shrink: 0;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  border: 2px solid var(--insuba-base, #0365d3);
}
.blog-card-three__admin__name {
  margin: 0;
  font-family: var(--insuba-font, "Roboto", sans-serif);
  font-size: 16px;
  color: var(--insuba-text, #636363);
  font-weight: 400;
  text-transform: capitalize;
  line-height: 1.75;
}
.blog-card-three__admin__name a {
  color: inherit;
  background: linear-gradient(to right, currentcolor 0%, currentcolor 100%) 0px 95%/0px 1px no-repeat;
  transition: all 500ms ease;
}
.blog-card-three__admin__name a:hover {
  background-size: 100% 1px;
}
.blog-card-three__admin__name a:hover {
  color: var(--insuba-base, #0365d3);
}
.blog-card-three__comment {
  display: flex;
  align-items: center;
  gap: 10px;
}
.blog-card-three__comment__icon {
  display: inline-flex;
  flex-shrink: 0;
  font-size: 18px;
  color: var(--insuba-base, #0365d3);
}
.blog-card-three__comment__icon svg {
  width: 1em;
  height: 1em;
  fill: currentColor;
}
.blog-card-three__comment__text {
  font-family: var(--insuba-font, "Roboto", sans-serif);
  font-size: 16px;
  color: var(--insuba-text, #636363);
  font-weight: 400;
  text-transform: capitalize;
  line-height: 1.75;
  transition: all 500ms ease;
}
.blog-card-three__comment__text:hover {
  color: var(--insuba-base, #0365d3);
  text-shadow: 0px 0px 0.5px currentColor;
}
.blog-card-three__date {
  display: flex;
  align-items: center;
  gap: 10px;
}
.blog-card-three__date__icon {
  position: relative;
  top: -1px;
  display: inline-flex;
  flex-shrink: 0;
  font-size: 18px;
  color: var(--insuba-base, #0365d3);
}
.blog-card-three__date__icon svg {
  width: 1em;
  height: 1em;
  fill: currentColor;
}
.blog-card-three__date__text {
  margin: 0;
  font-size: 16px;
  color: var(--insuba-text, #636363);
  font-weight: 400;
  text-transform: capitalize;
  line-height: 1.75;
  transition: all 500ms ease;
}
.blog-card-three__title {
  margin-bottom: 11px;
  font-size: 22px;
  font-weight: 700;
  line-height: 1.363;
}
.blog-card-three__title:hover {
  color: var(--insuba-base, #0365d3);
}
.blog-card-three__title a {
  color: inherit;
  background: linear-gradient(to right, currentcolor 0%, currentcolor 100%) 0px 95%/0px 1px no-repeat;
  transition: all 500ms ease;
}
.blog-card-three__title a:hover {
  background-size: 100% 1px;
}
.blog-card-three__text {
  margin-bottom: 27px;
  line-height: 1.625;
}
.blog-card-three__btn {
  padding: 10.5px 82px 10.5px 38px;
}

.blog-one,
.blog-two,
.blog-three,
.blog-page {
  background-color: var(--insuba-white, #ffffff);
}

.blog-three__blog + .blog-three__blog {
  margin-top: 30px;
}
.blog-three__blog {
  position: relative;
  margin-right: 30px;
  display: block;
  border-radius: 15px;
  overflow: hidden;
}
@media (max-width: 1199px) {
  .blog-three__blog {
    margin-right: 0;
  }
}
.blog-three__blog::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(180deg, transparent 60%, var(--insuba-base, #0365d3));
  border-radius: inherit;
}
.blog-three__blog__image {
  display: block;
  width: 100%;
  border-radius: inherit;
  transition: all 500ms ease;
}
.blog-three__blog:hover .blog-three__blog__image {
  transform: scale(1.1);
}
.blog-three__blog__author {
  padding-left: 30px;
  padding-right: 30px;
  width: 100%;
  position: absolute;
  left: 50%;
  bottom: 31px;
  transform: translateX(-50%);
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 16px 22px;
  z-index: 1;
}
@media (max-width: 375px) {
  .blog-three__blog__author {
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
  }
}
.blog-three__blog__author__image {
  flex-shrink: 0;
  width: 67px;
  height: 67px;
  border-radius: 50%;
  border: 2px solid var(--insuba-white, #ffffff);
}
.blog-three__blog__author__text {
  margin: 0;
  font-size: 17px;
  color: var(--insuba-white, #ffffff);
}
@media (max-width: 375px) {
  .blog-three__blog__author__text {
    margin-bottom: 5px;
  }
}
.blog-three__blog__author__name {
  margin: 0;
  font-size: 22px;
  color: var(--insuba-white, #ffffff);
  font-weight: 700;
  line-height: 1.318;
}
@media (max-width: 430px) {
  .blog-three__blog__author__name {
    font-size: 20px;
  }
}
.blog-three__list {
  margin: 0;
}
.blog-three__list li + li {
  margin-top: 10px;
}
.blog-three__card {
  position: relative;
  padding-bottom: 26px;
  display: flex;
  align-items: flex-start;
  gap: 30px;
  border-bottom: 1px solid var(--insuba-border-color, #dddddd);
  transition: all 500ms ease;
}
@media (min-width: 992px) and (max-width: 1199px) {
  .blog-three__card {
    gap: 25px;
  }
}
@media (max-width: 575px) {
  .blog-three__card {
    flex-direction: row;
  }
}
.blog-three__card:hover {
  border-color: var(--insuba-base, #0365d3);
}
.blog-three__card__date {
  min-width: 69px;
  display: inline-block;
  flex-shrink: 0;
  position: relative;
  z-index: 2;
  font-family: var(--insuba-font2, "Rubik", sans-serif);
  font-size: 16px;
  text-align: center;
  font-weight: 500;
  color: var(--insuba-white, #ffffff);
  line-height: 1;
  border-radius: 0 22px 0 22px;
  background-color: var(--insuba-black5, #0f3667);
  overflow: hidden;
  transition: all 500ms ease;
}
.blog-three__card__date__day {
  padding: 8px 8px 5px;
}
.blog-three__card__date__month {
  padding: 0 8px 7px;
}
.blog-three__card__date__year {
  position: relative;
  padding: 11px 8px 9px;
  z-index: 1;
}
.blog-three__card__date__year::after {
  content: "";
  width: 95px;
  height: 45px;
  background-color: var(--insuba-base, #0365d3);
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  z-index: -1;
  -webkit-mask: url('data:image/svg+xml;utf8,<svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 95.000000 45.000000"><g transform="translate(0.000000,45.000000) scale(0.050000,-0.050000)" stroke="none"> <path d="M617 869 c-827 -150 -817 -694 17 -839 718 -125 1440 195 1227 544 -152 249 -735 387 -1244 295z"/> </g> </svg>');
  mask: url('data:image/svg+xml;utf8,<svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 95.000000 45.000000"><g transform="translate(0.000000,45.000000) scale(0.050000,-0.050000)" stroke="none"> <path d="M617 869 c-827 -150 -817 -694 17 -839 718 -125 1440 195 1227 544 -152 249 -735 387 -1244 295z"/> </g> </svg>');
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center center;
  mask-position: center center;
  -webkit-mask-size: auto;
  mask-size: auto;
}
.blog-three__card__content {
  margin-top: 25px;
  padding-right: 172px;
}
@media (min-width: 992px) and (max-width: 1199px) {
  .blog-three__card__content {
    padding-right: 125px;
  }
}
@media (max-width: 767px) {
  .blog-three__card__content {
    padding-right: 130px;
  }
}
@media (max-width: 575px) {
  .blog-three__card__content {
    padding-right: 0px;
  }
}
.blog-three__card__title {
  margin-bottom: 12px;
  font-size: 22px;
  font-weight: 700;
  line-height: 1.318;
}
@media (min-width: 992px) and (max-width: 1199px) {
  .blog-three__card__title {
    font-size: 20px;
  }
}
.blog-three__card__title:hover {
  color: var(--insuba-base, #0365d3);
}
.blog-three__card__title a {
  color: inherit;
  background: linear-gradient(to right, currentcolor 0%, currentcolor 100%) 0px 95%/0px 1px no-repeat;
  transition: all 500ms ease;
}
.blog-three__card__title a:hover {
  background-size: 100% 1px;
}
.blog-three__card__text {
  margin: 0;
}
.blog-three__card__btn {
  position: absolute;
  top: 0;
  right: 0;
  width: 100px;
  height: 80px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  background-color: var(--insuba-white5, #f0f5f5);
  transition: all 500ms ease;
}
@media (max-width: 575px) {
  .blog-three__card__btn {
    position: static;
  }
}
.blog-three__card__btn:hover {
  background-color: var(--insuba-base, #0365d3);
}
.blog-three__card__btn__icon-box {
  width: 76px;
  height: 96px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--insuba-white, #ffffff);
}
.blog-three__card__btn__icon {
  position: relative;
  display: inline-flex;
  border-radius: 16px;
  font-size: 26px;
  color: var(--insuba-base, #0365d3);
  z-index: 1;
  transition: all 500ms ease;
}
.blog-three__card__btn__icon svg {
  width: 1em;
  height: 1em;
  fill: currentColor;
}
.blog-three__card__btn__icon::after {
  content: "";
  width: 16px;
  height: 16px;
  background-color: RGBA(var(--insuba-black5-rgb, 15, 54, 103), 0.22);
  position: absolute;
  left: 13px;
  bottom: -3px;
  border-radius: 50%;
  z-index: -1;
}
.blog-three__card__btn:hover .blog-three__card__btn__icon {
  transform: rotate(90deg);
}

.blog-page .post-pagination {
  justify-content: center;
}
@media (max-width: 991px) {
  .blog-page .post-pagination {
    margin-top: 20px;
  }
}
.blog-page--list .post-pagination, .blog-page--sidebar .post-pagination {
  margin-top: 20px;
}
@media (max-width: 991px) {
  .blog-page--list .post-pagination, .blog-page--sidebar .post-pagination {
    margin-top: 10px;
  }
}
.blog-page--sidebar .post-pagination {
  justify-content: flex-start;
}
@media (max-width: 991px) {
  .blog-page--sidebar .post-pagination {
    justify-content: center;
  }
}
.blog-page--grid .post-pagination {
  margin-top: 30px;
}
@media (max-width: 991px) {
  .blog-page--grid .post-pagination {
    margin-top: 20px;
  }
}

/*--------------------------------------------------------------
# Topbar
--------------------------------------------------------------*/
.topbar {
  position: relative;
  z-index: 999;
}
@media (max-width: 412px) {
  .topbar {
    display: none;
  }
}
.topbar__bg {
  height: 100%;
  position: relative;
  position: absolute;
  top: 0;
  right: 0;
  background-color: #2083f4;
  clip-path: polygon(0 0, 100% 0%, 100% 100%, 2% 100%);
}
@media (min-width: 1860px) {
  .topbar__bg {
    width: calc(100% - 478px);
  }
}
@media (max-width: 1859px) {
  .topbar__bg {
    width: 100%;
    max-width: 1428px;
  }
}
@media (max-width: 1599px) {
  .topbar__bg {
    max-width: 1230px;
  }
}
@media (max-width: 1199px) {
  .topbar__bg {
    clip-path: none;
  }
}
.topbar__bg::after {
  content: "";
  width: 152px;
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
  /* background-color: var(--insuba-base, #0365d3); */
  clip-path: polygon(0 0, 100% 0%, 100% 100%, 27% 100%);
}
@media (max-width: 1599px) {
  .topbar__bg::after {
    width: 130px;
  }
}
@media (max-width: 1199px) {
  .topbar__bg::after {
    display: none;
  }
}
.topbar .container-fluid {
  position: relative;
  z-index: 1;
  max-width: 1487px;
}
.topbar__inner {
  position: relative;
  max-width: 1124px;
  margin-left: auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-top: 7px;
  padding-bottom: 7px;
}
@media (max-width: 991px) {
  .topbar__inner {
    justify-content: center;
  }
}
.topbar__info {
  margin: 0;
  display: flex;
  align-items: center;
  gap: 35px;
}
@media (max-width: 991px) {
  .topbar__info {
    display: none;
  }
}
.topbar__info li {
  display: flex;
  align-items: center;
  gap: 13px;
  font-size: 15px;
  font-weight: 400;
  color: var(--insuba-white, #ffffff);
  line-height: 1.2;
}
.topbar__info li:hover {
  color: var(--insuba-base, #0365d3);
}
.topbar__info li a {
  color: inherit;
  background: linear-gradient(to right, currentcolor 0%, currentcolor 100%) 0px 95%/0px 1px no-repeat;
  transition: all 500ms ease;
}
.topbar__info li a:hover {
  background-size: 100% 1px;
}
.topbar__info__icon-box {
  width: 30px;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  background-color: var(--insuba-white, #ffffff);
  border-radius: 50%;
  overflow: hidden;
  transition: all 500ms ease;
}
.topbar__info__icon {
  display: inline-flex;
  font-size: 14px;
  color: var(--insuba-base, #0365d3);
  transition: all 500ms ease;
}
.topbar__info__icon svg {
  width: 1em;
  height: 1em;
  fill: currentColor;
}
.topbar__info li:hover .topbar__info__icon-box {
  background-color: var(--insuba-base, #0365d3);
}
.topbar__info li:hover .topbar__info__icon {
  color: var(--insuba-white, #ffffff);
  animation: slideTop 400ms;
}
.topbar__right {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 30px;
}
@media (max-width: 991px) {
  .topbar__right {
    justify-content: center;
  }
}
.topbar__language .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {
  font-family: var(--insuba-font, "Roboto", sans-serif);
  position: relative;
  display: block;
  width: 100%;
  min-width: 0px !important;
  background-color: transparent;
}
.topbar__language .bootstrap-select .dropdown-menu {
  border: none;
  box-shadow: 0px 3px 18px RGBA(var(--insuba-black-rgb, 18, 47, 42), 0.07);
}
.topbar__language .bootstrap-select > .dropdown-toggle {
  position: relative;
  height: 35px;
  outline: none !important;
  border-radius: 0;
  border: 0;
  background-color: transparent !important;
  margin: 0;
  padding: 0 20px 0 0;
  font-family: var(--insuba-font, "Roboto", sans-serif);
  color: var(--insuba-white, #ffffff) !important;
  text-transform: uppercase;
  font-size: 15px;
  line-height: 35px;
  font-weight: 500;
  box-shadow: none !important;
  background-repeat: no-repeat;
  background-size: 14px 12px;
  background-position: right 25.75px center;
}
.topbar__language .bootstrap-select > .dropdown-toggle::after {
  content: "";
  border: solid var(--insuba-white, #ffffff);
  border-width: 0 1px 1px 0;
  padding: 4px;
  position: absolute;
  top: calc(50% - 3px);
  right: 1px;
  transform: translateY(-50%) rotate(45deg);
  -webkit-transform: translateY(-50%) rotate(45deg);
}
.topbar__language .bootstrap-select .dropdown-menu > li + li > a {
  border-top: 1px solid RGBA(var(--insuba-border-color-rgb, 221, 221, 221), 0.8);
}
.topbar__language .bootstrap-select .dropdown-menu > li > a {
  font-family: var(--insuba-font, "Roboto", sans-serif);
  font-size: 14px;
  font-weight: 500;
  padding: 5px 10px;
  color: var(--insuba-black, #122f2a);
  background-color: var(--insuba-white, #ffffff);
  text-transform: capitalize;
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
.topbar__language .bootstrap-select .dropdown-menu > li:hover > a,
.topbar__language .bootstrap-select .dropdown-menu > li.selected > a {
  color: var(--insuba-white, #ffffff);
  background-color: var(--insuba-base, #0365d3);
  border-color: RGBA(var(--insuba-border-color-rgb, 221, 221, 221), 0.2);
}
.topbar--one {
  z-index: auto;
}
.topbar--one .container-fluid {
  z-index: auto;
}
.topbar--two {
  background-color: transparent;
  z-index: auto;
}
@media (max-width: 575px) {
  .topbar--two {
    display: none;
  }
}
.topbar--two .topbar__inner {
  padding: 0;
  position: relative;
  max-width: 100%;
}
.topbar--two .topbar__inner::before {
  content: "";
  width: 1px;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-color: var(--insuba-border-color, #dddddd);
}
@media (max-width: 991px) {
  .topbar--two .topbar__inner::before {
    display: none;
  }
}
.topbar--two .topbar__inner::after {
  content: "";
  width: calc(100% + 10000px);
  height: 1px;
  position: absolute;
  left: 0;
  bottom: 0;
  background-color: var(--insuba-border-color, #dddddd);
}
@media (max-width: 991px) {
  .topbar--two .topbar__inner::after {
    width: 100%;
  }
}
.topbar--two .topbar__text {
  position: relative;
  margin: 0;
  padding-left: 30px;
  padding-right: 30px;
}
@media (max-width: 991px) {
  .topbar--two .topbar__text {
    display: none;
  }
}
.topbar--two .topbar__text::before {
  content: "";
  width: 1px;
  height: calc(100% + 23px);
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  background-color: var(--insuba-border-color, #dddddd);
}
.topbar--two .topbar__text span {
  color: var(--insuba-base, #0365d3);
  font-weight: 500;
  text-transform: uppercase;
}
.topbar--two .topbar__right {
  gap: 1px;
}
.topbar--two .social-links {
  gap: 1px;
}
.topbar--two .social-links a {
  width: 50px;
  height: 51px;
  background-color: var(--insuba-base, #0365d3);
  border-radius: 0;
}
.topbar--two .social-links a:hover {
  background-color: var(--insuba-black5, #0f3667);
}
.topbar--two .topbar__language .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {
  padding: 8px 26px;
  background-color: var(--insuba-base, #0365d3);
}
.topbar--two .topbar__language .bootstrap-select > .dropdown-toggle::after {
  top: calc(50% - 4px);
}
.topbar--two .topbar__language .bootstrap-select .dropdown-menu {
  left: -26px !important;
}
.topbar--three {
  background-color: var(--insuba-black4, #0f3564);
  z-index: auto;
}
.topbar--three .container-fluid {
  max-width: 1487px;
}
.topbar--three .topbar__inner {
  max-width: 100%;
}

/*--------------------------------------------------------------
# Navigation
--------------------------------------------------------------*/
.header {
  position: relative;
  background-color: var(--insuba-white, #ffffff);
  z-index: 999;
  box-shadow: 0px 10px 60px 0px rgba(0, 0, 0, 0.07);
}
.header::before {
  content: "";
  position: absolute;
  top: -57px;
  left: 0;
  width: 507px;
  height: calc(100% + 90px);
  position: absolute;
  background-color: #37337b;
  clip-path: polygon(0 0, 100% 0%, 73% 100%, 0 100%);
}
@media (max-width: 1599px) {
  .header::before {
    width: 450px;
  }
}
@media (max-width: 991px) {
  .header::before {
    width: 380px;
  }
}
@media (max-width: 575px) {
  .header::before {
    display: none;
  }
}

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

.main-header {
  position: relative;
  z-index: 999;
}
@media (max-width: 1199px) {
  .main-header {
    background-color: var(--insuba-white, #ffffff);
  }
}
.main-header .container-fluid {
  position: relative;
  z-index: 1;
  max-width: 1487px;
}
.main-header__inner {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  background-color: var(--insuba-white, #ffffff);
}
@media (max-width: 1199px) {
  .main-header__inner {
    padding: 20px 0;
  }
}
.main-header__inner::before {
  content: "";
  position: absolute;
  top: 0;
  /* left: -71px; */
  width: 100%;
  height: 100%;
  /* border-radius: 100px 0 0 100px; */
  /* background-color: #ff020217; */
}
@media (max-width: 1199px) {
  .main-header__inner::before {
    display: none;
  }
}
@media (max-width: 430px) {
  .main-header__logo {
    margin-right: 30px;
  }
}
.main-header__logo img {
  /* max-width: 200px;
  height: 135px;
  margin-left: 30px; */
}
.main-header__right {
  position: relative;
  display: flex;
  align-items: center;
  z-index: 1;
}
/* .main-header__nav {
  margin-right: 42px;
} */
@media (max-width: 1199px) {
  .main-header__nav {
    margin-right: 0;
  }
}
.main-header__search, .main-header__user {
  position: relative;
  width: 35px;
  height: 35px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  border-radius: 50%;
  background-color: var(--insuba-gray, #e0e0e0);
  overflow: hidden;
  transition: all 500ms ease;
}
.main-header__search__icon, .main-header__user__icon {
  display: inline-flex;
  position: relative;
  font-size: 16px;
  color: var(--insuba-text-gray, #767676);
  transition: all 500ms ease;
}
.main-header__search__icon svg, .main-header__user__icon svg {
  width: 1em;
  height: 1em;
  fill: currentColor;
}
.main-header__search:hover, .main-header__user:hover {
  background-color: var(--insuba-base, #0365d3);
}
.main-header__search:hover .main-header__search__icon,
.main-header__search:hover .main-header__user__icon, .main-header__user:hover .main-header__search__icon,
.main-header__user:hover .main-header__user__icon {
  color: var(--insuba-white, #ffffff);
  animation: slideTop 400ms;
}
@media (max-width: 1199px) {
  .main-header__search {
    margin-left: 25px;
  }
}
.main-header__user {
  margin-left: 20px;
}
.main-header__btn {
  margin-left: 30px;
}
@media (min-width: 1200px) and (max-width: 1299px) {
  .main-header__btn {
    margin-left: 20px;
    padding-left: 25px;
    padding-right: 67px;
  }
}
@media (max-width: 767px) {
  .main-header__btn {
    display: none;
  }
}
.main-header--one {
  z-index: auto;
  /* background-color: #ff020217; */
}
.main-header--two {
  background-color: var(--insuba-white, #ffffff);
}
.main-header--two .main-header__shape {
  position: absolute;
  top: -51px;
  left: 0;
  animation: moveHorizontal2 2s linear infinite;
}
@media (max-width: 1890px) {
  .main-header--two .main-header__shape {
    display: none;
  }
}
.main-header--two .main-header__inner {
  background-color: transparent;
}
.main-header--two .main-header__inner::before {
  display: none;
}
.main-header--two .main-header__logo {
  position: relative;
}
.main-header--two .main-header__logo::after {
  content: "";
  width: calc(100% + 142px);
  height: calc(100% + 47px);
  background-color: var(--insuba-white, #ffffff);
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  border-radius: 51px 0 0 51px;
  box-shadow: rgba(var(--insuba-black-rgb, 18, 47, 42), 0.1) 0px 16px 10px -10px;
}
@media (max-width: 1399px) {
  .main-header--two .main-header__logo::after {
    width: calc(100% + 120px);
  }
}
@media (max-width: 1199px) {
  .main-header--two .main-header__logo::after {
    display: none;
  }
}
.main-header--two .main-header__logo img {
  position: relative;
  z-index: 1;
}
.main-header--two .main-header__nav {
  margin-right: 50px;
}
@media (max-width: 1199px) {
  .main-header--two .main-header__nav {
    margin-right: 0;
  }
}
.main-header--two .main-menu .main-menu__list > li {
  padding-top: 42.5px;
  padding-bottom: 42.5px;
}
.main-header--three {
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-color: transparent;
}
.main-header--three .container-fluid {
  max-width: 1691px;
  padding-left: 37px;
  padding-right: 40px;
  margin-left: auto;
  margin-right: 0;
  background-color: var(--insuba-base, #0365d3);
  border-bottom: 1px solid RGBA(var(--insuba-white-rgb, 255, 255, 255), 0.24);
}
@media (min-width: 1930px) {
  .main-header--three .container-fluid {
    margin-right: auto;
  }
}
@media (max-width: 1599px) {
  .main-header--three .container-fluid {
    padding-right: 20px;
  }
}
@media (max-width: 767px) {
  .main-header--three .container-fluid {
    padding-left: 30px;
  }
}
@media (max-width: 575px) {
  .main-header--three .container-fluid {
    padding-right: 15px;
  }
}
.main-header--three .main-header__inner {
  background-color: transparent;
}
@media (max-width: 1199px) {
  .main-header--three .main-header__inner {
    padding: 22.5px 0;
  }
}
.main-header--three .main-header__inner::before {
  display: none;
}
.main-header--three .main-header__logo {
  position: relative;
}
@media (max-width: 450px) {
  .main-header--three .main-header__logo {
    margin-right: 60px;
  }
}
.main-header--three .main-header__logo::before {
  content: "";
  width: calc(100% + 72px);
  height: calc(100% + 74px);
  background-color: var(--insuba-white, #ffffff);
  position: absolute;
  top: 50%;
  left: calc(50% - 1px);
  transform: translate(-50%, -50%);
}
@media (max-width: 1199px) {
  .main-header--three .main-header__logo::before {
    height: calc(100% + 46px);
  }
}
@media (max-width: 767px) {
  .main-header--three .main-header__logo::before {
    width: calc(100% + 60px);
  }
}
.main-header--three .main-header__logo::after {
  content: "";
  width: calc(100% + 54px);
  height: calc(100% + 52px);
  border: 1px dashed var(--insuba-base, #0365d3);
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 1;
}
@media (max-width: 1199px) {
  .main-header--three .main-header__logo::after {
    height: calc(100% + 28px);
  }
}
@media (max-width: 767px) {
  .main-header--three .main-header__logo::after {
    width: calc(100% + 38px);
  }
}
.main-header--three .main-header__logo img {
  position: relative;
  z-index: 2;
}
.main-header--three .main-header__right {
  z-index: 2;
}
.main-header--three .main-header__nav {
  margin-right: 33px;
}
@media (max-width: 1199px) {
  .main-header--three .main-header__nav {
    margin-right: 0;
  }
}
@media (min-width: 1400px) and (max-width: 1499px) {
  .main-header--three .main-menu .main-menu__list > li + li {
    margin-left: 21px;
    margin-right: 10px;
}
}
@media (min-width: 1200px) and (max-width: 1299px) {
  .main-header--three .main-menu .main-menu__list > li + li {
    margin-left: 15px;
    margin-right: 8px;
  }
}
.main-header--three .main-menu .main-menu__list > li {
  padding-top: 53px;
  padding-bottom: 53px;
}
.main-header--three .main-menu .main-menu__list > li > a,
.main-header--three .main-menu .main-menu__list > li.megamenu > a::after,
.main-header--three .main-menu .main-menu__list > li.dropdown > a::after {
  color: var(--insuba-white, #ffffff);
}
.main-header--three .main-menu .main-menu__list > li.current > a,
.main-header--three .main-menu .main-menu__list > li:hover > a,
.main-header--three .main-menu .main-menu__list > li.current > a::after,
.main-header--three .main-menu .main-menu__list > li.megamenu:hover > a::after,
.main-header--three .main-menu .main-menu__list > li.dropdown:hover > a::after {
  color: black;
}
.main-header--three .main-menu .main-menu__list__square {
  background-color: var(--insuba-white, #ffffff);
}
.main-header--three .mobile-nav__btn span {
  background-color: var(--insuba-white, #ffffff);
}
.main-header--three .mobile-nav__btn:hover span {
  background-color: var(--insuba-black, #122f2a);
}
.main-header--three .main-header__search,
.main-header--three .main-header__user {
  width: auto;
  height: auto;
  display: inline-flex;
  align-items: center;
  overflow: visible;
  background-color: transparent;
}
.main-header--three .main-header__search__icon,
.main-header--three .main-header__user__icon {
  font-size: 25px;
  color: var(--insuba-white, #ffffff);
}
@media (max-width: 1599px) {
  .main-header--three .main-header__search__icon,
  .main-header--three .main-header__user__icon {
    font-size: 20px;
  }
}
.main-header--three .main-header__search:hover,
.main-header--three .main-header__user:hover {
  background-color: transparent;
}
.main-header--three .main-header__search:hover .main-header__search__icon,
.main-header--three .main-header__search:hover .main-header__user__icon,
.main-header--three .main-header__user:hover .main-header__search__icon,
.main-header--three .main-header__user:hover .main-header__user__icon {
  color: var(--insuba-black, #122f2a);
  animation-play-state: paused;
}
@media (max-width: 1199px) {
  .main-header--three .main-header__search {
    margin-left: 30px;
  }
}
@media (max-width: 575px) {
  .main-header--three .main-header__search {
    margin-left: 25px;
  }
}
.main-header--three .main-header__user {
  margin-left: 29px;
}
@media (max-width: 575px) {
  .main-header--three .main-header__user {
    margin-left: 20px;
  }
}
.main-header--three .main-header__btn {
  margin-left: 33px;
  color: var(--insuba-black3, #19232b);
  background-color: var(--insuba-white, #ffffff);
}
@media (min-width: 1200px) and (max-width: 1399px) {
  .main-header--three .main-header__btn {
    display: none;
  }
}
@media (max-width: 991px) {
  .main-header--three .main-header__btn {
    display: none;
  }
}
.main-header--three .main-header__btn::after {
  background-color: var(--insuba-black3, #19232b);
}
.main-header--three .main-header__btn .insuba-btn__icon-box {
  background-color: var(--insuba-black3, #19232b);
}
.main-header--three .main-header__btn:hover {
  color: var(--insuba-white, #ffffff);
}
.main-header--three .main-header__btn:hover .insuba-btn__icon-box {
  background-color: var(--insuba-white, #ffffff);
}
.main-header--three .main-header__btn:hover .insuba-btn__icon {
  color: var(--insuba-black3, #19232b);
}
.main-header--three .sidebar-btn__toggler--nav {
  margin-left: 141px;
}
@media (max-width: 1599px) {
  .main-header--three .sidebar-btn__toggler--nav {
    margin-left: 80px;
  }
}
@media (max-width: 1499px) {
  .main-header--three .sidebar-btn__toggler--nav {
    margin-left: 70px;
  }
}
@media (min-width: 1200px) and (max-width: 1399px) {
  .main-header--three .sidebar-btn__toggler--nav {
    margin-left: 80px;
  }
}
@media (max-width: 1199px) {
  .main-header--three .sidebar-btn__toggler--nav {
    margin-left: 60px;
  }
}
@media (max-width: 575px) {
  .main-header--three .sidebar-btn__toggler--nav {
    display: none;
    margin-left: 25px;
  }
}
.main-header--three .sidebar-btn__toggler--nav::after {
  content: "";
  position: absolute;
  top: 50%;
  left: calc(50% + 2px);
  transform: translate(-50%, -50%);
  width: 128px;
  height: calc(100% + 78px);
  background-color: var(--insuba-black4, #0f3564);
  z-index: -1;
}
@media (min-width: 1400px) and (max-width: 1499px) {
  .main-header--three .sidebar-btn__toggler--nav::after {
    width: 102px;
    left: calc(50% - 5px);
  }
}
@media (max-width: 1199px) {
  .main-header--three .sidebar-btn__toggler--nav::after {
    width: 102px;
    height: 100px;
    left: calc(50% - 5px);
  }
}
@media (max-width: 575px) {
  .main-header--three .sidebar-btn__toggler--nav::after {
    display: none;
  }
}
.main-header--four {
  z-index: auto;
}
.main-header--four .container-fluid {
  z-index: auto;
}
.main-header--four .main-header__inner::before {
  width: calc(100% + 80px);
  left: 50%;
  transform: translateX(-50%);
  border-radius: 0;
}
.main-header--four .main-header__inner::after {
  content: "";
  width: calc(100% + 1000px);
  height: 100%;
  position: absolute;
  top: 0;
  right: -2400px;
  background-color: var(--insuba-black4, #0f3564);
  z-index: -1;
}
.main-header--four .main-menu .main-menu__list > li {
  padding-top: 41.5px;
  padding-bottom: 41.5px;
}
@media (min-width: 1300px) and (max-width: 1399px) {
  .main-header--four .main-menu .main-menu__list > li + li {
    margin-left: 30px;
  }
}
@media (max-width: 1799px) {
  .main-header--four .sidebar-btn__toggler--nav {
    margin-left: 30px;
    width: 52px;
    height: 52px;
    border: 1px solid var(--insuba-base, #0365d3);
  }
  .main-header--four .sidebar-btn__toggler--nav span {
    background-color: var(--insuba-base, #0365d3);
  }
}
@media (min-width: 1200px) and (max-width: 1299px) {
  .main-header--four .sidebar-btn__toggler--nav {
    display: none;
  }
}
@media (max-width: 575px) {
  .main-header--four .sidebar-btn__toggler--nav {
    display: none;
  }
}
@media (min-width: 1800px) {
  .main-header--four .sidebar-btn__toggler--nav {
    position: relative;
    position: absolute;
    top: 0;
    right: -163px;
  }
}

.sticky-header--cloned {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 999;
  top: 0;
  background-color: var(--insuba-white, #ffffff);
  transform: translateY(-100%);
  box-shadow: 0px 3px 18px rgba(var(--insuba-black-rgb, 18, 47, 42), 0.07);
  transition: 0.6s cubic-bezier(0.24, 0.74, 0.58, 1);
  visibility: hidden;
  transition: transform 500ms ease, visibility 500ms ease;
}
.sticky-header--cloned.active {
  transform: translateY(0%);
  visibility: visible;
}
.sticky-header--cloned.main-header--two .main-header__shape {
  display: none;
}
.sticky-header--cloned.sticky-header--one-page .main-menu .main-menu__list > li > a::after {
  display: none !important;
}

.mobile-nav__btn {
  width: 26px;
  display: flex;
  align-items: center;
  flex-direction: column;
  flex-wrap: wrap;
  cursor: pointer;
  z-index: 3;
}
@media (min-width: 1200px) {
  .mobile-nav__btn {
    display: none;
  }
}
.mobile-nav__btn span {
  width: 100%;
  height: 2px;
  background-color: var(--insuba-black, #122f2a);
  transition: all 500ms ease;
}
.mobile-nav__btn span:nth-child(2) {
  margin-top: 5px;
  margin-bottom: 5px;
}
.mobile-nav__btn:hover span {
  background-color: var(--insuba-base, #0365d3);
}

.sidebar-btn__toggler--nav {
  position: relative;
  width: 52px;
  height: 52px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  border: 1px solid var(--insuba-white, #ffffff);
}
.sidebar-btn__toggler--nav__bar {
  flex-shrink: 0;
  position: relative;
  z-index: 1;
}
.sidebar-btn__toggler--nav span {
  display: block;
  width: 33px;
  height: 3px;
  background-color: var(--insuba-white, #ffffff);
  transition: all 500ms ease;
}
.sidebar-btn__toggler--nav span:nth-child(2) {
  width: 27px;
  margin: 7px 0;
}
.sidebar-btn__toggler--nav span:nth-child(3) {
  width: 23px;
}
.sidebar-btn__toggler--nav:hover span {
  width: 33px;
  background-color: var(--insuba-base, #0365d3);
}

.main-menu {
  /* after third level no menu */
}
.main-menu .main-menu__list,
.main-menu .main-menu__list ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
  align-items: center;
  display: none;
}
@media (min-width: 1200px) {
  .main-menu .main-menu__list,
  .main-menu .main-menu__list ul {
    display: flex;
  }
}
.main-menu .main-menu__list > li {
  position: relative;
  padding-top: 38px;
  padding-bottom: 38px;
}
.main-menu .main-menu__list > li.dropdown > a {
  position: relative;
}
.main-menu .main-menu__list > li + li {
  margin-left: 21px;
  margin-right: 15px;
}
@media (min-width: 1200px) and (max-width: 1299px) {
  .main-menu .main-menu__list > li + li {
    margin-left: 30px;
  }
}
.main-menu .main-menu__list > li > a {
  position: relative;
  font-size: 15px;
  display: flex;
  align-items: center;
  color: black;
  line-height: 1.25;
  font-weight: 500;
  text-transform: capitalize;
  transition: all 500ms ease;
}
.main-menu .main-menu__list > li.current > a,
.main-menu .main-menu__list > li:hover > a {
  color: #000000;
  text-shadow: 0 0 0.5px currentColor;
}
.main-menu .main-menu__list > li.megamenu > a,
.main-menu .main-menu__list > li.dropdown > a {
  padding-right: 13px;
}
.main-menu .main-menu__list > li.megamenu > a::after,
.main-menu .main-menu__list > li.dropdown > a::after {
  content: "\f067";
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  font-family: "Font Awesome 5 Free";
  font-size: 10px;
  font-weight: 700;
  color: var(--insuba-black2, #333333);
  transition: all 500ms ease;
}
.main-menu .main-menu__list > li.current > a::after,
.main-menu .main-menu__list > li.megamenu:hover > a::after,
.main-menu .main-menu__list > li.dropdown:hover > a::after {
  color: var(--insuba-base, #000000);
}
.main-menu .main-menu__list__square {
  display: none;
  position: absolute;
  left: 0;
  top: -20px;
  width: 5px;
  height: 5px;
  opacity: 0;
  background-color: var(--insuba-base, #0365d3);
  transition: all 400ms ease;
}
.main-menu .main-menu__list__square:nth-child(1) {
  left: 0;
}
.main-menu .main-menu__list__square:nth-child(2) {
  left: 8px;
  background-color: var(--insuba-black4, #0f3564);
}
.main-menu .main-menu__list__square:nth-child(3) {
  left: 16px;
}
.main-menu .main-menu__list > li.current > a .main-menu__list__square,
.main-menu .main-menu__list > li.megamenu:hover > a .main-menu__list__square,
.main-menu .main-menu__list > li.dropdown:hover > a .main-menu__list__square {
  top: -10px;
  opacity: 1;
}
.main-menu .main-menu__list li ul {
  position: absolute;
  top: 100%;
  left: -25px;
  min-width: 270px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  opacity: 0;
  visibility: hidden;
  transform-origin: top center;
  transform: scaleY(0) translateZ(100px);
  transition: opacity 500ms ease, visibility 500ms ease, transform 700ms ease;
  z-index: 99;
  background-color: var(--insuba-white, #ffffff);
  box-shadow: 0px 10px 60px 0px RGBA(var(--insuba-white-rgb, 255, 255, 255), 0.07);
  padding: 15px 20px 11px;
  box-shadow: 0px 10px 60px 0px rgba(0, 0, 0, 0.07);
}
.main-menu .main-menu__list li:hover > ul {
  opacity: 1;
  visibility: visible;
  transform: scaleY(1) translateZ(0px);
}
.main-menu .main-menu__list > .megamenu {
  position: static;
}
.main-menu .main-menu__list > .megamenu > ul {
  top: 100% !important;
  left: 0 !important;
  right: 0 !important;
  background-color: transparent;
  box-shadow: none;
  padding: 0;
}
.main-menu .main-menu__list li ul li {
  flex: 1 1 100%;
  width: 100%;
  position: relative;
}
.main-menu .main-menu__list li ul li > a {
  font-family: var(--insuba-font, "Roboto", sans-serif);
  font-size: 15px;
  line-height: 26px;
  color: var(--insuba-black, #122f2a);
  font-weight: 600;
  display: flex;
  text-transform: capitalize;
  padding: 8px 15px;
  transition: 400ms;
  margin-bottom: 4px;
}
.main-menu .main-menu__list li ul li > a::after {
  position: absolute;
  right: 15px;
  top: 8px;
  border-radius: 0;
  font-size: 6px;
  font-weight: 700;
  font-family: "Font Awesome 5 Free";
  content: "\f45c";
  color: var(--insuba-white, #ffffff);
  visibility: hidden;
  opacity: 0;
  transition: all 500ms ease;
  transform: scale(0);
}
.main-menu .main-menu__list li ul li.current > a,
.main-menu .main-menu__list li ul li:hover > a {
  background-color: var(--insuba-base, #0365d3);
  color: var(--insuba-white, #ffffff);
}
.main-menu .main-menu__list li ul li.current > a::after,
.main-menu .main-menu__list li ul li:hover > a::after {
  visibility: visible;
  opacity: 1;
  transform: scale(1);
}
.main-menu .main-menu__list li ul li > ul {
  top: 0;
  left: calc(100% + 20px);
}
.main-menu .main-menu__list li ul li > ul.right-align {
  top: 0;
  left: auto;
  right: 100%;
}
.main-menu .main-menu__list li ul li > ul ul {
  display: none;
}

@media (min-width: 1200px) and (max-width: 1400px) {
  .main-menu__list li:nth-last-child(1) ul li > ul,
  .main-menu__list li:nth-last-child(2) ul li > ul {
    left: auto;
    right: calc(100% + 20px);
  }
}
/*--------------------------------------------------------------
# Megamenu Popup
--------------------------------------------------------------*/
.mobile-nav__container .main-menu__list > .megamenu.megamenu-clickable > ul,
.main-menu .main-menu__list > .megamenu.megamenu-clickable > ul,
.stricky-header .main-menu__list > .megamenu.megamenu-clickable > ul {
  position: fixed;
  top: 0 !important;
  left: 0 !important;
  width: 100vw;
  height: 100vh;
  visibility: visible;
  overflow-y: scroll;
  visibility: hidden;
  opacity: 0;
  -webkit-transform: scale(1, 0);
  transform: scale(1, 0);
  -webkit-transform-origin: bottom center;
  transform-origin: bottom center;
  transition: transform 0.7s ease, opacity 0.7s ease, visibility 0.7s ease;
  z-index: 999999;
  -ms-overflow-style: none;
  scrollbar-width: none;
  overflow-y: scroll;
  padding: 0;
  background-color: var(--insuba-white, #ffffff);
  display: block !important;
  margin: 0;
}

.main-menu__list > li.megamenu-clickable > ul::-webkit-scrollbar {
  display: none;
}

.mobile-nav__container .main-menu__list > .megamenu.megamenu-clickable > ul.megamenu-clickable--active,
.main-menu .main-menu__list > .megamenu.megamenu-clickable > ul.megamenu-clickable--active,
.stricky-header .main-menu__list > .megamenu.megamenu-clickable > ul.megamenu-clickable--active {
  -webkit-transform-origin: top center;
  transform-origin: top center;
  -webkit-transform: scale(1, 1);
  transform: scale(1, 1);
  opacity: 1;
  visibility: visible;
  transition: transform 0.7s ease, opacity 0.7s ease, visibility 0.7s ease;
}

body.megamenu-popup-active {
  overflow: hidden;
}

body.megamenu-popup-active .stricky-header {
  bottom: 0;
}

body.megamenu-popup-active .mobile-nav__content {
  overflow: unset;
}

.mobile-nav__content .demo-one .container {
  padding-left: 15px;
  padding-right: 15px;
}

.megamenu-popup {
  position: relative;
}
.megamenu-popup .megamenu-clickable--close {
  position: absolute;
  top: 18px;
  right: 20px;
  display: block;
  color: var(--insuba-black, #122f2a);
}
@media (min-width: 1300px) {
  .megamenu-popup .megamenu-clickable--close {
    top: 38px;
    right: 40px;
  }
}
.megamenu-popup .megamenu-clickable--close:hover {
  color: var(--insuba-base, #0365d3);
}
.megamenu-popup .megamenu-clickable--close .icon-close {
  width: 24px;
  height: 24px;
  display: block;
  position: relative;
  color: currentColor;
  transition: all 500ms ease;
}
.megamenu-popup .megamenu-clickable--close .icon-close::before, .megamenu-popup .megamenu-clickable--close .icon-close::after {
  content: "";
  width: 100%;
  height: 2px;
  background-color: currentColor;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) rotate(-45deg);
}
.megamenu-popup .megamenu-clickable--close .icon-close::after {
  transform: translate(-50%, -50%) rotate(45deg);
}

/*--------------------------------------------------------------
# Home Showcase
--------------------------------------------------------------*/
.demo-one {
  padding-top: 120px;
  padding-bottom: 120px;
}
.demo-one .row {
  --bs-gutter-y: 30px;
}
.demo-one__card {
  background-color: var(--insuba-white, #ffffff);
  box-shadow: 0px 10px 60px 0px rgba(var(--insuba-black-rgb, 18, 47, 42), 0.1);
  text-align: center;
  transition: 500ms ease;
  transform: translateY(0px);
}
.demo-one__card:hover {
  transform: translateY(-10px);
}
.demo-one__title {
  margin: 0;
  font-family: var(--insuba-font, "Roboto", sans-serif);
  text-transform: capitalize;
  font-size: 17px;
  color: var(--insuba-black, #122f2a);
  font-weight: 600;
}
.demo-one__title:hover {
  color: var(--insuba-base, #0365d3);
}
.demo-one__title a {
  color: inherit;
  background: linear-gradient(to right, currentcolor 0%, currentcolor 100%) 0px 95%/0px 1px no-repeat;
  transition: all 500ms ease;
}
.demo-one__title a:hover {
  background-size: 100% 1px;
}
.demo-one__image {
  position: relative;
  overflow: hidden;
}
.demo-one__image img {
  max-width: 100%;
  transition: filter 500ms ease;
  filter: blur(0px);
}
.demo-one__card:hover .demo-one__image img {
  filter: blur(2px);
}
.demo-one__btns {
  background-color: rgba(var(--insuba-black-rgb, 18, 47, 42), 0.7);
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 20px;
  transform: scale(1, 0);
  transform-origin: bottom center;
  opacity: 0;
  transition: transform 500ms ease, opacity 600ms linear;
}
@media (min-width: 768px) and (max-width: 1199px) {
  .demo-one__btns {
    flex-direction: column;
  }
}
@media (max-width: 360px) {
  .demo-one__btns {
    flex-direction: column;
  }
}
.demo-one__card:hover .demo-one__btns {
  transform: scale(1, 1);
  opacity: 1;
  transform-origin: top center;
}
.demo-one__btn {
  font-size: 15px;
  padding-left: 25px;
  padding-right: 65px;
}
@media (min-width: 768px) and (max-width: 1199px) {
  .demo-one__btn {
    min-width: 165px;
  }
}
@media (max-width: 360px) {
  .demo-one__btn {
    min-width: 165px;
  }
}
.demo-one__title {
  padding-top: 20.5px;
  padding-bottom: 20.5px;
}

.home-showcase {
  margin-bottom: -20px;
}
.home-showcase .row {
  --bs-gutter-x: 42px;
  --bs-gutter-y: 20px;
}
.home-showcase__inner {
  padding: 40px 40px 21px;
  background-color: var(--insuba-white, #ffffff);
  box-shadow: 0px 10px 60px 0px rgba(var(--insuba-black-rgb, 18, 47, 42), 0.07);
}
.home-showcase .demo-one__card {
  box-shadow: none;
}
.home-showcase .demo-one__btns {
  flex-direction: column;
}
.home-showcase .demo-one__btn {
  min-width: 165px;
  text-align: center;
  justify-content: center;
}
.home-showcase .demo-one__title {
  padding: 0;
  font-size: 17px;
  margin-top: 15px;
  padding-bottom: 15px;
}

/*--------------------------------------------------------------
# Mobile Nav
--------------------------------------------------------------*/
.mobile-nav__wrapper {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  z-index: 999;
  transform: translateX(-100%);
  transform-origin: left center;
  transition: transform 500ms ease 500ms, visibility 500ms ease 500ms;
  visibility: hidden;
  position: fixed;
}
.mobile-nav__wrapper .container {
  padding-left: 0;
  padding-right: 0;
}
.mobile-nav__wrapper .home-showcase .row [class*=col-] {
  flex: 0 0 100%;
}
.mobile-nav__wrapper .home-showcase {
  margin-bottom: -1px;
  margin-top: 0;
  border-bottom: 1px solid RGBA(var(--insuba-white-rgb, 255, 255, 255), 0.1);
}
.mobile-nav__wrapper .home-showcase__inner {
  padding: 15px 0px;
  background-color: transparent;
  box-shadow: none;
}
.mobile-nav__wrapper .home-showcase__title {
  color: var(--insuba-white, #ffffff);
}

.mobile-nav__wrapper.expanded {
  opacity: 1;
  transform: translateX(0%);
  visibility: visible;
  transition: transform 500ms ease 0ms, visibility 500ms ease 0ms;
}
.mobile-nav__wrapper.expanded .mobile-nav__content {
  opacity: 1;
  visibility: visible;
  transform: translateX(0);
  transition: opacity 500ms ease 500ms, visibility 500ms ease 500ms, transform 500ms ease 500ms;
}

.mobile-nav__overlay {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: var(--insuba-black10, #000000);
  opacity: 0.6;
  cursor: url(../images/close.png), auto;
}

.mobile-nav__content {
  width: 300px;
  background-color: var(--insuba-black3, #19232b);
  z-index: 10;
  position: relative;
  height: 100%;
  overflow-y: auto;
  padding-top: 70px;
  padding-bottom: 30px;
  padding-left: 15px;
  padding-right: 15px;
  opacity: 0;
  visibility: hidden;
  transform: translateX(-100%);
  transition: opacity 500ms ease 0ms, visibility 500ms ease 0ms, transform 500ms ease 0ms;
}
.mobile-nav__content .main-menu__nav {
  display: block;
  padding: 0;
}

.mobile-nav__content .logo-box {
  margin-bottom: 40px;
  display: flex;
}

.mobile-nav__close {
  display: inline-flex;
  position: absolute;
  top: 20px;
  right: 20px;
  font-size: 20px;
  color: var(--insuba-white, #ffffff);
  cursor: pointer;
  transition: all 500ms ease;
}
.mobile-nav__close svg {
  width: 1em;
  height: 1em;
  fill: currentColor;
}
.mobile-nav__close:hover {
  color: var(--insuba-base, #0365d3);
}

.mobile-nav__content .main-menu__list,
.mobile-nav__content .main-menu__list ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
}

.mobile-nav__content .main-menu__list ul {
  display: none;
  border-top: 1px solid RGBA(var(--insuba-white-rgb, 255, 255, 255), 0.1);
}

.mobile-nav__content .main-menu__list ul li > a {
  padding-left: 1em;
}

.mobile-nav__content .main-menu__list li:not(:last-child) {
  border-bottom: 1px solid RGBA(var(--insuba-white-rgb, 255, 255, 255), 0.1);
}

.mobile-nav__content .main-menu__list li > a {
  display: flex;
  justify-content: space-between;
  font-family: var(--insuba-font, "Roboto", sans-serif);
  line-height: 30px;
  color: var(--insuba-white, #ffffff);
  font-size: 17px;
  text-transform: capitalize;
  font-weight: 500;
  height: 46px;
  align-items: center;
  transition: 500ms;
}

.mobile-nav__content .main-menu__list > li > ul > li > a {
  font-size: 15px;
}

.mobile-nav__content .main-menu__list li a.expanded {
  color: var(--insuba-base, #0365d3);
}

.mobile-nav__content .main-menu__list li a button {
  width: 30px;
  height: 30px;
  background-color: var(--insuba-base, #0365d3);
  border: none;
  outline: none;
  color: var(--insuba-white, #ffffff);
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  transform: rotate(-90deg);
  transition: transform 500ms ease;
}
.mobile-nav__content .main-menu__list li a button svg {
  width: 1em;
  height: 1em;
  fill: currentColor;
}

.mobile-nav__content .main-menu__list li a button.expanded {
  transform: rotate(0deg);
  background-color: var(--insuba-white, #ffffff);
  color: var(--insuba-black, #122f2a);
}

.mobile-nav__social {
  gap: 10px;
}
.mobile-nav__social a {
  border: 0;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background-color: var(--insuba-base, #0365d3);
}
.mobile-nav__social a:hover {
  background-color: var(--insuba-base, #0365d3);
}
.mobile-nav__social .social-links__icon {
  font-size: 13px;
  color: var(--insuba-white, #ffffff);
}

.mobile-nav__contact {
  margin-bottom: 0;
  margin-top: 30px;
  margin-bottom: 30px;
}
.mobile-nav__contact li {
  color: var(--insuba-white, #ffffff);
  font-size: 14px;
  font-weight: 500;
  position: relative;
  display: flex;
  align-items: center;
}
.mobile-nav__contact li + li {
  margin-top: 15px;
}
.mobile-nav__contact li a {
  color: inherit;
  transition: 500ms;
}
.mobile-nav__contact li a:hover {
  color: var(--insuba-base, #0365d3);
}
.mobile-nav__contact__icon {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background-color: var(--insuba-base, #0365d3);
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  font-size: 12px;
  margin-right: 10px;
  color: var(--insuba-white, #ffffff);
}
.mobile-nav__contact__icon svg {
  width: 1em;
  height: 1em;
  fill: currentColor;
}

.mobile-nav__container .main-menu__logo,
.mobile-nav__container .main-menu__right {
  display: none;
}

/*--------------------------------------------------------------
# Forms
--------------------------------------------------------------*/
.form-one__group {
  display: grid;
  grid-template-columns: 1fr;
  grid-gap: 30px;
  margin: 0;
}
@media (min-width: 991px) {
  .form-one__group {
    grid-template-columns: repeat(2, 1fr);
  }
}
.form-one__control {
  border: none;
  width: auto;
  height: auto;
  border-radius: 0;
  padding: 0;
  position: relative;
}
.form-one__control--full {
  grid-column-start: 1;
  grid-column-end: -1;
}
.form-one .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {
  position: relative;
  display: block;
  width: 100% !important;
  font-family: var(--insuba-font, "Roboto", sans-serif);
}
.form-one .bootstrap-select > .dropdown-toggle::after {
  display: none;
}
.form-one .bootstrap-select > .dropdown-toggle {
  position: relative;
  height: 67px;
  outline: none !important;
  border-radius: 5px;
  border: 0;
  background-color: var(--insuba-white3, #f1f6f7) !important;
  margin: 0;
  padding: 0;
  padding-left: 30px;
  padding-right: 30px;
  font-family: var(--insuba-font, "Roboto", sans-serif);
  color: var(--insuba-text, #636363) !important;
  text-transform: capitalize;
  font-size: 16px;
  line-height: 67px;
  font-weight: 400;
  box-shadow: none !important;
  background-repeat: no-repeat;
  background-size: 14px 12px;
  background-position: right 25.75px center;
}
@media (max-width: 375px) {
  .form-one .bootstrap-select > .dropdown-toggle {
    padding-left: 23px;
    padding-right: 23px;
  }
}
.form-one .bootstrap-select > .dropdown-toggle::before {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 30px;
  font-family: "Font Awesome 5 Free";
  content: "\f107";
  font-weight: 900;
  font-size: 16px;
  color: var(--insuba-text, #636363);
}
@media (max-width: 375px) {
  .form-one .bootstrap-select > .dropdown-toggle::before {
    right: 23px;
  }
}
.form-one .bootstrap-select .dropdown-menu > li + li > a {
  border-top: 1px solid var(--insuba-border-color, #dddddd);
}
.form-one .bootstrap-select .dropdown-menu {
  border: none;
}
.form-one .bootstrap-select .dropdown-menu > li > a {
  font-family: var(--insuba-font, "Roboto", sans-serif);
  font-size: 15px;
  font-weight: 400;
  padding: 10px 22px;
  color: var(--insuba-black, #122f2a);
  background-color: var(--insuba-white3, #f1f6f7);
  text-transform: capitalize;
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
.form-one .bootstrap-select .dropdown-menu > li:hover > a,
.form-one .bootstrap-select .dropdown-menu > li.selected > a {
  background-color: var(--insuba-base, #0365d3);
  color: var(--insuba-white, #ffffff);
  border-color: var(--insuba-base, #0365d3);
}
.form-one .bootstrap-select > .dropdown-toggle {
  display: flex;
  align-items: center;
}
.form-one .bootstrap-select > .dropdown-toggle .filter-option {
  display: flex;
  align-items: center;
}
.form-one input[type=text],
.form-one input[type=email],
.form-one input[type=password],
.form-one input[type=tel],
.form-one textarea {
  display: block;
  width: 100%;
  font-family: var(--insuba-font, "Roboto", sans-serif);
  color: var(--insuba-text, #636363);
  font-size: 16px;
  font-weight: 400;
  border: none;
  outline: none;
  padding: 0 26px;
  height: 67px;
  background-color: var(--insuba-white3, #f1f6f7);
  border: 1px solid transparent;
  border-radius: 5px;
  transition: all 400ms ease;
}
.form-one input[type=text]:focus,
.form-one input[type=email]:focus,
.form-one input[type=password]:focus,
.form-one input[type=tel]:focus,
.form-one textarea:focus {
  color: var(--insuba-black, #122f2a);
  border-color: var(--insuba-base, #0365d3);
}
@media (max-width: 375px) {
  .form-one input[type=text],
  .form-one input[type=email],
  .form-one input[type=password],
  .form-one input[type=tel],
  .form-one textarea {
    padding-left: 20px;
    padding-right: 20px;
  }
}
.form-one textarea {
  height: 143px;
  padding: 26px 26px 0;
}
@media (max-width: 375px) {
  .form-one textarea {
    padding: 20px 20px 0;
  }
}

/*--------------------------------------------------------------
# Search Popup
--------------------------------------------------------------*/
.search-popup {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: -2;
  -webkit-transition: all 1s ease;
  -khtml-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -ms-transition: all 1s ease;
  -o-transition: all 1s ease;
  transition: all 1s ease;
}
.search-popup__overlay {
  position: fixed;
  width: 224vw;
  height: 224vw;
  top: calc(90px - 112vw);
  right: calc(50% - 112vw);
  z-index: 3;
  display: block;
  -webkit-border-radius: 50%;
  -khtml-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  -webkit-transform: scale(0);
  -khtml-transform: scale(0);
  -moz-transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0);
  transform: scale(0);
  -webkit-transform-origin: center;
  transform-origin: center;
  -webkit-transition: transform 0.8s ease-in-out;
  -khtml-transition: transform 0.8s ease-in-out;
  -moz-transition: transform 0.8s ease-in-out;
  -ms-transition: transform 0.8s ease-in-out;
  -o-transition: transform 0.8s ease-in-out;
  transition: transform 0.8s ease-in-out;
  transition-delay: 0s;
  transition-delay: 0.3s;
  -webkit-transition-delay: 0.3s;
  background-color: #000000;
  opacity: 0.6;
  cursor: url(../images/close.png), auto;
}
@media (max-width: 767px) {
  .search-popup__overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    transform: none;
    width: 100%;
    height: 100%;
    border-radius: 0;
    transform: translateY(-110%);
  }
}
.search-popup__content {
  position: fixed;
  width: 0;
  max-width: 560px;
  padding: 30px 15px;
  left: 50%;
  top: 50%;
  opacity: 0;
  z-index: 3;
  -webkit-transform: translate(-50%, -50%);
  -khtml-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -webkit-transition: opacity 0.5s 0s, width 0.8s 0.8s cubic-bezier(0.225, 0.01, 0.475, 1.01), transform 0.2s 0s;
  -khtml-transition: opacity 0.5s 0s, width 0.8s 0.8s cubic-bezier(0.225, 0.01, 0.475, 1.01), transform 0.2s 0s;
  -moz-transition: opacity 0.5s 0s, width 0.8s 0.8s cubic-bezier(0.225, 0.01, 0.475, 1.01), transform 0.2s 0s;
  -ms-transition: opacity 0.5s 0s, width 0.8s 0.8s cubic-bezier(0.225, 0.01, 0.475, 1.01), transform 0.2s 0s;
  -o-transition: opacity 0.5s 0s, width 0.8s 0.8s cubic-bezier(0.225, 0.01, 0.475, 1.01), transform 0.2s 0s;
  transition: opacity 0.5s 0s, width 0.8s 0.8s cubic-bezier(0.225, 0.01, 0.475, 1.01), transform 0.2s 0s;
  transition-delay: 0s, 0.8s, 0s;
  transition-delay: 0s, 0.4s, 0s;
  transition-delay: 0.2s;
  -webkit-transition-delay: 0.2s;
}
.search-popup__form {
  position: relative;
}
.search-popup__form input[type=search],
.search-popup__form input[type=text] {
  width: 100%;
  background-color: var(--insuba-white, #ffffff);
  font-size: 15px;
  font-weight: 400;
  color: var(--insuba-text, #636363);
  border: none;
  outline: none;
  height: 66px;
  padding-left: 30px;
  border-radius: 60px;
  transition: all 500ms ease;
}
.search-popup__form input[type=search]:focus,
.search-popup__form input[type=text]:focus {
  color: var(--insuba-black, #122f2a);
}
.search-popup__form .insuba-btn {
  padding: 0;
  width: 66px;
  height: 66px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 20px;
  text-align: center;
  position: absolute;
  top: 0;
  right: -1px;
  border-radius: 0 60px 60px 0;
}
.search-popup__form .insuba-btn svg {
  width: 1em;
  height: 1em;
  fill: currentColor;
}
.search-popup.active {
  z-index: 9999;
}
.search-popup.active .search-popup__overlay {
  top: auto;
  bottom: calc(90px - 112vw);
  -webkit-transform: scale(1);
  -khtml-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
  transition-delay: 0s;
  -webkit-transition-delay: 0s;
  opacity: 0.6;
  -webkit-transition: transform 1.6s cubic-bezier(0.4, 0, 0, 1);
  -khtml-transition: transform 1.6s cubic-bezier(0.4, 0, 0, 1);
  -moz-transition: transform 1.6s cubic-bezier(0.4, 0, 0, 1);
  -ms-transition: transform 1.6s cubic-bezier(0.4, 0, 0, 1);
  -o-transition: transform 1.6s cubic-bezier(0.4, 0, 0, 1);
  transition: transform 1.6s cubic-bezier(0.4, 0, 0, 1);
}
@media (max-width: 767px) {
  .search-popup.active .search-popup__overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    transform: none;
    width: 100%;
    height: 100%;
    border-radius: 0;
    transform: translateY(0%);
  }
}
.search-popup.active .search-popup__content {
  width: 100%;
  opacity: 1;
  transition-delay: 0.7s;
  -webkit-transition-delay: 0.7s;
}

/*--------------------------------------------------------------
# Page Header
--------------------------------------------------------------*/
.page-header {
  background-color: var(--insuba-white2, #ecf2f2);
  position: relative;
  padding-top: 153px;
  padding-bottom: 158px;
  overflow: hidden;
}
@media (max-width: 767px) {
  .page-header {
    padding-bottom: 70px;
  }
}
@media (max-width: 575px) {
  .page-header {
    padding-top: 80px;
  }
}
.page-header__bg {
  position: relative;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  /* opacity: 0.79; */
}
.page-header .container {
  position: relative;
  z-index: 2;
}
.page-header__title {
  margin-bottom: 11px;
  font-size: 60px;
  color: white;
  font-weight: 700;
  text-transform: capitalize;
  line-height: 1.25;
  z-index: 1; /* Lower z-index to keep it above the background */
  position: relative;
  display: inline-block; /* To limit the width to the content size */
}

.page-header__title:before {
  content: ""; /* This is necessary for the pseudo-element to display */
  background-color: black;
  opacity: 0.5;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1; /* Ensure it stays behind the text */
  border-radius: 5px; /* Optional, for rounded corners */
}

@media (max-width: 1199px) {
  .page-header__title {
    font-size: 50px;
  }
}
@media (max-width: 767px) {
  .page-header__title {
    font-size: 40px;
  }
}
@media (max-width: 575px) {
  .page-header__title {
    font-size: 35px;
  }
}
@media (max-width: 390px) {
  .page-header__title {
    font-size: 30px;
  }
}
.page-header__image {
  max-width: 100%;
  height: auto;
  position: absolute;
  right: 217px;
  bottom: -90px;
  z-index: 1;
  animation: moveHorizontal 2s linear infinite;
}
@media (max-width: 1799px) {
  .page-header__image {
    right: 100px;
  }
}
@media (max-width: 1599px) {
  .page-header__image {
    max-width: 650px;
    right: 80px;
    bottom: -10px;
  }
}
@media (max-width: 1399px) {
  .page-header__image {
    max-width: 600px;
    right: 60px;
  }
}
@media (max-width: 1199px) {
  .page-header__image {
    display: none;
  }
}
.page-header__shape-one {
  max-width: 100%;
  height: auto;
  position: absolute;
  left: 73px;
  bottom: 0;
  animation: treeMove 6s ease infinite;
}
@media (max-width: 1799px) {
  .page-header__shape-one {
    max-width: 150px;
    left: 30px;
  }
}
@media (max-width: 390px) {
  .page-header__shape-one {
    max-width: 130px;
    left: 10px;
  }
}
.page-header__shape-two {
  position: relative;
  position: absolute;
  top: 82px;
  left: 50%;
  transform: translateX(-50%);
  width: 50px;
  height: 50px;
  border: 8px solid var(--insuba-base, #0365d3);
  border-radius: 50%;
  animation: moveHorizontal 2s linear infinite;
}
.page-header__shape-two::before {
  content: "";
  position: absolute;
  top: -23px;
  left: -33px;
  width: 45px;
  height: 45px;
  border: 3px solid RGBA(var(--insuba-base-rgb, 3, 101, 211), 0.3);
  border-radius: 50%;
}
@media (max-width: 575px) {
  .page-header__shape-two {
    display: none;
  }
}
.page-header__shape-three {
  width: 320px;
  height: 345px;
  position: absolute;
  right: -50px;
  bottom: -148px;
  background-color: RGBA(var(--insuba-base-rgb, 3, 101, 211), 0.3);
  -webkit-mask: url('data:image/svg+xml;utf8,<svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 579.000000 900.000000"><g transform="translate(0.000000,900.000000) scale(0.100000,-0.100000)" stroke="none"> <path d="M5629 8945 c-3 -2 -68 -12 -145 -20 -270 -31 -295 -34 -347 -44 -29 -6 -113 -20 -187 -31 -74 -12 -153 -26 -175 -32 -22 -6 -62 -14 -90 -19 -58 -9 -147 -31 -222 -53 -29 -9 -74 -22 -100 -30 -27 -8 -100 -31 -163 -51 -63 -20 -124 -39 -135 -42 -11 -3 -34 -11 -52 -19 -17 -8 -36 -14 -42 -14 -6 0 -19 -4 -29 -10 -9 -5 -44 -21 -77 -36 -292 -130 -544 -279 -667 -393 -29 -27 -67 -61 -85 -75 -17 -15 -67 -70 -110 -124 -43 -53 -80 -99 -84 -102 -23 -21 -92 -162 -149 -305 -13 -32 -38 -125 -52 -190 -26 -123 -14 -442 22 -575 28 -106 56 -197 92 -300 71 -208 97 -284 108 -330 49 -190 61 -402 32 -570 -24 -138 -40 -202 -53 -215 -5 -5 -9 -18 -9 -28 0 -10 -6 -33 -14 -50 -7 -18 -27 -63 -42 -102 -30 -72 -130 -247 -145 -253 -5 -2 -9 -8 -9 -13 0 -14 -101 -150 -160 -214 -104 -114 -275 -277 -360 -343 -47 -37 -87 -69 -90 -72 -3 -3 -27 -21 -53 -40 -26 -19 -64 -48 -84 -63 -20 -15 -64 -44 -97 -64 -34 -20 -97 -60 -141 -89 -44 -28 -116 -71 -160 -95 -44 -23 -102 -55 -130 -71 -72 -41 -240 -125 -310 -155 -33 -14 -98 -43 -145 -65 -102 -48 -110 -51 -180 -79 -30 -12 -69 -28 -87 -35 -17 -8 -35 -14 -41 -14 -5 0 -23 -7 -38 -15 -16 -8 -36 -15 -45 -15 -8 0 -19 -4 -25 -8 -12 -11 -238 -94 -334 -122 -41 -12 -92 -28 -113 -36 -20 -8 -49 -14 -63 -14 -14 0 -24 -4 -22 -10 1 -5 60 -69 129 -142 69 -73 147 -158 174 -188 26 -30 82 -91 124 -135 87 -91 364 -386 460 -490 36 -39 126 -135 201 -215 75 -80 161 -172 191 -204 29 -33 68 -73 84 -91 48 -49 285 -304 340 -365 28 -30 84 -91 126 -135 41 -44 115 -123 165 -176 49 -52 127 -136 174 -186 47 -50 132 -141 190 -204 58 -62 179 -192 270 -288 91 -97 186 -198 210 -225 39 -43 168 -181 208 -222 7 -8 15 -14 17 -14 4 0 79 76 483 490 379 389 648 664 772 791 52 53 232 238 400 410 168 173 341 350 385 395 44 44 206 210 359 367 153 158 285 287 292 287 12 0 14 497 14 3095 l0 3095 -78 0 c-43 0 -81 -2 -83 -5z"/> </g> </svg>');
  mask: url('data:image/svg+xml;utf8,<svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 579.000000 900.000000"><g transform="translate(0.000000,900.000000) scale(0.100000,-0.100000)" stroke="none"> <path d="M5629 8945 c-3 -2 -68 -12 -145 -20 -270 -31 -295 -34 -347 -44 -29 -6 -113 -20 -187 -31 -74 -12 -153 -26 -175 -32 -22 -6 -62 -14 -90 -19 -58 -9 -147 -31 -222 -53 -29 -9 -74 -22 -100 -30 -27 -8 -100 -31 -163 -51 -63 -20 -124 -39 -135 -42 -11 -3 -34 -11 -52 -19 -17 -8 -36 -14 -42 -14 -6 0 -19 -4 -29 -10 -9 -5 -44 -21 -77 -36 -292 -130 -544 -279 -667 -393 -29 -27 -67 -61 -85 -75 -17 -15 -67 -70 -110 -124 -43 -53 -80 -99 -84 -102 -23 -21 -92 -162 -149 -305 -13 -32 -38 -125 -52 -190 -26 -123 -14 -442 22 -575 28 -106 56 -197 92 -300 71 -208 97 -284 108 -330 49 -190 61 -402 32 -570 -24 -138 -40 -202 -53 -215 -5 -5 -9 -18 -9 -28 0 -10 -6 -33 -14 -50 -7 -18 -27 -63 -42 -102 -30 -72 -130 -247 -145 -253 -5 -2 -9 -8 -9 -13 0 -14 -101 -150 -160 -214 -104 -114 -275 -277 -360 -343 -47 -37 -87 -69 -90 -72 -3 -3 -27 -21 -53 -40 -26 -19 -64 -48 -84 -63 -20 -15 -64 -44 -97 -64 -34 -20 -97 -60 -141 -89 -44 -28 -116 -71 -160 -95 -44 -23 -102 -55 -130 -71 -72 -41 -240 -125 -310 -155 -33 -14 -98 -43 -145 -65 -102 -48 -110 -51 -180 -79 -30 -12 -69 -28 -87 -35 -17 -8 -35 -14 -41 -14 -5 0 -23 -7 -38 -15 -16 -8 -36 -15 -45 -15 -8 0 -19 -4 -25 -8 -12 -11 -238 -94 -334 -122 -41 -12 -92 -28 -113 -36 -20 -8 -49 -14 -63 -14 -14 0 -24 -4 -22 -10 1 -5 60 -69 129 -142 69 -73 147 -158 174 -188 26 -30 82 -91 124 -135 87 -91 364 -386 460 -490 36 -39 126 -135 201 -215 75 -80 161 -172 191 -204 29 -33 68 -73 84 -91 48 -49 285 -304 340 -365 28 -30 84 -91 126 -135 41 -44 115 -123 165 -176 49 -52 127 -136 174 -186 47 -50 132 -141 190 -204 58 -62 179 -192 270 -288 91 -97 186 -198 210 -225 39 -43 168 -181 208 -222 7 -8 15 -14 17 -14 4 0 79 76 483 490 379 389 648 664 772 791 52 53 232 238 400 410 168 173 341 350 385 395 44 44 206 210 359 367 153 158 285 287 292 287 12 0 14 497 14 3095 l0 3095 -78 0 c-43 0 -81 -2 -83 -5z"/> </g> </svg>');
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center center;
  mask-position: center center;
  -webkit-mask-size: auto;
  mask-size: auto;
}
@media (max-width: 390px) {
  .page-header__shape-three {
    right: -70px;
    bottom: -178px;
  }
}
.page-header__shape-four {
  width: 331px;
  height: 333px;
  position: absolute;
  right: -65px;
  bottom: -137px;
  background-color: var(--insuba-base, #0365d3);
  -webkit-mask: url('data:image/svg+xml;utf8,<svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 546.000000 900.000000"><g transform="translate(0.000000,900.000000) scale(0.100000,-0.100000)" stroke="none"> <path d="M5400 8985 c0 -8 -1 -15 -2 -16 -2 -1 -64 -7 -138 -15 -249 -25 -490 -71 -790 -148 -192 -50 -251 -67 -293 -84 -16 -7 -34 -12 -42 -12 -7 0 -26 -6 -42 -14 -15 -8 -44 -21 -63 -29 -151 -61 -403 -188 -495 -249 -343 -228 -556 -496 -649 -813 -10 -33 -22 -73 -27 -90 -32 -111 -42 -350 -22 -528 19 -158 98 -475 149 -594 8 -17 14 -37 14 -45 0 -8 4 -18 9 -23 10 -12 65 -171 81 -235 70 -283 63 -523 -21 -783 -11 -32 -23 -65 -28 -75 -132 -271 -146 -294 -229 -398 -149 -186 -307 -335 -507 -477 -44 -31 -84 -60 -90 -65 -49 -38 -200 -130 -316 -192 -144 -76 -182 -96 -259 -135 -92 -46 -286 -128 -455 -192 -22 -9 -49 -19 -60 -24 -26 -10 -124 -49 -150 -58 -49 -19 -217 -71 -290 -91 -44 -12 -97 -28 -118 -36 -20 -8 -48 -14 -62 -14 -13 0 -26 -4 -30 -9 -3 -6 -27 -13 -53 -17 -26 -3 -55 -11 -64 -16 -10 -5 -37 -13 -60 -18 -24 -5 -72 -17 -108 -25 -36 -9 -85 -21 -109 -26 -24 -5 -46 -11 -49 -14 -5 -4 138 -159 349 -380 58 -60 181 -191 274 -290 93 -99 212 -225 264 -280 126 -132 350 -371 426 -454 33 -36 85 -90 115 -121 30 -31 82 -85 114 -121 33 -35 105 -112 160 -170 212 -221 394 -416 427 -453 19 -22 72 -78 119 -126 47 -47 105 -108 129 -136 24 -27 87 -94 140 -149 88 -93 222 -233 520 -549 63 -67 127 -134 142 -150 l28 -30 148 151 c357 364 806 823 1018 1041 127 130 281 288 343 352 63 63 242 247 400 408 157 160 292 292 299 292 11 0 13 582 13 3370 l0 3370 -30 0 c-20 0 -30 -5 -30 -15z"/> </g> </svg>');
  mask: url('data:image/svg+xml;utf8,<svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 546.000000 900.000000"><g transform="translate(0.000000,900.000000) scale(0.100000,-0.100000)" stroke="none"> <path d="M5400 8985 c0 -8 -1 -15 -2 -16 -2 -1 -64 -7 -138 -15 -249 -25 -490 -71 -790 -148 -192 -50 -251 -67 -293 -84 -16 -7 -34 -12 -42 -12 -7 0 -26 -6 -42 -14 -15 -8 -44 -21 -63 -29 -151 -61 -403 -188 -495 -249 -343 -228 -556 -496 -649 -813 -10 -33 -22 -73 -27 -90 -32 -111 -42 -350 -22 -528 19 -158 98 -475 149 -594 8 -17 14 -37 14 -45 0 -8 4 -18 9 -23 10 -12 65 -171 81 -235 70 -283 63 -523 -21 -783 -11 -32 -23 -65 -28 -75 -132 -271 -146 -294 -229 -398 -149 -186 -307 -335 -507 -477 -44 -31 -84 -60 -90 -65 -49 -38 -200 -130 -316 -192 -144 -76 -182 -96 -259 -135 -92 -46 -286 -128 -455 -192 -22 -9 -49 -19 -60 -24 -26 -10 -124 -49 -150 -58 -49 -19 -217 -71 -290 -91 -44 -12 -97 -28 -118 -36 -20 -8 -48 -14 -62 -14 -13 0 -26 -4 -30 -9 -3 -6 -27 -13 -53 -17 -26 -3 -55 -11 -64 -16 -10 -5 -37 -13 -60 -18 -24 -5 -72 -17 -108 -25 -36 -9 -85 -21 -109 -26 -24 -5 -46 -11 -49 -14 -5 -4 138 -159 349 -380 58 -60 181 -191 274 -290 93 -99 212 -225 264 -280 126 -132 350 -371 426 -454 33 -36 85 -90 115 -121 30 -31 82 -85 114 -121 33 -35 105 -112 160 -170 212 -221 394 -416 427 -453 19 -22 72 -78 119 -126 47 -47 105 -108 129 -136 24 -27 87 -94 140 -149 88 -93 222 -233 520 -549 63 -67 127 -134 142 -150 l28 -30 148 151 c357 364 806 823 1018 1041 127 130 281 288 343 352 63 63 242 247 400 408 157 160 292 292 299 292 11 0 13 582 13 3370 l0 3370 -30 0 c-20 0 -30 -5 -30 -15z"/> </g> </svg>');
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center center;
  mask-position: center center;
  -webkit-mask-size: auto;
  mask-size: auto;
}
@media (max-width: 390px) {
  .page-header__shape-four {
    right: -85px;
    bottom: -167px;
  }
}

.insuba-breadcrumb {
  margin: 0;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  gap: 8px 0;
  flex-wrap: wrap;
}
.insuba-breadcrumb li {
  display: flex;
  align-items: center;
  font-size: 17px;
  color: var(--insuba-text, #636363);
  line-height: 1.25;
  font-weight: 400;
  text-transform: capitalize;
}
@media (max-width: 575px) {
  .insuba-breadcrumb li {
    font-size: 15px;
  }
}
.insuba-breadcrumb li:not(:last-of-type)::after {
  content: "/";
  margin-left: 5px;
  margin-right: 5px;
}
.insuba-breadcrumb li span,
.insuba-breadcrumb li a {
  display: inline-flex;
}
.insuba-breadcrumb li:not(:first-child) span {
  color: var(--insuba-base, #0365d3);
}
.insuba-breadcrumb li a {
  color: inherit;
  background: linear-gradient(to right, currentcolor 0%, currentcolor 100%) 0px 95%/0px 1px no-repeat;
  transition: all 500ms ease;
}
.insuba-breadcrumb li a:hover {
  background-size: 100% 1px;
}
.insuba-breadcrumb li a:hover {
  color: var(--insuba-base, #0365d3);
}

/*--------------------------------------------------------------
# Sidebar
--------------------------------------------------------------*/
.sidebar-one {
  position: fixed;
  top: 0;
  right: 0;
  width: 100vw;
  height: 100vh;
  z-index: 9999;
  -webkit-transform: translateX(100%);
  transform: translateX(100%);
  -webkit-transform-origin: right center;
  transform-origin: right center;
  -webkit-transition: visibility 500ms ease 500ms, -webkit-transform 500ms ease 500ms;
  transition: visibility 500ms ease 500ms, -webkit-transform 500ms ease 500ms;
  transition: transform 500ms ease 500ms, visibility 500ms ease 500ms;
  transition: transform 500ms ease 500ms, visibility 500ms ease 500ms, -webkit-transform 500ms ease 500ms;
}
.sidebar-one.active {
  opacity: 1;
  -webkit-transform: translateX(0%);
  transform: translateX(0%);
  visibility: visible;
  -webkit-transition: visibility 500ms ease 0ms, -webkit-transform 500ms ease 0ms;
  transition: visibility 500ms ease 0ms, -webkit-transform 500ms ease 0ms;
  transition: transform 500ms ease 0ms, visibility 500ms ease 0ms;
  transition: transform 500ms ease 0ms, visibility 500ms ease 0ms, -webkit-transform 500ms ease 0ms;
}
.sidebar-one__overlay {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: var(--insuba-black10, #000000);
  opacity: 0.6;
  cursor: url(../images/close.png), auto;
}
.sidebar-one__content {
  width: 310px;
  background-color: var(--insuba-black4, #0f3564);
  z-index: 10;
  position: relative;
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  overflow-y: auto;
  padding-top: 70px;
  padding-bottom: 30px;
  padding-left: 24px;
  padding-right: 24px;
  opacity: 0;
  visibility: hidden;
  -webkit-transform: translateX(100%);
  transform: translateX(100%);
  -webkit-transition: opacity 500ms ease 0ms, visibility 500ms ease 0ms, -webkit-transform 500ms ease 0ms;
  transition: opacity 500ms ease 0ms, visibility 500ms ease 0ms, -webkit-transform 500ms ease 0ms;
  transition: opacity 500ms ease 0ms, visibility 500ms ease 0ms, transform 500ms ease 0ms;
  transition: opacity 500ms ease 0ms, visibility 500ms ease 0ms, transform 500ms ease 0ms, -webkit-transform 500ms ease 0ms;
  -ms-overflow-style: none;
  scrollbar-width: none;
}
.sidebar-one__content::-webkit-scrollbar {
  display: none;
}
.sidebar-one.active .sidebar-one__content {
  opacity: 1;
  visibility: visible;
  -webkit-transform: translateX(0);
  transform: translateX(0);
  -webkit-transition: opacity 500ms ease 500ms, visibility 500ms ease 500ms, -webkit-transform 500ms ease 500ms;
  transition: opacity 500ms ease 500ms, visibility 500ms ease 500ms, -webkit-transform 500ms ease 500ms;
  transition: opacity 500ms ease 500ms, visibility 500ms ease 500ms, transform 500ms ease 500ms;
  transition: opacity 500ms ease 500ms, visibility 500ms ease 500ms, transform 500ms ease 500ms, -webkit-transform 500ms ease 500ms;
}
.sidebar-one__close {
  position: absolute;
  top: 20px;
  right: 20px;
  font-size: 22px;
  color: var(--insuba-white, #ffffff);
  cursor: pointer;
  transition: all 400ms ease;
}
.sidebar-one__close svg {
  width: 1em;
  height: 1em;
  fill: currentColor;
}
.sidebar-one__close:hover {
  color: var(--insuba-base, #0365d3);
}
.sidebar-one__item:not(:last-child) {
  margin-bottom: 40px;
}
.sidebar-one__title {
  position: relative;
  font-size: 25px;
  color: var(--insuba-white, #ffffff);
  font-weight: 700;
  line-height: normal;
  text-transform: capitalize;
  margin-bottom: 30px;
}
.sidebar-one__title::before, .sidebar-one__title::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -5px;
  background-color: var(--insuba-base, #0365d3);
  width: 20px;
  height: 2px;
}
.sidebar-one__title::after {
  width: 50px;
  left: 25px;
}
.sidebar-one__about__text {
  margin-bottom: 0;
  font-weight: 500;
  color: var(--insuba-white2, #ecf2f2);
}
.sidebar-one__info__list {
  margin: 0;
  padding: 0;
  list-style: none;
}
.sidebar-one__info__list li {
  display: flex;
  align-items: center;
  font-size: 15px;
  color: var(--insuba-white2, #ecf2f2);
  font-weight: 500;
  line-height: 1.75;
}
.sidebar-one__info__list li + li {
  margin-top: 20px;
}
.sidebar-one__info__list li .sidebar-one__info__icon {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 34px;
  height: 34px;
  position: relative;
  font-size: 14px;
  color: var(--insuba-white, #ffffff);
  margin-right: 12px;
  background-color: var(--insuba-base, #0365d3);
  border-radius: 50%;
  overflow: hidden;
}
.sidebar-one__info__list li .sidebar-one__info__icon svg {
  width: 1em;
  height: 1em;
  fill: currentColor;
}
.sidebar-one__info__list li:hover .sidebar-one__info__icon > * {
  animation: slideTop 400ms;
}
.sidebar-one__info__list li address {
  margin: 0;
  color: inherit;
  text-transform: capitalize;
}
.sidebar-one__info__list li a {
  position: relative;
  top: 1px;
  color: inherit;
}
.sidebar-one__info__list li a:hover {
  color: var(--insuba-base, #0365d3);
}
.sidebar-one .social-links {
  gap: 4px;
}
.sidebar-one .social-links a {
  width: 45px;
  height: 45px;
  background-color: var(--insuba-base, #0365d3);
  border-radius: 0;
}
.sidebar-one .social-links a:hover {
  background-color: var(--insuba-white, #ffffff);
}
.sidebar-one .social-links__icon {
  font-size: 16px;
}
.sidebar-one .social-links a:hover .social-links__icon {
  color: var(--insuba-base, #0365d3);
}
.sidebar-one__newsletter__inner {
  display: flex;
  align-items: center;
  justify-content: center;
}
.sidebar-one__newsletter__input {
  outline: 0;
  border: 0;
  padding-left: 20px;
  font-family: var(--insuba-font, "Roboto", sans-serif);
  font-size: 14px;
  color: var(--insuba-white, #ffffff);
  width: calc(100% - 50px);
  height: 50px;
  background-color: rgba(var(--insuba-white-rgb, 255, 255, 255), 0.09);
  transition: all 400ms ease;
}
.sidebar-one__newsletter__btn {
  outline: 0;
  border: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: transparent;
  font-size: 18px;
  color: var(--insuba-white, #ffffff);
  width: 50px;
  height: 50px;
  background-color: var(--insuba-base, #0365d3);
  overflow: hidden;
  transition: all 400ms ease;
}
.sidebar-one__newsletter__btn svg {
  width: 1em;
  height: 1em;
  fill: currentColor;
}
.sidebar-one__newsletter__btn:hover {
  color: var(--insuba-base, #0365d3);
  background-color: var(--insuba-white, #ffffff);
}
.sidebar-one__newsletter__btn:hover > * {
  animation: slideTop 400ms;
}

.insurance-sidebar__single + .insurance-sidebar__single {
  margin-top: 50px;
}
@media (max-width: 1399px) {
  .insurance-sidebar__single + .insurance-sidebar__single {
    margin-top: 30px;
  }
}
.insurance-sidebar__single {
  padding: 43px 36px 51px;
  background-color: var(--insuba-white2, #ecf2f2);
  border-radius: 10px;
}
@media (max-width: 425px) {
  .insurance-sidebar__single {
    padding: 33px 30px 40px;
  }
}
@media (max-width: 390px) {
  .insurance-sidebar__single {
    padding-left: 25px;
    padding-right: 25px;
  }
}
.insurance-sidebar__title {
  margin-bottom: 21px;
  font-size: 22px;
  font-weight: 700;
  line-height: 1.454;
}
.insurance-sidebar__nav {
  margin: 0;
}
.insurance-sidebar__nav li + li {
  margin-top: 20px;
}
.insurance-sidebar__nav li a {
  position: relative;
  padding: 12px 35px 12px 15px;
  font-size: 16px;
  font-weight: 600;
  color: var(--insuba-black2, #333333);
  line-height: 1.5;
  display: flex;
  align-items: center;
  border-radius: 25px;
  background-color: var(--insuba-white, #ffffff);
  z-index: 1;
  overflow: hidden;
  transition: all 500ms ease;
}
.insurance-sidebar__nav li a::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 0%;
  height: 100%;
  border-radius: inherit;
  background-color: var(--insuba-base, #0365d3);
  z-index: -1;
  transition: all 500ms ease;
}
.insurance-sidebar__nav li a::after {
  content: "\f054";
  position: absolute;
  top: 50%;
  right: 20px;
  transform: translateY(-50%);
  font-family: "Font Awesome 5 Free";
  font-size: 11px;
  color: var(--insuba-black2, #333333);
  font-weight: 900;
  transition: all 500ms ease;
}
.insurance-sidebar__nav li a .insurance-sidebar__nav__icon {
  margin-right: 11px;
  width: 26px;
  height: 26px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  border-radius: 50%;
  font-size: 14px;
  color: var(--insuba-white, #ffffff);
  background-color: var(--insuba-black8, #202221);
  transition: all 500ms ease;
}
.insurance-sidebar__nav li a .insurance-sidebar__nav__icon svg {
  width: 1em;
  height: 1em;
  fill: currentColor;
}
.insurance-sidebar__nav li.current a, .insurance-sidebar__nav li:hover a {
  color: var(--insuba-white, #ffffff);
}
.insurance-sidebar__nav li.current a::before, .insurance-sidebar__nav li:hover a::before {
  width: 100%;
  left: 0;
}
.insurance-sidebar__nav li.current a::after, .insurance-sidebar__nav li:hover a::after {
  color: var(--insuba-white, #ffffff);
}
.insurance-sidebar__nav li.current a .insurance-sidebar__nav__icon, .insurance-sidebar__nav li:hover a .insurance-sidebar__nav__icon {
  color: var(--insuba-base, #0365d3);
  background-color: var(--insuba-white, #ffffff);
}
.insurance-sidebar__btn + .insurance-sidebar__btn {
  margin-top: 20px;
}
.insurance-sidebar__btn {
  position: relative;
  padding: 12px 50px 12px 20px;
  display: flex;
  align-items: center;
  gap: 20px;
  border-radius: 25px;
  background-color: var(--insuba-white, #ffffff);
  font-size: 16px;
  font-weight: 600;
  color: var(--insuba-black2, #333333);
  line-height: 1.5;
  z-index: 1;
  overflow: hidden;
  transition: all 500ms ease;
}
@media (max-width: 375px) {
  .insurance-sidebar__btn {
    gap: 12px;
  }
}
.insurance-sidebar__btn::after {
  content: "\e921";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  position: absolute;
  top: 50%;
  right: 20px;
  transform: translateY(-50%);
  font-size: 15px;
  color: inherit;
}
.insurance-sidebar__btn::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 0%;
  height: 100%;
  border-radius: inherit;
  background-color: var(--insuba-base, #0365d3);
  z-index: -1;
  transition: all 500ms ease;
}
.insurance-sidebar__btn:hover {
  color: var(--insuba-white, #ffffff);
}
.insurance-sidebar__btn:hover::before {
  width: 100%;
  left: 0;
}
.insurance-sidebar__btn__icon {
  display: inline-flex;
  font-size: 26px;
  color: var(--insuba-base, #0365d3);
  transition: all 500ms ease;
}
.insurance-sidebar__btn__icon svg {
  width: 1em;
  height: 1em;
  fill: currentColor;
}
.insurance-sidebar__btn:hover .insurance-sidebar__btn__icon {
  color: var(--insuba-white, #ffffff);
}

.sidebar__single {
  padding: 34px 32px;
  background-color: var(--insuba-white3, #f1f6f7);
  border-radius: 20px;
}
@media (max-width: 375px) {
  .sidebar__single {
    padding: 26px 25px;
  }
}
.sidebar__single + .sidebar__single {
  margin-top: 60px;
}
@media (max-width: 991px) {
  .sidebar__single + .sidebar__single {
    margin-top: 50px;
  }
}
@media (max-width: 767px) {
  .sidebar__single + .sidebar__single {
    margin-top: 40px;
  }
}
.sidebar__title {
  position: relative;
  margin-bottom: 34px;
  font-size: 22px;
  font-weight: 700;
  text-transform: capitalize;
  line-height: 1.363;
}
.sidebar__title::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -4px;
  width: 39px;
  height: 3px;
  background-color: var(--insuba-base, #0365d3);
}
.sidebar__form {
  padding: 0;
}
.sidebar__search {
  position: relative;
}
.sidebar__search input[type=search],
.sidebar__search input[type=text] {
  padding-left: 23px;
  outline: none;
  border: 0;
  width: 100%;
  height: 40px;
  font-size: 16px;
  color: var(--insuba-text, #636363);
  font-weight: 400;
  background-color: var(--insuba-white3, #f1f6f7);
  border-radius: 100px;
  transition: all 400ms ease;
}
.sidebar__search input[type=search]:focus,
.sidebar__search input[type=text]:focus {
  color: var(--insuba-black, #122f2a);
}
.sidebar__search button[type=submit] {
  padding: 0;
  border: none;
  outline: none;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 35px;
  height: 35px;
  background-color: var(--insuba-base, #0365d3);
  position: absolute;
  top: 50%;
  right: 4px;
  transform: translateY(-50%);
  font-size: 17px;
  color: var(--insuba-white, #ffffff);
  border-radius: 50%;
  transition: all 400ms ease;
}
.sidebar__search button[type=submit] svg {
  width: 1em;
  height: 1em;
  fill: currentColor;
}
.sidebar__search button[type=submit]:hover {
  color: var(--insuba-white, #ffffff);
  background-color: var(--insuba-black, #122f2a);
}
.sidebar__categories-wrapper {
  margin-top: 50px !important;
  padding-bottom: 37px;
}
@media (max-width: 767px) {
  .sidebar__categories-wrapper {
    margin-top: 40px !important;
  }
}
@media (max-width: 375px) {
  .sidebar__categories-wrapper {
    padding-bottom: 29px;
  }
}
.sidebar__categories {
  margin: 0;
}
.sidebar__categories-title {
  margin-bottom: 28px;
}
.sidebar__categories-title::after {
  width: 67px;
}
.sidebar__categories li:not(:last-child) {
  margin-bottom: 9.41px;
}
.sidebar__categories li a {
  position: relative;
  font-family: var(--insuba-font2, "Rubik", sans-serif);
  font-size: 17px;
  color: var(--insuba-text, #636363);
  text-transform: capitalize;
  font-weight: 400;
  line-height: 1.5;
  display: flex;
  justify-content: space-between;
  align-items: center;
  transition: all 500ms ease;
}
.sidebar__categories li a:hover {
  color: var(--insuba-base, #0365d3);
}
.sidebar__categories li a span {
  color: inherit;
}
.sidebar__categories__text {
  display: flex;
  align-items: center;
  gap: 11px;
}
.sidebar__categories__icon {
  display: inline-flex;
  font-size: 15px;
  overflow: hidden;
}
.sidebar__categories__icon svg {
  width: 1em;
  height: 1em;
  fill: currentColor;
}
.sidebar__categories a:hover .sidebar__categories__icon > * {
  animation: slideLeft 400ms;
}
.sidebar__tags-wrapper {
  padding-bottom: 43px;
}
@media (max-width: 375px) {
  .sidebar__tags-wrapper {
    padding-bottom: 35px;
  }
}
.sidebar__tags {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 15px;
}
.sidebar__tags a {
  padding: 2.52px 21px;
  font-family: var(--insuba-font2, "Rubik", sans-serif);
  font-size: 16px;
  color: var(--insuba-black, #122f2a);
  line-height: 1.437;
  text-transform: capitalize;
  font-weight: 400;
  background-color: var(--insuba-white, #ffffff);
  border: 1px solid var(--insuba-white4, #d7d7d7);
  transition: all 500ms ease;
}
.sidebar__tags a:hover {
  color: var(--insuba-white, #ffffff);
  background-color: var(--insuba-base, #0365d3);
  border-color: var(--insuba-base, #0365d3);
}
.sidebar__posts-wrapper {
  padding-bottom: 43px;
}
@media (max-width: 375px) {
  .sidebar__posts-wrapper {
    padding-bottom: 35px;
  }
}
.sidebar__posts {
  margin: 0;
}
.sidebar__posts-title::after {
  width: 77px;
}
.sidebar__posts__item {
  display: flex;
  gap: 20px 15px;
}
@media (max-width: 375px) {
  .sidebar__posts__item {
    flex-direction: column;
  }
}
.sidebar__posts__item:not(:last-of-type) {
  margin-bottom: 30px;
}
.sidebar__posts__image {
  width: 94px;
  flex-shrink: 0;
}
.sidebar__posts__image img {
  width: 100%;
  display: block;
}
.sidebar__posts__content {
  margin-top: 7px;
  width: calc(100% - 94px);
}
@media (max-width: 375px) {
  .sidebar__posts__content {
    margin: 0;
    width: 100%;
  }
}
.sidebar__posts__meta {
  display: flex;
  gap: 11px;
  margin-bottom: 7px;
  font-family: var(--insuba-font, "Roboto", sans-serif);
  color: var(--insuba-text, #636363);
  font-size: 14px;
  line-height: 1;
  font-weight: 400;
}
.sidebar__posts__meta__icon {
  display: inline-flex;
  font-size: 12px;
}
.sidebar__posts__meta__icon svg {
  width: 1em;
  height: 1em;
  fill: currentColor;
}
.sidebar__posts__title {
  margin: 0;
  font-size: 17px;
  font-weight: 700;
  text-transform: capitalize;
  line-height: 1.352;
}
.sidebar__posts__title:hover {
  color: var(--insuba-base, #0365d3);
}
.sidebar__posts__title a {
  color: inherit;
  background: linear-gradient(to right, currentcolor 0%, currentcolor 100%) 0px 95%/0px 1px no-repeat;
  transition: all 500ms ease;
}
.sidebar__posts__title a:hover {
  background-size: 100% 1px;
}
.sidebar__call {
  position: relative;
  padding: 328px 17px 22px;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}
.sidebar__call::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(180deg, transparent 30%, RGBA(var(--insuba-base-rgb, 3, 101, 211), 0.77)) 70%;
  border-radius: inherit;
}
.sidebar__call__logo {
  max-width: 100%;
  height: auto;
  position: absolute;
  top: 23px;
  left: 18px;
  z-index: 1;
}
.sidebar__call__inner {
  position: relative;
  display: flex;
  align-items: center;
  gap: 26px;
  background-color: var(--insuba-black5, #0f3667);
  border-radius: 43px;
  z-index: 1;
}
@media (max-width: 390px) {
  .sidebar__call__inner {
    padding: 30px;
    flex-direction: column;
    align-items: flex-start;
    border-radius: 10px;
  }
}
.sidebar__call__inner::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border: 6px solid var(--insuba-white, #ffffff);
  border-radius: inherit;
}
.sidebar__call__icon {
  width: 87px;
  height: 87px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  font-size: 42px;
  color: var(--insuba-white, #ffffff);
  background-color: var(--insuba-base, #0365d3);
  border: 6px solid var(--insuba-white, #ffffff);
  border-radius: 43px;
}
.sidebar__call__content {
  position: relative;
  z-index: 1;
}
.sidebar__call__title {
  margin-bottom: 5px;
  font-size: 18px;
  font-weight: 700;
  color: var(--insuba-white, #ffffff);
  line-height: 1.4;
}
.sidebar__call__number {
  position: relative;
  z-index: 1;
  font-size: 16px;
  font-weight: 400;
  color: var(--insuba-white, #ffffff);
  line-height: 1;
  background: linear-gradient(to right, currentcolor 0%, currentcolor 100%) 0px 95%/0px 1px no-repeat;
  transition: all 500ms ease;
}
.sidebar__call__number:hover {
  background-size: 100% 1px;
}
.sidebar__call__number:hover {
  color: var(--insuba-base, #0365d3);
}

/*--------------------------------------------------------------
# Google Map
--------------------------------------------------------------*/
.google-map {
  position: relative;
}
.google-map iframe {
  position: relative;
  display: block;
  border: none;
  height: 433px;
  width: 100%;
}
.google-map__contact {
  overflow: hidden;
  background-color: var(--insuba-white, #ffffff);
  mix-blend-mode: luminosity;
}

.contact-map {
  position: relative;
  background-color: var(--insuba-white, #ffffff);
}
.contact-map--home .google-map iframe {
  height: 443px;
}
.contact-map .container-fluid {
  padding-left: 0;
  padding-right: 0;
}

/*--------------------------------------------------------------
# Client Carousel
--------------------------------------------------------------*/
.client-carousel {
  position: relative;
  padding-top: 85px;
  padding-bottom: 85px;
  background-color: var(--insuba-white, #ffffff);
}
.client-carousel--about::after {
  display: block !important;
}
.client-carousel--border-full::before, .client-carousel--border-full::after {
  width: 100% !important;
}
@media (max-width: 991px) {
  .client-carousel {
    padding-top: 80px;
    padding-bottom: 80px;
  }
}
@media (max-width: 991px) {
  .client-carousel {
    padding-top: 60px;
    padding-bottom: 60px;
  }
}
.client-carousel::before, .client-carousel::after {
  content: "";
  width: calc(100% - 28px);
  height: 1px;
  background-color: var(--insuba-border-color, #dddddd);
  position: absolute;
  right: 0;
}
.client-carousel::before {
  top: 0;
}
.client-carousel::after {
  bottom: 0;
  display: none;
}
.client-carousel__content {
  text-align: center;
}
.client-carousel__carousel {
  position: relative;
}
.client-carousel__carousel .owl-stage {
  display: flex;
  align-items: center;
}
.client-carousel__item {
  position: relative;
  padding: 26px 40px;
  text-align: center;
}
@media (max-width: 767px) {
  .client-carousel__item {
    padding: 25px;
  }
}
@media (max-width: 575px) {
  .client-carousel__item {
    margin-left: auto;
    margin-right: auto;
    display: table;
  }
}
.client-carousel__item img {
  max-width: 100%;
  width: auto !important;
}
.client-carousel__image {
  margin: auto;
}
.client-carousel__hover {
  padding: 26px 40px;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  background-color: var(--insuba-black5, #0f3667);
  border-radius: 38px;
  transition: opacity 300ms ease;
}
@media (max-width: 767px) {
  .client-carousel__hover {
    padding: 25px;
  }
}
.client-carousel__item:hover .client-carousel__hover {
  opacity: 1;
}

/*--------------------------------------------------------------
# Footer
--------------------------------------------------------------*/
.main-footer {
  position: relative;
  background-color: var(--insuba-black5, #0f3667);
  overflow: hidden;
}
.main-footer--home-2 .main-footer__top {
  padding-top: 90px;
}
.main-footer--home-2 .main-footer__shape-one {
  top: -165px;
}
.main-footer__top {
  padding-top: 25px;
  padding-bottom: 25px;
  position: relative;
  overflow: hidden;
}
.main-footer__bg {
  position: relative;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}
.main-footer__bg::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #2083f4eb;
}
.main-footer .container {
  position: relative;
  z-index: 2;
}
.main-footer__bottom {
  text-align: center;
  background-color: #004fa9eb;
}
.main-footer__bottom__inner {
  padding: 13.5px 0;
  text-align: center;
}
.main-footer__copyright {
  margin: 0;
  font-family: var(--insuba-font2, "Rubik", sans-serif);
  color: var(--insuba-white, #ffffff);
}
.main-footer__shape-one {
  max-width: 100%;
  height: auto;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}
.main-footer__shape-one {
  max-width: 100%;
  height: auto;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  animation: zump 2s linear infinite;
}
@media (max-width: 1599px) {
  .main-footer__shape-one {
    max-width: 500px;
  }
}
@media (max-width: 1399px) {
  .main-footer__shape-one {
    max-width: 400px;
  }
}
.main-footer__shape-two {
  max-width: 100%;
  height: auto;
  position: absolute;
  right: 0;
  bottom: -38px;
  z-index: 1;
  animation: zumpBottom 2s linear infinite;
}
@media (max-width: 1599px) {
  .main-footer__shape-two {
    max-width: 250px;
  }
}

.footer-widget--gallery .footer-widget__title {
  margin-bottom: 50px;
}
@media (min-width: 992px) and (max-width: 1199px) {
  .footer-widget--gallery .footer-widget__title {
    margin-bottom: 47px;
  }
}
@media (max-width: 767px) {
  .footer-widget--gallery .footer-widget__title {
    margin-bottom: 47px;
  }
}
.footer-widget__title {
  position: relative;
  font-size: 22px;
  color: var(--insuba-white, #ffffff);
  font-weight: 700;
  line-height: 1.409;
  text-transform: capitalize;
  margin-bottom: 42px;
}
.footer-widget__title::after {
  content: "";
  width: 35px;
  height: 2px;
  background-color: var(--insuba-base, #0365d3);
  position: absolute;
  left: 0;
  bottom: -8px;
}
.footer-widget__logo {
  display: inline-flex;
}
.footer-widget__logo h2{
  color: white;
}
.footer-widget__about {
  margin-bottom: 24px;
  padding-right: 52px;
  color: var(--insuba-white, #ffffff);
  font-weight: 400;
  line-height: 1.8125;
  text-align: justify;
}
@media (min-width: 992px) and (max-width: 1199px) {
  .footer-widget__about {
    padding-right: 30px;
  }
}
@media (max-width: 767px) {
  .footer-widget__about {
    padding-right: 0;
  }
}
.footer-widget .social-links a {
  width: 40px;
  height: 40px;
}
.footer-widget__links {
  margin: 0;
}
.footer-widget__links li + li {
  margin-top: 13px;
}
.footer-widget__links li {
  font-size: 16px;
  color: var(--insuba-white, #ffffff);
  font-weight: 400;
  line-height: 1.75;
  text-transform: capitalize;
}
.footer-widget__links li a {
  color: inherit;
  background: linear-gradient(to right, currentcolor 0%, currentcolor 100%) 0px 95%/0px 1px no-repeat;
  transition: all 500ms ease;
}
.footer-widget__links li a:hover {
  background-size: 100% 1px;
}
.footer-widget__links li a:hover {
  color: var(--insuba-base, #0365d3);
}
.footer-widget__info {
  margin: 0;
}
.footer-widget__info li + li {
  margin-top: 16px;
}
.footer-widget__info li {
  display: flex;
  gap: 10px;
  font-size: 16px;
  color: var(--insuba-white, #ffffff);
  font-weight: 400;
  line-height: 1.75;
}
.footer-widget__info li a {
  display: inline-block;
  color: inherit;
}
.footer-widget__info li a:hover {
  color: var(--insuba-base, #0365d3);
}
.footer-widget__info__icon {
  position: relative;
  top: 5px;
  display: inline-flex;
  font-size: 16px;
  color: var(--insuba-white, #ffffff);
}
.footer-widget__info__icon svg {
  width: 1em;
  height: 1em;
  fill: currentColor;
}
.footer-widget__gallery {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 15px;
}
.footer-widget__gallery__link {
  position: relative;
  display: block;
  overflow: hidden;
  border-radius: 7px;
}
.footer-widget__gallery__link img {
  max-width: 100%;
  border-radius: inherit;
}
@media (max-width: 1199px) {
  .footer-widget__gallery__link img {
    width: 100%;
    display: block;
  }
}
.footer-widget__gallery__overlay {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 0%;
  position: absolute;
  bottom: 0;
  left: 0;
  opacity: 0;
  font-size: 23px;
  color: var(--insuba-white, #ffffff);
  border-radius: inherit;
  background-color: rgba(var(--insuba-base-rgb, 3, 101, 211), 0.8);
  transition: all 500ms ease;
}
.footer-widget__gallery__overlay svg {
  width: 1em;
  height: 1em;
  fill: currentColor;
}
.footer-widget__gallery__link:hover .footer-widget__gallery__overlay {
  height: 100%;
  top: 0;
  opacity: 1;
}

/*--------------------------------------------------------------
# Custom Cursor
--------------------------------------------------------------*/
.custom-cursor__cursor {
  width: 25px;
  height: 25px;
  border-radius: 100%;
  border: 1px solid var(--insuba-base, #0365d3);
  -webkit-transition: all 200ms ease-out;
  transition: all 200ms ease-out;
  position: fixed;
  pointer-events: none;
  left: 0;
  top: 0;
  -webkit-transform: translate(calc(-50% + 5px), -50%);
  transform: translate(calc(-50% + 5px), -50%);
  z-index: 999991;
}
.custom-cursor__cursor-two {
  width: 10px;
  height: 10px;
  border-radius: 100%;
  background-color: var(--insuba-base, #0365d3);
  opacity: 0.3;
  position: fixed;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  pointer-events: none;
  -webkit-transition: width 0.3s, height 0.3s, opacity 0.3s;
  transition: width 0.3s, height 0.3s, opacity 0.3s;
  z-index: 999991;
}
.custom-cursor__hover {
  background-color: var(--insuba-base, #0365d3);
  opacity: 0.4;
}
.custom-cursor__innerhover {
  width: 25px;
  height: 25px;
  opacity: 0.4;
}

/*--------------------------------------------------------------
# Animations
--------------------------------------------------------------*/
@keyframes bubbleMover {
  0% {
    -webkit-transform: translateY(0px) translateX(0) rotate(0);
    transform: translateY(0px) translateX(0) rotate(0);
  }
  30% {
    -webkit-transform: translateY(30px) translateX(50px) rotate(15deg);
    transform: translateY(30px) translateX(50px) rotate(15deg);
    -webkit-transform-origin: center center;
    transform-origin: center center;
  }
  50% {
    -webkit-transform: translateY(50px) translateX(100px) rotate(45deg);
    transform: translateY(50px) translateX(100px) rotate(45deg);
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
  }
  80% {
    -webkit-transform: translateY(30px) translateX(50px) rotate(15deg);
    transform: translateY(30px) translateX(50px) rotate(15deg);
    -webkit-transform-origin: left top;
    transform-origin: left top;
  }
  100% {
    -webkit-transform: translateY(0px) translateX(0) rotate(0);
    transform: translateY(0px) translateX(0) rotate(0);
    -webkit-transform-origin: center center;
    transform-origin: center center;
  }
}
@keyframes shapeMover {
  0%, 100% {
    transform: perspective(400px) translateY(0) rotate(0deg) translateZ(0px) translateX(0);
  }
  50% {
    transform: perspective(400px) rotate(-45deg) translateZ(20px) translateY(20px) translateX(20px);
  }
}
@keyframes banner3Shake {
  0% {
    -webkit-transform: rotate3d(0, 1, 0, 0deg);
    transform: rotate3d(0, 1, 0, 0deg);
  }
  30% {
    -webkit-transform: rotate3d(0, 0, 1, 5deg);
    transform: rotate3d(0, 0, 1, 5deg);
  }
  60% {
    -webkit-transform: rotate3d(1, 0, 0, 0deg);
    transform: rotate3d(1, 0, 0, 0deg);
  }
  80% {
    -webkit-transform: rotate3d(0, 0, 1, 5deg);
    transform: rotate3d(0, 0, 1, 5deg);
  }
  100% {
    -webkit-transform: rotate3d(0, 1, 0, 0deg);
    transform: rotate3d(0, 1, 0, 0deg);
  }
}
@keyframes squareMover {
  0%, 100% {
    -webkit-transform: translate(0, 0) rotate(0);
    transform: translate(0, 0) rotate(0);
  }
  20%, 60% {
    -webkit-transform: translate(20px, 40px) rotate(180deg);
    transform: translate(20px, 40px) rotate(180deg);
  }
  30%, 80% {
    -webkit-transform: translate(40px, 60px) rotate(0deg);
    transform: translate(40px, 60px) rotate(0deg);
  }
}
@keyframes treeMove {
  0%, 100% {
    -webkit-transform: rotate(0deg) translateX(0);
    transform: rotate(0deg) translateX(0);
  }
  25%, 75% {
    -webkit-transform: rotate(5deg) translateX(15px);
    transform: rotate(5deg) translateX(15px);
  }
  50% {
    -webkit-transform: rotate(10deg) translateX(30px);
    transform: rotate(10deg) translateX(30px);
  }
}
@keyframes leafMove {
  0%, 100% {
    -webkit-transform: rotate(0deg) translateX(0);
    transform: rotate(0deg) translateX(0);
  }
  25%, 75% {
    transform: rotate(-2deg) translateX(5px);
  }
  50% {
    transform: rotate(-4deg) translateX(10px);
  }
}
@keyframes messageMove {
  0%, 100% {
    transform: translateX(0);
  }
  25%, 75% {
    transform: translateX(5px);
  }
  50% {
    transform: translateX(10px);
  }
}
@keyframes textRotate {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@keyframes shapeRotate {
  0% {
    transform: rotate(0);
  }
  50% {
    transform: rotate(90deg);
  }
  100% {
    transform: rotate(0);
  }
}
@keyframes flowerRotate {
  0%, 100% {
    transform: rotate(0deg);
  }
  25%, 75% {
    transform: rotate(5deg);
  }
  50% {
    transform: rotate(10deg);
  }
}
@keyframes zump {
  0% {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
  50% {
    -webkit-transform: translate3d(0, -15px, 0);
    transform: translate3d(0, -15px, 0);
  }
  100% {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
}
@keyframes zumpBottom {
  0% {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
  50% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }
  100% {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
}
@keyframes zoomIn {
  0% {
    transform: scale(1.15);
  }
  50% {
    transform: scale(1);
  }
  100% {
    transform: scale(1.15);
  }
}
@keyframes zoomOut {
  0% {
    transform: scale(0.8);
  }
  50% {
    transform: scale(1);
  }
  100% {
    transform: scale(0.8);
  }
}
@keyframes moveHorizontal {
  0% {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
  50% {
    -webkit-transform: translate3d(15px, 0, 0);
    transform: translate3d(15px, 0, 0);
  }
  100% {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
}
@keyframes moveHorizontal2 {
  0% {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
  50% {
    -webkit-transform: translate3d(-15px, 0, 0);
    transform: translate3d(-15px, 0, 0);
  }
  100% {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
}
@keyframes rotate {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
  }
}
@keyframes wobble-horizontal-hover {
  16.65% {
    transform: translateX(5px);
  }
  33.3% {
    transform: translateX(-3px);
  }
  49.95% {
    transform: translateX(4px);
  }
  66.6% {
    transform: translateX(-2px);
  }
  83.25% {
    transform: translateX(1px);
  }
  100% {
    transform: translateX(0);
  }
}
@keyframes smartMove {
  0% {
    width: 0;
  }
  15% {
    width: 100%;
  }
  85% {
    opacity: 1;
  }
  90% {
    width: 100%;
    opacity: 0;
  }
  100% {
    width: 0;
    opacity: 0;
  }
}
@keyframes smartMove2 {
  0% {
    width: 0;
  }
  15% {
    width: 126px;
  }
  85% {
    opacity: 1;
  }
  90% {
    width: 126px;
    opacity: 0;
  }
  100% {
    width: 0;
    opacity: 0;
  }
}
@keyframes smartMove3 {
  0% {
    width: 0;
  }
  15% {
    width: 173px;
  }
  85% {
    opacity: 1;
  }
  90% {
    width: 173px;
    opacity: 0;
  }
  100% {
    width: 0;
    opacity: 0;
  }
}
@keyframes float-bob-y {
  0% {
    -webkit-transform: translateY(0px) translateX(0px) rotate(0deg);
    transform: translateY(0px) translateX(0px) rotate(0deg);
  }
  50% {
    -webkit-transform: translateY(10px) translateX(10px) rotate(5deg);
    transform: translateY(10px) translateX(10px) rotate(5deg);
  }
  100% {
    -webkit-transform: translateY(0px) translateX(0px) rotate(0deg);
    transform: translateY(0px) translateX(0px) rotate(0deg);
  }
}
@keyframes rectMove {
  0%, 50%, 100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  25%, 75% {
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
  }
}
@keyframes moveBackground {
  0% {
    background-position: -1920px 100%;
  }
  100% {
    background-position: 0 100%;
  }
}
@keyframes moveBackgroundY {
  0% {
    background-position: 100% 1920px;
  }
  100% {
    background-position: 100% 0;
  }
}
@keyframes slideTop {
  49% {
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
  }
  50% {
    opacity: 0;
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
  }
  51% {
    opacity: 1;
  }
}
@keyframes slideLeft {
  49% {
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
  }
  50% {
    opacity: 0;
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
  }
  51% {
    opacity: 1;
  }
}
@keyframes animatedCircle {
  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);
  }
}
/*--------------------------------------------------------------
# Main Slider
--------------------------------------------------------------*/
.slider-image {
  width: auto !important;
  display: inline-block !important;
  max-width: 100%;
  height: auto;
}

.main-slider-one {
  position: relative;
  background-color: var(--insuba-white, #ffffff);
  overflow: hidden;
  z-index: 1;
}
.main-slider-one__carousel.owl-carousel .owl-dots {
  margin: 0 !important;
  position: absolute;
  left: 50%;
  bottom: 100px;
  transform: translateX(-50%);
}
@media (min-width: 1200px) {
  .main-slider-one__carousel.owl-carousel .owl-dots {
    top: 50%;
    left: 34px;
    transform: translateY(-50%) translateX(0%);
    flex-direction: column;
  }
}
@media (min-width: 1600px) {
  .main-slider-one__carousel.owl-carousel .owl-dots {
    left: 38px;
  }
}
@media (min-width: 1800px) {
  .main-slider-one__carousel.owl-carousel .owl-dots {
    left: 73px;
  }
}
.main-slider-one__item {
  position: relative;
  padding-top: 216px;
  padding-bottom: 176px;
  background-color: var(--insuba-white2, #ecf2f2);
}
@media (max-width: 1399px) {
  .main-slider-one__item {
    padding-bottom: 200px;
  }
}
@media (max-width: 1199px) {
  .main-slider-one__item {
    padding-bottom: 250px;
  }
}
@media (max-width: 575px) {
  .main-slider-one__item {
    padding-top: 200px;
    padding-bottom: 270px;
  }
}
.main-slider-one__image-left {
  width: 665px;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-repeat: no-repeat;
  background-position: top;
  background-size: cover;
  opacity: 0.1;
}
.main-slider-one__image-right {
  width: 1016px;
  height: 100%;
  position: relative;
  position: absolute;
  top: 0;
  right: 0;
}
@media (max-width: 1799px) {
  .main-slider-one__image-right {
    width: 830px;
  }
}
@media (max-width: 1599px) {
  .main-slider-one__image-right {
    width: 720px;
  }
}
@media (max-width: 1399px) {
  .main-slider-one__image-right {
    width: 600px;
  }
}
@media (max-width: 1199px) {
  .main-slider-one__image-right {
    display: none;
  }
}
.main-slider-one__image-right::before {
  content: "";
  width: 11px;
  height: 107px;
  position: absolute;
  top: -1px;
  left: 1px;
  background-color: var(--insuba-base, #0365d3);
  transform: rotate(-13deg) skewY(13deg);
}
@media (max-width: 1799px) {
  .main-slider-one__image-right::before {
    left: -1px;
    transform: rotate(-11deg) skewY(13deg);
  }
}
@media (max-width: 1599px) {
  .main-slider-one__image-right::before {
    left: -2px;
    transform: rotate(-10deg) skewY(13deg);
  }
}
@media (max-width: 1399px) {
  .main-slider-one__image-right::before {
    left: -3px;
    transform: rotate(-8deg) skewY(13deg);
  }
}
.main-slider-one__image-right__inner {
  position: relative;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  clip-path: polygon(0 0, 100% 0%, 100% 100%, 17% 100%);
  overflow: hidden;
  z-index: 1;
}
.main-slider-one__image-right__bg {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  transform: scale(1);
  clip-path: polygon(0 0, 100% 0%, 100% 100%, 17% 100%);
  transition: transform 7000ms ease;
}
.main-slider-one__image-right__image {
  position: absolute;
  top: 90px;
  left: -50px;
  display: inline-block !important;
  width: 164px !important;
  height: 164px;
  border-radius: 50%;
  border: 10px solid var(--insuba-white, #ffffff);
  z-index: 2;
  opacity: 0;
  transform: translateY(100px);
}
.main-slider-one__experience {
  padding: 15px 57px 18px;
  position: relative;
  position: absolute;
  left: -185px;
  bottom: 59px;
  background-color: var(--insuba-base, #0365d3);
  border-radius: 44px 0 0 44px;
  clip-path: polygon(0 0, 94% 0, 100% 100%, 0% 100%);
  opacity: 0;
  visibility: hidden;
  transform: translateX(100%);
}
@media (max-width: 1799px) {
  .main-slider-one__experience {
    left: -222px;
    padding-right: 70px;
  }
}
@media (max-width: 1599px) {
  .main-slider-one__experience {
    left: -239px;
  }
}
@media (max-width: 1399px) {
  .main-slider-one__experience {
    left: -258px;
  }
}
.main-slider-one__experience::after {
  content: "";
  width: calc(100% - 30px);
  height: calc(100% - 20px);
  position: absolute;
  top: 50%;
  left: 10px;
  transform: translateY(-50%);
  border-radius: inherit;
  background-image: url(../images/shapes/main-slider-shape-1-3.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-position: center center;
}
@media (max-width: 1799px) {
  .main-slider-one__experience::after {
    width: calc(100% - 35px);
  }
}
.main-slider-one__experience__title {
  margin: 0;
  font-size: 36px;
  font-weight: 700;
  color: var(--insuba-white, #ffffff);
  line-height: 1.5;
}
.main-slider-one__experience__title span {
  font-size: 29px;
}
.main-slider-one .container {
  position: relative;
  z-index: 2;
}
@media (min-width: 1200px) {
  .main-slider-one .container {
    max-width: 1559px;
    padding-left: 50px;
    padding-right: 50px;
  }
}
@media (min-width: 1200px) {
  .main-slider-one .container {
    max-width: 1619px;
    padding-left: 80px;
    padding-right: 80px;
  }
}
.main-slider-one__content {
  position: relative;
  z-index: 2;
}
.main-slider-one__content__shape-one {
  position: absolute;
  top: -39px;
  left: 218px;
  z-index: -1;
  opacity: 0;
  transition: all 1200ms ease;
  animation: treeMove 6s ease infinite;
}
.main-slider-one__top {
  overflow: hidden;
}
.main-slider-one__top__inner {
  margin-bottom: 17px;
  padding: 7px 25px 5px;
  display: inline-flex;
  gap: 15px;
  background-color: var(--insuba-white, #ffffff);
  border-radius: 30px;
  opacity: 0;
  transform: translateY(150px);
  transition: transform 1400ms ease, opacity 1400ms ease;
}
.main-slider-one__top__box {
  position: relative;
  top: 3px;
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  background-color: var(--insuba-base, #0365d3);
}
.main-slider-one__top__box::after {
  content: "";
  position: absolute;
  top: 50%;
  right: -6px;
  transform: translateY(-50%);
  width: 0px;
  height: 0px;
  border-style: solid;
  border-width: 4.5px 0 4.5px 7.8px;
  border-color: transparent transparent transparent var(--insuba-base, #0365d3);
}
.main-slider-one__top__box__inner {
  width: 10px;
  height: 10px;
  position: relative;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: var(--insuba-white, #ffffff);
}
.main-slider-one__top__box__inner::after {
  content: "";
  width: 6px;
  height: 6px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: var(--insuba-black5, #0f3667);
}
.main-slider-one__tagline {
  margin: 0;
  font-family: var(--insuba-font2, "Rubik", sans-serif);
  font-size: 18px;
  color: var(--insuba-base, #0365d3);
  font-weight: 500;
  text-transform: capitalize;
  line-height: 1.3;
}
.main-slider-one__title {
  overflow: hidden;
  position: relative;
  margin-bottom: 26px;
  font-weight: 700;
  font-size: 60px;
  line-height: 1.25;
}
@media (max-width: 1599px) {
  .main-slider-one__title {
    font-size: 51px;
  }
}
@media (max-width: 1399px) {
  .main-slider-one__title {
    font-size: 45px;
  }
}
@media (min-width: 1099px) and (max-width: 1299px) {
  .main-slider-one__title {
    font-size: 43px;
  }
}
@media (max-width: 767px) {
  .main-slider-one__title {
    font-size: 43px;
  }
}
@media (max-width: 575px) {
  .main-slider-one__title {
    font-size: 40px;
  }
}
@media (max-width: 430px) {
  .main-slider-one__title {
    font-size: 35px;
  }
}
.main-slider-one__title__text {
  display: inline-block;
  position: relative;
  color: var(--insuba-base, #0365d3);
  font-weight: 400;
}
.main-slider-one__title__text::after {
  content: "";
  width: 128px;
  height: 4px;
  background-color: var(--insuba-base, #0365d3);
  position: absolute;
  top: 94%;
  right: 33px;
}
@media (max-width: 1599px) {
  .main-slider-one__title__text::after {
    width: 115px;
    right: 30px;
  }
}
@media (max-width: 1399px) {
  .main-slider-one__title__text::after {
    width: 95px;
    height: 3px;
    right: 25px;
  }
}
@media (max-width: 575px) {
  .main-slider-one__title__text::after {
    width: 85px;
    right: 22px;
  }
}
@media (max-width: 430px) {
  .main-slider-one__title__text::after {
    width: 74px;
    right: 20px;
  }
}
.main-slider-one__title__inner {
  overflow: hidden;
  position: relative;
  display: table;
  opacity: 0;
  transform: translateY(200px);
  transition: transform 1600ms ease, opacity 1600ms ease;
}
.main-slider-one__title__inner::before, .main-slider-one__title__inner::after {
  content: "";
  position: absolute;
  width: calc(50% + 2px);
  height: 100%;
  background-color: var(--insuba-base, #0365d3);
  z-index: 2;
  transition: all 1000ms ease;
}
.main-slider-one__title__inner::before {
  top: 0;
  right: 0;
}
.main-slider-one__title__inner::after {
  top: 0;
  left: 0;
}
.main-slider-one__description {
  margin-bottom: 31px;
  padding-right: 115px;
  overflow: hidden;
}
@media (max-width: 1599px) {
  .main-slider-one__description {
    padding-right: 0px;
  }
}
.main-slider-one__text {
  margin-bottom: 0;
  font-size: 17px;
  opacity: 0;
  transform: translateY(150px);
  transition: transform 1400ms ease, opacity 1400ms ease;
}
@media (max-width: 767px) {
  .main-slider-one__text {
    font-size: 16px;
  }
}
.main-slider-one__button {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 31px;
}
.main-slider-one__button__inner {
  overflow: hidden;
}
.main-slider-one__btn-1, .main-slider-one__btn-2 {
  opacity: 0;
  transform: translateY(150px);
  transition: transform 1400ms ease, opacity 1400ms ease;
}
.main-slider-one .video-btn {
  width: 58px;
  height: 58px;
  font-size: 25px;
  color: var(--insuba-black6, #232323);
  background-color: RGBA(var(--insuba-white-rgb, 255, 255, 255), 0.47);
}
.main-slider-one .video-btn::after {
  content: "";
  width: 47px;
  height: 47px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  border-radius: 50%;
  background-color: var(--insuba-white, #ffffff);
  z-index: -1;
}
.main-slider-one .video-btn__ripple::before, .main-slider-one .video-btn__ripple::after {
  animation: none;
}
.main-slider-one__shape-box {
  width: 58px;
  height: 58px;
  position: relative;
  position: absolute;
  left: 49px;
  bottom: 71px;
  border-radius: 50%;
  border: 9px solid var(--insuba-base, #0365d3);
  opacity: 0;
  transition: all 1200ms ease;
  animation: zump 2s linear infinite;
}
@media (max-width: 575px) {
  .main-slider-one__shape-box {
    width: 50px;
    height: 50px;
    left: 30px;
    bottom: 150px;
  }
}
.main-slider-one__shape-box::after {
  content: "";
  width: calc(100% + 13px);
  height: calc(100% + 13px);
  position: absolute;
  top: 25px;
  right: -27px;
  border: 3px solid RGBA(var(--insuba-base-rgb, 3, 101, 211), 0.2);
  border-radius: inherit;
}
@media (max-width: 575px) {
  .main-slider-one__shape-box::after {
    top: 15px;
    right: -20px;
  }
}
.main-slider-one__shape-one {
  position: absolute;
  top: 57px;
  left: 36%;
  opacity: 0;
  transition: all 1200ms ease;
  animation: textRotate 5s infinite linear;
}
.main-slider-one .active .main-slider-one__top__inner,
.main-slider-one .active .main-slider-one__title__inner,
.main-slider-one .active .main-slider-one__text,
.main-slider-one .active .main-slider-one__btn-1,
.main-slider-one .active .main-slider-one__btn-2,
.main-slider-one .active .main-slider-one__image-right__image {
  opacity: 1;
  transform: translateY(0);
}
.main-slider-one .active .main-slider-one__title__inner {
  transition-delay: 500ms;
}
.main-slider-one .active .main-slider-one__title__inner::before, .main-slider-one .active .main-slider-one__title__inner::after {
  transition-delay: 2500ms;
}
.main-slider-one .active .main-slider-one__title__inner::before {
  top: 0;
  right: 105%;
}
.main-slider-one .active .main-slider-one__title__inner::after {
  top: 0;
  left: 105%;
}
.main-slider-one .active .main-slider-one__text {
  transition-delay: 800ms;
}
.main-slider-one .active .main-slider-one__btn-1 {
  transition-delay: 1100ms;
}
.main-slider-one .active .main-slider-one__btn-2 {
  transition-delay: 1300ms;
}
.main-slider-one .active .main-slider-one__image-right__bg {
  transform: scale(1.15);
}
.main-slider-one .active .main-slider-one__image-right__image {
  transition: transform 1000ms ease, opacity 1000ms ease;
}
.main-slider-one .active .main-slider-one__experience {
  opacity: 1;
  visibility: visible;
  transform: translateX(0);
  transition: transform 1000ms ease, opacity 1000ms ease;
}
.main-slider-one .active .main-slider-one__content__shape-one,
.main-slider-one .active .main-slider-one__shape-one,
.main-slider-one .active .main-slider-one__shape-box {
  opacity: 1;
  transition-delay: 700ms;
}

.main-slider-two {
  position: relative;
  overflow: hidden;
  z-index: 1;
}
@media (max-width: 1399px) {
  .main-slider-two__carousel.owl-carousel .owl-nav {
    margin-top: 0;
    position: absolute;
    left: 50%;
    bottom: 220px;
    transform: translateX(-50%);
  }
}
@media (max-width: 767px) {
  .main-slider-two__carousel.owl-carousel .owl-nav {
    bottom: 100px;
  }
}
.main-slider-two__carousel.owl-carousel .owl-nav button {
  color: var(--insuba-white, #ffffff);
  background-color: transparent;
  border: 1px solid var(--insuba-white, #ffffff);
}
@media (min-width: 1400px) {
  .main-slider-two__carousel.owl-carousel .owl-nav button.owl-prev, .main-slider-two__carousel.owl-carousel .owl-nav button.owl-next {
    position: absolute;
    top: calc(50% - 62px);
    transform: translateY(-50%);
  }
}
.main-slider-two__carousel.owl-carousel .owl-nav button.owl-prev {
  left: 25px;
}
@media (min-width: 1600px) {
  .main-slider-two__carousel.owl-carousel .owl-nav button.owl-prev {
    left: 100px;
  }
}
.main-slider-two__carousel.owl-carousel .owl-nav button.owl-next {
  right: 25px;
}
@media (min-width: 1600px) {
  .main-slider-two__carousel.owl-carousel .owl-nav button.owl-next {
    right: 100px;
  }
}
.main-slider-two__carousel.owl-carousel .owl-nav button:hover {
  border-color: var(--insuba-base, #0365d3);
}
.main-slider-two__item {
  position: relative;
  padding-top: 192px;
  padding-bottom: 263px;
  overflow: hidden;
}
@media (max-width: 1399px) {
  .main-slider-two__item {
    padding-bottom: 420px;
  }
}
@media (max-width: 767px) {
  .main-slider-two__item {
    padding-bottom: 350px;
  }
}
@media (max-width: 430px) {
  .main-slider-two__item {
    padding-top: 150px;
  }
}
.main-slider-two__bg {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-color: var(--insuba-black5, #0f3667);
  -webkit-mask: url('data:image/svg+xml;utf8,<svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 900.000000 390.000000"><g transform="translate(0.000000,390.000000) scale(0.100000,-0.100000)" stroke="none"> <path d="M0 2024 c0 -1776 1 -1878 18 -1890 34 -27 143 -72 222 -94 92 -25 171 -32 400 -37 228 -5 356 3 495 29 33 6 83 14 110 18 28 4 73 13 100 20 28 6 76 18 108 26 84 20 176 44 227 59 41 12 71 20 200 56 25 7 63 15 85 19 22 4 60 12 85 18 127 31 317 59 457 69 95 6 285 -15 368 -41 22 -7 67 -21 100 -31 33 -9 76 -23 95 -30 45 -16 121 -35 190 -48 36 -7 1041 -11 2898 -14 l2842 -3 0 1875 0 1875 -4500 0 -4500 0 0 -1876z"/> </g> </svg>');
  mask: url('data:image/svg+xml;utf8,<svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 900.000000 390.000000"><g transform="translate(0.000000,390.000000) scale(0.100000,-0.100000)" stroke="none"> <path d="M0 2024 c0 -1776 1 -1878 18 -1890 34 -27 143 -72 222 -94 92 -25 171 -32 400 -37 228 -5 356 3 495 29 33 6 83 14 110 18 28 4 73 13 100 20 28 6 76 18 108 26 84 20 176 44 227 59 41 12 71 20 200 56 25 7 63 15 85 19 22 4 60 12 85 18 127 31 317 59 457 69 95 6 285 -15 368 -41 22 -7 67 -21 100 -31 33 -9 76 -23 95 -30 45 -16 121 -35 190 -48 36 -7 1041 -11 2898 -14 l2842 -3 0 1875 0 1875 -4500 0 -4500 0 0 -1876z"/> </g> </svg>');
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center center;
  mask-position: center center;
  -webkit-mask-size: cover;
  mask-size: cover;
}
.main-slider-two__image {
  width: 1162px;
  height: calc(100% - 33px);
  position: relative;
  position: absolute;
  top: 0;
  right: 0;
}
@media (max-width: 1799px) {
  .main-slider-two__image {
    width: 750px;
  }
}
@media (max-width: 1599px) {
  .main-slider-two__image {
    width: 700px;
  }
}
@media (max-width: 1399px) {
  .main-slider-two__image {
    width: 670px;
  }
}
@media (max-width: 1299px) {
  .main-slider-two__image {
    display: none;
  }
}
.main-slider-two__image::after {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: -10px;
  background-color: var(--insuba-white, #ffffff);
  -webkit-mask: url('data:image/svg+xml;utf8,<svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 300.000000 206.000000"><g transform="translate(0.000000,206.000000) scale(0.050000,-0.050000)" stroke="none"> <path d="M649 4047 c-245 -267 -203 -480 175 -882 270 -287 430 -513 509 -717 207 -536 -152 -1295 -1018 -2153 l-298 -295 2992 0 2991 0 0 2060 0 2060 -2642 0 -2643 0 -66 -73z"/> </g> </svg>');
  mask: url('data:image/svg+xml;utf8,<svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 300.000000 206.000000"><g transform="translate(0.000000,206.000000) scale(0.050000,-0.050000)" stroke="none"> <path d="M649 4047 c-245 -267 -203 -480 175 -882 270 -287 430 -513 509 -717 207 -536 -152 -1295 -1018 -2153 l-298 -295 2992 0 2991 0 0 2060 0 2060 -2642 0 -2643 0 -66 -73z"/> </g> </svg>');
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center center;
  mask-position: center center;
  -webkit-mask-size: cover;
  mask-size: cover;
}
.main-slider-two__image__bg {
  width: 100%;
  height: 100%;
  position: relative;
  position: absolute;
  top: 0;
  right: 0;
  overflow: hidden;
  z-index: 1;
  -webkit-mask: url('data:image/svg+xml;utf8,<svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 300.000000 206.000000"><g transform="translate(0.000000,206.000000) scale(0.050000,-0.050000)" stroke="none"> <path d="M649 4047 c-245 -267 -203 -480 175 -882 270 -287 430 -513 509 -717 207 -536 -152 -1295 -1018 -2153 l-298 -295 2992 0 2991 0 0 2060 0 2060 -2642 0 -2643 0 -66 -73z"/> </g> </svg>');
  mask: url('data:image/svg+xml;utf8,<svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 300.000000 206.000000"><g transform="translate(0.000000,206.000000) scale(0.050000,-0.050000)" stroke="none"> <path d="M649 4047 c-245 -267 -203 -480 175 -882 270 -287 430 -513 509 -717 207 -536 -152 -1295 -1018 -2153 l-298 -295 2992 0 2991 0 0 2060 0 2060 -2642 0 -2643 0 -66 -73z"/> </g> </svg>');
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center center;
  mask-position: center center;
  -webkit-mask-size: cover;
  mask-size: cover;
}
.main-slider-two__image__bg__inner {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
  transform: scale(1);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  transition: transform 7000ms ease;
}
.main-slider-two__image__shape {
  position: absolute;
  right: -100%;
  bottom: -145px;
  opacity: 0;
  z-index: 1;
  animation: moveHorizontal 2s infinite linear;
}
.main-slider-two .container {
  position: relative;
  z-index: 2;
}
.main-slider-two__content {
  position: relative;
  z-index: 2;
}
@media (max-width: 1599px) {
  .main-slider-two__content {
    padding-right: 30px;
  }
}
@media (max-width: 1199px) {
  .main-slider-two__content {
    padding-right: 0px;
  }
}
.main-slider-two__top {
  position: relative;
  display: table;
}
.main-slider-two__top__inner {
  overflow: hidden;
}
.main-slider-two__top__star {
  position: absolute;
  top: -61px;
  right: -80px;
  font-family: var(--insuba-heading-font, "Poppins", serif);
  font-size: 126px;
  color: var(--insuba-white, #ffffff);
  font-weight: 500;
  line-height: 1;
  opacity: 0;
  transition: all 1400ms ease;
  animation: animatedStar 1500ms ease infinite;
}
@media (max-width: 430px) {
  .main-slider-two__top__star {
    top: -90px;
    right: 0;
  }
}
.main-slider-two__rating-box {
  opacity: 0;
  transform: translateY(-150px);
  transition: transform 1400ms ease, opacity 1400ms ease;
}
.main-slider-two__rating {
  margin-bottom: 23px;
  padding-bottom: 4px;
  display: flex;
  align-items: flex-start;
  flex-wrap: wrap;
  gap: 14px;
  border-bottom: 1px solid var(--insuba-border-color, #dddddd);
}
.main-slider-two__rating__list {
  position: relative;
  top: 2px;
  margin: 0;
  display: flex;
  align-items: center;
  gap: 7px;
}
.main-slider-two__rating__list li {
  display: inline-flex;
  font-size: 18px;
  color: var(--insuba-base, #0365d3);
}
.main-slider-two__rating__list li svg {
  width: 1em;
  height: 1em;
  fill: currentColor;
}
.main-slider-two__rating__text {
  margin: 0;
  color: var(--insuba-white, #ffffff);
  font-weight: 500;
  font-style: italic;
}
.main-slider-two__title {
  overflow: hidden;
  position: relative;
  margin-bottom: 20px;
  font-weight: 700;
  font-size: 60px;
  color: var(--insuba-white, #ffffff);
  line-height: 1.25;
}
@media (max-width: 1599px) {
  .main-slider-two__title {
    font-size: 54px;
  }
}
@media (max-width: 991px) {
  .main-slider-two__title {
    font-size: 50px;
  }
}
@media (max-width: 575px) {
  .main-slider-two__title {
    font-size: 45px;
  }
}
@media (max-width: 430px) {
  .main-slider-two__title {
    font-size: 40px;
  }
}
@media (max-width: 360px) {
  .main-slider-two__title {
    font-size: 35px;
  }
}
.main-slider-two__title__text {
  display: inline-block;
  position: relative;
  color: var(--insuba-black5, #0f3667);
  font-weight: 500;
  text-shadow: 2px 2px 0 var(--insuba-base, #0365d3), -2px -2px 0 var(--insuba-base, #0365d3), 2px -2px 0 var(--insuba-base, #0365d3), -2px 2px 0 var(--insuba-base, #0365d3), 2px 2px 0 var(--insuba-base, #0365d3);
  z-index: 1;
}
.main-slider-two__title__text::after {
  content: "";
  width: 194px;
  height: 13px;
  position: absolute;
  right: 0px;
  bottom: -3px;
  background-image: url(../images/shapes/main-slider-title-shape-2-1.png);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 100% 100%;
  z-index: -1;
}
@media (max-width: 575px) {
  .main-slider-two__title__text::after {
    display: none;
  }
}
.main-slider-two__title__inner {
  padding-bottom: 2px;
  overflow: hidden;
  position: relative;
  display: table;
  opacity: 0;
  transform: translateY(-200px);
  transition: transform 1600ms ease, opacity 1600ms ease;
}
@media (max-width: 575px) {
  .main-slider-two__title__inner {
    padding-bottom: 0;
  }
}
.main-slider-two__title__inner::before, .main-slider-two__title__inner::after {
  content: "";
  position: absolute;
  width: calc(50% + 2px);
  height: 100%;
  background-color: var(--insuba-white, #ffffff);
  z-index: 2;
  transition: all 1000ms ease;
}
.main-slider-two__title__inner::before {
  top: 0;
  right: 0;
}
.main-slider-two__title__inner::after {
  top: 0;
  left: 0;
}
.main-slider-two__description {
  margin-bottom: 31px;
  padding-right: 60px;
  overflow: hidden;
}
@media (max-width: 1599px) {
  .main-slider-two__description {
    padding-right: 0px;
  }
}
.main-slider-two__text {
  margin-bottom: 0;
  font-size: 17px;
  color: var(--insuba-white, #ffffff);
  opacity: 0;
  transform: translateY(-150px);
  transition: transform 1400ms ease, opacity 1400ms ease;
}
@media (max-width: 767px) {
  .main-slider-two__text {
    font-size: 16px;
  }
}
.main-slider-two__button {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 30px;
}
.main-slider-two__button__inner {
  overflow: hidden;
}
.main-slider-two__btn, .main-slider-two__call {
  opacity: 0;
  transform: translateY(-150px);
  transition: transform 1400ms ease, opacity 1400ms ease;
}
.main-slider-two__btn {
  color: var(--insuba-black4, #0f3564);
  background-color: var(--insuba-white, #ffffff);
}
.main-slider-two__btn::after {
  background-color: var(--insuba-base, #0365d3);
}
.main-slider-two__btn .insuba-btn__icon-box {
  background-color: var(--insuba-base, #0365d3);
}
.main-slider-two__btn:hover {
  color: var(--insuba-white, #ffffff);
}
.main-slider-two__btn:hover .insuba-btn__icon-box {
  background-color: var(--insuba-black3, #19232b);
}
.main-slider-two__call {
  display: flex;
  align-items: center;
  gap: 19px;
}
.main-slider-two__call__icon {
  width: 52px;
  height: 52px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  background-color: var(--insuba-white, #ffffff);
  border-radius: 50%;
  font-size: 20px;
  color: var(--insuba-base, #0365d3);
  transition: all 500ms ease;
}
.main-slider-two__call__icon svg {
  width: 1em;
  height: 1em;
  fill: currentColor;
}
.main-slider-two__call:hover .main-slider-two__call__icon {
  color: var(--insuba-white, #ffffff);
  background-color: var(--insuba-base, #0365d3);
}
.main-slider-two__call__title {
  margin: 0;
  font-size: 17px;
  color: var(--insuba-white, #ffffff);
}
.main-slider-two__call__number {
  font-size: 17px;
  color: var(--insuba-white, #ffffff);
  background: linear-gradient(to right, currentcolor 0%, currentcolor 100%) 0px 95%/0px 1px no-repeat;
  transition: all 500ms ease;
}
.main-slider-two__call__number:hover {
  background-size: 100% 1px;
}
.main-slider-two__call__number:hover {
  color: var(--insuba-base, #0365d3);
}
.main-slider-two__shape-one {
  position: absolute;
  left: -100%;
  bottom: 104px;
  opacity: 0;
  animation: moveHorizontal2 2s infinite linear;
}
.main-slider-two__shape-two {
  position: absolute;
  left: -100%;
  bottom: 194px;
  opacity: 0;
  animation: zump 2s infinite linear;
}
@media (max-width: 1799px) {
  .main-slider-two__shape-two {
    max-width: 180px !important;
  }
}
@media (max-width: 1599px) {
  .main-slider-two__shape-two {
    bottom: 100px;
  }
}
@media (max-width: 1599px) {
  .main-slider-two__shape-two {
    bottom: 100px;
  }
}
@media (max-width: 1199px) {
  .main-slider-two__shape-two {
    bottom: 150px;
  }
}
@media (max-width: 767px) {
  .main-slider-two__shape-two {
    bottom: 170px;
  }
}
.main-slider-two .active .main-slider-two__image__bg__inner {
  transform: scale(1.15);
}
.main-slider-two .active .main-slider-two__rating-box,
.main-slider-two .active .main-slider-two__title__inner,
.main-slider-two .active .main-slider-two__text,
.main-slider-two .active .main-slider-two__btn,
.main-slider-two .active .main-slider-two__call {
  opacity: 1;
  transform: translateY(0);
}
.main-slider-two .active .main-slider-two__top__star {
  opacity: 1;
  transition-delay: 1000ms;
}
.main-slider-two .active .main-slider-two__title__inner {
  transition-delay: 500ms;
}
.main-slider-two .active .main-slider-two__title__inner::before, .main-slider-two .active .main-slider-two__title__inner::after {
  transition-delay: 2500ms;
}
.main-slider-two .active .main-slider-two__title__inner::before {
  top: 0;
  right: 105%;
}
.main-slider-two .active .main-slider-two__title__inner::after {
  top: 0;
  left: 105%;
}
.main-slider-two .active .main-slider-two__text {
  transition-delay: 800ms;
}
.main-slider-two .active .main-slider-two__btn {
  transition-delay: 1100ms;
}
.main-slider-two .active .main-slider-two__call {
  transition-delay: 1300ms;
}
.main-slider-two .active .main-slider-two__image__shape {
  right: 0;
  opacity: 1;
  transition: all 1500ms ease;
}
.main-slider-two .active .main-slider-two__shape-one,
.main-slider-two .active .main-slider-two__shape-two {
  left: 0;
  opacity: 1;
  transition: all 1500ms ease;
}
.main-slider-two .active .main-slider-two__shape-two {
  transition-delay: 300ms;
}

.main-slider-three {
  position: relative;
  background-color: var(--insuba-white, #ffffff);
  z-index: 1;
}
.main-slider-three__carousel {
  position: relative;
}
.main-slider-three__carousel.owl-carousel .owl-dots {
  margin: 0 !important;
  position: absolute;
  left: 50%;
  bottom: 100px;
  transform: translateX(-50%);
}
@media (min-width: 1350px) {
  .main-slider-three__carousel.owl-carousel .owl-dots {
    top: calc(50% + 20px);
    left: auto;
    right: 34px;
    transform: translateY(-50%) translateX(0%);
    flex-direction: column;
  }
}
@media (min-width: 1600px) {
  .main-slider-three__carousel.owl-carousel .owl-dots {
    right: 60px;
  }
}
.main-slider-three__carousel.owl-carousel .owl-dots .owl-dot {
  border-color: var(--insuba-white, #ffffff);
}
@media (max-width: 1349px) {
  .main-slider-three__carousel.owl-carousel .owl-dots .owl-dot {
    border-color: var(--insuba-base, #0365d3);
  }
}
.main-slider-three__carousel.owl-carousel .owl-dots .owl-dot::after {
  content: "";
  width: 6px;
  height: 6px;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) scale(0);
  background-color: var(--insuba-base, #0365d3);
  transition: all 500ms ease;
}
@media (max-width: 1349px) {
  .main-slider-three__carousel.owl-carousel .owl-dots .owl-dot::after {
    background-color: var(--insuba-white, #ffffff);
  }
}
.main-slider-three__carousel.owl-carousel .owl-dots .owl-dot:hover, .main-slider-three__carousel.owl-carousel .owl-dots .owl-dot.active {
  border-color: var(--insuba-white, #ffffff);
  background-color: var(--insuba-white, #ffffff);
}
@media (max-width: 1349px) {
  .main-slider-three__carousel.owl-carousel .owl-dots .owl-dot:hover, .main-slider-three__carousel.owl-carousel .owl-dots .owl-dot.active {
    border-color: var(--insuba-base, #0365d3);
    background-color: var(--insuba-base, #0365d3);
  }
}
.main-slider-three__carousel.owl-carousel .owl-dots .owl-dot:hover::after, .main-slider-three__carousel.owl-carousel .owl-dots .owl-dot.active::after {
  transform: translate(-50%, -50%) scale(1);
}
.main-slider-three__item {
  position: relative;
  padding-top: 288px;
  padding-bottom: 248px;
  background-color: var(--insuba-white, #ffffff);
}
@media (max-width: 1399px) {
  .main-slider-three__item {
    padding-bottom: 350px;
  }
}
@media (max-width: 1199px) {
  .main-slider-three__item {
    padding-bottom: 300px;
  }
}
@media (max-width: 430px) {
  .main-slider-three__item {
    padding-top: 250px;
  }
}
@media (max-width: 390px) {
  .main-slider-three__item {
    padding-top: 230px;
  }
}
.main-slider-three__bg-1 {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: calc(100% - 31px);
  background-color: var(--insuba-blue2, #0759b4);
  -webkit-mask: url('data:image/svg+xml;utf8,<svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 900.000000 414.000000"><g transform="translate(0.000000,414.000000) scale(0.100000,-0.100000)" stroke="none"> <path d="M0 2070 c0 -1139 2 -2070 4 -2070 2 0 39 17 82 39 110 54 208 99 321 148 21 9 47 20 57 26 11 5 31 13 45 17 14 5 51 18 81 30 30 12 66 25 80 30 14 5 50 18 80 30 30 12 69 25 85 30 17 5 46 14 65 21 19 6 51 17 70 24 19 7 62 20 95 30 33 10 80 23 105 31 25 7 72 19 105 28 33 8 80 20 105 27 25 7 63 15 85 19 22 4 60 12 85 18 110 27 342 65 535 88 200 24 710 23 890 -1 170 -22 356 -58 475 -91 141 -39 208 -56 458 -118 31 -8 84 -21 117 -30 98 -24 175 -42 260 -61 44 -9 103 -23 131 -31 28 -8 61 -14 74 -14 13 0 46 -6 74 -14 57 -16 145 -34 221 -46 28 -4 77 -13 110 -20 369 -73 837 -138 1255 -174 530 -46 1112 -48 1515 -5 55 6 136 14 180 19 104 10 320 46 425 72 25 6 63 14 85 18 22 3 56 11 75 17 19 6 62 19 95 28 33 9 74 21 90 27 17 5 44 14 60 18 36 10 109 37 133 49 19 9 63 29 140 63 l52 23 0 1887 0 1888 -4500 0 -4500 0 0 -2070z"/> </g> </svg>');
  mask: url('data:image/svg+xml;utf8,<svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 900.000000 414.000000"><g transform="translate(0.000000,414.000000) scale(0.100000,-0.100000)" stroke="none"> <path d="M0 2070 c0 -1139 2 -2070 4 -2070 2 0 39 17 82 39 110 54 208 99 321 148 21 9 47 20 57 26 11 5 31 13 45 17 14 5 51 18 81 30 30 12 66 25 80 30 14 5 50 18 80 30 30 12 69 25 85 30 17 5 46 14 65 21 19 6 51 17 70 24 19 7 62 20 95 30 33 10 80 23 105 31 25 7 72 19 105 28 33 8 80 20 105 27 25 7 63 15 85 19 22 4 60 12 85 18 110 27 342 65 535 88 200 24 710 23 890 -1 170 -22 356 -58 475 -91 141 -39 208 -56 458 -118 31 -8 84 -21 117 -30 98 -24 175 -42 260 -61 44 -9 103 -23 131 -31 28 -8 61 -14 74 -14 13 0 46 -6 74 -14 57 -16 145 -34 221 -46 28 -4 77 -13 110 -20 369 -73 837 -138 1255 -174 530 -46 1112 -48 1515 -5 55 6 136 14 180 19 104 10 320 46 425 72 25 6 63 14 85 18 22 3 56 11 75 17 19 6 62 19 95 28 33 9 74 21 90 27 17 5 44 14 60 18 36 10 109 37 133 49 19 9 63 29 140 63 l52 23 0 1887 0 1888 -4500 0 -4500 0 0 -2070z"/> </g> </svg>');
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center center;
  mask-position: center center;
  -webkit-mask-size: cover;
  mask-size: cover;
  z-index: 1;
}
.main-slider-three__bg-2 {
  position: relative;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: calc(100% - 31px);
  background: linear-gradient(0deg, var(--insuba-black3, #19232b) 0%, var(--insuba-base, #0365d3) 100%);
  -webkit-mask: url('data:image/svg+xml;utf8,<svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 900.000000 414.000000"><g transform="translate(0.000000,414.000000) scale(0.100000,-0.100000)" stroke="none"> <path d="M0 2069 c0 -1139 3 -2069 8 -2067 4 1 63 30 132 64 114 56 165 79 258 119 18 8 47 21 65 28 17 8 52 22 77 32 25 9 56 22 70 27 14 6 36 14 50 18 14 5 50 18 80 30 30 12 69 25 85 30 17 5 46 14 65 21 19 6 51 17 70 24 33 12 103 33 200 60 25 7 68 20 96 29 29 9 58 16 67 16 8 0 37 6 63 14 117 34 387 84 619 116 225 30 841 36 963 9 24 -5 80 -14 125 -19 112 -13 152 -21 372 -77 80 -20 160 -42 215 -59 25 -8 55 -14 68 -14 13 0 32 -5 43 -11 11 -6 41 -14 67 -19 51 -10 143 -31 207 -48 99 -26 577 -123 670 -136 17 -2 59 -9 95 -16 60 -10 103 -17 320 -51 41 -6 111 -15 155 -19 44 -4 123 -13 175 -19 357 -41 445 -45 930 -45 393 0 514 3 640 17 346 39 512 65 770 123 114 26 337 89 423 120 118 44 194 72 232 89 53 22 299 146 330 165 17 11 37 23 45 27 8 3 41 26 72 50 31 24 61 43 67 43 8 0 11 493 11 1700 l0 1700 -4500 0 -4500 0 0 -2071z"/> </g> </svg>');
  mask: url('data:image/svg+xml;utf8,<svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 900.000000 414.000000"><g transform="translate(0.000000,414.000000) scale(0.100000,-0.100000)" stroke="none"> <path d="M0 2069 c0 -1139 3 -2069 8 -2067 4 1 63 30 132 64 114 56 165 79 258 119 18 8 47 21 65 28 17 8 52 22 77 32 25 9 56 22 70 27 14 6 36 14 50 18 14 5 50 18 80 30 30 12 69 25 85 30 17 5 46 14 65 21 19 6 51 17 70 24 33 12 103 33 200 60 25 7 68 20 96 29 29 9 58 16 67 16 8 0 37 6 63 14 117 34 387 84 619 116 225 30 841 36 963 9 24 -5 80 -14 125 -19 112 -13 152 -21 372 -77 80 -20 160 -42 215 -59 25 -8 55 -14 68 -14 13 0 32 -5 43 -11 11 -6 41 -14 67 -19 51 -10 143 -31 207 -48 99 -26 577 -123 670 -136 17 -2 59 -9 95 -16 60 -10 103 -17 320 -51 41 -6 111 -15 155 -19 44 -4 123 -13 175 -19 357 -41 445 -45 930 -45 393 0 514 3 640 17 346 39 512 65 770 123 114 26 337 89 423 120 118 44 194 72 232 89 53 22 299 146 330 165 17 11 37 23 45 27 8 3 41 26 72 50 31 24 61 43 67 43 8 0 11 493 11 1700 l0 1700 -4500 0 -4500 0 0 -2071z"/> </g> </svg>');
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center center;
  mask-position: center center;
  -webkit-mask-size: cover;
  mask-size: cover;
  z-index: 2;
}
.main-slider-three__bg-2__image {
  position: absolute;
  right: 108px;
  bottom: -15px;
  visibility: hidden;
  opacity: 0;
  transform: translateX(100%);
}
@media (max-width: 991px) {
  .main-slider-three__bg-2__image.slider-image {
    display: none !important;
  }
}
.main-slider-three__bg-3 {
  width: 1178px;
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
  background-color: RGBA(var(--insuba-blue2-rgb, 7, 89, 180), 0.53);
  -webkit-mask: url('data:image/svg+xml;utf8,<svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 900.000000 696.000000"><g transform="translate(0.000000,696.000000) scale(0.100000,-0.100000)" stroke="none"> <path d="M8965 6940 c-3 -11 -11 -20 -16 -20 -5 0 -22 -9 -37 -19 -44 -31 -326 -216 -336 -220 -4 -2 -37 -23 -72 -47 -35 -24 -66 -44 -69 -44 -3 0 -34 -20 -71 -45 -36 -25 -67 -45 -69 -45 -1 0 -53 -34 -115 -75 -62 -41 -114 -75 -115 -75 -2 0 -33 -20 -69 -45 -37 -25 -68 -45 -70 -45 -3 0 -33 -20 -68 -43 -35 -24 -68 -46 -73 -48 -10 -4 -235 -151 -383 -250 -40 -27 -75 -49 -77 -49 -3 0 -34 -20 -71 -45 -36 -25 -67 -45 -69 -45 -1 0 -53 -34 -115 -75 -62 -41 -114 -75 -115 -75 -2 0 -33 -20 -69 -45 -37 -25 -68 -45 -70 -45 -3 0 -34 -20 -70 -45 -37 -25 -68 -45 -70 -45 -2 0 -54 -34 -115 -75 -62 -41 -113 -75 -115 -75 -2 0 -54 -34 -116 -75 -62 -41 -114 -75 -116 -75 -2 0 -33 -20 -70 -45 -36 -25 -67 -45 -69 -45 -1 0 -53 -34 -115 -75 -62 -41 -114 -75 -115 -75 -2 0 -32 -20 -67 -43 -35 -24 -68 -46 -73 -48 -6 -2 -50 -31 -100 -63 -49 -33 -139 -92 -200 -131 -60 -40 -150 -99 -200 -131 -49 -32 -94 -61 -100 -63 -5 -2 -38 -24 -73 -48 -35 -23 -65 -43 -67 -43 -1 0 -53 -34 -115 -75 -62 -41 -114 -75 -115 -75 -2 0 -33 -20 -69 -45 -37 -25 -68 -45 -70 -45 -3 0 -34 -20 -70 -45 -37 -25 -68 -45 -70 -45 -2 0 -54 -34 -115 -75 -62 -41 -113 -75 -115 -75 -2 0 -54 -34 -116 -75 -62 -41 -114 -75 -116 -75 -2 0 -33 -20 -70 -45 -36 -25 -67 -45 -69 -45 -1 0 -53 -34 -115 -75 -62 -41 -114 -75 -115 -75 -2 0 -33 -20 -69 -45 -37 -25 -68 -45 -70 -45 -4 0 -141 -89 -294 -191 -40 -27 -74 -49 -76 -49 -2 0 -54 -34 -116 -75 -62 -41 -114 -75 -116 -75 -2 0 -33 -20 -70 -45 -36 -25 -67 -45 -69 -45 -1 0 -53 -34 -115 -75 -62 -41 -114 -75 -115 -75 -2 0 -33 -20 -69 -45 -37 -25 -68 -45 -71 -45 -3 0 -34 -20 -71 -45 -36 -25 -67 -45 -69 -45 -1 0 -53 -34 -114 -75 -62 -41 -113 -75 -115 -75 -2 0 -54 -34 -116 -75 -62 -41 -114 -75 -116 -75 -2 0 -33 -20 -70 -45 -36 -25 -67 -45 -69 -45 -1 0 -53 -34 -115 -75 -62 -41 -114 -75 -115 -75 -2 0 -33 -20 -69 -45 -37 -25 -68 -45 -70 -45 -3 0 -34 -20 -70 -45 -37 -25 -68 -45 -70 -45 -2 0 -54 -34 -116 -75 -62 -41 -113 -75 -115 -75 -2 0 -53 -34 -115 -75 -62 -41 -114 -75 -116 -75 -2 0 -33 -20 -70 -45 -36 -25 -67 -45 -69 -45 -1 0 -53 -34 -115 -75 -62 -41 -114 -75 -115 -75 -2 0 -33 -20 -69 -45 -37 -25 -68 -45 -70 -45 -8 0 -124 -81 -136 -95 -10 -12 -10 -16 1 -19 15 -4 109 -29 199 -53 124 -33 167 -45 211 -59 26 -8 54 -14 64 -14 10 0 38 -7 64 -15 25 -8 74 -21 109 -30 153 -37 190 -47 232 -61 25 -8 54 -14 65 -14 11 0 40 -6 65 -14 45 -14 113 -31 180 -46 34 -7 71 -16 190 -45 30 -8 87 -21 125 -30 39 -9 95 -22 125 -30 30 -7 91 -21 135 -30 44 -9 105 -23 135 -30 30 -7 91 -21 135 -30 143 -30 209 -44 260 -56 28 -7 70 -15 95 -19 25 -4 65 -12 90 -18 51 -12 154 -33 280 -57 47 -9 117 -22 155 -30 39 -8 106 -21 150 -29 44 -8 109 -20 145 -27 36 -7 88 -15 115 -19 55 -7 142 -23 250 -46 39 -8 81 -14 95 -14 14 0 61 -6 105 -14 44 -8 119 -22 166 -30 48 -9 100 -16 115 -16 16 0 65 -6 109 -15 44 -8 133 -21 198 -30 64 -8 168 -22 230 -30 340 -45 795 -92 1017 -106 85 -5 162 -12 169 -15 67 -24 1522 -41 1881 -21 304 16 746 70 927 113 34 7 71 14 84 14 21 0 84 16 179 45 25 8 64 17 88 21 l42 7 0 3373 c0 2922 -2 3374 -14 3374 -8 0 -18 -9 -21 -20z"/> </g> </svg>');
  mask: url('data:image/svg+xml;utf8,<svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 900.000000 696.000000"><g transform="translate(0.000000,696.000000) scale(0.100000,-0.100000)" stroke="none"> <path d="M8965 6940 c-3 -11 -11 -20 -16 -20 -5 0 -22 -9 -37 -19 -44 -31 -326 -216 -336 -220 -4 -2 -37 -23 -72 -47 -35 -24 -66 -44 -69 -44 -3 0 -34 -20 -71 -45 -36 -25 -67 -45 -69 -45 -1 0 -53 -34 -115 -75 -62 -41 -114 -75 -115 -75 -2 0 -33 -20 -69 -45 -37 -25 -68 -45 -70 -45 -3 0 -33 -20 -68 -43 -35 -24 -68 -46 -73 -48 -10 -4 -235 -151 -383 -250 -40 -27 -75 -49 -77 -49 -3 0 -34 -20 -71 -45 -36 -25 -67 -45 -69 -45 -1 0 -53 -34 -115 -75 -62 -41 -114 -75 -115 -75 -2 0 -33 -20 -69 -45 -37 -25 -68 -45 -70 -45 -3 0 -34 -20 -70 -45 -37 -25 -68 -45 -70 -45 -2 0 -54 -34 -115 -75 -62 -41 -113 -75 -115 -75 -2 0 -54 -34 -116 -75 -62 -41 -114 -75 -116 -75 -2 0 -33 -20 -70 -45 -36 -25 -67 -45 -69 -45 -1 0 -53 -34 -115 -75 -62 -41 -114 -75 -115 -75 -2 0 -32 -20 -67 -43 -35 -24 -68 -46 -73 -48 -6 -2 -50 -31 -100 -63 -49 -33 -139 -92 -200 -131 -60 -40 -150 -99 -200 -131 -49 -32 -94 -61 -100 -63 -5 -2 -38 -24 -73 -48 -35 -23 -65 -43 -67 -43 -1 0 -53 -34 -115 -75 -62 -41 -114 -75 -115 -75 -2 0 -33 -20 -69 -45 -37 -25 -68 -45 -70 -45 -3 0 -34 -20 -70 -45 -37 -25 -68 -45 -70 -45 -2 0 -54 -34 -115 -75 -62 -41 -113 -75 -115 -75 -2 0 -54 -34 -116 -75 -62 -41 -114 -75 -116 -75 -2 0 -33 -20 -70 -45 -36 -25 -67 -45 -69 -45 -1 0 -53 -34 -115 -75 -62 -41 -114 -75 -115 -75 -2 0 -33 -20 -69 -45 -37 -25 -68 -45 -70 -45 -4 0 -141 -89 -294 -191 -40 -27 -74 -49 -76 -49 -2 0 -54 -34 -116 -75 -62 -41 -114 -75 -116 -75 -2 0 -33 -20 -70 -45 -36 -25 -67 -45 -69 -45 -1 0 -53 -34 -115 -75 -62 -41 -114 -75 -115 -75 -2 0 -33 -20 -69 -45 -37 -25 -68 -45 -71 -45 -3 0 -34 -20 -71 -45 -36 -25 -67 -45 -69 -45 -1 0 -53 -34 -114 -75 -62 -41 -113 -75 -115 -75 -2 0 -54 -34 -116 -75 -62 -41 -114 -75 -116 -75 -2 0 -33 -20 -70 -45 -36 -25 -67 -45 -69 -45 -1 0 -53 -34 -115 -75 -62 -41 -114 -75 -115 -75 -2 0 -33 -20 -69 -45 -37 -25 -68 -45 -70 -45 -3 0 -34 -20 -70 -45 -37 -25 -68 -45 -70 -45 -2 0 -54 -34 -116 -75 -62 -41 -113 -75 -115 -75 -2 0 -53 -34 -115 -75 -62 -41 -114 -75 -116 -75 -2 0 -33 -20 -70 -45 -36 -25 -67 -45 -69 -45 -1 0 -53 -34 -115 -75 -62 -41 -114 -75 -115 -75 -2 0 -33 -20 -69 -45 -37 -25 -68 -45 -70 -45 -8 0 -124 -81 -136 -95 -10 -12 -10 -16 1 -19 15 -4 109 -29 199 -53 124 -33 167 -45 211 -59 26 -8 54 -14 64 -14 10 0 38 -7 64 -15 25 -8 74 -21 109 -30 153 -37 190 -47 232 -61 25 -8 54 -14 65 -14 11 0 40 -6 65 -14 45 -14 113 -31 180 -46 34 -7 71 -16 190 -45 30 -8 87 -21 125 -30 39 -9 95 -22 125 -30 30 -7 91 -21 135 -30 44 -9 105 -23 135 -30 30 -7 91 -21 135 -30 143 -30 209 -44 260 -56 28 -7 70 -15 95 -19 25 -4 65 -12 90 -18 51 -12 154 -33 280 -57 47 -9 117 -22 155 -30 39 -8 106 -21 150 -29 44 -8 109 -20 145 -27 36 -7 88 -15 115 -19 55 -7 142 -23 250 -46 39 -8 81 -14 95 -14 14 0 61 -6 105 -14 44 -8 119 -22 166 -30 48 -9 100 -16 115 -16 16 0 65 -6 109 -15 44 -8 133 -21 198 -30 64 -8 168 -22 230 -30 340 -45 795 -92 1017 -106 85 -5 162 -12 169 -15 67 -24 1522 -41 1881 -21 304 16 746 70 927 113 34 7 71 14 84 14 21 0 84 16 179 45 25 8 64 17 88 21 l42 7 0 3373 c0 2922 -2 3374 -14 3374 -8 0 -18 -9 -21 -20z"/> </g> </svg>');
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center center;
  mask-position: center center;
  -webkit-mask-size: auto;
  mask-size: auto;
  z-index: 1;
}
@media (max-width: 1599px) {
  .main-slider-three__bg-3 {
    display: none;
  }
}
.main-slider-three .container {
  position: relative;
  z-index: 4;
}
@media (max-width: 1199px) {
  .main-slider-three__row {
    flex-direction: column-reverse;
  }
}
.main-slider-three__image {
  position: relative;
  position: absolute;
  left: -48px;
  bottom: -200px;
  visibility: hidden;
  opacity: 0;
  transform: translateX(-100%);
  z-index: 1;
}
@media (max-width: 1599px) {
  .main-slider-three__image {
    left: -30px;
  }
}
@media (max-width: 1399px) {
  .main-slider-three__image {
    left: 40px;
  }
}
@media (min-width: 1200px) and (max-width: 1299px) {
  .main-slider-three__image {
    left: 75px;
  }
}
@media (max-width: 1199px) {
  .main-slider-three__image {
    margin-left: 66px;
    display: table;
    position: relative;
    left: 0;
    bottom: 0;
  }
}
@media (max-width: 767px) {
  .main-slider-three__image {
    margin-left: 25px;
  }
}
@media (max-width: 575px) {
  .main-slider-three__image {
    margin-left: 0;
  }
}
.main-slider-three__image::before {
  content: "";
  width: 536px;
  height: 539px;
  background-image: url(../images/shapes/main-slider-shape-3-5.png);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 100% 100%;
  position: absolute;
  left: 44%;
  bottom: 19px;
  transform: translateX(-50%);
  z-index: 1;
}
@media (max-width: 767px) {
  .main-slider-three__image::before {
    width: 500px;
    height: 500px;
    left: 48%;
  }
}
@media (max-width: 575px) {
  .main-slider-three__image::before {
    display: none;
  }
}
.main-slider-three__image::after {
  content: "";
  width: 551px;
  height: 553px;
  position: absolute;
  left: 44%;
  bottom: 14px;
  transform: translateX(-50%);
  background-color: var(--insuba-white, #ffffff);
  z-index: 2;
  -webkit-mask: url('data:image/svg+xml;utf8,<svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 900.000000 903.000000"><g transform="translate(0.000000,903.000000) scale(0.100000,-0.100000)" stroke="none"> <path d="M4165 9015 c-7 -9 -35 -16 -80 -20 -106 -9 -317 -51 -470 -96 -38 -11 -83 -24 -100 -29 -29 -8 -64 -20 -135 -45 -169 -61 -487 -214 -633 -303 -37 -23 -69 -42 -72 -42 -5 0 -187 -123 -305 -206 -538 -380 -1234 -1112 -1657 -1744 -113 -168 -165 -250 -179 -280 -4 -8 -17 -31 -29 -50 -74 -120 -196 -365 -254 -510 -23 -56 -36 -86 -65 -153 -9 -21 -16 -44 -16 -52 0 -8 -6 -29 -14 -47 -18 -45 -49 -149 -90 -313 -17 -68 -40 -202 -56 -320 -13 -104 -13 -565 1 -674 16 -134 49 -295 93 -451 25 -93 66 -207 131 -365 38 -92 135 -292 173 -355 12 -19 28 -48 37 -65 35 -69 215 -338 300 -449 196 -257 333 -412 600 -680 208 -209 437 -418 601 -550 28 -23 95 -77 150 -121 154 -125 285 -222 457 -339 136 -91 370 -237 417 -259 8 -4 42 -22 75 -40 89 -50 192 -102 260 -132 33 -15 78 -35 100 -45 22 -10 76 -32 120 -50 44 -17 95 -38 113 -46 18 -8 39 -14 47 -14 8 0 29 -6 47 -14 31 -13 54 -20 193 -59 28 -8 86 -22 130 -32 44 -9 100 -22 125 -27 91 -21 202 -29 470 -35 279 -5 387 1 555 33 163 31 255 55 390 101 39 14 79 27 90 30 11 2 34 11 50 18 17 7 50 21 75 31 43 16 343 162 385 187 11 7 43 25 70 41 197 115 520 351 724 531 156 138 585 578 697 715 16 19 31 37 34 40 4 3 37 43 75 90 38 47 72 87 76 90 27 24 340 458 406 566 7 10 30 48 53 84 57 90 56 89 89 146 149 263 245 463 331 694 18 47 38 101 45 120 70 187 154 549 171 743 4 45 11 70 20 74 21 8 21 591 -1 607 -10 7 -18 43 -24 106 -10 104 -25 187 -47 266 -8 28 -14 59 -14 70 0 10 -6 36 -14 59 -7 22 -21 67 -31 100 -24 81 -50 159 -75 225 -12 30 -25 67 -30 81 -4 14 -12 34 -18 45 -6 10 -23 46 -37 79 -35 78 -126 260 -154 305 -11 19 -24 42 -28 50 -3 8 -18 33 -32 55 -38 59 -49 78 -58 95 -7 16 -53 83 -153 225 -312 445 -842 973 -1387 1383 -125 94 -291 212 -298 212 -2 0 -32 19 -67 43 -231 158 -597 346 -883 454 -93 36 -115 43 -210 71 -243 72 -441 114 -598 128 -45 4 -70 10 -74 20 -8 21 -574 21 -588 -1z"/> </g> </svg>');
  mask: url('data:image/svg+xml;utf8,<svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 900.000000 903.000000"><g transform="translate(0.000000,903.000000) scale(0.100000,-0.100000)" stroke="none"> <path d="M4165 9015 c-7 -9 -35 -16 -80 -20 -106 -9 -317 -51 -470 -96 -38 -11 -83 -24 -100 -29 -29 -8 -64 -20 -135 -45 -169 -61 -487 -214 -633 -303 -37 -23 -69 -42 -72 -42 -5 0 -187 -123 -305 -206 -538 -380 -1234 -1112 -1657 -1744 -113 -168 -165 -250 -179 -280 -4 -8 -17 -31 -29 -50 -74 -120 -196 -365 -254 -510 -23 -56 -36 -86 -65 -153 -9 -21 -16 -44 -16 -52 0 -8 -6 -29 -14 -47 -18 -45 -49 -149 -90 -313 -17 -68 -40 -202 -56 -320 -13 -104 -13 -565 1 -674 16 -134 49 -295 93 -451 25 -93 66 -207 131 -365 38 -92 135 -292 173 -355 12 -19 28 -48 37 -65 35 -69 215 -338 300 -449 196 -257 333 -412 600 -680 208 -209 437 -418 601 -550 28 -23 95 -77 150 -121 154 -125 285 -222 457 -339 136 -91 370 -237 417 -259 8 -4 42 -22 75 -40 89 -50 192 -102 260 -132 33 -15 78 -35 100 -45 22 -10 76 -32 120 -50 44 -17 95 -38 113 -46 18 -8 39 -14 47 -14 8 0 29 -6 47 -14 31 -13 54 -20 193 -59 28 -8 86 -22 130 -32 44 -9 100 -22 125 -27 91 -21 202 -29 470 -35 279 -5 387 1 555 33 163 31 255 55 390 101 39 14 79 27 90 30 11 2 34 11 50 18 17 7 50 21 75 31 43 16 343 162 385 187 11 7 43 25 70 41 197 115 520 351 724 531 156 138 585 578 697 715 16 19 31 37 34 40 4 3 37 43 75 90 38 47 72 87 76 90 27 24 340 458 406 566 7 10 30 48 53 84 57 90 56 89 89 146 149 263 245 463 331 694 18 47 38 101 45 120 70 187 154 549 171 743 4 45 11 70 20 74 21 8 21 591 -1 607 -10 7 -18 43 -24 106 -10 104 -25 187 -47 266 -8 28 -14 59 -14 70 0 10 -6 36 -14 59 -7 22 -21 67 -31 100 -24 81 -50 159 -75 225 -12 30 -25 67 -30 81 -4 14 -12 34 -18 45 -6 10 -23 46 -37 79 -35 78 -126 260 -154 305 -11 19 -24 42 -28 50 -3 8 -18 33 -32 55 -38 59 -49 78 -58 95 -7 16 -53 83 -153 225 -312 445 -842 973 -1387 1383 -125 94 -291 212 -298 212 -2 0 -32 19 -67 43 -231 158 -597 346 -883 454 -93 36 -115 43 -210 71 -243 72 -441 114 -598 128 -45 4 -70 10 -74 20 -8 21 -574 21 -588 -1z"/> </g> </svg>');
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center center;
  mask-position: center center;
  -webkit-mask-size: auto;
  mask-size: auto;
}
@media (max-width: 767px) {
  .main-slider-three__image::after {
    width: 510px;
    height: 515px;
    left: 48%;
  }
}
@media (max-width: 575px) {
  .main-slider-three__image::after {
    display: none;
  }
}
.main-slider-three__image__one {
  position: relative;
  z-index: 3;
}
.main-slider-three__image__shape {
  position: absolute;
  top: 53px;
  right: -50px;
  animation: zump 2s linear infinite;
}
@media (max-width: 767px) {
  .main-slider-three__image__shape {
    right: -30px;
  }
}
@media (max-width: 575px) {
  .main-slider-three__image__shape {
    right: 0;
  }
}
.main-slider-three__client {
  position: relative;
  margin-top: -35px;
  display: table;
  z-index: 4;
}
@media (max-width: 575px) {
  .main-slider-three__client {
    display: block;
  }
}
.main-slider-three__client__inner {
  padding: 25px;
  display: flex;
  align-items: center;
  background-color: var(--insuba-base, #0365d3);
  border-radius: 54px;
}
@media (max-width: 575px) {
  .main-slider-three__client__inner {
    flex-direction: column;
    align-items: flex-start;
  }
}
.main-slider-three__client__images {
  display: flex;
  align-items: center;
}
.main-slider-three__client__images img {
  width: 58px !important;
  height: 58px;
  border-radius: 50%;
  border: 2px solid var(--insuba-white, #ffffff);
}
.main-slider-three__client__images img:not(:first-child) {
  margin-left: -21px;
}
.main-slider-three__client__content {
  margin-left: 24px;
  margin-right: 29px;
}
@media (max-width: 575px) {
  .main-slider-three__client__content {
    margin: 25px 0;
  }
}
.main-slider-three__client__ratings {
  margin-bottom: 7px;
  display: flex;
  align-items: center;
  gap: 9px;
}
.main-slider-three__client__ratings__icon {
  position: relative;
  display: inline-flex;
  font-size: 16px;
  color: var(--insuba-white, #ffffff);
  transition: all 500ms ease;
}
.main-slider-three__client__ratings__icon svg {
  width: 1em;
  height: 1em;
  fill: currentColor;
}
.main-slider-three__client__text {
  margin: 0;
  color: var(--insuba-white, #ffffff);
  font-weight: 500;
  font-style: italic;
}
.main-slider-three__client__btn {
  width: 48px;
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  border-radius: 50%;
  background-color: var(--insuba-white, #ffffff);
}
.main-slider-three__client__btn__icon {
  display: inline-flex;
  font-size: 16px;
  color: var(--insuba-base, #0365d3);
}
.main-slider-three__client__btn__icon svg {
  width: 1em;
  height: 1em;
  fill: currentColor;
}
.main-slider-three__content {
  padding-left: 39px;
  position: relative;
  z-index: 2;
}
@media (max-width: 1399px) {
  .main-slider-three__content {
    padding-left: 125px;
  }
}
@media (max-width: 1199px) {
  .main-slider-three__content {
    padding-left: 0;
  }
}
.main-slider-three__content__shape-box {
  width: 58px;
  height: 58px;
  position: relative;
  position: absolute;
  left: -13px;
  bottom: -162px;
  border-radius: 50%;
  border: 9px solid var(--insuba-base, #0365d3);
  opacity: 0;
  transition: all 1200ms ease;
  animation: moveHorizontal 2s linear infinite;
}
@media (max-width: 1399px) {
  .main-slider-three__content__shape-box {
    left: 50px;
    bottom: -180px;
  }
}
@media (max-width: 1199px) {
  .main-slider-three__content__shape-box {
    left: 0;
    bottom: -100px;
  }
}
@media (max-width: 575px) {
  .main-slider-three__content__shape-box {
    width: 50px;
    height: 50px;
    bottom: -90px;
  }
}
.main-slider-three__content__shape-box::after {
  content: "";
  width: calc(100% + 11px);
  height: calc(100% + 11px);
  position: absolute;
  top: 13px;
  right: -40px;
  border: 2px solid RGBA(var(--insuba-base-rgb, 3, 101, 211), 0.2);
  border-radius: inherit;
}
@media (max-width: 575px) {
  .main-slider-three__content__shape-box::after {
    top: 15px;
    right: -20px;
  }
}
.main-slider-three__content__shape-one {
  position: absolute;
  top: -32px;
  left: 299px;
  z-index: -1;
  opacity: 0;
  transition: all 1200ms ease;
  animation: treeMove 6s ease infinite;
}
@media (max-width: 1399px) {
  .main-slider-three__content__shape-one {
    left: 380px;
  }
}
@media (max-width: 1199px) {
  .main-slider-three__content__shape-one {
    left: 255px;
  }
}
@media (max-width: 360px) {
  .main-slider-three__content__shape-one {
    top: -65px;
    left: 215px;
  }
}
.main-slider-three__top {
  overflow: hidden;
}
.main-slider-three__top__inner {
  margin-bottom: 21px;
  padding: 7px 25px 5px;
  display: inline-flex;
  gap: 15px;
  background-color: var(--insuba-white, #ffffff);
  border-radius: 30px;
  opacity: 0;
  transform: translateY(150px);
  transition: transform 1400ms ease, opacity 1400ms ease;
}
.main-slider-three__top__box {
  position: relative;
  top: 3px;
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  background-color: var(--insuba-base, #0365d3);
}
.main-slider-three__top__box::after {
  content: "";
  position: absolute;
  top: 50%;
  right: -6px;
  transform: translateY(-50%);
  width: 0px;
  height: 0px;
  border-style: solid;
  border-width: 4.5px 0 4.5px 7.8px;
  border-color: transparent transparent transparent var(--insuba-base, #0365d3);
}
.main-slider-three__top__box__inner {
  width: 10px;
  height: 10px;
  position: relative;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: var(--insuba-white, #ffffff);
}
.main-slider-three__top__box__inner::after {
  content: "";
  width: 6px;
  height: 6px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: var(--insuba-black5, #0f3667);
}
.main-slider-three__tagline {
  margin: 0;
  font-family: var(--insuba-font2, "Rubik", sans-serif);
  font-size: 18px;
  color: var(--insuba-base, #0365d3);
  font-weight: 500;
  text-transform: capitalize;
  line-height: 1.3;
}
.main-slider-three__title {
  overflow: hidden;
  position: relative;
  margin-bottom: 21px;
  font-size: 60px;
  color: var(--insuba-white, #ffffff);
  font-weight: 700;
  line-height: 1.25;
}
@media (max-width: 1399px) {
  .main-slider-three__title {
    font-size: 50px;
  }
}
@media (max-width: 767px) {
  .main-slider-three__title {
    font-size: 45px;
  }
}
@media (max-width: 575px) {
  .main-slider-three__title {
    font-size: 40px;
  }
}
@media (max-width: 430px) {
  .main-slider-three__title {
    font-size: 35px;
  }
}
.main-slider-three__title__text {
  position: relative;
  display: inline-block;
  font-weight: 400;
}
.main-slider-three__title__text::after {
  content: "";
  width: 100%;
  height: 2px;
  background-color: var(--insuba-white, #ffffff);
  position: absolute;
  left: 0;
  bottom: 7px;
}
.main-slider-three__title__inner {
  overflow: hidden;
  position: relative;
  display: table;
  opacity: 0;
  transform: translateY(200px);
  transition: transform 1600ms ease, opacity 1600ms ease;
}
.main-slider-three__description {
  margin-bottom: 31px;
  padding-right: 70px;
  overflow: hidden;
}
@media (max-width: 1399px) {
  .main-slider-three__description {
    padding-right: 0px;
    max-width: 700px;
  }
}
.main-slider-three__text {
  margin-bottom: 0;
  font-size: 17px;
  color: var(--insuba-white, #ffffff);
  opacity: 0;
  transform: translateY(150px);
  transition: transform 1400ms ease, opacity 1400ms ease;
}
@media (max-width: 767px) {
  .main-slider-three__text {
    font-size: 16px;
  }
}
.main-slider-three__button {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 31px;
}
.main-slider-three__button__inner {
  overflow: hidden;
}
.main-slider-three__btn-1 {
  color: var(--insuba-black3, #19232b);
  background-color: var(--insuba-white, #ffffff);
}
.main-slider-three__btn-1::after {
  background-color: var(--insuba-base, #0365d3);
}
.main-slider-three__btn-1 .insuba-btn__icon-box {
  background-color: var(--insuba-base, #0365d3);
}
.main-slider-three__btn-1:hover {
  color: var(--insuba-white, #ffffff);
}
.main-slider-three__btn-1:hover .insuba-btn__icon-box {
  background-color: var(--insuba-white, #ffffff);
}
.main-slider-three__btn-1:hover .insuba-btn__icon {
  color: var(--insuba-black3, #19232b);
}
.main-slider-three__btn-1, .main-slider-three__btn-2 {
  opacity: 0;
  transform: translateY(150px);
  transition: transform 1400ms ease, opacity 1400ms ease;
}
.main-slider-three .video-btn {
  width: 58px;
  height: 58px;
  font-size: 25px;
  color: var(--insuba-black6, #232323);
  background-color: RGBA(var(--insuba-white-rgb, 255, 255, 255), 0.47);
}
.main-slider-three .video-btn::after {
  content: "";
  width: 47px;
  height: 47px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  border-radius: 50%;
  background-color: var(--insuba-white, #ffffff);
  z-index: -1;
}
.main-slider-three .video-btn__ripple::before, .main-slider-three .video-btn__ripple::after {
  animation: none;
}
.main-slider-three__circle {
  width: 14px;
  height: 14px;
  background-color: var(--insuba-base, #0365d3);
  border-radius: 50%;
  opacity: 0;
  z-index: 3;
  transition: all 1000ms ease;
}
.main-slider-three__circle--1 {
  position: absolute;
  right: 331px;
  bottom: 390px;
  animation: animatedCircle 18s infinite linear;
}
.main-slider-three__circle--2 {
  position: absolute;
  right: 35px;
  bottom: 268px;
  animation: bubbleMover 10s infinite linear;
}
.main-slider-three__circle--3 {
  position: absolute;
  right: 513px;
  bottom: 113px;
  background-color: var(--insuba-white, #ffffff);
  animation: squareMover 10s infinite linear;
}
.main-slider-three__shape-one {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 3;
  animation: moveHorizontal2 2s linear infinite;
}
@media (max-width: 1199px) {
  .main-slider-three__shape-one.slider-image {
    display: none !important;
  }
}
.main-slider-three__shape-two {
  position: absolute;
  top: 199px;
  right: 71px;
  opacity: 0;
  z-index: 3;
  animation: textRotate 5s infinite linear;
}
@media (max-width: 767px) {
  .main-slider-three__shape-two {
    top: 160px;
    right: 50px;
  }
}
@media (max-width: 575px) {
  .main-slider-three__shape-two {
    top: 150px;
    right: 30px;
  }
}
@media (max-width: 430px) {
  .main-slider-three__shape-two.slider-image {
    display: none !important;
  }
}
.main-slider-three .active .main-slider-three__image {
  opacity: 1;
  transform: translateX(0);
  visibility: visible;
  transition: transform 1200ms ease, opacity 1200ms ease;
}
.main-slider-three .active .main-slider-three__top__inner,
.main-slider-three .active .main-slider-three__title__inner,
.main-slider-three .active .main-slider-three__text,
.main-slider-three .active .main-slider-three__btn-1,
.main-slider-three .active .main-slider-three__btn-2 {
  opacity: 1;
  transform: translateY(0);
}
.main-slider-three .active .main-slider-three__title__inner {
  transition-delay: 500ms;
}
.main-slider-three .active .main-slider-three__text {
  transition-delay: 800ms;
}
.main-slider-three .active .main-slider-three__btn-1 {
  transition-delay: 1100ms;
}
.main-slider-three .active .main-slider-three__btn-2 {
  transition-delay: 1300ms;
}
.main-slider-three .active .main-slider-three__bg-2__image {
  opacity: 0.24;
  transform: translateX(0);
  visibility: visible;
  transition: transform 1200ms ease, opacity 1200ms ease;
}
.main-slider-three .active .main-slider-three__content__shape-one,
.main-slider-three .active .main-slider-three__content__shape-box,
.main-slider-three .active .main-slider-three__shape-two,
.main-slider-three .active .main-slider-three__circle {
  opacity: 1;
  transition-delay: 800ms;
}

.main-slider-four {
  position: relative;
  overflow: hidden;
  z-index: 1;
}
.main-slider-four__carousel {
  position: relative;
}
.main-slider-four__carousel.owl-carousel .owl-dots {
  margin: 0 !important;
  position: absolute;
  left: 50%;
  bottom: 100px;
  transform: translateX(-50%);
}
@media (min-width: 1300px) {
  .main-slider-four__carousel.owl-carousel .owl-dots {
    top: calc(50% + 82px);
    left: 34px;
    transform: translateY(-50%) translateX(0%);
    flex-direction: column;
  }
}
@media (min-width: 1600px) {
  .main-slider-four__carousel.owl-carousel .owl-dots {
    left: 30px;
  }
}
@media (min-width: 1700px) {
  .main-slider-four__carousel.owl-carousel .owl-dots {
    top: 50%;
    left: 60px;
  }
}
@media (min-width: 1800px) {
  .main-slider-four__carousel.owl-carousel .owl-dots {
    left: 105px;
  }
}
.main-slider-four__carousel.owl-carousel .owl-dots .owl-dot {
  border-color: var(--insuba-white, #ffffff);
}
.main-slider-four__carousel.owl-carousel .owl-dots .owl-dot::after {
  content: "";
  width: 6px;
  height: 6px;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) scale(0);
  background-color: var(--insuba-white, #ffffff);
  transition: all 500ms ease;
}
.main-slider-four__carousel.owl-carousel .owl-dots .owl-dot:hover, .main-slider-four__carousel.owl-carousel .owl-dots .owl-dot.active {
  border-color: var(--insuba-base, #0365d3);
}
.main-slider-four__carousel.owl-carousel .owl-dots .owl-dot:hover::after, .main-slider-four__carousel.owl-carousel .owl-dots .owl-dot.active::after {
  transform: translate(-50%, -50%) scale(1);
}
.main-slider-four__item {
  position: relative;
  /* padding-top: 70px; */
  height: 550px;
  padding-bottom: 186px;
  overflow: hidden;
}
@media (max-width: 1299px) {
  .main-slider-four__item {
    padding-bottom: 350px;
  }
}
@media (max-width: 1199px) {
  .main-slider-four__item {
    padding-bottom: 260px;
  }
}
@media (max-width: 991px) {
  .main-slider-four__item {
    padding-top: 300px;
  }
}
@media (max-width: 412px) {
  .main-slider-four__item {
    padding-top: 0px;
    padding-bottom: 0px;
  }
  .main-slider-four__item {
  position: relative;
  height: 200px;
  overflow: hidden;
}
.main-slider-four__carousel.owl-carousel .owl-dots {
    margin: 0 !important;
    position: absolute;
    left: 50%;
    bottom: 10px!important;
    transform: translateX(-50%);
}
}
.main-slider-four__bg {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-repeat: no-repeat;
  /* background-position: center center; */
  background-size: cover;
  transform: scale(1);
  transition: transform 7000ms ease;
}
.main-slider-four .container {
  position: relative;
  z-index: 3;
}
@media (min-width: 1400px) {
  .main-slider-four .container {
    max-width: 1300px;
  }
}
@media (min-width: 1600px) {
  .main-slider-four .container {
    max-width: 1487px;
  }
}
.main-slider-four__content {
  padding-top: 10px;
  position: relative;
  z-index: 2;
  overflow: hidden;
}
.main-slider-four__title {
  position: relative;
  margin-bottom: 22px;
  font-weight: 700;
  font-size: 60px;
  color: var(--insuba-white, #ffffff);
  line-height: 1.25;
  opacity: 0;
  transform: translateY(-300px);
  transition: transform 1800ms ease, opacity 1800ms ease;
}
@media (max-width: 991px) {
  .main-slider-four__title {
    font-size: 50px;
  }
}
@media (max-width: 767px) {
  .main-slider-four__title {
    font-size: 45px;
  }
}
@media (max-width: 430px) {
  .main-slider-four__title {
    font-size: 40px;
  }
}
@media (max-width: 360px) {
  .main-slider-four__title {
    font-size: 35px;
  }
}
.main-slider-four__title__text {
  display: inline-block;
  position: relative;
}
.main-slider-four__title__text::after {
  content: "";
  width: 222px;
  height: 78px;
  position: absolute;
  top: 50%;
  left: 52%;
  transform: translate(-50%, -50%);
  background-image: url(../images/shapes/main-slider-title-circle-border-4-1.png);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 100% 100%;
  z-index: -1;
}
@media (max-width: 767px) {
  .main-slider-four__title__text::after {
    width: 200px;
    height: 65px;
    left: 50%;
  }
}
@media (max-width: 575px) {
  .main-slider-four__title__text::after {
    display: none;
  }
}
.main-slider-four__description {
  margin-bottom: 34px;
  padding-right: 237px;
  overflow: hidden;
}
@media (max-width: 1399px) {
  .main-slider-four__description {
    padding-right: 0px;
  }
}
.main-slider-four__text {
  margin-bottom: 0;
  font-size: 17px;
  color: var(--insuba-white, #ffffff);
  opacity: 0;
  transform: translateY(-150px);
  transition: transform 1300ms ease, opacity 1300ms ease;
}
@media (max-width: 767px) {
  .main-slider-four__text {
    font-size: 16px;
  }
}
.main-slider-four__button {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 30px;
}
.main-slider-four__button__inner {
  overflow: hidden;
}
.main-slider-four .insuba-btn {
  opacity: 0;
  transform: translateY(-150px);
  transition: transform 1300ms ease, opacity 1300ms ease;
}
.main-slider-four__btn-1 {
  color: var(--insuba-black2, #333333);
  background-color: var(--insuba-white, #ffffff);
}
.main-slider-four__btn-1::after {
  background-color: var(--insuba-base, #0365d3);
}
.main-slider-four__btn-1 .insuba-btn__icon-box {
  background-color: var(--insuba-black3, #19232b);
}
.main-slider-four__btn-1:hover {
  color: var(--insuba-white, #ffffff);
}
.main-slider-four__btn-1:hover .insuba-btn__icon {
  color: var(--insuba-black2, #333333);
}
.main-slider-four__btn-1:hover .insuba-btn__icon-box {
  background-color: var(--insuba-white, #ffffff);
}
.main-slider-four__insurance {
  margin-top: 40px;
  position: relative;
  display: table;
  overflow: hidden;
  z-index: 2;
}
@media (min-width: 1200px) {
  .main-slider-four__insurance {
    margin: 0;
    position: absolute;
    right: 15px;
    bottom: -84px;
  }
}
.main-slider-four__insurance__inner {
  padding: 10px 29px 10px 10px;
  display: flex;
  align-items: center;
  gap: 26px;
  background-color: var(--insuba-white, #ffffff);
  border-radius: 20px;
  transform: translateY(-150px);
  opacity: 0;
  transition: transform 1500ms ease, opacity 1500ms ease;
}
.main-slider-four__insurance__icon {
  position: relative;
  z-index: 1;
  width: 82px;
  height: 80px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  font-size: 46px;
  color: var(--insuba-white, #ffffff);
  background-color: var(--insuba-base, #0365d3);
  border-radius: inherit;
  transition: all 500ms ease;
}
.main-slider-four__insurance__icon svg {
  width: 1em;
  height: 1em;
  fill: currentColor;
}
.main-slider-four__insurance__content {
  position: relative;
  z-index: 1;
}
.main-slider-four__insurance__title {
  margin-bottom: 7px;
  font-family: var(--insuba-heading-font, "Poppins", serif);
  font-size: 22px;
  font-weight: 700;
  color: var(--insuba-black, #122f2a);
  line-height: 1.318;
  transition: all 500ms ease;
}
.main-slider-four__insurance__text {
  margin: 0;
  transition: all 500ms ease;
}
.main-slider-four__shape-one {
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  animation: moveHorizontal2 2s linear infinite;
}
.main-slider-four__shape-two {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}
.main-slider-four__shape-three {
  position: absolute;
  top: 0;
  left: 35.5%;
  z-index: 1;
}
.main-slider-four__shape-four {
  position: absolute;
  top: 0;
  left: 52%;
  z-index: 1;
}
.main-slider-four .active .main-slider-four__bg {
  transform: scale(1.15);
}
.main-slider-four .active .main-slider-four__title,
.main-slider-four .active .main-slider-four__text,
.main-slider-four .active .insuba-btn {
  opacity: 1;
  transform: translateY(0);
}
.main-slider-four .active .main-slider-four__text {
  transition-delay: 400ms;
}
.main-slider-four .active .main-slider-four__btn-1 {
  transition-delay: 700ms;
}
.main-slider-four .active .main-slider-four__btn-2 {
  transition-delay: 900ms;
}
.main-slider-four .active .main-slider-four__insurance__inner {
  opacity: 1;
  transform: translateY(0);
  transition-delay: 500ms;
}
@media (max-width: 1199px) {
  .main-slider-four .active .main-slider-four__insurance__inner {
    transition-delay: 1500ms;
  }
}

@keyframes animatedStar {
  0% {
    color: var(--insuba-white, #ffffff);
  }
  50% {
    color: var(--insuba-base, #0365d3);
  }
  100% {
    color: var(--insuba-white, #ffffff);
  }
}
/*--------------------------------------------------------------
# About
--------------------------------------------------------------*/
.about-one {
  position: relative;
  background-color: var(--insuba-white, #ffffff);
}
.about-one--about .about-one__image {
  position: relative;
}
.about-one--about .about-one__image__inner {
  position: relative;
  max-width: 100%;
  height: auto;
  z-index: 1;
}
.about-one--about .about-one__image__shape {
  max-width: 100%;
  height: auto;
  position: absolute;
  top: 50%;
  left: -97px;
  transform: translateY(-50%);
  animation: aboutShapeZump 2s linear infinite;
}
@media (max-width: 575px) {
  .about-one--about .about-one__image__shape {
    display: none;
  }
}
.about-one--about .about-one__list {
  gap: 9px;
}
.about-one--about .about-one__list__icon {
  position: relative;
  top: 4px;
  width: 18px;
  height: 18px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  background-color: var(--insuba-black4, #0f3564);
  font-size: 14px;
  color: var(--insuba-white, #ffffff);
}
.about-one--about .about-one__list:hover .about-one__list__icon {
  color: var(--insuba-white, #ffffff);
  background-color: var(--insuba-base, #0365d3);
}
.about-one .container {
  position: relative;
  z-index: 1;
}
@media (min-width: 992px) {
  .about-one__left {
    display: grid;
    grid-template-columns: 200px auto;
    align-items: center;
  }
}
.about-one__image {
  position: relative;
  display: table;
}
@media (max-width: 991px) {
  .about-one__image {
    margin-top: 50px;
  }
}
.about-one__image__one {
  max-width: 100%;
  height: auto;
}
.about-one__image__two {
  max-width: 100%;
  height: auto;
 
  border-top: 12px solid var(--insuba-white, #ffffff);
  border-left: 12px solid var(--insuba-white, #ffffff);
}
@media (min-width: 992px) and (max-width: 1199px) {
  .about-one__image__two {
    max-width: 150px;
  }
}
.about-one .sec-title {
  margin-bottom: 26px;
}
.about-one__text {
  margin-bottom: 20px;
}
.about-one__list-box {
  margin-bottom: 24px;
  max-width: 360px;
}
@media (max-width: 1199px) {
  .about-one__list-box {
    max-width: 100%;
  }
}
.about-one__list-box .row {
  --bs-gutter-y: 15px ;
}
.about-one__list {
  display: flex;
  gap: 9px;
}
.about-one__list__icon {
  position: relative;
  top: 1px;
  font-size: 16px;
  color: var(--insuba-black4, #0f3564);
  transition: all 500ms ease;
}
.about-one__list__icon svg {
  width: 1em;
  height: 1em;
  fill: currentColor;
}
.about-one__list:hover .about-one__list__icon {
  color: var(--insuba-base, #0365d3);
}
.about-one__list__link {
  color: var(--insuba-black2, #333333);
  font-weight: 500;
  transition: all 500ms ease;
}
.about-one__list:hover .about-one__list__link {
  color: var(--insuba-base, #0365d3);
  text-decoration: underline;
}
.about-one__bottom {
  padding-top: 31px;
  position: relative;
}
.about-one__bottom::after {
  content: "";
  width: 100%;
  height: 1px;
  position: absolute;
  top: 0px;
  left: 0;
  background-color: var(--insuba-border-color, #dddddd);
}
.about-one__founder {
  position: relative;
  margin-bottom: 40px;
  display: inline-flex;
  align-items: center;
  gap: 20px;
  z-index: 2;
}
@media (max-width: 575px) {
  .about-one__founder {
    margin-bottom: 50px;
    display: flex;
  }
}
.about-one__founder__image {
  flex-shrink: 0;
  padding: 5px 0 0 5px;
  display: inline-block;
  background-color: var(--insuba-base, #0365d3);
}
.about-one__founder__image img {
  max-width: 100%;
  height: auto;
}
.about-one__founder__name {
  margin-bottom: 6px;
  font-size: 22px;
  font-weight: 700;
  text-transform: capitalize;
  line-height: 1.318;
}
.about-one__founder__name:hover {
  color: var(--insuba-base, #0365d3);
}
.about-one__founder__name a {
  color: inherit;
  background: linear-gradient(to right, currentcolor 0%, currentcolor 100%) 0px 95%/0px 1px no-repeat;
  transition: all 500ms ease;
}
.about-one__founder__name a:hover {
  background-size: 100% 1px;
}
.about-one__founder__designation {
  margin: 0;
  font-size: 17px;
}
.about-one__video {
  padding: 37px 37px 28px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 20px;
  position: relative;
  position: absolute;
  top: 0;
  right: 0;
  background-color: var(--insuba-black5, #0f3667);
  text-align: center;
  z-index: 1;
}
@media (min-width: 992px) and (max-width: 1199px) {
  .about-one__video {
    padding-left: 30px;
    padding-right: 30px;
  }
}
@media (max-width: 575px) {
  .about-one__video {
    margin-top: 35px;
    padding-left: 40px;
    padding-right: 40px;
    display: inline-flex;
    position: relative;
    top: auto;
    right: auto;
  }
}
.about-one__video::after {
  content: "";
  width: 100%;
  height: 4px;
  position: absolute;
  left: 0;
  bottom: 0;
  background-color: var(--insuba-base, #0365d3);
}
.about-one__video__title {
  margin: 0;
  font-size: 17px;
  font-weight: 500;
  color: var(--insuba-white, #ffffff);
  text-transform: capitalize;
  line-height: 1.47;
}
.about-one__video__title span {
  display: block;
}
.about-one__shape {
  max-width: 100%;
  height: auto;
  position: absolute;
  top: 300px;
  right: 116px;
  animation: zoomOut 3s linear infinite;
}
@media (max-width: 1799px) {
  .about-one__shape {
    max-width: 150px;
    right: 40px;
  }
}
@media (max-width: 1599px) {
  .about-one__shape {
    display: none;
  }
}

.about-two {
  padding-top: 58px;
  padding-bottom: 53px;
  background-color: var(--insuba-white, #ffffff);
}
@media (max-width: 1599px) {
  .about-two {
    padding-top: 59px;
    padding-bottom: 52px;
  }
}
@media (max-width: 1399px) {
  .about-two {
    padding-top: 54px;
    padding-bottom: 57px;
  }
}
@media (max-width: 1199px) {
  .about-two {
    padding-top: 41px;
    padding-bottom: 34px;
  }
}
@media (max-width: 767px) {
  .about-two {
    padding-top: 40px;
    padding-bottom: 40px;
  }
}
@media (max-width: 575px) {
  .about-two {
    padding-top: 35px;
    padding-bottom: 34px;
  }
}
.about-two__image {
  position: relative;
  margin-left: 100px;
  width: 100%;
  height: 100%;
}
@media (max-width: 1399px) {
  .about-two__image {
    margin-left: 30px;
  }
}
@media (max-width: 1199px) {
  .about-two__image {
    margin-left: 0;
    padding-left: 28px;
  }
}
@media (max-width: 575px) {
  .about-two__image {
    padding-left: 0;
  }
}
.about-two__image img {
  max-width: 100%;
  height: auto;
}
.about-two__image__inner {
  width: 700px;
  height: 545px;
  position: relative;
  position: absolute;
  top: 0;
  right: 33px;
  z-index: 1;
}
@media (max-width: 1599px) {
  .about-two__image__inner {
    width: 625px;
    height: 484px;
    right: 20px;
  }
}
@media (max-width: 1399px) {
  .about-two__image__inner {
    width: 560px;
    height: 434px;
  }
}
@media (max-width: 1199px) {
  .about-two__image__inner {
    position: relative;
    top: auto;
    right: auto;
  }
}
@media (max-width: 767px) {
  .about-two__image__inner {
    width: 481px;
    height: 373px;
  }
}
@media (max-width: 575px) {
  .about-two__image__inner {
    width: auto;
    height: auto;
    position: relative;
    right: auto;
  }
}
.about-two__image__one {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;

  mask-repeat: no-repeat;
  -webkit-mask-position: center center;
  mask-position: center center;
  -webkit-mask-size: auto;
  mask-size: auto;
  z-index: 1;
}
@media (max-width: 575px) {
  .about-two__image__one {
    position: static;
    mask: unset;
    -webkit-mask: unset;
  }
}
.about-two__image__shape-one {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 2;
}
@media (max-width: 1199px) {
  .about-two__image__shape-one {
    max-width: 57px !important;
  }
}
@media (max-width: 767px) {
  .about-two__image__shape-one {
    max-width: 50px !important;
  }
}
@media (max-width: 575px) {
  .about-two__image__shape-one {
    display: none;
  }
}
.about-two__image__shape-two {
  position: absolute;
  top: 35px;
  left: -24px;
  animation: zump 2s linear infinite;
}
@media (max-width: 575px) {
  .about-two__image__shape-two {
    display: none;
  }
}
.about-two__image__shape-three {
  position: absolute;
  left: -26px;
  bottom: 3px;
  animation: zump 2s linear infinite;
}
@media (max-width: 575px) {
  .about-two__image__shape-three {
    display: none;
  }
}
.about-two__video-button {
  min-width: 242px;
  padding: 15px;
  position: absolute;
  left: 50%;
  bottom: 51px;
  transform: translateX(-50%);
  z-index: 3;
  background-color: var(--insuba-white, #ffffff);
  display: flex;
  align-items: center;
  gap: 26px;
  border-radius: 48px;
}
@media (max-width: 575px) {
  .about-two__video-button {
    padding: 10px;
    gap: 20px;
    bottom: 40px;
  }
}
@media (max-width: 430px) {
  .about-two__video-button {
    bottom: 20px;
  }
}
.about-two__video-button .video-btn {
  color: var(--insuba-white, #ffffff);
  background-color: var(--insuba-black5, #0f3667);
}
@media (max-width: 575px) {
  .about-two__video-button .video-btn {
    width: 45px;
    height: 45px;
    font-size: 23px;
  }
}
.about-two__video-button .video-btn__ripple::before, .about-two__video-button .video-btn__ripple::after {
  box-shadow: 0 0 0 0 RGBA(var(--insuba-black5-rgb, 15, 54, 103), 0.22);
  -webkit-animation: videoRippleAbout 3s infinite;
  animation: videoRippleAbout 3s infinite;
}
.about-two__video-button__text {
  font-size: 17px;
  font-weight: 500;
  color: var(--insuba-black5, #0f3667);
  text-decoration: underline;
}
.about-two__content {
  padding-left: 100px;
  padding-right: 8px;
}
@media (max-width: 1399px) {
  .about-two__content {
    padding-left: 30px;
  }
}
@media (max-width: 1199px) {
  .about-two__content {
    padding-left: 0px;
    max-width: 700px;
  }
}
.about-two .sec-title {
  margin-bottom: 26px;
}
.about-two__text-box-1 {
  margin-bottom: 19px;
}
.about-two__text-box-2 {
  margin-bottom: 17px;
}
.about-two__text {
  margin: 0;
}
.about-two__text__highlight {
  font-weight: 500;
  color: var(--insuba-base, #0365d3);
}
.about-two__list {
  margin-bottom: 16px;
}
.about-two__list li {
  display: flex;
  gap: 10px;
  font-weight: 700;
  color: var(--insuba-black2, #333333);
}
.about-two__list li .about-two__list__icon {
  position: relative;
  top: 4px;
  display: inline-flex;
  font-size: 18px;
  color: var(--insuba-base, #0365d3);
}
.about-two__list li .about-two__list__icon svg {
  width: 1em;
  height: 1em;
  fill: currentColor;
}

.about-three {
  padding-bottom: 172px;
  background-color: var(--insuba-white, #ffffff);
}
@media (max-width: 1199px) {
  .about-three {
    padding-bottom: 120px;
  }
}
@media (max-width: 991px) {
  .about-three {
    padding-bottom: 172px;
  }
}
@media (max-width: 767px) {
  .about-three {
    padding-bottom: 155px;
  }
}
@media (max-width: 575px) {
  .about-three {
    padding-bottom: 107px;
  }
}
.about-three__content {
  position: relative;
  top: 51px;
  padding-right: 50px;
}
@media (max-width: 1199px) {
  .about-three__content {
    top: 0;
    padding-right: 0;
  }
}
.about-three .sec-title {
  margin-bottom: 9px;
}
.about-three .sec-title__title__highlight {
  border: 0;
}
.about-three__description {
  margin-bottom: 26px;
  padding-right: 67px;
}
@media (min-width: 992px) and (max-width: 1199px) {
  .about-three__description {
    padding-right: 20px;
  }
}
@media (max-width: 767px) {
  .about-three__description {
    padding-right: 0px;
  }
}
.about-three__text {
  margin: 0;
}
.about-three__inner {
  max-width: 400px;
  margin-bottom: 22px;
  display: flex;
  align-items: center;
  gap: 29px;
  border: 1px solid var(--insuba-border-color, #dddddd);
}
@media (max-width: 575px) {
  .about-three__inner {
    padding: 30px;
    flex-direction: column;
    align-items: flex-start;
  }
}
@media (max-width: 375px) {
  .about-three__inner {
    padding: 25px;
  }
}
.about-three__experience {
  position: relative;
  padding: 20px 17px 27px;
  text-align: center;
  background-color: var(--insuba-base, #0365d3);
}
.about-three__experience::after {
  content: "";
  position: absolute;
  top: -1px;
  left: 0;
  width: 100%;
  height: calc(100% - 1px);
  background-color: var(--insuba-black4, #0f3564);
}
.about-three__experience__content {
  position: relative;
  z-index: 2;
}
.about-three__experience__year {
  margin-bottom: 0;
  font-size: 40px;
  color: var(--insuba-black4, #0f3564);
  font-weight: 700;
  text-shadow: 2px 2px 0 var(--insuba-white, #ffffff), -2px -2px 0 var(--insuba-white, #ffffff), 2px -2px 0 var(--insuba-white, #ffffff), -2px 2px 0 var(--insuba-white, #ffffff), 2px 2px 0 var(--insuba-white, #ffffff);
  line-height: 1;
}
.about-three__experience__text {
  margin: 0;
  font-family: var(--insuba-heading-font, "Poppins", serif);
  font-size: 15px;
  font-weight: 700;
  color: var(--insuba-white, #ffffff);
}
.about-three__experience__shape {
  position: relative;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  overflow: hidden;
}
.about-three__experience__shape__one, .about-three__experience__shape__two {
  max-width: 100%;
  height: auto;
  position: absolute;
}
.about-three__experience__shape__one {
  left: -70px;
  bottom: -40px;
}
.about-three__experience__shape__two {
  top: -34px;
  right: -70px;
}
.about-three__list-box {
  padding: 20px 20px 20px 0;
}
@media (max-width: 575px) {
  .about-three__list-box {
    padding: 0;
  }
}
.about-three__list + .about-three__list {
  margin-top: 15px;
}
.about-three__list {
  display: flex;
  gap: 9px;
}
.about-three__list__icon {
  position: relative;
  top: 4px;
  width: 18px;
  height: 18px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  background-color: var(--insuba-black4, #0f3564);
  font-size: 14px;
  color: var(--insuba-white, #ffffff);
  transition: all 500ms ease;
}
.about-three__list__icon svg {
  width: 1em;
  height: 1em;
  fill: currentColor;
}
.about-three__list:hover .about-three__list__icon {
  color: var(--insuba-white, #ffffff);
  background-color: var(--insuba-base, #0365d3);
}
.about-three__list__link {
  color: var(--insuba-black2, #333333);
  font-weight: 500;
  transition: all 500ms ease;
}
.about-three__list:hover .about-three__list__link {
  color: var(--insuba-base, #0365d3);
  text-decoration: underline;
}
.about-three__list-two {
  margin-bottom: 24px;
}
.about-three__list-two li {
  display: flex;
  gap: 10px;
  font-weight: 500;
}
.about-three__list-two li + li {
  margin-top: 4px;
}
.about-three__list-two li .about-three__list-two__icon {
  position: relative;
  top: 8px;
  display: inline-flex;
  font-size: 12px;
  color: var(--insuba-base, #0365d3);
}
.about-three__bottom {
  display: table;
  padding-top: 30px;
  border-top: 1px solid var(--insuba-border-color, #dddddd);
}
.about-three__bottom__inner {
  display: flex;
  gap: 78px;
}
@media (min-width: 992px) and (max-width: 1199px) {
  .about-three__bottom__inner {
    gap: 50px;
  }
}
@media (max-width: 767px) {
  .about-three__bottom__inner {
    gap: 50px;
  }
}
@media (max-width: 575px) {
  .about-three__bottom__inner {
    flex-direction: column-reverse;
    gap: 30px;
  }
}
.about-three__founder-sign {
  margin: 9px 0 0;
  font-family: var(--insuba-special-font, "Homemade Apple", cursive);
  font-weight: 400;
  font-size: 32px;
  line-height: 1.25;
}
@media (min-width: 992px) and (max-width: 1199px) {
  .about-three__founder-sign {
    margin-top: 15px;
    font-size: 22px;
  }
}
@media (max-width: 767px) {
  .about-three__founder-sign {
    margin-top: 15px;
    font-size: 22px;
  }
}
@media (max-width: 575px) {
  .about-three__founder-sign {
    margin: 0;
  }
}
.about-three__founder {
  position: relative;
  display: inline-flex;
  align-items: center;
  gap: 20px;
  z-index: 2;
}
@media (max-width: 575px) {
  .about-three__founder {
    display: flex;
  }
}
.about-three__founder::before {
  content: "";
  width: 1px;
  height: calc(100% + 30px);
  position: absolute;
  top: -30px;
  left: -36px;
  background-color: var(--insuba-border-color, #dddddd);
}
@media (min-width: 992px) and (max-width: 1199px) {
  .about-three__founder::before {
    left: -25px;
  }
}
@media (max-width: 767px) {
  .about-three__founder::before {
    left: -25px;
  }
}
@media (max-width: 575px) {
  .about-three__founder::before {
    display: none;
  }
}
.about-three__founder__image {
  flex-shrink: 0;
  padding: 5px 0 0 5px;
  display: inline-block;
  background-color: var(--insuba-base, #0365d3);
}
.about-three__founder__image img {
  max-width: 100%;
  height: auto;
}
.about-three__founder__name {
  margin-bottom: 6px;
  font-size: 22px;
  font-weight: 700;
  text-transform: capitalize;
  line-height: 1.318;
}
@media (min-width: 992px) and (max-width: 1199px) {
  .about-three__founder__name {
    font-size: 18px;
  }
}
@media (max-width: 767px) {
  .about-three__founder__name {
    font-size: 18px;
  }
}
.about-three__founder__name:hover {
  color: var(--insuba-base, #0365d3);
}
.about-three__founder__name a {
  color: inherit;
  background: linear-gradient(to right, currentcolor 0%, currentcolor 100%) 0px 95%/0px 1px no-repeat;
  transition: all 500ms ease;
}
.about-three__founder__name a:hover {
  background-size: 100% 1px;
}
.about-three__founder__designation {
  margin: 0;
  font-size: 17px;
}
.about-three__image {
  padding-left: 35px;
}
.about-three__image__inner {
  position: relative;
  display: table;
}
.about-three__image__inner::before {
  content: "";
  width: calc(100% - 105px);
  height: 336px;
  position: absolute;
  left: -27px;
  bottom: -27px;
  border-radius: 30px;
  background-color: var(--insuba-base, #0365d3);
}
@media (max-width: 430px) {
  .about-three__image__inner::before {
    width: calc(100% - 50px);
  }
}
@media (max-width: 375px) {
  .about-three__image__inner::before {
    height: 250px;
  }
}
.about-three__image__inner::after {
  content: "";
  width: calc(100% + 3px);
  height: calc(100% + 3px);
  position: absolute;
  left: -13px;
  bottom: -13px;
  border-radius: 30px;
  background-color: var(--insuba-white, #ffffff);
  border-radius: 30px;
  z-index: 1;
}
.about-three__image__one {
  position: relative;
  max-width: 100%;
  height: auto;
  border-radius: 30px;
  z-index: 2;
  margin-bottom: 30px;
}
.about-three__image__two {
  padding: 10px;
  position: absolute;
  top: 150px;
  left: -135px;
  z-index: 3;
  background-color: var(--insuba-white, #ffffff);
  -webkit-mask: url('data:image/svg+xml;utf8,<svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 777.000000 723.000000"><g transform="translate(0.000000,723.000000) scale(0.100000,-0.100000)" stroke="none"> <path d="M3160 6904 c-63 -8 -142 -19 -175 -26 -33 -6 -80 -14 -105 -18 -58 -9 -153 -33 -305 -76 -59 -16 -91 -27 -177 -60 -24 -9 -61 -23 -83 -31 -22 -8 -55 -21 -72 -29 -81 -35 -109 -48 -123 -56 -8 -4 -22 -11 -30 -14 -136 -56 -379 -208 -580 -362 -148 -114 -377 -336 -485 -471 -94 -116 -165 -210 -165 -217 0 -3 -13 -23 -28 -43 -16 -20 -32 -43 -35 -51 -4 -8 -16 -28 -27 -45 -11 -16 -24 -39 -30 -50 -6 -11 -19 -33 -29 -50 -37 -58 -181 -356 -181 -374 0 -5 -6 -22 -14 -38 -27 -53 -79 -206 -106 -313 -5 -19 -14 -55 -20 -80 -42 -164 -62 -274 -86 -492 -26 -231 -12 -572 32 -813 27 -145 45 -229 60 -275 8 -25 14 -53 14 -62 0 -10 6 -32 14 -50 7 -18 21 -58 30 -88 9 -30 23 -72 31 -92 8 -21 22 -57 31 -80 65 -169 189 -409 302 -583 56 -85 203 -282 263 -350 57 -65 259 -267 324 -324 83 -73 364 -281 380 -281 2 0 21 -12 42 -26 21 -14 47 -30 58 -35 11 -5 34 -18 50 -28 31 -20 214 -112 273 -137 64 -28 98 -42 140 -58 131 -50 237 -85 322 -106 19 -4 49 -13 65 -18 17 -6 57 -18 90 -28 33 -9 78 -23 100 -29 22 -7 67 -20 100 -29 33 -10 74 -22 90 -28 17 -5 46 -14 65 -18 19 -5 67 -18 105 -30 39 -12 86 -25 105 -30 19 -5 55 -14 80 -20 159 -41 263 -60 470 -85 230 -28 596 -16 825 27 33 6 80 14 105 18 59 9 138 29 307 77 58 16 92 27 171 57 23 9 61 23 85 32 23 9 57 22 75 30 80 35 108 48 122 56 8 4 22 11 30 14 162 66 473 270 685 447 139 116 365 357 470 500 17 23 40 53 53 67 12 13 22 29 22 33 0 5 13 26 28 46 16 20 32 43 35 51 4 8 16 29 27 45 11 17 24 39 30 50 6 11 19 34 29 50 37 58 181 356 181 374 0 5 6 22 14 38 27 53 79 206 106 313 5 19 14 55 20 80 43 168 62 274 86 492 26 232 12 572 -32 813 -27 145 -45 229 -60 275 -8 25 -14 53 -14 62 0 10 -6 32 -14 50 -7 18 -21 58 -30 88 -9 30 -23 72 -31 93 -8 20 -22 56 -31 80 -65 168 -189 408 -302 582 -59 90 -214 297 -266 355 -53 57 -259 263 -316 316 -70 63 -369 284 -385 284 -2 0 -21 12 -42 26 -21 14 -47 30 -58 35 -11 5 -33 18 -50 28 -30 20 -211 110 -275 138 -148 66 -342 134 -460 163 -19 4 -48 13 -65 18 -16 6 -57 18 -90 28 -33 9 -78 23 -100 29 -22 7 -67 20 -100 29 -33 10 -73 22 -90 28 -16 5 -46 14 -65 18 -19 5 -66 18 -105 30 -38 12 -86 25 -105 30 -19 5 -55 14 -80 20 -159 41 -263 60 -470 85 -155 19 -490 18 -650 -1z"/> </g> </svg>');
  mask: url('data:image/svg+xml;utf8,<svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 777.000000 723.000000"><g transform="translate(0.000000,723.000000) scale(0.100000,-0.100000)" stroke="none"> <path d="M3160 6904 c-63 -8 -142 -19 -175 -26 -33 -6 -80 -14 -105 -18 -58 -9 -153 -33 -305 -76 -59 -16 -91 -27 -177 -60 -24 -9 -61 -23 -83 -31 -22 -8 -55 -21 -72 -29 -81 -35 -109 -48 -123 -56 -8 -4 -22 -11 -30 -14 -136 -56 -379 -208 -580 -362 -148 -114 -377 -336 -485 -471 -94 -116 -165 -210 -165 -217 0 -3 -13 -23 -28 -43 -16 -20 -32 -43 -35 -51 -4 -8 -16 -28 -27 -45 -11 -16 -24 -39 -30 -50 -6 -11 -19 -33 -29 -50 -37 -58 -181 -356 -181 -374 0 -5 -6 -22 -14 -38 -27 -53 -79 -206 -106 -313 -5 -19 -14 -55 -20 -80 -42 -164 -62 -274 -86 -492 -26 -231 -12 -572 32 -813 27 -145 45 -229 60 -275 8 -25 14 -53 14 -62 0 -10 6 -32 14 -50 7 -18 21 -58 30 -88 9 -30 23 -72 31 -92 8 -21 22 -57 31 -80 65 -169 189 -409 302 -583 56 -85 203 -282 263 -350 57 -65 259 -267 324 -324 83 -73 364 -281 380 -281 2 0 21 -12 42 -26 21 -14 47 -30 58 -35 11 -5 34 -18 50 -28 31 -20 214 -112 273 -137 64 -28 98 -42 140 -58 131 -50 237 -85 322 -106 19 -4 49 -13 65 -18 17 -6 57 -18 90 -28 33 -9 78 -23 100 -29 22 -7 67 -20 100 -29 33 -10 74 -22 90 -28 17 -5 46 -14 65 -18 19 -5 67 -18 105 -30 39 -12 86 -25 105 -30 19 -5 55 -14 80 -20 159 -41 263 -60 470 -85 230 -28 596 -16 825 27 33 6 80 14 105 18 59 9 138 29 307 77 58 16 92 27 171 57 23 9 61 23 85 32 23 9 57 22 75 30 80 35 108 48 122 56 8 4 22 11 30 14 162 66 473 270 685 447 139 116 365 357 470 500 17 23 40 53 53 67 12 13 22 29 22 33 0 5 13 26 28 46 16 20 32 43 35 51 4 8 16 29 27 45 11 17 24 39 30 50 6 11 19 34 29 50 37 58 181 356 181 374 0 5 6 22 14 38 27 53 79 206 106 313 5 19 14 55 20 80 43 168 62 274 86 492 26 232 12 572 -32 813 -27 145 -45 229 -60 275 -8 25 -14 53 -14 62 0 10 -6 32 -14 50 -7 18 -21 58 -30 88 -9 30 -23 72 -31 93 -8 20 -22 56 -31 80 -65 168 -189 408 -302 582 -59 90 -214 297 -266 355 -53 57 -259 263 -316 316 -70 63 -369 284 -385 284 -2 0 -21 12 -42 26 -21 14 -47 30 -58 35 -11 5 -33 18 -50 28 -30 20 -211 110 -275 138 -148 66 -342 134 -460 163 -19 4 -48 13 -65 18 -16 6 -57 18 -90 28 -33 9 -78 23 -100 29 -22 7 -67 20 -100 29 -33 10 -73 22 -90 28 -16 5 -46 14 -65 18 -19 5 -66 18 -105 30 -38 12 -86 25 -105 30 -19 5 -55 14 -80 20 -159 41 -263 60 -470 85 -155 19 -490 18 -650 -1z"/> </g> </svg>');
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center center;
  mask-position: center center;
  -webkit-mask-size: auto;
  mask-size: auto;
}
@media (min-width: 992px) and (max-width: 1199px) {
  .about-three__image__two {
    left: -60px;
  }
}
@media (max-width: 991px) {
  .about-three__image__two {
    left: -75px;
  }
}
@media (max-width: 767px) {
  .about-three__image__two {
    left: -65px;
  }
}
@media (max-width: 575px) {
  .about-three__image__two {
    display: none;
  }
}
.about-three__image__two__inner {
  text-align: center;
  -webkit-mask: url('data:image/svg+xml;utf8,<svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 777.000000 723.000000"><g transform="translate(0.000000,723.000000) scale(0.100000,-0.100000)" stroke="none"> <path d="M3160 6904 c-63 -8 -142 -19 -175 -26 -33 -6 -80 -14 -105 -18 -58 -9 -153 -33 -305 -76 -59 -16 -91 -27 -177 -60 -24 -9 -61 -23 -83 -31 -22 -8 -55 -21 -72 -29 -81 -35 -109 -48 -123 -56 -8 -4 -22 -11 -30 -14 -136 -56 -379 -208 -580 -362 -148 -114 -377 -336 -485 -471 -94 -116 -165 -210 -165 -217 0 -3 -13 -23 -28 -43 -16 -20 -32 -43 -35 -51 -4 -8 -16 -28 -27 -45 -11 -16 -24 -39 -30 -50 -6 -11 -19 -33 -29 -50 -37 -58 -181 -356 -181 -374 0 -5 -6 -22 -14 -38 -27 -53 -79 -206 -106 -313 -5 -19 -14 -55 -20 -80 -42 -164 -62 -274 -86 -492 -26 -231 -12 -572 32 -813 27 -145 45 -229 60 -275 8 -25 14 -53 14 -62 0 -10 6 -32 14 -50 7 -18 21 -58 30 -88 9 -30 23 -72 31 -92 8 -21 22 -57 31 -80 65 -169 189 -409 302 -583 56 -85 203 -282 263 -350 57 -65 259 -267 324 -324 83 -73 364 -281 380 -281 2 0 21 -12 42 -26 21 -14 47 -30 58 -35 11 -5 34 -18 50 -28 31 -20 214 -112 273 -137 64 -28 98 -42 140 -58 131 -50 237 -85 322 -106 19 -4 49 -13 65 -18 17 -6 57 -18 90 -28 33 -9 78 -23 100 -29 22 -7 67 -20 100 -29 33 -10 74 -22 90 -28 17 -5 46 -14 65 -18 19 -5 67 -18 105 -30 39 -12 86 -25 105 -30 19 -5 55 -14 80 -20 159 -41 263 -60 470 -85 230 -28 596 -16 825 27 33 6 80 14 105 18 59 9 138 29 307 77 58 16 92 27 171 57 23 9 61 23 85 32 23 9 57 22 75 30 80 35 108 48 122 56 8 4 22 11 30 14 162 66 473 270 685 447 139 116 365 357 470 500 17 23 40 53 53 67 12 13 22 29 22 33 0 5 13 26 28 46 16 20 32 43 35 51 4 8 16 29 27 45 11 17 24 39 30 50 6 11 19 34 29 50 37 58 181 356 181 374 0 5 6 22 14 38 27 53 79 206 106 313 5 19 14 55 20 80 43 168 62 274 86 492 26 232 12 572 -32 813 -27 145 -45 229 -60 275 -8 25 -14 53 -14 62 0 10 -6 32 -14 50 -7 18 -21 58 -30 88 -9 30 -23 72 -31 93 -8 20 -22 56 -31 80 -65 168 -189 408 -302 582 -59 90 -214 297 -266 355 -53 57 -259 263 -316 316 -70 63 -369 284 -385 284 -2 0 -21 12 -42 26 -21 14 -47 30 -58 35 -11 5 -33 18 -50 28 -30 20 -211 110 -275 138 -148 66 -342 134 -460 163 -19 4 -48 13 -65 18 -16 6 -57 18 -90 28 -33 9 -78 23 -100 29 -22 7 -67 20 -100 29 -33 10 -73 22 -90 28 -16 5 -46 14 -65 18 -19 5 -66 18 -105 30 -38 12 -86 25 -105 30 -19 5 -55 14 -80 20 -159 41 -263 60 -470 85 -155 19 -490 18 -650 -1z"/> </g> </svg>');
  mask: url('data:image/svg+xml;utf8,<svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 777.000000 723.000000"><g transform="translate(0.000000,723.000000) scale(0.100000,-0.100000)" stroke="none"> <path d="M3160 6904 c-63 -8 -142 -19 -175 -26 -33 -6 -80 -14 -105 -18 -58 -9 -153 -33 -305 -76 -59 -16 -91 -27 -177 -60 -24 -9 -61 -23 -83 -31 -22 -8 -55 -21 -72 -29 -81 -35 -109 -48 -123 -56 -8 -4 -22 -11 -30 -14 -136 -56 -379 -208 -580 -362 -148 -114 -377 -336 -485 -471 -94 -116 -165 -210 -165 -217 0 -3 -13 -23 -28 -43 -16 -20 -32 -43 -35 -51 -4 -8 -16 -28 -27 -45 -11 -16 -24 -39 -30 -50 -6 -11 -19 -33 -29 -50 -37 -58 -181 -356 -181 -374 0 -5 -6 -22 -14 -38 -27 -53 -79 -206 -106 -313 -5 -19 -14 -55 -20 -80 -42 -164 -62 -274 -86 -492 -26 -231 -12 -572 32 -813 27 -145 45 -229 60 -275 8 -25 14 -53 14 -62 0 -10 6 -32 14 -50 7 -18 21 -58 30 -88 9 -30 23 -72 31 -92 8 -21 22 -57 31 -80 65 -169 189 -409 302 -583 56 -85 203 -282 263 -350 57 -65 259 -267 324 -324 83 -73 364 -281 380 -281 2 0 21 -12 42 -26 21 -14 47 -30 58 -35 11 -5 34 -18 50 -28 31 -20 214 -112 273 -137 64 -28 98 -42 140 -58 131 -50 237 -85 322 -106 19 -4 49 -13 65 -18 17 -6 57 -18 90 -28 33 -9 78 -23 100 -29 22 -7 67 -20 100 -29 33 -10 74 -22 90 -28 17 -5 46 -14 65 -18 19 -5 67 -18 105 -30 39 -12 86 -25 105 -30 19 -5 55 -14 80 -20 159 -41 263 -60 470 -85 230 -28 596 -16 825 27 33 6 80 14 105 18 59 9 138 29 307 77 58 16 92 27 171 57 23 9 61 23 85 32 23 9 57 22 75 30 80 35 108 48 122 56 8 4 22 11 30 14 162 66 473 270 685 447 139 116 365 357 470 500 17 23 40 53 53 67 12 13 22 29 22 33 0 5 13 26 28 46 16 20 32 43 35 51 4 8 16 29 27 45 11 17 24 39 30 50 6 11 19 34 29 50 37 58 181 356 181 374 0 5 6 22 14 38 27 53 79 206 106 313 5 19 14 55 20 80 43 168 62 274 86 492 26 232 12 572 -32 813 -27 145 -45 229 -60 275 -8 25 -14 53 -14 62 0 10 -6 32 -14 50 -7 18 -21 58 -30 88 -9 30 -23 72 -31 93 -8 20 -22 56 -31 80 -65 168 -189 408 -302 582 -59 90 -214 297 -266 355 -53 57 -259 263 -316 316 -70 63 -369 284 -385 284 -2 0 -21 12 -42 26 -21 14 -47 30 -58 35 -11 5 -33 18 -50 28 -30 20 -211 110 -275 138 -148 66 -342 134 -460 163 -19 4 -48 13 -65 18 -16 6 -57 18 -90 28 -33 9 -78 23 -100 29 -22 7 -67 20 -100 29 -33 10 -73 22 -90 28 -16 5 -46 14 -65 18 -19 5 -66 18 -105 30 -38 12 -86 25 -105 30 -19 5 -55 14 -80 20 -159 41 -263 60 -470 85 -155 19 -490 18 -650 -1z"/> </g> </svg>');
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center center;
  mask-position: center center;
  -webkit-mask-size: auto;
  mask-size: auto;
}
.about-three__image__two img {
  max-width: 100%;
  height: auto;
}
@media (min-width: 992px) and (max-width: 1199px) {
  .about-three__image__two img {
    max-width: 200px;
  }
}
@media (max-width: 767px) {
  .about-three__image__two img {
    max-width: 200px;
  }
}
.about-three__image__three {
  padding: 10px;
  position: absolute;
  right: -57px;
  bottom: -63px;
  z-index: 3;
  background-color: var(--insuba-white, #ffffff);
  -webkit-mask: url('data:image/svg+xml;utf8,<svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 765.000000 747.000000"><g transform="translate(0.000000,747.000000) scale(0.100000,-0.100000)" stroke="none"> <path d="M3275 7155 c-5 -2 -57 -8 -115 -14 -233 -26 -540 -93 -668 -147 -18 -8 -39 -14 -47 -14 -8 0 -31 -7 -52 -16 -75 -32 -99 -42 -143 -59 -101 -39 -353 -170 -438 -226 -24 -16 -46 -29 -49 -29 -3 0 -22 -13 -43 -30 -21 -16 -41 -30 -45 -30 -23 0 -318 -243 -430 -355 -130 -130 -385 -435 -385 -460 0 -4 -13 -24 -30 -45 -16 -21 -30 -40 -30 -43 0 -3 -13 -25 -29 -49 -69 -104 -201 -365 -256 -508 -39 -101 -45 -117 -61 -170 -9 -30 -23 -70 -30 -88 -8 -18 -14 -41 -14 -51 0 -9 -6 -37 -14 -62 -34 -108 -72 -323 -91 -509 -46 -464 26 -990 195 -1430 12 -30 25 -67 30 -81 4 -14 12 -34 18 -45 6 -10 24 -48 40 -84 46 -101 71 -152 94 -190 11 -19 32 -57 47 -83 139 -255 400 -573 646 -786 84 -73 320 -255 430 -331 42 -29 178 -128 190 -138 6 -5 24 -17 40 -28 26 -16 142 -99 170 -122 6 -4 33 -23 60 -42 189 -128 193 -130 230 -149 11 -6 47 -26 80 -45 98 -56 253 -131 365 -176 30 -12 70 -28 88 -36 18 -8 39 -14 47 -14 8 0 29 -6 47 -14 39 -16 107 -37 198 -61 36 -9 88 -23 116 -31 28 -8 62 -14 75 -14 13 0 56 -6 94 -14 159 -33 363 -49 585 -44 118 3 251 11 295 17 208 30 379 63 455 87 25 8 53 14 62 14 10 0 32 6 50 14 18 7 58 21 88 31 55 17 84 27 170 60 140 54 406 188 508 256 24 16 46 29 49 29 3 0 22 13 43 30 21 16 41 30 45 30 23 0 334 258 445 369 75 76 225 248 291 336 50 65 139 194 139 200 0 2 13 23 29 47 69 104 202 368 255 506 9 23 23 59 31 80 8 20 22 62 31 92 9 30 23 70 30 88 8 18 14 41 14 51 0 9 6 37 14 62 34 108 72 323 91 509 46 465 -25 989 -195 1430 -12 30 -25 67 -30 81 -4 14 -12 34 -18 45 -6 10 -25 51 -42 89 -17 39 -36 77 -41 85 -5 8 -11 20 -13 25 -2 6 -7 17 -10 25 -3 8 -16 31 -27 50 -12 19 -33 57 -48 83 -40 74 -53 94 -153 238 -183 267 -427 512 -743 747 -82 61 -155 115 -160 120 -6 5 -24 17 -40 28 -28 17 -147 103 -170 122 -6 5 -24 17 -40 27 -17 11 -64 44 -105 75 -41 31 -97 71 -125 90 -27 18 -77 52 -110 74 -66 45 -90 60 -120 75 -11 6 -47 26 -80 45 -169 97 -441 215 -590 256 -16 5 -43 13 -60 18 -125 43 -382 94 -590 117 -121 13 -507 21 -540 10z"/> </g> </svg>');
  mask: url('data:image/svg+xml;utf8,<svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 765.000000 747.000000"><g transform="translate(0.000000,747.000000) scale(0.100000,-0.100000)" stroke="none"> <path d="M3275 7155 c-5 -2 -57 -8 -115 -14 -233 -26 -540 -93 -668 -147 -18 -8 -39 -14 -47 -14 -8 0 -31 -7 -52 -16 -75 -32 -99 -42 -143 -59 -101 -39 -353 -170 -438 -226 -24 -16 -46 -29 -49 -29 -3 0 -22 -13 -43 -30 -21 -16 -41 -30 -45 -30 -23 0 -318 -243 -430 -355 -130 -130 -385 -435 -385 -460 0 -4 -13 -24 -30 -45 -16 -21 -30 -40 -30 -43 0 -3 -13 -25 -29 -49 -69 -104 -201 -365 -256 -508 -39 -101 -45 -117 -61 -170 -9 -30 -23 -70 -30 -88 -8 -18 -14 -41 -14 -51 0 -9 -6 -37 -14 -62 -34 -108 -72 -323 -91 -509 -46 -464 26 -990 195 -1430 12 -30 25 -67 30 -81 4 -14 12 -34 18 -45 6 -10 24 -48 40 -84 46 -101 71 -152 94 -190 11 -19 32 -57 47 -83 139 -255 400 -573 646 -786 84 -73 320 -255 430 -331 42 -29 178 -128 190 -138 6 -5 24 -17 40 -28 26 -16 142 -99 170 -122 6 -4 33 -23 60 -42 189 -128 193 -130 230 -149 11 -6 47 -26 80 -45 98 -56 253 -131 365 -176 30 -12 70 -28 88 -36 18 -8 39 -14 47 -14 8 0 29 -6 47 -14 39 -16 107 -37 198 -61 36 -9 88 -23 116 -31 28 -8 62 -14 75 -14 13 0 56 -6 94 -14 159 -33 363 -49 585 -44 118 3 251 11 295 17 208 30 379 63 455 87 25 8 53 14 62 14 10 0 32 6 50 14 18 7 58 21 88 31 55 17 84 27 170 60 140 54 406 188 508 256 24 16 46 29 49 29 3 0 22 13 43 30 21 16 41 30 45 30 23 0 334 258 445 369 75 76 225 248 291 336 50 65 139 194 139 200 0 2 13 23 29 47 69 104 202 368 255 506 9 23 23 59 31 80 8 20 22 62 31 92 9 30 23 70 30 88 8 18 14 41 14 51 0 9 6 37 14 62 34 108 72 323 91 509 46 465 -25 989 -195 1430 -12 30 -25 67 -30 81 -4 14 -12 34 -18 45 -6 10 -25 51 -42 89 -17 39 -36 77 -41 85 -5 8 -11 20 -13 25 -2 6 -7 17 -10 25 -3 8 -16 31 -27 50 -12 19 -33 57 -48 83 -40 74 -53 94 -153 238 -183 267 -427 512 -743 747 -82 61 -155 115 -160 120 -6 5 -24 17 -40 28 -28 17 -147 103 -170 122 -6 5 -24 17 -40 27 -17 11 -64 44 -105 75 -41 31 -97 71 -125 90 -27 18 -77 52 -110 74 -66 45 -90 60 -120 75 -11 6 -47 26 -80 45 -169 97 -441 215 -590 256 -16 5 -43 13 -60 18 -125 43 -382 94 -590 117 -121 13 -507 21 -540 10z"/> </g> </svg>');
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center center;
  mask-position: center center;
  -webkit-mask-size: auto;
  mask-size: auto;
}
@media (min-width: 1200px) and (max-width: 1299px) {
  .about-three__image__three {
    right: -25px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .about-three__image__three {
    right: -40px;
  }
}
@media (max-width: 767px) {
  .about-three__image__three {
    right: -40px;
  }
}
@media (max-width: 575px) {
  .about-three__image__three {
    left: 50%;
    bottom: 10px;
    transform: translateX(-50%);
  }
}
.about-three__image__three__inner {
  text-align: center;
  position: relative;
  -webkit-mask: url('data:image/svg+xml;utf8,<svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 765.000000 747.000000"><g transform="translate(0.000000,747.000000) scale(0.100000,-0.100000)" stroke="none"> <path d="M3275 7155 c-5 -2 -57 -8 -115 -14 -233 -26 -540 -93 -668 -147 -18 -8 -39 -14 -47 -14 -8 0 -31 -7 -52 -16 -75 -32 -99 -42 -143 -59 -101 -39 -353 -170 -438 -226 -24 -16 -46 -29 -49 -29 -3 0 -22 -13 -43 -30 -21 -16 -41 -30 -45 -30 -23 0 -318 -243 -430 -355 -130 -130 -385 -435 -385 -460 0 -4 -13 -24 -30 -45 -16 -21 -30 -40 -30 -43 0 -3 -13 -25 -29 -49 -69 -104 -201 -365 -256 -508 -39 -101 -45 -117 -61 -170 -9 -30 -23 -70 -30 -88 -8 -18 -14 -41 -14 -51 0 -9 -6 -37 -14 -62 -34 -108 -72 -323 -91 -509 -46 -464 26 -990 195 -1430 12 -30 25 -67 30 -81 4 -14 12 -34 18 -45 6 -10 24 -48 40 -84 46 -101 71 -152 94 -190 11 -19 32 -57 47 -83 139 -255 400 -573 646 -786 84 -73 320 -255 430 -331 42 -29 178 -128 190 -138 6 -5 24 -17 40 -28 26 -16 142 -99 170 -122 6 -4 33 -23 60 -42 189 -128 193 -130 230 -149 11 -6 47 -26 80 -45 98 -56 253 -131 365 -176 30 -12 70 -28 88 -36 18 -8 39 -14 47 -14 8 0 29 -6 47 -14 39 -16 107 -37 198 -61 36 -9 88 -23 116 -31 28 -8 62 -14 75 -14 13 0 56 -6 94 -14 159 -33 363 -49 585 -44 118 3 251 11 295 17 208 30 379 63 455 87 25 8 53 14 62 14 10 0 32 6 50 14 18 7 58 21 88 31 55 17 84 27 170 60 140 54 406 188 508 256 24 16 46 29 49 29 3 0 22 13 43 30 21 16 41 30 45 30 23 0 334 258 445 369 75 76 225 248 291 336 50 65 139 194 139 200 0 2 13 23 29 47 69 104 202 368 255 506 9 23 23 59 31 80 8 20 22 62 31 92 9 30 23 70 30 88 8 18 14 41 14 51 0 9 6 37 14 62 34 108 72 323 91 509 46 465 -25 989 -195 1430 -12 30 -25 67 -30 81 -4 14 -12 34 -18 45 -6 10 -25 51 -42 89 -17 39 -36 77 -41 85 -5 8 -11 20 -13 25 -2 6 -7 17 -10 25 -3 8 -16 31 -27 50 -12 19 -33 57 -48 83 -40 74 -53 94 -153 238 -183 267 -427 512 -743 747 -82 61 -155 115 -160 120 -6 5 -24 17 -40 28 -28 17 -147 103 -170 122 -6 5 -24 17 -40 27 -17 11 -64 44 -105 75 -41 31 -97 71 -125 90 -27 18 -77 52 -110 74 -66 45 -90 60 -120 75 -11 6 -47 26 -80 45 -169 97 -441 215 -590 256 -16 5 -43 13 -60 18 -125 43 -382 94 -590 117 -121 13 -507 21 -540 10z"/> </g> </svg>');
  mask: url('data:image/svg+xml;utf8,<svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 765.000000 747.000000"><g transform="translate(0.000000,747.000000) scale(0.100000,-0.100000)" stroke="none"> <path d="M3275 7155 c-5 -2 -57 -8 -115 -14 -233 -26 -540 -93 -668 -147 -18 -8 -39 -14 -47 -14 -8 0 -31 -7 -52 -16 -75 -32 -99 -42 -143 -59 -101 -39 -353 -170 -438 -226 -24 -16 -46 -29 -49 -29 -3 0 -22 -13 -43 -30 -21 -16 -41 -30 -45 -30 -23 0 -318 -243 -430 -355 -130 -130 -385 -435 -385 -460 0 -4 -13 -24 -30 -45 -16 -21 -30 -40 -30 -43 0 -3 -13 -25 -29 -49 -69 -104 -201 -365 -256 -508 -39 -101 -45 -117 -61 -170 -9 -30 -23 -70 -30 -88 -8 -18 -14 -41 -14 -51 0 -9 -6 -37 -14 -62 -34 -108 -72 -323 -91 -509 -46 -464 26 -990 195 -1430 12 -30 25 -67 30 -81 4 -14 12 -34 18 -45 6 -10 24 -48 40 -84 46 -101 71 -152 94 -190 11 -19 32 -57 47 -83 139 -255 400 -573 646 -786 84 -73 320 -255 430 -331 42 -29 178 -128 190 -138 6 -5 24 -17 40 -28 26 -16 142 -99 170 -122 6 -4 33 -23 60 -42 189 -128 193 -130 230 -149 11 -6 47 -26 80 -45 98 -56 253 -131 365 -176 30 -12 70 -28 88 -36 18 -8 39 -14 47 -14 8 0 29 -6 47 -14 39 -16 107 -37 198 -61 36 -9 88 -23 116 -31 28 -8 62 -14 75 -14 13 0 56 -6 94 -14 159 -33 363 -49 585 -44 118 3 251 11 295 17 208 30 379 63 455 87 25 8 53 14 62 14 10 0 32 6 50 14 18 7 58 21 88 31 55 17 84 27 170 60 140 54 406 188 508 256 24 16 46 29 49 29 3 0 22 13 43 30 21 16 41 30 45 30 23 0 334 258 445 369 75 76 225 248 291 336 50 65 139 194 139 200 0 2 13 23 29 47 69 104 202 368 255 506 9 23 23 59 31 80 8 20 22 62 31 92 9 30 23 70 30 88 8 18 14 41 14 51 0 9 6 37 14 62 34 108 72 323 91 509 46 465 -25 989 -195 1430 -12 30 -25 67 -30 81 -4 14 -12 34 -18 45 -6 10 -25 51 -42 89 -17 39 -36 77 -41 85 -5 8 -11 20 -13 25 -2 6 -7 17 -10 25 -3 8 -16 31 -27 50 -12 19 -33 57 -48 83 -40 74 -53 94 -153 238 -183 267 -427 512 -743 747 -82 61 -155 115 -160 120 -6 5 -24 17 -40 28 -28 17 -147 103 -170 122 -6 5 -24 17 -40 27 -17 11 -64 44 -105 75 -41 31 -97 71 -125 90 -27 18 -77 52 -110 74 -66 45 -90 60 -120 75 -11 6 -47 26 -80 45 -169 97 -441 215 -590 256 -16 5 -43 13 -60 18 -125 43 -382 94 -590 117 -121 13 -507 21 -540 10z"/> </g> </svg>');
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center center;
  mask-position: center center;
  -webkit-mask-size: auto;
  mask-size: auto;
}
.about-three__image__three .video-btn {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: var(--insuba-base, #0365d3);
}
.about-three__image__three img {
  max-width: 100%;
  height: auto;
}
@media (min-width: 992px) and (max-width: 1199px) {
  .about-three__image__three img {
    max-width: 200px;
  }
}
@media (max-width: 767px) {
  .about-three__image__three img {
    max-width: 200px;
  }
}
@media (max-width: 430px) {
  .about-three__image__three img {
    max-width: 180px;
  }
}
@media (max-width: 390px) {
  .about-three__image__three img {
    max-width: 150px;
  }
}
@media (max-width: 360px) {
  .about-three__image__three img {
    max-width: 130px;
  }
}
.about-three__image__shape-box {
  position: relative;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  overflow: hidden;
  border-radius: 30px;
  z-index: 2;
}
.about-three__image__shape-one {
  max-width: 100%;
  height: auto;
  position: absolute;
  top: -365px;
  right: -260px;
  animation: moveHorizontal 2s linear infinite;
}
@media (min-width: 992px) and (max-width: 1199px) {
  .about-three__image__shape-one {
    top: -280px;
    right: -200px;
  }
}
@media (max-width: 767px) {
  .about-three__image__shape-one {
    top: -311px;
    right: -228px;
  }
}
@media (max-width: 575px) {
  .about-three__image__shape-one {
    display: none;
  }
}
.about-three__image__shape-two {
  max-width: 100%;
  height: auto;
  position: absolute;
  right: -75px;
  top: 151px;
  animation: zump 2s linear infinite;
}
@media (max-width: 575px) {
  .about-three__image__shape-two {
    display: none;
  }
}

.about-four {
  position: relative;
  background-color: var(--insuba-white, #ffffff);
}
.about-four__overlay {
  width: 666px;
  height: 503px;
  background-color: var(--insuba-white5, #f0f5f5);
  position: absolute;
  top: -1px;
  left: 0;
}
@media (max-width: 1599px) {
  .about-four__overlay {
    width: 600px;
  }
}
@media (max-width: 1399px) {
  .about-four__overlay {
    width: 500px;
  }
}
@media (max-width: 575px) {
  .about-four__overlay {
    display: none;
  }
}
.about-four .container {
  position: relative;
  z-index: 2;
}
.about-four__image {
  position: relative;
  display: table;
  padding-left: 24px;
}
@media (max-width: 1199px) {
  .about-four__image {
    padding-left: 100px;
  }
}
@media (max-width: 575px) {
  .about-four__image {
    padding-left: 30px;
  }
}
@media (max-width: 430px) {
  .about-four__image {
    padding-left: 0;
  }
}
.about-four__image__inner {
  position: relative;
}
.about-four__image__inner::before {
  content: "";
  width: 340px;
  height: 356px;
  /* border: 2px solid var(--insuba-base, #0365d3); */
  position: absolute;
  top: -26px;
  left: -28px;
  border-radius: 40px;
  animation: zumpBottom 2s linear infinite;
}
@media (max-width: 430px) {
  .about-four__image__inner::before {
    display: none;
  }
}
.about-four__image__one {
  position: relative;
}
.about-four__image__one img {
  position: relative;
  max-width: 100%;
  height: auto;
  border-radius: 40px 40px 40px 0;
  z-index: 1;
}
.about-four__image__two {
  display: table;
  position: relative;
  right: 0;
  bottom: 0;
  border-radius: 40px 0 40px 0;
  border-top: 6px solid var(--insuba-white, #ffffff);
  border-left: 6px solid var(--insuba-white, #ffffff);
  z-index: 2;
}
@media (max-width: 575px) {
  .about-four__image__two {
    margin-top: 20px;
    position: relative;
  }
}
.about-four__image__two img {
  max-width: 100%;
  height: auto;
  border-radius: 37px 0 40px 0;
}
.about-four__image__two .video-btn {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: var(--insuba-base, #0365d3);
  z-index: 1;
}
.about-four__image__shape {
  max-width: 100%;
  height: auto;
  position: absolute;
  top: 127px;
  left: -100px;
  animation: zump 2s linear infinite;
}
@media (max-width: 1599px) {
  .about-four__image__shape {
    display: none;
  }
}
.about-four__experience {
  padding: 10px;
  position: absolute;
  left: -256px;
  bottom: 34px;
  background-color: var(--insuba-white, #ffffff);
  border-radius: 16px;
  z-index: 2;
}
@media (max-width: 1799px) {
  .about-four__experience {
    left: -200px;
  }
}
@media (max-width: 1599px) {
  .about-four__experience {
    left: -100px;
  }
}
@media (max-width: 1599px) {
  .about-four__experience {
    left: -80px;
  }
}
@media (max-width: 1299px) {
  .about-four__experience {
    left: -30px;
  }
}
@media (max-width: 1199px) {
  .about-four__experience {
    left: -100px;
  }
}
@media (max-width: 575px) {
  .about-four__experience {
    width: calc(100% - 40px);
    left: 50%;
    transform: translateX(-50%);
  }
}
.about-four__experience__inner {
  padding: 9px 20px 12px 32px;
  border-radius: inherit;
  border: 1px dashed var(--insuba-base, #0365d3);
}
.about-four__experience__title {
  position: relative;
  margin: 0;
  font-size: 22px;
  font-weight: 700;
  line-height: 1.318;
}
.about-four__experience__title::before {
  content: "";
  width: 2px;
  height: 100%;
  background-color: var(--insuba-base, #0365d3);
  position: absolute;
  top: 50%;
  left: -11px;
  transform: translateY(-50%);
}
.about-four__tab {
  position: relative;
  z-index: 2;
}
.about-four .sec-title {
  margin-bottom: 26px;
}
.about-four__text {
  margin-bottom: 24px;
  text-align: justify;
}
.about-four .tabs-box {
  position: relative;
}
.about-four .tabs-box .tab-buttons {
  margin: 0;
  padding: 0;
  list-style: none;
  margin-bottom: 34px;
  position: relative;
  display: flex;
  flex-wrap: wrap;
  z-index: 1;
}
@media (max-width: 767px) {
  .about-four .tabs-box .tab-buttons {
    gap: 15px;
  }
}
.about-four .tabs-box .tab-buttons .tab-btn {
  position: relative;
  cursor: pointer;
  padding: 10px 31px;
  font-family: var(--insuba-heading-font, "Poppins", serif);
  font-size: 18px;
  text-align: center;
  font-weight: 700;
  color: var(--insuba-black, #122f2a);
  text-transform: uppercase;
  background-color: var(--insuba-white5, #f0f5f5);
  overflow: visible;
  border-radius: 0;
  z-index: 1;
  transition: all 500ms ease;
}
@media (max-width: 767px) {
  .about-four .tabs-box .tab-buttons .tab-btn {
    font-size: 16px;
  }
}
.about-four .tabs-box .tab-buttons .tab-btn:hover {
  color: var(--insuba-white, #ffffff);
}
.about-four .tabs-box .tab-buttons .tab-btn::before {
  content: "";
  position: absolute;
  left: 50%;
  bottom: -18px;
  transform: translateX(-50%);
  opacity: 0;
  width: 0px;
  height: 0px;
  border-style: solid;
  border-width: 18px 18px 0 18px;
  border-color: var(--insuba-base, #0365d3) transparent transparent transparent;
  transition: all 500ms ease;
}
@media (max-width: 767px) {
  .about-four .tabs-box .tab-buttons .tab-btn::before {
    display: none;
  }
}
.about-four .tabs-box .tab-buttons .tab-btn.active-btn {
  color: var(--insuba-white, #ffffff);
  background-color: var(--insuba-base, #0365d3);
}
.about-four .tabs-box .tab-buttons .tab-btn.active-btn::before {
  opacity: 1;
}
.about-four .tabs-box .tabs-content {
  margin-bottom: 34px;
  position: relative;
  width: 100%;
  display: block;
}
.about-four .tabs-box .tabs-content .tab {
  position: relative;
  display: none;
  -webkit-transition: all 600ms ease;
  -moz-transition: all 600ms ease;
  -ms-transition: all 600ms ease;
  -o-transition: all 600ms ease;
  transition: all 600ms ease;
  z-index: 10;
}
.about-four .tabs-box .tabs-content .tab.active-tab {
  display: block;
}
.about-four__list {
  margin-bottom: 0;
}
.about-four__list li {
  display: flex;
  gap: 10px;
  color: var(--insuba-black2, #333333);
  font-weight: 500;
}
.about-four__list li + li {
  margin-top: 8px;
}
.about-four__list li .about-four__list__icon {
  position: relative;
  top: 8px;
  display: inline-flex;
  font-size: 12px;
  color: var(--insuba-base, #0365d3);
}
.about-four__shape-one {
  max-width: 100%;
  height: auto;
  position: absolute;
  top: 43px;
  left: 40px;
  animation: zumpBottom 2s linear infinite;
  z-index: 1;
}
@media (max-width: 1599px) {
  .about-four__shape-one {
    animation-name: zump;
  }
}
@media (max-width: 1399px) {
  .about-four__shape-one {
    left: 25px;
  }
}
.about-four__shape-two {
  max-width: 100%;
  height: auto;
  position: absolute;
  right: 135px;
  bottom: 138px;
  animation: zoomOut 4s linear infinite;
  z-index: 1;
}
@media (max-width: 1799px) {
  .about-four__shape-two {
    right: 50px;
  }
}
@media (max-width: 1599px) {
  .about-four__shape-two {
    max-width: 90px;
    right: 20px;
  }
}
@media (max-width: 1299px) {
  .about-four__shape-two {
    display: none;
  }
}

@keyframes videoRippleAbout {
  70% {
    box-shadow: 0 0 0 40px RGBA(var(--insuba-black5-rgb, 15, 54, 103), 0);
  }
  100% {
    box-shadow: 0 0 0 0 RGBA(var(--insuba-black5-rgb, 15, 54, 103), 0);
  }
}
@keyframes aboutShapeZump {
  0% {
    -webkit-transform: translateZ(0) translateY(-50%);
    transform: translateZ(0) translateY(-50%);
  }
  50% {
    -webkit-transform: translate3d(0, -15px, 0) translateY(-50%);
    transform: translate3d(0, -15px, 0) translateY(-50%);
  }
  100% {
    -webkit-transform: translateZ(0) translateY(-50%);
    transform: translateZ(0) translateY(-50%);
  }
}
/*--------------------------------------------------------------
# Testimonials
--------------------------------------------------------------*/
.testimonial-card__content {
  position: relative;
  margin: 0 auto;
  width: 480px;
  height: 320px;
  border-radius: 50%;
  transition: all 500ms ease;
}
@media (max-width: 425px) {
  .testimonial-card__content {
    width: 360px;
  }
}
@media (max-width: 991px) {
  .testimonial-card__content {
    width: 100%;
    height: 100%;
    background-color: var(--insuba-white, #ffffff);
    border-radius: 30px;
  }
}
.testimonial-card__content__shape {
  width: 100%;
  height: 100%;
  position: relative;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-mask: url('data:image/svg+xml;utf8,<svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 900.000000 858.000000"><g transform="translate(0.000000,858.000000) scale(0.100000,-0.100000)" stroke="none"> <path d="M2193 8568 c1 -9 -19 -16 -58 -21 -372 -49 -687 -210 -981 -502 -284 -282 -517 -649 -707 -1120 -132 -326 -222 -629 -316 -1070 -15 -71 -57 -334 -70 -435 -108 -873 -78 -1474 110 -2155 39 -143 118 -372 159 -460 5 -11 21 -49 35 -84 101 -246 304 -601 492 -862 227 -313 563 -662 858 -889 39 -30 72 -57 75 -60 21 -22 370 -252 455 -300 33 -18 76 -42 95 -53 123 -70 338 -170 517 -240 318 -124 662 -216 958 -256 44 -6 134 -18 200 -28 172 -23 742 -23 905 0 214 31 438 73 515 97 17 5 98 30 180 56 442 136 882 365 1289 671 146 110 321 262 502 438 120 116 348 377 479 550 234 307 509 774 640 1085 15 36 35 83 45 105 30 65 106 268 155 410 44 128 135 477 163 625 36 190 69 431 77 565 7 118 14 153 26 133 5 -7 9 108 9 265 0 161 -4 276 -9 273 -13 -8 -19 27 -26 139 -9 134 -40 355 -71 493 -126 564 -409 909 -854 1041 -252 74 -355 84 -804 78 -198 -3 -471 -13 -606 -22 -406 -26 -707 -30 -915 -11 -220 21 -266 28 -495 76 -40 8 -186 58 -279 94 -163 65 -370 195 -518 325 -75 66 -215 186 -279 240 -98 83 -356 269 -495 357 -88 56 -135 82 -314 179 -70 37 -254 115 -359 151 -145 50 -289 83 -446 102 -43 5 -64 12 -63 20 2 9 -31 12 -137 12 -106 0 -139 -3 -137 -12z"/> </g> </svg>');
  mask: url('data:image/svg+xml;utf8,<svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 900.000000 858.000000"><g transform="translate(0.000000,858.000000) scale(0.100000,-0.100000)" stroke="none"> <path d="M2193 8568 c1 -9 -19 -16 -58 -21 -372 -49 -687 -210 -981 -502 -284 -282 -517 -649 -707 -1120 -132 -326 -222 -629 -316 -1070 -15 -71 -57 -334 -70 -435 -108 -873 -78 -1474 110 -2155 39 -143 118 -372 159 -460 5 -11 21 -49 35 -84 101 -246 304 -601 492 -862 227 -313 563 -662 858 -889 39 -30 72 -57 75 -60 21 -22 370 -252 455 -300 33 -18 76 -42 95 -53 123 -70 338 -170 517 -240 318 -124 662 -216 958 -256 44 -6 134 -18 200 -28 172 -23 742 -23 905 0 214 31 438 73 515 97 17 5 98 30 180 56 442 136 882 365 1289 671 146 110 321 262 502 438 120 116 348 377 479 550 234 307 509 774 640 1085 15 36 35 83 45 105 30 65 106 268 155 410 44 128 135 477 163 625 36 190 69 431 77 565 7 118 14 153 26 133 5 -7 9 108 9 265 0 161 -4 276 -9 273 -13 -8 -19 27 -26 139 -9 134 -40 355 -71 493 -126 564 -409 909 -854 1041 -252 74 -355 84 -804 78 -198 -3 -471 -13 -606 -22 -406 -26 -707 -30 -915 -11 -220 21 -266 28 -495 76 -40 8 -186 58 -279 94 -163 65 -370 195 -518 325 -75 66 -215 186 -279 240 -98 83 -356 269 -495 357 -88 56 -135 82 -314 179 -70 37 -254 115 -359 151 -145 50 -289 83 -446 102 -43 5 -64 12 -63 20 2 9 -31 12 -137 12 -106 0 -139 -3 -137 -12z"/> </g> </svg>');
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center center;
  mask-position: center center;
  -webkit-mask-size: cover;
  mask-size: cover;
  background-color: var(--insuba-base, #0365d3);
  transition: all 500ms ease;
}
@media (max-width: 991px) {
  .testimonial-card__content__shape {
    display: none;
  }
}
.testimonial-card__content__shape::after {
  content: "";
  width: calc(100% - 2px);
  height: calc(100% - 2px);
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-mask: url('data:image/svg+xml;utf8,<svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 900.000000 858.000000"><g transform="translate(0.000000,858.000000) scale(0.100000,-0.100000)" stroke="none"> <path d="M2193 8568 c1 -9 -19 -16 -58 -21 -372 -49 -687 -210 -981 -502 -284 -282 -517 -649 -707 -1120 -132 -326 -222 -629 -316 -1070 -15 -71 -57 -334 -70 -435 -108 -873 -78 -1474 110 -2155 39 -143 118 -372 159 -460 5 -11 21 -49 35 -84 101 -246 304 -601 492 -862 227 -313 563 -662 858 -889 39 -30 72 -57 75 -60 21 -22 370 -252 455 -300 33 -18 76 -42 95 -53 123 -70 338 -170 517 -240 318 -124 662 -216 958 -256 44 -6 134 -18 200 -28 172 -23 742 -23 905 0 214 31 438 73 515 97 17 5 98 30 180 56 442 136 882 365 1289 671 146 110 321 262 502 438 120 116 348 377 479 550 234 307 509 774 640 1085 15 36 35 83 45 105 30 65 106 268 155 410 44 128 135 477 163 625 36 190 69 431 77 565 7 118 14 153 26 133 5 -7 9 108 9 265 0 161 -4 276 -9 273 -13 -8 -19 27 -26 139 -9 134 -40 355 -71 493 -126 564 -409 909 -854 1041 -252 74 -355 84 -804 78 -198 -3 -471 -13 -606 -22 -406 -26 -707 -30 -915 -11 -220 21 -266 28 -495 76 -40 8 -186 58 -279 94 -163 65 -370 195 -518 325 -75 66 -215 186 -279 240 -98 83 -356 269 -495 357 -88 56 -135 82 -314 179 -70 37 -254 115 -359 151 -145 50 -289 83 -446 102 -43 5 -64 12 -63 20 2 9 -31 12 -137 12 -106 0 -139 -3 -137 -12z"/> </g> </svg>');
  mask: url('data:image/svg+xml;utf8,<svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 900.000000 858.000000"><g transform="translate(0.000000,858.000000) scale(0.100000,-0.100000)" stroke="none"> <path d="M2193 8568 c1 -9 -19 -16 -58 -21 -372 -49 -687 -210 -981 -502 -284 -282 -517 -649 -707 -1120 -132 -326 -222 -629 -316 -1070 -15 -71 -57 -334 -70 -435 -108 -873 -78 -1474 110 -2155 39 -143 118 -372 159 -460 5 -11 21 -49 35 -84 101 -246 304 -601 492 -862 227 -313 563 -662 858 -889 39 -30 72 -57 75 -60 21 -22 370 -252 455 -300 33 -18 76 -42 95 -53 123 -70 338 -170 517 -240 318 -124 662 -216 958 -256 44 -6 134 -18 200 -28 172 -23 742 -23 905 0 214 31 438 73 515 97 17 5 98 30 180 56 442 136 882 365 1289 671 146 110 321 262 502 438 120 116 348 377 479 550 234 307 509 774 640 1085 15 36 35 83 45 105 30 65 106 268 155 410 44 128 135 477 163 625 36 190 69 431 77 565 7 118 14 153 26 133 5 -7 9 108 9 265 0 161 -4 276 -9 273 -13 -8 -19 27 -26 139 -9 134 -40 355 -71 493 -126 564 -409 909 -854 1041 -252 74 -355 84 -804 78 -198 -3 -471 -13 -606 -22 -406 -26 -707 -30 -915 -11 -220 21 -266 28 -495 76 -40 8 -186 58 -279 94 -163 65 -370 195 -518 325 -75 66 -215 186 -279 240 -98 83 -356 269 -495 357 -88 56 -135 82 -314 179 -70 37 -254 115 -359 151 -145 50 -289 83 -446 102 -43 5 -64 12 -63 20 2 9 -31 12 -137 12 -106 0 -139 -3 -137 -12z"/> </g> </svg>');
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center center;
  mask-position: center center;
  -webkit-mask-size: cover;
  mask-size: cover;
  background-color: var(--insuba-white, #ffffff);
}
.testimonial-card__content__inner {
  padding: 70px 36px 95px;
  position: relative;
  z-index: 1;
  
}
@media (max-width: 991px) {
  .testimonial-card__content__inner {
    padding: 130px 30px 80px;
  }
}
.testimonial-card:hover .testimonial-card__content {
  background-color: var(--insuba-base, #0365d3);
}
.testimonial-card:hover .testimonial-card__content__shape {
  visibility: hidden;
  opacity: 0;
}
.testimonial-card__quote-icon {
  position: absolute;
  top: 36px;
  left: 63px;
  display: inline-flex;
  font-size: 48px;
  color: var(--insuba-black4, #0f3564);
  transition: all 500ms ease;
}
.testimonial-card__quote-icon svg {
  width: 1em;
  height: 1em;
  fill: currentColor;
}
@media (max-width: 991px) {
  .testimonial-card__quote-icon {
    left: 30px;
  }
}
.testimonial-card:hover .testimonial-card__quote-icon {
  color: var(--insuba-white, #ffffff);
  top: 28px;
  left: 50%;
  transform: translateX(-50%);
}
.testimonial-card__ratings {
  position: absolute;
  top: 85px;
  right: 41px;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 8px;
  transition: all 500ms ease;
}
.testimonial-card__ratings__icon {
  display: inline-flex;
  font-size: 16px;
  color: var(--insuba-yellow, #ffa415);
  transition: all 500ms ease;
}
.testimonial-card__ratings__icon svg {
  width: 1em;
  height: 1em;
  fill: currentColor;
}
.testimonial-card__ratings__icon:last-child {
  color: var(--insuba-border-color, #dddddd);
}
.testimonial-card:hover .testimonial-card__ratings {
  right: 50%;
  transform: translateX(50%);
}
.testimonial-card__quote {
  margin: 0;
  font-style: italic;
  font-weight: 500;
  text-align: center;
  line-height: 2.1875;
  transition: all 500ms ease;
}
.testimonial-card:hover .testimonial-card__quote {
  color: var(--insuba-white, #ffffff);
}
.testimonial-card__identity {
  position: relative;
  margin-top: -41px;
  text-align: center;
  z-index: 2;
}
.testimonial-card__image {
  margin: 0 auto 21px;
  width: 72px !important;
  height: 72px !important;
  border-radius: 50%;
  border: 2px solid var(--insuba-base, #0365d3);
}
.testimonial-card__name {
  margin-bottom: 9px;
  font-size: 22px;
  font-weight: 700;
  line-height: 1.318;
  text-transform: capitalize;
}
.testimonial-card__designation {
  margin: 0;
  font-size: 17px;
  line-height: 1.4;
}

.testimonial-card-two {
  position: relative;
  padding: 48px 41px 51px;
  border: 1px solid var(--insuba-border-color, #dddddd);
  display: grid;
  grid-template-columns: 150px auto;
  grid-gap: 21px;
  background-color: var(--insuba-white, #ffffff);
  overflow: hidden;
  transition: all 500ms ease;
}
@media (min-width: 992px) and (max-width: 1199px) {
  .testimonial-card-two {
    grid-template-columns: auto;
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  .testimonial-card-two {
    padding-left: 30px;
    padding-right: 30px;
  }
}
@media (max-width: 575px) {
  .testimonial-card-two {
    grid-template-columns: auto;
    height: auto;
  }
}
@media (max-width: 425px) {
  .testimonial-card-two {
    padding-left: 30px;
    padding-right: 30px;
    padding-bottom: 70px;
  }
}
.testimonial-card-two:hover {
  background-color: var(--insuba-black5, #0f3667);
  border-color: var(--insuba-black5, #0f3667);
}
.testimonial-card-two::after {
  content: "";
  position: absolute;
  right: -1px;
  bottom: -1px;
  width: 0px;
  height: 0px;
  border-style: solid;
  border-width: 0 0 45px 45px;
  border-color: transparent transparent var(--insuba-base, #0365d3) transparent;
}
.testimonial-card-two__shape {
  width: 117px;
  height: calc(100% + 2px);
  position: relative;
  position: absolute;
  top: -1px;
  left: -1px;
  clip-path: polygon(0 0, 100% 0%, 100% 58%, 0% 100%);
  background-color: var(--insuba-base, #0365d3);
}
@media (max-width: 1199px) {
  .testimonial-card-two__shape {
    display: none;
  }
}
.testimonial-card-two__shape__bg {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-repeat: no-repeat;
  background-position: top;
  background-size: cover;
}
.testimonial-card-two__image {
  position: relative;
  padding: 5px;
  width: 150px;
  height: 150px;
  border-radius: 50%;
  z-index: 1;
}
.testimonial-card-two__image img {
  width: 150px !important;
  height: 150px;
  border-radius: 50%;
  border: 5px solid var(--insuba-white, #ffffff);
}
.testimonial-card-two__image__quote {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  position: absolute;
  top: 4px;
  right: 1px;
  font-size: 14px;
  color: var(--insuba-white, #ffffff);
  border-radius: 50%;
  background-color: var(--insuba-base, #0365d3);
  border: 5px solid var(--insuba-white, #ffffff);
}
.testimonial-card-two__image__quote svg {
  width: 1em;
  height: 1em;
  fill: currentColor;
}
.testimonial-card-two__content {
  margin-top: 8px;
  position: relative;
  z-index: 1;
}
.testimonial-card-two__ratings {
  margin-bottom: 11px;
  display: flex;
  align-items: center;
  gap: 8px;
}
.testimonial-card-two__ratings__icon {
  display: inline-flex;
  font-size: 16px;
  color: var(--insuba-yellow, #ffa415);
}
.testimonial-card-two__ratings__icon svg {
  width: 1em;
  height: 1em;
  fill: currentColor;
}
.testimonial-card-two__quote {
  margin-bottom: 10px;
  font-style: italic;
  transition: all 500ms ease;
}
.testimonial-card-two__name {
  margin-bottom: 9px;
  font-size: 22px;
  font-weight: 700;
  line-height: 1.318;
  text-transform: capitalize;
  transition: all 500ms ease;
}
.testimonial-card-two__designation {
  margin: 0;
  font-size: 17px;
  line-height: 1.4;
  transition: all 500ms ease;
}
.testimonial-card-two__quote-icon {
  position: absolute;
  right: 35px;
  bottom: 31px;
  display: inline-flex;
  font-size: 57px;
  color: var(--insuba-black5, #0f3667);
  z-index: 1;
  transition: all 500ms ease;
}
.testimonial-card-two__quote-icon svg {
  width: 1em;
  height: 1em;
  fill: currentColor;
}
@media (min-width: 576px) and (max-width: 767px) {
  .testimonial-card-two__quote-icon {
    bottom: 25px;
  }
}
@media (max-width: 425px) {
  .testimonial-card-two__quote-icon {
    bottom: 25px;
  }
}
.testimonial-card-two:hover .testimonial-card-two__quote, .testimonial-card-two:hover .testimonial-card-two__name, .testimonial-card-two:hover .testimonial-card-two__designation, .testimonial-card-two:hover .testimonial-card-two__quote-icon {
  color: var(--insuba-white, #ffffff);
}

.testimonials-one {
  position: relative;
  background-color: var(--insuba-white8, #edf0f2);
}
.testimonials-one .container {
  position: relative;
  z-index: 1;
}
.testimonials-one__carousel.owl-carousel .owl-nav button {
  background-color: var(--insuba-white, #ffffff);
}
.testimonials-one__shape-one, .testimonials-one__shape-two {
  max-width: 100%;
  height: auto;
  position: absolute;
  bottom: 168px;
}
.testimonials-one__shape-one {
  left: 0;
}
@media (max-width: 1199px) {
  .testimonials-one__shape-one {
    left: 50%;
    transform: translateX(-50%);
  }
}
.testimonials-one__shape-two {
  right: 0;
}
@media (max-width: 1199px) {
  .testimonials-one__shape-two {
    display: none;
  }
}

.testimonials-two {
  background-color: var(--insuba-white, #ffffff);
}
.testimonials-two .sec-title {
  margin-bottom: 117px;
}
.testimonials-two__inner {
  position: relative;
}
.testimonials-two__carousel.owl-carousel .owl-nav.disabled + .owl-dots {
  margin-top: 50px;
}
.testimonials-two__item {
  position: relative;
  max-width: 892px;
  padding: 0 30px 34px;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  border: 1px solid var(--insuba-white4, #d7d7d7);
  border-radius: 182px;
}
@media (max-width: 1199px) {
  .testimonials-two__item {
    max-width: 700px;
  }
}
@media (max-width: 767px) {
  .testimonials-two__item {
    border-radius: 30px;
  }
}
.testimonials-two__content {
  position: relative;
  z-index: 1;
}
.testimonials-two__image {
  position: relative;
  margin: -73px auto 28px;
  width: 156px;
  height: 156px;
  border-radius: 50%;
  background-color: var(--insuba-base, #0365d3);
}
.testimonials-two__image img {
  position: relative;
  top: -5px;
  width: 156px !important;
  height: 156px;
  border-radius: 50%;
  transition: all 300ms ease;
}
.testimonials-two__item:hover .testimonials-two__image img {
  top: 0;
}
.testimonials-two__icon-box {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 0;
  right: 2px;
  padding: 3px;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background-color: var(--insuba-white, #ffffff);
}
.testimonials-two__icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 34px;
  height: 34px;
  border-radius: inherit;
  background-color: var(--insuba-base, #0365d3);
  font-size: 14px;
  color: var(--insuba-white, #ffffff);
}
.testimonials-two__icon svg {
  width: 1em;
  height: 1em;
  fill: currentColor;
}
.testimonials-two__ratings {
  margin-bottom: 17px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
}
.testimonials-two__ratings__icon {
  position: relative;
  display: inline-flex;
  font-size: 16px;
  color: var(--insuba-yellow, #ffa415);
  transition: all 500ms ease;
}
.testimonials-two__ratings__icon svg {
  width: 1em;
  height: 1em;
  fill: currentColor;
}
.testimonials-two__ratings__icon:nth-child(1) {
  top: -19px;
}
.testimonials-two__ratings__icon:nth-child(2) {
  top: -10px;
}
.testimonials-two__ratings__icon:nth-child(4) {
  top: -10px;
}
.testimonials-two__ratings__icon:nth-child(5) {
  top: -19px;
  color: var(--insuba-border-color, #dddddd);
}
.testimonials-two__quote {
  max-width: 502px;
  margin: 0 auto 20px;
  font-style: italic;
}
.testimonials-two__name {
  margin-bottom: 6px;
  font-size: 22px;
  font-weight: 700;
  text-transform: capitalize;
  line-height: 1.318;
}
.testimonials-two__designation {
  margin: 0;
  font-size: 17px;
  text-transform: capitalize;
}
.testimonials-two__shape {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border-radius: inherit;
  overflow: hidden;
}
.testimonials-two__shape__one {
  display: inline-block !important;
  width: auto !important;
  height: auto;
  position: absolute;
  top: -205px;
  left: -205px;
}
@media (max-width: 575px) {
  .testimonials-two__shape__one {
    display: none !important;
  }
}
.testimonials-two__shape__two {
  display: inline-block !important;
  width: auto !important;
  height: auto;
  position: absolute;
  right: -345px;
  bottom: -10px;
}
@media (max-width: 575px) {
  .testimonials-two__shape__two {
    max-width: 100% !important;
    right: 0;
    bottom: 0;
  }
}
.testimonials-two__thumb {
  width: 100%;
  height: calc(100% + 77px);
  position: relative;
  position: absolute;
  left: 0;
  bottom: 0;
}
@media (max-width: 991px) {
  .testimonials-two__thumb {
    display: none;
  }
}
.testimonials-two__thumb__item {
  cursor: pointer;
  width: 102px;
  height: 102px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background-color: transparent;
  z-index: 2;
  transition: all 500ms ease;
}
.testimonials-two__thumb__item--1 {
  position: absolute;
  top: 0;
  left: 49px;
}
.testimonials-two__thumb__item--2 {
  position: absolute;
  top: 50%;
  left: -63px;
  transform: translateY(-50%);
}
@media (min-width: 1200px) and (max-width: 1299px) {
  .testimonials-two__thumb__item--2 {
    left: -7px;
  }
}
@media (max-width: 1199px) {
  .testimonials-two__thumb__item--2 {
    left: -25px;
  }
}
.testimonials-two__thumb__item--3 {
  position: absolute;
  left: 49px;
  bottom: 0;
}
.testimonials-two__thumb__item--4 {
  position: absolute;
  top: 0;
  right: 49px;
}
.testimonials-two__thumb__item--5 {
  position: absolute;
  top: 50%;
  right: -63px;
  transform: translateY(-50%);
}
@media (min-width: 1200px) and (max-width: 1299px) {
  .testimonials-two__thumb__item--5 {
    right: -7px;
  }
}
@media (max-width: 1199px) {
  .testimonials-two__thumb__item--5 {
    right: -25px;
  }
}
.testimonials-two__thumb__item--6 {
  position: absolute;
  right: 49px;
  bottom: 0;
}
.testimonials-two__thumb__item:hover, .testimonials-two__thumb__item.owl-dot.active {
  background-color: var(--insuba-base, #0365d3);
}
.testimonials-two__thumb__item img {
  cursor: pointer;
  width: 98px;
  height: 98px;
  border-radius: 50%;
}
.testimonials-two__thumb__shape-left {
  position: absolute;
  top: 50%;
  left: -72px;
  transform: translateY(-50%);
  z-index: 1;
}
@media (min-width: 1200px) and (max-width: 1299px) {
  .testimonials-two__thumb__shape-left {
    width: 170px;
    left: -25px;
  }
}
@media (max-width: 1199px) {
  .testimonials-two__thumb__shape-left {
    width: 170px;
    left: -37px;
  }
}
.testimonials-two__thumb__shape-right {
  position: absolute;
  top: 50%;
  right: -60px;
  transform: translateY(-50%);
  z-index: 1;
}
@media (min-width: 1200px) and (max-width: 1299px) {
  .testimonials-two__thumb__shape-right {
    width: 170px;
    right: -25px;
  }
}
@media (max-width: 1199px) {
  .testimonials-two__thumb__shape-right {
    width: 170px;
    right: -37px;
  }
}

.testimonials-three {
  position: relative;
  background-color: var(--insuba-black14, #070707);
  overflow: hidden;
}
.testimonials-three .container {
  position: relative;
  z-index: 1;
}
.testimonials-three .sec-title__title {
  color: var(--insuba-white, #ffffff);
}
.testimonials-three .testimonial-card-two {
  border: 0;
}
.testimonials-three__shape-one {
  max-width: 100%;
  height: auto;
  position: absolute;
  left: 0;
  bottom: -170px;
  animation: moveHorizontal2 2s linear infinite;
}
.testimonials-three__shape-two {
  max-width: 100%;
  height: auto;
  position: absolute;
  right: 0;
  bottom: -170px;
  animation: moveHorizontal 2s linear infinite;
}

@media (max-width: 991px) {
  .testimonials-page--two .testimonial-card__content {
    background-color: var(--insuba-white3, #f1f6f7);
  }
}

/*--------------------------------------------------------------
# Why Choose
--------------------------------------------------------------*/
.why-choose-one {
  padding-bottom: 0px;
}
@media (max-width: 767px) {
  .why-choose-one {
    padding-bottom: 131px;
  }
}
@media (max-width: 575px) {
  .why-choose-one {
    padding-bottom: 111px;
  }
}
@media (max-width: 390px) {
  .why-choose-one {
    padding-bottom: 105px;
  }
}
.why-choose-one__tab-box {
  position: relative;
  display: block;
}
.why-choose-one__tab-box .tab-buttons {
  margin: 0;
  padding: 0;
  list-style: none;
  margin-bottom: 60px;
  position: relative;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  z-index: 1;
}
.why-choose-one__tab-box .tab-buttons .tab-btn {
  flex: 0 0 auto;
  width: 33.33%;
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  cursor: pointer;
  padding: 7.5px 20px;
  font-weight: 700;
  color: var(--insuba-black, #122f2a);
  text-transform: capitalize;
  background-color: transparent;
  border-radius: 0;
  border-top: 1px solid var(--insuba-border-color, #dddddd);
  border-right: 1px solid var(--insuba-border-color, #dddddd);
  border-bottom: 1px solid var(--insuba-border-color, #dddddd);
  overflow: visible;
  z-index: 1;
  transition: all 500ms ease;
}
.why-choose-one__tab-box .tab-buttons .tab-btn:first-child {
  border-left: 1px solid var(--insuba-border-color, #dddddd);
}
@media (max-width: 1199px) {
  .why-choose-one__tab-box .tab-buttons .tab-btn {
    padding-left: 15px;
    padding-right: 15px;
    font-size: 15px;
  }
}
@media (max-width: 991px) {
  .why-choose-one__tab-box .tab-buttons .tab-btn {
    width: 25%;
  }
  .why-choose-one__tab-box .tab-buttons .tab-btn:last-child {
    border-top: 0;
    border-left: 1px solid var(--insuba-border-color, #dddddd);
  }
}
@media (max-width: 767px) {
  .why-choose-one__tab-box .tab-buttons .tab-btn {
    width: 33.333%;
  }
  .why-choose-one__tab-box .tab-buttons .tab-btn:nth-child(4) {
    border-top: 0;
    border-left: 1px solid var(--insuba-border-color, #dddddd);
  }
  .why-choose-one__tab-box .tab-buttons .tab-btn:last-child {
    border-left: 0;
  }
}
@media (max-width: 575px) {
  .why-choose-one__tab-box .tab-buttons .tab-btn {
    width: 50%;
  }
  .why-choose-one__tab-box .tab-buttons .tab-btn:nth-child(3) {
    border-top: 0;
    border-left: 1px solid var(--insuba-border-color, #dddddd);
  }
  .why-choose-one__tab-box .tab-buttons .tab-btn:nth-child(4) {
    border-left: 0;
  }
  .why-choose-one__tab-box .tab-buttons .tab-btn:last-child {
    border-left: 1px solid var(--insuba-border-color, #dddddd);
  }
}
@media (max-width: 390px) {
  .why-choose-one__tab-box .tab-buttons .tab-btn {
    width: 100%;
    border: 0;
    border-bottom: 1px solid var(--insuba-border-color, #dddddd) !important;
    border-left: 1px solid var(--insuba-border-color, #dddddd) !important;
    border-right: 1px solid var(--insuba-border-color, #dddddd) !important;
  }
  .why-choose-one__tab-box .tab-buttons .tab-btn:first-child {
    border-top: 1px solid var(--insuba-border-color, #dddddd);
  }
}
.why-choose-one__tab-box .tab-buttons .tab-btn:hover {
  color: var(--insuba-white, #ffffff);
}
.why-choose-one__tab-box .tab-buttons .tab-btn::before {
  content: "";
  position: absolute;
  left: 50%;
  bottom: -23px;
  transform: translateX(-50%);
  opacity: 0;
  width: 0px;
  height: 0px;
  border-style: solid;
  border-width: 23px 22.5px 0 22.5px;
  border-color: var(--insuba-base, #0365d3) transparent transparent transparent;
  transition: all 500ms ease;
}
@media (max-width: 991px) {
  .why-choose-one__tab-box .tab-buttons .tab-btn::before {
    display: none;
  }
}
.why-choose-one__tab-box .tab-buttons .tab-btn__icon {
  font-size: 20px;
}
.why-choose-one__tab-box .tab-buttons .tab-btn.active-btn {
  color: var(--insuba-white, #ffffff);
  background-color: var(--insuba-base, #0365d3);
}
.why-choose-one__tab-box .tab-buttons .tab-btn.active-btn::before {
  opacity: 1;
}
.why-choose-one__tab-box .tabs-content {
  position: relative;
  display: block;
}
.why-choose-one__tab-box .tabs-content .tab {
  position: relative;
  display: none;
  -webkit-transition: all 600ms ease;
  -moz-transition: all 600ms ease;
  -ms-transition: all 600ms ease;
  -o-transition: all 600ms ease;
  transition: all 600ms ease;
  z-index: 10;
}
.why-choose-one__tab-box .tabs-content .tab.active-tab {
  display: block;
}
.why-choose-one__content {
  padding-right: 72px;
}
@media (max-width: 1199px) {
  .why-choose-one__content {
    padding-right: 200px;
  }
}
@media (max-width: 991px) {
  .why-choose-one__content {
    padding-right: 0px;
  }
}
.why-choose-one__title {
  margin-bottom: 26px;
  font-size: 35px;
  font-weight: 700;
  line-height: 1.314;
}
@media (max-width: 575px) {
  .why-choose-one__title {
    font-size: 33px;
  }
}
.why-choose-one__text {
  margin-bottom: 24px;
}
.why-choose-one__insurance {
  position: relative;
  padding-bottom: 10px;
  margin-bottom: 22px;
  border-bottom: 1px solid var(--insuba-border-color, #dddddd);
}
.why-choose-one__insurance__inner {
  display: flex;
  align-items: center;
  gap: 40px;
}
.why-choose-one__insurance__icon {
  display: inline-flex;
  flex-shrink: 0;
  font-size: 49px;
  color: var(--insuba-black10, #000000);
}
.why-choose-one__insurance__content {
  position: relative;
}
.why-choose-one__insurance__content::before {
  content: "";
  width: 2px;
  height: calc(100% - 14px);
  position: absolute;
  top: 50%;
  left: -20px;
  transform: translateY(-50%);
  background-color: var(--insuba-base, #0365d3);
}
.why-choose-one__insurance__title {
  margin-bottom: 3px;
  font-size: 18px;
  font-weight: 700;
  line-height: 1.5;
  background-color: #2083f4;
  color: white;
  padding: 5px 5px;
}
.why-choose-one__insurance__text {
  margin: 0;
}
.why-choose-one__insurance__image {
  position: relative;
  position: absolute;
  display: table;
  right: 0;
  bottom: -1px;
}
@media (max-width: 575px) {
  .why-choose-one__insurance__image {
    margin-top: 30px;
    position: relative;
    right: auto;
    bottom: 0;
  }
}
.why-choose-one__insurance__image::after {
  content: "";
  width: 90px;
  height: 54px;
  position: absolute;
  right: -5px;
  bottom: -5px;
  background-color: var(--insuba-base, #0365d3);
  z-index: -1;
}
.why-choose-one__insurance__image img {
  max-width: 100%;
  height: auto;
}
.why-choose-one__list {
  margin-bottom: 30px;
}
.why-choose-one__list li {
  display: flex;
  gap: 10px;
  font-size: 16px;
  font-weight: 500;
  color: var(--insuba-black2, #333333);
  line-height: 1.75;
}
.why-choose-one__list li + li {
  margin-top: 5px;
}
.why-choose-one__list li .why-choose-one__list__icon {
  flex-shrink: 0;
  font-size: 17px;
  color: var(--insuba-base, #0365d3);
}
.why-choose-one__image {
  position: relative;
  margin-left: auto;
  display: table;
}
@media (max-width: 1199px) {
  .why-choose-one__image {
    margin-top: 60px;
    margin-left: 110px;
  }
}
@media (max-width: 575px) {
  .why-choose-one__image {
    margin-left: 55px;
  }
}
@media (max-width: 425px) {
  .why-choose-one__image {
    margin-left: 33px;
  }
}
@media (max-width: 390px) {
  .why-choose-one__image {
    margin-left: 25px;
  }
}
.why-choose-one__image img {
  position: relative;
  z-index: 1;
  max-width: 100%;
  height: auto;
  border-radius: 15px;
}
.why-choose-one__image__star-text {
  position: absolute;
  top: 47px;
  left: -120px;
  font-family: var(--insuba-heading-font, "Poppins", serif);
  font-weight: 700;
  font-size: 148px;
  color: var(--insuba-white, #ffffff);
  line-height: 1;
  text-shadow: 2px 2px 0 var(--insuba-black10, #000000), -2px -2px 0 var(--insuba-black10, #000000), 2px -2px 0 var(--insuba-black10, #000000), -2px 2px 0 var(--insuba-black10, #000000), 2px 2px 0 var(--insuba-black10, #000000);
  animation: zoomIn 2s linear infinite;
}
@media (max-width: 575px) {
  .why-choose-one__image__star-text {
    display: none;
  }
}
.why-choose-one__image__shape {
  width: 190px;
  height: 291px;
  position: relative;
  position: absolute;
  left: -33px;
  bottom: -31px;
  background-color: var(--insuba-white6, #e4e8eb);
  border-radius: 15px;
}
@media (max-width: 425px) {
  .why-choose-one__image__shape {
    animation: zumpBottom 2s linear infinite;
  }
}
@media (max-width: 390px) {
  .why-choose-one__image__shape {
    height: 250px;
    left: -25px;
    bottom: -25px;
  }
}
.why-choose-one__image__shape::after {
  content: "";
  width: 100%;
  height: calc(100% - 37px);
  position: absolute;
  top: -41px;
  left: -24px;
  border-radius: inherit;
  border: 1px solid var(--insuba-base, #0365d3);
  animation: zumpBottom 2s linear infinite;
}
@media (max-width: 425px) {
  .why-choose-one__image__shape::after {
    display: none;
  }
}

/*--------------------------------------------------------------
# Faq
--------------------------------------------------------------*/
.faq-accordion {
  position: relative;
  z-index: 1;
}
.faq-accordion .accordion + .accordion {
  margin-top: 30px;
}
.faq-accordion .accordion {
  background-color: var(--insuba-white, #ffffff);
  border-radius: 30px;
  border: 1px solid var(--insuba-border-color, #dddddd);
}
.faq-accordion .accordion-title {
  position: relative;
  padding: 7.5px 50px 7.5px 10px;
  display: flex;
  align-items: center;
  gap: 12px;
  cursor: pointer;
  overflow: hidden;
  border-radius: 30px;
}
.faq-accordion .accordion-title::before {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  border-radius: inherit;
  background-color: var(--insuba-black5, #0f3667);
  opacity: 0;
  transition: all 500ms ease;
}
.faq-accordion .accordion-title::after {
  content: "\f078";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  font-size: 16px;
  color: var(--insuba-black5, #0f3667);
  position: absolute;
  top: 50%;
  right: 23px;
  transform: translateY(-50%);
  z-index: 1;
  transition: all 500ms ease;
}
.faq-accordion .accordion-title__icon {
  position: relative;
  width: 28px;
  height: 28px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  background-color: var(--insuba-base, #0365d3);
  font-size: 12px;
  color: var(--insuba-white, #ffffff);
  border-radius: 50%;
  z-index: 1;
  transition: all 500ms ease;
}
.faq-accordion .accordion-title h4 {
  margin: 0;
  position: relative;
  font-size: 16px;
  color: var(--insuba-black5, #0f3667);
  font-weight: 600;
  line-height: 1.625;
  transition: all 500ms ease;
}
.faq-accordion .active .accordion-title::before {
  opacity: 1;
}
.faq-accordion .active .accordion-title::after {
  color: var(--insuba-white, #ffffff);
  transform: translateY(-50%) rotate(180deg);
}
.faq-accordion .active .accordion-title__icon {
  color: var(--insuba-base, #0365d3);
  background-color: var(--insuba-white, #ffffff);
  transform: rotate(45deg);
}
.faq-accordion .active .accordion-title h4 {
  color: var(--insuba-white, #ffffff);
}
.faq-accordion .accordion-content .inner {
  padding: 18px 37px 20px;
}
.faq-accordion .accordion-content p {
  position: relative;
  margin: 0;
}
.faq-accordion .accordion-content p::before {
  content: "";
  width: 2px;
  height: calc(100% - 14px);
  position: absolute;
  top: 50%;
  left: -11px;
  transform: translateY(-50%);
  background-color: var(--insuba-base, #0365d3);
}

.faq-one {
  background: linear-gradient(180deg, var(--insuba-white, #ffffff) 60%, var(--insuba-white5, #f0f5f5));
}
.faq-one .sec-title {
  margin-bottom: 24px;
}
.faq-one .faq-accordion .accordion-title h4 {
  color: var(--insuba-black6, #232323);
}
.faq-one .faq-accordion .active .accordion-title h4 {
  color: var(--insuba-white, #ffffff);
}
.faq-one__image {
  position: relative;
  margin-left: auto;
  display: table;
  padding: 68px 45px 58px;
  background-color: var(--insuba-base, #0365d3);
  border-radius: 1000px 1000px 0 0;
}
@media (min-width: 992px) and (max-width: 1199px) {
  .faq-one__image {
    padding-left: 30px;
    padding-right: 30px;
    padding-bottom: 100px;
  }
}
@media (max-width: 991px) {
  .faq-one__image {
    margin-left: 0;
  }
}
@media (max-width: 575px) {
  .faq-one__image {
    padding-left: 30px;
    padding-right: 30px;
    padding-bottom: 180px;
  }
}
@media (max-width: 430px) {
  .faq-one__image {
    padding-bottom: 180px;
  }
}
@media (max-width: 360px) {
  .faq-one__image {
    padding-bottom: 200px;
  }
}
.faq-one__image__overlay {
  width: calc(100% - 2px);
  height: 355px;
  position: relative;
  position: absolute;
  top: 1px;
  left: 50%;
  transform: translateX(-50%);
  background-color: var(--insuba-white, #ffffff);
  overflow: hidden;
  border-radius: inherit;
  z-index: 1;
}
.faq-one__image__overlay::after {
  content: "";
  width: 76px;
  height: 76px;
  position: absolute;
  top: -18px;
  right: 62px;
  background-color: var(--insuba-base, #0365d3);
}
@media (max-width: 575px) {
  .faq-one__image__overlay::after {
    display: none;
  }
}
.faq-one__image__one {
  margin: 0 auto;
  position: relative;
  width: 404px;
  height: 404px;
  text-align: center;
  border-radius: 50%;
  background-color: var(--insuba-white, #ffffff);
  z-index: 2;
}
@media (min-width: 992px) and (max-width: 1199px) {
  .faq-one__image__one {
    width: 380px;
    height: 380px;
  }
}
@media (max-width: 575px) {
  .faq-one__image__one {
    width: 340px;
    height: 340px;
    bottom: -60px;
  }
}
@media (max-width: 430px) {
  .faq-one__image__one {
    width: 300px;
    height: 300px;
    bottom: -80px;
  }
}
@media (max-width: 390px) {
  .faq-one__image__one {
    width: 270px;
    height: 270px;
  }
}
@media (max-width: 360px) {
  .faq-one__image__one {
    width: 230px;
    height: 230px;
    bottom: -115px;
  }
}
.faq-one__image__one img {
  max-width: 100%;
  height: auto;
}
.faq-one__image__one__image {
  position: relative;
  top: -23px;
  animation: moveHorizontal2 2s linear infinite;
}
@media (min-width: 992px) and (max-width: 1199px) {
  .faq-one__image__one__image {
    top: -30px;
  }
}
@media (max-width: 575px) {
  .faq-one__image__one__image {
    top: -75px;
  }
}
@media (max-width: 430px) {
  .faq-one__image__one__image {
    top: -100px;
  }
}
.faq-one__image__umbrella {
  position: absolute;
  left: 50%;
  bottom: -36px;
  transform: translateX(-50%);
}
@media (max-width: 575px) {
  .faq-one__image__umbrella {
    bottom: -40px;
  }
}
@media (max-width: 430px) {
  .faq-one__image__umbrella {
    display: none;
  }
}
.faq-one__image__two {
  width: 348px;
  height: 348px;
  border-radius: 50%;
  position: relative;
  position: absolute;
  top: 2px;
  right: -218px;
  z-index: -1;
}
@media (max-width: 1699px) {
  .faq-one__image__two {
    right: -180px;
  }
}
@media (max-width: 1599px) {
  .faq-one__image__two {
    right: -100px;
  }
}
@media (max-width: 1399px) {
  .faq-one__image__two {
    right: -70px;
  }
}
@media (min-width: 992px) and (max-width: 1340px) {
  .faq-one__image__two {
    display: none;
  }
}
@media (max-width: 991px) {
  .faq-one__image__two {
    right: -200px;
  }
}
@media (max-width: 767px) {
  .faq-one__image__two {
    display: none;
  }
}
.faq-one__image__two::after {
  content: "";
  width: inherit;
  height: inherit;
  border-radius: inherit;
  background-color: var(--insuba-base, #0365d3);
  position: absolute;
  top: 0;
  right: -9px;
}
.faq-one__image__two__image {
  position: relative;
  z-index: 1;
  width: inherit;
  height: inherit;
  border-radius: inherit;
}
.faq-one__image__shape {
  position: absolute;
  right: 67px;
  bottom: -143px;
  z-index: 2;
  animation: zumpBottom 2s linear infinite;
}
@media (max-width: 1699px) {
  .faq-one__image__shape {
    right: 30px;
  }
}
@media (max-width: 1599px) {
  .faq-one__image__shape {
    right: 8px;
  }
}
@media (max-width: 1399px) {
  .faq-one__image__shape {
    right: 8px;
  }
}
.faq-one__image__title {
  margin: 0;
  position: absolute;
  top: 179px;
  right: -7px;
  transform: rotate(90deg);
  font-size: 63px;
  font-weight: 700;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: RGBA(var(--insuba-black-rgb, 18, 47, 42), 0.1);
  color: transparent;
  text-transform: uppercase;
  line-height: 1;
  z-index: 3;
}
@media (min-width: 992px) and (max-width: 1199px) {
  .faq-one__image__title {
    top: 190px;
    right: -35px;
  }
}
@media (max-width: 575px) {
  .faq-one__image__title {
    top: 150px;
    right: -20px;
    font-size: 60px;
  }
}
@media (max-width: 430px) {
  .faq-one__image__title {
    font-size: 52px;
  }
}
@media (max-width: 360px) {
  .faq-one__image__title {
    font-size: 48px;
  }
}
@media (max-width: 380px) {
  .faq-one__image__title {
    right: -30px;
  }
}
.faq-one__image__text {
  margin: 0;
  display: inline-block;
  padding: 2px 12.5px;
  position: absolute;
  right: 15px;
  bottom: 15px;
  font-family: var(--insuba-heading-font, "Poppins", serif);
  font-size: 18px;
  font-weight: 500;
  color: var(--insuba-white, #ffffff);
  line-height: 1.555;
  border: 1px solid var(--insuba-white, #ffffff);
  border-radius: 5px;
  z-index: 2;
}
@media (max-width: 430px) {
  .faq-one__image__text {
    right: 25px;
    bottom: 25px;
  }
}
.faq-one__image__question {
  position: absolute;
  top: 19px;
  left: 12px;
  width: 119px;
  height: 119px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background-color: var(--insuba-white, #ffffff);
  border: 6px solid var(--insuba-black5, #0f3667);
  font-family: var(--insuba-heading-font, "Poppins", serif);
  font-size: 63px;
  font-weight: 700;
  color: var(--insuba-black5, #0f3667);
  z-index: 2;
  animation: animatedColor 1500ms ease infinite;
}
@media (max-width: 575px) {
  .faq-one__image__question {
    top: 10px;
    left: 0px;
  }
}
@media (max-width: 390px) {
  .faq-one__image__question {
    width: 100px;
    height: 100px;
    font-size: 60px;
  }
}
.faq-one__image__shape-box {
  width: calc(100% - 2px);
  height: 100%;
  position: relative;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  border-radius: inherit;
  overflow: hidden;
  background-color: transparent;
}
.faq-one__image__shape-one, .faq-one__image__shape-two {
  position: absolute;
  bottom: 100px;
  width: 320px;
  height: 320px;
  border-radius: 50%;
  background-color: var(--insuba-black5, #0f3667);
  border: 5px solid var(--insuba-white, #ffffff);
}
.faq-one__image__shape-one {
  left: -90px;
}
.faq-one__image__shape-two {
  right: -90px;
}
.faq-one__common-question {
  margin: 47px 0 0 0;
}
.faq-one__common-question li {
  display: flex;
  justify-content: center;
  gap: 11px;
  font-family: var(--insuba-heading-font, "Poppins", serif);
  font-size: 16px;
  font-weight: 600;
  color: var(--insuba-black6, #232323);
  line-height: 1.75;
}
.faq-one__common-question li p {
  margin: 0;
}
.faq-one__common-question li a {
  color: inherit;
  text-decoration: underline;
}
.faq-one__common-question li a:hover {
  color: var(--insuba-base, #0365d3);
}
.faq-one__common-question li .faq-one__common-question__icon {
  display: inline-flex;
  position: relative;
  top: 4px;
  flex-shrink: 0;
  font-size: 18px;
  color: var(--insuba-base, #0365d3);
}

.faq-two {
  background-color: var(--insuba-white, #ffffff);
}
.faq-two .container {
  position: relative;
}
.faq-two__image {
  display: table;
  position: relative;
  position: absolute;
  left: 8px;
  bottom: -120px;
}
@media (max-width: 1199px) {
  .faq-two__image {
    margin-bottom: 50px;
    position: relative;
    left: 0;
    bottom: 0;
  }
}
.faq-two__image__inner {
  position: relative;
}
@media (min-width: 1200px) {
  .faq-two__image__inner {
    animation: moveHorizontal 2s linear infinite;
  }
}
.faq-two__image__img {
  position: relative;
  z-index: 1;
  max-width: 100%;
  height: auto;
}
.faq-two__image__question {
  display: inline-flex;
  font-size: 119px;
  color: var(--insuba-black5, #0f3667);
  position: absolute;
  top: 115px;
  right: 58px;
  z-index: 2;
  animation: animatedColor 1500ms ease infinite;
}
.faq-two__image__question svg {
  width: 1em;
  height: 1em;
  fill: currentColor;
}
@media (max-width: 500px) {
  .faq-two__image__question {
    font-size: 100px;
    top: 0;
    right: 20px;
  }
}
@media (max-width: 390px) {
  .faq-two__image__question {
    font-size: 80px;
  }
}
@media (max-width: 375px) {
  .faq-two__image__question {
    right: 10px;
  }
}
.faq-two__image__shape {
  width: calc(100% - 76px);
  height: 427px;
  background-color: var(--insuba-base, #0365d3);
  position: relative;
  position: absolute;
  left: calc(50% - 53px);
  bottom: 0;
  transform: translateX(-50%);
  clip-path: polygon(0 0, 100% 68%, 100% 100%, 0% 100%);
}
@media (max-width: 575px) {
  .faq-two__image__shape {
    width: 100%;
    left: 50%;
  }
}
@media (max-width: 500px) {
  .faq-two__image__shape {
    height: 370px;
  }
}
@media (max-width: 430px) {
  .faq-two__image__shape {
    height: 300px;
  }
}
@media (max-width: 390px) {
  .faq-two__image__shape {
    height: 280px;
  }
}
@media (max-width: 360px) {
  .faq-two__image__shape {
    height: 270px;
  }
}
.faq-two__image__shape::after {
  content: "";
  width: calc(100% - 86px);
  height: 100%;
  position: absolute;
  left: 50%;
  bottom: 43px;
  transform: translateX(-50%);
  background-color: var(--insuba-white, #ffffff);
}
@media (max-width: 500px) {
  .faq-two__image__shape::after {
    width: calc(100% - 50px);
    bottom: 25px;
  }
}
@media (max-width: 375px) {
  .faq-two__image__shape::after {
    width: calc(100% - 40px);
    bottom: 20px;
  }
}

@keyframes animatedColor {
  0% {
    color: var(--insuba-black5, #0f3667);
    border-color: var(--insuba-black5, #0f3667);
  }
  50% {
    color: var(--insuba-base, #0365d3);
    border-color: var(--insuba-base, #0365d3);
  }
  100% {
    color: var(--insuba-black5, #0f3667);
    border-color: var(--insuba-black5, #0f3667);
  }
}
/*--------------------------------------------------------------
# Pricing
--------------------------------------------------------------*/
.pricing-card {
  position: relative;
  padding: 90px 40px 49px;
  border: 1px solid var(--insuba-border-color, #dddddd);
  background-color: var(--insuba-white, #ffffff);
  border-radius: 20px;
  overflow: hidden;
  transition: all 500ms ease;
}
@media (min-width: 992px) and (max-width: 1199px) {
  .pricing-card {
    padding-top: 110px;
    padding-left: 20px;
    padding-right: 20px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .pricing-card {
    padding-left: 25px;
    padding-right: 25px;
  }
}
@media (max-width: 991px) {
  .pricing-card {
    padding-top: 140px;
  }
}
@media (max-width: 425px) {
  .pricing-card {
    padding-left: 30px;
    padding-right: 30px;
  }
}
@media (max-width: 390px) {
  .pricing-card {
    padding-left: 25px;
    padding-right: 25px;
  }
}
@media (max-width: 375px) {
  .pricing-card {
    padding-left: 20px;
    padding-right: 20px;
  }
}
.pricing-card:hover {
  border-color: transparent;
}
.pricing-card__bg {
  position: relative;
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 0%;
  position: absolute;
  background-color: var(--insuba-black5, #0f3667);
  border-radius: inherit;
  transition: all 500ms ease;
}
.pricing-card__bg__inner {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  opacity: 0.09;
  mix-blend-mode: luminosity;
  border-radius: inherit;
}
.pricing-card:hover .pricing-card__bg {
  height: 100%;
  top: 0;
}
.pricing-card__category {
  width: 400px;
  margin: 0;
  padding: 20px;
  position: absolute;
  top: 30px;
  left: -135px;
  transform: rotate(-45deg);
  font-size: 22px;
  font-weight: 700;
  text-align: center;
  color: var(--insuba-white, #ffffff);
  text-transform: capitalize;
  line-height: 1.318;
  background-color: var(--insuba-base, #0365d3);
  z-index: 1;
}
@media (max-width: 375px) {
  .pricing-card__category {
    padding: 15px;
    left: -138px;
  }
}
.pricing-card__icon {
  position: absolute;
  top: -77px;
  right: -79px;
  padding-left: 40px;
  padding-bottom: 35px;
  width: 191px;
  height: 191px;
  display: flex;
  align-items: flex-end;
  flex-shrink: 0;
  font-size: 57px;
  background-color: var(--insuba-white, #ffffff);
  filter: drop-shadow(0 0 16px rgba(26, 61, 100, 0.08));
  border-radius: 50%;
  z-index: 1;
}
@media (min-width: 992px) and (max-width: 1199px) {
  .pricing-card__icon {
    padding-left: 35px;
    padding-bottom: 30px;
    width: 175px;
    height: 175px;
    font-size: 47px;
  }
}
.pricing-card:hover .pricing-card__icon > * {
  -webkit-animation-name: wobble-horizontal-hover;
  animation-name: wobble-horizontal-hover;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
}
.pricing-card__content {
  position: relative;
  z-index: 1;
}
.pricing-card__price {
  margin-bottom: 3px;
  font-size: 40px;
  text-align: center;
  font-weight: 700;
  line-height: 1.25;
  transition: all 500ms ease;
}
.pricing-card__limit {
  margin-bottom: 26px;
  text-align: center;
  transition: all 500ms ease;
}
.pricing-card__list {
  margin-bottom: 31px;
}
.pricing-card__list li {
  padding: 9.5px 20px;
  display: flex;
  gap: 12px;
  font-size: 16px;
  color: var(--insuba-text, #636363);
  line-height: 1.625;
  background-color: var(--insuba-white5, #f0f5f5);
  border: 1px solid transparent;
  border-radius: 24px;
  transition: all 500ms ease;
}
.pricing-card__list li + li {
  margin-top: 20px;
}
@media (min-width: 992px) and (max-width: 1199px) {
  .pricing-card__list li {
    padding-left: 13px;
    padding-right: 13px;
  }
}
@media (max-width: 425px) {
  .pricing-card__list li {
    padding-left: 15px;
    padding-right: 15px;
  }
}
.pricing-card__list__icon {
  position: relative;
  top: 2px;
  display: inline-flex;
  flex-shrink: 0;
  font-size: 19px;
  color: var(--insuba-base, #0365d3);
  transition: all 500ms ease;
}
.pricing-card__list__icon--close {
  color: var(--insuba-text, #636363);
}
.pricing-card:hover .pricing-card__list li {
  background-color: var(--insuba-black5, #0f3667);
  border-color: var(--insuba-gray6, #3c5c83);
}
.pricing-card:hover .pricing-card__price, .pricing-card:hover .pricing-card__limit, .pricing-card:hover .pricing-card__list li, .pricing-card:hover .pricing-card__list__icon--close {
  color: var(--insuba-white, #ffffff);
}
.pricing-card__button {
  text-align: center;
}
.pricing-card__button .insuba-btn:hover {
  color: var(--insuba-black3, #19232b);
}
.pricing-card__button .insuba-btn:hover .insuba-btn__icon-box::before {
  background-color: var(--insuba-white5, #f0f5f5);
}
.pricing-card__button .insuba-btn::after {
  background-color: var(--insuba-white5, #f0f5f5);
}
.pricing-card__shape {
  width: calc(100% + 200px);
  display: block;
  position: absolute;
  left: 50%;
  bottom: -78px;
  transform: translateX(-50%);
}
@media (min-width: 768px) and (max-width: 1199px) {
  .pricing-card__shape {
    bottom: -65px;
  }
}
@media (max-width: 767px) {
  .pricing-card__shape {
    display: none;
  }
}
.pricing-card--standard {
  padding-top: 141px;
  padding-bottom: 81px;
  border-color: transparent;
}
@media (max-width: 991px) {
  .pricing-card--standard {
    padding-top: 140px;
    padding-bottom: 49px;
  }
}
.pricing-card--standard .pricing-card__bg {
  height: 100%;
  top: 0;
}
.pricing-card--standard:hover .pricing-card__icon > * {
  animation-play-state: paused;
}
.pricing-card--standard .pricing-card__category {
  top: 55px;
  left: -118px;
}
@media (min-width: 768px) and (max-width: 1199px) {
  .pricing-card--standard .pricing-card__category {
    top: 30px;
    left: -135px;
  }
}
@media (max-width: 450px) {
  .pricing-card--standard .pricing-card__category {
    top: 30px;
    left: -135px;
  }
}
@media (max-width: 375px) {
  .pricing-card--standard .pricing-card__category {
    left: -138px;
  }
}
.pricing-card--standard .pricing-card__list li {
  background-color: var(--insuba-black5, #0f3667);
  border-color: var(--insuba-gray6, #3c5c83);
}
.pricing-card--standard .pricing-card__price,
.pricing-card--standard .pricing-card__limit,
.pricing-card--standard .pricing-card__list li,
.pricing-card--standard .pricing-card__list__icon--close {
  color: var(--insuba-white, #ffffff);
}

.pricing-one {
  background-color: var(--insuba-white, #ffffff);
}
.pricing-one--home {
  background: linear-gradient(180deg, transparent, var(--insuba-white5, #f0f5f5));
}
.pricing-one--home .pricing-card {
  border: 0;
}
.pricing-one__grid {
  display: grid;
  grid-template-columns: auto 34.189% auto;
  align-items: center;
}
@media (max-width: 991px) {
  .pricing-one__grid {
    grid-template-columns: auto auto;
    grid-gap: 30px;
  }
}
@media (max-width: 767px) {
  .pricing-one__grid {
    grid-template-columns: auto;
  }
}

/*--------------------------------------------------------------
# Features
--------------------------------------------------------------*/
.features-one {
  margin-top: -207px;
  position: relative;
  z-index: 2;
  background-color: transparent;
}
@media (max-width: 1399px) {
  .features-one {
    margin-top: -150px;
  }
}
@media (max-width: 767px) {
  .features-one {
    margin-top: 0;
    padding-top: 80px;
  }
}
.features-one .row {
  --bs-gutter-x: 20px;
  justify-content: flex-end;
}
@media (max-width: 1199px) {
  .features-one .row {
    justify-content: center;
  }
}
.features-one__column {
  flex: 0 0 auto;
  width: 16.81%;
}
@media (max-width: 1199px) {
  .features-one__column {
    width: 21%;
  }
}
@media (max-width: 991px) {
  .features-one__column {
    width: 29%;
  }
}
@media (max-width: 767px) {
  .features-one__column {
    width: 100%;
  }
}
.features-one__card {
  padding: 5px;
  border-radius: 10px;
  background-color: var(--insuba-white, #ffffff);
  transition: all 500ms linear;
}
.features-one__card:hover {
  transform: translateY(-30px);
}
.features-one__card__content {
  position: relative;
  padding: 35px 30px 29px;
  background-color: var(--insuba-black4, #0f3564);
  border-radius: inherit;
  overflow: hidden;
}
.features-one__card__content::before {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  right: -100%;
  bottom: -100%;
  border-radius: inherit;
  background-color: var(--insuba-base, #0365d3);
  transition: all 500ms ease;
}
.features-one__card__content::after {
  content: "";
  width: 38px;
  height: 38px;
  border-radius: 50%;
  background-color: var(--insuba-blue, #7bb9ff);
  position: absolute;
  right: -12px;
  bottom: -10px;
  opacity: 0;
  z-index: 1;
  transition: all 500ms ease 400ms;
}
.features-one__card:hover .features-one__card__content::before {
  right: 0;
  bottom: 0;
}
.features-one__card:hover .features-one__card__content::after {
  opacity: 1;
}
.features-one__card__icon {
  position: relative;
  margin-bottom: 13px;
  display: inline-flex;
  font-size: 51px;
  color: var(--insuba-white, #ffffff);
  z-index: 2;
}
.features-one__card__icon svg {
  width: 1em;
  height: 1em;
  fill: currentColor;
}
.features-one__card__title {
  position: relative;
  margin-bottom: 4px;
  font-size: 22px;
  font-weight: 700;
  color: var(--insuba-white, #ffffff);
  line-height: 1.318;
  z-index: 2;
}
.features-one__card__title a {
  color: inherit;
  background: linear-gradient(to right, currentcolor 0%, currentcolor 100%) 0px 95%/0px 1px no-repeat;
  transition: all 500ms ease;
}
.features-one__card__title a:hover {
  background-size: 100% 1px;
}
.features-one__card__text {
  position: relative;
  margin: 0;
  color: var(--insuba-white, #ffffff);
  z-index: 2;
}
.features-one__card__btn {
  position: absolute;
  top: 10px;
  right: 10px;
  width: 33px;
  height: 33px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--insuba-white, #ffffff);
  border-radius: 50%;
  transition: all 500ms ease;
  z-index: 2;
}
.features-one__card__btn__icon {
  display: inline-flex;
  font-size: 14px;
  color: var(--insuba-black4, #0f3564);
  transition: all 500ms ease;
}
.features-one__card__btn__icon svg {
  width: 1em;
  height: 1em;
  fill: currentColor;
}
.features-one__card__btn:hover .features-one__card__btn__icon {
  transform: rotate(90deg);
}
.features-one--service-details {
  padding: 0;
  margin: 0;
}
.features-one--service-details .features-one__column {
  width: 50%;
}
@media (max-width: 575px) {
  .features-one--service-details .features-one__column {
    width: 100%;
  }
}
.features-one--service-details .features-one__card:hover {
  transform: translateY(0px);
}

.features-two {
  background: linear-gradient(180deg, transparent, var(--insuba-white5, #f0f5f5));
}
.features-two__carousel.owl-carousel .owl-nav.disabled + .owl-dots {
  margin-top: 74px;
}
.features-two__carousel.owl-carousel .owl-dots,
.features-two__carousel.owl-carousel .owl-nav {
  margin-top: 74px;
}
.features-two__carousel.owl-carousel .owl-nav button {
  background-color: var(--insuba-white, #ffffff);
}
.features-two__card {
  position: relative;
  padding: 27px 36px 46px;
  background-color: var(--insuba-white, #ffffff);
  border-radius: 30px;
}
@media (max-width: 360px) {
  .features-two__card {
    padding-left: 30px;
    padding-right: 30px;
  }
}
.features-two__card__bg {
  width: 100%;
  height: 100%;
  position: relative;
  position: absolute;
  top: 0;
  left: 0;
  border-radius: inherit;
  overflow: hidden;
}
.features-two__card__bg::before {
  content: "";
  width: 200px;
  height: 100px;
  position: absolute;
  top: -58px;
  left: -113px;
  transform: rotate(-45deg);
  background-color: var(--insuba-base, #0365d3);
}
.features-two__card__bg__inner {
  width: 100%;
  height: 100%;
  position: relative;
  position: absolute;
  right: -100%;
  bottom: -100%;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  border-radius: inherit;
  z-index: 1;
  transition: all 500ms ease;
}
.features-two__card__bg__inner::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: RGBA(var(--insuba-base-rgb, 3, 101, 211), 0.89);
  border-radius: inherit;
}
.features-two__card:hover .features-two__card__bg__inner {
  right: 0px;
  bottom: 0px;
}
.features-two__card__content {
  position: relative;
  text-align: center;
  z-index: 2;
}
.features-two__card__icon-box {
  margin: 0 auto 15px;
  width: 100px;
  height: 100px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  background-color: var(--insuba-white5, #f0f5f5);
  background: linear-gradient(180deg, transparent 50%, RGBA(var(--insuba-base-rgb, 3, 101, 211), 0.09)) 50%;
  border-radius: 50%;
  transition: all 500ms ease;
}
.features-two__card:hover .features-two__card__icon-box {
  background: linear-gradient(180deg, transparent 50%, RGBA(var(--insuba-white-rgb, 255, 255, 255), 0.09)) 50%;
}
.features-two__card__icon {
  display: inline-flex;
  font-size: 50px;
  color: var(--insuba-black4, #0f3564);
  transition: all 500ms ease;
}
.features-two__card__icon svg {
  width: 1em;
  height: 1em;
  fill: currentColor;
}
.features-two__card:hover .features-two__card__icon {
  color: var(--insuba-white, #ffffff);
  -webkit-animation-name: wobble-horizontal-hover;
  animation-name: wobble-horizontal-hover;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
}
.features-two__card__title {
  margin-bottom: 8px;
  font-size: 22px;
  font-weight: 700;
  line-height: 1.318;
  text-transform: capitalize;
}
.features-two__card__title a {
  color: inherit;
  background: linear-gradient(to right, currentcolor 0%, currentcolor 100%) 0px 95%/0px 1px no-repeat;
  transition: all 500ms ease;
}
.features-two__card__title a:hover {
  background-size: 100% 1px;
}
.features-two__card__text {
  margin: 0;
  transition: all 500ms ease;
}
.features-two__card:hover .features-two__card__title, .features-two__card:hover .features-two__card__text {
  color: var(--insuba-white, #ffffff);
}
.features-two__card__btn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 47px;
  height: 47px;
  position: absolute;
  left: 50%;
  bottom: -23px;
  transform: translateX(-50%);
  background-color: var(--insuba-base, #0365d3);
  border-radius: 50%;
  overflow: hidden;
  z-index: 2;
  transition: all 500ms ease;
}
.features-two__card__btn__icon {
  display: inline-flex;
  font-size: 20px;
  color: var(--insuba-white, #ffffff);
  transition: all 500ms ease;
}
.features-two__card__btn__icon svg {
  width: 1em;
  height: 1em;
  fill: currentColor;
}
.features-two__card__btn:hover .features-two__card__btn__icon {
  transform: rotate(90deg);
}
.features-two__card:hover .features-two__card__btn {
  background-color: var(--insuba-black4, #0f3564);
}

/*--------------------------------------------------------------
# Company Info
--------------------------------------------------------------*/
.company-info {
  background-color: var(--insuba-white, #ffffff);
}
.company-info__inner {
  background-color: var(--insuba-black4, #0f3564);
  border-radius: 0 0 29px 29px;
  overflow: hidden;
}
@media (max-width: 991px) {
  .company-info__inner {
    padding: 40px 40px 31px;
  }
}
@media (max-width: 767px) {
  .company-info__inner {
    padding-left: 30px;
    padding-right: 30px;
  }
}
@media (max-width: 575px) {
  .company-info__image {
    text-align: center;
  }
}
.company-info__image img {
  max-width: 100%;
  height: auto;
  border-radius: 0 0 0 29px;
  border-right: 4px solid var(--insuba-white, #ffffff);
}
@media (max-width: 991px) {
  .company-info__image img {
    border-radius: 20px;
    border: 4px solid var(--insuba-white, #ffffff);
  }
}
.company-info__clients {
  position: relative;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 30px;
}
@media (max-width: 575px) {
  .company-info__clients {
    justify-content: center;
  }
}
@media (max-width: 375px) {
  .company-info__clients {
    gap: 25px;
  }
}
.company-info__clients::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 48px;
  transform: translateY(-50%) rotate(-23deg) skewY(13deg);
  width: 8px;
  height: calc(100% + 200px);
  background-color: var(--insuba-base, #0365d3);
}
@media (max-width: 1199px) {
  .company-info__clients::after {
    display: none;
  }
}
.company-info__clients__image {
  display: flex;
  align-items: center;
  flex-shrink: 0;
}
.company-info__clients__image img {
  flex-shrink: 0;
  width: 59px;
  height: 59px;
  border-radius: 50%;
  border: 3px solid var(--insuba-white, #ffffff);
  transition: all 500ms ease;
}
.company-info__clients__image img:hover {
  border-color: var(--insuba-base, #0365d3);
}
.company-info__clients__image img:not(:first-child) {
  margin-left: -20px;
}
.company-info__clients__link {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  font-size: 16px;
  color: var(--insuba-white, #ffffff);
  font-weight: 500;
}
.company-info__clients__link:hover {
  color: var(--insuba-base, #0365d3);
}
.company-info__clients__link__icon {
  font-size: 14px;
  color: inherit;
}
.company-info__clients__link__icon svg {
  width: 1em;
  height: 1em;
  fill: currentColor;
}
.company-info__customers {
  padding-right: 30px;
  color: var(--insuba-white, #ffffff);
}
@media (max-width: 991px) {
  .company-info__customers {
    padding: 0;
    text-align: center;
  }
}
.company-info__customers a {
  color: inherit;
  background: linear-gradient(to right, currentcolor 0%, currentcolor 100%) 0px 95%/0px 1px no-repeat;
  transition: all 500ms ease;
}
.company-info__customers a:hover {
  background-size: 100% 1px;
}
.company-info__customers a:hover {
  color: var(--insuba-base, #0365d3);
}

/*--------------------------------------------------------------
# Skill Selling
--------------------------------------------------------------*/
.skill-selling {
  position: relative;
  z-index: 1;
  padding-top: 145px;
  margin-bottom: -532px;
}
@media (max-width: 1199px) {
  .skill-selling {
    padding-top: var(--section-space, 120px);
  }
}
@media (max-width: 767px) {
  .skill-selling {
    padding-top: 100px;
  }
}
@media (max-width: 575px) {
  .skill-selling {
    padding-top: 80px;
  }
}
.skill-selling__inner {
  position: relative;
  padding: 60px 70px 72px;
  background-color: var(--insuba-base, #0365d3);
  overflow: hidden;
}
@media (max-width: 767px) {
  .skill-selling__inner {
    padding: 40px 40px 54px;
  }
}
@media (max-width: 575px) {
  .skill-selling__inner {
    padding-left: 30px;
    padding-right: 30px;
  }
}
@media (max-width: 390px) {
  .skill-selling__inner {
    padding: 30px 20px 44px;
  }
}
.skill-selling__bg {
  width: 100%;
  max-width: 977px;
  height: 100%;
  background-color: var(--insuba-white5, #f0f5f5);
  position: relative;
  position: absolute;
  top: 0;
  left: 0;
  clip-path: polygon(0 0, 72.5% 0, 100% 100%, 0% 100%);
}
@media (max-width: 1199px) {
  .skill-selling__bg {
    max-width: 850px;
    clip-path: polygon(0 0, 68.5% 0, 100% 100%, 0% 100%);
  }
}
@media (max-width: 991px) {
  .skill-selling__bg {
    max-width: 100%;
    clip-path: none;
  }
}
.skill-selling__bg__inner {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  opacity: 0.05;
}
.skill-selling__content {
  position: relative;
  max-width: 515px;
  z-index: 2;
}
@media (max-width: 991px) {
  .skill-selling__content {
    max-width: 100%;
  }
}
.skill-selling__title {
  margin-bottom: 15px;
  font-size: 35px;
  font-weight: 700;
  line-height: 1.314;
}
.skill-selling__text {
  margin-bottom: 26px;
}
.skill-selling__info {
  display: table;
  margin-bottom: 28px;
  position: relative;
  padding: 19.5px 25px 14.5px;
  border-radius: 10px;
  background-color: var(--insuba-white, #ffffff);
}
.skill-selling__info::before {
  content: "";
  width: 4px;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-color: var(--insuba-base, #0365d3);
  border-radius: 10px 0 0 10px;
}
.skill-selling__info__inner {
  position: relative;
  z-index: 1;
  display: flex;
  align-items: flex-start;
  gap: 16px;
  font-family: var(--insuba-heading-font, "Poppins", serif);
  color: var(--insuba-base, #0365d3);
  font-weight: 600;
}
.skill-selling__info__icon {
  position: relative;
  top: -3px;
  width: 32px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  border-radius: 50%;
  background-color: var(--insuba-black4, #0f3564);
  font-size: 14px;
  color: var(--insuba-white, #ffffff);
  transition: all 500ms ease;
}
.skill-selling__info__icon svg {
  width: 1em;
  height: 1em;
  fill: currentColor;
}
.skill-selling__info__inner:hover .skill-selling__info__icon {
  color: var(--insuba-white, #ffffff);
  background-color: var(--insuba-base, #0365d3);
}
.skill-selling__skill {
  max-width: 465px;
}
@media (max-width: 991px) {
  .skill-selling__skill {
    max-width: 100%;
  }
}
.skill-selling__image {
  position: relative;
  position: absolute;
  right: 137px;
  bottom: 8px;
  z-index: 1;
}
@media (max-width: 1199px) {
  .skill-selling__image {
    right: 82px;
    bottom: 101px;
  }
}
@media (max-width: 991px) {
  .skill-selling__image {
    display: none;
  }
}
.skill-selling__image__one {
  max-width: 100%;
  height: auto;
}
@media (max-width: 1199px) {
  .skill-selling__image__one {
    max-width: 270px;
  }
}
.skill-selling__image__shape {
  max-width: 100%;
  height: auto;
  position: absolute;
  top: 46%;
  left: -100px;
  animation: float-bob-y 2500ms linear infinite;
}
@media (max-width: 1199px) {
  .skill-selling__image__shape {
    top: 35%;
    left: -40px;
  }
}
.skill-selling__shape-one {
  max-width: 100%;
  height: auto;
  position: absolute;
  top: -115px;
  right: -122px;
  animation: moveHorizontal 2s linear infinite;
  z-index: 1;
}
@media (max-width: 991px) {
  .skill-selling__shape-one {
    display: none;
  }
}
.skill-selling__shape-two {
  max-width: 100%;
  height: auto;
  position: absolute;
  right: 49px;
  bottom: 44px;
  animation: zump 2s linear infinite;
  z-index: 1;
}
@media (max-width: 1199px) {
  .skill-selling__shape-two {
    right: 25px;
  }
}
@media (max-width: 991px) {
  .skill-selling__shape-two {
    display: none;
  }
}

/*--------------------------------------------------------------
# Insurance Policy
--------------------------------------------------------------*/
.insurance-policy__wrapper {
  position: relative;
  padding: 40px 69px 34px;
}
@media (max-width: 1199px) {
  .insurance-policy__wrapper {
    padding-left: 40px;
    padding-right: 40px;
  }
}
@media (max-width: 575px) {
  .insurance-policy__wrapper {
    padding-left: 35px;
    padding-right: 35px;
  }
}
@media (max-width: 430px) {
  .insurance-policy__wrapper {
    padding-left: 30px;
    padding-right: 30px;
  }
}
.insurance-policy__bg {
  width: calc(100% - 90px);
  position: relative;
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
  overflow: hidden;
}
@media (max-width: 1199px) {
  .insurance-policy__bg {
    width: 100%;
  }
}
.insurance-policy__bg::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: var(--insuba-base, #0365d3);
}
.insurance-policy__bg::after {
  content: "";
  width: 316px;
  height: 316px;
  background-color: var(--insuba-black4, #0f3564);
  position: absolute;
  top: 50%;
  right: -178px;
  transform: translateY(-50%) rotate(45deg);
}
@media (max-width: 1199px) {
  .insurance-policy__bg::after {
    display: none;
  }
}
.insurance-policy__image {
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  width: 233px;
  height: 233px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  border: 2px solid var(--insuba-base, #0365d3);
  background-color: var(--insuba-white, #ffffff);
  z-index: 1;
}
@media (max-width: 1199px) {
  .insurance-policy__image {
    position: static;
    transform: translateY(0);
    margin-bottom: 30px;
  }
}
@media (max-width: 360px) {
  .insurance-policy__image {
    width: 200px;
    height: 200px;
  }
}
.insurance-policy__image img {
  max-width: 100%;
  height: auto;
}
@media (max-width: 360px) {
  .insurance-policy__image img {
    max-width: 130px;
  }
}
.insurance-policy__inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 40px;
}
@media (max-width: 991px) {
  .insurance-policy__inner {
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
  }
}
.insurance-policy__content {
  padding-left: 213px;
  position: relative;
  z-index: 1;
}
@media (max-width: 1199px) {
  .insurance-policy__content {
    padding-left: 0;
  }
}
.insurance-policy__title {
  margin-bottom: 11px;
  font-family: var(--insuba-font, "Roboto", sans-serif);
  font-size: 22px;
  color: var(--insuba-white, #ffffff);
  font-weight: 500;
  line-height: 1.318;
}
@media (max-width: 1199px) {
  .insurance-policy__title {
    margin-bottom: 25px;
  }
}
.insurance-policy__list-box {
  max-width: 360px;
}
@media (max-width: 575px) {
  .insurance-policy__list-box {
    max-width: 100%;
  }
}
.insurance-policy__list-box .row {
  --bs-gutter-y: 15px ;
}
.insurance-policy__list {
  display: flex;
  gap: 9px;
}
.insurance-policy__list__icon {
  position: relative;
  top: 1px;
  font-size: 16px;
  color: var(--insuba-white, #ffffff);
  transition: all 500ms ease;
}
.insurance-policy__list__icon svg {
  width: 1em;
  height: 1em;
  fill: currentColor;
}
.insurance-policy__list__link {
  color: var(--insuba-white, #ffffff);
  font-weight: 500;
  transition: all 500ms ease;
}
.insurance-policy__list:hover .insurance-policy__list__link {
  text-decoration: underline;
}
.insurance-policy__button {
  flex-shrink: 0;
}
.insurance-policy .insuba-btn {
  padding-left: 27px;
  padding-right: 67px;
  color: var(--insuba-black3, #19232b);
  background-color: var(--insuba-white, #ffffff);
}
.insurance-policy .insuba-btn::after {
  background-color: var(--insuba-black3, #19232b);
}
.insurance-policy .insuba-btn .insuba-btn__icon-box {
  background-color: var(--insuba-base, #0365d3);
}
@media (max-width: 1199px) {
  .insurance-policy .insuba-btn .insuba-btn__icon-box {
    background-color: var(--insuba-black3, #19232b);
  }
}
.insurance-policy .insuba-btn:hover {
  color: var(--insuba-white, #ffffff);
}
.insurance-policy .insuba-btn:hover .insuba-btn__icon {
  color: var(--insuba-black3, #19232b);
}
.insurance-policy .insuba-btn:hover .insuba-btn__icon-box {
  background-color: var(--insuba-white, #ffffff);
}

/*--------------------------------------------------------------
# Online Banking
--------------------------------------------------------------*/
.online-banking {
  background-color: var(--insuba-white, #ffffff);
}
.online-banking .tabs-box {
  position: relative;
}
.online-banking .tabs-box .tab-buttons {
  margin: 0;
  padding: 40px 0 40px 30px;
  position: relative;
  display: flex;
  flex-direction: column;
  flex-shrink: 0;
  flex-wrap: wrap;
  gap: 30px;
  z-index: 1;
}
@media (min-width: 992px) and (max-width: 1199px) {
  .online-banking .tabs-box .tab-buttons {
    padding: 30px 0 30px 25px;
  }
}
@media (max-width: 991px) {
  .online-banking .tabs-box .tab-buttons {
    flex-direction: row;
    align-items: center;
    gap: 25px;
  }
}
@media (max-width: 450px) {
  .online-banking .tabs-box .tab-buttons {
    padding: 0;
  }
}
.online-banking .tabs-box .tab-buttons::before {
  content: "";
  width: 261px;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-color: var(--insuba-black5, #0f3667);
  border-radius: 10px;
}
@media (max-width: 450px) {
  .online-banking .tabs-box .tab-buttons::before {
    display: none;
  }
}
.online-banking .tabs-box .tab-buttons .tab-btn {
  width: calc(100% - 52px);
  position: relative;
  cursor: pointer;
  padding: 5px;
  display: flex;
  align-items: center;
  gap: 26px;
  background-color: var(--insuba-white, #ffffff);
  border-radius: 10px;
  filter: drop-shadow(0 0 9px RGBA(var(--insuba-black10-rgb, 0, 0, 0), 0.06));
  z-index: 1;
  overflow: visible;
  transition: all 500ms ease;
}
@media (min-width: 992px) and (max-width: 1199px) {
  .online-banking .tabs-box .tab-buttons .tab-btn {
    width: calc(100% - 20px);
    gap: 20px;
  }
}
@media (max-width: 575px) {
  .online-banking .tabs-box .tab-buttons .tab-btn {
    width: calc(100% - 30px);
    gap: 20px;
  }
}
@media (max-width: 450px) {
  .online-banking .tabs-box .tab-buttons .tab-btn {
    padding: 30px;
    flex-direction: column;
    align-items: flex-start;
  }
}
.online-banking .tabs-box .tab-buttons .tab-btn::before {
  content: "";
  position: absolute;
  top: 50%;
  left: -19px;
  transform: translateY(-50%);
  opacity: 0;
  width: 0px;
  height: 0px;
  border-style: solid;
  border-width: 19px 19px 19px 0;
  border-color: transparent var(--insuba-base, #0365d3) transparent transparent;
  z-index: 2;
  transition: all 500ms ease;
}
.online-banking .tabs-box .tab-buttons .tab-btn.active-btn {
  background-color: var(--insuba-base, #0365d3);
  transform: translateX(52px);
}
@media (min-width: 992px) and (max-width: 1199px) {
  .online-banking .tabs-box .tab-buttons .tab-btn.active-btn {
    transform: translateX(20px);
  }
}
@media (max-width: 575px) {
  .online-banking .tabs-box .tab-buttons .tab-btn.active-btn {
    transform: translateX(30px);
  }
}
.online-banking .tabs-box .tab-buttons .tab-btn.active-btn::before {
  opacity: 1;
}
.online-banking .tabs-box .tab-buttons .tab-btn:hover .tab-btn__icon, .online-banking .tabs-box .tab-buttons .tab-btn.active-btn .tab-btn__icon {
  color: var(--insuba-base, #0365d3);
  background-color: var(--insuba-white, #ffffff);
}
.online-banking .tabs-box .tab-buttons .tab-btn:hover .tab-btn__title,
.online-banking .tabs-box .tab-buttons .tab-btn:hover .tab-btn__text, .online-banking .tabs-box .tab-buttons .tab-btn.active-btn .tab-btn__title,
.online-banking .tabs-box .tab-buttons .tab-btn.active-btn .tab-btn__text {
  color: var(--insuba-white, #ffffff);
}
.online-banking .tabs-box .tab-buttons .tab-btn:hover .tab-btn__shape, .online-banking .tabs-box .tab-buttons .tab-btn.active-btn .tab-btn__shape {
  opacity: 1;
  visibility: visible;
  transform: translateX(0);
}
.online-banking .tabs-box .tab-buttons .tab-btn:hover .tab-btn__shape-box::after {
  width: 100%;
  left: 0;
}
.online-banking .tabs-box .tab-buttons .tab-btn__shape-box {
  position: relative;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border-radius: inherit;
  overflow: hidden;
}
.online-banking .tabs-box .tab-buttons .tab-btn__shape-box::after {
  content: "";
  width: 0%;
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
  background-color: var(--insuba-base, #0365d3);
  border-radius: inherit;
  z-index: -1;
  transition: all 500ms ease;
}
.online-banking .tabs-box .tab-buttons .tab-btn__shape {
  max-width: 100%;
  height: auto;
  position: absolute;
  right: -55px;
  bottom: -60px;
  transform: translateX(100%);
  opacity: 0;
  visibility: hidden;
  transition: all 500ms ease;
}
.online-banking .tabs-box .tab-buttons .tab-btn__icon {
  position: relative;
  z-index: 1;
  width: 103px;
  height: 89px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  font-size: 52px;
  color: var(--insuba-white, #ffffff);
  background-color: var(--insuba-base, #0365d3);
  border-radius: inherit;
  transition: all 500ms ease;
}
.online-banking .tabs-box .tab-buttons .tab-btn__icon svg {
  width: 1em;
  height: 1em;
  fill: currentColor;
}
@media (max-width: 1199px) {
  .online-banking .tabs-box .tab-buttons .tab-btn__icon {
    width: 80px;
    height: 80px;
    font-size: 40px;
  }
}
.online-banking .tabs-box .tab-buttons .tab-btn__content {
  position: relative;
  z-index: 1;
}
.online-banking .tabs-box .tab-buttons .tab-btn__title {
  margin-bottom: 7px;
  font-family: var(--insuba-heading-font, "Poppins", serif);
  font-size: 22px;
  font-weight: 700;
  color: var(--insuba-black, #122f2a);
  line-height: 1.318;
  transition: all 500ms ease;
}
@media (max-width: 1199px) {
  .online-banking .tabs-box .tab-buttons .tab-btn__title {
    font-size: 20px;
  }
}
.online-banking .tabs-box .tab-buttons .tab-btn__text {
  margin: 0;
  transition: all 500ms ease;
}
.online-banking .tabs-box .tabs-content {
  position: relative;
  width: 100%;
  display: block;
}
.online-banking .tabs-box .tabs-content .tab {
  position: relative;
  display: none;
  -webkit-transition: all 600ms ease;
  -moz-transition: all 600ms ease;
  -ms-transition: all 600ms ease;
  -o-transition: all 600ms ease;
  transition: all 600ms ease;
  z-index: 10;
}
.online-banking .tabs-box .tabs-content .tab.active-tab {
  display: block;
}
.online-banking__chart-box {
  padding: 40px;
  background-color: var(--insuba-white3, #f1f6f7);
  border-radius: 10px;
}
@media (min-width: 992px) and (max-width: 1199px) {
  .online-banking__chart-box {
    padding: 30px;
  }
}
@media (max-width: 767px) {
  .online-banking__chart-box {
    padding: 30px;
  }
}
@media (max-width: 430px) {
  .online-banking__chart-box {
    padding: 20px;
  }
}
.online-banking .insuba-chart {
  background-color: inherit;
  border-radius: inherit;
}

/*--------------------------------------------------------------
# Need Contact
--------------------------------------------------------------*/
.need-contact {
  position: relative;
  padding: 99px 0 106px;
}
@media (max-width: 575px) {
  .need-contact {
    padding: 72px 0 80px;
  }
}
.need-contact__bg {
  position: relative;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}
.need-contact__bg::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: RGBA(var(--insuba-black5-rgb, 15, 54, 103), 0.96);
}
.need-contact .container {
  position: relative;
  z-index: 1;
}
.need-contact__left {
  padding-right: 120px;
}
@media (max-width: 1199px) {
  .need-contact__left {
    padding-right: 30px;
  }
}
@media (max-width: 991px) {
  .need-contact__left {
    padding-right: 0px;
  }
}
.need-contact__title {
  position: relative;
  padding-left: 25px;
  margin-bottom: 18px;
  font-size: 30px;
  font-weight: 700;
  color: var(--insuba-white, #ffffff);
  line-height: 1.333;
}
@media (max-width: 1199px) {
  .need-contact__title {
    font-size: 27px;
  }
}
.need-contact__title::before {
  content: "";
  width: 5px;
  height: calc(100% - 4px);
  border-radius: 20px;
  background-color: var(--insuba-base, #0365d3);
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
}
.need-contact__list {
  margin: 0;
}
.need-contact__list li {
  display: flex;
  gap: 10px;
  font-weight: 500;
  color: var(--insuba-white, #ffffff);
}
.need-contact__list li + li {
  margin-top: 4px;
}
.need-contact__list li .need-contact__list__icon {
  position: relative;
  top: 8px;
  display: inline-flex;
  font-size: 12px;
  color: var(--insuba-white, #ffffff);
}
.need-contact__right {
  position: relative;
  padding-left: 120px;
}
@media (max-width: 1199px) {
  .need-contact__right {
    padding-left: 30px;
  }
}
@media (max-width: 991px) {
  .need-contact__right {
    padding-left: 0px;
  }
}
.need-contact__right::before {
  content: "";
  width: 1px;
  height: 100%;
  position: absolute;
  top: 50%;
  left: -15px;
  transform: translateY(-50%);
  background-color: RGBA(var(--insuba-border-color-rgb, 221, 221, 221), 0.27);
}
@media (max-width: 991px) {
  .need-contact__right::before {
    display: none;
  }
}
.need-contact__text {
  margin-bottom: 26px;
  color: var(--insuba-white, #ffffff);
}
.need-contact__call {
  display: table;
}
.need-contact__call__inner {
  padding-right: 52px;
  position: relative;
  display: flex;
  align-items: center;
  gap: 26px;
  background-color: var(--insuba-black5, #0f3667);
  border-radius: 43px;
  z-index: 1;
}
@media (max-width: 412px) {
  .need-contact__call__inner {
    padding: 30px;
    flex-direction: column;
    align-items: flex-start;
    border-radius: 10px;
  }
}
.need-contact__call__inner::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border: 1px solid var(--insuba-white, #ffffff);
  border-radius: inherit;
}
.need-contact__call__icon {
  width: 87px;
  height: 87px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  font-size: 42px;
  color: var(--insuba-white, #ffffff);
  background-color: var(--insuba-base, #0365d3);
  border: 1px solid var(--insuba-white, #ffffff);
  border-radius: 43px;
}
.need-contact__call__content {
  position: relative;
  z-index: 1;
}
.need-contact__call__title {
  margin-bottom: 5px;
  font-size: 18px;
  font-weight: 700;
  color: var(--insuba-white, #ffffff);
  line-height: 1.4;
}
.need-contact__call__number {
  position: relative;
  z-index: 1;
  font-size: 16px;
  font-weight: 400;
  color: var(--insuba-white, #ffffff);
  line-height: 1;
  background: linear-gradient(to right, currentcolor 0%, currentcolor 100%) 0px 95%/0px 1px no-repeat;
  transition: all 500ms ease;
}
.need-contact__call__number:hover {
  background-size: 100% 1px;
}
.need-contact__call__number:hover {
  color: var(--insuba-base, #0365d3);
}

/*--------------------------------------------------------------
# Excellent Service
--------------------------------------------------------------*/
.excellent-service {
  background-color: var(--insuba-white, #ffffff);
}
@media (min-width: 1200px) {
  .excellent-service .container {
    padding-right: 0;
    max-width: 100%;
  }
}
.excellent-service__inner {
  position: relative;
  padding: 50px 48px;
  max-width: 1536px;
  margin-left: auto;
  background-color: var(--insuba-black, #122f2a);
  overflow: hidden;
}
@media (max-width: 1599px) {
  .excellent-service__inner {
    max-width: 1305px;
  }
}
@media (max-width: 1399px) {
  .excellent-service__inner {
    max-width: 1259px;
  }
}
@media (max-width: 1199px) {
  .excellent-service__inner {
    padding-left: 30px;
    padding-right: 30px;
  }
}
.excellent-service__inner::before {
  content: "";
  width: 162px;
  height: 100%;
  background-color: var(--insuba-base, #0365d3);
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}
@media (max-width: 1199px) {
  .excellent-service__inner::before {
    display: none;
  }
}
.excellent-service__tab {
  position: relative;
  z-index: 1;
}
.excellent-service .tabs-box {
  position: relative;
  display: flex;
  align-items: center;
  gap: 65px;
}
@media (max-width: 1199px) {
  .excellent-service .tabs-box {
    display: block;
  }
}
.excellent-service .tabs-box .tab-buttons {
  margin: 0;
  padding: 0;
  list-style: none;
  position: relative;
  display: flex;
  flex-direction: column;
  flex-shrink: 0;
  flex-wrap: wrap;
  gap: 30px;
  z-index: 1;
}
@media (max-width: 1199px) {
  .excellent-service .tabs-box .tab-buttons {
    flex-direction: row;
    align-items: center;
    justify-content: center;
    gap: 20px;
  }
}
.excellent-service .tabs-box .tab-buttons .tab-btn {
  position: relative;
  cursor: pointer;
  padding: 11px 32px 8px;
  font-family: var(--insuba-heading-font, "Poppins", serif);
  font-size: 22px;
  text-align: center;
  font-weight: 700;
  color: var(--insuba-black, #122f2a);
  text-transform: uppercase;
  background-color: var(--insuba-white, #ffffff);
  border: 5px solid var(--insuba-white, #ffffff);
  border-radius: 0;
  overflow: visible;
  z-index: 1;
  transition: all 500ms ease;
}
@media (max-width: 1199px) {
  .excellent-service .tabs-box .tab-buttons .tab-btn {
    padding-left: 25px;
    padding-right: 25px;
    font-size: 18px;
    border-width: 3px;
  }
}
@media (max-width: 767px) {
  .excellent-service .tabs-box .tab-buttons .tab-btn {
    font-size: 16px;
  }
}
.excellent-service .tabs-box .tab-buttons .tab-btn:hover {
  color: var(--insuba-white, #ffffff);
}
.excellent-service .tabs-box .tab-buttons .tab-btn::before {
  content: "";
  position: absolute;
  top: 50%;
  right: -25px;
  transform: translateY(-50%);
  opacity: 0;
  width: 0px;
  height: 0px;
  border-style: solid;
  border-width: 19.5px 0 19.5px 20px;
  border-color: transparent transparent transparent var(--insuba-base, #0365d3);
  transition: all 500ms ease;
}
@media (max-width: 1199px) {
  .excellent-service .tabs-box .tab-buttons .tab-btn::before {
    display: none;
  }
}
.excellent-service .tabs-box .tab-buttons .tab-btn.active-btn {
  color: var(--insuba-white, #ffffff);
  background-color: var(--insuba-base, #0365d3);
}
.excellent-service .tabs-box .tab-buttons .tab-btn.active-btn::before {
  opacity: 1;
}
.excellent-service .tabs-box .tabs-content {
  position: relative;
  width: 100%;
  display: block;
}
@media (max-width: 1199px) {
  .excellent-service .tabs-box .tabs-content {
    margin-top: 60px;
  }
}
.excellent-service .tabs-box .tabs-content .tab {
  position: relative;
  display: none;
  -webkit-transition: all 600ms ease;
  -moz-transition: all 600ms ease;
  -ms-transition: all 600ms ease;
  -o-transition: all 600ms ease;
  transition: all 600ms ease;
  z-index: 10;
}
.excellent-service .tabs-box .tabs-content .tab.active-tab {
  display: block;
}
.excellent-service__row {
  --bs-gutter-x: 38px;
}
.excellent-service__image-col {
  flex: 0 0 auto;
  width: 25.2%;
}
@media (max-width: 1399px) {
  .excellent-service__image-col {
    width: 40%;
  }
}
@media (max-width: 991px) {
  .excellent-service__image-col {
    width: 100%;
  }
}
.excellent-service__content-col {
  flex: 0 0 auto;
  width: 74.8%;
}
@media (max-width: 1399px) {
  .excellent-service__content-col {
    width: 60%;
  }
}
@media (max-width: 991px) {
  .excellent-service__content-col {
    width: 100%;
  }
}
.excellent-service__image {
  padding: 0px;
  text-align: center;
  border-radius: 10px;
  border: 1px solid var(--insuba-border-color, #dddddd);
}
@media (max-width: 991px) {
  .excellent-service__image {
    margin-bottom: 40px;
    display: table;
  }
}
.excellent-service__image img {
  max-width: 100%;
  height: auto;
}
.excellent-service__title {
  margin-bottom: 20px;
  font-size: 22px;
  color: var(--insuba-white, #ffffff);
  font-weight: 700;
  line-height: 1.318;
}
.excellent-service__list {
  margin: 0;
}
.excellent-service__list li + li {
  margin-top: 20px;
}
.excellent-service__list li {
  display: flex;
  gap: 12px;
  color: var(--insuba-white, #ffffff);
  text-align: justify;
}
.excellent-service__list li .excellent-service__list__icon {
  position: relative;
  top: -3px;
  width: 31px;
  height: 31px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  border-radius: 50%;
  font-size: 16px;
  color: var(--insuba-base, #0365d3);
  background-color: var(--insuba-white, #ffffff);
  transition: all 500ms ease;
}
.excellent-service__list li .excellent-service__list__icon svg {
  width: 1em;
  height: 1em;
  fill: currentColor;
}
.excellent-service__list li:hover .excellent-service__list__icon {
  color: var(--insuba-white, #ffffff);
  background-color: var(--insuba-base, #0365d3);
}
.excellent-service__shape {
  position: absolute;
  top: -309px;
  right: 0;
}
@media (max-width: 991px) {
  .excellent-service__shape {
    display: none;
  }
}

/*--------------------------------------------------------------
# Consultations
--------------------------------------------------------------*/
.consultations-one {
  background-color: var(--insuba-white, #ffffff);
  counter-reset: consultationsOneNumber;
}
@media (min-width: 992px) and (max-width: 1199px) {
  .consultations-one__content {
    max-width: 700px;
  }
}
.consultations-one .sec-title {
  margin-bottom: 14px;
}
.consultations-one__text-box {
  margin-bottom: 24px;
  padding-right: 50px;
}
@media (max-width: 1199px) {
  .consultations-one__text-box {
    padding-right: 0;
  }
}
.consultations-one__inner {
  position: relative;
  margin-bottom: 50px;
  padding-right: 2px;
}
@media (max-width: 991px) {
  .consultations-one__inner {
    padding-right: 0;
  }
}
.consultations-one__inner__image {
  display: table;
  position: relative;
  position: absolute;
  top: 50%;
  right: 52px;
  transform: translateY(-50%);
}
@media (max-width: 991px) {
  .consultations-one__inner__image {
    right: 0;
  }
}
@media (max-width: 575px) {
  .consultations-one__inner__image {
    margin-top: 60px;
    margin-left: 15px;
    position: relative;
    top: 0px;
    right: auto;
    transform: translateY(0%);
  }
}
.consultations-one__inner__image::before {
  content: "";
  width: calc(50% + 13px);
  height: calc(100% + 26px);
  position: absolute;
  top: 50%;
  left: -15px;
  transform: translateY(-50%);
  background-color: var(--insuba-black5, #0f3667);
}
.consultations-one__inner__image img {
  position: relative;
  z-index: 1;
  max-width: 100%;
  height: auto;
  border: 4px solid var(--insuba-white, #ffffff);
}
.consultations-one__item + .consultations-one__item {
  margin-top: 30px;
  padding-top: 30px;
  border-top: 1px solid var(--insuba-border-color, #dddddd);
}
.consultations-one__item {
  display: flex;
  align-items: center;
  gap: 22px;
}
.consultations-one__item__icon-box {
  position: relative;
  width: 70px;
  height: 70px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  background-color: var(--insuba-black5, #0f3667);
  border-radius: 50%;
  transition: all 500ms ease;
}
.consultations-one__item:hover .consultations-one__item__icon-box {
  background-color: var(--insuba-base, #0365d3);
}
.consultations-one__item__icon {
  display: inline-flex;
  font-size: 34px;
  color: var(--insuba-white, #ffffff);
}
.consultations-one__item__icon svg {
  width: 1em;
  height: 1em;
  fill: currentColor;
}
.consultations-one__item:hover .consultations-one__item__icon {
  -webkit-animation-name: wobble-horizontal-hover;
  animation-name: wobble-horizontal-hover;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
}
.consultations-one__item__number {
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background-color: var(--insuba-white, #ffffff);
  position: relative;
  position: absolute;
  top: 6px;
  right: -7px;
  z-index: 1;
}
.consultations-one__item__number::before {
  content: "0" counter(consultationsOneNumber);
  counter-increment: consultationsOneNumber;
  font-family: var(--insuba-heading-font, "Poppins", serif);
  font-size: 10px;
  color: var(--insuba-white, #ffffff);
  font-weight: 700;
  line-height: 1;
  z-index: 1;
  transition: all 500ms ease;
}
.consultations-one__item__number::after {
  content: "";
  width: 21px;
  height: 21px;
  border-radius: 50%;
  background-color: var(--insuba-base, #0365d3);
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  transition: all 500ms ease;
}
.consultations-one__item:hover .consultations-one__item__number::after {
  background-color: var(--insuba-black5, #0f3667);
}
.consultations-one__item__content {
  padding-right: 0px;
}
@media (max-width: 1199px) {
  .consultations-one__item__content {
    padding-right: 260px;
  }
}
@media (max-width: 767px) {
  .consultations-one__item__content {
    padding-right: 185px;
  }
}
@media (max-width: 575px) {
  .consultations-one__item__content {
    padding-right: 0px;
  }
}
.consultations-one__item__title {
  margin-bottom: 10px;
  font-size: 22px;
  font-weight: 700;
  line-height: 1.318;
}
@media (max-width: 390px) {
  .consultations-one__item__title {
    font-size: 20px;
  }
}
.consultations-one__image {
  width: 100%;
  /* height: 303px; */
  border-radius: 50%;
  display: table;
  position: relative;
  right: -50px;
}
@media (max-width: 1399px) {
  .consultations-one__image {
    right: 0px;
  }
}
@media (max-width: 1199px) {
  .consultations-one__image {
    right: -28px;
  }
}
@media (max-width: 767px) {
  .consultations-one__image {
    width: 480px;
    height: 480px;
    right: auto;
  }
}
@media (max-width: 575px) {
  .consultations-one__image {
    width: 380px;
    height: 380px;
  }
}
@media (max-width: 412px) {
  .consultations-one__image {
    width: 330px;
    height: 330px;
  }
}
@media (max-width: 360px) {
  .consultations-one__image {
    width: 285px;
    height: 285px;
  }
}
.consultations-one__image__inner {
  width: 350px;
  /* height: 280px; */
  /* border-radius: 50%; */
  position: relative;
  overflow: hidden;
}
@media (max-width: 767px) {
  .consultations-one__image__inner {
    width: 480px;
    height: 480px;
  }
}
@media (max-width: 575px) {
  .consultations-one__image__inner {
    width: 380px;
    height: 380px;
  }
}
@media (max-width: 412px) {
  .consultations-one__image__inner {
    width: 330px;
    height: 330px;
  }
}
@media (max-width: 360px) {
  .consultations-one__image__inner {
    width: 285px;
    height: 285px;
  }
}
.consultations-one__image__one {
  width: 350px;
  /* height: 280px; */
  /* border-radius: 50%; */
  border: 10px solid #eeeeee;
}
@media (max-width: 767px) {
  .consultations-one__image__one {
    width: 480px;
    height: 480px;
  }
}
@media (max-width: 575px) {
  .consultations-one__image__one {
    width: 380px;
    height: 380px;
  }
}
@media (max-width: 412px) {
  .consultations-one__image__one {
    width: 330px;
    height: 330px;
  }
}
@media (max-width: 360px) {
  .consultations-one__image__one {
    width: 285px;
    height: 285px;
  }
}
.consultations-one__image__two {
  width: 225px;
  height: 225px;
  position: absolute;
  top: 32px;
  right: -45px;
  border-radius: 50%;
  border: 12px solid var(--insuba-white, #ffffff);
  z-index: 3;
  animation: zump 2s linear infinite;
}
@media (max-width: 767px) {
  .consultations-one__image__two {
    width: 200px;
    height: 200px;
    right: -30px;
  }
}
@media (max-width: 575px) {
  .consultations-one__image__two {
    width: 150px;
    height: 150px;
    right: -10px;
    border: 6px solid var(--insuba-white, #ffffff);
  }
}
@media (max-width: 412px) {
  .consultations-one__image__two {
    width: 130px;
    height: 130px;
  }
}
@media (max-width: 360px) {
  .consultations-one__image__two {
    width: 100px;
    height: 100px;
  }
}
.consultations-one__image__shape-one {
  max-width: 100%;
  height: auto;
  position: absolute;
  right: 0;
  bottom: -15px;
  z-index: 1;
  animation: moveHorizontal 2s linear infinite;
}
.consultations-one__image__shape-two {
  position: absolute;
  top: 22px;
  left: -28px;
  z-index: 2;
  display: none;
}
@media (max-width: 767px) {
  .consultations-one__image__shape-two {
    display: none;
  }
}
.consultations-one__image__shape-three {
  position: absolute;
  left: -28px;
  bottom: -63px;
  z-index: 2;
}
@media (max-width: 767px) {
  .consultations-one__image__shape-three {
    display: none;
  }
}

.consultations-two {
  background-color: var(--insuba-white, #ffffff);
  counter-reset: consultationsTwoNumber;
}
.consultations-two__top {
  margin-bottom: 61px;
}
.consultations-two .sec-title {
  margin: 0;
}
@media (max-width: 1199px) {
  .consultations-two .sec-title {
    text-align: center;
  }
}
@media (max-width: 1199px) {
  .consultations-two__description {
    text-align: center;
  }
}
.consultations-two__row {
  --bs-gutter-x: 50px;
}
@media (min-width: 1200px) {
  .consultations-two__col-tab-btn {
    flex: 0 0 auto;
    width: 45.082%;
  }
}
@media (min-width: 1200px) {
  .consultations-two__col-tab-content {
    flex: 0 0 auto;
    width: 54.918%;
  }
}
.consultations-two .tabs-box {
  position: relative;
}
.consultations-two .tabs-box .tab-buttons {
  margin: 0;
  position: relative;
  display: flex;
  flex-direction: column;
  flex-shrink: 0;
  flex-wrap: wrap;
  gap: 30px;
  z-index: 11;
}
.consultations-two .tabs-box .tab-buttons .tab-btn {
  position: relative;
  cursor: pointer;
  padding: 30px;
  display: flex;
  align-items: center;
  gap: 27px;
  background-color: var(--insuba-white5, #f0f5f5);
  z-index: 1;
  transition: all 500ms ease;
}
@media (max-width: 430px) {
  .consultations-two .tabs-box .tab-buttons .tab-btn {
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
  }
}
.consultations-two .tabs-box .tab-buttons .tab-btn::before {
  content: "";
  width: 0%;
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
  background-color: var(--insuba-base, #0365d3);
  border-radius: inherit;
  z-index: -1;
  transition: all 500ms ease;
}
.consultations-two .tabs-box .tab-buttons .tab-btn::after {
  content: "";
  position: absolute;
  top: 50%;
  right: -27px;
  transform: translateY(-50%);
  opacity: 0;
  width: 0px;
  height: 0px;
  border-style: solid;
  border-width: 27px 0 27px 27px;
  border-color: transparent transparent transparent var(--insuba-base, #0365d3);
  transition: all 500ms ease;
}
@media (max-width: 1199px) {
  .consultations-two .tabs-box .tab-buttons .tab-btn::after {
    display: none;
  }
}
.consultations-two .tabs-box .tab-buttons .tab-btn:hover::before {
  width: 100%;
  left: 0;
}
.consultations-two .tabs-box .tab-buttons .tab-btn.active-btn {
  background-color: var(--insuba-base, #0365d3);
  transform: translateX(50px);
}
@media (max-width: 1199px) {
  .consultations-two .tabs-box .tab-buttons .tab-btn.active-btn {
    transform: translateX(0px);
  }
}
.consultations-two .tabs-box .tab-buttons .tab-btn.active-btn::after {
  opacity: 1;
}
.consultations-two .tabs-box .tab-buttons .tab-btn:hover .tab-btn__icon, .consultations-two .tabs-box .tab-buttons .tab-btn.active-btn .tab-btn__icon {
  color: var(--insuba-base, #0365d3);
  background-color: var(--insuba-white, #ffffff);
}
.consultations-two .tabs-box .tab-buttons .tab-btn:hover .tab-btn__title,
.consultations-two .tabs-box .tab-buttons .tab-btn:hover .tab-btn__text, .consultations-two .tabs-box .tab-buttons .tab-btn.active-btn .tab-btn__title,
.consultations-two .tabs-box .tab-buttons .tab-btn.active-btn .tab-btn__text {
  color: var(--insuba-white, #ffffff);
}
.consultations-two .tabs-box .tab-buttons .tab-btn:hover .tab-btn__shape, .consultations-two .tabs-box .tab-buttons .tab-btn.active-btn .tab-btn__shape {
  opacity: 1;
  visibility: visible;
  transform: translateX(0);
}
.consultations-two .tabs-box .tab-buttons .tab-btn__icon {
  position: relative;
  z-index: 1;
  width: 70px;
  height: 70px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  font-size: 35px;
  color: var(--insuba-white, #ffffff);
  background-color: var(--insuba-black5, #0f3667);
  border-radius: 50%;
  transition: all 500ms ease;
}
.consultations-two .tabs-box .tab-buttons .tab-btn__icon svg {
  width: 1em;
  height: 1em;
  fill: currentColor;
}
.consultations-two .tabs-box .tab-buttons .tab-btn__number {
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background-color: var(--insuba-white, #ffffff);
  position: relative;
  position: absolute;
  top: 6px;
  right: -7px;
  z-index: 1;
}
.consultations-two .tabs-box .tab-buttons .tab-btn__number::before {
  content: "0" counter(consultationsTwoNumber);
  counter-increment: consultationsTwoNumber;
  font-family: var(--insuba-heading-font, "Poppins", serif);
  font-size: 10px;
  color: var(--insuba-white, #ffffff);
  font-weight: 700;
  line-height: 1;
  z-index: 1;
  transition: all 500ms ease;
}
.consultations-two .tabs-box .tab-buttons .tab-btn__number::after {
  content: "";
  width: 21px;
  height: 21px;
  border-radius: 50%;
  background-color: var(--insuba-black5, #0f3667);
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.consultations-two .tabs-box .tab-buttons .tab-btn__content {
  position: relative;
  z-index: 1;
}
.consultations-two .tabs-box .tab-buttons .tab-btn__title {
  margin-bottom: 4px;
  font-family: var(--insuba-heading-font, "Poppins", serif);
  font-size: 22px;
  font-weight: 700;
  color: var(--insuba-black, #122f2a);
  line-height: 1.318;
  transition: all 500ms ease;
}
.consultations-two .tabs-box .tab-buttons .tab-btn__text {
  margin: 0;
  transition: all 500ms ease;
}
.consultations-two .tabs-box .tab-buttons .tab-btn__border {
  width: 5px;
  height: 40px;
  position: absolute;
  top: 0px;
  right: 0px;
  background-color: var(--insuba-base, #0365d3);
  transition: all 500ms ease;
}
.consultations-two .tabs-box .tabs-content {
  position: relative;
  width: 100%;
  display: block;
}
.consultations-two .tabs-box .tabs-content .tab {
  position: relative;
  display: none;
  -webkit-transition: all 600ms ease;
  -moz-transition: all 600ms ease;
  -ms-transition: all 600ms ease;
  -o-transition: all 600ms ease;
  transition: all 600ms ease;
  z-index: 10;
}
.consultations-two .tabs-box .tabs-content .tab.active-tab {
  display: block;
}
.consultations-two__image {
  position: relative;
  display: table;
}
@media (max-width: 1199px) {
  .consultations-two__image {
    margin: 0 auto;
  }
}
.consultations-two__image__one {
  position: relative;
  z-index: 1;
  max-width: 75%;
  height: auto;
  margin-bottom: 15px;
  margin-left: 25px;
}
.consultations-two__image__shape {
  max-width: 100%;
  height: auto;
  position: absolute;
  top: -88px;
  right: -82px;
  animation: zumpBottom 2s linear infinite;
}
@media (max-width: 1199px) {
  .consultations-two__image__shape {
    top: -40px;
  }
}
@media (max-width: 991px) {
  .consultations-two__image__shape {
    right: -60px;
  }
}
@media (max-width: 767px) {
  .consultations-two__image__shape {
    display: none;
  }
}

/*--------------------------------------------------------------
# Work Planning
--------------------------------------------------------------*/
.work-planning {
  background-color: var(--insuba-white2, #ecf2f2);
  counter-reset: workPlanningSerialNumber;
}
.work-planning__container {
  position: relative;
  z-index: 1;
}
.work-planning__container::before {
  content: "";
  width: 9px;
  height: 9px;
  border-radius: 50%;
  position: absolute;
  top: -124.5px;
  left: 50%;
  transform: translateX(-50%);
  background-color: var(--insuba-base, #0365d3);
  z-index: 1;
}
@media (max-width: 767px) {
  .work-planning__container::before {
    top: -104.5px;
  }
}
@media (max-width: 575px) {
  .work-planning__container::before {
    top: -84.5px;
  }
}
.work-planning__container::after {
  content: "";
  width: calc(100% - 30px);
  height: 1px;
  position: absolute;
  top: -120px;
  left: 50%;
  transform: translateX(-50%);
  background-color: var(--insuba-border-color, #dddddd);
}
@media (max-width: 767px) {
  .work-planning__container::after {
    top: -100px;
  }
}
@media (max-width: 575px) {
  .work-planning__container::after {
    top: -80px;
  }
}
.work-planning__item {
  position: relative;
  text-align: center;
  z-index: 2;
}
@media (min-width: 576px) {
  .work-planning__item--bottom-serial-number {
    margin-top: -2px;
    padding-bottom: 76px;
  }
}
@media (min-width: 576px) {
  .work-planning__item--bottom-serial-number .work-planning__item__serial-number {
    margin: 0;
    position: relative;
    position: absolute;
    left: 50%;
    bottom: 0;
    transform: translateX(-50%);
  }
}
.work-planning__item__serial-number {
  position: relative;
  margin-bottom: 21px;
}
.work-planning__item__serial-number::after {
  content: "0" counter(workPlanningSerialNumber);
  counter-increment: workPlanningSerialNumber;
  font-family: var(--insuba-heading-font, "Poppins", serif);
  font-size: 58px;
  font-weight: 700;
  color: var(--insuba-white, #ffffff);
  line-height: 1;
  transition: all 500ms ease;
}
.work-planning__item:hover .work-planning__item__serial-number::after {
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--insuba-base, #0365d3);
}
.work-planning__item__image {
  margin: 0 auto 24px;
  position: relative;
  width: 191px;
  height: 191px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.work-planning__item__image__bg {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  transition: all 500ms ease;
}
.work-planning__item__image__bg--hover {
  opacity: 0;
}
.work-planning__item__image__inner {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 167px;
  height: 167px;
  z-index: 1;
  -webkit-mask: url('data:image/svg+xml;utf8,<svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 501.000000 501.000000"><g transform="translate(0.000000,501.000000) scale(0.100000,-0.100000)" stroke="none"> <path d="M2080 4996 c0 -14 -48 -26 -104 -26 -16 0 -52 -6 -80 -14 -28 -8 -80 -22 -116 -31 -36 -10 -81 -23 -100 -30 -114 -42 -183 -70 -210 -86 -8 -5 -22 -12 -30 -15 -21 -8 -79 -39 -120 -63 -19 -11 -42 -24 -50 -28 -8 -3 -31 -19 -51 -35 -20 -15 -41 -28 -47 -28 -6 0 -12 -4 -14 -8 -1 -5 -25 -23 -53 -42 -27 -19 -108 -93 -180 -165 -153 -154 -169 -172 -221 -248 -95 -142 -133 -207 -216 -377 -178 -365 -306 -631 -335 -700 -9 -19 -22 -48 -29 -63 -8 -16 -14 -35 -14 -42 0 -8 -6 -29 -14 -47 -30 -71 -59 -185 -78 -303 -5 -33 -12 -161 -15 -285 -5 -218 3 -333 29 -440 6 -25 14 -61 18 -80 17 -79 50 -183 78 -250 8 -19 20 -48 27 -65 23 -53 86 -179 106 -210 10 -16 22 -37 26 -45 3 -8 19 -31 35 -51 15 -20 28 -41 28 -47 0 -6 4 -12 8 -14 5 -1 23 -24 41 -51 18 -26 92 -107 164 -180 148 -148 171 -169 242 -217 149 -101 195 -127 360 -209 305 -150 648 -315 725 -348 19 -9 48 -22 63 -29 16 -8 35 -14 42 -14 8 0 29 -6 47 -14 62 -27 227 -68 328 -83 87 -12 535 -9 625 4 103 16 234 49 320 80 22 9 58 22 80 30 51 19 106 43 125 54 8 5 22 12 30 15 21 8 79 39 120 63 19 11 42 24 50 28 8 3 31 19 51 35 20 15 41 28 47 28 6 0 12 4 14 8 2 5 26 23 53 42 46 31 280 258 332 322 93 113 177 252 272 443 150 305 315 648 348 725 9 19 22 48 29 63 8 16 14 35 14 42 0 8 6 29 14 47 29 69 72 241 80 328 3 32 12 60 21 66 13 9 15 47 15 243 0 179 -3 230 -12 228 -9 -1 -16 19 -21 58 -4 33 -13 80 -19 105 -6 25 -14 63 -19 85 -13 65 -46 171 -76 243 -41 101 -104 231 -134 277 -10 17 -22 37 -26 45 -3 8 -19 31 -35 51 -15 20 -28 41 -28 47 0 6 -4 12 -8 14 -5 2 -23 24 -41 51 -35 52 -275 298 -331 340 -85 63 -160 117 -164 117 -2 0 -28 16 -58 35 -29 20 -129 73 -223 119 -327 161 -642 312 -715 343 -19 9 -48 22 -63 29 -16 8 -35 14 -42 14 -8 0 -29 6 -47 14 -69 29 -241 72 -328 80 -32 3 -60 12 -66 21 -16 21 -474 23 -474 1z"/> </g> </svg>');
  mask: url('data:image/svg+xml;utf8,<svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 501.000000 501.000000"><g transform="translate(0.000000,501.000000) scale(0.100000,-0.100000)" stroke="none"> <path d="M2080 4996 c0 -14 -48 -26 -104 -26 -16 0 -52 -6 -80 -14 -28 -8 -80 -22 -116 -31 -36 -10 -81 -23 -100 -30 -114 -42 -183 -70 -210 -86 -8 -5 -22 -12 -30 -15 -21 -8 -79 -39 -120 -63 -19 -11 -42 -24 -50 -28 -8 -3 -31 -19 -51 -35 -20 -15 -41 -28 -47 -28 -6 0 -12 -4 -14 -8 -1 -5 -25 -23 -53 -42 -27 -19 -108 -93 -180 -165 -153 -154 -169 -172 -221 -248 -95 -142 -133 -207 -216 -377 -178 -365 -306 -631 -335 -700 -9 -19 -22 -48 -29 -63 -8 -16 -14 -35 -14 -42 0 -8 -6 -29 -14 -47 -30 -71 -59 -185 -78 -303 -5 -33 -12 -161 -15 -285 -5 -218 3 -333 29 -440 6 -25 14 -61 18 -80 17 -79 50 -183 78 -250 8 -19 20 -48 27 -65 23 -53 86 -179 106 -210 10 -16 22 -37 26 -45 3 -8 19 -31 35 -51 15 -20 28 -41 28 -47 0 -6 4 -12 8 -14 5 -1 23 -24 41 -51 18 -26 92 -107 164 -180 148 -148 171 -169 242 -217 149 -101 195 -127 360 -209 305 -150 648 -315 725 -348 19 -9 48 -22 63 -29 16 -8 35 -14 42 -14 8 0 29 -6 47 -14 62 -27 227 -68 328 -83 87 -12 535 -9 625 4 103 16 234 49 320 80 22 9 58 22 80 30 51 19 106 43 125 54 8 5 22 12 30 15 21 8 79 39 120 63 19 11 42 24 50 28 8 3 31 19 51 35 20 15 41 28 47 28 6 0 12 4 14 8 2 5 26 23 53 42 46 31 280 258 332 322 93 113 177 252 272 443 150 305 315 648 348 725 9 19 22 48 29 63 8 16 14 35 14 42 0 8 6 29 14 47 29 69 72 241 80 328 3 32 12 60 21 66 13 9 15 47 15 243 0 179 -3 230 -12 228 -9 -1 -16 19 -21 58 -4 33 -13 80 -19 105 -6 25 -14 63 -19 85 -13 65 -46 171 -76 243 -41 101 -104 231 -134 277 -10 17 -22 37 -26 45 -3 8 -19 31 -35 51 -15 20 -28 41 -28 47 0 6 -4 12 -8 14 -5 2 -23 24 -41 51 -35 52 -275 298 -331 340 -85 63 -160 117 -164 117 -2 0 -28 16 -58 35 -29 20 -129 73 -223 119 -327 161 -642 312 -715 343 -19 9 -48 22 -63 29 -16 8 -35 14 -42 14 -8 0 -29 6 -47 14 -69 29 -241 72 -328 80 -32 3 -60 12 -66 21 -16 21 -474 23 -474 1z"/> </g> </svg>');
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center center;
  mask-position: center center;
  -webkit-mask-size: auto;
  mask-size: auto;
}
.work-planning__item__image__inner img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.work-planning__item:hover .work-planning__item__image__bg {
  opacity: 0;
}
.work-planning__item:hover .work-planning__item__image__bg--hover {
  opacity: 1;
}
.work-planning__item__icon-box {
  width: 79px;
  height: 79px;
  display: flex;
  position: absolute;
  left: -36px;
  bottom: 36px;
  align-items: center;
  justify-content: center;
  background-color: var(--insuba-black5, #0f3667);
  border: 5px solid var(--insuba-white, #ffffff);
  border-radius: 50%;
  z-index: 2;
  transition: all 500ms ease;
}
@media (max-width: 1199px) {
  .work-planning__item__icon-box {
    left: -30px;
    bottom: 30px;
  }
}
.work-planning__item:hover .work-planning__item__icon-box {
  background-color: var(--insuba-base, #0365d3);
}
.work-planning__item__icon {
  display: inline-flex;
  font-size: 36px;
  color: var(--insuba-white, #ffffff);
}
.work-planning__item__icon svg {
  width: 1em;
  height: 1em;
  fill: currentColor;
}
.work-planning__item:hover .work-planning__item__icon {
  -webkit-animation-name: wobble-horizontal-hover;
  animation-name: wobble-horizontal-hover;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
}
.work-planning__item__title {
  margin-bottom: 13px;
  font-size: 22px;
  font-weight: 700;
  line-height: 1.318;
}
.work-planning__item__text {
  margin: 0;
  font-weight: 500;
  line-height: 1.642;
}
.work-planning__border-shape {
  position: absolute;
  top: calc(50% + 10px);
  left: 50%;
  transform: translate(-50%, -50%);
}
@media (max-width: 1399px) {
  .work-planning__border-shape {
    max-width: 100%;
    height: auto;
  }
}
@media (max-width: 1199px) {
  .work-planning__border-shape {
    display: none;
  }
}
.work-planning__appointment {
  margin-top: 53px;
  padding: 35px 32px;
  border: 1px solid var(--insuba-border-color, #dddddd);
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 30px 50px;
}
@media (max-width: 991px) {
  .work-planning__appointment {
    flex-direction: column;
    justify-content: center;
  }
}
@media (max-width: 390px) {
  .work-planning__appointment {
    padding-left: 25px;
    padding-right: 25px;
  }
}
.work-planning__appointment__text {
  position: relative;
  margin: 0 0 0 13px;
  font-size: 17px;
  font-weight: 500;
  line-height: 1.47;
}
@media (max-width: 991px) {
  .work-planning__appointment__text {
    margin: 0;
    text-align: center;
  }
}
.work-planning__appointment__text::before {
  content: "";
  width: 2px;
  height: 100%;
  position: absolute;
  top: 50%;
  left: -13px;
  transform: translateY(-50%);
  background-color: var(--insuba-base, #0365d3);
}
@media (max-width: 991px) {
  .work-planning__appointment__text::before {
    display: none;
  }
}
.work-planning__appointment .insuba-btn {
  flex-shrink: 0;
}

.work-planning-two {
  position: relative;
  padding-bottom: 80px;
  background-color: transparent;
}
.work-planning-two__overlay {
  width: 100%;
  height: calc(100% - 156px);
  position: absolute;
  left: 0;
  bottom: 0;
  background-color: var(--insuba-white5, #f0f5f5);
}
.work-planning-two__bg {
  width: 100%;
  height: calc(100% - 156px);
  position: relative;
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 1;
  overflow: hidden;
}
.work-planning-two__bg__inner {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  bottom: -190px;
  background-position: center center;
  background-size: auto;
  background-repeat: repeat-x;
  animation: moveBackground 40s linear 0s infinite;
}
.work-planning-two .container {
  position: relative;
  z-index: 2;
}
.work-planning-two__inner {
  margin-top: -156px;
  padding: 110px 0 164px;
  position: relative;
  z-index: 2;
  background-color: var(--insuba-white, #ffffff);
  border-radius: 40px;
  overflow: hidden;
}
@media (max-width: 991px) {
  .work-planning-two__inner {
    padding: 110px 40px 101px;
  }
}
@media (max-width: 767px) {
  .work-planning-two__inner {
    padding-top: 100px;
    padding-bottom: 91px;
  }
}
@media (max-width: 575px) {
  .work-planning-two__inner {
    padding-top: 80px;
    padding-bottom: 71px;
  }
}
@media (max-width: 390px) {
  .work-planning-two__inner {
    padding-left: 30px;
    padding-right: 30px;
  }
}
.work-planning-two__top {
  margin-bottom: 110px;
  padding-left: 60px;
  padding-right: 60px;
}
@media (max-width: 991px) {
  .work-planning-two__top {
    padding: 0;
    margin-bottom: 49px;
  }
}
.work-planning-two .sec-title {
  margin-bottom: 0;
}
.work-planning-two__card {
  position: relative;
  text-align: center;
}
.work-planning-two__card--1 .work-planning-two__card__hover::after {
  width: calc(100% + 15px);
}
.work-planning-two__card--2::before, .work-planning-two__card--2::after {
  content: "";
  width: 1px;
  height: 206px;
  background-color: var(--insuba-border-color, #dddddd);
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
@media (max-width: 991px) {
  .work-planning-two__card--2::before, .work-planning-two__card--2::after {
    display: none;
  }
}
.work-planning-two__card--2::before {
  left: -15px;
}
.work-planning-two__card--2::after {
  right: -15px;
}
.work-planning-two__card--2 .work-planning-two__card__hover::after {
  width: calc(100% + 30px);
  left: 50%;
  transform: translateX(-50%);
}
.work-planning-two__card--3 .work-planning-two__card__hover::after {
  width: calc(100% + 15px);
  left: -15px;
}
.work-planning-two__card__show {
  padding: 0 60px;
  transition: all 500ms ease;
}
@media (max-width: 1199px) {
  .work-planning-two__card__show {
    padding: 0 30px;
  }
}
@media (max-width: 991px) {
  .work-planning-two__card__show {
    display: none;
  }
}
.work-planning-two__card__show .work-planning-two__card__title {
  margin-top: 14px;
}
.work-planning-two__card__show .work-planning-two__card__text {
  margin: 0;
}
.work-planning-two__card:hover .work-planning-two__card__show {
  opacity: 0;
  transform: translateY(-50px);
}
@media (min-width: 992px) {
  .work-planning-two__card__hover {
    padding: 0 30px;
    width: 100%;
    opacity: 0;
    position: relative;
    position: absolute;
    top: -70px;
    left: 50%;
    transform: translateX(-50%) translateY(50px);
    z-index: 2;
    transition: all 500ms ease;
  }
}
@media (min-width: 1200px) {
  .work-planning-two__card__hover {
    padding: 0 60px;
  }
}
.work-planning-two__card__hover::before {
  content: "";
  width: 0px;
  height: 0px;
  border-style: solid;
  border-width: 0 22px 22px 22px;
  border-color: transparent transparent var(--insuba-base, #0365d3) transparent;
  position: absolute;
  top: calc(100% + 71px);
  left: 50%;
  transform: translateX(-50%);
}
@media (max-width: 991px) {
  .work-planning-two__card__hover::before {
    display: none;
  }
}
.work-planning-two__card__hover::after {
  content: "";
  width: 100%;
  height: 4px;
  background-color: var(--insuba-base, #0365d3);
  position: absolute;
  top: calc(100% + 93px);
  left: 0;
}
@media (max-width: 991px) {
  .work-planning-two__card__hover::after {
    display: none;
  }
}
@media (min-width: 992px) {
  .work-planning-two__card:hover .work-planning-two__card__hover {
    opacity: 1;
    transform: translateX(-50%) translateY(0px);
  }
}
.work-planning-two__card__serial-number {
  position: relative;
  margin: 0;
  font-size: 58px;
  font-weight: 700;
  color: var(--insuba-border-color, #dddddd);
  line-height: 1;
  transition: all 500ms ease;
}
.work-planning-two__card:hover .work-planning-two__card__serial-number {
  color: var(--insuba-white, #ffffff);
  -webkit-text-stroke-width: 3px;
  -webkit-text-stroke-color: var(--insuba-base, #0365d3);
}
.work-planning-two__card__icon-box {
  position: relative;
  z-index: 1;
  margin: -25px auto 0;
  width: 79px;
  height: 79px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background-color: var(--insuba-white2, #ecf2f2);
}
.work-planning-two__card__icon {
  width: calc(100% - 10px);
  height: calc(100% - 10px);
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--insuba-black5, #0f3667);
  border-radius: inherit;
  font-size: 34px;
  color: var(--insuba-white, #ffffff);
  transition: all 500ms ease;
}
.work-planning-two__card__icon svg {
  width: 1em;
  height: 1em;
  fill: currentColor;
}
.work-planning-two__card:hover .work-planning-two__card__icon {
  background-color: var(--insuba-base, #0365d3);
}
.work-planning-two__card:hover .work-planning-two__card__icon > * {
  -webkit-animation-name: wobble-horizontal-hover;
  animation-name: wobble-horizontal-hover;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
}
.work-planning-two__card__image {
  margin: -40px auto 0;
  width: 191px;
  height: 129px;
  border-radius: 50px;
  transition: all 500ms ease;
}
.work-planning-two__card__title {
  margin: 25px 0 12px;
  font-size: 22px;
  font-weight: 700;
  line-height: 1.318;
}
.work-planning-two__card__title a {
  color: inherit;
  background: linear-gradient(to right, currentcolor 0%, currentcolor 100%) 0px 95%/0px 1px no-repeat;
  transition: all 500ms ease;
}
.work-planning-two__card__title a:hover {
  background-size: 100% 1px;
}
.work-planning-two__card__text {
  margin-bottom: 9px;
  line-height: 1.4375;
}
.work-planning-two__card__link {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  color: var(--insuba-base, #0365d3);
  font-weight: 500;
  line-height: 1.4375;
}
.work-planning-two__card__link__icon {
  display: inline-flex;
  font-size: 12px;
  color: inherit;
}
.work-planning-two__card__link__icon svg {
  width: 1em;
  height: 1em;
  fill: currentColor;
}
.work-planning-two__info {
  margin-top: 80px;
}
@media (max-width: 767px) {
  .work-planning-two__info__image {
    text-align: center;
  }
}
.work-planning-two__info__image img {
  max-width: 100%;
  height: auto;
  border-radius: 10px;
}
.work-planning-two__info__list {
  margin: 0;
}
.work-planning-two__info__list li {
  display: flex;
  gap: 10px;
  font-size: 16px;
  font-weight: 500;
  color: var(--insuba-black6, #232323);
}
.work-planning-two__info__list li + li {
  margin-top: 6px;
}
@media (max-width: 767px) {
  .work-planning-two__info__list li {
    justify-content: center;
  }
}
.work-planning-two__info__list li .service-details__policies__icon {
  position: relative;
  top: -1px;
  flex-shrink: 0;
  font-size: 18px;
  color: var(--insuba-base, #0365d3);
}
.work-planning-two__info__button {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
@media (max-width: 991px) {
  .work-planning-two__info__button {
    justify-content: center;
  }
}
.work-planning-two__shape-one {
  max-width: 100%;
  height: auto;
  position: absolute;
  top: -585px;
  left: -176px;
}
.work-planning-two__shape-two {
  max-width: 100%;
  height: auto;
  position: absolute;
  top: -500px;
  right: -370px;
}

/*--------------------------------------------------------------
# App Store
--------------------------------------------------------------*/
.app-store {
  position: relative;
  margin-top: -153px;
  z-index: 2;
  background-color: transparent;
}
.app-store__inner {
  position: relative;
  padding: 101px 95px 85px;
  background-color: var(--insuba-white, #ffffff);
  border: 1px solid var(--insuba-black13, #123866);
  border-radius: 30px 30px 0 0;
  overflow: hidden;
}
@media (max-width: 1199px) {
  .app-store__inner {
    padding-left: 50px;
    padding-right: 50px;
  }
}
@media (max-width: 991px) {
  .app-store__inner {
    padding-top: 43px;
    padding-bottom: 40px;
  }
}
@media (max-width: 575px) {
  .app-store__inner {
    padding-left: 40px;
    padding-right: 40px;
  }
}
@media (max-width: 430px) {
  .app-store__inner {
    padding-left: 30px;
    padding-right: 30px;
  }
}
.app-store__content {
  position: relative;
  z-index: 2;
}
.app-store .sec-title {
  margin-bottom: 25px;
}
.app-store__description {
  margin-bottom: 26px;
}
.app-store__text {
  margin: 0;
}
.app-store__button {
  margin-bottom: 24px;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 20px;
}
.app-store__btn {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  font-size: 16px;
  font-weight: 500;
  border-radius: 3px;
  transition: all 500ms ease;
}
.app-store__btn__icon {
  display: inline-flex;
  position: relative;
  top: -1px;
  font-size: 18px;
  transition: all 500ms ease;
}
.app-store__btn__icon svg {
  width: 1em;
  height: 1em;
  fill: currentColor;
}
.app-store__btn--border {
  padding: 12.5px 27.5px;
  color: var(--insuba-black3, #19232b);
  border: 1px solid RGBA(var(--insuba-base-rgb, 3, 101, 211), 0.51);
}
.app-store__btn--border .app-store__btn__icon {
  color: var(--insuba-base, #0365d3);
}
.app-store__btn--border:hover {
  color: var(--insuba-white, #ffffff);
  background-color: var(--insuba-base, #0365d3);
  border-color: var(--insuba-base, #0365d3);
}
.app-store__btn--border:hover .app-store__btn__icon {
  color: var(--insuba-white, #ffffff);
}
.app-store__btn--bg {
  padding: 12.5px 26.5px;
  color: var(--insuba-white, #ffffff);
  background-color: var(--insuba-base, #0365d3);
  border: 1px solid transparent;
}
.app-store__btn--bg .app-store__btn__icon {
  color: var(--insuba-white, #ffffff);
}
.app-store__btn--bg:hover {
  color: var(--insuba-black3, #19232b);
  background-color: transparent;
  border-color: RGBA(var(--insuba-base-rgb, 3, 101, 211), 0.51);
}
.app-store__btn--bg:hover .app-store__btn__icon {
  color: var(--insuba-base, #0365d3);
}
.app-store__riview__text {
  margin: 0;
}
.app-store__riview__text__highlight {
  font-weight: 500;
  color: var(--insuba-base, #0365d3);
}
.app-store__image {
  max-width: 100%;
  height: auto;
  position: absolute;
  left: 166px;
  bottom: 0;
  z-index: 1;
  animation: moveHorizontal2 2s linear infinite;
}
@media (max-width: 1199px) {
  .app-store__image {
    left: 50px;
  }
}
@media (max-width: 991px) {
  .app-store__image {
    display: none;
  }
}
.app-store__shape {
  max-width: 100%;
  height: auto;
  position: absolute;
  left: -212px;
  bottom: -320px;
}

/*--------------------------------------------------------------
# Home Insurance
--------------------------------------------------------------*/
.home-insurance {
  position: relative;
}
.home-insurance__shape {
  max-width: 100%;
  height: auto;
  position: absolute;
  right: 0;
  bottom: 0;
}
.home-insurance__inner {
  background-color: var(--insuba-white, #ffffff);
  border-radius: 10px;
  filter: drop-shadow(0 0 39.5px rgba(86, 73, 102, 0.09));
}
.home-insurance .row {
  --bs-gutter-y: 0;
}
.home-insurance__content {
  position: relative;
  overflow: hidden;
  z-index: 1;
}
.home-insurance__content__box {
  padding: 36px 20px 38px 119px;
}
@media (max-width: 991px) {
  .home-insurance__content__box {
    padding-right: 30px;
    padding-bottom: 50px;
  }
}
@media (max-width: 575px) {
  .home-insurance__content__box {
    padding: 180px 30px 50px 30px;
  }
}
@media (max-width: 375px) {
  .home-insurance__content__box {
    padding-left: 25px;
    padding-right: 25px;
  }
}
.home-insurance__icon-box {
  position: relative;
  position: absolute;
  top: -2px;
  left: -32px;
  flex-shrink: 0;
  width: 122px;
  height: 146px;
  background-color: var(--insuba-black4, #0f3564);
  -webkit-mask: url('data:image/svg+xml;utf8,<svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 369.000000 441.000000"><g transform="translate(0.000000,441.000000) scale(0.100000,-0.100000)" stroke="none"> <path d="M710 4395 c0 -9 -14 -16 -37 -20 -35 -6 -86 -25 -123 -47 -8 -4 -22 -11 -30 -15 -45 -20 -143 -109 -196 -178 -49 -63 -154 -258 -154 -284 0 -5 -6 -22 -14 -38 -8 -15 -22 -55 -32 -88 -9 -33 -23 -80 -30 -105 -15 -52 -35 -159 -60 -315 -14 -91 -17 -175 -17 -480 0 -368 4 -423 44 -720 7 -44 13 -98 16 -120 14 -147 96 -510 140 -630 9 -22 21 -56 28 -75 116 -315 287 -590 501 -804 172 -172 316 -269 548 -370 32 -14 65 -26 72 -26 7 0 28 -6 46 -14 45 -19 109 -34 198 -49 85 -13 464 -16 555 -4 91 12 271 59 318 83 16 8 35 14 43 14 14 0 119 45 185 81 20 10 47 25 60 32 140 74 345 241 466 381 133 153 221 295 307 491 46 105 97 286 113 400 5 39 12 59 21 58 9 -2 12 44 12 202 0 170 -2 205 -14 205 -9 0 -17 16 -21 43 -8 56 -35 133 -62 182 -13 22 -27 50 -33 62 -18 42 -249 263 -273 263 -3 0 -25 13 -49 29 -50 33 -112 69 -183 106 -27 14 -90 48 -140 75 -49 27 -112 61 -140 75 -27 14 -63 35 -80 45 -16 11 -39 24 -50 30 -105 56 -337 228 -446 332 -82 78 -185 198 -264 307 -222 307 -244 334 -355 454 -198 214 -465 389 -625 411 -22 3 -45 12 -51 21 -16 22 -194 22 -194 0z"/> </g> </svg>');
  mask: url('data:image/svg+xml;utf8,<svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 369.000000 441.000000"><g transform="translate(0.000000,441.000000) scale(0.100000,-0.100000)" stroke="none"> <path d="M710 4395 c0 -9 -14 -16 -37 -20 -35 -6 -86 -25 -123 -47 -8 -4 -22 -11 -30 -15 -45 -20 -143 -109 -196 -178 -49 -63 -154 -258 -154 -284 0 -5 -6 -22 -14 -38 -8 -15 -22 -55 -32 -88 -9 -33 -23 -80 -30 -105 -15 -52 -35 -159 -60 -315 -14 -91 -17 -175 -17 -480 0 -368 4 -423 44 -720 7 -44 13 -98 16 -120 14 -147 96 -510 140 -630 9 -22 21 -56 28 -75 116 -315 287 -590 501 -804 172 -172 316 -269 548 -370 32 -14 65 -26 72 -26 7 0 28 -6 46 -14 45 -19 109 -34 198 -49 85 -13 464 -16 555 -4 91 12 271 59 318 83 16 8 35 14 43 14 14 0 119 45 185 81 20 10 47 25 60 32 140 74 345 241 466 381 133 153 221 295 307 491 46 105 97 286 113 400 5 39 12 59 21 58 9 -2 12 44 12 202 0 170 -2 205 -14 205 -9 0 -17 16 -21 43 -8 56 -35 133 -62 182 -13 22 -27 50 -33 62 -18 42 -249 263 -273 263 -3 0 -25 13 -49 29 -50 33 -112 69 -183 106 -27 14 -90 48 -140 75 -49 27 -112 61 -140 75 -27 14 -63 35 -80 45 -16 11 -39 24 -50 30 -105 56 -337 228 -446 332 -82 78 -185 198 -264 307 -222 307 -244 334 -355 454 -198 214 -465 389 -625 411 -22 3 -45 12 -51 21 -16 22 -194 22 -194 0z"/> </g> </svg>');
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center center;
  mask-position: center center;
  -webkit-mask-size: auto;
  mask-size: auto;
  transition: all 500ms ease;
}
.home-insurance__content:hover .home-insurance__icon-box {
  background-color: var(--insuba-base, #0365d3);
}
.home-insurance__icon {
  display: inline-flex;
  position: absolute;
  right: 25px;
  bottom: 33px;
  font-size: 50px;
  color: var(--insuba-white, #ffffff);
  transition: all 500ms ease;
}
.home-insurance__icon svg {
  width: 1em;
  height: 1em;
  fill: currentColor;
}
.home-insurance__content:hover .home-insurance__icon {
  color: var(--insuba-white, #ffffff);
  -webkit-animation-name: wobble-horizontal-hover;
  animation-name: wobble-horizontal-hover;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
}
.home-insurance__title {
  margin-bottom: 8px;
  font-size: 22px;
  font-weight: 700;
  line-height: 1.318;
}
.home-insurance__text {
  margin-bottom: 24px;
  font-weight: 500;
  text-align: justify;
}
.home-insurance__carousel {
  position: relative;
  height: 100%;
  border-radius: 10px;
}
@media (max-width: 991px) {
  .home-insurance__carousel {
    height: 240px;
  }
}
.home-insurance__carousel.owl-carousel .owl-nav {
  width: calc(100% + 46px);
  margin-top: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: flex !important;
  justify-content: space-between;
  gap: 0;
  z-index: 1;
}
@media (max-width: 575px) {
  .home-insurance__carousel.owl-carousel .owl-nav {
    width: calc(100% + 15px);
  }
}
.home-insurance__carousel.owl-carousel .owl-nav button {
  width: 46px;
  height: 46px;
  font-size: 15px;
  color: var(--insuba-base, #0365d3);
  background-color: var(--insuba-white, #ffffff);
  border: 1px solid var(--insuba-base, #0365d3);
}
.home-insurance__carousel.owl-carousel .owl-nav button:hover {
  color: var(--insuba-white, #ffffff);
  background-color: var(--insuba-base, #0365d3);
  border-bottom: var(--insuba-base, #0365d3);
}
.home-insurance__carousel .owl-stage-outer,
.home-insurance__carousel .owl-stage-outer * {
  height: 100%;
  border-radius: 10px;
}
.home-insurance__carousel__bg {
  width: 100%;
  height: 100%;
  position: relative;
  /* top: 0; */
  left: 0;
  border-radius: 10px;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  transform: scale(1);
  transition: transform 7000ms ease;
  height: 420px!important;
}
.home-insurance .active .home-insurance__carousel__bg {
  transform: scale(1.15);
}

/*--------------------------------------------------------------
# Funfact
--------------------------------------------------------------*/
.funfact {
  background-color: var(--insuba-white, #ffffff);
}
.funfact--home-1 .funfact__row {
  --bs-gutter-x: 0px;
}
@media (max-width: 991px) {
  .funfact--home-1 .funfact__row {
    --bs-gutter-x: 30px;
    --bs-gutter-y: 30px;
  }
}
.funfact--home-1 .funfact__row > * {
  border-left: 1px solid var(--insuba-border-color, #dddddd);
  border-right: 1px solid var(--insuba-border-color, #dddddd);
  border-bottom: 1px solid var(--insuba-border-color, #dddddd);
}
.funfact--home-1 .funfact__row > *:first-child {
  border-top: 1px solid var(--insuba-border-color, #dddddd);
}
@media (max-width: 991px) {
  .funfact--home-1 .funfact__row > * {
    border: 0 !important;
  }
}
.funfact--home-1 .funfact__item {
  padding: 30px 30px 25.25px;
  flex-direction: column;
  align-items: center;
}
@media (max-width: 991px) {
  .funfact--home-1 .funfact__item {
    border: 1px solid var(--insuba-border-color, #dddddd);
  }
}
.funfact--home-1 .funfact__content {
  margin: 0;
  text-align: center;
}
.funfact--home-1 .funfact__count {
  justify-content: center;
}
.funfact--home-2 {
  position: relative;
  background-color: var(--insuba-white, #ffffff);
}
.funfact--home-2::after {
  content: "";
  width: 100%;
  height: 250px;
  position: absolute;
  left: 0;
  bottom: 0;
  background-color: var(--insuba-white8, #edf0f2);
}
.funfact--home-2 .funfact__wrapper {
  position: relative;
  max-width: 1458px;
  padding: 73px 10px 74px;
  margin: 0 auto;
  background-color: #2083f4;
  border-radius: 50px;
  overflow: hidden;
  z-index: 1;
}
@media (max-width: 767px) {
  .funfact--home-2 .funfact__wrapper {
    padding-top: 93px;
    padding-bottom: 94px;
  }
}
@media (max-width: 575px) {
  .funfact--home-2 .funfact__wrapper {
    padding-top: 73px;
    padding-bottom: 74px;
  }
}
.funfact--home-2 .container {
  position: relative;
  z-index: 3;
}
.funfact--home-2 .funfact__top {
  text-align: center;
  margin: 0 auto 49px;
  padding-bottom: 18px;
  display: table;
  border-bottom: 1px solid RGBA(var(--insuba-white-rgb, 255, 255, 255), 0.25);
}
.funfact--home-2 .funfact__top__title {
  margin: 0;
  font-size: 23px;
  color: var(--insuba-white, #ffffff);
  font-weight: 700;
  line-height: 1.521;
}
.funfact--home-2 .funfact__icon-box {
  background-color: var(--insuba-white, #ffffff);
}
.funfact--home-2 .funfact__item:hover .funfact__icon-box {
  background-color: var(--insuba-base, #0365d3);
}
.funfact--home-2 .funfact__icon {
  color: var(--insuba-black4, #0f3564);
}
.funfact--home-2 .funfact__item:hover .funfact__icon {
  color: var(--insuba-white, #ffffff);
}
.funfact--home-2 .funfact__count,
.funfact--home-2 .funfact__text {
  color: var(--insuba-white, #ffffff);
}
.funfact--home-2 .funfact__shape-one {
  position: absolute;
  top: 60px;
  left: -45px;
}
@media (max-width: 575px) {
  .funfact--home-2 .funfact__shape-one {
    display: none;
  }
}
.funfact--home-2 .funfact__shape-two {
  position: absolute;
  top: 0px;
  left: 150px;
  z-index: 1;
}
@media (max-width: 575px) {
  .funfact--home-2 .funfact__shape-two {
    display: none;
  }
}
.funfact--home-2 .funfact__shape-three {
  position: absolute;
  right: -171px;
  bottom: -35px;
}
.funfact--home-2 .funfact__shape-four {
  position: absolute;
  right: 71px;
  bottom: -19px;
  z-index: 1;
}
.funfact--home-2 .funfact__shape-five {
  position: absolute;
  top: -330px;
  right: -190px;
  z-index: 1;
}
.funfact--home-2 .funfact__shape-six {
  position: absolute;
  left: -61px;
  bottom: -93px;
  animation: zumpBottom 2s linear infinite;
}
.funfact--home-2 .funfact__bottom {
  margin-top: 45px;
  text-align: center;
}
.funfact--home-2 .funfact__bottom__text {
  margin: 0;
  font-weight: 500;
  color: var(--insuba-white, #ffffff);
}
.funfact--home-2 .funfact__bottom__link {
  margin-left: 3px;
}
.funfact--home-2 .funfact__bottom__link:hover {
  color: var(--insuba-white, #ffffff);
}
.funfact--home-2 .funfact__bottom__link__text {
  position: relative;
  color: inherit;
}
.funfact--home-2 .funfact__bottom__link__text::after {
  content: "";
  width: 100%;
  height: 1px;
  background-color: var(--insuba-base, #0365d3);
  position: absolute;
  top: 100%;
  left: 0;
}
.funfact--home-2 .funfact__bottom__link:hover .funfact--home-2 .funfact__bottom__link__link__text::after {
  background-color: var(--insuba-white, #ffffff);
}
.funfact--home-2 .funfact__bottom__link__icon {
  margin-left: 2px;
  display: inline-flex;
  font-size: 11px;
  color: inherit;
}
.funfact--home-2 .funfact__bottom__link__icon svg {
  width: 1em;
  height: 1em;
  fill: currentColor;
}
.funfact--home-3, .funfact--home-4 {
  position: relative;
  padding: 100px 0;
  background-color: var(--insuba-white5, #f0f5f5);
  overflow: hidden;
}
@media (max-width: 575px) {
  .funfact--home-3, .funfact--home-4 {
    padding: 80px 0;
  }
}
.funfact--home-3 .container, .funfact--home-4 .container {
  position: relative;
  z-index: 1;
}
.funfact--home-3 .funfact__item, .funfact--home-4 .funfact__item {
  position: relative;
}
.funfact--home-3 .funfact__item::after, .funfact--home-4 .funfact__item::after {
  content: "";
  width: 100%;
  height: 4px;
  position: absolute;
  left: 0;
  bottom: -100px;
  background-color: var(--insuba-base, #0365d3);
  transform: scaleX(0);
  transition: all 500ms linear;
}
@media (max-width: 575px) {
  .funfact--home-3 .funfact__item::after, .funfact--home-4 .funfact__item::after {
    bottom: -80px;
  }
}
@media (max-width: 1199px) {
  .funfact--home-3 .funfact__item::after, .funfact--home-4 .funfact__item::after {
    display: none;
  }
}
.funfact--home-3 .funfact__item:hover::after, .funfact--home-4 .funfact__item:hover::after {
  transform: scaleX(1);
}
.funfact--home-3 .funfact__shape-one, .funfact--home-4 .funfact__shape-one {
  max-width: 100%;
  height: auto;
  position: absolute;
  top: -183px;
  left: 0;
  animation: moveHorizontal2 2s linear infinite;
}
@media (max-width: 1599px) {
  .funfact--home-3 .funfact__shape-one, .funfact--home-4 .funfact__shape-one {
    left: -120px;
  }
}
@media (max-width: 1399px) {
  .funfact--home-3 .funfact__shape-one, .funfact--home-4 .funfact__shape-one {
    left: -140px;
  }
}
@media (max-width: 1299px) {
  .funfact--home-3 .funfact__shape-one, .funfact--home-4 .funfact__shape-one {
    display: none;
  }
}
.funfact--home-3 .funfact__shape-two, .funfact--home-4 .funfact__shape-two {
  max-width: 100%;
  height: auto;
  position: absolute;
  top: -177px;
  right: 0;
  animation: moveHorizontal 2s linear infinite;
}
@media (max-width: 1599px) {
  .funfact--home-3 .funfact__shape-two, .funfact--home-4 .funfact__shape-two {
    right: -120px;
  }
}
@media (max-width: 1399px) {
  .funfact--home-3 .funfact__shape-two, .funfact--home-4 .funfact__shape-two {
    right: -140px;
  }
}
@media (max-width: 1299px) {
  .funfact--home-3 .funfact__shape-two, .funfact--home-4 .funfact__shape-two {
    display: none;
  }
}
.funfact--home-4 .funfact__item::after {
  top: -100px;
  bottom: auto;
}
.funfact--home-4 .funfact__shape-one {
  top: -254px;
}
@media (max-width: 1399px) {
  .funfact--home-4 .funfact__shape-one {
    left: -180px;
  }
}
.funfact--home-4 .funfact__shape-two {
  top: auto;
  bottom: -234px;
}
@media (max-width: 1599px) {
  .funfact--home-4 .funfact__shape-two {
    right: -80px;
  }
}
.funfact--portfolio-details .funfact__inner {
  padding: 99px 0;
  border-top: 1px solid var(--insuba-border-color, #dddddd);
  border-bottom: 1px solid var(--insuba-border-color, #dddddd);
}
@media (max-width: 767px) {
  .funfact--portfolio-details .funfact__inner {
    padding: 80px 0;
  }
}
@media (max-width: 575px) {
  .funfact--portfolio-details .funfact__inner {
    padding: 70px 0;
  }
}
.funfact__row {
  --bs-gutter-x: 96px;
}
@media (max-width: 1199px) {
  .funfact__row {
    --bs-gutter-x: 60px;
  }
}
.funfact__item {
  position: relative;
  display: flex;
  gap: 19px;
}
@media (min-width: 576px) and (max-width: 1199px) {
  .funfact__item {
    flex-direction: column;
    align-items: center;
  }
}
@media (max-width: 575px) {
  .funfact__item {
    flex-direction: column;
    align-items: center;
  }
}
@media (max-width: 991px) {
  .funfact__item--2 .funfact__item__shape {
    display: none;
  }
}
.funfact__item__shape {
  position: absolute;
  top: 50%;
  right: -48px;
  transform: translateY(-50%);
}
@media (max-width: 1199px) {
  .funfact__item__shape {
    right: -30px;
  }
}
@media (max-width: 575px) {
  .funfact__item__shape {
    display: none;
  }
}
.funfact__icon-box {
  width: 70px;
  height: 70px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  border-radius: 50%;
  background-color: var(--insuba-black5, #0f3667);
  transition: all 500ms ease;
}
.funfact__item:hover .funfact__icon-box {
  background-color: var(--insuba-base, #0365d3);
}
.funfact__icon {
  display: inline-flex;
  font-size: 35px;
  color: var(--insuba-white, #ffffff);
  transition: all 500ms ease;
}
.funfact__icon svg {
  width: 1em;
  height: 1em;
  fill: currentColor;
}
.funfact__item:hover .funfact__icon {
  -webkit-animation-name: wobble-horizontal-hover;
  animation-name: wobble-horizontal-hover;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
}
.funfact__content {
  margin-top: 6px;
}
@media (min-width: 576px) and (max-width: 1199px) {
  .funfact__content {
    margin: 0;
    text-align: center;
  }
}
@media (max-width: 575px) {
  .funfact__content {
    margin: 0;
    text-align: center;
  }
}
.funfact__count {
  margin-bottom: 10px;
  display: flex;
  align-items: center;
  font-size: 30px;
  font-weight: 700;
  line-height: 1;
}
@media (min-width: 576px) and (max-width: 1199px) {
  .funfact__count {
    justify-content: center;
  }
}
@media (max-width: 575px) {
  .funfact__count {
    justify-content: center;
  }
}
.funfact__text {
  margin: 0;
  font-size: 17px;
  font-weight: 500;
  line-height: 1.5;
}

/*--------------------------------------------------------------
# Slide Text
--------------------------------------------------------------*/
.slide-one {
  position: relative;
  padding: 40px 0;
  background-color: var(--insuba-base, #0365d3);
}
.slide-one__bg {
  position: relative;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}
.slide-one__bg::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: RGBA(var(--insuba-base-rgb, 3, 101, 211), 0.93);
}
.slide-one__slide {
  position: relative;
  z-index: 1;
  width: 100%;
  display: flex;
  align-items: center;
  gap: 20px;
  animation: textScrolling 25s linear infinite;
  animation-direction: reverse;
  will-change: transform;
  position: relative;
  white-space: nowrap;
}
.slide-one__slide:hover {
  animation-play-state: paused;
}
@media (max-width: 991px) {
  .slide-one__slide {
    animation-duration: 15s;
  }
}
@media (max-width: 767px) {
  .slide-one__slide {
    animation-duration: 10s;
  }
}
@keyframes textScrolling {
  0% {
    transform: translate3d(-100%, 0, 0);
  }
  100% {
    transform: translate3d(0%, 0, 0);
  }
}
.slide-one__text {
  margin: 0;
  font-family: var(--insuba-heading-font, "Poppins", serif);
  font-size: 42px;
  font-weight: 700;
  color: var(--insuba-white, #ffffff);
  line-height: 1.285;
}
.slide-one__text--stroke {
  color: var(--insuba-base, #0365d3);
  text-shadow: 2px 2px 0 var(--insuba-white, #ffffff), -2px -2px 0 var(--insuba-white, #ffffff), 2px -2px 0 var(--insuba-white, #ffffff), -2px 2px 0 var(--insuba-white, #ffffff), 2px 2px 0 var(--insuba-white, #ffffff);
}
.slide-one--home-4 {
  padding: 94px 0 92px;
  background-color: var(--insuba-white, #ffffff);
  border-bottom: 1px solid var(--insuba-border-color, #dddddd);
}
@media (max-width: 575px) {
  .slide-one--home-4 {
    padding: 79px 0 77px;
  }
}
.slide-one--home-4 .slide-one__text {
  color: var(--insuba-black3, #19232b);
}
.slide-one--home-4 .slide-one__text:nth-child(even) {
  color: var(--insuba-base, #0365d3);
}
.slide-one--home-4 .slide-one__text--stroke {
  color: var(--insuba-white, #ffffff);
  text-shadow: 2px 2px 0 var(--insuba-black3, #19232b), -2px -2px 0 var(--insuba-black3, #19232b), 2px -2px 0 var(--insuba-black3, #19232b), -2px 2px 0 var(--insuba-black3, #19232b), 2px 2px 0 var(--insuba-black3, #19232b);
}

/*--------------------------------------------------------------
# Services
--------------------------------------------------------------*/
.service-card {
  position: relative;
  overflow: hidden;
  background-color: var(--insuba-white, #ffffff);
  border: 1px solid var(--insuba-border-color, #dddddd);
}
.service-card__bg {
  width: calc(100% + 2px);
  height: 0;
  position: absolute;
  left: -1px;
  bottom: 0;
  background-color: var(--insuba-black4, #0f3564);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  transition: all 500ms ease;
}
.service-card:hover .service-card__bg {
  height: calc(100% - 1%);
  top: -1px;
}
.service-card__content {
  position: relative;
  padding: 39px 57px 240px;
  z-index: 2;
}
@media (min-width: 992px) and (max-width: 1199px) {
  .service-card__content {
    padding-left: 30px;
    padding-right: 30px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .service-card__content {
    padding-left: 35px;
    padding-right: 35px;
  }
}
@media (max-width: 412px) {
  .service-card__content {
    padding-left: 35px;
    padding-right: 35px;
  }
}
@media (max-width: 375px) {
  .service-card__content {
    padding-left: 30px;
    padding-right: 30px;
  }
}
.service-card__top {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.service-card__icon-box {
  position: relative;
  margin-bottom: 19px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 70px;
  height: 70px;
  border-radius: 50%;
  background-color: var(--insuba-black4, #0f3564);
  transition: all 500ms ease;
}
.service-card__icon-box::after {
  content: "";
  width: calc(100% - 10px);
  height: calc(100% - 10px);
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  opacity: 0;
  border-radius: inherit;
  border: 1px dashed var(--insuba-base, #0365d3);
  transition: all 500ms ease;
}
.service-card:hover .service-card__icon-box {
  background-color: var(--insuba-white, #ffffff);
}
.service-card:hover .service-card__icon-box::after {
  opacity: 1;
}
.service-card__icon {
  display: inline-flex;
  font-size: 40px;
  color: var(--insuba-white, #ffffff);
  transition: all 500ms ease;
}
.service-card:hover .service-card__icon {
  color: var(--insuba-base, #0365d3);
  -webkit-animation-name: wobble-horizontal-hover;
  animation-name: wobble-horizontal-hover;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
}
.service-card__number::after {
  content: "0" counter(serviceNumber);
  counter-increment: serviceNumber;
  display: none;
  font-size: 46px;
  color: var(--insuba-white, #ffffff);
  text-shadow: 1px 1px 0 RGBA(var(--insuba-text-rgb, 99, 99, 99), 0.34), -1px -1px 0 RGBA(var(--insuba-text-rgb, 99, 99, 99), 0.34), 1px -1px 0 RGBA(var(--insuba-text-rgb, 99, 99, 99), 0.34), -1px 1px 0 RGBA(var(--insuba-text-rgb, 99, 99, 99), 0.34), 1px 1px 0 RGBA(var(--insuba-text-rgb, 99, 99, 99), 0.34);
  transition: all 500ms ease;
}
.service-card:hover .service-card__number::after {
  color: var(--insuba-black4, #0f3564);
  text-shadow: 1px 1px 0 RGBA(var(--insuba-white-rgb, 255, 255, 255), 0.58), -1px -1px 0 RGBA(var(--insuba-white-rgb, 255, 255, 255), 0.58), 1px -1px 0 RGBA(var(--insuba-white-rgb, 255, 255, 255), 0.58), -1px 1px 0 RGBA(var(--insuba-white-rgb, 255, 255, 255), 0.58), 1px 1px 0 RGBA(var(--insuba-white-rgb, 255, 255, 255), 0.58);
}
.service-card__title {
  margin-bottom: 7px;
  font-size: 22px;
  font-weight: 700;
  text-transform: capitalize;
  line-height: 1.318;
}
.service-card__title:hover {
  color: var(--insuba-base, #0365d3);
}
.service-card__title a {
  color: inherit;
  background: linear-gradient(to right, currentcolor 0%, currentcolor 100%) 0px 95%/0px 1px no-repeat;
  transition: all 500ms ease;
}
.service-card__title a:hover {
  background-size: 100% 1px;
}
.service-card__text {
  margin: 0;
  transition: all 500ms ease;
}
.service-card:hover .service-card__title, .service-card:hover .service-card__text {
  color: var(--insuba-white, #ffffff);
}
.service-card__image {
  position: relative;
  position: absolute;
  left: 0;
  bottom: -1px;
  width: 100%;
  height: 232px;
  z-index: 2;
}
.service-card__image__inner {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-repeat: no-repeat;
  background-position: top;
  background-size: cover;
  -webkit-mask: url('data:image/svg+xml;utf8,<svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 900.000000 567.000000"><g transform="translate(0.000000,567.000000) scale(0.100000,-0.100000)" stroke="none"> <path d="M6843 5658 c1 -8 -17 -16 -48 -21 -144 -24 -321 -72 -410 -111 -244 -107 -487 -257 -664 -409 -24 -22 -67 -49 -95 -62 -105 -48 -148 -55 -334 -55 -181 0 -212 4 -537 61 -197 35 -239 43 -522 103 -211 45 -512 95 -728 121 -175 21 -534 21 -664 -1 -218 -35 -398 -97 -529 -181 -149 -95 -332 -169 -497 -203 -109 -22 -301 -24 -421 -6 -145 23 -260 49 -369 85 -85 27 -108 36 -182 67 -17 8 -34 14 -37 14 -9 0 -228 109 -301 150 -106 59 -357 223 -405 265 -14 12 -42 34 -62 50 l-38 27 0 -2776 0 -2776 4500 0 4500 0 0 2315 c0 1963 -2 2315 -14 2315 -7 0 -25 15 -40 34 -55 73 -313 324 -411 400 -27 22 -52 42 -55 46 -10 13 -173 129 -231 165 -174 107 -275 161 -410 220 -56 25 -109 45 -118 45 -10 0 -21 4 -26 9 -18 17 -253 75 -348 87 -28 3 -50 11 -54 20 -7 19 -454 21 -450 2z"/> </g> </svg>');
  mask: url('data:image/svg+xml;utf8,<svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 900.000000 567.000000"><g transform="translate(0.000000,567.000000) scale(0.100000,-0.100000)" stroke="none"> <path d="M6843 5658 c1 -8 -17 -16 -48 -21 -144 -24 -321 -72 -410 -111 -244 -107 -487 -257 -664 -409 -24 -22 -67 -49 -95 -62 -105 -48 -148 -55 -334 -55 -181 0 -212 4 -537 61 -197 35 -239 43 -522 103 -211 45 -512 95 -728 121 -175 21 -534 21 -664 -1 -218 -35 -398 -97 -529 -181 -149 -95 -332 -169 -497 -203 -109 -22 -301 -24 -421 -6 -145 23 -260 49 -369 85 -85 27 -108 36 -182 67 -17 8 -34 14 -37 14 -9 0 -228 109 -301 150 -106 59 -357 223 -405 265 -14 12 -42 34 -62 50 l-38 27 0 -2776 0 -2776 4500 0 4500 0 0 2315 c0 1963 -2 2315 -14 2315 -7 0 -25 15 -40 34 -55 73 -313 324 -411 400 -27 22 -52 42 -55 46 -10 13 -173 129 -231 165 -174 107 -275 161 -410 220 -56 25 -109 45 -118 45 -10 0 -21 4 -26 9 -18 17 -253 75 -348 87 -28 3 -50 11 -54 20 -7 19 -454 21 -450 2z"/> </g> </svg>');
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center center;
  mask-position: center center;
  -webkit-mask-size: auto;
  mask-size: auto;
}
.service-card__btn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 51px;
  height: 51px;
  position: absolute;
  top: -8px;
  right: 14px;
  transform: translateY(80px);
  opacity: 0;
  background-color: var(--insuba-base, #0365d3);
  border: 3px solid var(--insuba-white, #ffffff);
  border-radius: 10px;
  overflow: hidden;
}
.service-card__btn__icon {
  display: inline-flex;
  font-size: 16px;
  color: var(--insuba-white, #ffffff);
}
.service-card__btn__icon svg {
  width: 1em;
  height: 1em;
  fill: currentColor;
}
.service-card__btn:hover .service-card__btn__icon {
  animation: slideLeft 400ms;
}
.service-card:hover .service-card__btn {
  transform: translateY(0px);
  opacity: 1;
}
.service-card__shape {
  position: absolute;
  top: -1px;
  right: -1px;
  width: 37px;
  height: 37px;
  background-color: var(--insuba-black4, #0f3564);
  border-radius: 0px 0px 0px 50px;
  z-index: 1;
  transition: all 500ms ease;
}
.service-card:hover .service-card__shape {
  background-color: var(--insuba-base, #0365d3);
}

.service-card-two {
  position: relative;
  padding: 40px 75px 48px 57px;
  overflow: hidden;
  background-color: var(--insuba-black4, #0f3564);
}
@media (min-width: 768px) and (max-width: 1199px) {
  .service-card-two {
    padding-left: 30px;
  }
}
@media (max-width: 575px) {
  .service-card-two {
    padding-left: 40px;
  }
}
@media (max-width: 430px) {
  .service-card-two {
    padding-left: 30px;
  }
}
.service-card-two::before {
  content: "";
  width: 6px;
  height: 87px;
  position: absolute;
  top: 0;
  left: 0;
  background-color: var(--insuba-base, #0365d3);
}
.service-card-two__bg {
  width: 100%;
  height: 0;
  position: relative;
  position: absolute;
  left: 0;
  bottom: 0;
  background-color: var(--insuba-black4, #0f3564);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  transition: all 500ms ease;
}
.service-card-two__bg::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: RGBA(var(--insuba-base-rgb, 3, 101, 211), 0.89);
}
.service-card-two:hover .service-card-two__bg {
  height: 100%;
  top: 0;
}
.service-card-two__content {
  position: relative;
  z-index: 2;
}
.service-card-two__icon-box {
  position: relative;
  margin-bottom: 21px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 70px;
  height: 70px;
  border-radius: 50%;
  background-color: var(--insuba-white, #ffffff);
  transition: all 500ms ease;
}
.service-card-two__icon {
  display: inline-flex;
  font-size: 40px;
  color: var(--insuba-black4, #0f3564);
  transition: all 500ms ease;
}
.service-card-two:hover .service-card-two__icon {
  color: var(--insuba-base, #0365d3);
  -webkit-animation-name: wobble-horizontal-hover;
  animation-name: wobble-horizontal-hover;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
}
.service-card-two__title {
  margin-bottom: 8px;
  font-size: 22px;
  font-weight: 700;
  color: var(--insuba-white, #ffffff);
  text-transform: capitalize;
  line-height: 1.318;
}
.service-card-two__title a {
  color: inherit;
  background: linear-gradient(to right, currentcolor 0%, currentcolor 100%) 0px 95%/0px 1px no-repeat;
  transition: all 500ms ease;
}
.service-card-two__title a:hover {
  background-size: 100% 1px;
}
.service-card-two__text {
  margin: 0;
  color: var(--insuba-white, #ffffff);
}
.service-card-two__btn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 41px;
  height: 41px;
  position: absolute;
  right: 20px;
  bottom: 20px;
  background-color: var(--insuba-base, #0365d3);
  border-radius: 50%;
  overflow: hidden;
  z-index: 2;
  transition: all 500ms ease;
}
.service-card-two__btn__icon {
  display: inline-flex;
  font-size: 20px;
  color: var(--insuba-white, #ffffff);
  transition: all 500ms ease;
}
.service-card-two__btn__icon svg {
  width: 1em;
  height: 1em;
  fill: currentColor;
}
.service-card-two__btn:hover .service-card-two__btn__icon {
  transform: rotate(270deg);
}
.service-card-two:hover .service-card-two__btn {
  background-color: var(--insuba-white, #ffffff);
}
.service-card-two:hover .service-card-two__btn__icon {
  color: var(--insuba-base, #0365d3);
}
.service-card-two__shape {
  max-width: 100%;
  height: auto;
  position: absolute;
  top: -30px;
  right: -112px;
  opacity: 0.07;
  z-index: 1;
  transition: all 500ms ease;
}
.service-card-two:hover .service-card-two__shape {
  opacity: 1;
}

.service-card-three {
  position: relative;
  padding: 9px 10px;
  background-color: var(--insuba-white, #ffffff);
  border-radius: 30px;
  filter: drop-shadow(0 0 12px rgba(0, 0, 0, 0.05));
  overflow: hidden;
}
.service-card-three::after {
  content: "";
  width: 100%;
  height: 0%;
  position: absolute;
  left: 0;
  bottom: 0;
  background-color: var(--insuba-base, #0365d3);
  border-radius: inherit;
  transition: all 500ms ease;
}
.service-card-three:hover::after {
  height: 100%;
  top: 0;
}
.service-card-three__image {
  position: relative;
  z-index: 2;
}
.service-card-three__image img {
  width: 100%;
  display: block;
  border-radius: 30px 30px 0 0;
}
.service-card-three__content {
  position: relative;
  padding: 0 21px 34px;
  text-align: center;
  border-top: 4px solid var(--insuba-base, #0365d3);
  z-index: 2;
  transition: all 500ms ease;
}
@media (min-width: 992px) and (max-width: 1199px) {
  .service-card-three__content {
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media (max-width: 360px) {
  .service-card-three__content {
    padding-left: 16px;
    padding-right: 16px;
  }
}
.service-card-three:hover .service-card-three__content {
  border-color: var(--insuba-white, #ffffff);
}
.service-card-three__icon-box {
  margin: 0 auto 23px;
  width: 90px;
  height: 67px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--insuba-base, #0365d3);
  -webkit-mask: url('data:image/svg+xml;utf8,<svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 270.000000 210.000000"><g transform="translate(0.000000,210.000000) scale(0.100000,-0.100000)" stroke="none"> <path d="M4 2038 c10 -94 21 -176 34 -245 7 -35 17 -91 24 -125 6 -35 14 -88 18 -118 4 -30 12 -83 18 -117 7 -35 17 -91 24 -125 6 -35 14 -88 18 -118 4 -30 12 -83 18 -117 7 -35 17 -91 24 -125 6 -35 14 -88 18 -118 4 -30 12 -84 19 -120 7 -36 17 -90 22 -120 6 -30 14 -86 19 -125 5 -38 14 -86 20 -105 5 -19 10 -56 10 -82 0 -62 48 -166 97 -208 20 -18 56 -41 80 -51 43 -18 81 -19 874 -19 l830 0 54 25 c95 45 153 135 165 255 4 36 12 93 18 128 31 162 36 191 42 242 4 30 12 83 18 117 7 35 17 91 24 125 6 35 14 88 18 118 4 30 12 83 18 118 7 34 17 90 24 125 6 34 14 87 18 117 4 30 12 83 18 118 7 34 17 90 24 125 6 34 14 87 18 117 4 30 12 82 18 115 7 33 14 81 18 108 3 32 10 47 20 47 10 0 14 13 14 50 l0 50 -1351 0 -1352 0 7 -62z"/> </g> </svg>');
  mask: url('data:image/svg+xml;utf8,<svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 270.000000 210.000000"><g transform="translate(0.000000,210.000000) scale(0.100000,-0.100000)" stroke="none"> <path d="M4 2038 c10 -94 21 -176 34 -245 7 -35 17 -91 24 -125 6 -35 14 -88 18 -118 4 -30 12 -83 18 -117 7 -35 17 -91 24 -125 6 -35 14 -88 18 -118 4 -30 12 -83 18 -117 7 -35 17 -91 24 -125 6 -35 14 -88 18 -118 4 -30 12 -84 19 -120 7 -36 17 -90 22 -120 6 -30 14 -86 19 -125 5 -38 14 -86 20 -105 5 -19 10 -56 10 -82 0 -62 48 -166 97 -208 20 -18 56 -41 80 -51 43 -18 81 -19 874 -19 l830 0 54 25 c95 45 153 135 165 255 4 36 12 93 18 128 31 162 36 191 42 242 4 30 12 83 18 117 7 35 17 91 24 125 6 35 14 88 18 118 4 30 12 83 18 118 7 34 17 90 24 125 6 34 14 87 18 117 4 30 12 83 18 118 7 34 17 90 24 125 6 34 14 87 18 117 4 30 12 82 18 115 7 33 14 81 18 108 3 32 10 47 20 47 10 0 14 13 14 50 l0 50 -1351 0 -1352 0 7 -62z"/> </g> </svg>');
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center center;
  mask-position: center center;
  -webkit-mask-size: auto;
  mask-size: auto;
  transition: all 500ms ease;
}
.service-card-three:hover .service-card-three__icon-box {
  background-color: var(--insuba-white, #ffffff);
}
.service-card-three__icon {
  font-size: 40px;
  color: var(--insuba-white, #ffffff);
  transition: all 500ms ease;
}
.service-card-three__icon svg {
  width: 1em;
  height: 1em;
  fill: currentColor;
}
.service-card-three:hover .service-card-three__icon {
  color: var(--insuba-base, #0365d3);
  -webkit-animation-name: wobble-horizontal-hover;
  animation-name: wobble-horizontal-hover;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
}
.service-card-three__title {
  margin-bottom: 7px;
  font-size: 22px;
  font-weight: 700;
  line-height: 1.318;
  text-transform: capitalize;
}
.service-card-three__title a {
  color: inherit;
  background: linear-gradient(to right, currentcolor 0%, currentcolor 100%) 0px 95%/0px 1px no-repeat;
  transition: all 500ms ease;
}
.service-card-three__title a:hover {
  background-size: 100% 1px;
}
.service-card-three__text {
  margin-bottom: 6px;
  transition: all 500ms ease;
}
.service-card-three__link {
  display: inline-flex;
  align-items: center;
  gap: 2px;
  font-weight: 500;
}
.service-card-three:hover .service-card-three__title, .service-card-three:hover .service-card-three__text, .service-card-three:hover .service-card-three__link {
  color: var(--insuba-white, #ffffff);
}
.service-card-three__shape {
  width: calc(100% + 100px) !important;
  display: block;
  position: absolute;
  left: -73px;
  bottom: -177px;
  opacity: 0;
  transform: translateY(100px);
  z-index: 1;
  transition: all 500ms ease;
}
@media (max-width: 1199px) {
  .service-card-three__shape {
    bottom: -145px;
  }
}
@media (max-width: 991px) {
  .service-card-three__shape {
    bottom: -165px;
  }
}
@media (max-width: 767px) {
  .service-card-three__shape {
    display: none !important;
  }
}
.service-card-three:hover .service-card-three__shape {
  opacity: 1;
  transform: translateY(0px);
}

.service-card-four {
  position: relative;
  overflow: hidden;
}
.service-card-four::before {
  content: "";
  width: 100%;
  height: calc(100% - 50px);
  position: absolute;
  top: 0;
  left: 0;
  background-color: var(--insuba-white, #ffffff);
  transition: all 700ms ease;
}
.service-card-four::after {
  content: "";
  width: 100%;
  height: 0%;
  position: absolute;
  left: 0;
  bottom: 50px;
  background-color: var(--insuba-base, #0365d3);
  transition: all 700ms ease;
}
.service-card-four:hover::after {
  height: calc(100% - 50px);
  top: 0;
}
.service-card-four__content {
  position: relative;
  padding: 37px 35px 245px 40px;
  z-index: 2;
}
@media (min-width: 768px) and (max-width: 1199px) {
  .service-card-four__content {
    padding-top: 30px;
    padding-left: 30px;
    padding-right: 30px;
  }
}
@media (max-width: 430px) {
  .service-card-four__content {
    padding-top: 30px;
    padding-left: 30px;
    padding-right: 30px;
  }
}
.service-card-four__top {
  margin-bottom: 14px;
  display: flex;
  align-items: center;
  gap: 19px;
}
@media (min-width: 768px) and (max-width: 1199px) {
  .service-card-four__top {
    flex-direction: column;
    align-items: flex-start;
  }
}
@media (max-width: 412px) {
  .service-card-four__top {
    flex-direction: column;
    align-items: flex-start;
  }
}
.service-card-four__icon-box {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 70px;
  height: 70px;
  border-radius: 50%;
  background-color: var(--insuba-black4, #0f3564);
  transition: all 500ms ease;
}
.service-card-four:hover .service-card-four__icon-box {
  background-color: var(--insuba-white, #ffffff);
}
.service-card-four__icon {
  display: inline-flex;
  font-size: 40px;
  color: var(--insuba-white, #ffffff);
  transition: all 500ms ease;
}
.service-card-four:hover .service-card-four__icon {
  color: var(--insuba-base, #0365d3);
  -webkit-animation-name: wobble-horizontal-hover;
  animation-name: wobble-horizontal-hover;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
}
.service-card-four__title {
  margin-bottom: 7px;
  font-size: 22px;
  font-weight: 700;
  text-transform: capitalize;
  line-height: 1.318;
}
.service-card-four__title:hover {
  color: var(--insuba-base, #0365d3);
}
.service-card-four__title a {
  color: inherit;
  background: linear-gradient(to right, currentcolor 0%, currentcolor 100%) 0px 95%/0px 1px no-repeat;
  transition: all 500ms ease;
}
.service-card-four__title a:hover {
  background-size: 100% 1px;
}
.service-card-four__text {
  margin-bottom: 6px;
  transition: all 500ms ease;
}
.service-card-four__link {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  color: var(--insuba-base, #0365d3);
  font-weight: 500;
  line-height: 1.4375;
}
.service-card-four__link__icon {
  display: inline-flex;
  font-size: 12px;
  color: inherit;
}
.service-card-four__link__icon svg {
  width: 1em;
  height: 1em;
  fill: currentColor;
}
.service-card-four:hover .service-card-four__title, .service-card-four:hover .service-card-four__text, .service-card-four:hover .service-card-four__link {
  color: var(--insuba-white, #ffffff);
}
.service-card-four__image {
  position: relative;
  position: absolute;
  left: 0;
  bottom: -1px;
  width: 100%;
  height: 232px;
  z-index: 2;
}
.service-card-four__image__inner {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-repeat: no-repeat;
  background-position: top;
  background-size: cover;
  -webkit-mask: url('data:image/svg+xml;utf8,<svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 900.000000 567.000000"> <g transform="translate(0.000000,567.000000) scale(0.100000,-0.100000)" stroke="none"> <path d="M6843 5658 c1 -8 -17 -16 -48 -21 -144 -24 -321 -72 -410 -111 -244 -107 -487 -257 -664 -409 -49 -43 -117 -77 -202 -101 -75 -22 -366 -22 -498 -1 -174 28 -355 61 -511 92 -70 14 -109 22 -277 57 -222 47 -501 93 -728 121 -175 21 -534 21 -664 -1 -218 -35 -398 -97 -529 -181 -147 -93 -336 -173 -462 -194 -30 -5 -77 -13 -105 -18 -163 -31 -469 6 -720 88 -85 27 -108 36 -182 67 -17 8 -34 14 -37 14 -11 0 -258 124 -301 151 -22 14 -47 29 -55 32 -8 4 -27 15 -42 25 -15 9 -57 36 -95 60 -88 55 -176 117 -238 167 -28 21 -56 43 -63 48 -9 8 -12 -548 -12 -2767 l0 -2776 4500 0 4500 0 0 2315 c0 1963 -2 2315 -14 2315 -7 0 -25 15 -40 34 -55 73 -313 324 -411 400 -27 22 -52 42 -55 46 -19 24 -224 164 -340 232 -152 89 -383 198 -420 198 -9 0 -20 4 -25 9 -21 18 -241 73 -348 86 -28 4 -50 12 -54 21 -7 19 -454 21 -450 2z"/> </g> </svg>');
  mask: url('data:image/svg+xml;utf8,<svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 900.000000 567.000000"> <g transform="translate(0.000000,567.000000) scale(0.100000,-0.100000)" stroke="none"> <path d="M6843 5658 c1 -8 -17 -16 -48 -21 -144 -24 -321 -72 -410 -111 -244 -107 -487 -257 -664 -409 -49 -43 -117 -77 -202 -101 -75 -22 -366 -22 -498 -1 -174 28 -355 61 -511 92 -70 14 -109 22 -277 57 -222 47 -501 93 -728 121 -175 21 -534 21 -664 -1 -218 -35 -398 -97 -529 -181 -147 -93 -336 -173 -462 -194 -30 -5 -77 -13 -105 -18 -163 -31 -469 6 -720 88 -85 27 -108 36 -182 67 -17 8 -34 14 -37 14 -11 0 -258 124 -301 151 -22 14 -47 29 -55 32 -8 4 -27 15 -42 25 -15 9 -57 36 -95 60 -88 55 -176 117 -238 167 -28 21 -56 43 -63 48 -9 8 -12 -548 -12 -2767 l0 -2776 4500 0 4500 0 0 2315 c0 1963 -2 2315 -14 2315 -7 0 -25 15 -40 34 -55 73 -313 324 -411 400 -27 22 -52 42 -55 46 -19 24 -224 164 -340 232 -152 89 -383 198 -420 198 -9 0 -20 4 -25 9 -21 18 -241 73 -348 86 -28 4 -50 12 -54 21 -7 19 -454 21 -450 2z"/> </g> </svg>');
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center center;
  mask-position: center center;
  -webkit-mask-size: auto;
  mask-size: auto;
}
.service-card-four__shape {
  width: 84px;
  height: 84px;
  border-radius: 50%;
  border: 1px solid RGBA(var(--insuba-white-rgb, 255, 255, 255), 0.4);
  opacity: 0;
  transition: all 500ms ease;
}
.service-card-four__shape--one {
  position: absolute;
  top: 168px;
  right: -55px;
  z-index: 1;
}
@media (min-width: 768px) and (max-width: 1199px) {
  .service-card-four__shape--one {
    top: 240px;
  }
}
@media (max-width: 412px) {
  .service-card-four__shape--one {
    top: 200px;
  }
}
.service-card-four__shape--two {
  position: absolute;
  top: 197px;
  right: -28px;
  z-index: 1;
}
@media (min-width: 768px) and (max-width: 1199px) {
  .service-card-four__shape--two {
    top: 280px;
  }
}
@media (max-width: 412px) {
  .service-card-four__shape--two {
    top: 240px;
  }
}
.service-card-four:hover .service-card-four__shape {
  opacity: 1;
}

.services-one {
  position: relative;
  background: linear-gradient(180deg, var(--insuba-white2, #ecf2f2) 70%, var(--insuba-white, #ffffff));
  overflow: hidden;
}
.services-one__bg {
  width: 100%;
  height: 100%;
  position: absolute;
  top: -175px;
  left: 0;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  opacity: 0.67;
}
.services-one .container {
  position: relative;
  z-index: 1;
}
.services-one__top {
  margin-bottom: 39px;
}
.services-one .sec-title {
  margin: 0;
}
.services-one .service-card {
  border-color: transparent;
}

.services-two {
  position: relative;
  background-color: var(--insuba-black11, #0e0e0e);
  overflow: hidden;
}
.services-two__bg {
  position: relative;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}
.services-two__bg::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: RGBA(var(--insuba-black11-rgb, 14, 14, 14), 0.9);
}
.services-two .container {
  position: relative;
  z-index: 1;
}
.services-two .sec-title__tagline, .services-two .sec-title__title {
  color: var(--insuba-white, #ffffff);
}
.services-two .sec-title__box {
  background-color: var(--insuba-white, #ffffff);
}
.services-two .sec-title__box::after {
  border-color: transparent transparent transparent var(--insuba-white, #ffffff);
}
.services-two .sec-title__box--right::after {
  border-color: transparent var(--insuba-white, #ffffff) transparent transparent;
}
.services-two .sec-title__box__inner {
  background-color: var(--insuba-base, #0365d3);
}
.services-two__shape {
  position: absolute;
  right: 0;
  bottom: -1000px;
  animation: zumpBottom 2s linear infinite;
}
.services-two__box {
  width: 584px;
  height: 584px;
  border-radius: 50%;
  border: 2px dashed var(--insuba-base, #0365d3);
  animation: textRotate 15s linear infinite;
}
.services-two__box--1 {
  position: absolute;
  right: -342px;
  bottom: 25px;
}
.services-two__box--2 {
  position: absolute;
  right: -116px;
  bottom: -237px;
}

.services-three {
  position: relative;
  background-color: var(--insuba-black4, #0f3564);
  overflow: hidden;
}
.services-three::after {
  content: "";
  width: 100%;
  height: calc(100% - 552px);
  position: absolute;
  left: 0;
  bottom: 0;
  background-color: var(--insuba-white, #ffffff);
}
@media (max-width: 991px) {
  .services-three::after {
    height: calc(100% - 656px);
  }
}
.services-three .container {
  position: relative;
  z-index: 1;
}
.services-three__top {
  margin-bottom: 39px;
}
.services-three .sec-title {
  margin: 0;
}
.services-three .sec-title__title {
  color: var(--insuba-white, #ffffff);
}
.services-three__text {
  color: var(--insuba-white, #ffffff);
}
.services-three__shape-one {
  max-width: 100%;
  height: auto;
  position: absolute;
  top: -149px;
  left: 0;
  animation: moveHorizontal2 2s linear infinite;
}
.services-three__shape-two {
  max-width: 100%;
  height: auto;
  position: absolute;
  top: -149px;
  right: 0;
  animation: moveHorizontal 2s linear infinite;
}

.services-four {
  position: relative;
  padding-bottom: 144px;
  background-color: var(--insuba-white, #ffffff);
  overflow: hidden;
}
@media (max-width: 1199px) {
  .services-four {
    padding-bottom: var(--section-space, 120px);
  }
}
@media (max-width: 767px) {
  .services-four {
    padding-bottom: 100px;
  }
}
@media (max-width: 575px) {
  .services-four {
    padding-bottom: 80px;
  }
}
.services-four__bg {
  width: 100%;
  height: 680px;
  position: relative;
  position: absolute;
  top: 0;
  left: 0;
  background-color: var(--insuba-black4, #0f3564);
  -webkit-mask: url('data:image/svg+xml;utf8,<svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 900.000000 318.000000"><g transform="translate(0.000000,318.000000) scale(0.100000,-0.100000)" stroke="none"> <path d="M0 2419 l0 -761 103 -102 c208 -208 339 -312 607 -482 299 -189 700 -323 1015 -338 242 -11 674 -45 880 -68 55 -6 138 -14 185 -18 116 -10 341 -40 530 -71 121 -20 169 -22 185 -9 8 7 27 36 42 66 15 30 37 66 48 80 l21 27 120 -17 c65 -9 151 -21 189 -27 39 -6 102 -15 140 -19 66 -8 107 -13 288 -41 39 -6 108 -15 152 -19 44 -4 118 -12 165 -19 211 -27 397 -41 541 -41 l157 0 26 34 c14 19 26 38 26 42 0 4 14 29 31 56 l31 48 106 0 c132 0 418 -31 697 -76 50 -8 131 -21 180 -29 366 -58 502 -73 725 -80 275 -8 456 -27 665 -72 105 -22 275 -69 323 -89 18 -8 39 -14 47 -14 14 0 66 -20 118 -46 16 -8 33 -14 38 -14 18 0 315 -143 374 -181 17 -10 39 -23 50 -29 11 -6 34 -19 50 -30 17 -11 37 -23 45 -27 8 -3 29 -17 46 -30 17 -13 36 -23 42 -23 9 0 12 394 12 1590 l0 1590 -4500 0 -4500 0 0 -761z"/> </g> </svg>');
  mask: url('data:image/svg+xml;utf8,<svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 900.000000 318.000000"><g transform="translate(0.000000,318.000000) scale(0.100000,-0.100000)" stroke="none"> <path d="M0 2419 l0 -761 103 -102 c208 -208 339 -312 607 -482 299 -189 700 -323 1015 -338 242 -11 674 -45 880 -68 55 -6 138 -14 185 -18 116 -10 341 -40 530 -71 121 -20 169 -22 185 -9 8 7 27 36 42 66 15 30 37 66 48 80 l21 27 120 -17 c65 -9 151 -21 189 -27 39 -6 102 -15 140 -19 66 -8 107 -13 288 -41 39 -6 108 -15 152 -19 44 -4 118 -12 165 -19 211 -27 397 -41 541 -41 l157 0 26 34 c14 19 26 38 26 42 0 4 14 29 31 56 l31 48 106 0 c132 0 418 -31 697 -76 50 -8 131 -21 180 -29 366 -58 502 -73 725 -80 275 -8 456 -27 665 -72 105 -22 275 -69 323 -89 18 -8 39 -14 47 -14 14 0 66 -20 118 -46 16 -8 33 -14 38 -14 18 0 315 -143 374 -181 17 -10 39 -23 50 -29 11 -6 34 -19 50 -30 17 -11 37 -23 45 -27 8 -3 29 -17 46 -30 17 -13 36 -23 42 -23 9 0 12 394 12 1590 l0 1590 -4500 0 -4500 0 0 -761z"/> </g> </svg>');
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center center;
  mask-position: center center;
  -webkit-mask-size: cover;
  mask-size: cover;
}
@media (max-width: 991px) {
  .services-four__bg {
    height: 900px;
  }
}
@media (max-width: 767px) {
  .services-four__bg {
    height: 800px;
  }
}
@media (max-width: 430px) {
  .services-four__bg {
    height: 900px;
  }
}
.services-four__bg__inner {
  width: 100%;
  max-width: 920px;
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  opacity: 0.1;
}
.services-four .container {
  position: relative;
  z-index: 1;
}
.services-four__top {
  margin-bottom: 23px;
}
.services-four .sec-title {
  margin: 0;
}
.services-four .sec-title__title {
  color: var(--insuba-white, #ffffff);
}
.services-four__text {
  color: var(--insuba-white, #ffffff);
}

.services-page {
  counter-reset: serviceNumber;
  background-color: var(--insuba-white, #ffffff);
}
.services-page--four .service-card-four::before {
  background-color: var(--insuba-white3, #f1f6f7);
}
.services-page__top {
  margin-bottom: 49px;
}
.services-page .sec-title {
  margin: 0;
}
.services-page__text {
  margin: 0;
}

/*--------------------------------------------------------------
# Service details
--------------------------------------------------------------*/
.service-details__title {
  margin-bottom: 8px;
  font-size: 22px;
  font-weight: 700;
  line-height: 1.454;
}
.service-details__text {
  margin: 0;
}
.service-details__thumbnail img {
  max-width: 100%;
  height: auto;
  border-radius: 10px;
}
.service-details__content {
  margin-top: 46px;
}
.service-details__details {
  margin-bottom: 45px;
}
.service-details__details__title {
  margin-bottom: 20px;
}
.service-details__policies {
  margin-bottom: 45px;
}
.service-details__policies__image img {
  max-width: 100%;
  height: auto;
}
.service-details__policies__text {
  margin-bottom: 15px;
}
.service-details__policies__list {
  margin: 0;
}
.service-details__policies__list li {
  display: flex;
  gap: 10px;
  font-size: 16px;
  font-weight: 400;
  color: var(--insuba-black2, #333333);
  line-height: 1.75;
}
.service-details__policies__list li + li {
  margin-top: 5px;
}
.service-details__policies__list li .service-details__policies__icon {
  position: relative;
  top: 2px;
  flex-shrink: 0;
  font-size: 14px;
  color: var(--insuba-base, #0365d3);
}
.service-details__description {
  margin-bottom: 40px;
}
.service-details__description p + p {
  margin-top: 17px;
}
.service-details__cta__text {
  margin-bottom: 24px;
}
.service-details__cta__form {
  position: relative;
  max-width: 540px;
}
.service-details__cta__form input {
  border: 0;
  outline: 0;
  padding-left: 30px;
  width: 100%;
  height: 53px;
  font-size: 16px;
  font-weight: 400;
  color: var(--insuba-text, #636363);
  background-color: var(--insuba-white2, #ecf2f2);
  border-radius: 26px;
  transition: all 500ms ease;
}
.service-details__cta__form input:focus {
  color: var(--insuba-black, #122f2a);
}
.service-details__cta__form button {
  border: 0;
  outline: 0;
  padding: 8px 31px;
  position: absolute;
  top: 50%;
  right: 4px;
  transform: translateY(-50%);
}
@media (max-width: 575px) {
  .service-details__cta__form button {
    margin-top: 25px;
    position: static;
    transform: translate(0);
  }
}

/*--------------------------------------------------------------
# Insurance
--------------------------------------------------------------*/
.insurance-card {
  position: relative;
  background-color: var(--insuba-white, #ffffff);
  overflow: hidden;
}
.insurance-card::before, .insurance-card::after {
  content: "";
  width: 43px;
  height: 40px;
  position: absolute;
  bottom: -50px;
  opacity: 0;
  background-color: var(--insuba-base, #0365d3);
  transition: all 500ms ease;
}
.insurance-card::before {
  left: -50px;
  clip-path: polygon(0 0, 0% 100%, 100% 100%);
}
.insurance-card::after {
  right: -50px;
  clip-path: polygon(100% 0, 0% 100%, 100% 100%);
}
.insurance-card:hover::before {
  opacity: 1;
  left: 0;
  bottom: 0;
}
.insurance-card:hover::after {
  opacity: 1;
  right: 0;
  bottom: 0;
}
.insurance-card__image {
  position: relative;
}
.insurance-card__image img {
  width: 100%;
  display: block;
}
.insurance-card__icon-box {
  position: absolute;
  left: 50%;
  bottom: -40px;
  transform: translateX(-50%);
  width: 80px;
  height: 80px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  border: 5px solid var(--insuba-white, #ffffff);
  background-color: var(--insuba-black4, #0f3564);
  z-index: 1;
  transition: all 500ms ease;
}
.insurance-card:hover .insurance-card__icon-box {
  background-color: var(--insuba-base, #0365d3);
}
.insurance-card__icon {
  display: inline-flex;
  font-size: 34px;
  color: var(--insuba-white, #ffffff);
}
.insurance-card__icon svg {
  width: 1em;
  height: 1em;
  fill: currentColor;
}
.insurance-card:hover .insurance-card__icon {
  -webkit-animation-name: wobble-horizontal-hover;
  animation-name: wobble-horizontal-hover;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
}
.insurance-card__content {
  padding: 56px 30px 22px;
  text-align: center;
  border: 1px solid var(--insuba-border-color, #dddddd);
  border-top: 0;
}
.insurance-card__title {
  margin-bottom: 7px;
  font-size: 22px;
  font-weight: 700;
  text-transform: capitalize;
  line-height: 1.318;
}
.insurance-card__title:hover {
  color: var(--insuba-base, #0365d3);
}
.insurance-card__title a {
  color: inherit;
  background: linear-gradient(to right, currentcolor 0%, currentcolor 100%) 0px 95%/0px 1px no-repeat;
  transition: all 500ms ease;
}
.insurance-card__title a:hover {
  background-size: 100% 1px;
}
.insurance-card__text {
  margin: 0;
}

.insurance-one,
.insurance-page {
  background-color: var(--insuba-white, #ffffff);
}

.insurance-one {
  position: relative;
}
.insurance-one .container,
.insurance-one .container-fluid {
  position: relative;
  z-index: 1;
}
@media (min-width: 1400px) {
  .insurance-one__container {
    max-width: 1600px;
  }
}
.insurance-one__carousel.owl-carousel .owl-nav button {
  background-color: var(--insuba-white, #ffffff);
}
.insurance-one .insurance-card__content {
  border: 0;
}
.insurance-one__bg {
  width: 100%;
  height: calc(100% - 552px);
  position: relative;
  position: absolute;
  left: 0;
  bottom: 0;
  background-color: var(--insuba-white5, #f0f5f5);
  overflow: hidden;
}
@media (max-width: 1599px) {
  .insurance-one__bg {
    height: calc(100% - 526px);
  }
}
@media (max-width: 1399px) {
  .insurance-one__bg {
    height: calc(100% - 552px);
  }
}
@media (max-width: 1199px) {
  .insurance-one__bg {
    height: calc(100% - 501px);
  }
}
@media (max-width: 991px) {
  .insurance-one__bg {
    height: calc(100% - 526px);
  }
}
@media (max-width: 767px) {
  .insurance-one__bg {
    height: calc(100% - 665px);
  }
}
@media (max-width: 575px) {
  .insurance-one__bg {
    height: 100%;
  }
}
.insurance-one__circle {
  width: 613px;
  height: 613px;
  position: absolute;
  right: 0;
  border-radius: 50%;
  border: 1px solid RGBA(var(--insuba-base-rgb, 3, 101, 211), 0.56);
  animation: insuranceCircleBorder 1500ms infinite ease;
}
@media (max-width: 991px) {
  .insurance-one__circle {
    display: none;
  }
}
.insurance-one__circle--1 {
  top: -183px;
  left: -377px;
}
.insurance-one__circle--2 {
  top: -131px;
  left: -301px;
}
.insurance-one__circle--3 {
  top: -70px;
  left: -227px;
}
.insurance-one__circle--4 {
  right: -377px;
  bottom: -183px;
}
.insurance-one__circle--5 {
  right: -301px;
  bottom: -131px;
}
.insurance-one__circle--6 {
  right: -227px;
  bottom: -70px;
}

@keyframes insuranceCircleBorder {
  0% {
    border-color: RGBA(var(--insuba-base-rgb, 3, 101, 211), 1);
  }
  50% {
    border-color: RGBA(var(--insuba-base-rgb, 3, 101, 211), 0.56);
  }
  100% {
    border-color: RGBA(var(--insuba-base-rgb, 3, 101, 211), 1);
  }
}
/*--------------------------------------------------------------
# Insurance Details
--------------------------------------------------------------*/
.insurance-details__content {
  margin-top: -7px;
  padding-right: 20px;
}
@media (max-width: 1199px) {
  .insurance-details__content {
    padding-right: 0;
  }
}
@media (max-width: 991px) {
  .insurance-details__content {
    margin-right: 0;
  }
}
.insurance-details__title {
  margin-bottom: 20px;
  font-size: 22px;
  font-weight: 700;
  line-height: 1.454;
}
.insurance-details__text {
  margin: 0;
}
.insurance-details__text--inner-1 {
  margin-bottom: 35px;
}
.insurance-details__text--inner-2 {
  margin: 44px 0 27px;
}
.insurance-details__thumbnail {
  margin-bottom: 64px;
}
@media (max-width: 991px) {
  .insurance-details__thumbnail {
    margin-bottom: 40px;
  }
}
.insurance-details__thumbnail img {
  width: 100%;
  display: block;
  border-radius: 10px;
}
.insurance-details__details {
  margin-bottom: 21px;
}
.insurance-details__link-wrapper {
  margin-bottom: 18px;
  max-width: 565px;
}
@media (max-width: 991px) {
  .insurance-details__link-wrapper {
    max-width: 100%;
  }
}
.insurance-details__link-wrapper .row {
  --bs-gutter-y: 15px;
}
.insurance-details__link {
  display: flex;
  gap: 11px;
}
.insurance-details__link__icon {
  position: relative;
  top: 1px;
  flex-shrink: 0;
  font-size: 16px;
  color: var(--insuba-black4, #0f3564);
  transition: all 500ms ease;
}
.insurance-details__link__icon svg {
  width: 1em;
  height: 1em;
  fill: currentColor;
}
.insurance-details__link a {
  font-weight: 500;
  color: var(--insuba-black2, #333333);
}
.insurance-details__link:hover a {
  text-decoration: underline;
}
.insurance-details__link:hover .insurance-details__link__icon, .insurance-details__link:hover a {
  color: var(--insuba-base, #0365d3);
}
.insurance-details__image img {
  width: 100%;
  display: block;
}
.insurance-details__list {
  margin-bottom: 42px;
}
.insurance-details__list li {
  display: flex;
  gap: 12px;
}
.insurance-details__list li + li {
  margin-top: 20px;
}
.insurance-details__list li .insurance-details__list__icon {
  position: relative;
  top: -3px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 31px;
  height: 31px;
  border-radius: 50%;
  background-color: var(--insuba-black8, #202221);
  font-size: 16px;
  color: var(--insuba-white, #ffffff);
  transition: all 500ms ease;
}
.insurance-details__list li .insurance-details__list__icon svg {
  width: 1em;
  height: 1em;
  fill: currentColor;
}
.insurance-details__list li:hover .insurance-details__list__icon {
  background-color: var(--insuba-base, #0365d3);
}

/*--------------------------------------------------------------
# Portfolio
--------------------------------------------------------------*/
.portfolio-card {
  position: relative;
  padding: 43px 63px 350px 50px;
}
@media (min-width: 1400px) and (max-width: 1599px) {
  .portfolio-card {
    padding-left: 35px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .portfolio-card {
    padding-left: 30px;
  }
}
@media (max-width: 430px) {
  .portfolio-card {
    padding-left: 40px;
  }
}
@media (max-width: 390px) {
  .portfolio-card {
    padding-left: 30px;
  }
}
.portfolio-card__bg {
  position: relative;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}
.portfolio-card__bg::before {
  content: "";
  width: 100%;
  height: 0%;
  position: absolute;
  left: 0;
  top: 0;
  background-color: RGBA(var(--insuba-base-rgb, 3, 101, 211), 0.78);
  transition: all 500ms ease;
}
.portfolio-card__bg::after {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  bottom: 0;
  background-color: RGBA(var(--insuba-white-rgb, 255, 255, 255), 0.92);
  transition: all 500ms ease;
}
.portfolio-card:hover .portfolio-card__bg::before {
  height: 100%;
  top: auto;
  bottom: 0;
}
.portfolio-card:hover .portfolio-card__bg::after {
  height: 0%;
  top: 0;
}
.portfolio-card__content__top {
  position: relative;
  display: flex;
  align-content: center;
  justify-content: space-between;
  gap: 30px;
  z-index: 1;
}
.portfolio-card__content__inner {
  padding-left: 50px;
  padding-right: 50px;
  position: absolute;
  width: 100%;
  left: 0;
  bottom: 50px;
  z-index: 1;
}
@media (min-width: 1400px) and (max-width: 1599px) {
  .portfolio-card__content__inner {
    padding-left: 35px;
    padding-right: 35px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .portfolio-card__content__inner {
    padding-left: 30px;
    padding-right: 30px;
  }
}
@media (max-width: 430px) {
  .portfolio-card__content__inner {
    padding-left: 40px;
    padding-right: 40px;
  }
}
@media (max-width: 390px) {
  .portfolio-card__content__inner {
    padding-left: 30px;
    padding-right: 30px;
  }
}
.portfolio-card__serial-number {
  margin: 0;
}
.portfolio-card__serial-number::after {
  content: "0" counter(portfolioSerialNumber);
  counter-increment: portfolioSerialNumber;
  font-family: var(--insuba-font, "Roboto", sans-serif);
  font-size: 50px;
  line-height: 1;
  -webkit-text-stroke-width: 1px;
  -webkit-text-stroke-color: RGBA(var(--insuba-text-rgb, 99, 99, 99), 0.5);
  color: transparent;
  transition: all 500ms ease;
}
.portfolio-card:hover .portfolio-card__serial-number::after {
  -webkit-text-stroke-color: RGBA(var(--insuba-white-rgb, 255, 255, 255), 1);
}
.portfolio-card__icon {
  position: relative;
  display: inline-flex;
  font-size: 46px;
  color: var(--insuba-white, #ffffff);
  opacity: 0;
  transition: all 500ms ease;
}
.portfolio-card__icon svg {
  width: 1em;
  height: 1em;
  fill: currentColor;
}
.portfolio-card__icon__shape {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.portfolio-card:hover .portfolio-card__icon {
  opacity: 1;
  -webkit-animation-name: wobble-horizontal-hover;
  animation-name: wobble-horizontal-hover;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
}
.portfolio-card__title {
  margin-bottom: 7px;
  font-size: 22px;
  font-weight: 700;
  line-height: 1.318;
  text-transform: capitalize;
}
.portfolio-card__title a {
  color: inherit;
  background: linear-gradient(to right, currentcolor 0%, currentcolor 100%) 0px 95%/0px 1px no-repeat;
  transition: all 500ms ease;
}
.portfolio-card__title a:hover {
  background-size: 100% 1px;
}
.portfolio-card__text {
  margin-bottom: 18px;
  font-weight: 500;
  transition: all 500ms ease;
}
.portfolio-card:hover .portfolio-card__title, .portfolio-card:hover .portfolio-card__text {
  color: var(--insuba-white, #ffffff);
}
.portfolio-card__btn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 51px;
  height: 51px;
  background-color: var(--insuba-base, #0365d3);
  border: 3px solid var(--insuba-white, #ffffff);
  border-radius: 10px;
  transition: all 500ms ease;
}
.portfolio-card__btn:hover {
  transform: rotate(-90deg);
}
.portfolio-card__btn__icon {
  display: inline-flex;
  font-size: 16px;
  color: var(--insuba-white, #ffffff);
  transition: all 500ms ease;
}
.portfolio-card__btn__icon svg {
  width: 1em;
  height: 1em;
  fill: currentColor;
}
.portfolio-card:hover .portfolio-card__btn {
  background-color: var(--insuba-black5, #0f3667);
}

.portfolio-card-two {
  position: relative;
  padding: 479px 30px 40px;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}
.portfolio-card-two--lg {
  padding-top: 402px;
}
@media (max-width: 1199px) {
  .portfolio-card-two--lg {
    padding-top: 479px;
  }
}
.portfolio-card-two__content {
  padding: 40px 30px 34px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: flex;
  align-items: flex-end;
  justify-content: center;
  background: linear-gradient(180deg, transparent 40%, RGBA(var(--insuba-base-rgb, 3, 101, 211), 1)) 60%;
  opacity: 0;
  transform: scaleX(0);
  transform-origin: right;
  transform-style: preserve-3d;
  transition: transform 600ms ease, opacity 600ms ease;
}
.portfolio-card-two__content__box {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 35px 49px;
}
@media (max-width: 1599px) {
  .portfolio-card-two__content__box {
    flex-direction: column;
    align-items: flex-start;
  }
}
.portfolio-card-two__content__left {
  display: flex;
  align-items: center;
  gap: 20px 40px;
}
@media (max-width: 991px) {
  .portfolio-card-two__content__left {
    flex-direction: column;
    align-items: flex-start;
  }
}
.portfolio-card-two:hover .portfolio-card-two__content {
  opacity: 1;
  transform: scaleX(1);
}
.portfolio-card-two__icon {
  position: relative;
  top: -1px;
  display: inline-flex;
  flex-shrink: 0;
  font-size: 50px;
  color: var(--insuba-white, #ffffff);
  transition: all 500ms ease;
}
.portfolio-card-two__icon svg {
  width: 1em;
  height: 1em;
  fill: currentColor;
}
.portfolio-card-two__content__box:hover .portfolio-card-two__icon {
  -webkit-animation-name: wobble-horizontal-hover;
  animation-name: wobble-horizontal-hover;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
}
.portfolio-card-two__inner {
  position: relative;
}
.portfolio-card-two__inner::after {
  content: "";
  width: 1px;
  height: calc(100% - 12px);
  background-color: var(--insuba-white, #ffffff);
  position: absolute;
  top: calc(50% - 2px);
  left: -20px;
  transform: translateY(-50%);
}
@media (max-width: 991px) {
  .portfolio-card-two__inner::after {
    display: none;
  }
}
.portfolio-card-two__title {
  margin-bottom: 6px;
  font-size: 22px;
  color: var(--insuba-white, #ffffff);
  font-weight: 700;
  line-height: 1.318;
}
.portfolio-card-two__title a {
  color: inherit;
  background: linear-gradient(to right, currentcolor 0%, currentcolor 100%) 0px 95%/0px 1px no-repeat;
  transition: all 500ms ease;
}
.portfolio-card-two__title a:hover {
  background-size: 100% 1px;
}
.portfolio-card-two__text {
  margin: 0;
  font-weight: 500;
  color: var(--insuba-white, #ffffff);
}
.portfolio-card-two__btn {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 51px;
  height: 51px;
  background-color: var(--insuba-black5, #0f3667);
  border: 3px solid var(--insuba-white, #ffffff);
  border-radius: 10px;
  overflow: hidden;
  transition: all 500ms ease;
}
.portfolio-card-two__btn:hover {
  background-color: var(--insuba-base, #0365d3);
}
.portfolio-card-two__btn__icon {
  display: inline-flex;
  font-size: 16px;
  color: var(--insuba-white, #ffffff);
  transition: all 500ms ease;
}
.portfolio-card-two__btn__icon svg {
  width: 1em;
  height: 1em;
  fill: currentColor;
}
.portfolio-card-two__btn:hover .portfolio-card-two__btn__icon {
  transform: rotate(135deg);
}

.portfolio-one {
  position: relative;
  padding-top: 360px;
  padding-bottom: 80px;
  background-color: var(--insuba-black5, #0f3667);
  overflow: hidden;
  counter-reset: portfolioSerialNumber;
}
@media (max-width: 767px) {
  .portfolio-one {
    padding-top: 340px;
  }
}
@media (max-width: 575px) {
  .portfolio-one {
    padding-top: 320px;
  }
}
.portfolio-one__shape-one, .portfolio-one__shape-two, .portfolio-one__shape-three {
  max-width: 100%;
  height: auto;
  position: absolute;
}
.portfolio-one__shape-one {
  top: -225px;
  left: 0;
}
.portfolio-one__shape-two {
  right: 0;
  bottom: -318px;
}
.portfolio-one__shape-three {
  top: 153px;
  right: 40px;
  animation: zump 2s linear infinite;
}
@media (max-width: 1799px) {
  .portfolio-one__shape-three {
    top: 100px;
  }
}
@media (max-width: 1599px) {
  .portfolio-one__shape-three {
    right: 20px;
  }
}
@media (max-width: 1399px) {
  .portfolio-one__shape-three {
    display: none;
  }
}
.portfolio-one .container,
.portfolio-one .container-fluid {
  position: relative;
  z-index: 1;
}
.portfolio-one .container-fluid {
  max-width: 1879px;
}
.portfolio-one__top {
  margin-bottom: 49px;
}
.portfolio-one .row {
  --bs-gutter-x: 0;
}
.portfolio-one .sec-title {
  margin: 0;
}
.portfolio-one .sec-title__top {
  background-color: var(--insuba-white, #ffffff);
}
.portfolio-one .sec-title__box {
  background-color: var(--insuba-base, #0365d3);
}
.portfolio-one .sec-title__box::after {
  border-color: transparent transparent transparent var(--insuba-base, #0365d3);
}
.portfolio-one .sec-title__box__inner {
  background-color: var(--insuba-white, #ffffff);
}
.portfolio-one .sec-title__tagline {
  color: var(--insuba-base, #0365d3);
}
.portfolio-one .sec-title__title {
  color: var(--insuba-white, #ffffff);
}
.portfolio-one__text {
  margin: 0;
  color: var(--insuba-white, #ffffff);
}
.portfolio-one__info-wrapper {
  margin-top: 80px;
}
.portfolio-one__info {
  position: relative;
  padding: 17px 24px 15px;
}
.portfolio-one__info::before {
  content: "";
  width: 4px;
  height: 100%;
  background-color: var(--insuba-base, #0365d3);
  position: absolute;
  top: 0;
  left: 0;
}
.portfolio-one__info::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 87px;
  height: 100%;
  background-image: url(../images/shapes/portfolio-info-bg.png);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}
.portfolio-one__info__content {
  position: relative;
  z-index: 1;
}
.portfolio-one__info__title {
  margin-bottom: 12px;
  font-size: 22px;
  color: var(--insuba-white, #ffffff);
  font-weight: 700;
  line-height: 1.318;
}
.portfolio-one__info__text {
  margin: 0;
  font-weight: 500;
  color: var(--insuba-white, #ffffff);
  line-height: 1.5;
}
.portfolio-one__projects {
  position: relative;
  margin-left: auto;
  display: table;
  padding: 16px 21px;
  border-radius: 15px;
  background-color: var(--insuba-white, #ffffff);
}
@media (max-width: 991px) {
  .portfolio-one__projects {
    margin-left: 0;
  }
}
.portfolio-one__projects::after {
  content: "";
  width: 72px;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-color: var(--insuba-base, #0365d3);
  border-radius: 15px 0 0 15px;
}
.portfolio-one__projects__inner {
  position: relative;
  padding: 12.5px 25px;
  display: flex;
  align-items: center;
  gap: 25px;
  background-color: var(--insuba-white, #ffffff);
  border-radius: inherit;
  z-index: 1;
}
@media (max-width: 430px) {
  .portfolio-one__projects__inner {
    flex-direction: column;
    align-items: flex-start;
  }
}
.portfolio-one__projects__icon {
  display: inline-flex;
  flex-shrink: 0;
  font-size: 52px;
  color: var(--insuba-black10, #000000);
  transition: all 500ms ease;
}
.portfolio-one__projects__icon svg {
  width: 1em;
  height: 1em;
  fill: currentColor;
}
.portfolio-one__projects:hover .portfolio-one__projects__icon {
  color: var(--insuba-base, #0365d3);
  -webkit-animation-name: wobble-horizontal-hover;
  animation-name: wobble-horizontal-hover;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
}
.portfolio-one__projects__title {
  margin-bottom: 7px;
  font-size: 22px;
  font-weight: 700;
  line-height: 1.318;
}
.portfolio-one__projects__text {
  margin: 0;
  font-weight: 500;
}

.portfolio-two {
  position: relative;
  background-color: var(--insuba-white, #ffffff);
}
.portfolio-two--section .portfolio-two__bg {
  width: 100%;
  height: 928px;
  position: relative;
  position: absolute;
  top: 0;
  left: 0;
  background-color: var(--insuba-black10, #000000);
  -webkit-mask: url('data:image/svg+xml;utf8,<svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 900.000000 435.000000"><g transform="translate(0.000000,435.000000) scale(0.100000,-0.100000)" stroke="none"> <path d="M1 3033 c0 -745 4 -1309 9 -1298 5 11 9 37 9 57 1 20 6 49 12 65 6 15 14 46 19 68 30 137 114 347 181 450 10 17 22 37 26 45 3 8 32 49 64 90 219 289 501 433 877 447 204 8 455 -33 687 -114 39 -14 84 -28 100 -32 17 -5 44 -14 60 -21 72 -30 97 -41 128 -54 105 -46 144 -67 161 -84 28 -31 30 -116 11 -364 -20 -256 -18 -384 5 -398 22 -14 30 -12 37 8 3 9 11 24 18 32 6 8 26 51 44 95 18 44 39 94 46 110 7 17 15 39 18 50 3 11 15 45 27 75 12 30 25 69 30 85 9 33 27 86 43 125 5 14 13 39 18 55 29 108 117 288 171 350 38 43 111 85 149 85 66 0 199 -103 291 -225 59 -79 169 -246 198 -300 6 -11 19 -33 30 -50 11 -16 24 -39 30 -50 6 -11 19 -33 30 -50 11 -16 24 -39 30 -50 6 -11 19 -33 30 -50 11 -16 24 -39 30 -50 6 -11 19 -33 30 -50 11 -16 23 -37 27 -45 4 -8 26 -43 50 -77 24 -35 43 -66 43 -69 0 -15 162 -218 219 -274 58 -57 441 -352 604 -465 32 -22 97 -68 145 -103 48 -34 94 -65 102 -69 8 -3 31 -19 51 -35 20 -15 39 -28 42 -28 3 0 34 -19 69 -43 35 -24 70 -46 78 -50 8 -4 27 -15 42 -25 48 -31 303 -185 358 -215 211 -117 475 -247 632 -311 18 -7 49 -20 68 -28 19 -9 55 -23 80 -33 25 -9 60 -23 78 -31 18 -8 39 -14 47 -14 8 0 29 -6 47 -14 40 -17 192 -62 303 -90 198 -49 267 -57 555 -63 238 -5 312 0 430 29 25 6 61 14 80 18 70 16 232 81 303 122 26 15 50 28 52 28 12 0 150 101 210 154 205 179 382 438 490 716 9 25 21 56 26 68 29 75 75 234 84 295 4 23 11 37 20 37 13 0 15 187 15 1440 l0 1440 -4500 0 -4500 0 1 -1317z"/> </g> </svg>');
  mask: url('data:image/svg+xml;utf8,<svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 900.000000 435.000000"><g transform="translate(0.000000,435.000000) scale(0.100000,-0.100000)" stroke="none"> <path d="M1 3033 c0 -745 4 -1309 9 -1298 5 11 9 37 9 57 1 20 6 49 12 65 6 15 14 46 19 68 30 137 114 347 181 450 10 17 22 37 26 45 3 8 32 49 64 90 219 289 501 433 877 447 204 8 455 -33 687 -114 39 -14 84 -28 100 -32 17 -5 44 -14 60 -21 72 -30 97 -41 128 -54 105 -46 144 -67 161 -84 28 -31 30 -116 11 -364 -20 -256 -18 -384 5 -398 22 -14 30 -12 37 8 3 9 11 24 18 32 6 8 26 51 44 95 18 44 39 94 46 110 7 17 15 39 18 50 3 11 15 45 27 75 12 30 25 69 30 85 9 33 27 86 43 125 5 14 13 39 18 55 29 108 117 288 171 350 38 43 111 85 149 85 66 0 199 -103 291 -225 59 -79 169 -246 198 -300 6 -11 19 -33 30 -50 11 -16 24 -39 30 -50 6 -11 19 -33 30 -50 11 -16 24 -39 30 -50 6 -11 19 -33 30 -50 11 -16 24 -39 30 -50 6 -11 19 -33 30 -50 11 -16 23 -37 27 -45 4 -8 26 -43 50 -77 24 -35 43 -66 43 -69 0 -15 162 -218 219 -274 58 -57 441 -352 604 -465 32 -22 97 -68 145 -103 48 -34 94 -65 102 -69 8 -3 31 -19 51 -35 20 -15 39 -28 42 -28 3 0 34 -19 69 -43 35 -24 70 -46 78 -50 8 -4 27 -15 42 -25 48 -31 303 -185 358 -215 211 -117 475 -247 632 -311 18 -7 49 -20 68 -28 19 -9 55 -23 80 -33 25 -9 60 -23 78 -31 18 -8 39 -14 47 -14 8 0 29 -6 47 -14 40 -17 192 -62 303 -90 198 -49 267 -57 555 -63 238 -5 312 0 430 29 25 6 61 14 80 18 70 16 232 81 303 122 26 15 50 28 52 28 12 0 150 101 210 154 205 179 382 438 490 716 9 25 21 56 26 68 29 75 75 234 84 295 4 23 11 37 20 37 13 0 15 187 15 1440 l0 1440 -4500 0 -4500 0 1 -1317z"/> </g> </svg>');
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center center;
  mask-position: center center;
  -webkit-mask-size: cover;
  mask-size: cover;
}
@media (max-width: 1199px) {
  .portfolio-two--section .portfolio-two__bg {
    height: 1200px;
  }
}
@media (max-width: 991px) {
  .portfolio-two--section .portfolio-two__bg {
    height: 1500px;
  }
}
.portfolio-two--section .portfolio-two__bg__inner {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  opacity: 0.141;
}
.portfolio-two--section .portfolio-two__top {
  margin-bottom: 49px;
}
.portfolio-two--section .portfolio-two__shape {
  max-width: 100%;
  height: auto;
  position: absolute;
  top: 100px;
  right: 36px;
}
@media (max-width: 575px) {
  .portfolio-two--section .portfolio-two__shape {
    display: none;
  }
}
.portfolio-two--section .sec-title {
  margin: 0;
}
.portfolio-two--section .sec-title__top {
  background-color: var(--insuba-white, #ffffff);
}
.portfolio-two--section .sec-title__box {
  background-color: var(--insuba-base, #0365d3);
}
.portfolio-two--section .sec-title__box::after {
  border-color: transparent transparent transparent var(--insuba-base, #0365d3);
}
.portfolio-two--section .sec-title__box__inner {
  background-color: var(--insuba-white, #ffffff);
}
.portfolio-two--section .sec-title__tagline {
  color: var(--insuba-base, #0365d3);
}
.portfolio-two--section .sec-title__title {
  color: var(--insuba-white, #ffffff);
}
.portfolio-two--section .portfolio-two__text {
  margin: 0;
  color: var(--insuba-white, #ffffff);
}
.portfolio-two .container,
.portfolio-two .container-fluid {
  position: relative;
  z-index: 1;
}
.portfolio-two .container-fluid {
  max-width: 1487px;
}
.portfolio-two .column-3 {
  flex: 0 0 auto;
  width: 29.927%;
}
@media (max-width: 1199px) {
  .portfolio-two .column-3 {
    width: 50%;
  }
}
@media (max-width: 767px) {
  .portfolio-two .column-3 {
    width: 100%;
  }
}
.portfolio-two .column-4 {
  flex: 0 0 auto;
  width: 40.146%;
}
@media (max-width: 1199px) {
  .portfolio-two .column-4 {
    width: 50%;
  }
}
@media (max-width: 767px) {
  .portfolio-two .column-4 {
    width: 100%;
  }
}
.portfolio-two .column-6 {
  flex: 0 0 auto;
  width: 50%;
}
@media (max-width: 767px) {
  .portfolio-two .column-6 {
    width: 100%;
  }
}

.portfolio-three {
  position: relative;
  background-color: var(--insuba-white5, #f0f5f5);
  overflow: hidden;
}
.portfolio-three .sec-title {
  margin-bottom: 21px;
}
@media (max-width: 991px) {
  .portfolio-three__col-1 {
    order: 1;
  }
}
.portfolio-three__col-1 .portfolio-card-two {
  margin-right: 18px;
}
@media (max-width: 1199px) {
  .portfolio-three__col-1 .portfolio-card-two {
    margin-right: 0;
  }
}
@media (max-width: 991px) {
  .portfolio-three__content {
    margin-bottom: 30px;
  }
}
.portfolio-three__list {
  margin-bottom: 21px;
}
.portfolio-three__list li {
  display: flex;
  gap: 10px;
  font-family: var(--insuba-heading-font, "Poppins", serif);
  font-size: 16px;
  font-weight: 600;
  color: var(--insuba-black6, #232323);
  line-height: 1.75;
}
.portfolio-three__list li + li {
  margin-top: 5px;
}
.portfolio-three__list li .portfolio-three__list__icon {
  position: relative;
  top: -2px;
  flex-shrink: 0;
  font-size: 19px;
  color: var(--insuba-base, #0365d3);
}
.portfolio-three .portfolio-card-two {
  padding-top: 301px;
}
.portfolio-three .portfolio-card-two__content {
  padding-top: 30px;
  padding-bottom: 23px;
  justify-content: flex-start;
}
.portfolio-three .portfolio-card-two__content__box {
  justify-content: flex-start;
}
.portfolio-three .portfolio-card-two__btn {
  position: absolute;
  top: 16px;
  right: 16px;
}
.portfolio-three .portfolio-card-two__btn:hover .portfolio-card-two__btn__icon {
  transform: rotate(0deg);
}
.portfolio-three__circle {
  width: 613px;
  height: 613px;
  position: absolute;
  border-radius: 50%;
  border: 1px solid RGBA(var(--insuba-base-rgb, 3, 101, 211), 0.56);
  animation: prtfolioCircleBorder 1500ms infinite ease;
}
@media (max-width: 1399px) {
  .portfolio-three__circle {
    display: none;
  }
}
.portfolio-three__circle--1 {
  top: -299px;
  right: -117px;
}
@media (max-width: 1599px) {
  .portfolio-three__circle--1 {
    top: -370px;
    right: -197px;
  }
}
.portfolio-three__circle--2 {
  top: -229px;
  right: -187px;
}
@media (max-width: 1599px) {
  .portfolio-three__circle--2 {
    top: -300px;
    right: -257px;
  }
}
.portfolio-three__circle--3 {
  top: -168px;
  right: -261px;
}
@media (max-width: 1599px) {
  .portfolio-three__circle--3 {
    top: -238px;
    right: -331px;
  }
}
.portfolio-three__circle--4 {
  top: -105px;
  right: -336px;
}
@media (max-width: 1599px) {
  .portfolio-three__circle--4 {
    top: -175px;
    right: -407px;
  }
}
.portfolio-three__circle--5 {
  top: -26px;
  right: -410px;
}
@media (max-width: 1599px) {
  .portfolio-three__circle--5 {
    top: -96px;
    right: -480px;
  }
}

.portfolio-page {
  background-color: var(--insuba-white, #ffffff);
  counter-reset: portfolioSerialNumber;
}
.portfolio-page .portfolio-card-two {
  padding: 479px 30px 40px;
}

@keyframes prtfolioCircleBorder {
  0% {
    border-color: RGBA(var(--insuba-base-rgb, 3, 101, 211), 1);
  }
  50% {
    border-color: RGBA(var(--insuba-base-rgb, 3, 101, 211), 0.56);
  }
  100% {
    border-color: RGBA(var(--insuba-base-rgb, 3, 101, 211), 1);
  }
}
/*--------------------------------------------------------------
# Portfolio Details
--------------------------------------------------------------*/
.portfolio-details {
  padding-bottom: 111px;
}
@media (max-width: 767px) {
  .portfolio-details {
    padding-bottom: 91px;
  }
}
@media (max-width: 575px) {
  .portfolio-details {
    padding-bottom: 71px;
  }
}
.portfolio-details__title {
  margin-bottom: 16px;
  font-size: 22p;
  font-weight: 700;
  line-height: 1.318;
}
.portfolio-details__text {
  margin: 0;
}
.portfolio-details__thumbnail img {
  width: 100%;
  display: block;
  border-radius: 20px;
}
.portfolio-details__project {
  margin: -69px auto 23px;
  max-width: 1033px;
  position: relative;
  z-index: 1;
  padding: 43px 50px 50px;
  background-color: var(--insuba-white, #ffffff);
}
@media (max-width: 1199px) {
  .portfolio-details__project {
    padding: 0;
    margin-top: 45px;
    margin-bottom: 60px;
  }
}
.portfolio-details__project__row {
  --bs-gutter-x: 50px;
}
.portfolio-details__project__content {
  max-width: 512px;
}
@media (max-width: 991px) {
  .portfolio-details__project__content {
    max-width: 100%;
  }
}
.portfolio-details__project__title {
  margin-bottom: 24px;
}
.portfolio-details__project__list {
  margin: 0;
  padding-left: 19px;
}
@media (max-width: 1199px) {
  .portfolio-details__project__list {
    padding: 0;
  }
}
.portfolio-details__project__list li {
  display: flex;
  gap: 9px;
  font-size: 16px;
  font-weight: 400;
  color: var(--insuba-text, #636363);
  line-height: 1.625;
}
.portfolio-details__project__list li + li {
  margin-top: 11px;
}
.portfolio-details__project__list li .portfolio-details__project__list__icon {
  position: relative;
  top: 4px;
  display: inline-flex;
  flex-shrink: 0;
  font-size: 16px;
  color: var(--insuba-base, #0365d3);
}
.portfolio-details__project__list li .portfolio-details__project__list__icon svg {
  width: 1em;
  height: 1em;
  fill: currentColor;
}
.portfolio-details__description p + p {
  margin-top: 19px;
}

/*--------------------------------------------------------------
# Shop
--------------------------------------------------------------*/
.product {
  position: relative;
}
.product__sidebar {
  position: relative;
}
.product__sidebar__item + .product__sidebar__item {
  margin-top: 30px;
}
.product__sidebar__item {
  padding: 30px;
  background-color: var(--insuba-white3, #f1f6f7);
}
.product__sidebar__title {
  position: relative;
  font-size: 18px;
  color: var(--insuba-black, #122f2a);
  font-weight: 700;
  line-height: 16px;
  text-transform: capitalize;
  margin-top: -2px;
  margin-bottom: 21px;
}
.product__search {
  display: flex;
  align-items: center;
  position: relative;
  height: 59px;
}
.product__search input[type=search],
.product__search input[type=text] {
  padding-left: 15px;
  padding-right: 35px;
  outline: none;
  border: 0;
  border: 1px solid var(--insuba-border-color, #dddddd);
  font-size: 14px;
  color: var(--insuba-text, #636363);
  font-weight: 400;
  line-height: 1;
  width: 100%;
  height: 100%;
  background-color: var(--insuba-white, #ffffff);
  transition: all 500ms ease;
}
.product__search input[type=search]:focus,
.product__search input[type=text]:focus {
  color: var(--insuba-black, #122f2a);
  border-color: var(--insuba-base, #0365d3);
}
.product__search button[type=submit] {
  padding: 0;
  border: none;
  outline: none;
  background-color: transparent;
  position: absolute;
  top: 50%;
  right: 15px;
  transform: translateY(-50%);
  width: auto;
  font-size: 20px;
  color: var(--insuba-base, #0365d3);
  z-index: 11;
  transition: all 400ms ease;
}
.product__search button[type=submit] svg {
  width: 1em;
  height: 1em;
  fill: currentColor;
}
.product__search button[type=submit]:hover {
  color: var(--insuba-black, #122f2a);
}
.product__price-ranger {
  padding-top: 31px;
  padding-bottom: 30px;
}
.product__price-ranger .product__sidebar__title {
  margin-bottom: 28px;
}
.product__price-ranger .price-ranger {
  background-color: var(--insuba-white, #ffffff);
  padding: 15px 21px 7px 9px;
  border: 1px solid var(--insuba-border-color, #dddddd);
}
.product__price-ranger .price-ranger .ui-slider .ui-slider-handle:nth-child(2) {
  display: none;
}
.product__price-ranger .price-ranger .ui-slider .ui-slider-handle:nth-child(3) {
  position: relative;
  position: absolute;
}
.product__price-ranger .price-ranger .ui-slider .ui-slider-handle:nth-child(3)::after {
  content: "";
  width: 8px;
  height: 8px;
  background-color: var(--insuba-white, #ffffff);
  border-radius: 50%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.product__price-ranger #slider-range {
  margin: 0;
  background-color: transparent;
  border: 1px solid var(--insuba-base, #0365d3);
  height: 7px;
  border-radius: 10px;
  position: relative;
}
.product__price-ranger #slider-range .ui-slider-range {
  height: 100%;
  background: var(--insuba-base, #0365d3);
}
.product__price-ranger #slider-range .ui-slider-handle {
  position: absolute;
  top: -6.5px;
  background: var(--insuba-base, #0365d3);
  border: 0;
  height: 18px;
  width: 18px !important;
  border-radius: 50%;
  margin-left: -2px;
  outline: medium none;
  cursor: pointer;
  z-index: 2;
}
.product__price-ranger .ranger-min-max-block {
  position: relative;
  display: block;
  margin-top: 6px;
}
.product__price-ranger .ranger-min-max-block input[type=text] {
  position: relative;
  display: inline-block;
  color: var(--insuba-text, #636363);
  font-size: 12px;
  font-weight: 500;
  width: 36px;
  line-height: 14px;
  border: none;
  outline: none;
  font-family: var(--insuba-font, "Roboto", sans-serif);
  padding: 0;
  text-align: center;
  background-color: transparent;
}
.product__price-ranger .ranger-min-max-block span {
  position: relative;
  display: inline-block;
  color: var(--insuba-text, #636363);
  font-size: 12px;
  font-weight: 500;
  line-height: 14px;
  left: -1px;
}
.product__categories {
  padding-top: 31px;
}
.product__categories__title {
  margin-bottom: 13.5px;
}
.product__categories ul {
  margin: 0;
  padding: 0;
  list-style: none;
  margin-bottom: -17px;
}
.product__categories ul li {
  position: relative;
  margin: 0 0 3.5px;
}
.product__categories ul li a {
  position: relative;
  padding: 13.5px 0;
  overflow: hidden;
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 16px;
  line-height: 1;
  text-transform: capitalize;
  color: var(--insuba-text, #636363);
  font-weight: 500;
  transition: all 500ms ease;
  z-index: 1;
}
.product__categories ul li a::after {
  position: absolute;
  content: "";
  width: 0;
  height: 100%;
  top: 0;
  right: 0;
  z-index: -1;
  background-color: var(--insuba-base, #0365d3);
  transition: all 500ms ease;
}
.product__categories ul li a .product-categories__icon {
  display: inline-flex;
  font-size: 16px;
  color: var(--insuba-text, #636363);
  transition: all 500ms ease;
}
.product__categories ul li a .product-categories__icon svg {
  width: 1em;
  height: 1em;
  fill: currentColor;
}
.product__categories ul li a:hover {
  padding-left: 15px;
  padding-right: 15px;
  color: var(--insuba-white, #ffffff);
}
.product__categories ul li a:hover::after {
  left: 0;
  width: 100%;
}
.product__categories ul li a:hover .product-categories__icon {
  color: var(--insuba-white, #ffffff);
}
.product__info-top {
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 20px;
  margin-bottom: 30px;
}
@media (max-width: 767px) {
  .product__info-top {
    display: block;
    margin-bottom: 40px;
  }
}
.product__showing-text {
  margin: 0;
  font-size: 16px;
  font-weight: 500;
  color: var(--insuba-text, #636363);
  text-transform: capitalize;
}
@media (max-width: 767px) {
  .product__showing-text {
    margin-bottom: 25px;
  }
}
.product__showing-sort {
  margin: 0;
}
.product__showing-sort .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {
  font-family: var(--insuba-font, "Roboto", sans-serif);
  position: relative;
  display: block;
  width: 100%;
  min-width: 177px !important;
  background-color: var(--insuba-white2, #ecf2f2);
}
@media (max-width: 767px) {
  .product__showing-sort .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {
    min-width: 141px !important;
  }
}
.product__showing-sort .bootstrap-select > .dropdown-toggle::after {
  display: none;
}
.product__showing-sort .bootstrap-select .dropdown-menu {
  border: none;
}
.product__showing-sort .bootstrap-select > .dropdown-toggle {
  position: relative;
  height: 56px;
  outline: none !important;
  border-radius: 0;
  border: 0;
  background-color: transparent !important;
  margin: 0;
  padding: 0;
  padding-left: 15px;
  padding-right: 38px;
  font-family: var(--insuba-font, "Roboto", sans-serif);
  color: var(--insuba-black, #122f2a) !important;
  text-transform: capitalize;
  font-size: 16px;
  line-height: 56px;
  font-weight: 500;
  box-shadow: none !important;
  background-repeat: no-repeat;
  background-size: 14px 12px;
  background-position: right 25.75px center;
}
.product__showing-sort .bootstrap-select > .dropdown-toggle > .filter-option {
  text-align: left;
}
@media (max-width: 767px) {
  .product__showing-sort .bootstrap-select > .dropdown-toggle > .filter-option {
    text-align: left;
  }
}
.product__showing-sort .bootstrap-select > .dropdown-toggle:before {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 15px;
  font-family: "Font Awesome 5 Free";
  content: "\f107";
  font-weight: 900;
  font-size: 17px;
  color: var(--insuba-text, #636363);
}
.product__showing-sort .bootstrap-select .dropdown-menu > li + li > a {
  border-top: 1px solid var(--insuba-border-color, #dddddd);
}
.product__showing-sort .bootstrap-select .dropdown-menu > li > a {
  font-size: 14px;
  font-weight: 500;
  padding: 5px 16px 6px;
  font-family: var(--insuba-font, "Roboto", sans-serif);
  color: var(--insuba-black, #122f2a);
  background-color: var(--insuba-white2, #ecf2f2);
  text-transform: capitalize;
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
.product__showing-sort .bootstrap-select .dropdown-menu > li:hover > a,
.product__showing-sort .bootstrap-select .dropdown-menu > li.selected > a {
  background-color: var(--insuba-base, #0365d3);
  color: var(--insuba-white, #ffffff);
  border-color: var(--insuba-base, #0365d3);
}
.product__item {
  position: relative;
  background-color: var(--insuba-white, #ffffff);
  border: 1px solid var(--insuba-border-color, #dddddd);
  transition: all 500ms ease;
}
.product__item:hover {
  box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;
}
.product__item__image {
  padding: 20px 20px 0;
  position: relative;
  text-align: center;
  overflow: hidden;
}
.product__item__image img {
  max-width: 100%;
  height: auto;
  transform: scale(1);
  transition: all 500ms ease;
}
.product__item__btn-group {
  position: absolute;
  right: 20px;
  top: 20px;
  z-index: 1;
}
.product__item__btn-group a + a {
  margin-top: 10px;
}
.product__item__btn-group a {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  background-color: var(--insuba-white9, #F1F5F6);
  color: var(--insuba-base, #0365d3);
  font-size: 16px;
  border-radius: 50%;
  visibility: hidden;
  opacity: 0;
}
.product__item__btn-group a svg {
  width: 1em;
  height: 1em;
  fill: currentColor;
}
.product__item__btn-group a:hover {
  background-color: var(--insuba-base, #0365d3);
  color: var(--insuba-white, #ffffff);
}
.product__item__btn-group a:nth-child(1) {
  -webkit-transition: transform 350ms cubic-bezier(0.445, 0.05, 0.55, 0.95), opacity ease 300ms, visibility ease 300ms, background ease 300ms, color ease 300ms, border ease 300ms;
  -moz-transition: transform 350ms cubic-bezier(0.445, 0.05, 0.55, 0.95), opacity ease 300ms, visibility ease 300ms, background ease 300ms, color ease 300ms, border ease 300ms;
  -ms-transition: transform 350ms cubic-bezier(0.445, 0.05, 0.55, 0.95), opacity ease 300ms, visibility ease 300ms, background ease 300ms, color ease 300ms, border ease 300ms;
  -o-transition: transform 350ms cubic-bezier(0.445, 0.05, 0.55, 0.95), opacity ease 300ms, visibility ease 300ms, background ease 300ms, color ease 300ms, border ease 300ms;
  transition: transform 350ms cubic-bezier(0.445, 0.05, 0.55, 0.95), opacity ease 300ms, visibility ease 300ms, background ease 300ms, color ease 300ms, border ease 300ms;
  transform: translate3d(30px, 0, 0);
  -moz-transform: translate3d(30px, 0, 0);
  -webkit-transform: translate3d(30px, 0, 0);
  -ms-transform: translate3d(30px, 0, 0);
  -o-transform: translate3d(30px, 0, 0);
}
.product__item__btn-group a:nth-child(2) {
  -webkit-transition: transform 550ms cubic-bezier(0.445, 0.05, 0.55, 0.95), opacity ease 300ms, visibility ease 300ms, background ease 300ms, color ease 300ms, border ease 300ms;
  -moz-transition: transform 550ms cubic-bezier(0.445, 0.05, 0.55, 0.95), opacity ease 300ms, visibility ease 300ms, background ease 300ms, color ease 300ms, border ease 300ms;
  -ms-transition: transform 550ms cubic-bezier(0.445, 0.05, 0.55, 0.95), opacity ease 300ms, visibility ease 300ms, background ease 300ms, color ease 300ms, border ease 300ms;
  -o-transition: transform 550ms cubic-bezier(0.445, 0.05, 0.55, 0.95), opacity ease 300ms, visibility ease 300ms, background ease 300ms, color ease 300ms, border ease 300ms;
  transition: transform 550ms cubic-bezier(0.445, 0.05, 0.55, 0.95), opacity ease 300ms, visibility ease 300ms, background ease 300ms, color ease 300ms, border ease 300ms;
  transform: translate3d(30px, 0, 0);
  -moz-transform: translate3d(30px, 0, 0);
  -webkit-transform: translate3d(30px, 0, 0);
  -ms-transform: translate3d(30px, 0, 0);
  -o-transform: translate3d(30px, 0, 0);
}
.product__item__btn-group a:nth-child(3) {
  -webkit-transition: transform 750ms cubic-bezier(0.445, 0.05, 0.55, 0.95), opacity ease 300ms, visibility ease 300ms, background ease 300ms, color ease 300ms, border ease 300ms;
  -moz-transition: transform 750ms cubic-bezier(0.445, 0.05, 0.55, 0.95), opacity ease 300ms, visibility ease 300ms, background ease 300ms, color ease 300ms, border ease 300ms;
  -ms-transition: transform 750ms cubic-bezier(0.445, 0.05, 0.55, 0.95), opacity ease 300ms, visibility ease 300ms, background ease 300ms, color ease 300ms, border ease 300ms;
  -o-transition: transform 750ms cubic-bezier(0.445, 0.05, 0.55, 0.95), opacity ease 300ms, visibility ease 300ms, background ease 300ms, color ease 300ms, border ease 300ms;
  transition: transform 750ms cubic-bezier(0.445, 0.05, 0.55, 0.95), opacity ease 300ms, visibility ease 300ms, background ease 300ms, color ease 300ms, border ease 300ms;
  transform: translate3d(30px, 0, 0);
  -moz-transform: translate3d(30px, 0, 0);
  -webkit-transform: translate3d(30px, 0, 0);
  -ms-transform: translate3d(30px, 0, 0);
  -o-transform: translate3d(30px, 0, 0);
}
.product__item:hover .product__item__image img {
  transform: scale(1.05);
}
.product__item:hover .product__item__btn-group a {
  opacity: 1;
  visibility: visible;
  transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -webkit-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
}
.product__item__content {
  padding: 30px;
  position: relative;
  text-align: center;
}
@media (max-width: 767px) {
  .product__item__content {
    padding-left: 25px;
    padding-right: 25px;
  }
}
.product__item .insuba-ratings {
  margin-bottom: 16px;
  justify-content: center;
  gap: 7px;
}
.product__item .insuba-ratings__icon {
  font-size: 14px;
}
.product__item__title {
  font-size: 22px;
  font-weight: 700;
  line-height: 1.318;
  margin-bottom: 12px;
}
@media (max-width: 767px) {
  .product__item__title {
    font-size: 18px;
  }
}
.product__item__title:hover {
  color: var(--insuba-base, #0365d3);
}
.product__item__title a {
  color: inherit;
  background: linear-gradient(to right, currentcolor 0%, currentcolor 100%) 0px 95%/0px 1px no-repeat;
  transition: all 500ms ease;
}
.product__item__title a:hover {
  background-size: 100% 1px;
}
.product__item__price {
  font-size: 18px;
  color: var(--insuba-text, #636363);
  text-align: center;
  line-height: 1.222;
  font-weight: 500;
  margin-bottom: 17px;
}
.product__item .insuba-btn {
  padding: 9px 30px;
  font-size: 15px;
}

.product-page {
  padding-top: 120px;
  background-color: var(--insuba-white, #ffffff);
}
@media (max-width: 767px) {
  .product-page {
    padding-top: 91px;
  }
}
@media (max-width: 575px) {
  .product-page {
    padding-top: 71px;
  }
}
@media (max-width: 767px) {
  .product-page--carousel {
    padding-top: 100px;
  }
}
@media (max-width: 575px) {
  .product-page--carousel {
    padding-top: 80px;
  }
}
@media (max-width: 991px) {
  .product-page--left {
    padding-top: 120px;
  }
}
@media (max-width: 767px) {
  .product-page--left {
    padding-top: 100px;
  }
}
@media (max-width: 575px) {
  .product-page--left {
    padding-top: 80px;
  }
}
.product-page .post-pagination {
  justify-content: center;
}
@media (max-width: 991px) {
  .product-page .post-pagination {
    margin-top: 20px;
  }
}
.product-page .product__item__image img {
  width: auto !important;
  display: inline-block !important;
}

/*--------------------------------------------------------------
# Cart
--------------------------------------------------------------*/
.cart-page {
  position: relative;
  background-color: var(--insuba-white, #ffffff);
}
.cart-page .table-responsive {
  position: relative;
  display: block;
  width: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  margin-bottom: 10px;
}
@media (max-width: 1199px) {
  .cart-page .table-responsive {
    margin-bottom: 30px;
  }
}
.cart-page__table {
  position: relative;
  width: 100%;
  border: none;
  margin: 0 0 24px;
}
@media (max-width: 1199px) {
  .cart-page__table {
    min-width: 1170px;
  }
}
.cart-page__table thead tr {
  border-bottom: 1px solid var(--insuba-border-color, #dddddd);
}
.cart-page__table thead tr th {
  font-family: var(--insuba-heading-font, "Poppins", serif);
  font-size: 20px;
  color: var(--insuba-black8, #202221);
  line-height: 1;
  font-weight: 700;
  padding: 0 50px 25.5px;
  text-transform: capitalize;
  border: none;
  background-color: transparent;
  border: 0 !important;
  box-shadow: none;
}
.cart-page__table thead tr th:first-child {
  padding-left: 0;
}
.cart-page__table thead tr th:last-child {
  padding-right: 0;
  text-align: right;
}
.cart-page__table tbody tr td {
  font-family: var(--insuba-font, "Roboto", sans-serif);
  font-size: 16px;
  font-weight: 700;
  color: var(--insuba-base, #0365d3);
  text-transform: capitalize;
  line-height: normal;
  vertical-align: middle;
  border-top: none;
  box-shadow: none;
  background-color: transparent;
  border-top: 0 !important;
  border-bottom: 1px solid var(--insuba-border-color, #dddddd);
  padding: 28px 50px;
  letter-spacing: 0;
}
.cart-page__table tbody tr td.cart-page__table__price, .cart-page__table tbody tr td.cart-page__table__total {
  font-size: 16px;
  font-weight: 500;
  color: var(--insuba-text, #636363);
}
.cart-page__table tbody tr td.cart-page__table__total {
  text-align: center;
}
.cart-page__table tbody tr td .cart-page__table__remove {
  margin-left: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--insuba-text, #636363);
  font-size: 16px;
  line-height: normal;
}
.cart-page__table tbody tr td .cart-page__table__remove svg {
  width: 1em;
  height: 1em;
  fill: currentColor;
}
.cart-page__table tbody tr td .cart-page__table__remove:hover {
  color: var(--insuba-base, #0365d3);
}
.cart-page__table tbody tr td:first-child {
  padding-left: 0;
}
.cart-page__table tbody tr td:last-child {
  padding-right: 0;
}
.cart-page__table .product-details__quantity {
  margin-bottom: 0;
}
.cart-page__table .product-details__quantity .quantity-box input {
  color: var(--insuba-base, #0365d3);
}
.cart-page__table__meta {
  display: flex;
  align-items: center;
  gap: 20px;
}
.cart-page__table__meta__img {
  padding: 6px;
  flex-shrink: 0;
  width: 113px;
  border: 1px solid var(--insuba-border-color, #dddddd);
}
.cart-page__table__meta__img img {
  width: 100%;
  display: block;
}
.cart-page__table__meta__title {
  margin: 0;
  font-size: 18px;
  color: var(--insuba-black8, #202221);
  font-weight: 700;
  line-height: 1.277;
}
.cart-page__table__meta__title:hover {
  color: var(--insuba-base, #0365d3);
}
.cart-page__table__meta__title a {
  color: inherit;
  background: linear-gradient(to right, currentcolor 0%, currentcolor 100%) 0px 95%/0px 1px no-repeat;
  transition: all 500ms ease;
}
.cart-page__table__meta__title a:hover {
  background-size: 100% 1px;
}
.cart-page__coupone__title {
  font-size: 18px;
  font-weight: 600;
  color: var(--insuba-black8, #202221);
  line-height: 1.25;
  text-transform: capitalize;
  padding-top: 2px;
  margin-bottom: 15px;
}
.cart-page__coupone__box {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px 30px;
}
@media (max-width: 767px) {
  .cart-page__coupone__box {
    flex-direction: column;
    align-items: flex-start;
  }
}
.cart-page__coupone__form {
  min-width: 445px;
  position: relative;
  display: flex;
  align-items: center;
  gap: 20px 15px;
}
@media (max-width: 767px) {
  .cart-page__coupone__form {
    min-width: 100%;
    width: 100%;
    flex-direction: column;
    align-items: flex-start;
  }
}
.cart-page__coupone__form input[type=text] {
  display: block;
  width: 268px;
  height: 62px;
  border: none;
  font-size: 16px;
  font-family: var(--insuba-font, "Roboto", sans-serif);
  color: var(--insuba-text, #636363);
  font-weight: 400;
  line-height: normal;
  background-color: var(--insuba-white, #ffffff);
  padding-left: 20px;
  padding-right: 20px;
  outline: none;
  border: 1px solid var(--insuba-border-color, #dddddd);
  border-radius: 100px;
  transition: all 400ms ease;
}
.cart-page__coupone__form input[type=text]:focus {
  color: var(--insuba-black, #122f2a);
  border-color: var(--insuba-base, #0365d3);
}
@media (max-width: 767px) {
  .cart-page__coupone__form input[type=text] {
    width: 100%;
  }
}
.cart-page__update-btn {
  color: var(--insuba-base, #0365d3);
  background-color: transparent;
  border: 1px solid var(--insuba-base, #0365d3) !important;
}
.cart-page__update-btn:hover {
  color: var(--insuba-white, #ffffff);
}
.cart-page__btn {
  border: 0;
  outline: 0;
  padding: 0 35px;
  height: 62px;
  line-height: 62px;
}
@media (max-width: 767px) {
  .cart-page__btn {
    height: 55px;
    line-height: 55px;
  }
}
.cart-page__cart-checkout {
  margin-top: 10px;
  width: 100%;
  max-width: 310px;
  margin-left: auto;
}
@media (max-width: 767px) {
  .cart-page__cart-checkout {
    margin: 0;
  }
}
.cart-page__cart-total {
  position: relative;
  margin: 0;
}
.cart-page__cart-total li:not(.cart-page__cart-total__address) {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 15px;
  font-size: 18px;
  font-family: var(--insuba-font, "Roboto", sans-serif);
  color: var(--insuba-black8, #202221);
  text-transform: capitalize;
  font-weight: 700;
  line-height: normal;
}
.cart-page__cart-total li:not(.cart-page__cart-total__address) span {
  color: inherit;
}
.cart-page__cart-total__top {
  padding-bottom: 21px;
  margin-bottom: 25px;
  border-bottom: 1px solid var(--insuba-border-color, #dddddd);
}
.cart-page__cart-total__title {
  margin-bottom: 0;
  font-size: 30px;
  font-weight: 700;
  line-height: 1.318;
  text-transform: capitalize;
}
.cart-page__cart-total__amount {
  margin-bottom: 20px;
}
.cart-page__cart-total__amount--2 {
  margin-bottom: 25px;
}
.cart-page__cart-total__amount__title {
  font-size: 20px;
  font-weight: 600;
  line-height: normal;
}
.cart-page__cart-total__amount__text {
  text-align: right;
}
.cart-page__cart-total__address {
  margin-bottom: 18px;
  padding-bottom: 22px;
  border-bottom: 1px solid var(--insuba-border-color, #dddddd);
}
.cart-page__cart-total__address__title {
  font-size: 16px;
  font-weight: 600;
  color: var(--insuba-text, #636363);
  line-height: 1.25;
  text-transform: capitalize;
  margin-bottom: 12px;
}
.cart-page__cart-total__address__text {
  font-size: 16px;
  color: var(--insuba-text, #636363);
  font-weight: 400;
  line-height: 1.625;
  text-transform: capitalize;
  margin-bottom: 0;
}
.cart-page__button {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.cart-page__button .insuba-btn {
  padding: 13px 35px;
}

/*--------------------------------------------------------------
# Checkout
--------------------------------------------------------------*/
.checkout-page {
  position: relative;
  padding-top: 114px;
}
@media (max-width: 767px) {
  .checkout-page {
    padding-top: 94px;
  }
}
@media (max-width: 575px) {
  .checkout-page {
    padding-top: 74px;
  }
}
.checkout-page__form {
  --bs-gutter-y: 18px;
}
.checkout-page__title {
  font-size: 24px;
  font-weight: 700;
  line-height: 1.208;
  margin-bottom: 20px;
}
@media (max-width: 412px) {
  .checkout-page__title {
    font-size: 22px;
  }
}
.checkout-page__billing-address {
  position: relative;
}
.checkout-page__billing-address__title {
  margin-bottom: 40px;
}
.checkout-page__control label {
  font-family: var(--insuba-font, "Roboto", sans-serif);
  font-size: 16px;
  color: var(--insuba-black, #122f2a);
  font-weight: 500;
  text-transform: capitalize;
  margin-bottom: 10px;
}
.checkout-page__control input[type=text],
.checkout-page__control input[type=email],
.checkout-page__control input[type=tel] {
  height: 61px;
  width: 100%;
  border: none;
  background-color: var(--insuba-white3, #f1f6f7);
  padding-left: 20px;
  padding-right: 20px;
  outline: none;
  font-size: 16px;
  color: var(--insuba-text, #636363);
  font-family: var(--insuba-font, "Roboto", sans-serif);
  display: block;
  line-height: normal;
  font-weight: 400;
  border-radius: 5px;
  border: 1px solid transparent;
  transition: all 400ms ease;
}
.checkout-page__control input[type=text]:focus,
.checkout-page__control input[type=email]:focus,
.checkout-page__control input[type=tel]:focus {
  color: var(--insuba-black, #122f2a);
  border-color: var(--insuba-base, #0365d3);
}
.checkout-page__control .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {
  position: relative;
  display: block;
  width: 100% !important;
  font-family: var(--insuba-font, "Roboto", sans-serif);
}
.checkout-page__control .bootstrap-select > .dropdown-toggle::after {
  display: none;
}
.checkout-page__control .bootstrap-select > .dropdown-toggle {
  position: relative;
  height: 61px;
  outline: none !important;
  border-radius: 0;
  border: 0;
  background-color: var(--insuba-white3, #f1f6f7) !important;
  margin: 0;
  padding: 0;
  padding-left: 20px;
  padding-right: 20px;
  font-family: var(--insuba-font, "Roboto", sans-serif);
  color: var(--insuba-text, #636363) !important;
  text-transform: capitalize;
  font-size: 16px;
  line-height: 61px;
  font-weight: 400;
  border-radius: 5px;
  box-shadow: none !important;
  background-repeat: no-repeat;
  background-size: 14px 12px;
  background-position: right 25.75px center;
}
.checkout-page__control .bootstrap-select > .dropdown-toggle:before {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 20px;
  font-family: "Font Awesome 5 Free";
  content: "\f107";
  font-weight: 900;
  font-size: 16px;
  color: var(--insuba-text, #636363);
}
.checkout-page__control .bootstrap-select .dropdown-menu > li + li > a {
  border-top: 1px solid var(--insuba-border-color, #dddddd);
}
.checkout-page__control .bootstrap-select .dropdown-menu {
  border: none;
}
.checkout-page__control .bootstrap-select .dropdown-menu > li > a {
  font-size: 16px;
  font-weight: 400;
  padding: 10px 22px;
  font-family: var(--insuba-font, "Roboto", sans-serif);
  font-weight: 400;
  color: var(--insuba-black, #122f2a);
  background-color: var(--insuba-white3, #f1f6f7);
  text-transform: capitalize;
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
.checkout-page__control .bootstrap-select .dropdown-menu > li:hover > a,
.checkout-page__control .bootstrap-select .dropdown-menu > li.selected > a {
  background: var(--insuba-base, #0365d3);
  color: var(--insuba-white, #ffffff);
  border-color: var(--insuba-base, #0365d3);
}
.checkout-page__different-address {
  margin-top: 58px;
}
@media (max-width: 991px) {
  .checkout-page__different-address {
    margin-top: 0;
  }
}
.checkout-page__different-address__title {
  margin-bottom: 20px;
  font-weight: 600;
}
.checkout-page__different-address__inner {
  min-height: 177px;
  padding: 21px 28px;
  background-color: var(--insuba-white3, #f1f6f7);
  border-radius: 5px;
}
.checkout-page__different-address__text {
  margin-bottom: 0;
  font-weight: 500;
}
@media (max-width: 575px) {
  .checkout-page__different-address__text br {
    display: none;
  }
}
.checkout-page__your-order {
  position: relative;
  margin-top: 60px;
}
.checkout-page__your-order__title {
  margin-bottom: 25px;
  padding-bottom: 29px;
  border-bottom: 1px solid var(--insuba-border-color, #dddddd);
}
.checkout-page__order-table {
  position: relative;
  width: 100%;
  border: none;
  margin: 0 0 0;
}
.checkout-page__order-table thead tr th {
  font-family: var(--insuba-font, "Roboto", sans-serif);
  font-size: 20px;
  color: var(--insuba-black, #122f2a);
  text-transform: capitalize;
  font-weight: 600;
  line-height: normal;
  margin: 0;
  padding: 0 0 25px;
  border-bottom: 1px solid var(--insuba-border-color, #dddddd);
}
.checkout-page__order-table thead tr th:not(:first-child) {
  text-align: right;
}
.checkout-page__order-table tbody tr td {
  margin: 0;
  padding: 9.5px 0;
}
.checkout-page__order-table tbody tr td.pro__title, .checkout-page__order-table tbody tr td.pro__price {
  font-size: 16px;
  font-family: var(--insuba-font, "Roboto", sans-serif);
  color: var(--insuba-text, #636363);
  font-weight: 500;
  text-transform: capitalize;
}
.checkout-page__order-table tbody tr td.pro__title--total, .checkout-page__order-table tbody tr td.pro__price--total {
  font-weight: 700;
  color: var(--insuba-black, #122f2a);
}
.checkout-page__order-table tbody tr td:not(:first-child) {
  text-align: right;
}
.checkout-page__order-table tbody tr:first-child td {
  padding-top: 25px;
}
.checkout-page__order-table tbody tr:nth-child(3) td {
  padding-bottom: 23px;
}
.checkout-page__order-table tbody tr:last-child td {
  padding-top: 22px;
  padding-bottom: 0;
  border-top: 1px solid var(--insuba-border-color, #dddddd);
}
.checkout-page__payment-wrapper {
  padding: 27px 30px 30px;
  background-color: var(--insuba-white3, #f1f6f7);
  border-radius: 5px;
  box-shadow: 0px 0px 10px gray;
}
@media (max-width: 412px) {
  .checkout-page__payment-wrapper {
    padding-left: 25px;
    padding-right: 25px;
  }
}
.checkout-page__payment {
  margin-bottom: 85px;
}
@media (max-width: 991px) {
  .checkout-page__payment {
    margin-bottom: 70px;
  }
}
.checkout-page__payment__item + .checkout-page__payment__item {
  margin-top: 22px;
}
.checkout-page__payment__item {
  position: relative;
}
.checkout-page__payment__title {
  margin-bottom: 0;
  display: flex;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.75;
  cursor: pointer;
}
.checkout-page__payment__title::before {
  content: "\f111";
  position: relative;
  top: 3px;
  width: 20px;
  height: 20px;
  border: 1px solid var(--insuba-text, #636363);
  border-radius: 50%;
  margin-right: 10px;
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  font-size: 6px;
  color: var(--insuba-text, #636363);
  display: flex;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
  line-height: 1;
  margin-right: 15px;
  transition: all 500ms ease;
}
.checkout-page__payment__item--active .checkout-page__payment__title {
  text-shadow: 0 0 1px currentColor;
}
.checkout-page__payment__item--active .checkout-page__payment__title::before {
  border-color: var(--insuba-base, #0365d3);
  color: var(--insuba-base, #0365d3);
}
.checkout-page__payment__content {
  margin-top: 5px;
  margin-left: 35px;
}
.checkout-page__payment__content p {
  margin-bottom: 0;
  line-height: 1.875;
}
.checkout-page__payment__button .insuba-btn {
  padding: 13px 35px;
}

/*--------------------------------------------------------------
# Shop Details
--------------------------------------------------------------*/
.product-details {
  position: relative;
}
.product-details__image {
 
  display: flex;
  align-items: center;
  justify-content: center;
  
}
@media (max-width: 991px) {
  .product-details__image {
    min-height: 500px;
  }
}
@media (max-width: 575px) {
  .product-details__image {
    min-height: 450px;
  }
}
@media (max-width: 412px) {
  .product-details__image {
    min-height: 400px;
  }
}
@media (max-width: 375px) {
  .product-details__image {
    padding: 20px;
  }
}
@media (max-width: 360px) {
  .product-details__image {
    min-height: 380px;
  }
}
.product-details__image img {
  max-width: 100%;
  height: auto;
}
.product-details__top {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 20px 25px;
  margin-bottom: 23px;
}
.product-details__name {
  margin: 0;
  font-size: 24px;
  font-weight: 700;
  line-height: 1.208;
  text-transform: capitalize;
}
.product-details__price {
  margin: 0;
  font-size: 24px;
  line-height: 1.208;
  text-transform: capitalize;
  font-weight: 700;
  color: var(--insuba-base, #0365d3);
}
.product-details__review {
  position: relative;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 15px 10px;
  padding-bottom: 27px;
  border-bottom: 1px solid var(--insuba-border-color, #dddddd);
}
.product-details__review a {
  font-size: 16px;
  color: var(--insuba-text, #636363);
  text-transform: capitalize;
  line-height: 1.25;
  font-weight: 400;
  background: linear-gradient(to right, currentcolor 0%, currentcolor 100%) 0px 95%/0px 1px no-repeat;
  transition: all 500ms ease;
}
.product-details__review a:hover {
  background-size: 100% 1px;
}
.product-details__review a:hover {
  color: var(--insuba-base, #0365d3);
}
.product-details__excerpt {
  margin-top: 21px;
  margin-bottom: 31px;
}
.product-details__excerpt__text {
  margin-bottom: 0;
  line-height: 1.875;
}
.product-details__quantity {
  position: relative;
  display: flex;
  align-items: center;
  gap: 20px 26px;
  margin-bottom: 40px;
}
.product-details__quantity__title {
  font-size: 16px;
  font-weight: 700;
  text-transform: capitalize;
  line-height: 1.75;
  margin-bottom: 0;
}
.product-details__quantity .quantity-box {
  position: relative;
  width: 98px;
  height: 53px;
  border: 1px solid var(--insuba-border-color, #dddddd);
}
.product-details__quantity .quantity-box input {
  width: 62px;
  height: 53px;
  border: 0;
  -webkit-appearance: textfield;
  -moz-appearance: textfield;
  appearance: textfield;
  font-family: var(--insuba-font, "Roboto", sans-serif);
  color: var(--insuba-base, #0365d3);
  outline: none;
  font-size: 16px;
  font-weight: 700;
  background-color: transparent;
  text-align: center;
  transition: all 400ms ease;
}
.product-details__quantity .quantity-box input:focus {
  color: var(--insuba-black, #122f2a);
}
.product-details__quantity .quantity-box button {
  width: 34px;
  height: 26.5px;
  color: var(--insuba-text, #636363);
  font-size: 10px;
  position: absolute;
  top: 0px;
  right: 0px;
  background-color: transparent;
  border: none;
  border-left: 1px solid var(--insuba-border-color, #dddddd);
  display: flex;
  align-items: center;
  justify-content: center;
  outline: none;
  transition: all 500ms ease;
}
.product-details__quantity .quantity-box button svg {
  width: 1em;
  height: 1em;
  fill: currentColor;
}
.product-details__quantity .quantity-box button.sub {
  bottom: 0px;
  top: auto;
  border-top: 1px solid var(--insuba-border-color, #dddddd);
}
.product-details__quantity .quantity-box button:hover {
  color: var(--insuba-base, #0365d3);
}
.product-details__buttons {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 20px;
  margin-bottom: 40px;
}
.product-details__buttons .insuba-btn {
  padding-left: 30px;
  padding-right: 70px;
}
.product-details__socials {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 20px 30px;
}
.product-details__socials__title {
  font-size: 16px;
  font-weight: 500;
  color: var(--insuba-text, #636363);
  line-height: 1;
  text-transform: capitalize;
  margin-bottom: 0;
}
.product-details .social-links {
  gap: 10px;
}
.product-details .social-links a {
  width: 40px;
  height: 40px;
  background-color: transparent;
  border: 1px solid var(--insuba-border-color, #dddddd);
  border-radius: 0;
}
.product-details .social-links a:hover {
  background-color: var(--insuba-base, #0365d3);
  border-color: var(--insuba-base, #0365d3);
}
.product-details .social-links__icon {
  font-size: 16px;
  color: var(--insuba-text, #636363);
}
.product-details .social-links a:hover .social-links__icon {
  color: var(--insuba-white, #ffffff);
}
.product-details__description-wrapper {
  margin-top: 54px;
}
.product-details__description {
  position: relative;
  padding-bottom: 31px;
  border-bottom: 1px solid var(--insuba-border-color, #dddddd);
}
.product-details__description__title {
  font-size: 24px;
  font-weight: 700;
  line-height: 1.208;
  text-transform: capitalize;
  margin-bottom: 15px;
}
.product-details__description__text {
  line-height: 1.875;
  margin-bottom: 0;
}
.product-details__description__text:not(:last-child) {
  margin-bottom: 30px;
}
.product-details__form__top {
  margin-bottom: 40px;
}
.product-details__form__title {
  margin-bottom: 12px;
}
.product-details__form__text {
  margin-bottom: 27px;
}
.product-details__form__ratings {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 20px 18px;
}
@media (max-width: 1599px) {
  .product-details__form__ratings {
    gap: 20px;
  }
}
.product-details__form__ratings__text {
  margin-bottom: 0;
  font-size: 16px;
  font-weight: 700;
  text-transform: capitalize;
}
.product-details__form__ratings .insuba-ratings__icon {
  color: var(--insuba-text, #636363);
}

/*--------------------------------------------------------------
# Comments
--------------------------------------------------------------*/
.comments-one {
  margin-top: 51px;
}
.comments-one__title {
  margin-bottom: 43px;
  font-size: 30px;
  font-weight: 700;
  text-transform: capitalize;
  line-height: 1.363;
}
@media (max-width: 767px) {
  .comments-one__title {
    margin-bottom: 49px;
  }
}
.comments-one__list {
  margin: 0;
}
.comments-one__card {
  display: grid;
  grid-template-columns: 89px auto;
  align-items: center;
  grid-gap: 21px;
  padding-bottom: 47px;
  border-bottom: 1px solid var(--insuba-border-color, #dddddd);
}
.comments-one__card:not(:last-child) {
  margin-bottom: 52px;
}
@media (max-width: 767px) {
  .comments-one__card {
    grid-template-columns: auto;
  }
}
.comments-one__image {
  width: 89px;
}
.comments-one__image img {
  width: 89px;
  height: 89px;
  object-fit: cover;
  border-radius: 50%;
}
.comments-one__name {
  margin-bottom: 7px;
  font-size: 22px;
  font-weight: 700;
  text-transform: capitalize;
  line-height: 1.363;
}
.comments-one__text {
  margin-bottom: 7px;
  line-height: 1.625;
}
@media (max-width: 1599px) {
  .comments-one__text {
    margin-bottom: 30px;
  }
}
.comments-one__bottom {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 15px 40px;
}
@media (max-width: 412px) {
  .comments-one__bottom {
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
  }
}
.comments-one__date {
  margin-bottom: 0;
  line-height: 1.625;
}
.comments-one__reply {
  padding: 0;
  border: none;
  outline: none;
  background-color: transparent;
  font-size: 16px;
  color: var(--insuba-base, #0365d3);
  font-weight: 500;
  text-transform: capitalize;
  line-height: 1.625;
  transition: all 500ms ease;
}
.comments-one__reply:hover {
  color: var(--insuba-black, #122f2a);
}

.comments-form {
  margin-top: 51px;
}
.comments-form__title {
  margin-bottom: 49px;
  font-size: 30px;
  font-weight: 700;
  line-height: 1.363;
}
@media (max-width: 390px) {
  .comments-form__title {
    font-size: 30px;
  }
}

/*--------------------------------------------------------------
# Blog Details
--------------------------------------------------------------*/
.blog-details-page {
  position: relative;
  z-index: 2;
  background-color: var(--insuba-white, #ffffff);
}
.blog-details .blog-card-three {
  margin-bottom: 53px;
}
.blog-details .blog-card-three__title:hover {
  color: var(--insuba-black, #122f2a);
}
.blog-details .blog-card-three__description {
  margin: 0;
}
.blog-details .blog-card-three__description p + p {
  margin-top: 12px;
}
.blog-details .blog-card-three__text {
  margin: 0;
  line-height: 1.875;
}
.blog-details__meta {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  gap: 35px;
  padding-top: 29px;
  padding-bottom: 29px;
  border-top: 1px solid var(--insuba-border-color, #dddddd);
  border-bottom: 1px solid var(--insuba-border-color, #dddddd);
}
.blog-details__meta__title {
  margin-bottom: 0;
  font-size: 16px;
  line-height: 1.437;
  font-weight: 600;
  color: var(--insuba-black2, #333333);
  text-transform: capitalize;
}
.blog-details__tags, .blog-details__categories {
  display: flex;
  align-items: center;
  gap: 18px;
  flex-wrap: wrap;
}
.blog-details__tags__btn, .blog-details__categories__btn {
  padding: 7px 19.5px 3px;
  font-family: var(--insuba-font, "Roboto", sans-serif);
  font-size: 16px;
  font-weight: 400;
  color: var(--insuba-text, #636363);
  line-height: 1.437;
  text-transform: uppercase;
  background-color: var(--insuba-white3, #f1f6f7);
  border-radius: 16px;
}
.blog-details__tags__btn:hover, .blog-details__categories__btn:hover {
  color: var(--insuba-white, #ffffff);
  background-color: var(--insuba-base, #0365d3);
}
.blog-details__tags__box, .blog-details__categories__box {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 17px;
}
@media (min-width: 992px) and (max-width: 1199px) {
  .blog-details__form .form-one__group {
    grid-template-columns: repeat(1, 1fr);
  }
}

/*--------------------------------------------------------------
# Newsletter
--------------------------------------------------------------*/
.newsletter {
  margin-bottom: -145px;
  position: relative;
  z-index: 3;
}
.newsletter__inner {
  padding: 91px 140px 103px;
  position: relative;
  background-color: var(--insuba-white, #ffffff);
  border-radius: 148px;
}
@media (max-width: 1199px) {
  .newsletter__inner {
    padding-left: 50px;
    padding-right: 50px;
  }
}
@media (max-width: 575px) {
  .newsletter__inner {
    padding: 71px 30px 83px;
    border-radius: 40px;
  }
}
.newsletter__inner__bg {
  width: 100%;
  height: calc(100% - 7px);
  position: relative;
  position: absolute;
  top: 0;
  left: 0;
  background-color: var(--insuba-base, #0365d3);
  border-radius: inherit;
  overflow: hidden;
}
.newsletter__form {
  margin-left: auto;
  position: relative;
  width: 100%;
  max-width: 540px;
  z-index: 2;
}
@media (max-width: 1199px) {
  .newsletter__form {
    max-width: 420px;
  }
}
@media (max-width: 991px) {
  .newsletter__form {
    margin: 0 auto;
    max-width: 100%;
    text-align: center;
  }
}
.newsletter__form__title {
  margin-bottom: 22px;
  font-size: 22px;
  color: var(--insuba-white, #ffffff);
  font-weight: 700;
  text-transform: capitalize;
  line-height: 1.59;
}
.newsletter__form__form {
  position: relative;
}
.newsletter input[type=text] {
  outline: 0;
  border: 0;
  width: 100%;
  height: 53px;
  padding-left: 41px;
  font-family: var(--insuba-font, "Roboto", sans-serif);
  font-size: 16px;
  font-weight: 400;
  color: var(--insuba-text, #636363);
  background-color: var(--insuba-white, #ffffff);
  border-radius: 27px;
  transition: all 500ms ease;
}
.newsletter input[type=text]:focus {
  color: var(--insuba-black, #122f2a);
}
@media (max-width: 1199px) {
  .newsletter input[type=text] {
    padding-left: 25px;
  }
}
.newsletter button[type=submit] {
  margin-top: 20px;
  padding: 7px 38px;
  font-size: 18px;
}
@media (max-width: 1199px) {
  .newsletter button[type=submit] {
    padding-left: 30px;
    padding-right: 30px;
  }
}
@media (max-width: 575px) {
  .newsletter button[type=submit] {
    padding-left: 35px;
    padding-right: 35px;
  }
}
@media (min-width: 576px) {
  .newsletter button[type=submit] {
    margin-top: 0;
    position: absolute;
    top: 50%;
    right: 4px;
    transform: translateY(-50%);
  }
}
.newsletter__image {
  position: relative;
  position: absolute;
  left: 152px;
  bottom: 7px;
}
@media (max-width: 991px) {
  .newsletter__image {
    display: none;
  }
}
.newsletter__image::before {
  content: "";
  position: absolute;
  left: 50%;
  bottom: 0;
  transform: translateX(-50%);
  width: 265px;
  height: 38px;
  background-color: var(--insuba-black5, #0f3667);
  clip-path: polygon(9% 0, 91% 0, 100% 100%, 0% 100%);
  z-index: 1;
}
.newsletter__image::after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: -1px;
  transform: translateX(-50%);
  width: 334px;
  height: 322px;
  background-color: var(--insuba-white, #ffffff);
  clip-path: polygon(9% 0, 91% 0, 100% 100%, 0% 100%);
}
.newsletter__image__one {
  position: relative;
  z-index: 2;
  max-width: 100%;
  height: auto;
}
.newsletter__image__shape {
  max-width: 100%;
  height: auto;
  position: absolute;
  top: 41px;
  right: -160px;
  z-index: 1;
  animation: moveHorizontal2 4s ease infinite;
}
.newsletter__shape-one {
  max-width: 100%;
  height: auto;
  position: absolute;
  top: -26px;
  left: -374px;
}
@media (max-width: 1199px) {
  .newsletter__shape-one {
    left: -420px;
  }
}
@media (max-width: 991px) {
  .newsletter__shape-one {
    display: none;
  }
}
.newsletter__shape-two {
  max-width: 100%;
  height: auto;
  position: absolute;
  right: 0;
  bottom: 0;
}
@media (min-width: 1200px) {
  .newsletter--two .newsletter__inner {
    padding-left: 113px;
    padding-right: 113px;
  }
}
.newsletter--two .newsletter__form {
  margin: 0;
}
.newsletter--two .newsletter__image {
  left: auto;
  right: 152px;
}
.newsletter--two .newsletter__image__shape {
  right: auto;
  left: -128px;
  animation: moveHorizontal 4s ease infinite;
}
.newsletter--two .newsletter__shape-one {
  left: auto;
  right: -374px;
}
@media (max-width: 1199px) {
  .newsletter--two .newsletter__shape-one {
    right: -420px;
  }
}
.newsletter--two .newsletter__shape-two {
  right: auto;
  left: 0;
}

/*--------------------------------------------------------------
# Login
--------------------------------------------------------------*/
.login-page {
  position: relative;
  background-color: var(--insuba-white, #ffffff);
}
.login-page__info {
  background-color: var(--insuba-white2, #ecf2f2);
  padding: 35.5px 41px 34.5px;
  margin-bottom: 50px;
  border-radius: 10px;
}
@media (max-width: 767px) {
  .login-page__info {
    margin-bottom: 40px;
    padding: 25.5px 31px 24.5px;
  }
}
.login-page__info__text {
  margin: 0;
  font-size: 18px;
  color: var(--insuba-black, #122f2a);
  font-weight: 400;
  line-height: 1.3888888889;
}
.login-page__info__text span {
  font-weight: 700;
}
.login-page__info__text a {
  display: inline-block;
  font-weight: 700;
  color: var(--insuba-base, #0365d3);
  line-height: normal;
  transition: all 500ms ease;
  background: linear-gradient(to right, currentcolor 0%, currentcolor 100%) 0px 95%/0px 1px no-repeat;
  transition: all 500ms ease;
}
.login-page__info__text a:hover {
  background-size: 100% 1px;
}
.login-page__inner {
  border: 1px solid var(--insuba-border-color, #dddddd);
  background: var(--insuba-white, #ffffff);
  box-shadow: 0px 6px 40px 0px rgba(0, 0, 0, 0.06);
  padding: 47px 40px 57px;
  border-radius: 10px;
}
@media (max-width: 767px) {
  .login-page__inner {
    padding: 30px 30px 40px;
  }
}
.login-page__row {
  --bs-gutter-x: 94px;
}
.login-page__wrap {
  position: relative;
}
.login-page__wrap__title {
  margin-bottom: 30px;
  font-size: 35px;
  font-weight: 700;
  line-height: 1.333;
  text-transform: capitalize;
}
@media (max-width: 991px) {
  .login-page__wrap .form__border {
    display: none;
  }
}
.login-page__wrap .form__border::after {
  content: "";
  position: absolute;
  top: 0;
  right: -47px;
  width: 1px;
  height: 100%;
  background: var(--insuba-border-color, #dddddd);
}
@media (max-width: 991px) {
  .login-page .register__wrap {
    margin-top: 50px;
  }
}
.login-page__form {
  position: relative;
  display: block;
}
.login-page__form-input-box {
  position: relative;
  display: block;
  margin-bottom: 20px;
}
.login-page__form-input-box input[type=email],
.login-page__form-input-box input[type=password] {
  display: block;
  width: 100%;
  font-family: var(--insuba-font, "Roboto", sans-serif);
  color: var(--insuba-text, #636363);
  font-size: 16px;
  font-weight: 400;
  border: none;
  outline: none;
  padding: 0 26px;
  height: 62px;
  background-color: var(--insuba-white3, #f1f6f7);
  border: 1px solid transparent;
  border-radius: 5px;
  transition: all 400ms ease;
}
.login-page__form-input-box input[type=email]:focus,
.login-page__form-input-box input[type=password]:focus {
  color: var(--insuba-black, #122f2a);
  border-color: var(--insuba-base, #0365d3);
}
@media (max-width: 375px) {
  .login-page__form-input-box input[type=email],
  .login-page__form-input-box input[type=password] {
    padding-left: 20px;
    padding-right: 20px;
  }
}
.login-page__checked-box {
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 26px;
  margin-bottom: 35px;
}
@media (max-width: 575px) {
  .login-page__checked-box {
    display: block;
  }
}
.login-page__checked-box label {
  position: relative;
  display: inline-block;
  padding-left: 30px;
  margin-right: 0px;
  margin-bottom: 0;
  text-transform: none;
  cursor: pointer;
  font-size: 16px;
  font-weight: 400;
  color: var(--insuba-text, #636363);
}
.login-page__checked-box label span::before {
  content: "";
  position: absolute;
  top: 2px;
  left: 5px;
  display: block;
  border-bottom: 2px solid var(--insuba-base, #0365d3);
  border-right: 2px solid var(--insuba-base, #0365d3);
  width: 7px;
  height: 10px;
  pointer-events: none;
  transform-origin: 66% 66%;
  transform: rotate(45deg);
  transition: all 0.15s ease-in-out;
  opacity: 0;
}
.login-page__checked-box input[type=checkbox] {
  display: none;
}
.login-page__checked-box input[type=checkbox] + label span {
  position: absolute;
  top: 3px;
  left: 0;
  border-radius: 4px;
  width: 20px;
  height: 20px;
  vertical-align: middle;
  background: transparent;
  cursor: pointer;
  transition: all 300ms ease;
  border: 1px solid var(--insuba-border-color, #dddddd);
}
.login-page__checked-box input[type=checkbox]:checked + label span {
  border-color: var(--insuba-base, #0365d3);
}
.login-page__checked-box input[type=checkbox]:checked + label span::before {
  opacity: 1;
}
.login-page__form-forgot-password {
  position: relative;
  display: block;
  margin-left: 0px;
  flex: 0 0 100%;
  margin-top: 12px;
}
@media (min-width: 576px) {
  .login-page__form-forgot-password {
    margin-left: 30px;
    flex: 0 0 auto;
    margin-top: 0;
  }
}
.login-page__form-forgot-password a {
  color: var(--insuba-text, #636363);
  position: relative;
  display: inline-block;
  background: linear-gradient(to right, currentcolor 0%, currentcolor 100%) 0px 95%/0px 1px no-repeat;
  transition: all 500ms ease;
  font-size: 16px;
  font-weight: 400;
  line-height: normal;
}
.login-page__form-forgot-password a:hover {
  background-size: 100% 1px;
}
.login-page__form-forgot-password a:hover {
  color: var(--insuba-base, #0365d3);
}

/*--------------------------------------------------------------
# Contact
--------------------------------------------------------------*/
.contact {
  position: relative;
  background-color: var(--insuba-white, #ffffff);
}
.contact__wrapper {
  position: relative;
  z-index: 2;
  background-color: var(--insuba-white, #ffffff);
}
.contact__call {
  padding: 9px 55px 6px 0;
  position: absolute;
  right: -160px;
  bottom: 115px;
  display: inline-flex;
  align-items: center;
  gap: 26px;
  background-color: var(--insuba-black5, #0f3667);
  border-radius: 50px;
  z-index: 2;
}
@media (max-width: 430px) {
  .contact__call {
    margin-bottom: 30px;
    position: static;
    padding: 40px 40px 32px;
    flex-direction: column;
    align-items: flex-start;
    border-radius: 20px;
  }
}
@media (min-width: 431px) and (max-width: 575px) {
  .contact__call {
    padding: 12px 40px 9px 0;
    right: 10px;
    bottom: 150px;
    gap: 20px;
  }
}
@media (min-width: 576px) and (max-width: 991px) {
  .contact__call {
    right: -20px;
    bottom: 150px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .contact__call {
    padding: 12px 40px 9px 0;
    right: -15px;
    bottom: 150px;
    gap: 20px;
  }
}
@media (min-width: 1200px) and (max-width: 1299px) {
  .contact__call {
    right: 50px;
  }
}
@media (min-width: 1300px) and (max-width: 1399px) {
  .contact__call {
    right: -60px;
  }
}
@media (min-width: 1400px) and (max-width: 1599px) {
  .contact__call {
    right: -90px;
  }
}
.contact__call::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border: 6px solid var(--insuba-white, #ffffff);
  border-radius: inherit;
}
@media (max-width: 430px) {
  .contact__call::after {
    display: none;
  }
}
.contact__call__icon {
  position: relative;
  margin-left: -11px;
  width: 87px;
  height: 87px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  font-size: 42px;
  color: var(--insuba-white, #ffffff);
  background-color: var(--insuba-base, #0365d3);
  border: 6px solid var(--insuba-white, #ffffff);
  border-radius: 43px;
  z-index: 1;
}
@media (max-width: 575px) {
  .contact__call__icon {
    width: 70px;
    height: 70px;
    font-size: 30px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .contact__call__icon {
    width: 70px;
    height: 70px;
    font-size: 30px;
  }
}
.contact__call__content {
  position: relative;
  z-index: 1;
}
.contact__call__title {
  margin-bottom: 5px;
  font-size: 18px;
  font-weight: 700;
  color: var(--insuba-white, #ffffff);
  line-height: 1.4;
}
@media (max-width: 430px) {
  .contact__call__title {
    margin-bottom: 10px;
  }
}
.contact__call__number {
  position: relative;
  z-index: 1;
  font-size: 16px;
  font-weight: 400;
  color: var(--insuba-white, #ffffff);
  line-height: 1;
  background: linear-gradient(to right, currentcolor 0%, currentcolor 100%) 0px 95%/0px 1px no-repeat;
  transition: all 500ms ease;
}
.contact__call__number:hover {
  background-size: 100% 1px;
}
.contact__call__number:hover {
  color: var(--insuba-base, #0365d3);
}
.contact__inner {
  position: relative;
  padding: 23px 18px 24px 54px;
  border: 1px solid var(--insuba-border-color, #dddddd);
  border-radius: 30px;
}
@media (max-width: 1199px) {
  .contact__inner {
    padding: 40px 30px;
  }
}
@media (max-width: 430px) {
  .contact__inner {
    padding: 20px;
  }
}
.contact__inner__shape-box {
  position: relative;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border-radius: inherit;
  overflow: hidden;
}
.contact__inner__shape {
  width: 276px;
  height: 329px;
  background-color: var(--insuba-base, #0365d3);
  position: relative;
  position: absolute;
  top: -192px;
  right: 0;
  transform: rotate(-20deg);
}
@media (max-width: 1199px) {
  .contact__inner__shape {
    display: none;
  }
}
.contact__inner__shape::before {
  content: "";
  width: 299px;
  height: 146px;
  background-color: var(--insuba-base, #0365d3);
  position: absolute;
  top: -97px;
  left: -209px;
  transform: rotate(20deg) skewY(68deg);
}
.contact__inner__shape::after {
  content: "";
  width: 293px;
  height: 152px;
  background-color: var(--insuba-base, #0365d3);
  position: absolute;
  top: 288px;
  right: -37px;
  transform: rotate(20deg) skewY(55deg);
}
.contact__row {
  position: relative;
  z-index: 1;
  --bs-gutter-x: 76px;
}
@media (max-width: 1199px) {
  .contact__row {
    --bs-gutter-x: 40px;
  }
}
.contact__form-col {
  position: relative;
  z-index: 1;
  flex: 0 0 auto;
  width: 51.536%;
}
@media (max-width: 991px) {
  .contact__form-col {
    width: 100%;
  }
}
.contact__image-col {
  position: relative;
  z-index: 1;
  flex: 0 0 auto;
  width: 48.464%;
}
@media (max-width: 991px) {
  .contact__image-col {
    width: 100%;
  }
}
.contact__tab-box {
  position: relative;
  display: block;
}
.contact__tab-box .tab-buttons {
  margin: 0;
  padding: 0;
  list-style: none;
  margin-bottom: 43px;
  position: relative;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  z-index: 1;
}
@media (max-width: 575px) {
  .contact__tab-box .tab-buttons {
    gap: 15px;
  }
}
.contact__tab-box .tab-buttons .tab-btn {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 16px;
  cursor: pointer;
  padding: 7.5px 28.7px;
  font-family: var(--insuba-heading-font, "Poppins", serif);
  font-size: 18px;
  font-weight: 700;
  color: var(--insuba-black, #122f2a);
  text-transform: capitalize;
  background-color: var(--insuba-white, #ffffff);
  border-radius: 0;
  border-top: 1px solid var(--insuba-border-color, #dddddd);
  border-right: 1px solid var(--insuba-border-color, #dddddd);
  border-bottom: 1px solid var(--insuba-border-color, #dddddd);
  overflow: visible;
  z-index: 1;
  transition: all 500ms ease;
}
.contact__tab-box .tab-buttons .tab-btn:first-child {
  border-left: 1px solid var(--insuba-border-color, #dddddd);
}
@media (max-width: 1199px) {
  .contact__tab-box .tab-buttons .tab-btn {
    padding-left: 20px;
    padding-right: 20px;
    gap: 10px;
    font-size: 14px;
  }
}
@media (max-width: 575px) {
  .contact__tab-box .tab-buttons .tab-btn {
    padding-top: 5px;
    padding-bottom: 5px;
    border: 0;
    border: 1px solid var(--insuba-border-color, #dddddd);
  }
}
.contact__tab-box .tab-buttons .tab-btn:hover {
  color: var(--insuba-white, #ffffff);
  border-color: var(--insuba-base, #0365d3);
}
.contact__tab-box .tab-buttons .tab-btn__icon {
  font-size: 20px;
}
.contact__tab-box .tab-buttons .tab-btn.active-btn {
  color: var(--insuba-white, #ffffff);
  background-color: var(--insuba-base, #0365d3);
  border-color: var(--insuba-base, #0365d3);
}
.contact__tab-box .tabs-content {
  position: relative;
  display: block;
}
.contact__tab-box .tabs-content .tab {
  position: relative;
  display: none;
  -webkit-transition: all 600ms ease;
  -moz-transition: all 600ms ease;
  -ms-transition: all 600ms ease;
  -o-transition: all 600ms ease;
  transition: all 600ms ease;
  z-index: 10;
}
.contact__tab-box .tabs-content .tab.active-tab {
  display: block;
}
.contact__tab-content {
  padding: 49px 51px 51px;
  background-color: var(--insuba-white5, #f0f5f5);
  border-radius: 20px;
}
@media (max-width: 1199px) {
  .contact__tab-content {
    padding-left: 30px;
    padding-right: 30px;
  }
}
@media (max-width: 430px) {
  .contact__tab-content {
    padding: 29px 25px 31px;
  }
}
@media (max-width: 360px) {
  .contact__tab-content {
    padding-left: 20px;
    padding-right: 20px;
  }
}
.contact__title {
  margin-bottom: 29px;
  font-size: 22px;
  font-weight: 700;
  line-height: 1.218;
}
.contact__form__group {
  display: grid;
  grid-template-columns: 1fr;
  grid-gap: 28px;
  margin: 0;
}
@media (min-width: 768px) {
  .contact__form__group {
    grid-template-columns: repeat(2, 1fr);
  }
}
.contact__form__control {
  border: none;
  width: auto;
  height: auto;
  border-radius: 0;
  padding: 0;
  position: relative;
}
.contact__form__control--full {
  grid-column-start: 1;
  grid-column-end: -1;
}
.contact__form .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {
  position: relative;
  display: block;
  width: 100% !important;
  font-family: var(--insuba-font, "Roboto", sans-serif);
}
.contact__form .bootstrap-select > .dropdown-toggle::after {
  display: none;
}
.contact__form .bootstrap-select > .dropdown-toggle {
  position: relative;
  height: 50px;
  outline: none !important;
  border-radius: 30px;
  border: 1px solid var(--insuba-gray7, #e8e7e7);
  background-color: var(--insuba-white, #ffffff) !important;
  margin: 0;
  padding: 0;
  padding-left: 26px;
  padding-right: 26px;
  font-family: var(--insuba-font, "Roboto", sans-serif);
  color: var(--insuba-text, #636363) !important;
  text-transform: capitalize;
  font-size: 16px;
  line-height: 50px;
  font-weight: 400;
  box-shadow: none !important;
  background-repeat: no-repeat;
  background-size: 14px 12px;
  background-position: right 25.75px center;
}
@media (max-width: 375px) {
  .contact__form .bootstrap-select > .dropdown-toggle {
    padding-left: 20px;
    padding-right: 20px;
  }
}
.contact__form .bootstrap-select > .dropdown-toggle::before {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 26px;
  font-family: "Font Awesome 5 Free";
  content: "\f107";
  font-weight: 900;
  font-size: 16px;
  color: var(--insuba-text, #636363);
}
@media (max-width: 375px) {
  .contact__form .bootstrap-select > .dropdown-toggle::before {
    right: 20px;
  }
}
.contact__form .bootstrap-select .dropdown-menu > li + li > a {
  border-top: 1px solid var(--insuba-border-color, #dddddd);
}
.contact__form .bootstrap-select .dropdown-menu {
  border: none;
}
.contact__form .bootstrap-select .dropdown-menu > li > a {
  font-family: var(--insuba-font, "Roboto", sans-serif);
  font-size: 15px;
  font-weight: 400;
  padding: 10px 22px;
  color: var(--insuba-black, #122f2a);
  background-color: var(--insuba-white2, #ecf2f2);
  text-transform: capitalize;
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
.contact__form .bootstrap-select .dropdown-menu > li:hover > a,
.contact__form .bootstrap-select .dropdown-menu > li.selected > a {
  background-color: var(--insuba-base, #0365d3);
  color: var(--insuba-white, #ffffff);
  border-color: var(--insuba-base, #0365d3);
}
.contact__form .bootstrap-select > .dropdown-toggle {
  display: flex;
  align-items: center;
}
.contact__form .bootstrap-select > .dropdown-toggle .filter-option {
  display: flex;
  align-items: center;
}
.contact__form input[type=text],
.contact__form input[type=email],
.contact__form input[type=password],
.contact__form input[type=tel],
.contact__form textarea {
  border: none;
  outline: none;
  padding: 0 26px;
  display: block;
  width: 100%;
  height: 50px;
  font-family: var(--insuba-font, "Roboto", sans-serif);
  color: var(--insuba-text, #636363);
  font-size: 16px;
  font-weight: 400;
  background-color: var(--insuba-white, #ffffff);
  border: 1px solid var(--insuba-gray7, #e8e7e7);
  border-radius: 30px;
  transition: all 400ms ease;
}
.contact__form input[type=text]:focus,
.contact__form input[type=email]:focus,
.contact__form input[type=password]:focus,
.contact__form input[type=tel]:focus,
.contact__form textarea:focus {
  color: var(--insuba-black, #122f2a);
  border-color: var(--insuba-base, #0365d3);
}
@media (max-width: 375px) {
  .contact__form input[type=text],
  .contact__form input[type=email],
  .contact__form input[type=password],
  .contact__form input[type=tel],
  .contact__form textarea {
    padding-left: 23px;
    padding-right: 23px;
  }
}
.contact__form__insurance-progress {
  margin-top: -4px;
}
.contact__form__insurance-progress-title {
  margin-bottom: 12px;
  font-family: var(--insuba-font, "Roboto", sans-serif);
  font-size: 16px;
  color: var(--insuba-text, #636363);
  font-weight: 700;
  text-transform: capitalize;
  line-height: 1.75;
}
.contact__form__insurance-balance {
  margin: 0;
  font-weight: 700;
}
.contact__form__insurance-balance-box {
  position: absolute;
  top: 0;
  right: 0;
}
.contact__form__insurance-progress-range {
  width: calc(100% - 8px);
  margin-left: auto;
  margin-right: auto;
}
.contact__form__insurance-progress-range .irs-single, .contact__form__insurance-progress-range .irs-from, .contact__form__insurance-progress-range .irs-to {
  display: none;
}
.contact__form__insurance-progress-range .irs--flat {
  position: relative;
  height: 4px;
}
.contact__form__insurance-progress-range .irs--flat::after {
  content: "";
  width: calc(100% + 8px);
  height: calc(100% + 8px);
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  border: 1px solid var(--insuba-base, #0365d3);
  border-radius: 10px;
}
.contact__form__insurance-progress-range .irs--flat .irs-handle, .contact__form__insurance-progress-range .irs--flat .irs-line, .contact__form__insurance-progress-range .irs--flat .irs-bar {
  top: 0;
}
.contact__form__insurance-progress-range .irs--flat .irs-line {
  height: 4px;
  border-radius: 6px;
  border: 0;
  background-color: var(--insuba-gray4, #dbdbdb);
}
.contact__form__insurance-progress-range .irs--flat .irs-bar {
  height: 4px;
  border-radius: 4px;
  background-color: var(--insuba-base, #0365d3);
}
.contact__form__insurance-progress-range .irs--flat .irs-handle {
  cursor: pointer;
  height: 20px;
  width: 20px;
  background-color: var(--insuba-base, #0365d3);
  border: 0;
  border-radius: 50%;
  top: -9px;
}
.contact__form__insurance-progress-range .irs--flat .irs-handle i {
  display: none;
}
.contact__form button[type=submit] {
  margin-top: 16px;
}
.contact__image {
  position: relative;
}
.contact__image::after {
  content: "";
  position: absolute;
  top: -12px;
  right: -8px;
  width: 100%;
  height: 100%;
  background-color: var(--insuba-white, #ffffff);
  border-radius: 20px;
}
@media (max-width: 1199px) {
  .contact__image::after {
    display: none;
  }
}
.contact__image img {
  position: relative;
  z-index: 1;
  width: 100%;
  display: block;
  border-radius: 20px;
}
.contact__umbrella-image {
  max-width: 100%;
  height: auto;
  position: absolute;
  left: 125px;
  bottom: 357px;
  animation: zump 2s linear infinite;
}
@media (max-width: 1599px) {
  .contact__umbrella-image {
    max-width: 95px;
    left: 30px;
  }
}
@media (max-width: 1399px) {
  .contact__umbrella-image {
    display: none;
  }
}
.contact__call-image {
  max-width: 100%;
  height: auto;
  position: absolute;
  top: 244px;
  right: 79px;
  animation: treeMove 6s ease infinite;
}
@media (max-width: 1599px) {
  .contact__call-image {
    width: 80px;
    right: 40px;
  }
}
@media (max-width: 1399px) {
  .contact__call-image {
    display: none;
  }
}

.contact-one {
  margin-bottom: -230px;
  position: relative;
  z-index: 1;
  background-color: transparent;
}
.contact-one__inner {
  position: relative;
  background-color: var(--insuba-base, #0365d3);
  border-radius: 50px;
}
@media (max-width: 767px) {
  .contact-one__inner {
    border-radius: 30px;
  }
}
.contact-one__inner::after {
  content: "";
  width: calc(100% + 20px);
  height: calc(100% + 20px);
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  border: 10px solid var(--insuba-white7, #fffcf6);
  border-radius: inherit;
}
.contact-one__wrapper {
  padding: 76px 70px 80px;
  position: relative;
  z-index: 1;
  background-color: var(--insuba-base, #0365d3);
  border-radius: 40px;
}
@media (max-width: 1199px) {
  .contact-one__wrapper {
    padding-left: 40px;
    padding-right: 40px;
  }
}
@media (max-width: 991px) {
  .contact-one__wrapper {
    padding-top: 180px;
  }
}
@media (max-width: 767px) {
  .contact-one__wrapper {
    border-radius: 20px;
  }
}
@media (max-width: 430px) {
  .contact-one__wrapper {
    padding-left: 30px;
    padding-right: 30px;
  }
}
@media (max-width: 390px) {
  .contact-one__wrapper {
    padding-left: 25px;
    padding-right: 25px;
  }
}
.contact-one__wrapper__shape {
  position: relative;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  overflow: hidden;
  border-radius: inherit;
  z-index: 1;
}
.contact-one__shape-one {
  position: absolute;
  top: -80px;
  left: -88px;
  z-index: 1;
}
@media (max-width: 767px) {
  .contact-one__shape-one {
    display: none;
  }
}
.contact-one__shape-two {
  position: absolute;
  right: -366px;
  bottom: -390px;
}
.contact-one .row {
  position: relative;
  z-index: 2;
}
.contact-one__col-image {
  position: relative;
  flex: 0 0 auto;
  width: 50%;
}
@media (max-width: 1199px) {
  .contact-one__col-image {
    width: 45%;
  }
}
@media (max-width: 991px) {
  .contact-one__col-image {
    width: 100%;
  }
}
.contact-one__col-form {
  flex: 0 0 auto;
  width: 50%;
}
@media (max-width: 1199px) {
  .contact-one__col-form {
    width: 55%;
  }
}
@media (max-width: 991px) {
  .contact-one__col-form {
    width: 100%;
  }
}
.contact-one__video {
  padding: 37px 30px 28px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 20px;
  position: relative;
  position: absolute;
  top: -76px;
  right: 41px;
  background-color: var(--insuba-black5, #0f3667);
  text-align: center;
  z-index: 1;
}
@media (max-width: 1199px) {
  .contact-one__video {
    right: 20px;
  }
}
@media (max-width: 991px) {
  .contact-one__video {
    top: -180px;
    right: auto;
    left: 15px;
  }
}
.contact-one__video::after {
  content: "";
  width: 100%;
  height: 4px;
  position: absolute;
  left: 0;
  bottom: 0;
  background-color: var(--insuba-white, #ffffff);
}
.contact-one__video__title {
  margin: 0;
  font-size: 17px;
  font-weight: 500;
  color: var(--insuba-white, #ffffff);
  text-transform: capitalize;
  line-height: 1.47;
}
@media (max-width: 575px) {
  .contact-one__video__title br {
    display: inline-block;
  }
}
.contact-one__image {
  width: 100%;
  position: relative;
  position: absolute;
  left: 26px;
  bottom: -80px;
  overflow: hidden;
}
@media (max-width: 1199px) {
  .contact-one__image {
    left: -10px;
  }
}
@media (max-width: 991px) {
  .contact-one__image {
    display: none;
  }
}
.contact-one__image::before {
  content: "";
  width: 409px;
  height: 409px;
  position: absolute;
  left: 0;
  bottom: -164px;
  background-color: var(--insuba-white, #ffffff);
  border-radius: 50%;
}
@media (max-width: 1199px) {
  .contact-one__image::before {
    width: 394px;
    height: 394px;
    bottom: -108px;
  }
}
.contact-one__image::after {
  content: "";
  width: 383px;
  height: 383px;
  position: absolute;
  left: 14px;
  bottom: -153px;
  background-color: var(--insuba-black5, #0f3667);
  border-radius: 50%;
  z-index: 1;
}
@media (max-width: 1199px) {
  .contact-one__image::after {
    width: 370px;
    height: 370px;
    left: 12px;
    bottom: -95px;
  }
}
.contact-one__image__one {
  position: relative;
  max-width: 100%;
  height: auto;
  z-index: 2;
}
.contact-one__image__two {
  max-width: 100%;
  height: auto;
  position: absolute;
  top: 40%;
  right: 18px;
  animation: zumpBottom 2s linear infinite;
}
@media (max-width: 1199px) {
  .contact-one__image__two {
    display: none;
  }
}
.contact-one__title {
  margin-bottom: 28px;
  font-size: 35px;
  color: var(--insuba-white, #ffffff);
  font-weight: 700;
  line-height: 1.314;
}
@media (max-width: 575px) {
  .contact-one__title {
    font-size: 33px;
  }
}
.contact-one .contact__form {
  padding-right: 73px;
}
@media (max-width: 1199px) {
  .contact-one .contact__form {
    padding-right: 0;
  }
}
.contact-one .contact__form__insurance-progress-title,
.contact-one .contact__form__insurance-balance {
  color: var(--insuba-white, #ffffff);
}
.contact-one .contact__form__insurance-progress-range .irs--flat::after {
  border-color: var(--insuba-black5, #0f3667);
}
.contact-one .contact__form__insurance-progress-range .irs--flat .irs-bar {
  background-color: var(--insuba-black3, #19232b);
}
.contact-one .contact__form__insurance-progress-range .irs--flat .irs-handle {
  background-color: var(--insuba-white, #ffffff);
}

.contact-two {
  position: relative;
  padding-top: 260px;
  background-color: var(--insuba-white8, #edf0f2);
}
.contact-two .container {
  position: relative;
  z-index: 1;
}
@media (min-width: 1200px) {
  .contact-two__wrapper {
    margin: 0;
    padding: 0;
    max-width: 100%;
    width: 40%;
    position: absolute !important;
    left: 0;
    bottom: 27px;
    z-index: 2 !important;
  }
}
@media (min-width: 1400px) {
  .contact-two__wrapper {
    width: 42.2%;
  }
}
@media (max-width: 1199px) {
  .contact-two__image {
    margin-bottom: 50px;
    display: table;
  }
}
.contact-two__image__inner {
  position: absolute;
  right: 110px;
  bottom: 200px;
}
@media (max-width: 1399px) {
  .contact-two__image__inner {
    right: 55px;
  }
}
@media (min-width: 1200px) and (max-width: 1299px) {
  .contact-two__image__inner {
    right: 20px;
  }
}
@media (max-width: 1199px) {
  .contact-two__image__inner {
    position: static;
  }
}
.contact-two__image__inner img {
  width: 444px;
  height: 444px;
  border-radius: 50%;
  border: 7px solid var(--insuba-white, #ffffff);
}
@media (max-width: 500px) {
  .contact-two__image__inner img {
    width: 380px;
    height: 380px;
  }
}
@media (max-width: 412px) {
  .contact-two__image__inner img {
    width: 343px;
    height: 343px;
  }
}
@media (max-width: 375px) {
  .contact-two__image__inner img {
    width: 328px;
    height: 328px;
  }
}
@media (max-width: 360px) {
  .contact-two__image__inner img {
    width: 288px;
    height: 288px;
  }
}
.contact-two__image__sahpe {
  max-width: 100%;
  height: auto;
}
@media (max-width: 1199px) {
  .contact-two__image__sahpe {
    display: none;
  }
}
.contact-two__call {
  position: relative;
  margin: -64px auto 0;
  display: table;
  z-index: 1;
}
.contact-two__call__inner {
  padding-right: 51px;
  position: relative;
  display: flex;
  align-items: center;
  gap: 26px;
  background-color: var(--insuba-black5, #0f3667);
  border-radius: 43px;
  z-index: 1;
}
@media (max-width: 390px) {
  .contact-two__call__inner {
    padding: 30px;
    flex-direction: column;
    align-items: flex-start;
    border-radius: 10px;
  }
}
.contact-two__call__inner::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border: 6px solid var(--insuba-white, #ffffff);
  border-radius: inherit;
}
.contact-two__call__icon {
  width: 87px;
  height: 87px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  font-size: 42px;
  color: var(--insuba-white, #ffffff);
  background-color: var(--insuba-base, #0365d3);
  border: 6px solid var(--insuba-white, #ffffff);
  border-radius: 43px;
}
@media (max-width: 390px) {
  .contact-two__call__icon {
    width: 75px;
    height: 75px;
    font-size: 32px;
  }
}
.contact-two__call__content {
  position: relative;
  z-index: 1;
}
.contact-two__call__title {
  margin-bottom: 5px;
  font-size: 18px;
  font-weight: 700;
  color: var(--insuba-white, #ffffff);
  line-height: 1.4;
}
.contact-two__call__number {
  position: relative;
  z-index: 1;
  font-size: 16px;
  font-weight: 400;
  color: var(--insuba-white, #ffffff);
  line-height: 1;
  background: linear-gradient(to right, currentcolor 0%, currentcolor 100%) 0px 95%/0px 1px no-repeat;
  transition: all 500ms ease;
}
.contact-two__call__number:hover {
  background-size: 100% 1px;
}
.contact-two__call__number:hover {
  color: var(--insuba-base, #0365d3);
}
.contact-two__content {
  position: relative;
  padding-left: 105px;
}
@media (max-width: 767px) {
  .contact-two__content {
    padding-left: 90px;
  }
}
@media (max-width: 575px) {
  .contact-two__content {
    padding-left: 0px;
  }
}
.contact-two .sec-title {
  margin-bottom: 21px;
}
.contact-two__description {
  padding-right: 75px;
  margin-bottom: 24px;
}
@media (max-width: 767px) {
  .contact-two__description {
    padding-right: 0;
  }
}
@media (max-width: 575px) {
  .contact-two__description {
    margin-bottom: 40px;
  }
}
.contact-two__text {
  margin: 0;
}
.contact-two .contact__tab-box {
  position: static;
}
@media (min-width: 576px) {
  .contact-two .tab-buttons {
    margin: 0;
    position: absolute;
    top: 46.1%;
    left: -258px;
    transform: rotate(-90deg) translateY(-50%);
    z-index: 11;
  }
}
.contact-two .tab-buttons .tab-btn {
  padding-left: 19.4px;
  padding-right: 19.4px;
}
@media (max-width: 1199px) {
  .contact-two .tab-buttons .tab-btn {
    gap: 16px;
    font-size: 18px;
  }
}
@media (max-width: 575px) {
  .contact-two .tab-buttons .tab-btn {
    padding: 5px 20px;
    gap: 10px;
    font-size: 14px;
    border: 0;
    border: 1px solid var(--insuba-border-color, #dddddd);
  }
}
.contact-two .contact__tab-content {
  padding: 0;
  background-color: transparent;
  border-radius: 0;
}
.contact-two .contact__form {
  max-width: 500px;
}
.contact-two .contact__form__group {
  grid-gap: 19px;
}
.contact-two .contact__form__insurance-progress {
  margin-top: 3px;
}
.contact-two .contact__form__insurance-balance {
  color: var(--insuba-base, #0365d3);
}
.contact-two .contact__form button[type=submit] {
  margin-top: 15px;
  padding: 10.5px 25px;
  width: 100%;
  display: block;
}
.contact-two .contact__form .bootstrap-select > .dropdown-toggle {
  height: 55px;
  line-height: 55px;
}
.contact-two .contact__form .bootstrap-select .dropdown-menu > li > a {
  background-color: var(--insuba-white, #ffffff);
}
.contact-two .contact__form .bootstrap-select .dropdown-menu > li:hover > a,
.contact-two .contact__form .bootstrap-select .dropdown-menu > li.selected > a {
  background-color: var(--insuba-base, #0365d3);
  color: var(--insuba-white, #ffffff);
  border-color: var(--insuba-base, #0365d3);
}
.contact-two .contact__form input[type=text],
.contact-two .contact__form input[type=email],
.contact-two .contact__form input[type=password],
.contact-two .contact__form input[type=tel],
.contact-two .contact__form textarea {
  height: 55px;
}
.contact-two__shape {
  position: relative;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  overflow: hidden;
}
.contact-two__shape__one {
  max-width: 100%;
  height: auto;
  position: absolute;
  right: 0;
  bottom: 147px;
  animation: moveHorizontal 4s ease infinite;
}
@media (max-width: 1599px) {
  .contact-two__shape__one {
    max-width: 250px;
    right: -70px;
  }
}
@media (max-width: 1399px) {
  .contact-two__shape__one {
    display: none;
  }
}
.contact-two__shape__two {
  max-width: 100%;
  height: auto;
  position: absolute;
  top: 0;
  right: 0;
  animation: zump 2s linear infinite;
}
.contact-two--home-4 {
  padding-top: var(--section-space, 120px);
  background-color: var(--insuba-white, #ffffff);
}
@media (max-width: 767px) {
  .contact-two--home-4 {
    padding-top: 100px;
  }
}
@media (max-width: 575px) {
  .contact-two--home-4 {
    padding-top: 80px;
  }
}
.contact-two--home-4 .sec-title {
  padding-right: 60px;
}
@media (max-width: 1199px) {
  .contact-two--home-4 .sec-title {
    padding-right: 0;
  }
}
.contact-two--home-4 .contact-two__image {
  width: auto;
  position: relative;
  position: absolute;
  top: -28px;
  right: -111px;
  left: auto;
  bottom: auto;
}
@media (max-width: 1599px) {
  .contact-two--home-4 .contact-two__image {
    top: 0;
    right: -80px;
  }
}
@media (max-width: 1399px) {
  .contact-two--home-4 .contact-two__image {
    right: -30px;
  }
}
@media (max-width: 1299px) {
  .contact-two--home-4 .contact-two__image {
    right: 10px;
  }
}
@media (max-width: 1199px) {
  .contact-two--home-4 .contact-two__image {
    display: table;
    margin-bottom: 60px;
    position: relative;
    top: auto;
    right: auto;
  }
}
.contact-two--home-4 .contact-two__image__one {
  position: relative;
  max-width: 100%;
  height: auto;
  z-index: 1;
}
@media (max-width: 1599px) {
  .contact-two--home-4 .contact-two__image__one {
    max-width: 620px;
  }
}
@media (max-width: 1399px) {
  .contact-two--home-4 .contact-two__image__one {
    max-width: 560px;
  }
}
@media (max-width: 1299px) {
  .contact-two--home-4 .contact-two__image__one {
    max-width: 530px;
  }
}
@media (max-width: 1199px) {
  .contact-two--home-4 .contact-two__image__one {
    max-width: 100%;
  }
}
.contact-two--home-4 .contact-two__image__sahpe {
  position: absolute;
  right: 0;
  bottom: 117px;
  animation: zumpBottom 2s linear infinite;
}
@media (max-width: 575px) {
  .contact-two--home-4 .contact-two__image__sahpe {
    display: none;
  }
}
.contact-two--home-4 .contact-two__call {
  margin: 0;
  position: absolute;
  right: 56px;
  bottom: -7px;
  width: 87px;
  height: 87px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--insuba-base, #0365d3);
  border-radius: 50%;
  border: 4px solid var(--insuba-white, #ffffff);
  font-size: 35px;
  color: var(--insuba-white, #ffffff);
  z-index: 2;
}
.contact-two--home-4 .contact-two__call svg {
  width: 1em;
  height: 1em;
  fill: currentColor;
}
@media (max-width: 1799px) {
  .contact-two--home-4 .contact-two__call {
    right: 80px;
    bottom: -20px;
  }
}
@media (max-width: 1199px) {
  .contact-two--home-4 .contact-two__call {
    bottom: -30px;
  }
}
@media (max-width: 767px) {
  .contact-two--home-4 .contact-two__call {
    right: 50px;
  }
}
@media (max-width: 500px) {
  .contact-two--home-4 .contact-two__call {
    right: 30px;
  }
}
.contact-two--home-4 .contact-two__shape-one {
  max-width: 100%;
  height: auto;
  position: absolute;
  right: 68px;
  bottom: 119px;
  animation: zump 2s linear infinite;
}
@media (max-width: 1799px) {
  .contact-two--home-4 .contact-two__shape-one {
    right: 25px;
    bottom: 60px;
  }
}
@media (max-width: 1599px) {
  .contact-two--home-4 .contact-two__shape-one {
    display: none;
  }
}

/*--------------------------------------------------------------
# Error 404
--------------------------------------------------------------*/
.error-404 {
  background-color: var(--insuba-white, #ffffff);
}
.error-404__content {
  text-align: center;
}
.error-404__image {
  margin-bottom: 37px;
  max-width: 100%;
  height: auto;
  animation: moveHorizontal2 2s linear infinite;
}
.error-404__title {
  margin-bottom: 11px;
  font-size: 30px;
  font-weight: 700;
  color: var(--insuba-black7, #051d1f);
  text-transform: uppercase;
  line-height: 1.5;
}
@media (max-width: 375px) {
  .error-404__title {
    font-size: 28px;
  }
}
.error-404__text {
  margin-bottom: 21px;
}
.error-404__search {
  position: relative;
  margin: 0 auto 30px;
  width: 100%;
  max-width: 540px;
}
.error-404__search input[type=text] {
  border: none;
  outline: none;
  display: block;
  background-color: var(--insuba-white2, #ecf2f2);
  font-family: var(--insuba-font, "Roboto", sans-serif);
  color: var(--insuba-text, #636363);
  font-size: 16px;
  padding-left: 32px;
  width: 100%;
  height: 53px;
  border-radius: 27px;
  border: 1px solid transparent;
  transition: all 500ms ease;
}
.error-404__search input[type=text]:focus {
  color: var(--insuba-black, #122f2a);
  border-color: var(--insuba-base, #0365d3);
}
@media (max-width: 390px) {
  .error-404__search input[type=text] {
    padding-left: 25px;
  }
}
@media only screen and (min-width: 1024px) {
  .owl-carousel .owl-stage-outer{
    height: auto;
  }
}
.error-404__search__btn {
  border: none;
  outline: none;
  background-color: transparent;
  position: absolute;
  top: 50%;
  right: 32px;
  transform: translateY(-50%);
  font-size: 20px;
  color: var(--insuba-text, #636363);
  transition: all 500ms ease;
}
.error-404__search__btn svg {
  width: 1em;
  height: 1em;
  fill: currentColor;
}
.error-404__search__btn:hover {
  color: var(--insuba-base, #0365d3);
}
@media (max-width: 390px) {
  .error-404__search__btn {
    right: 25px;
  }
}
.error-404__btn {
  padding: 12px 39px;
}

/*--------------------------------------------------------------
# Boxed Home
--------------------------------------------------------------*/
body.boxed-wrapper {
  position: relative;
}
body.boxed-wrapper .page-wrapper {
  max-width: 1530px;
  margin-left: auto;
  margin-right: auto;
  background-color: var(--insuba-white, #ffffff);
  box-shadow: 0px 0px 100px 0px rgba(var(--insuba-black-rgb, 18, 47, 42), 0.08);
}
@media (min-width: 1860px) {
  body.boxed-wrapper .header::before {
    width: 317px;
  }
}
@media (min-width: 1860px) {
  body.boxed-wrapper .topbar__bg {
    width: calc(100% - 300px);
  }
}
body.boxed-wrapper .main-header__inner::before {
  border-radius: 0;
}
@media (min-width: 1600px) {
  body.boxed-wrapper .main-slider-one__image-right {
    width: 750px;
  }
  body.boxed-wrapper .main-slider-one__image-right::before {
    transform: rotate(-9deg) skewY(13deg);
  }
}
@media (min-width: 1600px) {
  body.boxed-wrapper .main-slider-one__carousel.owl-carousel .owl-dots {
    left: 30px;
  }
}
@media (min-width: 1600px) {
  body.boxed-wrapper .about-one__shape {
    max-width: 130px;
    right: 30px;
  }
}
@media (min-width: 1600px) {
  body.boxed-wrapper .faq-one__image__two {
    right: -150px;
  }
}
@media (min-width: 1600px) {
  body.boxed-wrapper .faq-one__image__shape {
    right: 0;
  }
}
/*# sourceMappingURL=insuba.css.map */


.blink {
  animation: blinker 1s linear infinite;
  color: yellow!important;
}

/* Define the keyframes for blinking */
@keyframes blinker {
  50% {
    opacity: 0;
  }
}
.pt-2{
  padding-top: 20px!important;
}

.about-four__image__two-1 {
  display: table;
  position: relative;
  position: absolute;
  right: 0;
  bottom: 0;
  z-index: 2;
  padding-top: 40px;
}

.about-four__image__two-1 img {
  max-width: 100%;
  height: auto;
  border-radius: 4px;
  top: 24px;
  position: relative;
}

.service-card-owl{
  height: auto!important;
}



.scrolling {
  height: 300px; 
  overflow: hidden;
  position: relative;
}

.scrolling ul {
  position: absolute;
  top: 100%;
  animation: scroll-up 10s linear infinite;
}

@keyframes scroll-up {
  0% {
    top: 100%;
  }
  100% {
    top: -100%; 
  }
} 


 #scroll {
    position: fixed;
    right: 5px;
    bottom: 100px;
    cursor: pointer;
    width: 100px;
    height: 100px;
    display: none;
    -webkit-border-radius: 60px;
    -moz-border-radius: 60px;
    border-radius: 60px;
    z-index: 1024;
}
#scroll:before {
    content: "\f232";
    color: #fff;
    font-family: "Font Awesome 5 Brands";
    position: absolute;
    top: 20%;
    left: 24%;
    font-size: 30px;
    line-height: 1;
}

 .icon-barss {
  position: fixed;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  z-index: 9999;
  right: 0;
}
.icon-bars {
    position: fixed;
  top: 20%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
.icon-barss a {
  display: block;
  text-align: center;
  padding: 16px;
  transition: all 0.3s ease;
  color: white;
  font-size: 20px;
  
}



.facebook {
  background: #3B5998;
  color: white;
}

.twitter {
  background: #55ACEE;
  color: white;
}

.google {
  background:#25D366;
  color: white;
}

.linkedin {
  background:#ee2a7b;
  color: white;
}

.whatapp {
  background: #bb0000;
  color: white;
}
.youtube {
  background: #bb0000;
  color: white;
}

.team-card-two-new {
  position: relative;
  overflow: hidden;
}
.team-card-two__image-new {
  width: 100%;
  position: relative;
  top: 0;
  left: 0;
  border-radius: 20px 20px 0px 0px!important;
  overflow: hidden;
  transition: all 500ms ease;
  z-index: 1;
}
.team-card-two__image-new img{
background-color: whitesmoke;
padding: 10px;
height: 150px;
}

/* Style for the dropdown container */
.my-dropdown {
  position: relative;
  display: inline-block;
}

/* Style for the dropdown trigger link */
.my-dropdown > a {
  text-decoration: none;
  color: #333;
  padding: 10px 15px;
  background-color: #f8f9fa;
  border-radius: 5px;
  transition: background-color 0.3s ease;
}

/* Hover effect for the dropdown trigger */
.my-dropdown > a:hover {
  color: #fff;
}

/* Style for the dropdown menu */
.my-dropdown ul {
  display: none;
  position: absolute;
  background-color: #fff;
  box-shadow: 0 8px 16px rgba(0, 0, 0, 0.1);
  list-style-type: none;
  padding: 10px 0;
  margin: 0;
  min-width: 200px;
  border-radius: 5px;
  z-index: 1000;
}

/* Style for each dropdown item */
.my-dropdown ul li {
  padding: 0;
  text-decoration: none;
}

/* Style for each dropdown item link */
.my-dropdown ul li a {
  text-decoration: none;
  color: #333;
  padding: 10px 20px;
  display: block;
  transition: background-color 0.3s ease, color 0.3s ease;
}

/* Hover effect for the dropdown items */
.my-dropdown ul li a:hover {
  background-color: var(--insuba-base, #0365d3);
  color: #fff;
  min-width: 200px;
}

/* Show the dropdown menu on hover */
.my-dropdown:hover ul {
  display: block;
}

/* Optional: Smooth dropdown transition */
.my-dropdown ul {
  opacity: 0;
  visibility: hidden;
  transform: translateY(10px);
  transition: opacity 0.3s ease, transform 0.3s ease, visibility 0.3s;
  top: 35px;
}

.my-dropdown:hover ul {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}