/*--------------------------------------------------------------
>>> 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: #013580;
  --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: #F5F8FC;
  --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: #122f2a;
  --insuba-black-rgb: 18, 47, 42;
  --insuba-black2: #333333;
  --insuba-black2-rgb: 51, 51, 51;
  --insuba-black3: #023681;
  --insuba-black3-rgb: 25, 35, 43;
  --insuba-black4: #013580;
  --insuba-black4-rgb: 15, 53, 100;
  --insuba-black5: #023681;
  --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: #0f3260;
  --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: #264772;
  --insuba-black12-rgb: 38, 71, 114;
  --insuba-black13: #123866;
  --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: #0759b4;
  --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: 120px;
  --section-space2: 116px;
} */


:root {

  /* -----------------------------------------------------
       FONTS
    ----------------------------------------------------- */

  --insuba-font: "Roboto", sans-serif;
  --insuba-font2: "Rubik", sans-serif;
  --insuba-heading-font: "Poppins", sans-serif;
  --insuba-special-font: "Homemade Apple", cursive;


  /* -----------------------------------------------------
       FREE FOODS PRIMARY BRAND
    ----------------------------------------------------- */

  --insuba-base: #023681;
  --insuba-base-rgb: 2, 54, 129;

  --insuba-blue2: #023681;
  --insuba-blue2-rgb: 6, 71, 155;

  --insuba-blue: #6F97BD;
  --insuba-blue-rgb: 111, 151, 189;


  /* Soft Section Background */
  --section-bg: #F5F8FC;

  /* Premium Soft Blue Gradient */
  --section-gradient:
    linear-gradient(135deg,
      #F8FAFD 0%,
      #F3F7FC 45%,
      #EAF2FA 100%);
  /* -----------------------------------------------------
       DARK BRAND COLORS
    ----------------------------------------------------- */

  --insuba-black: #173A42;
  --insuba-black-rgb: 23, 58, 66;

  --insuba-black2: #263A40;
  --insuba-black2-rgb: 38, 58, 64;

  --insuba-black3: #023681;
  --insuba-black3-rgb: 18, 54, 90;

  --insuba-black4: #023681;
  --insuba-black4-rgb: 18, 54, 90;

  --insuba-black5: #173A42;
  --insuba-black5-rgb: 23, 58, 66;

  --insuba-black6: #263A40;
  --insuba-black6-rgb: 38, 58, 64;

  --insuba-black7: #173A42;
  --insuba-black7-rgb: 23, 58, 66;

  --insuba-black8: #203A42;
  --insuba-black8-rgb: 32, 58, 66;

  --insuba-black9: #1D4668;
  --insuba-black9-rgb: 29, 70, 104;

  --insuba-black10: #111A1E;
  --insuba-black10-rgb: 17, 26, 30;

  --insuba-black11: #182428;
  --insuba-black11-rgb: 24, 36, 40;

  --insuba-black12: #355875;
  --insuba-black12-rgb: 53, 88, 117;

  --insuba-black13: #234A69;
  --insuba-black13-rgb: 35, 74, 105;

  --insuba-black14: #151D20;
  --insuba-black14-rgb: 21, 29, 32;


  /* -----------------------------------------------------
       TEXT
    ----------------------------------------------------- */

  --insuba-text: #5F6B70;
  --insuba-text-rgb: 95, 107, 112;

  --insuba-text-gray: #6D797E;
  --insuba-text-gray-rgb: 109, 121, 126;


  /* -----------------------------------------------------
       GRAYS
    ----------------------------------------------------- */

  --insuba-gray: #D9E2E5;
  --insuba-gray-rgb: 217, 226, 229;

  --insuba-gray2: #AEBBC1;
  --insuba-gray2-rgb: 174, 187, 193;

  --insuba-gray3: #E9EFF1;
  --insuba-gray3-rgb: 233, 239, 241;

  --insuba-gray4: #DCE5E8;
  --insuba-gray4-rgb: 220, 229, 232;

  --insuba-gray5: #C9D5D9;
  --insuba-gray5-rgb: 201, 213, 217;

  --insuba-gray6: #66849E;
  --insuba-gray6-rgb: 102, 132, 158;

  --insuba-gray7: #E7EEEE;
  --insuba-gray7-rgb: 231, 238, 238;


  /* -----------------------------------------------------
       WHITE / SOFT BACKGROUNDS
    ----------------------------------------------------- */

  --insuba-white: #FFFFFF;
  --insuba-white-rgb: 255, 255, 255;

  --insuba-white2: #F4F8F8;
  --insuba-white2-rgb: 244, 248, 248;

  --insuba-white3: #F8FAFD;
  --insuba-white3-rgb: 240, 245, 245;

  --insuba-white4: #E5ECEE;
  --insuba-white4-rgb: 229, 236, 238;

  --insuba-white5: #F8FAFD;
  --insuba-white5-rgb: 240, 245, 245;

  --insuba-white6: #E8F0F7;
  --insuba-white6-rgb: 232, 240, 247;

  --insuba-white7: #FAFCFC;
  --insuba-white7-rgb: 250, 252, 252;

  --insuba-white8: #F3F7F8;
  --insuba-white8-rgb: 243, 247, 248;

  --insuba-white9: #F8FAFD;
  --insuba-white9-rgb: 240, 245, 245;


  /* -----------------------------------------------------
       BORDER
    ----------------------------------------------------- */

  --insuba-border-color: #D9E2E5;
  --insuba-border-color-rgb: 217, 226, 229;


  /* -----------------------------------------------------
       LEGACY TEMPLATE VARIABLES
       Kept for compatibility — NO YELLOW / GOLD
    ----------------------------------------------------- */

  --insuba-yellow: #023681;
  --insuba-yellow-rgb: 2, 54, 129;


  /* -----------------------------------------------------
       SPACING
    ----------------------------------------------------- */

  --insuba-letter-space: 0.05em;
  --insuba-letter-space-xl: 0.14em;

  --section-space: 120px;
  --section-space2: 116px;
}

/*--------------------------------------------------------------
# Utility
--------------------------------------------------------------*/
.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, #636363);
  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: var(--insuba-black, #122f2a);
}

@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: 150px;
}

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

.logo-retina img {
  width: 140px;
  height: auto;
  display: block;
  border-radius: 7px;
  border-radius: 20px;
}

/* 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: var(--insuba-black3, #19232b);
  font-family: var(--insuba-font, "Roboto", sans-serif);
  font-size: 16px;
  color: var(--insuba-white, #ffffff);
  font-weight: 500;
  border-radius: 100px;
  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: var(--insuba-base, #0365d3);
  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;
  background-color: var(--insuba-base, #0365d3);
  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-black3, #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: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-black3, #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: 30px;
}

.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: 14px;
  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";
}

/* =========================================================
   FREE FOODS - PREMIUM PRELOADER
   ========================================================= */

.preloader {
    position: fixed;
    inset: 0;
    width: 100%;
    height: 100%;
    z-index: 99991;

    display: flex;
    align-items: center;
    justify-content: center;

    background: #ffffff;

    overflow: hidden;

    -webkit-transition:
        opacity 0.6s ease,
        visibility 0.6s ease;

    transition:
        opacity 0.6s ease,
        visibility 0.6s ease;
}


/* ---------------------------------------------------------
   Inner
   --------------------------------------------------------- */

.preloader__inner {
    position: relative;

    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;

    width: 180px;
    min-height: 180px;

    text-align: center;
}


/* ---------------------------------------------------------
   Logo
   --------------------------------------------------------- */

.preloader__logo {
    position: relative;
    z-index: 2;

    width: 110px;
    height: 110px;

    display: flex;
    align-items: center;
    justify-content: center;

    animation: preloaderLogo 1.8s ease-in-out infinite;
}

.preloader__logo img {
    display: block;

    width: auto;
    max-width: 100px;
    max-height: 100px;

    object-fit: contain;
}


/* ---------------------------------------------------------
   Loader Ring
   --------------------------------------------------------- */

.preloader__loader {
    position: absolute;

    top: 50%;
    left: 50%;

    width: 142px;
    height: 142px;

    transform: translate(-50%, -50%);

    border: 1px solid rgba(3, 55, 129, 0.12);

    border-radius: 50%;
}


/* Animated ring */

.preloader__loader::before {
    content: "";

    position: absolute;

    inset: -1px;

    border-radius: 50%;

    border: 2px solid transparent;

    border-top-color: #033781;
    border-right-color: #033781;

    animation: preloaderSpin 1.3s linear infinite;
}


/* Small accent dot */

.preloader__loader::after {
    content: "";

    position: absolute;

    width: 6px;
    height: 6px;

    top: 7px;
    left: 50%;

    margin-left: -3px;

    background: #033781;

    border-radius: 50%;

    box-shadow: 0 0 0 5px rgba(3, 55, 129, 0.08);

    animation: preloaderDot 1.3s linear infinite;
}


/* ---------------------------------------------------------
   Text
   --------------------------------------------------------- */

.preloader__text {
    position: absolute;

    top: calc(100% + 18px);

    left: 0;

    width: 100%;

    text-align: center;
}

.preloader__text span {
    display: inline-block;

    font-family: Arial, sans-serif;

    font-size: 11px;
    font-weight: 600;

    letter-spacing: 3px;

    text-transform: uppercase;

    color: #033781;

    opacity: 0.75;
}


/* ---------------------------------------------------------
   Animations
   --------------------------------------------------------- */

@keyframes preloaderLogo {

    0% {
        transform: scale(0.94);
        opacity: 0.75;
    }

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

    100% {
        transform: scale(0.94);
        opacity: 0.75;
    }
}


@keyframes preloaderSpin {

    0% {
        transform: rotate(0deg);
    }

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


@keyframes preloaderDot {

    0% {
        transform: rotate(0deg);
    }

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


/* ---------------------------------------------------------
   Responsive
   --------------------------------------------------------- */

@media (max-width: 575px) {

    .preloader__inner {
        width: 150px;
        min-height: 150px;
    }

    .preloader__logo {
        width: 90px;
        height: 90px;
    }

    .preloader__logo img {
        max-width: 82px;
        max-height: 82px;
    }

    .preloader__loader {
        width: 120px;
        height: 120px;
    }

    .preloader__text {
        top: calc(100% + 15px);
    }

    .preloader__text span {
        font-size: 10px;
        letter-spacing: 2.5px;
    }
}

/* 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: 60px;
}

.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: var(--insuba-white, #ffffff);
  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: 110px;
  --bs-gutter-y: 82px;
}

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

/* =========================================================
   PRODUCT IMAGE
   ========================================================= */

.blog-card__image__inner {
  position: relative;
  overflow: hidden;
}


.blog-card__image__inner img {

  width: 100%;
  height: 100%;

  min-height: 220px;

  display: block;

  object-fit: cover;
  object-position: center center;

  border-radius: inherit;

  transform: scale(1.08);

  transition:
    transform 700ms cubic-bezier(.2, .7, .2, 1);
}


/* =========================================================
   HOVER
   ========================================================= */

.blog-card:hover .blog-card__image__inner img {
  transform: scale(1.14);
}


/* =========================================================
   IMAGE OVERLAY
   ========================================================= */

.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.45);

  position: absolute;

  top: 0;
  left: 0;

  opacity: 0;

  transform: translateY(-20%);

  z-index: 2;

  border-radius: inherit;

  transition:
    opacity 500ms ease,
    transform 500ms ease;
}


.blog-card:hover .blog-card__image__link {

  opacity: 1;

  transform: translateY(0);
}


/* =========================================================
   PLUS ICON
   ========================================================= */

.blog-card__image__link::before,
.blog-card__image__link::after {

  content: "";

  width: 28px;
  height: 2px;

  background-color: #FFFFFF;

  display: block;

  position: absolute;

  top: 50%;
  left: 50%;

  transform:
    translate(-50%, -50%);

  transition:
    transform 300ms ease;
}


.blog-card__image__link::after {

  transform:
    translate(-50%, -50%) rotate(90deg);
}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 767px) {

  .blog-card__image__inner img {

    min-height: 240px;

    transform: scale(1.06);
  }

}


/* =========================================================
   SMALL MOBILE
   ========================================================= */

@media (max-width: 575px) {

  .blog-card__image__inner img {

    min-height: 210px;

    transform: scale(1.05);
  }

}

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

@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: 22px;
  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: 50px;
}

.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: column;
  }
}

.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: -4px;
  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: 120px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  background-color: var(--insuba-white5, #F8FAFD);
  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: var(--insuba-black4, #0f3564);
  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: 12.5px;
  padding-bottom: 12.5px;
}

@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: 16px;
  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;
  color: #fff;
}

.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: var(--insuba-base, #0365d3);
  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: calc(100% + 71px);
  height: 100%;
  border-radius: 100px 0 0 100px;
  background-color: var(--insuba-white, #ffffff);
}

@media (max-width: 1199px) {
  .main-header__inner::before {
    display: none;
  }
}

/* =========================================
   Free Foods - Responsive Header Logo
   ========================================= */

/* =========================================
   FREE FOODS - HEADER LOGO
   Professional Responsive Sizing
   ========================================= */

/* =========================================
   FREE FOODS - HEADER LOGO
   Professional Responsive Sizing
   ========================================= */

.main-header__logo {
  display: flex;
  align-items: center;
  justify-content: flex-start;

  flex: 0 0 auto;

  width: 100px;
  max-width: 100px;

  height: 100%;

  margin-left: 30px;
  padding: 12px 0;


  box-sizing: border-box;
}

.main-header__logo a {
  display: flex;
  align-items: center;
  justify-content: flex-start;

  width: 100%;
  height: 100%;

  line-height: 0;
}

.main-header__logo img {
  display: block;

  width: 100px;
  max-width: 100px;

  height: auto;
  max-height: 100%;

  object-fit: contain;
}


/* =========================================
   Large Desktop
   1400px+
   ========================================= */

@media (min-width: 1400px) {

  .main-header__logo {
    width: 115px;
    max-width: 115px;
    padding: 12px 0;
  }

  .main-header__logo img {
    width: 110px;
    max-width: 110px;
  }

}


/* =========================================
   Desktop
   1200px - 1399px
   ========================================= */

@media (min-width: 1200px) and (max-width: 1399px) {

  .main-header__logo {
    width: 130px;
    max-width: 130px;
    padding: 12px 0;
  }

  .main-header__logo img {
    width: 120px;
    max-width: 120px;
  }

}


/* =========================================
   Tablet / Small Desktop
   992px - 1199px
   ========================================= */

@media (min-width: 992px) and (max-width: 1199px) {

  .main-header__logo {
    width: 120px;
    max-width: 120px;
    padding: 10px 0;
  }

  .main-header__logo img {
    width: 112px;
    max-width: 112px;
  }

}


/* =========================================
   Tablet
   768px - 991px
   ========================================= */

@media (min-width: 768px) and (max-width: 991px) {

  .main-header__logo {
    width: 115px;
    max-width: 115px;
    padding: 10px 0;
  }

  .main-header__logo img {
    width: 105px;
    max-width: 105px;
  }

}


/* =========================================
   Mobile
   576px - 767px
   ========================================= */

@media (min-width: 576px) and (max-width: 767px) {

  .main-header__logo {
    width: 105px;
    max-width: 105px;
    padding: 8px 0;
  }

  .main-header__logo img {
    width: 98px;
    max-width: 98px;
  }

}


/* =========================================
   Small Mobile
   431px - 575px
   ========================================= */

@media (min-width: 431px) and (max-width: 575px) {

  .main-header__logo {
    width: 100px;
    max-width: 100px;
    padding: 8px 0;
  }

  .main-header__logo img {
    width: 92px;
    max-width: 92px;
  }

}


/* =========================================
   Very Small Mobile
   430px and below
   ========================================= */

@media (max-width: 430px) {

  .main-header__logo {
    width: 92px;
    max-width: 92px;

    margin: 0;
    padding: 7px 0;
  }

  .main-header__logo img {
    width: 85px;
    max-width: 85px;
  }

}

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

.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: 32px;
  }
}

@media (min-width: 1200px) and (max-width: 1299px) {
  .main-header--three .main-menu .main-menu__list>li+li {
    margin-left: 35px;
  }
}

.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: var(--insuba-black, #122f2a);
}

.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: 41px;
}

@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: 17px;
  display: flex;
  align-items: center;
  color: var(--insuba-black2, #333333);
  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: var(--insuba-base, #0365d3);
  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: "\f078";

  position: absolute;
  top: 50%;
  right: 0;

  transform: translateY(-50%);

  font-family: "Font Awesome 5 Free";
  font-size: 9px;
  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, #0365d3);
}

.main-menu .main-menu__list__square {
  display: inline-block;
  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: 38px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}

.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: #fff;
}

.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
   Free Foods
   Primary Brand Color: #033781
========================================================= */
/* =========================================================
   PAGE HEADER
========================================================= */

/* =========================================================
   PAGE HEADER
========================================================= */

.page-header {
    position: relative;
    overflow: hidden;

    padding-top: 250px;
    padding-bottom: 100px;

    background: #ffffff;

    box-sizing: border-box;
}


/* =========================================================
   BACKGROUND IMAGE
========================================================= */

.page-header__bg {
    position: absolute;

    inset: 0;

    z-index: 0;

    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;

    /*
       Keep the original image clearly visible
       while maintaining a soft premium appearance.
    */
    opacity: 0.90;

    pointer-events: none;

    transform: scale(1.01);
}


/* =========================================================
   PREMIUM WHITE OVERLAY
   Light on the content side
   More transparent toward the image side
========================================================= */

.page-header::before {
    content: "";

    position: absolute;
    inset: 0;

    z-index: 1;

    pointer-events: none;

    background:
        linear-gradient(
            90deg,
            rgba(255, 255, 255, 0.84) 0%,
            rgba(255, 255, 255, 0.72) 20%,
            rgba(255, 255, 255, 0.52) 38%,
            rgba(255, 255, 255, 0.30) 58%,
            rgba(255, 255, 255, 0.38) 78%,
            rgba(255, 255, 255, 0.56) 100%
        );
}


/* =========================================================
   SOFT FREE FOODS BRAND TINT
========================================================= */

.page-header::after {
    content: "";

    position: absolute;
    inset: 0;

    z-index: 2;

    pointer-events: none;

    background:
        radial-gradient(
            circle at 18% 50%,
            rgba(3, 55, 129, 0.055) 0%,
            rgba(3, 55, 129, 0.025) 28%,
            rgba(3, 55, 129, 0) 58%
        ),
        linear-gradient(
            135deg,
            rgba(3, 55, 129, 0.055) 0%,
            rgba(3, 55, 129, 0.018) 35%,
            rgba(3, 55, 129, 0) 68%
        );
}


/* =========================================================
   CONTAINER
========================================================= */

.page-header .container {
    position: relative;

    z-index: 5;

    width: 100%;
}


/* =========================================================
   PAGE HEADER CONTENT
========================================================= */

.page-header__content {
    position: relative;

    z-index: 6;

    width: 100%;
}


/* =========================================================
   TITLE
========================================================= */

.page-header__title {
    position: relative;

    margin: 0 0 14px;

    font-size: 56px;
    line-height: 1.2;

    color: #123f73;

    font-weight: 700;

    text-transform: capitalize;

    letter-spacing: -0.5px;
}


/* =========================================================
   TITLE ACCENT
========================================================= */

.page-header__title::after {
    content: "";

    display: block;

    width: 48px;
    height: 3px;

    margin-top: 16px;

    border-radius: 10px;

    background: #033781;

    opacity: 0.95;
}


/* =========================================================
   BREADCRUMB
========================================================= */

.page-header .insuba-breadcrumb {
    margin: 0;
}


.page-header .insuba-breadcrumb li {
    display: inline-flex;

    align-items: center;
}


.page-header .insuba-breadcrumb a {
    color: #68747c;

    transition:
        color 0.3s ease,
        opacity 0.3s ease;
}


.page-header .insuba-breadcrumb a:hover {
    color: #033781;
}


.page-header .insuba-breadcrumb span {
    color: #033781;
}


/* =========================================================
   MAIN HEADER IMAGE
========================================================= */

.page-header__image {
    max-width: 100%;
    height: auto;

    position: absolute;

    right: 217px;
    bottom: -90px;

    z-index: 3;

    animation: moveHorizontal 2s linear infinite;
}


/* =========================================================
   IMAGE RESPONSIVE
========================================================= */

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

}


/* =========================================================
   LARGE TABLET
========================================================= */

@media (max-width: 1199px) {

    .page-header {
        padding-top: 210px;
        padding-bottom: 90px;
    }

    .page-header__title {
        font-size: 50px;
    }

    .page-header__image {
        display: none;
    }

}


/* =========================================================
   TABLET
========================================================= */

@media (max-width: 991px) {

    .page-header {
        padding-top: 180px;
        padding-bottom: 85px;
    }

    .page-header__title {
        font-size: 46px;
    }

}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 767px) {

    .page-header {
        padding-top: 145px;
        padding-bottom: 75px;
    }

    .page-header__title {
        font-size: 40px;

        margin-bottom: 12px;
    }

    .page-header__title::after {
        width: 42px;
        height: 3px;

        margin-top: 13px;
    }

    .page-header__bg {
        opacity: 0.72;
    }

    .page-header::before {
        background:
            linear-gradient(
                90deg,
                rgba(255, 255, 255, 0.84) 0%,
                rgba(255, 255, 255, 0.68) 50%,
                rgba(255, 255, 255, 0.58) 100%
            );
    }

}


/* =========================================================
   SMALL MOBILE
========================================================= */

@media (max-width: 575px) {

    .page-header {
        padding-top: 125px;
        padding-bottom: 65px;
    }

    .page-header__title {
        font-size: 35px;
    }

    .page-header__bg {
        opacity: 0.62;
    }

}


/* =========================================================
   VERY SMALL MOBILE
========================================================= */

@media (max-width: 390px) {

    .page-header {
        padding-top: 110px;
        padding-bottom: 60px;
    }

    .page-header__title {
        font-size: 30px;
    }

}
/* =========================================================
   LEFT DECORATIVE SHAPE
========================================================= */

.page-header__shape-one {
    max-width: 100%;
    height: auto;

    position: absolute;

    left: 73px;
    bottom: 0;

    z-index: 2;

    opacity: 0.8;

    animation: treeMove 6s ease infinite;
}


/* =========================================================
   LEFT SHAPE RESPONSIVE
========================================================= */

@media (max-width: 1799px) {

    .page-header__shape-one {
        max-width: 150px;
        left: 30px;
    }

}


@media (max-width: 767px) {

    .page-header__shape-one {
        max-width: 130px;

        left: 10px;

        opacity: 0.55;
    }

}


@media (max-width: 390px) {

    .page-header__shape-one {
        max-width: 110px;
        left: 5px;
    }

}


/* =========================================================
   CENTER DECORATIVE CIRCLE
========================================================= */

.page-header__shape-two {
    position: absolute;

    top: 82px;
    left: 50%;

    transform: translateX(-50%);

    width: 50px;
    height: 50px;

    z-index: 2;

    border: 6px solid rgba(3, 55, 129, 0.18);

    border-radius: 50%;

    animation: moveHorizontal 2s linear infinite;
}


/* Inner ring */

.page-header__shape-two::before {
    content: "";

    position: absolute;

    top: -17px;
    left: -27px;

    width: 45px;
    height: 45px;

    border: 2px solid rgba(3, 55, 129, 0.08);

    border-radius: 50%;
}


/* Small center dot */

.page-header__shape-two::after {
    content: "";

    position: absolute;

    top: 50%;
    left: 50%;

    width: 8px;
    height: 8px;

    transform: translate(-50%, -50%);

    border-radius: 50%;

    background: #033781;

    opacity: 0.18;
}


/* =========================================================
   CENTER CIRCLE RESPONSIVE
========================================================= */

@media (max-width: 575px) {

    .page-header__shape-two {
        display: none;
    }

}


/* =========================================================
   RIGHT SOFT SHAPE
========================================================= */

.page-header__shape-three {
    width: 320px;
    height: 345px;

    position: absolute;

    right: -50px;
    bottom: -148px;

    z-index: 2;

    border-radius: 48% 52% 0 0;

    background:
        linear-gradient(
            145deg,
            rgba(3, 55, 129, 0.10),
            rgba(3, 55, 129, 0.025)
        );

    opacity: 0.85;

    transform: rotate(4deg);

    pointer-events: none;
}


/* =========================================================
   RIGHT SHAPE DECORATIVE RING
========================================================= */

.page-header__shape-three::before {
    content: "";

    position: absolute;

    width: 180px;
    height: 180px;

    top: 50px;
    left: 40px;

    border: 1px solid rgba(3, 55, 129, 0.08);

    border-radius: 50%;
}


/* =========================================================
   RIGHT SHAPE RESPONSIVE
========================================================= */

@media (max-width: 767px) {

    .page-header__shape-three {
        width: 240px;
        height: 270px;

        right: -90px;
        bottom: -150px;

        opacity: 0.55;
    }

}


@media (max-width: 390px) {

    .page-header__shape-three {
        width: 210px;
        height: 240px;

        right: -95px;
        bottom: -155px;
    }

}


/* =========================================================
   RIGHT SOLID SHAPE
========================================================= */

.page-header__shape-four {
    width: 331px;
    height: 333px;

    position: absolute;

    right: -65px;
    bottom: -137px;

    z-index: 1;

    border-radius: 50% 0 0 0;

    background:
        linear-gradient(
            145deg,
            rgba(3, 55, 129, 0.035),
            rgba(3, 55, 129, 0.01)
        );

    pointer-events: none;
}


/* =========================================================
   SOFT BORDER DETAIL
========================================================= */

.page-header__shape-four::before {
    content: "";

    position: absolute;

    width: 220px;
    height: 220px;

    right: 45px;
    top: 55px;

    border: 1px solid rgba(3, 55, 129, 0.06);

    border-radius: 50%;
}


/* =========================================================
   RIGHT SOLID SHAPE RESPONSIVE
========================================================= */

@media (max-width: 767px) {

    .page-header__shape-four {
        width: 250px;
        height: 260px;

        right: -90px;
        bottom: -150px;

        opacity: 0.7;
    }

}


@media (max-width: 390px) {

    .page-header__shape-four {
        width: 220px;
        height: 230px;

        right: -100px;
        bottom: -155px;
    }

}


/* =========================================================
   ACCESSIBILITY
========================================================= */

@media (prefers-reduced-motion: reduce) {

    .page-header__image,
    .page-header__shape-one,
    .page-header__shape-two {
        animation: none !important;
    }

}


/* =========================================================
   OPTIONAL: VERY LIGHT MOBILE OVERLAY
========================================================= */

@media (max-width: 575px) {

    .page-header::before {
        background:
            linear-gradient(
                135deg,
                rgba(3, 55, 129, 0.045) 0%,
                rgba(255, 255, 255, 0) 75%
            );
    }

    .page-header::after {
        width: 280px;
        height: 280px;

        right: -150px;
        top: -160px;

        opacity: 0.65;
    }

}
.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: 110px;
  padding-bottom: 75px;
  position: relative;
  overflow: hidden;
}

.main-footer__bg {
  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;

  /* Free Foods Brand Blue */
  background-color: rgba(1, 52, 128, 0.94);
}

.main-footer .container {
  position: relative;
  z-index: 2;
}

.main-footer__bottom {
  text-align: center;

  /* Same blue as logo */
  background-color: #013480;
}

.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;
  margin-bottom: 37px;
}

.footer-widget__about {
  margin-bottom: 24px;
  padding-right: 52px;
  color: var(--insuba-white, #ffffff);
  font-weight: 400;
  line-height: 1.8125;
}

@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: #fff;
}

.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: #fff;
  text-decoration: underline;
}

.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: 280px;
  padding-bottom: 150px;
  overflow: hidden;
}

/* =========================================================
   FREE FOODS — HERO SLIDER BACKGROUND
   ========================================================= */

.main-slider-four__bg {
  position: absolute;
  inset: 0;

  z-index: 0;

  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;

  transform: scale(1);
  transition: transform 7000ms ease;
}


/* =========================================================
   FREE FOODS — PREMIUM HERO OVERLAY
   Soft navy overlay focused on the content area
   ========================================================= */

.main-slider-four__item::before {
  content: "";

  position: absolute;
  inset: 0;

  z-index: 1;
  pointer-events: none;

  background: linear-gradient(90deg,

      rgba(3, 45, 96, 0.72) 0%,
      rgba(3, 45, 96, 0.64) 18%,
      rgba(5, 57, 116, 0.50) 34%,
      rgba(8, 70, 135, 0.32) 50%,
      rgba(10, 80, 150, 0.16) 65%,
      rgba(10, 80, 150, 0.05) 78%,
      rgba(10, 80, 150, 0) 90%);
}


/* =========================================================
   CONTENT ABOVE OVERLAY
   ========================================================= */

.main-slider-four .container {
  position: relative;
  z-index: 3;
}


/* =========================================================
   HERO CONTENT
   ========================================================= */

.main-slider-four__content {
  position: relative;
  z-index: 3;
}


/* =========================================================
   TITLE
   ========================================================= */

.main-slider-four__title {
  position: relative;
  z-index: 3;
}


/* Remove old template circle around highlighted word */

.main-slider-four__title__text::after {
  display: none !important;
}


/* =========================================================
   DESCRIPTION
   ========================================================= */

.main-slider-four__description {
  position: relative;
  z-index: 3;
}


/* =========================================================
   BUTTONS
   ========================================================= */

.main-slider-four__button {
  position: relative;
  z-index: 3;
}


/* =========================================================
   INFORMATION CARD
   ========================================================= */

.main-slider-four__insurance {
  position: relative;
  z-index: 4;
}


/* =========================================================
   LARGE DESKTOP
   1400px+
   ========================================================= */

@media (min-width: 1400px) {

  .main-slider-four__item::before {

    background: linear-gradient(90deg,

        rgba(3, 45, 96, 0.68) 0%,
        rgba(3, 45, 96, 0.60) 18%,
        rgba(5, 57, 116, 0.46) 35%,
        rgba(8, 70, 135, 0.28) 51%,
        rgba(10, 80, 150, 0.13) 66%,
        rgba(10, 80, 150, 0.04) 80%,
        rgba(10, 80, 150, 0) 91%);

  }

}


/* =========================================================
   LAPTOP
   1200px – 1399px
   ========================================================= */

@media (max-width: 1399px) {

  .main-slider-four__item::before {

    background: linear-gradient(90deg,

        rgba(3, 45, 96, 0.72) 0%,
        rgba(3, 45, 96, 0.63) 20%,
        rgba(5, 57, 116, 0.49) 38%,
        rgba(8, 70, 135, 0.30) 54%,
        rgba(10, 80, 150, 0.12) 70%,
        rgba(10, 80, 150, 0.03) 84%,
        rgba(10, 80, 150, 0) 92%);

  }

}


/* =========================================================
   TABLET
   992px – 1199px
   ========================================================= */

@media (max-width: 1199px) {

  .main-slider-four__item::before {

    background: linear-gradient(90deg,

        rgba(3, 45, 96, 0.74) 0%,
        rgba(3, 45, 96, 0.66) 22%,
        rgba(5, 57, 116, 0.52) 42%,
        rgba(8, 70, 135, 0.32) 60%,
        rgba(10, 80, 150, 0.12) 76%,
        rgba(10, 80, 150, 0) 92%);

  }

}


/* =========================================================
   SMALL TABLET
   768px – 991px
   ========================================================= */

@media (max-width: 991px) {

  .main-slider-four__item::before {

    background: linear-gradient(90deg,

        rgba(3, 45, 96, 0.76) 0%,
        rgba(3, 45, 96, 0.67) 25%,
        rgba(5, 57, 116, 0.51) 46%,
        rgba(8, 70, 135, 0.30) 66%,
        rgba(10, 80, 150, 0.08) 84%,
        rgba(10, 80, 150, 0) 96%);

  }

}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 767px) {

  .main-slider-four__item::before {

    background: linear-gradient(180deg,

        rgba(3, 45, 96, 0.78) 0%,
        rgba(3, 45, 96, 0.68) 30%,
        rgba(3, 45, 96, 0.52) 55%,
        rgba(3, 45, 96, 0.28) 78%,
        rgba(3, 45, 96, 0.08) 100%);

  }

}


/* =========================================================
   SMALL MOBILE
   ========================================================= */

@media (max-width: 430px) {

  .main-slider-four__item::before {

    background: linear-gradient(180deg,

        rgba(3, 45, 96, 0.82) 0%,
        rgba(3, 45, 96, 0.70) 34%,
        rgba(3, 45, 96, 0.50) 60%,
        rgba(3, 45, 96, 0.24) 82%,
        rgba(3, 45, 96, 0.08) 100%);

  }

}

.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;
  position: absolute;
  right: 0;
  bottom: 0;
  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: 168px;
  padding-bottom: 213px;
  background-color: var(--insuba-white, #ffffff);
}

@media (max-width: 1599px) {
  .about-two {
    padding-top: 199px;
    padding-bottom: 182px;
  }
}

@media (max-width: 1399px) {
  .about-two {
    padding-top: 224px;
    padding-bottom: 157px;
  }
}

@media (max-width: 1199px) {
  .about-two {
    padding-top: 141px;
    padding-bottom: 124px;
  }
}

@media (max-width: 767px) {
  .about-two {
    padding-top: 120px;
    padding-bottom: 104px;
  }
}

@media (max-width: 575px) {
  .about-two {
    padding-top: 105px;
    padding-bottom: 84px;
  }
}

.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;
  -webkit-mask: url('data:image/svg+xml;utf8,<svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 900.000000 690.000000"><g transform="translate(0.000000,690.000000) scale(0.100000,-0.100000)" stroke="none"> <path d="M4325 6885 c-6 -10 -37 -19 -85 -25 -101 -12 -201 -28 -285 -46 -38 -8 -81 -14 -95 -14 -14 0 -61 -7 -105 -15 -44 -8 -124 -21 -177 -30 -111 -17 -253 -40 -378 -60 -47 -8 -130 -21 -185 -30 -143 -23 -255 -41 -370 -60 -55 -9 -143 -23 -195 -31 -52 -8 -133 -21 -180 -29 -47 -7 -128 -20 -180 -29 -249 -39 -296 -47 -570 -91 -102 -17 -244 -40 -377 -61 -54 -8 -123 -20 -153 -25 -30 -6 -84 -14 -120 -19 -36 -4 -92 -13 -125 -18 -33 -6 -105 -19 -160 -27 -55 -9 -140 -23 -190 -31 -49 -8 -127 -21 -171 -29 -45 -8 -94 -15 -108 -15 -15 0 -47 -5 -72 -11 l-44 -11 0 -2939 0 -2939 2194 0 c1982 0 2196 2 2210 16 15 14 16 327 16 3300 l0 3284 -43 0 c-27 0 -46 -6 -52 -15z"/> <path d="M4576 6564 c-15 -14 -16 -326 -16 -3290 l0 -3274 37 0 c35 0 68 5 216 31 34 6 91 15 127 19 36 5 90 13 120 19 30 5 99 17 153 26 234 37 385 61 560 89 53 9 140 23 192 31 52 8 139 22 192 31 54 9 136 22 183 29 47 8 130 21 185 30 55 9 125 20 155 26 30 6 84 14 120 19 36 4 92 13 125 18 33 6 105 18 160 27 55 9 143 23 195 31 52 9 133 22 180 29 47 8 129 21 183 29 53 9 141 23 195 32 178 29 352 57 555 89 133 21 363 58 535 86 l72 12 0 2939 0 2938 -2204 0 c-1991 0 -2206 -2 -2220 -16z"/> </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 690.000000"><g transform="translate(0.000000,690.000000) scale(0.100000,-0.100000)" stroke="none"> <path d="M4325 6885 c-6 -10 -37 -19 -85 -25 -101 -12 -201 -28 -285 -46 -38 -8 -81 -14 -95 -14 -14 0 -61 -7 -105 -15 -44 -8 -124 -21 -177 -30 -111 -17 -253 -40 -378 -60 -47 -8 -130 -21 -185 -30 -143 -23 -255 -41 -370 -60 -55 -9 -143 -23 -195 -31 -52 -8 -133 -21 -180 -29 -47 -7 -128 -20 -180 -29 -249 -39 -296 -47 -570 -91 -102 -17 -244 -40 -377 -61 -54 -8 -123 -20 -153 -25 -30 -6 -84 -14 -120 -19 -36 -4 -92 -13 -125 -18 -33 -6 -105 -19 -160 -27 -55 -9 -140 -23 -190 -31 -49 -8 -127 -21 -171 -29 -45 -8 -94 -15 -108 -15 -15 0 -47 -5 -72 -11 l-44 -11 0 -2939 0 -2939 2194 0 c1982 0 2196 2 2210 16 15 14 16 327 16 3300 l0 3284 -43 0 c-27 0 -46 -6 -52 -15z"/> <path d="M4576 6564 c-15 -14 -16 -326 -16 -3290 l0 -3274 37 0 c35 0 68 5 216 31 34 6 91 15 127 19 36 5 90 13 120 19 30 5 99 17 153 26 234 37 385 61 560 89 53 9 140 23 192 31 52 8 139 22 192 31 54 9 136 22 183 29 47 8 130 21 185 30 55 9 125 20 155 26 30 6 84 14 120 19 36 4 92 13 125 18 33 6 105 18 160 27 55 9 143 23 195 31 52 9 133 22 180 29 47 8 129 21 183 29 53 9 141 23 195 32 178 29 352 57 555 89 133 21 363 58 535 86 l72 12 0 2939 0 2938 -2204 0 c-1991 0 -2206 -2 -2220 -16z"/> </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: 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: #fff;
}

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

.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: 300px;
  height: auto;
  position: relative;
  top: 0px;
}

@media (min-width: 992px) and (max-width: 1199px) {
  .about-three__image__two img {
    max-width: 230px;
  
  }
}

@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 FREE FOODS
   ========================================================= */

.about-four {
  position: relative;
  background-color: var(--insuba-white, #ffffff);
  overflow: hidden;
}


/* =========================================================
   LEFT BACKGROUND PANEL
   ========================================================= */

.about-four__overlay {
  position: absolute;

  top: 0;
  left: 0;

  width: 650px;
  height: 560px;

  background-color: var(--insuba-white5,
      #F8FAFD);

  z-index: 0;
}


/* =========================================================
   CONTAINER
   ========================================================= */

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


/* =========================================================
   IMAGE AREA
   ========================================================= */

.about-four__image {
  position: relative;

  display: block;

  width: 100%;

  padding-left: 24px;

  box-sizing: border-box;
}


/* =========================================================
   IMAGE INNER
   ========================================================= */

.about-four__image__inner {
  position: relative;

  width: 100%;

  max-width: 650px;

  min-height: 550px;

  display: flex;
  align-items: flex-start;

  box-sizing: border-box;
}


/* =========================================================
   DECORATIVE BLUE FRAME
   ========================================================= */

.about-four__image__inner::before {
  content: "";

  position: absolute;

  top: -28px;
  left: -28px;

  width: 68%;
  height: 78%;

  border: 2px solid #023681;

  border-radius: 38px;

  opacity: 0.95;

  z-index: 0;

  animation: zumpBottom 2.5s linear infinite;
}


/* =========================================================
   MAIN IMAGE
   ========================================================= */

.about-four__image__one {
  position: relative;

  width: 100%;

  max-width: 650px;

  z-index: 1;
}


.about-four__image__one img {
  position: relative;

  display: block;

  width: 100%;

  height: 550px;

  max-width: 100%;

  object-fit: cover;

  object-position: center center;

  border-radius: 38px 38px 38px 0;

  z-index: 1;

  box-shadow:
    0 20px 50px rgba(18, 54, 90, 0.12);
}


/* =========================================================
   EXPERIENCE / YEARS BADGE
   ========================================================= */

.about-four__experience {
  position: absolute;

  left: -58px;
  bottom: 35px;

  z-index: 5;

  min-width: 250px;

  padding: 4px;

  background: #FFFFFF;

  border-radius: 18px;

  box-shadow:
    0 12px 35px rgba(18, 54, 90, 0.10);
}


.about-four__experience__inner {
  display: flex;
  align-items: center;

  min-height: 62px;

  padding: 0 22px;

  border: 1px dashed rgba(2, 54, 129, 0.65);

  border-radius: 14px;
}


.about-four__experience__title {
  position: relative;

  margin: 0;

  padding-left: 14px;

  color: #173A42;

  font-family: var(--insuba-heading-font,
      "Poppins",
      sans-serif);

  font-size: 18px;
  font-weight: 700;

  line-height: 1.2;

  white-space: nowrap;
}


.about-four__experience__title::before {
  content: "";

  position: absolute;

  left: 0;
  top: 50%;

  width: 3px;
  height: 28px;

  background-color: #023681;

  border-radius: 5px;

  transform: translateY(-50%);
}


/* =========================================================
   SECOND IMAGE
   ========================================================= */

.about-four__image__two {
  position: absolute;

  right: -5px;
  bottom: 0;

  display: block;

  width: 235px;

  border-top: 6px solid #FFFFFF;
  border-left: 6px solid #FFFFFF;

  border-radius: 34px 0 34px 0;

  overflow: hidden;

  z-index: 4;

  box-shadow:
    0 15px 35px rgba(18, 54, 90, 0.15);
}


.about-four__image__two img {
  display: block;

  width: 100%;
  height: 245px;

  object-fit: cover;
  object-position: center;

  border-radius: 28px 0 32px 0;
}


/* =========================================================
   VIDEO BUTTON
   ========================================================= */

.about-four__image__two .video-btn {
  position: absolute;

  top: 50%;
  left: 50%;

  width: 64px;
  height: 64px;

  display: flex;
  align-items: center;
  justify-content: center;

  color: #023681;

  background-color: #FFFFFF;

  border-radius: 50%;

  transform: translate(-50%, -50%);

  z-index: 3;

  box-shadow:
    0 8px 25px rgba(18, 54, 90, 0.15);

  transition:
    transform 300ms ease,
    box-shadow 300ms ease;
}


.about-four__image__two .video-btn:hover {
  transform:
    translate(-50%, -50%) scale(1.06);

  box-shadow:
    0 12px 30px rgba(18, 54, 90, 0.22);
}


/* =========================================================
   DECORATIVE SHAPE
   ========================================================= */

.about-four__image__shape {
  position: absolute;

  top: 120px;
  left: -100px;

  max-width: 100%;
  height: auto;

  z-index: 0;

  opacity: 0.65;

  animation: zump 2.5s linear infinite;
}


/* =========================================================
   CONTENT
   ========================================================= */

.about-four__content {
  position: relative;

  padding-left: 25px;
}


.about-four__content .sec-title {
  margin-bottom: 18px;
}


.about-four__content .sec-title__tagline {
  color: #FFFFFF;

  background-color: #023681;

  border-radius: 30px;
}


.about-four__content .sec-title__title {
  color: #173A42;

  font-family: var(--insuba-heading-font,
      "Poppins",
      sans-serif);

  font-weight: 600;

  line-height: 1.18;
}


/* =========================================================
   DESCRIPTION
   ========================================================= */

.about-four__description {
  max-width: 700px;

  margin-bottom: 25px;
}


.about-four__text {
  margin: 0;

  color: #6D797E;

  font-family: var(--insuba-font,
      "Roboto",
      sans-serif);

  font-size: 16px;

  line-height: 1.85;
}


/* =========================================================
   TABS
   ========================================================= */

.about-four__tab {
  margin-top: 20px;
}


.about-four__tab .tab-buttons {
  display: flex;

  width: 100%;

  margin: 0;
  padding: 0;

  background: var(--section-gradient);

  border-radius: 0;

  overflow: visible;
}


.about-four__tab .tab-btn {
  position: relative;

  flex: 1;

  min-height: 58px;

  display: flex;
  align-items: center;
  justify-content: center;

  margin: 0;

  padding: 0 18px;

  color: #173A42;

  background-color: transparent;

  border: none;

  font-family: var(--insuba-heading-font,
      "Poppins",
      sans-serif);

  font-size: 13.5px;
  font-weight: 700;

  line-height: 1.2;

  text-transform: uppercase;

  cursor: pointer;

  transition:
    color 300ms ease,
    background-color 300ms ease;
}




.about-four__tab .tab-btn.active-btn::after {
  content: "";

  position: absolute;

  left: 50%;
  bottom: -20px;

  width: 0;
  height: 0;

  border-left: 20px solid transparent;
  border-right: 20px solid transparent;
  border-top: 20px solid #023681;

  transform: translateX(-50%);

}

.about-four__tab .tab-btn.active-btn:hover {
  color: #fff !important;
}

/* =========================================================
   TAB CONTENT
   ========================================================= */

.about-four__tab .tabs-content {
  padding-top: 25px;
}


.about-four__list {
  margin: 0;
  padding: 0;

  list-style: none;
}


.about-four__list li {
  position: relative;

  display: flex;
  align-items: flex-start;

  gap: 13px;

  margin-bottom: 15px;

  color: #6D797E;

  font-family: var(--insuba-font,
      "Roboto",
      sans-serif);

  font-size: 14px;


  line-height: 1.7;
}


.about-four__list__icon {
  flex: 0 0 20px;

  width: 20px;
  height: 20px;

  display: flex;
  align-items: center;
  justify-content: center;

  margin-top: 2px;

  color: #023681;

  font-size: 11px;
}


/* =========================================================
   BUTTON
   ========================================================= */

.about-four__button {
  margin-top: 25px;
}


.about-four__button .insuba-btn {
  color: #FFFFFF;

  background-color: #023681;

  border-radius: 50px;

  transition:
    transform 300ms ease,
    background-color 300ms ease,
    box-shadow 300ms ease;
}


.about-four__button .insuba-btn:hover {
  color: #FFFFFF;

  background-color: #173A42;

  transform: translateY(-3px);

  box-shadow:
    0 12px 30px rgba(2, 54, 129, 0.18);
}




.about-four__button .insuba-btn:hover .insuba-btn__icon-box {
  background-color: #FFFFFF;
}


.about-four__button .insuba-btn:hover .insuba-btn__icon {
  color: #023681;
}


/* =========================================================
   LARGE DESKTOP
   ========================================================= */

@media (max-width: 1599px) {

  .about-four__overlay {
    width: 590px;
    height: 550px;
  }

  .about-four__image {
    padding-left: 30px;
  }

  .about-four__image__inner {
    min-height: 530px;
  }

  .about-four__image__one img {
    height: 530px;
  }

  .about-four__image__two {
    width: 220px;
  }

  .about-four__image__two img {
    height: 225px;
  }

  .about-four__experience {
    left: -45px;
  }
}


/* =========================================================
   LAPTOP
   ========================================================= */

@media (max-width: 1399px) {

  .about-four__overlay {
    width: 500px;
    height: 520px;
  }

  .about-four__image {
    padding-left: 30px;
  }

  .about-four__image__inner {
    min-height: 500px;
  }

  .about-four__image__one img {
    height: 500px;
  }

  .about-four__image__two {
    width: 205px;
  }

  .about-four__image__two img {
    height: 210px;
  }

  .about-four__experience {
    left: -35px;
    bottom: 30px;
    min-width: 225px;
  }

  .about-four__experience__title {
    font-size: 16px;
  }

  .about-four__content {
    padding-left: 10px;
  }

  .about-four__text {
    font-size: 14.5px;
  }
}


/* =========================================================
   TABLET / SMALL LAPTOP
   ========================================================= */

@media (max-width: 1199px) {

  .about-four__overlay {
    width: 470px;
    height: 500px;
  }

  .about-four__image {
    padding-left: 55px;
  }

  .about-four__image__inner {
    min-height: 470px;
  }

  .about-four__image__one img {
    height: 470px;
  }

  .about-four__image__two {
    width: 185px;
  }

  .about-four__image__two img {
    height: 190px;
  }

  .about-four__experience {
    left: -25px;
    min-width: 205px;
  }

  .about-four__experience__inner {
    min-height: 58px;
    padding: 0 18px;
  }

  .about-four__experience__title {
    font-size: 15px;
  }

  .about-four__content {
    padding-left: 0;
  }

  .about-four__tab .tab-btn {
    min-height: 58px;
    font-size: 13px;
  }
}


/* =========================================================
   TABLET
   ========================================================= */

@media (max-width: 991px) {

  .about-four__overlay {
    width: 100%;
    height: 520px;
  }

  .about-four__image {
    width: 88%;

    max-width: 650px;

    margin: 0 auto;

    padding-left: 35px;
  }

  .about-four__image__inner {
    min-height: 500px;
  }

  .about-four__image__one img {
    height: 500px;
  }

  .about-four__image__two {
    width: 205px;
  }

  .about-four__image__two img {
    height: 215px;
  }

  .about-four__experience {
    left: -20px;
    bottom: 28px;
  }

  .about-four__content {
    margin-top: 20px;

    padding-left: 0;
  }
}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 767px) {

  .about-four__overlay {
    height: 430px;
  }

  .about-four__image {
    width: calc(100% - 20px);

    padding-left: 22px;
  }

  .about-four__image__inner {
    min-height: 410px;
  }

  .about-four__image__inner::before {
    top: -18px;
    left: -18px;

    border-radius: 28px;
  }

  .about-four__image__one img {
    height: 410px;

    border-radius: 30px 30px 30px 0;
  }

  .about-four__image__two {
    width: 160px;

    border-top-width: 5px;
    border-left-width: 5px;

    border-radius: 25px 0 25px 0;
  }

  .about-four__image__two img {
    height: 165px;

    border-radius: 21px 0 23px 0;
  }

  .about-four__image__two .video-btn {
    width: 52px;
    height: 52px;
  }

  .about-four__experience {
    left: -12px;
    bottom: 20px;

    min-width: auto;
  }

  .about-four__experience__inner {
    min-height: 52px;

    padding: 0 15px;
  }

  .about-four__experience__title {
    font-size: 13px;
  }

  .about-four__experience__title::before {
    height: 23px;
  }

  .about-four__content {
    margin-top: 35px;
  }

  .about-four__content .sec-title__title {
    font-size: 30px;
  }

  .about-four__text {
    font-size: 14px;
  }

  .about-four__tab .tab-buttons {
    flex-wrap: wrap;
  }

  .about-four__tab .tab-btn {
    flex: 1 1 33.333%;

    min-height: 54px;

    padding: 0 8px;

    font-size: 11px;
  }

  .about-four__tab .tab-btn.active-btn::after {
    bottom: -14px;

    border-left-width: 14px;

    border-right-width: 14px;
    border-top-width: 14px;
  }
}


/* =========================================================
   SMALL MOBILE
   ========================================================= */

@media (max-width: 575px) {

  .about-four__overlay {
    display: none;
  }

  .about-four__image {
    width: calc(100% - 10px);

    padding-left: 15px;
  }

  .about-four__image__inner {
    min-height: 350px;
  }

  .about-four__image__inner::before {
    display: none;
  }

  .about-four__image__one img {
    height: 350px;

    border-radius: 24px 24px 24px 0;
  }

  .about-four__image__two {
    width: 135px;

    right: -5px;

    border-width: 4px;

    border-radius: 20px 0 20px 0;
  }

  .about-four__image__two img {
    height: 140px;

    border-radius: 17px 0 18px 0;
  }

  .about-four__image__two .video-btn {
    width: 46px;
    height: 46px;

    font-size: 14px;
  }

  .about-four__experience {
    left: -5px;
    bottom: 15px;
  }

  .about-four__experience__inner {
    min-height: 46px;

    padding: 0 12px;
  }

  .about-four__experience__title {
    font-size: 11px;
  }

  .about-four__experience__title::before {
    width: 2px;
    height: 20px;
  }

  .about-four__content {
    margin-top: 30px;
  }

  .about-four__content .sec-title__title {
    font-size: 27px;
    line-height: 1.2;
  }

  .about-four__description {
    margin-bottom: 20px;
  }

  .about-four__text {
    font-size: 13.5px;
    line-height: 1.75;
  }

  .about-four__tab .tab-btn {
    min-height: 50px;

    font-size: 9px;

    letter-spacing: 0;
  }

  .about-four__tab .tabs-content {
    padding-top: 21px;
  }

  .about-four__list li {
    gap: 9px;

    font-size: 13px;
  }
}


/* =========================================================
   VERY SMALL MOBILE
   ========================================================= */

@media (max-width: 430px) {

  .about-four__image {
    width: 100%;
    padding-left: 0;
  }

  .about-four__image__inner {
    min-height: 315px;
  }

  .about-four__image__one img {
    height: 315px;

    border-radius: 20px 20px 20px 0;
  }

  .about-four__image__two {
    width: 115px;

    right: 0;

    border-width: 3px;
  }

  .about-four__image__two img {
    height: 120px;
  }

  .about-four__image__two .video-btn {
    width: 40px;
    height: 40px;
  }

  .about-four__experience {
    left: 8px;
    bottom: 12px;
  }

  .about-four__experience__inner {
    min-height: 42px;

    padding: 0 10px;
  }

  .about-four__experience__title {
    font-size: 10px;
  }

  .about-four__content .sec-title__title {
    font-size: 24px;
  }

  .about-four__tab .tab-btn {
    min-height: 46px;

    font-size: 8px;
  }
}


/* =========================================================
   REDUCED MOTION
   ========================================================= */

@media (prefers-reduced-motion: reduce) {

  .about-four__image__inner::before,
  .about-four__image__shape {
    animation: none !important;
  }
}

.about-four .tabs-box .tab-buttons .tab-btn.active-btn {
  color: var(--insuba-white, #ffffff) !important;
  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+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: 370px;
  height: 352px;
  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: 109px 41px 60px;
  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;
  }
}

@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: 151px;
  background: var(--section-gradient);
}

@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: 20%;
  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;
  color: var(--insuba-base);
}

@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: 24px;
  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-base);
}

.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;
  color: var(--insuba-base);
}

.why-choose-one__insurance__text {
  margin: 0;
}
/* =========================================
   WHY CHOOSE ONE - INSURANCE IMAGE
========================================= */

.why-choose-one__insurance__image {
    position: absolute;
    display: block;

    right: 0;
    bottom: -1px;

    width: 300px;
    height: 220px;

    overflow: hidden;
    border-radius: 15px;
}

.why-choose-one__insurance__image img {
    display: block;

    width: 100%;
    height: 100%;

    max-width: none;
    object-fit: cover;
    object-position: center;

    border-radius: 15px;
}


/* Decorative blue shape */
.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;
}


/* =========================================
   INSURANCE IMAGE - MOBILE
========================================= */

@media (max-width: 575px) {

    .why-choose-one__insurance__image {
        position: relative;

        right: auto;
        bottom: auto;

        margin-top: 30px;

        width: 280px;
        height: 205px;
    }

}


/* =========================================
   WHY CHOOSE ONE LIST
========================================= */

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


/* =========================================
   MAIN WHY CHOOSE IMAGE
========================================= */

.why-choose-one__image {
    position: relative;

    margin-left: auto;

    display: block;

    width: 560px;
    height: 500px;

    overflow: hidden;

    border-radius: 15px;
}

.why-choose-one__image img {
    position: relative;
    z-index: 1;

    display: block;

    width: 100%;
    height: 100%;

    max-width: none;

    object-fit: cover;
    object-position: center;

    border-radius: 15px;
}


/* =========================================
   TABLET / SMALL DESKTOP
========================================= */

@media (max-width: 1199px) {

    .why-choose-one__image {
        margin-top: 60px;
        margin-left: 110px;

        width: 500px;
        height: 450px;
    }

}


/* =========================================
   MOBILE
========================================= */

@media (max-width: 575px) {

    .why-choose-one__image {
        margin-left: 55px;

        width: calc(100vw - 90px);
        max-width: 420px;

        height: 360px;
    }

}


/* =========================================
   SMALL MOBILE
========================================= */

@media (max-width: 425px) {

    .why-choose-one__image {
        margin-left: 33px;

        width: calc(100vw - 55px);
        max-width: none;

        height: 320px;
    }

}


/* =========================================
   VERY SMALL MOBILE
========================================= */

@media (max-width: 390px) {

    .why-choose-one__image {
        margin-left: 25px;

        width: calc(100vw - 45px);
        max-width: none;

        height: 300px;
    }

}
.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: var(--section-gradient);
  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-base);
  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, #F8FAFD));
}

.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
========================================= */

.faq-two__image {
    display: block;
    position: absolute;

    left: 0;
    bottom: -80px;

    width: 100%;
    max-width: 560px;

    height: 560px;

    overflow: visible;
    z-index: 2;
}


/* =========================================
   IMAGE INNER
========================================= */

.faq-two__image__inner {
    position: relative;

    width: 100%;
    height: 100%;

    display: flex;
    align-items: flex-end;
    justify-content: center;
}


/* =========================================
   MAIN IMAGE
========================================= */

.faq-two__image__img {
    position: relative;

    z-index: 2;

    display: block;

    width: 100%;
    max-width: 520px;

    height: 520px;

    object-fit: cover;
    object-position: center;

    border-radius: 0;

    margin: 0 auto;
}


/* =========================================
   QUESTION ICON
========================================= */

.faq-two__image__question {
    display: inline-flex;

    font-size: 100px;

    color: var(--insuba-black5, #0f3667);

    position: absolute;

    top: 70px;
    right: 35px;

    z-index: 4;

    animation: animatedColor 1500ms ease infinite;
}

.faq-two__image__question svg {
    width: 1em;
    height: 1em;
    fill: currentColor;
}


/* =========================================
   BLUE DECORATIVE SHAPE
========================================= */

.faq-two__image__shape {
    width: calc(100% - 40px);
    height: 420px;

    background-color: var(--insuba-base, #023681);

    position: absolute;

    left: 50%;
    bottom: 0;

    transform: translateX(-50%);

    z-index: 1;

    clip-path: polygon(
        0 0,
        100% 68%,
        100% 100%,
        0% 100%
    );
}


/* =========================================
   INNER WHITE SHAPE
========================================= */

.faq-two__image__shape::after {
    content: "";

    width: calc(100% - 70px);
    height: 100%;

    position: absolute;

    left: 50%;
    bottom: 35px;

    transform: translateX(-50%);

    background-color: var(--insuba-white, #ffffff);
}


/* =========================================
   LARGE DESKTOP
========================================= */

@media (min-width: 1400px) {

    .faq-two__image {
        max-width: 590px;
        height: 590px;

        bottom: -90px;
    }

    .faq-two__image__img {
        width: 540px;
        height: 540px;
    }

    .faq-two__image__question {
        top: 75px;
        right: 40px;
        font-size: 105px;
    }

}


/* =========================================
   DESKTOP
========================================= */

@media (min-width: 1200px) and (max-width: 1399px) {

    .faq-two__image {
        max-width: 520px;
        height: 520px;

        bottom: -70px;
    }

    .faq-two__image__img {
        width: 480px;
        height: 480px;
    }

    .faq-two__image__question {
        top: 60px;
        right: 25px;
        font-size: 90px;
    }

}


/* =========================================
   TABLET / SMALL DESKTOP
========================================= */

@media (max-width: 1199px) {

    .faq-two__image {
        position: relative;

        left: auto;
        bottom: auto;

        width: 100%;
        max-width: 560px;

        height: 520px;

        margin: 50px auto 0;

        display: flex;
        justify-content: center;
    }

    .faq-two__image__inner {
        width: 100%;
        height: 100%;
    }

    .faq-two__image__img {
        width: 480px;
        height: 480px;

        max-width: 100%;
    }

    .faq-two__image__shape {
        width: 90%;
        height: 400px;
    }

    .faq-two__image__question {
        top: 45px;
        right: 30px;
        font-size: 90px;
    }

}


/* =========================================
   MOBILE
========================================= */

@media (max-width: 767px) {

    .faq-two__image {
        width: 100%;
        max-width: 500px;

        height: 430px;

        margin: 40px auto 0;
    }

    .faq-two__image__img {
        width: 390px;
        height: 390px;

        max-width: calc(100% - 30px);
    }

    .faq-two__image__shape {
        width: 92%;
        height: 330px;
    }

    .faq-two__image__shape::after {
        width: calc(100% - 45px);
        bottom: 25px;
    }

    .faq-two__image__question {
        top: 25px;
        right: 20px;

        font-size: 75px;
    }

}


/* =========================================
   SMALL MOBILE
========================================= */

@media (max-width: 575px) {

    .faq-two__image {
        height: 380px;

        margin-top: 30px;
    }

    .faq-two__image__img {
        width: 340px;
        height: 340px;

        max-width: calc(100% - 25px);
    }

    .faq-two__image__shape {
        width: 94%;
        height: 290px;
    }

    .faq-two__image__shape::after {
        width: calc(100% - 40px);
        bottom: 20px;
    }

    .faq-two__image__question {
        top: 15px;
        right: 10px;

        font-size: 65px;
    }

}


/* =========================================
   VERY SMALL MOBILE
========================================= */

@media (max-width: 430px) {

    .faq-two__image {
        height: 330px;
    }

    .faq-two__image__img {
        width: 300px;
        height: 300px;
    }

    .faq-two__image__shape {
        height: 250px;
    }

    .faq-two__image__question {
        font-size: 55px;
        right: 5px;
    }

}


/* =========================================
   EXTRA SMALL
========================================= */

@media (max-width: 390px) {

    .faq-two__image {
        height: 300px;
    }

    .faq-two__image__img {
        width: 275px;
        height: 275px;
    }

    .faq-two__image__shape {
        height: 225px;
    }

    .faq-two__image__shape::after {
        width: calc(100% - 35px);
        bottom: 18px;
    }

    .faq-two__image__question {
        font-size: 48px;
    }

}


/* =========================================
   EXTRA SMALL
========================================= */

@media (max-width: 360px) {

    .faq-two__image {
        height: 280px;
    }

    .faq-two__image__img {
        width: 255px;
        height: 255px;
    }

    .faq-two__image__shape {
        height: 210px;
    }

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

.pricing-card__button .insuba-btn::after {
  background-color: var(--insuba-white5, #F8FAFD);
}

.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, #F8FAFD));
}

.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, #F8FAFD));
}

.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, #F8FAFD);
  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, #F8FAFD);
  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
--------------------------------------------------------------*/

/*--------------------------------------------------------------
# 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-black5, #0f3667);
  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: 30%;
  }
}

@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: 70%;
  }
}

@media (max-width: 991px) {
  .excellent-service__content-col {
    width: 100%;
  }
}

.excellent-service__image {
  padding: 36px;
  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);
}

.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: 52px;
}

@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: 190px;
}

@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: 0;
  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: 603px;
  height: 603px;
  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: 603px;
  height: 603px;
  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: 603px;
  height: 603px;
  border-radius: 50%;
}

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

@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, #F8FAFD);
  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: 100%;
  height: auto;
}

.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
--------------------------------------------------------------*/
/* =========================================================
   FREE FOODS
   FROM FARM TO FINISHED PRODUCT
   ========================================================= */

/* =========================================================
   FREE FOODS — FROM FARM TO FINISHED PRODUCT
   ========================================================= */

.work-planning {
  position: relative;
  padding: 105px 0 100px;
  background-color: #fff;
  overflow: hidden;

  counter-reset: workPlanningSerialNumber;
}


/* =========================================================
   CONTAINER
   ========================================================= */

.work-planning__container {
  position: relative;
  z-index: 2;
}


/* =========================================================
   TOP DECORATIVE LINE
   ========================================================= */

.work-planning .sec-title {
  position: relative;
  z-index: 5;

  margin-bottom: 0;

  text-align: center;
}


/* Tag */

.work-planning .sec-title__top {
  width: auto !important;
  height: auto !important;

  display: inline-flex !important;
  align-items: center;
  justify-content: center;

  margin: 0 auto 18px !important;
  padding: 8px 20px !important;

  background: #023681 !important;

  border: 0 !important;
  border-radius: 50px !important;

  box-shadow:
    0 8px 20px rgba(2, 54, 129, 0.12);

  position: relative;
}


/* Remove template decorations */

.work-planning .sec-title__top::before,
.work-planning .sec-title__top::after {
  display: none !important;
}


/* Small icon */

.work-planning .sec-title__box {
  width: auto !important;
  height: auto !important;

  display: flex !important;
  align-items: center;
  justify-content: center;

  margin: 0 !important;
  padding: 0 !important;

  background: transparent !important;
  border: 0 !important;
}


.work-planning .sec-title__box__inner {
  width: auto !important;
  height: auto !important;

  display: flex;
  align-items: center;
  justify-content: center;

  margin: 0 !important;
  padding: 0 !important;

  background: transparent !important;
}


.work-planning .sec-title__box__inner::before {
  content: "\f144";

  font-family: "Font Awesome 5 Free";

  font-size: 12px;
  font-weight: 900;

  color: #FFFFFF;
}


/* Tagline */




/* Main title */




/* =========================================================
   INTRO
   ========================================================= */

.work-planning__intro {
  max-width: 760px;

  margin: 18px auto 70px;

  text-align: center;
}


.work-planning__intro p {
  margin: 0;

  color: #6D797E;

  font-family:
    var(--insuba-font, "Roboto", sans-serif);

  font-size: 16px;

  font-weight: 400;

  line-height: 1.85;
}


/* =========================================================
   PROCESS ROW
   ========================================================= */

.work-planning .row.gutter-y-40 {
  position: relative;

  z-index: 3;
}


/* =========================================================
   PROCESS ITEM
   ========================================================= */

.work-planning__item {
  position: relative;

  height: 100%;

  padding: 0 10px;

  text-align: center;

  z-index: 4;

  transition:
    transform 700ms cubic-bezier(.2, .7, .2, 1);
}


/* Scroll animation base state */

.work-planning__item.wow {
  opacity: 0;

  transform:
    translateY(45px) scale(0.97);

  transition:
    opacity 700ms ease,
    transform 800ms cubic-bezier(.2, .7, .2, 1);
}


/* When WOW.js reveals the item */

.work-planning__item.wow.animated {
  opacity: 1;

  transform:
    translateY(0) scale(1);
}


/* Stagger */

.work-planning .col-lg-3:nth-child(1) .work-planning__item {
  transition-delay: 0ms;
}

.work-planning .col-lg-3:nth-child(2) .work-planning__item {
  transition-delay: 120ms;
}

.work-planning .col-lg-3:nth-child(3) .work-planning__item {
  transition-delay: 240ms;
}

.work-planning .col-lg-3:nth-child(4) .work-planning__item {
  transition-delay: 360ms;
}


/* =========================================================
   SERIAL NUMBER
   ========================================================= */

.work-planning__item__serial-number {
  position: relative;

  margin: 0 0 10px;

  color: rgba(2, 54, 129, 0.10);

  font-family:
    var(--insuba-heading-font, "Poppins", sans-serif);

  font-size: 58px;

  font-weight: 700;

  line-height: 1;

  letter-spacing: -0.04em;

  transition:
    color 500ms ease,
    transform 500ms ease;
}


/* Use actual number from HTML */

.work-planning__item__serial-number::after {
  display: none;
}


/* Hover */

.work-planning__item:hover .work-planning__item__serial-number {
  color: rgba(2, 54, 129, 0.18);

  transform:
    translateY(-3px);
}


/* =========================================================
   IMAGE WRAPPER
   ========================================================= */

.work-planning__item__image {
  position: relative;

  width: 205px;
  height: 205px;

  margin: 0 auto 27px;

  display: flex;
  align-items: center;
  justify-content: center;
}


/* =========================================================
   OUTER IMAGE BACKGROUND
   ========================================================= */

.work-planning__item__image__bg {
  position: absolute;

  inset: 0;

  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;

  opacity: 1;

  transition:
    opacity 500ms ease,
    transform 700ms cubic-bezier(.2, .7, .2, 1);
}


.work-planning__item__image__bg--hover {
  opacity: 0;

  transform: scale(0.96);
}


/* Hover background */

.work-planning__item:hover .work-planning__item__image__bg {
  opacity: 0;

  transform: scale(1.03);
}


.work-planning__item:hover .work-planning__item__image__bg--hover {
  opacity: 1;

  transform: scale(1.03);
}


/* =========================================================
   IMAGE
   ========================================================= */

.work-planning__item__image__inner {
  position: absolute;

  top: 50%;
  left: 50%;

  width: 174px;
  height: 174px;

  transform:
    translate(-50%, -50%);

  overflow: hidden;

  border-radius: 50%;

  background: #FFFFFF;

  box-shadow:
    0 12px 30px rgba(18, 54, 90, 0.10);

  z-index: 2;

  transition:
    transform 700ms cubic-bezier(.2, .7, .2, 1),
    box-shadow 500ms ease;
}


.work-planning__item:hover .work-planning__item__image__inner {
  transform:
    translate(-50%, -50%) scale(1.035);

  box-shadow:
    0 18px 40px rgba(18, 54, 90, 0.15);
}


.work-planning__item__image__inner img {
  display: block;

  width: 100%;
  height: 100%;

  object-fit: cover;
}


/* =========================================================
   ICON
   ========================================================= */

.work-planning__item__icon-box {
  position: absolute;

  left: -8px;
  bottom: 14px;

  width: 67px;
  height: 67px;

  display: flex;
  align-items: center;
  justify-content: center;

  border: 4px solid #FFFFFF;

  border-radius: 50%;

  background: #023681;

  box-shadow:
    0 10px 25px rgba(2, 54, 129, 0.22);

  z-index: 5;

  transition:
    transform 500ms cubic-bezier(.2, .7, .2, 1),
    background-color 400ms ease,
    box-shadow 400ms ease;
}


.work-planning__item:hover .work-planning__item__icon-box {
  background-color: #06479B;

  transform:
    translateY(-5px) rotate(-4deg);

  box-shadow:
    0 15px 30px rgba(2, 54, 129, 0.28);
}


.work-planning__item__icon {
  display: flex;
  align-items: center;
  justify-content: center;

  width: 100%;
  height: 100%;

  color: #FFFFFF;

  font-size: 25px;

  line-height: 1;
}


.work-planning__item__icon svg {
  width: 1em;
  height: 1em;

  fill: currentColor;
}


/* Icon hover animation */

.work-planning__item:hover .work-planning__item__icon i {
  animation:
    workPlanningIconPop 600ms ease;
}


@keyframes workPlanningIconPop {

  0% {
    transform: scale(1);
  }

  40% {
    transform: scale(1.16);
  }

  70% {
    transform: scale(0.95);
  }

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


/* =========================================================
   CONTENT
   ========================================================= */

.work-planning__item__content {
  max-width: 285px;

  margin: 0 auto;
}


/* Title */

.work-planning__item__title {
  margin: 0 0 12px;

  color: #173A42;

  font-family:
    var(--insuba-heading-font, "Poppins", sans-serif);

  font-size: 19px;

  font-weight: 600;

  line-height: 1.35;

  transition:
    color 300ms ease;
}


.work-planning__item:hover .work-planning__item__title {
  color: #023681;
}


/* Text */

.work-planning__item__text {
  margin: 0;

  color: #718087;

  font-family:
    var(--insuba-font, "Roboto", sans-serif);

  font-size: 14px;

  font-weight: 400;

  line-height: 1.75;
}


/* =========================================================
   PROCESS CONNECTOR
   ========================================================= */

.work-planning__border-shape {
  position: absolute;

  top: 315px;
  left: 50%;

  width: calc(100% - 180px);
  max-width: none;
  height: auto;

  transform:
    translateX(-50%);

  opacity: 0.32;

  pointer-events: none;

  z-index: 1;

  transition:
    opacity 700ms ease;
}


.work-planning:hover .work-planning__border-shape {
  opacity: 0.48;
}


/* =========================================================
   COMMITMENT
   ========================================================= */

.work-planning__appointment {
  position: relative;

  margin-top: 82px;

  padding: 50px 34px;

  display: flex;
  align-items: center;
  justify-content: space-between;

  gap: 35px;

  background: #023681;

  border: 1px solid rgba(255, 255, 255, 0.08);

  border-radius: 16px;

  overflow: hidden;

  box-shadow:
    0 20px 50px rgba(2, 54, 129, 0.18);

  z-index: 5;

  transition:
    transform 500ms ease,
    box-shadow 500ms ease;
}


/* Subtle shine */

.work-planning__appointment::before {
  content: "";

  position: absolute;

  top: 0;
  left: -35%;

  width: 55%;
  height: 100%;

  background:
    linear-gradient(90deg,
      transparent,
      rgba(255, 255, 255, 0.06),
      transparent);

  transform: skewX(-20deg);

  pointer-events: none;
}


.work-planning__appointment:hover {
  transform: translateY(-4px);

  box-shadow:
    0 25px 60px rgba(2, 54, 129, 0.24);
}


/* =========================================================
   COMMITMENT CONTENT
   ========================================================= */

.work-planning__appointment__content {
  position: relative;

  flex: 1 1 auto;

  z-index: 2;
}


/* Tag */

.work-planning__appointment__tag {
  display: inline-flex;
  align-items: center;

  margin-bottom: 8px;

  padding: 5px 10px;

  color: #FFFFFF;

  background: rgba(255, 255, 255, 0.12);

  border-radius: 4px;

  font-family:
    var(--insuba-font, "Roboto", sans-serif);

  font-size: 11px;

  font-weight: 700;

  line-height: 1.3;

  letter-spacing: 0.12em;

  text-transform: uppercase;
}


/* Title */

.work-planning__appointment__title {
  margin: 0 0 6px;

  color: #FFFFFF;

  font-family:
    var(--insuba-heading-font, "Poppins", sans-serif);

  font-size: 26px;

  font-weight: 700;

  line-height: 1.3;
}


/* Description */

.work-planning__appointment__text {
  margin: 0;

  max-width: 650px;

  color: rgba(255, 255, 255, 0.78);

  font-family:
    var(--insuba-font, "Roboto", sans-serif);

  font-size: 14px;

  font-weight: 400;

  line-height: 1.65;
}


/* =========================================================
   COMMITMENT ACTION
   ========================================================= */

.work-planning__appointment__action {
  position: relative;

  display: flex;
  align-items: center;

  gap: 28px;

  flex-shrink: 0;

  z-index: 2;
}


/* Global */

.work-planning__appointment__global {
  display: flex;
  align-items: center;

  gap: 10px;

  color: #FFFFFF;

  font-family:
    var(--insuba-font, "Roboto", sans-serif);

  font-size: 12px;

  font-weight: 600;

  line-height: 1.4;
}


.work-planning__appointment__global-icon {
  width: 42px;
  height: 42px;

  display: flex;
  align-items: center;
  justify-content: center;

  flex-shrink: 0;

  color: #023681;

  background: #FFFFFF;

  border-radius: 50%;

  font-size: 16px;

  box-shadow:
    0 7px 18px rgba(0, 0, 0, 0.10);
}


/* =========================================================
   COMMITMENT BUTTON
   ========================================================= */




.work-planning__appointment .insuba-btn .insuba-btn__icon-box {
  background-color: #173A42;
}


.work-planning__appointment .insuba-btn:hover {
  color: #FFFFFF;

  transform: translateY(-2px);

  box-shadow:
    0 12px 25px rgba(0, 0, 0, 0.15);
}


.work-planning__appointment .insuba-btn:hover .insuba-btn__icon-box {
  background-color: #FFFFFF;
}


.work-planning__appointment .insuba-btn:hover .insuba-btn__icon {
  color: #023681;
}


/* =========================================================
   LARGE LAPTOP
   ========================================================= */

@media (max-width: 1399px) {

  .work-planning {
    padding: 95px 0 90px;
  }

  .work-planning .sec-title__title {
    font-size: 40px;
  }

  .work-planning__item__image {
    width: 195px;
    height: 195px;
  }

  .work-planning__item__image__inner {
    width: 166px;
    height: 166px;
  }

  .work-planning__border-shape {
    top: 305px;
    width: calc(100% - 120px);
  }

}


/* =========================================================
   LAPTOP
   ========================================================= */

@media (max-width: 1199px) {

  .work-planning {
    padding: 85px 0 80px;
  }

  .work-planning__container::after {
    width: calc(100% - 60px);
  }

  .work-planning .sec-title__title {
    font-size: 36px;
  }

  .work-planning__intro {
    margin-bottom: 60px;
  }

  .work-planning__item {
    padding: 0 5px;
  }

  .work-planning__item__image {
    width: 185px;
    height: 185px;
  }

  .work-planning__item__image__inner {
    width: 158px;
    height: 158px;
  }

  .work-planning__item__icon-box {
    left: -3px;
    bottom: 12px;

    width: 61px;
    height: 61px;
  }

  .work-planning__item__icon {
    font-size: 22px;
  }

  .work-planning__item__title {
    font-size: 19px;
  }

  .work-planning__appointment {
    padding: 28px 28px;
  }

  .work-planning__appointment__action {
    gap: 20px;
  }

}


/* =========================================================
   TABLET
   ========================================================= */

@media (max-width: 991px) {

  .work-planning {
    padding: 75px 0 75px;
  }

  .work-planning__container::before,
  .work-planning__container::after {
    display: none;
  }

  .work-planning .sec-title__title {
    font-size: 34px;
  }

  .work-planning__intro {
    max-width: 680px;

    margin-bottom: 55px;
  }

  .work-planning__border-shape {
    display: none;
  }

  .work-planning__item {
    margin-bottom: 15px;
  }

  .work-planning__item__image {
    width: 195px;
    height: 195px;
  }

  .work-planning__item__image__inner {
    width: 167px;
    height: 167px;
  }

  .work-planning__item__icon-box {
    left: 0;
  }

  .work-planning__appointment {
    margin-top: 60px;

    flex-direction: column;
    align-items: flex-start;
  }

  .work-planning__appointment__action {
    width: 100%;

    justify-content: space-between;
  }

}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 767px) {

  .work-planning {
    padding: 65px 0 65px;
  }

  .work-planning .sec-title__top {
    margin-bottom: 15px !important;

    padding: 7px 16px !important;
  }

  .work-planning .sec-title__tagline {
    font-size: 11px !important;
  }

  .work-planning .sec-title__title {
    font-size: 30px;
    line-height: 1.25;
  }

  .work-planning__intro {
    margin-top: 15px;
    margin-bottom: 45px;
  }

  .work-planning__intro p {
    font-size: 14px;
    line-height: 1.75;
  }

  .work-planning__item {
    max-width: 340px;

    margin-left: auto;
    margin-right: auto;

    margin-bottom: 35px;
  }

  .work-planning__item__serial-number {
    margin-bottom: 7px;

    font-size: 52px;
  }

  .work-planning__item__image {
    width: 195px;
    height: 195px;

    margin-bottom: 24px;
  }

  .work-planning__item__image__inner {
    width: 167px;
    height: 167px;
  }

  .work-planning__item__icon-box {
    left: 0;
    bottom: 10px;

    width: 61px;
    height: 61px;
  }

  .work-planning__item__title {
    font-size: 20px;
  }

  .work-planning__item__text {
    font-size: 13.5px;
  }

  .work-planning__appointment {
    margin-top: 35px;

    padding: 27px 22px;

    border-radius: 14px;

    text-align: left;
  }

  .work-planning__appointment__title {
    font-size: 21px;
  }

  .work-planning__appointment__text {
    font-size: 13px;
  }

  .work-planning__appointment__action {
    width: 100%;

    flex-direction: column;
    align-items: flex-start;

    gap: 20px;
  }

  .work-planning__appointment .insuba-btn {
    width: 100%;
    justify-content: center;
  }

}


/* =========================================================
   SMALL MOBILE
   ========================================================= */

@media (max-width: 575px) {

  .work-planning {
    padding: 55px 0 55px;
  }

  .work-planning .sec-title__title {
    font-size: 27px;
  }

  .work-planning__intro {
    margin-bottom: 40px;
  }

  .work-planning__intro p {
    font-size: 13.5px;
  }

  .work-planning__item__image {
    width: 180px;
    height: 180px;
  }

  .work-planning__item__image__inner {
    width: 154px;
    height: 154px;
  }

  .work-planning__item__icon-box {
    width: 57px;
    height: 57px;

    border-width: 3px;
  }

  .work-planning__item__icon {
    font-size: 20px;
  }

  .work-planning__appointment {
    padding: 25px 20px;
  }

  .work-planning__appointment__tag {
    font-size: 10px;
  }

  .work-planning__appointment__title {
    font-size: 19px;
  }

}


/* =========================================================
   EXTRA SMALL
   ========================================================= */

@media (max-width: 430px) {

  .work-planning .sec-title__title {
    font-size: 25px;
  }

  .work-planning__item__serial-number {
    font-size: 48px;
  }

  .work-planning__item__image {
    width: 170px;
    height: 170px;
  }

  .work-planning__item__image__inner {
    width: 145px;
    height: 145px;
  }

  .work-planning__item__icon-box {
    left: 0;
    bottom: 8px;

    width: 54px;
    height: 54px;
  }

  .work-planning__item__icon {
    font-size: 19px;
  }

}


/* =========================================================
   ACCESSIBILITY
   ========================================================= */

@media (prefers-reduced-motion: reduce) {

  .work-planning *,
  .work-planning *::before,
  .work-planning *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;

    transition-duration: 0.01ms !important;

    scroll-behavior: auto !important;
  }

}


/*--------------------------------------------------------------
# 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;
}

.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: absolute;
  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;
}

.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: 113px 10px 114px;
  margin: 0 auto;
  background-color: var(--insuba-black3, #19232b);
  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: var(--section-gradient);
  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-black3, #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;
  color: var(--insuba-black3);
}

@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, 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% - 61px);
  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;
  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;
  width: 100%;
  height: 280px;
  overflow: hidden;
}

.service-card-three__image img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
  object-position: center;
  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__image {
    height: 250px;
  }

  .service-card-three__content {
    padding-left: 16px;
    padding-right: 16px;
  }
}

@media (max-width: 767px) {
  .service-card-three__image {
    height: 240px;
  }
}

@media (max-width: 360px) {
  .service-card-three__image {
    height: 220px;
  }

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

/* =========================================================
   FREE FOODS — PRODUCT CARDS
   ========================================================= */

.service-card-four {
  position: relative;
  height: 100%;
  overflow: hidden;
  background: var(--insuba-white, #ffffff);
  border: 1px solid #E5ECEE;
  border-radius: 18px;
  box-shadow: 0 10px 30px rgba(18, 54, 90, 0.07);
  transition: transform 500ms ease, box-shadow 500ms ease;
}

/* Remove old service-card shapes */
.service-card-four::before,
.service-card-four::after {
  display: none !important;
}


/* =========================================================
   CONTENT
   ========================================================= */

.service-card-four__content {
  position: relative;
  padding: 28px 28px 26px;
  z-index: 3;
  background: #ffffff;
}


/* =========================================================
   TOP AREA
   ========================================================= */

.service-card-four__top {
  display: block;
  margin: 0 0 10px;
}


/* =========================================================
   REMOVE SERVICE ICON
   ========================================================= */

.service-card-four__icon-box {
  display: none !important;
}

.service-card-four__icon {
  display: none !important;
}


/* =========================================================
   TITLE
   ========================================================= */

.service-card-four__title {
  margin: 0;
  font-size: 21px;
  font-weight: 700;
  line-height: 1.3;
  color: #173A42;
  text-transform: none;
}

.service-card-four__title a {
  color: inherit;
  background: none;
  transition: color 300ms ease;
}

.service-card-four__title a:hover {
  color: #06479B;
}


/* =========================================================
   DESCRIPTION
   ========================================================= */

.service-card-four__text {
  margin: 0 0 20px;
  font-size: 15px;
  line-height: 1.75;
  color: #6D797E;
}


/* =========================================================
   LINK
   ========================================================= */

.service-card-four__link {
  display: inline-flex;
  align-items: center;
  gap: 8px;

  color: #06479B;
  font-size: 14px;
  font-weight: 600;

  transition: all 300ms ease;
}

.service-card-four__link:hover {
  color: #173A42;
  gap: 12px;
}

.service-card-four__link__icon,
.work-planning-two__card__link__icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;

  font-size: 12px;
  color: inherit;

  transition: transform 300ms ease;
}

.service-card-four__link:hover .work-planning-two__card__link__icon {
  transform: translateX(3px);
}


/* =========================================================
   PRODUCT IMAGE
   ========================================================= */

.service-card-four__image {
  position: relative;
  width: 100%;
  height: 255px;

  overflow: hidden;
  z-index: 2;

  order: -1;
}

.service-card-four__image__inner {
  position: absolute;
  inset: 0;

  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;

  transition: transform 700ms cubic-bezier(.2, .7, .2, 1);
}

#products .service-card-four {
  position: relative;
  height: 100%;
  overflow: hidden;

  background: #FFFFFF;

  border: 1px solid #E3EAED;
  border-radius: 18px;

  box-shadow:
    0 8px 25px rgba(18, 54, 90, 0.06);

  transition:
    transform 500ms ease,
    box-shadow 500ms ease;
}


/* Remove old service effects */

#products .service-card-four::before,
#products .service-card-four::after {
  display: none !important;
}

/* =========================================================
   HOVER
   ========================================================= */

.service-card-four:hover {
  transform: translateY(-7px);
  box-shadow: 0 18px 42px rgba(18, 54, 90, 0.13);
}

.service-card-four:hover .service-card-four__image__inner {
  transform: scale(1.06);
}


/* =========================================================
   SMALL BLUE ACCENT
   ========================================================= */

.service-card-four {
  border-top: 3px solid #06479B;
}


/* =========================================================
   REMOVE OLD DECORATIVE SHAPES
   ========================================================= */

.service-card-four__shape {
  display: none !important;
}

.service-card-four__bg {
  display: none !important;
}


/* =========================================================
   OWL ITEM
   ========================================================= */

.services-four__carousel .owl-item {
  padding-bottom: 8px;
}


/* =========================================================
   TABLET
   ========================================================= */

@media (max-width: 1199px) {

  .service-card-four__image {
    height: 230px;
  }

  .service-card-four__content {
    padding: 25px 24px 24px;
  }

  .service-card-four__title {
    font-size: 20px;
  }

}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 767px) {

  .service-card-four__image {
    height: 250px;
  }

  .service-card-four__content {
    padding: 24px 24px 25px;
  }

  .service-card-four__title {
    font-size: 21px;
  }

}


/* =========================================================
   SMALL MOBILE
   ========================================================= */

@media (max-width: 430px) {

  .service-card-four__image {
    height: 230px;
  }

}

.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, #F8FAFD);
  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-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, #F8FAFD);
  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;
}

@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 {
  padding: 30px;
  min-height: 570px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid var(--insuba-border-color, #dddddd);
}

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

.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 */




/* =========================================================
   WHY FREE FOODS
   ========================================================= */
/* =========================================================
   WHY FREE FOODS
   ========================================================= */

.why-free-foods {
  position: relative;
  padding: 110px 0;
  background: var(--section-gradient);
  overflow: hidden;
}


/* ---------------------------------------------------------
   Background Decorative Elements
   --------------------------------------------------------- */

.why-free-foods::before {
  content: "";

  position: absolute;

  width: 420px;
  height: 420px;

  left: -250px;
  top: 50%;

  transform: translateY(-50%);

  border-radius: 50%;

  background: rgba(2, 54, 129, 0.035);

  pointer-events: none;
}


.why-free-foods::after {
  content: "";

  position: absolute;

  width: 280px;
  height: 280px;

  right: -180px;
  bottom: -150px;

  border-radius: 50%;

  background: rgba(2, 54, 129, 0.035);

  pointer-events: none;
}


/* ---------------------------------------------------------
   Main Wrapper
   --------------------------------------------------------- */

.why-free-foods__wrapper {
  position: relative;

  display: grid;

  grid-template-columns: 0.96fr 1.04fr;

  align-items: center;

  gap: 78px;

  z-index: 1;
}


/* =========================================================
   IMAGE
   ========================================================= */

.why-free-foods__image {
  position: relative;

  width: 100%;
  height: 510px;

  border-radius: 22px;

  overflow: visible;
}


/* ---------------------------------------------------------
   Image Border Accent
   --------------------------------------------------------- */

.why-free-foods__image::before {
  content: "";

  position: absolute;

  width: 100%;
  height: 100%;

  left: -13px;
  top: 13px;

  border-radius: 22px;

  border: 1px solid rgba(2, 54, 129, 0.18);

  z-index: 0;
}


/* ---------------------------------------------------------
   Image
   --------------------------------------------------------- */

.why-free-foods__image img {
  position: relative;

  display: block;

  width: 100%;
  height: 100%;

  max-width: none;

  object-fit: cover;
  object-position: center;

  border-radius: 22px;

  z-index: 1;

  box-shadow:
    0 22px 55px rgba(18, 54, 90, 0.14);
}


/* ---------------------------------------------------------
   Image subtle overlay
   --------------------------------------------------------- */

.why-free-foods__image::after {
  content: "";

  position: absolute;

  left: 0;
  right: 0;
  bottom: 0;

  height: 35%;

  border-radius: 0 0 22px 22px;

  background: linear-gradient(to top,
      rgba(2, 54, 129, 0.14),
      rgba(2, 54, 129, 0));

  z-index: 2;

  pointer-events: none;
}


/* =========================================================
   EXPERIENCE BADGE
   ========================================================= */

.why-free-foods__experience {
  position: absolute;

  right: -27px;
  bottom: 32px;

  width: 120px;
  height: 120px;

  display: flex;

  flex-direction: column;

  align-items: center;
  justify-content: center;

  background: #023681;

  color: #ffffff;

  border-radius: 50%;

  z-index: 4;

  border: 7px solid #F5F8FC;

  box-shadow:
    0 12px 32px rgba(2, 54, 129, 0.25);
}


.why-free-foods__experience strong {
  font-family:
    var(--insuba-heading-font, "Poppins", sans-serif);

  font-size: 13px;

  font-weight: 500;

  line-height: 1.2;

  opacity: 0.82;
}


.why-free-foods__experience span {
  margin-top: 3px;

  font-family:
    var(--insuba-heading-font, "Poppins", sans-serif);

  font-size: 29px;

  font-weight: 700;

  line-height: 1.1;

  letter-spacing: -0.02em;
}


/* =========================================================
   CONTENT
   ========================================================= */

.why-free-foods__content {
  position: relative;

  min-width: 0;
}


/* =========================================================
   TAG
   ========================================================= */

.why-free-foods__tag {
  display: inline-flex;

  align-items: center;

  gap: 10px;

  margin-bottom: 13px;

  color: #023681;

  font-family:
    var(--insuba-font, "Roboto", sans-serif);

  font-size: 13px;

  font-weight: 700;

  text-transform: uppercase;

  letter-spacing: 0.14em;
}


.why-free-foods__tag span {
  width: 30px;
  height: 2px;

  display: inline-block;

  background: #023681;

  border-radius: 2px;
}


/* =========================================================
   TITLE
   ========================================================= */

.why-free-foods__title {
  margin: 0;

  color: #173A42;

  font-family:
    var(--insuba-heading-font, "Poppins", sans-serif);

  font-size: 42px;

  font-weight: 600;

  line-height: 1.17;

  letter-spacing: -0.028em;
}


.why-free-foods__title span {
  color: #023681;
}


/* =========================================================
   DESCRIPTION
   ========================================================= */

.why-free-foods__description {
  max-width: 630px;

  margin: 20px 0 31px;

  color: #68777E;

  font-family:
    var(--insuba-font, "Roboto", sans-serif);

  font-size: 15px;

  font-weight: 400;

  line-height: 1.82;
}


/* =========================================================
   FEATURES GRID
   ========================================================= */

.why-free-foods__features {
  display: grid;

  grid-template-columns: repeat(2, minmax(0, 1fr));

  gap: 13px 17px;

  max-width: 700px;
}


/* =========================================================
   FEATURE CARD
   ========================================================= */

.why-free-foods__feature {
  position: relative;

  display: flex;

  align-items: flex-start;

  gap: 13px;

  min-width: 0;

  padding: 17px 17px;

  background: #FFFFFF;

  border: 1px solid #E1E8EF;


  transition:
    transform 350ms ease,
    box-shadow 350ms ease,
    border-color 350ms ease;
}


.why-free-foods__feature:hover {
  transform: translateY(-3px);

  border-color: rgba(2, 54, 129, 0.18);

  box-shadow:
    0 12px 28px rgba(18, 54, 90, 0.08);
}


/* =========================================================
   FEATURE ICON
   ========================================================= */

.why-free-foods__feature-icon {
  flex: 0 0 auto;

  width: 50px;
  height: 50px;

  display: flex;

  align-items: center;
  justify-content: center;

  border-radius: 10px;

  color: #023681;

  background: var(--section-gradient);

  font-size: 14px;

  transition:
    background-color 300ms ease,
    color 300ms ease;
}


.why-free-foods__feature:hover .why-free-foods__feature-icon {
  color: #ffffff;

  background: #023681;
}


/* =========================================================
   FEATURE CONTENT
   ========================================================= */

.why-free-foods__feature-content {
  min-width: 0;
}


.why-free-foods__feature-content h3 {
  margin: 1px 0 5px;

  color: #173A42;

  font-family:
    var(--insuba-heading-font, "Poppins", sans-serif);

  font-size: 16px;

  font-weight: 600;

  line-height: 1.4;
}


.why-free-foods__feature-content p {
  margin: 0;

  color: #7A878D;

  font-family:
    var(--insuba-font, "Roboto", sans-serif);

  font-size: 13.5px;

  font-weight: 400;

  line-height: 1.4;
}


/* =========================================================
   BUTTON
   ========================================================= */

.why-free-foods__button {
  margin-top: 30px;
}










/* Button hover */

.why-free-foods .insuba-btn:hover {
  color: #ffffff;

  box-shadow:
    0 12px 28px rgba(2, 54, 129, 0.22);
}


.why-free-foods .insuba-btn:hover .insuba-btn__icon-box {
  background-color: #ffffff;
}


.why-free-foods .insuba-btn:hover .insuba-btn__icon {
  color: #023681;
}


/* =========================================================
   LARGE DESKTOP
   ========================================================= */

@media (min-width: 1400px) {

  .why-free-foods {
    padding: 120px 0;
  }

  .why-free-foods__wrapper {
    gap: 85px;
  }

  .why-free-foods__image {
    height: 520px;
  }

  .why-free-foods__title {
    font-size: 44px;
  }

}


/* =========================================================
   LARGE LAPTOP
   ========================================================= */

@media (max-width: 1399px) {

  .why-free-foods__wrapper {
    gap: 62px;
  }

  .why-free-foods__image {
    height: 485px;
  }

  .why-free-foods__title {
    font-size: 38px;
  }

}


/* =========================================================
   LAPTOP
   ========================================================= */

@media (max-width: 1199px) {

  .why-free-foods {
    padding: 90px 0;
  }

  .why-free-foods__wrapper {
    grid-template-columns: 0.92fr 1.08fr;

    gap: 42px;
  }

  .why-free-foods__image {
    height: 440px;
  }

  .why-free-foods__experience {
    right: -22px;

    width: 108px;
    height: 108px;

    border-width: 6px;
  }

  .why-free-foods__experience span {
    font-size: 27px;
  }

  .why-free-foods__title {
    font-size: 34px;
  }

  .why-free-foods__description {
    font-size: 14.5px;

    margin-top: 17px;
    margin-bottom: 26px;
  }

  .why-free-foods__features {
    gap: 11px 13px;
  }

  .why-free-foods__feature {
    padding: 15px;
  }

  .why-free-foods__feature-icon {
    width: 37px;
    height: 37px;
  }

}


/* =========================================================
   TABLET
   ========================================================= */

@media (max-width: 991px) {

  .why-free-foods {
    padding: 80px 0;
  }

  .why-free-foods__wrapper {
    grid-template-columns: 1fr;

    gap: 58px;
  }

  .why-free-foods__image {
    width: 86%;
    max-width: 680px;

    height: 430px;

    margin: 0 auto;
  }

  .why-free-foods__content {
    width: 100%;
  }

  .why-free-foods__description {
    max-width: 720px;
  }

  .why-free-foods__features {
    max-width: 760px;
  }

}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 767px) {

  .why-free-foods {
    padding: 65px 0;
  }

  .why-free-foods__wrapper {
    gap: 45px;
  }

  .why-free-foods__image {
    width: calc(100% - 20px);

    height: 360px;
  }

  .why-free-foods__image::before {
    left: -9px;
    top: 9px;
  }

  .why-free-foods__experience {
    right: -18px;
    bottom: 23px;

    width: 103px;
    height: 103px;

    border-width: 5px;
  }

  .why-free-foods__experience strong {
    font-size: 11px;
  }

  .why-free-foods__experience span {
    font-size: 25px;
  }

  .why-free-foods__title {
    font-size: 30px;
  }

  .why-free-foods__description {
    margin-top: 16px;
    margin-bottom: 25px;

    font-size: 14px;

    line-height: 1.78;
  }

  .why-free-foods__features {
    grid-template-columns: 1fr;

    gap: 11px;
  }

  .why-free-foods__feature {
    padding: 15px 16px;
  }

  .why-free-foods__button {
    margin-top: 27px;
  }

}


/* =========================================================
   SMALL MOBILE
   ========================================================= */

@media (max-width: 575px) {

  .why-free-foods {
    padding: 55px 0;
  }

  .why-free-foods__wrapper {
    gap: 40px;
  }

  .why-free-foods__image {
    width: calc(100% - 10px);

    height: 300px;

    border-radius: 19px;
  }

  .why-free-foods__image img {
    border-radius: 19px;
  }

  .why-free-foods__image::before {
    left: -7px;
    top: 7px;

    border-radius: 19px;
  }

  .why-free-foods__image::after {
    border-radius: 0 0 19px 19px;
  }

  .why-free-foods__experience {
    right: -9px;
    bottom: 18px;

    width: 91px;
    height: 91px;
  }

  .why-free-foods__experience span {
    font-size: 22px;
  }

  .why-free-foods__tag {
    font-size: 11px;

    letter-spacing: 0.12em;
  }

  .why-free-foods__tag span {
    width: 24px;
  }

  .why-free-foods__title {
    font-size: 27px;
  }

  .why-free-foods__description {
    font-size: 13.5px;
  }

  .why-free-foods__feature {
    gap: 11px;

    padding: 14px;
  }

  .why-free-foods__feature-icon {
    width: 36px;
    height: 36px;

    border-radius: 9px;

    font-size: 13px;
  }

  .why-free-foods__feature-content h3 {
    font-size: 14px;
  }

  .why-free-foods__feature-content p {
    font-size: 12px;
  }

  .why-free-foods .insuba-btn {
    width: 100%;

    min-width: 0;

    justify-content: center;
  }

}


/* =========================================================
   EXTRA SMALL
   ========================================================= */

@media (max-width: 430px) {

  .why-free-foods {
    padding: 50px 0;
  }

  .why-free-foods__image {
    height: 270px;

    border-radius: 17px;
  }

  .why-free-foods__image img {
    border-radius: 17px;
  }

  .why-free-foods__image::before {
    border-radius: 17px;
  }

  .why-free-foods__image::after {
    border-radius: 0 0 17px 17px;
  }

  .why-free-foods__experience {
    right: -7px;
    bottom: 14px;

    width: 84px;
    height: 84px;
  }

  .why-free-foods__experience strong {
    font-size: 10px;
  }

  .why-free-foods__experience span {
    font-size: 20px;
  }

  .why-free-foods__title {
    font-size: 25px;

    line-height: 1.2;
  }

  .why-free-foods__description {
    font-size: 13px;

    line-height: 1.7;
  }

  .why-free-foods__feature-content h3 {
    font-size: 13.5px;
  }

}


/* =========================================================
   VERY SMALL
   ========================================================= */

@media (max-width: 360px) {

  .why-free-foods__image {
    height: 245px;
  }

  .why-free-foods__experience {
    width: 78px;
    height: 78px;

    border-width: 4px;
  }

  .why-free-foods__experience span {
    font-size: 18px;
  }

  .why-free-foods__title {
    font-size: 23px;
  }

}


/* =========================================================
   PRODUCT GALLERY
   ========================================================= */
/* =========================================================
   FREE FOODS - PRODUCT GALLERY
   Premium Product Showcase
   ========================================================= */

.product-gallery {
  position: relative;
  padding: 115px 0 105px;
  background: var(--section-gradient);
  overflow: hidden;
}


/* =========================================================
   SECTION HEADER
   ========================================================= */

.product-gallery .sec-title {
  margin-bottom: 58px;
}

.product-gallery .sec-title__top {
  justify-content: center;
}



.product-gallery .sec-title__title {
  color: #173A42;
}


/* =========================================================
   GALLERY CONTAINER
   ========================================================= */

.product-gallery__container {
  position: relative;
  width: 100%;
  padding-left: 55px;
  padding-right: 55px;
}


/* =========================================================
   CAROUSEL
   ========================================================= */

.product-gallery__carousel {
  position: relative;
  width: 100%;
}


/* =========================================================
   OWL STAGE
   ========================================================= */

.product-gallery .owl-stage-outer {
  padding: 12px 0 18px;
  overflow: visible;
}

.product-gallery .owl-stage {
  display: flex;
  align-items: stretch;
}

.product-gallery .owl-item {
  display: flex;
  align-items: stretch;
}


/* =========================================================
   GALLERY ITEM
   ========================================================= */
/* =========================================================
   PRODUCT GALLERY ITEM
   ========================================================= */
/* =========================================================
   PRODUCT GALLERY ITEM
   ========================================================= */

.product-gallery__item {
  position: relative;

  width: 100%;
  height: 260px !important;

  display: flex;
  align-items: center;
  justify-content: center;

  overflow: hidden;

  background-color: transparent;

  border: 1px solid rgba(18, 54, 90, 0.07);

  border-radius: 16px;

  box-shadow:
    0 8px 28px rgba(18, 54, 90, 0.08);

  transition:
    transform 500ms cubic-bezier(.2, .7, .2, 1),
    box-shadow 500ms ease;
}


/* =========================================================
   PRODUCT IMAGE
   ========================================================= */

.product-gallery__item img {
  display: block;

  width: 100%;
  height: 100%;

  object-fit: contain;
  object-position: center center;

  padding: 8px;

  position: relative;
  z-index: 2;

  transition:
    transform 700ms cubic-bezier(.2, .7, .2, 1);
}


/* =========================================================
   HOVER
   ========================================================= */

.product-gallery__item:hover {

  transform: translateY(-6px);

  box-shadow:
    0 18px 40px rgba(18, 54, 90, 0.13);
}


.product-gallery__item:hover img {
  transform: scale(1.045);
}


/* =========================================================
   SOFT PRODUCT GROUND SHADOW
   ========================================================= */

.product-gallery__item::after {

  content: "";

  position: absolute;

  width: 52%;
  height: 16px;

  left: 24%;
  bottom: 12px;

  border-radius: 50%;

  background: rgba(18, 54, 90, 0.10);

  filter: blur(12px);

  opacity: 0.35;

  pointer-events: none;

  z-index: 1;

  transition:
    opacity 400ms ease,
    transform 400ms ease;
}


.product-gallery__item:hover::after {

  opacity: 0.50;

  transform: scaleX(1.04);
}


/* =========================================================
   TABLET
   ========================================================= */

@media (max-width: 1199px) {

  .product-gallery__item {
    height: 260px;

    border-radius: 15px;

    box-shadow:
      0 7px 24px rgba(18, 54, 90, 0.075);
  }

  .product-gallery__item img {
    padding: 7px;
  }

}


/* =========================================================
   SMALL TABLET
   ========================================================= */

@media (max-width: 991px) {

  .product-gallery__item {
    height: 250px;
  }

}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 767px) {

  .product-gallery__item {

    height: 240px;

    border-radius: 15px;

    box-shadow:
      0 8px 25px rgba(18, 54, 90, 0.08);
  }

  .product-gallery__item img {
    padding: 8px;
  }

}


/* =========================================================
   SMALL MOBILE
   ========================================================= */

@media (max-width: 575px) {

  .product-gallery__item {
    height: 230px;
    border-radius: 14px;
  }

}


/* =========================================================
   EXTRA SMALL MOBILE
   ========================================================= */

@media (max-width: 430px) {

  .product-gallery__item {

    height: 220px;

    border-radius: 13px;
  }

  .product-gallery__item img {
    padding: 6px;
  }

}

/* =========================================================
   NAVIGATION
   ========================================================= */

.product-gallery .owl-nav {
  display: flex;

  align-items: center;
  justify-content: space-between;

  position: absolute;

  top: 50%;
  left: -25px;
  right: -25px;

  margin: 0;

  transform: translateY(-50%);

  pointer-events: none;

  z-index: 5;
}


/* =========================================================
   NAV BUTTON
   ========================================================= */

.product-gallery .owl-nav button.owl-prev,
.product-gallery .owl-nav button.owl-next {

  width: 50px;
  height: 50px;

  margin: 0;

  display: flex;
  align-items: center;
  justify-content: center;

  border: 1px solid #DCE5E8;

  border-radius: 50%;

  color: #FFFFFF;

  background-color: #06479B;

  box-shadow:
    0 8px 22px rgba(6, 71, 155, 0.18);

  pointer-events: auto;

  transition:
    background-color 300ms ease,
    border-color 300ms ease,
    transform 300ms ease,
    box-shadow 300ms ease;
}


/* =========================================================
   NAV HOVER
   ========================================================= */

.product-gallery .owl-nav button.owl-prev:hover,
.product-gallery .owl-nav button.owl-next:hover {

  color: #FFFFFF;

  background-color: #173A42;

  border-color: #173A42;

  box-shadow:
    0 12px 28px rgba(23, 58, 66, 0.22);
}


.product-gallery .owl-nav button.owl-prev:hover {
  transform: translateX(-3px);
}


.product-gallery .owl-nav button.owl-next:hover {
  transform: translateX(3px);
}


/* =========================================================
   NAV ICON
   ========================================================= */

.product-gallery .owl-nav button i {
  font-size: 13px;
  line-height: 1;
}


/* =========================================================
   REMOVE OWL DEFAULT
   ========================================================= */

.product-gallery .owl-nav button.owl-prev,
.product-gallery .owl-nav button.owl-next {
  outline: none;
}


/* =========================================================
   DOTS
   ========================================================= */

.product-gallery .owl-dots {
  margin-top: 25px;
  text-align: center;
}

.product-gallery .owl-dots .owl-dot {
  margin: 0 4px;
}

.product-gallery .owl-dots .owl-dot span {
  width: 7px;
  height: 7px;

  margin: 0;

  border-radius: 50%;

  background-color: #D9E2E5;

  transition:
    width 300ms ease,
    background-color 300ms ease;
}

.product-gallery .owl-dots .owl-dot.active span {
  width: 22px;
  border-radius: 10px;
  background-color: #06479B;
}


/* =========================================================
   DESKTOP LARGE
   ========================================================= */

@media (min-width: 1400px) {

  .product-gallery__container {
    padding-left: 70px;
    padding-right: 70px;
  }

  .product-gallery__item {
    height: 370px;
  }

  .product-gallery__item img {
    padding: 20px;
  }

}


/* =========================================================
   LARGE LAPTOP
   ========================================================= */

@media (max-width: 1399px) {

  .product-gallery {
    padding-top: 105px;
    padding-bottom: 95px;
  }

  .product-gallery__container {
    padding-left: 50px;
    padding-right: 50px;
  }

  .product-gallery__item {
    height: 345px;
  }

  .product-gallery .owl-nav {
    left: -18px;
    right: -18px;
  }

}


/* =========================================================
   LAPTOP
   ========================================================= */

@media (max-width: 1199px) {

  .product-gallery {
    padding-top: 95px;
    padding-bottom: 90px;
  }

  .product-gallery .sec-title {
    margin-bottom: 48px;
  }

  .product-gallery__container {
    padding-left: 42px;
    padding-right: 42px;
  }

  .product-gallery__item {
    height: 325px;
    border-radius: 11px;
  }

  .product-gallery__item img {
    padding: 16px;
  }

  .product-gallery .owl-nav {
    left: -18px;
    right: -18px;
  }

  .product-gallery .owl-nav button.owl-prev,
  .product-gallery .owl-nav button.owl-next {
    width: 46px;
    height: 46px;
  }

}


/* =========================================================
   TABLET
   ========================================================= */

@media (max-width: 991px) {

  .product-gallery {
    padding-top: 85px;
    padding-bottom: 80px;
  }

  .product-gallery .sec-title {
    margin-bottom: 42px;
  }

  .product-gallery__container {
    padding-left: 35px;
    padding-right: 35px;
  }

  .product-gallery__item {
    height: 320px;
  }

  .product-gallery .owl-nav {
    left: -15px;
    right: -15px;
  }

  .product-gallery .owl-nav button.owl-prev,
  .product-gallery .owl-nav button.owl-next {
    width: 44px;
    height: 44px;
  }

}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 767px) {

  .product-gallery {
    padding-top: 70px;
    padding-bottom: 70px;
  }

  .product-gallery .sec-title {
    margin-bottom: 35px;
  }

  .product-gallery__container {
    padding-left: 25px;
    padding-right: 25px;
  }

  .product-gallery .owl-stage-outer {
    padding-top: 8px;
    padding-bottom: 15px;
  }

  .product-gallery__item {
    height: 350px;
    border-radius: 12px;
  }

  .product-gallery__item img {
    padding: 15px;
  }

  .product-gallery .owl-nav {
    left: -8px;
    right: -8px;
  }

  .product-gallery .owl-nav button.owl-prev,
  .product-gallery .owl-nav button.owl-next {
    width: 42px;
    height: 42px;
  }

  .product-gallery .owl-nav button i {
    font-size: 12px;
  }

}


/* =========================================================
   SMALL MOBILE
   ========================================================= */

@media (max-width: 575px) {

  .product-gallery {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .product-gallery__container {
    padding-left: 20px;
    padding-right: 20px;
  }

  .product-gallery__item {
    height: 330px;
  }

  .product-gallery .owl-nav {
    left: -7px;
    right: -7px;
  }

}


/* =========================================================
   EXTRA SMALL MOBILE
   ========================================================= */

@media (max-width: 430px) {

  .product-gallery {
    padding-top: 55px;
    padding-bottom: 55px;
  }

  .product-gallery__container {
    padding-left: 16px;
    padding-right: 16px;
  }

  .product-gallery__item {
    height: 310px;
    border-radius: 10px;
  }

  .product-gallery__item img {
    padding: 12px;
  }

  .product-gallery .owl-nav button.owl-prev,
  .product-gallery .owl-nav button.owl-next {
    width: 40px;
    height: 40px;
  }

}





/* Products Section Title Description */
#blog .sec-title__description {
  max-width: 760px;
  margin: 18px auto 0;
  color: #6D797E;
  font-family: var(--insuba-font, "Roboto", sans-serif);
  font-size: 15.5px;
  font-weight: 400;
  line-height: 1.8;
  text-align: center;
  margin-bottom: 75px !important;
}

/* Tablet */
@media (max-width: 991px) {
  #blog .sec-title__description {
    max-width: 680px;
    font-size: 15px;
    line-height: 1.75;
    margin-top: 16px;
  }
}

/* Mobile */
@media (max-width: 767px) {
  #blog .sec-title__description {
    max-width: 100%;
    padding: 0 10px;
    font-size: 14px;
    line-height: 1.75;
    margin-top: 14px;
  }
}

/* Small Mobile */
@media (max-width: 430px) {
  #blog .sec-title__description {
    padding: 0 5px;
    font-size: 13.5px;
    line-height: 1.7;
  }
}



/* =========================================
   View All Products Button
   ========================================= */
.blog-one__button a {

  margin: 0 auto !important;
}













/* =========================================================
   FREE FOODS — GLOBAL MARKETS
   ========================================================= */
/* =========================================================
   FREE FOODS — GLOBAL MARKETS
   Premium Global Export Section
   ========================================================= */
/* =========================================================
   FREE FOODS — GLOBAL MARKETS
   ========================================================= */

.global-markets {
  position: relative;
  overflow: hidden;

  background: #FFFFFF;

  padding: 105px 0 90px;
}


/* =========================================================
   BACKGROUND DETAILS
   ========================================================= */

.global-markets::before {
  content: "";

  position: absolute;

  width: 520px;
  height: 520px;

  top: -300px;
  right: -180px;

  border: 1px solid rgba(2, 54, 129, 0.045);

  border-radius: 50%;

  pointer-events: none;
}


.global-markets::after {
  content: "";

  position: absolute;

  width: 360px;
  height: 360px;

  bottom: -240px;
  left: -180px;

  border: 1px solid rgba(214, 168, 79, 0.055);

  border-radius: 50%;

  pointer-events: none;
}


/* =========================================================
   SECTION TITLE
   ========================================================= */

.global-markets .sec-title {
  position: relative;

  margin-bottom: 46px;

  z-index: 2;
}





.global-markets .sec-title__description {
  max-width: 760px;

  margin: 16px auto 0;

  color: #6D797E;

  font-family:
    var(--insuba-font,
      "Roboto",
      sans-serif);

  font-size: 15px;
  font-weight: 400;

  line-height: 1.8;

  text-align: center;
}


/* =========================================================
   MAIN CONTENT AREA
   ========================================================= */

.global-markets__main {
  position: relative;

  display: grid;

  grid-template-columns:
    255px minmax(0, 1fr) 215px;

  align-items: center;

  gap: 22px;

  min-height: 535px;

  padding: 0;

  z-index: 2;
}


/* =========================================================
   LEFT CONTENT
   ========================================================= */

.global-markets__content {
  position: relative;

  align-self: center;

  z-index: 10;
}


.global-markets__eyebrow {
  display: inline-block;

  margin-bottom: 8px;

  color: #023681;

  font-family:
    var(--insuba-heading-font,
      "Poppins",
      sans-serif);

  font-size: 12px;
  font-weight: 700;

  line-height: 1.2;

  letter-spacing: 0.20em;

  text-transform: uppercase;
}


.global-markets__heading {
  margin: 0;

  color: #173A42;

  font-family:
    var(--insuba-heading-font,
      "Poppins",
      sans-serif);

  font-size: 40px;
  font-weight: 600;

  line-height: 1.1;

  letter-spacing: -0.025em;

  text-transform: none;
}


/* Gold Accent */

.global-markets__heading::after {
  content: "";

  display: block;

  width: 43px;
  height: 3px;

  margin-top: 18px;

  background: #D6A84F;

  border-radius: 20px;
}


.global-markets__text {
  max-width: 255px;

  margin: 20px 0 0;

  color: #6D797E;

  font-family:
    var(--insuba-font,
      "Roboto",
      sans-serif);

  font-size: 14px;
  font-weight: 400;

  line-height: 1.85;
}


/* =========================================================
   STATISTICS
   ========================================================= */

.global-markets__stats {
  display: flex;
  align-items: stretch;

  width: 100%;

  margin-top: 27px;

  border-top: 1px solid #D7E1E4;
  border-bottom: 1px solid #D7E1E4;
}


.global-markets__stat {
  flex: 1;

  display: flex;
  flex-direction: column;

  min-width: 0;

  padding: 18px 12px 18px 0;
}


.global-markets__stat+.global-markets__stat {
  padding-left: 18px;

  border-left: 1px solid #D7E1E4;
}


/* Main Number */

.global-markets__stat strong {
  display: flex;
  align-items: baseline;

  margin: 0 0 7px;

  color: #023681;

  font-family:
    var(--insuba-heading-font,
      "Poppins",
      sans-serif);

  font-size: 46px;
  font-weight: 700;

  line-height: 0.95;

  letter-spacing: -0.045em;
}


.global-markets__counter {
  display: inline-block;

  min-width: 48px;

  color: #023681;

  font-family: inherit;

  font-size: 46px;
  font-weight: 700;

  line-height: 1;
}


/* Plus */

.global-markets__stat strong small {
  display: inline-block;

  margin-left: 3px;

  color: #D6A84F;

  font-family:
    var(--insuba-heading-font,
      "Poppins",
      sans-serif);

  font-size: 25px;
  font-weight: 700;

  line-height: 1;
}


.global-markets__stat>span {
  display: block;

  color: #758186;

  font-family:
    var(--insuba-font,
      "Roboto",
      sans-serif);

  font-size: 10px;
  font-weight: 600;

  line-height: 1.45;

  text-transform: uppercase;

  letter-spacing: 0.055em;
}


/* =========================================================
   CTA
   ========================================================= */

.global-markets__button {
  margin-top: 30px;
}


.global-markets__button .insuba-btn {
  position: relative;

  display: inline-flex;
  align-items: center;

  min-height: 54px;

  padding:
    0 70px 0 26px;

  color: #FFFFFF;

  background-color: #023681;

  border-radius: 50px;

  font-family:
    var(--insuba-font,
      "Roboto",
      sans-serif);

  font-size: 13px;
  font-weight: 600;

  line-height: 1;

  text-decoration: none;

  transition:
    transform 350ms ease,
    background-color 350ms ease,
    box-shadow 350ms ease;
}


.global-markets__button .insuba-btn:hover {
  color: #FFFFFF;

  background-color: #173A42;

  transform: translateY(-3px);

  box-shadow:
    0 13px 32px rgba(2, 54, 129, 0.20);
}




.global-markets__button .insuba-btn__icon {
  display: flex;
  align-items: center;
  justify-content: center;

  color: #FFFFFF;

  font-size: 12px;

  transition:
    color 350ms ease,
    transform 350ms ease;
}


.global-markets__button .insuba-btn:hover .insuba-btn__icon-box {
  background-color: #FFFFFF;
}


.global-markets__button .insuba-btn:hover .insuba-btn__icon {
  color: #023681;

  transform: translateX(2px);
}


/* =========================================================
   WORLD MAP
   ========================================================= */

.global-markets__map {
  position: relative;

  width: 100%;
  min-width: 0;

  align-self: center;

  z-index: 3;
}


/*
   IMPORTANT:
   The map container itself is enlarged.
   This keeps the markers aligned with the map.
*/

.global-markets__map-inner {
  position: relative;

  width: 122%;

  margin-left: -11%;

  padding: 0;

  overflow: visible;
}


.global-markets__map-image {
  display: block;

  width: 100%;
  max-width: none;

  height: auto;

  margin: 0;

  opacity: 0.96;

  user-select: none;
  pointer-events: none;

  filter:
    saturate(0.68) brightness(1.055);

  will-change: transform;

  animation:
    globalMapFloat 8s ease-in-out infinite;

  transition:
    opacity 500ms ease;
}


.global-markets__map:hover .global-markets__map-image {
  opacity: 1;
}


/* =========================================================
   MAP FLOAT
   ========================================================= */

@keyframes globalMapFloat {

  0%,
  100% {
    transform: translateY(0);
  }

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


/* =========================================================
   MAP MARKERS
   ========================================================= */

.global-markets__marker {
  position: absolute;

  display: flex;
  align-items: center;

  z-index: 10;

  white-space: nowrap;

  pointer-events: none;
}


/* =========================================================
   BIGGER MARKET DOTS
   ========================================================= */

.global-markets__marker-dot {
  position: relative;

  width: 11px;
  height: 11px;

  flex: 0 0 11px;

  background: #023681;

  border: 2px solid #FFFFFF;

  border-radius: 50%;

  box-shadow:
    0 0 0 3px rgba(2, 54, 129, 0.16),
    0 4px 12px rgba(18, 54, 90, 0.22);

  z-index: 3;
}


/* =========================================================
   FIRST PULSE
   ========================================================= */

.global-markets__marker-dot::before {
  content: "";

  position: absolute;

  top: 50%;
  left: 50%;

  width: 100%;
  height: 100%;

  border:
    1.5px solid rgba(2, 54, 129, 0.55);

  border-radius: 50%;

  transform:
    translate(-50%, -50%) scale(1);

  opacity: 0;

  animation:
    globalMarketPulse 2.8s cubic-bezier(.2, .6, .3, 1) infinite;
}


/* =========================================================
   SECOND PULSE
   ========================================================= */

.global-markets__marker-dot::after {
  content: "";

  position: absolute;

  top: 50%;
  left: 50%;

  width: 100%;
  height: 100%;

  border:
    1px solid rgba(2, 54, 129, 0.22);

  border-radius: 50%;

  transform:
    translate(-50%, -50%) scale(1);

  opacity: 0;

  animation:
    globalMarketPulse 2.8s cubic-bezier(.2, .6, .3, 1) infinite;

  animation-delay: 1.4s;
}


@keyframes globalMarketPulse {

  0% {
    transform:
      translate(-50%, -50%) scale(1);

    opacity: 0.72;
  }

  65% {
    transform:
      translate(-50%, -50%) scale(3.6);

    opacity: 0;
  }

  100% {
    transform:
      translate(-50%, -50%) scale(3.6);

    opacity: 0;
  }
}


/* =========================================================
   EGYPT — MAIN ORIGIN
   ========================================================= */

.global-markets__marker--egypt {
  left: 55.5%;
  top: 54%;

  z-index: 25;
}


.global-markets__marker--egypt .global-markets__marker-dot {
  width: 17px;
  height: 17px;

  flex-basis: 17px;

  background: #D6A84F;

  border: 2px solid #FFFFFF;

  box-shadow:
    0 0 0 4px rgba(214, 168, 79, 0.18),
    0 5px 16px rgba(18, 54, 90, 0.24);

  animation:
    globalMarketOrigin 2.2s ease-in-out infinite;
}


.global-markets__marker--egypt .global-markets__marker-dot::before {
  border-color:
    rgba(214, 168, 79, 0.65);
}


.global-markets__marker--egypt .global-markets__marker-dot::after {
  border-color:
    rgba(214, 168, 79, 0.28);
}


@keyframes globalMarketOrigin {

  0%,
  100% {
    box-shadow:
      0 0 0 4px rgba(214, 168, 79, 0.18),
      0 5px 16px rgba(18, 54, 90, 0.24);
  }

  50% {
    box-shadow:
      0 0 0 8px rgba(214, 168, 79, 0.06),
      0 6px 20px rgba(18, 54, 90, 0.28);
  }
}


/* =========================================================
   COUNTRY LABELS
   ========================================================= */

.global-markets__marker-label {
  display: inline-flex;
  align-items: center;

  margin-left: 8px;

  padding: 6px 10px;

  color: #173A42;

  background:
    rgba(255, 255, 255, 0.97);

  border:
    1px solid rgba(217, 226, 229, 0.95);

  border-radius: 22px;

  box-shadow:
    0 6px 18px rgba(18, 54, 90, 0.08);

  font-family:
    var(--insuba-font,
      "Roboto",
      sans-serif);

  font-size: 9.5px;
  font-weight: 600;

  line-height: 1;

  transition:
    transform 300ms ease,
    box-shadow 300ms ease;
}


/* Egypt Label */

.global-markets__marker--egypt .global-markets__marker-label {
  color: #FFFFFF;

  background: #023681;

  border-color: #023681;

  box-shadow:
    0 7px 20px rgba(2, 54, 129, 0.22);
}


/* =========================================================
   LABEL FLOAT ANIMATION
   ========================================================= */

.global-markets__marker:nth-of-type(2) .global-markets__marker-label {
  animation:
    globalMarketFloatLabel 4s ease-in-out infinite;
}


.global-markets__marker:nth-of-type(3) .global-markets__marker-label {
  animation:
    globalMarketFloatLabel 4s ease-in-out infinite;

  animation-delay: .4s;
}


.global-markets__marker:nth-of-type(4) .global-markets__marker-label {
  animation:
    globalMarketFloatLabel 4s ease-in-out infinite;

  animation-delay: .8s;
}


.global-markets__marker:nth-of-type(5) .global-markets__marker-label {
  animation:
    globalMarketFloatLabel 4s ease-in-out infinite;

  animation-delay: 1.2s;
}


@keyframes globalMarketFloatLabel {

  0%,
  100% {
    transform: translateY(0);
  }

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


/* =========================================================
   COUNTRY POSITIONS
   ========================================================= */

/* Egypt */

.global-markets__marker--egypt {
  left: 55.5%;
  top: 54%;
}


/* Libya */

.global-markets__marker--libya {
  left: 49.5%;
  top: 51.5%;
}


/* Sudan */

.global-markets__marker--sudan {
  left: 54.5%;
  top: 62%;
}


/* Palestine */

.global-markets__marker--palestine {
  left: 57.4%;
  top: 50.2%;
}


/* Jordan */

.global-markets__marker--jordan {
  left: 58.5%;
  top: 52.5%;
}


/* Kuwait */

.global-markets__marker--kuwait {
  left: 60.5%;
  top: 52.2%;
}


/* Qatar */

.global-markets__marker--qatar {
  left: 60.7%;
  top: 56.2%;
}


/* UAE */

.global-markets__marker--uae {
  left: 62%;
  top: 58.5%;
}


/* Yemen */

.global-markets__marker--yemen {
  left: 61.5%;
  top: 63%;
}


/* Oman */

.global-markets__marker--oman {
  left: 64.5%;
  top: 61%;
}


/* Turkey */

.global-markets__marker--turkey {
  left: 54.5%;
  top: 43%;
}


/* Germany */

.global-markets__marker--germany {
  left: 51.8%;
  top: 39%;
}


/* =========================================================
   EXPORT ROUTES
   ========================================================= */
/* =========================================================
   EXPORT ROUTES
   Clean spacing from Egypt to each export market
   ========================================================= */

.global-markets__routes {
  position: absolute;
  inset: 0;
  z-index: 4;
  pointer-events: none;
}

.global-markets__route {
  position: absolute;
  display: block;

  height: 1px;

  transform-origin: left center;

  border-top: 1px dashed rgba(214, 168, 79, 0.42);

  opacity: 0.48;

  animation:
    globalMarketRoute 4.5s ease-in-out infinite;
}

@keyframes globalMarketRoute {

  0%,
  100% {
    opacity: 0.18;
  }

  50% {
    opacity: 0.62;
  }

}


/* =========================================================
   LIBYA
   ========================================================= */

.global-markets__route--libya {
  left: 55.4%;
  top: 54.5%;

  width: 7.5%;

  transform: rotate(192deg);

  animation-delay: .1s;
}


/* =========================================================
   SUDAN
   ========================================================= */

.global-markets__route--sudan {
  left: 55.7%;
  top: 55.2%;

  width: 9%;

  transform: rotate(101deg);

  animation-delay: .25s;
}


/* =========================================================
   PALESTINE
   ========================================================= */

.global-markets__route--palestine {
  left: 55.9%;
  top: 54.1%;

  width: 5.2%;

  transform: rotate(-67deg);

  animation-delay: .4s;
}


/* =========================================================
   JORDAN
   ========================================================= */

.global-markets__route--jordan {
  left: 56.1%;
  top: 54.3%;

  width: 5.8%;

  transform: rotate(-48deg);

  animation-delay: .55s;
}


/* =========================================================
   KUWAIT
   ========================================================= */

.global-markets__route--kuwait {
  left: 56.2%;
  top: 54.8%;

  width: 7.2%;

  transform: rotate(-22deg);

  animation-delay: .7s;
}


/* =========================================================
   QATAR
   ========================================================= */

.global-markets__route--qatar {
  left: 56.2%;
  top: 55.0%;

  width: 6.5%;

  transform: rotate(5deg);

  animation-delay: .85s;
}


/* =========================================================
   UAE
   ========================================================= */

.global-markets__route--uae {
  left: 56.1%;
  top: 55.2%;

  width: 8.2%;

  transform: rotate(17deg);

  animation-delay: 1s;
}


/* =========================================================
   YEMEN
   ========================================================= */

.global-markets__route--yemen {
  left: 55.9%;
  top: 55.3%;

  width: 10%;

  transform: rotate(42deg);

  animation-delay: 1.15s;
}


/* =========================================================
   OMAN
   ========================================================= */

.global-markets__route--oman {
  left: 56.0%;
  top: 55.3%;

  width: 12.5%;

  transform: rotate(31deg);

  animation-delay: 1.3s;
}


/* =========================================================
   TURKEY
   ========================================================= */

.global-markets__route--turkey {
  left: 55.2%;
  top: 53.8%;

  width: 14%;

  transform: rotate(-75deg);

  animation-delay: 1.45s;
}


/* =========================================================
   GERMANY
   ========================================================= */

.global-markets__route--germany {
  left: 55.1%;
  top: 53.6%;

  width: 17%;

  transform: rotate(-79deg);

  animation-delay: 1.6s;
}

/* =========================================================
   SELECTED MARKETS CARD
   ========================================================= */

.global-markets__markets {
  position: relative;

  width: 100%;

  padding: 24px 19px 23px;

  background:
    rgba(255, 255, 255, 0.98);

  border:
    1px solid #DCE5E8;

  border-radius: 18px;

  box-shadow:
    0 16px 40px rgba(18, 54, 90, 0.075);

  z-index: 8;
}


.global-markets__markets-header {
  display: flex;
  align-items: center;

  gap: 9px;

  margin-bottom: 19px;
}


.global-markets__markets-line {
  width: 26px;
  height: 3px;

  flex: 0 0 26px;

  display: block;

  background: #D6A84F;

  border-radius: 10px;
}


.global-markets__markets-header h3 {
  margin: 0;

  color: #173A42;

  font-family:
    var(--insuba-heading-font,
      "Poppins",
      sans-serif);

  font-size: 15px;
  font-weight: 600;

  line-height: 1.3;
}


/* =========================================================
   MARKET LIST
   ========================================================= */

.global-markets__markets-list {
  display: flex;
  flex-direction: column;

  gap: 10px;
}


.global-markets__market {
  display: flex;
  align-items: center;

  gap: 9px;

  color: #657277;

  font-family:
    var(--insuba-font,
      "Roboto",
      sans-serif);

  font-size: 10.5px;
  font-weight: 500;

  line-height: 1.4;

  text-decoration: none;

  transition:
    color 250ms ease,
    transform 250ms ease;
}


.global-markets__market:hover {
  color: #023681;

  transform: translateX(3px);
}


.global-markets__market-dot {
  width: 7px;
  height: 7px;

  flex: 0 0 7px;

  background: #023681;

  border-radius: 50%;
}


/* =========================================================
   BOTTOM HIGHLIGHTS
   ========================================================= */

.global-markets__highlights {
  position: relative;

  display: grid;

  grid-template-columns:
    repeat(4, 1fr);

  align-items: center;

  margin-top: 20px;

  padding: 22px 28px;

  background: #FFFFFF;

  border:
    1px solid #DCE5E8;

  border-radius: 18px;

  box-shadow:
    0 11px 32px rgba(18, 54, 90, 0.05);

  z-index: 3;
}


.global-markets__highlight {
  display: flex;
  align-items: center;

  gap: 13px;

  min-width: 0;

  padding: 0 24px;
}


.global-markets__highlight:first-child {
  padding-left: 0;
}


.global-markets__highlight:last-child {
  padding-right: 0;
}


.global-markets__highlight+.global-markets__highlight {
  border-left:
    1px solid #E1E9EB;
}


/* =========================================================
   HIGHLIGHT ICON
   ========================================================= */

.global-markets__highlight-icon {
  width: 55px;
  height: 55px;

  flex: 0 0 55px;

  display: flex;
  align-items: center;
  justify-content: center;

  color: #023681;

  background: var(--section-gradient);

  border-radius: 50%;

  font-size: 14px;

  transition:
    color 300ms ease,
    background-color 300ms ease,
    transform 300ms ease;
}


.global-markets__highlight:hover .global-markets__highlight-icon {
  color: #FFFFFF;

  background: #023681;

  transform: translateY(-2px);
}


/* =========================================================
   HIGHLIGHT TEXT
   ========================================================= */

.global-markets__highlight-content {
  min-width: 0;
}


.global-markets__highlight-content strong {
  display: block;

  margin-bottom: 3px;

  color: #173A42;

  font-family:
    var(--insuba-heading-font,
      "Poppins",
      sans-serif);

  font-size: 14px;
  font-weight: 600;

  line-height: 1.35;
}


.global-markets__highlight-content span {
  display: block;

  color: #7A8589;

  font-size: 12.5px;
  font-weight: 400;

  line-height: 1.45;
}


/* =========================================================
   LAPTOP
   ========================================================= */

@media (max-width: 1399px) {

  .global-markets {
    padding: 95px 0 80px;
  }

  .global-markets__main {
    grid-template-columns:
      235px minmax(0, 1fr) 200px;

    gap: 18px;

    min-height: 510px;
  }

  .global-markets__heading {
    font-size: 36px;
  }

  .global-markets__map-inner {
    width: 120%;
    margin-left: -10%;
  }

  .global-markets__stat strong,
  .global-markets__counter {
    font-size: 42px;
  }

  .global-markets__highlight {
    padding: 0 16px;
  }
}


/* =========================================================
   SMALL LAPTOP
   ========================================================= */

@media (max-width: 1199px) {

  .global-markets {
    padding: 85px 0 75px;
  }

  .global-markets .sec-title {
    margin-bottom: 35px;
  }

  .global-markets__main {
    grid-template-columns:
      215px minmax(0, 1fr) 180px;

    gap: 14px;

    min-height: 465px;
  }

  .global-markets__heading {
    font-size: 31px;
  }

  .global-markets__text {
    max-width: 215px;

    font-size: 13.5px;
  }

  .global-markets__map-inner {
    width: 118%;
    margin-left: -9%;
  }

  .global-markets__markets {
    padding: 21px 16px;
  }

  .global-markets__market {
    font-size: 10px;
  }

  .global-markets__highlight {
    gap: 9px;

    padding: 0 11px;
  }

  .global-markets__highlight-icon {
    width: 40px;
    height: 40px;

    flex-basis: 40px;
  }

  .global-markets__highlight-content strong {
    font-size: 11.5px;
  }

  .global-markets__highlight-content span {
    font-size: 9px;
  }
}


/* =========================================================
   TABLET
   ========================================================= */

@media (max-width: 991px) {

  .global-markets {
    padding: 75px 0 65px;
  }

  .global-markets .sec-title {
    margin-bottom: 35px;
  }

  .global-markets .sec-title__description {
    max-width: 680px;

    font-size: 14.5px;
  }

  .global-markets__main {
    display: grid;

    grid-template-columns: 1fr;

    gap: 30px;

    min-height: auto;
  }


  /* Content */

  .global-markets__content {
    max-width: 650px;

    margin: 0 auto;

    text-align: center;
  }

  .global-markets__heading {
    font-size: 34px;
  }

  .global-markets__heading::after {
    margin-left: auto;
    margin-right: auto;
  }

  .global-markets__text {
    max-width: 650px;

    margin-left: auto;
    margin-right: auto;

    font-size: 14px;
  }


  /* Stats */

  .global-markets__stats {
    max-width: 340px;

    margin-left: auto;
    margin-right: auto;

    text-align: left;
  }


  /* CTA */

  .global-markets__button {
    margin-top: 24px;
  }


  /* Map */

  .global-markets__map {
    width: 100%;

    overflow: visible;
  }

  .global-markets__map-inner {
    width: 112%;

    margin-left: -6%;
  }


  /* Markets */

  .global-markets__markets {
    width: 100%;

    max-width: 620px;

    margin: 0 auto;
  }

  .global-markets__markets-list {
    display: grid;

    grid-template-columns:
      repeat(2, 1fr);

    column-gap: 30px;
    row-gap: 11px;
  }


  /* Highlights */

  .global-markets__highlights {
    grid-template-columns:
      repeat(2, 1fr);

    gap: 0;

    padding: 24px;
  }

  .global-markets__highlight {
    padding: 15px 18px;
  }

  .global-markets__highlight:nth-child(1),
  .global-markets__highlight:nth-child(3) {
    padding-left: 0;
  }

  .global-markets__highlight:nth-child(2),
  .global-markets__highlight:nth-child(4) {
    padding-right: 0;
  }

  .global-markets__highlight:nth-child(3),
  .global-markets__highlight:nth-child(4) {
    padding-top: 20px;

    border-top:
      1px solid #E1E9EB;
  }

  .global-markets__highlight:nth-child(3) {
    border-left: none;
  }
}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 767px) {

  .global-markets {
    padding: 65px 0 55px;
  }

  .global-markets .sec-title {
    margin-bottom: 28px;
  }

  .global-markets .sec-title__description {
    padding: 0 8px;

    font-size: 13.5px;

    line-height: 1.75;
  }


  /* Content */

  .global-markets__main {
    gap: 25px;
  }

  .global-markets__eyebrow {
    font-size: 10px;
  }

  .global-markets__heading {
    font-size: 29px;
  }

  .global-markets__text {
    font-size: 13.5px;

    line-height: 1.75;
  }


  /* Counter */

  .global-markets__stat strong,
  .global-markets__counter {
    font-size: 36px;
  }

  .global-markets__stat strong small {
    font-size: 20px;
  }


  /* Map */

  .global-markets__map-inner {
    width: 116%;

    margin-left: -8%;
  }


  .global-markets__marker-label {
    padding: 4px 7px;

    font-size: 8px;
  }


  /* Dots */

  .global-markets__marker-dot {
    width: 8px;
    height: 8px;

    flex-basis: 8px;
  }


  /* Egypt */

  .global-markets__marker--egypt .global-markets__marker-dot {
    width: 11px;
    height: 11px;

    flex-basis: 11px;
  }


  /* Hide labels that would become crowded */

  .global-markets__marker--libya .global-markets__marker-label,

  .global-markets__marker--sudan .global-markets__marker-label,

  .global-markets__marker--yemen .global-markets__marker-label,

  .global-markets__marker--oman .global-markets__marker-label {
    display: none;
  }


  /* Markets */

  .global-markets__markets {
    padding: 21px 19px;
  }

  .global-markets__markets-list {
    grid-template-columns:
      repeat(2, 1fr);

    gap: 11px 18px;
  }


  /* Highlights */

  .global-markets__highlights {
    grid-template-columns: 1fr;

    padding: 7px 19px;
  }

  .global-markets__highlight {
    padding: 16px 0 !important;
  }

  .global-markets__highlight+.global-markets__highlight {
    border-top:
      1px solid #E1E9EB;

    border-left: none;
  }
}


/* =========================================================
   SMALL MOBILE
   ========================================================= */

@media (max-width: 575px) {

  .global-markets {
    padding: 55px 0 50px;
  }

  .global-markets .sec-title__description {
    font-size: 13px;
  }

  .global-markets__heading {
    font-size: 26px;
  }

  .global-markets__text {
    font-size: 13px;
  }


  /* Stats */

  .global-markets__stats {
    max-width: 300px;
  }

  .global-markets__stat {
    padding: 16px 10px 16px 0;
  }

  .global-markets__stat+.global-markets__stat {
    padding-left: 15px;
  }

  .global-markets__stat strong,
  .global-markets__counter {
    font-size: 33px;
  }

  .global-markets__stat strong small {
    font-size: 18px;
  }

  .global-markets__stat>span {
    font-size: 9px;
  }


  /* CTA */

  .global-markets__button .insuba-btn {
    min-height: 51px;

    padding-left: 23px;
    padding-right: 65px;

    font-size: 12px;
  }

  .global-markets__button .insuba-btn__icon-box {
    width: 41px;
    height: 41px;
  }


  /* Map */

  .global-markets__map-inner {
    width: 120%;

    margin-left: -10%;
  }

  .global-markets__marker-label {
    font-size: 7px;

    padding: 3px 6px;
  }


  /* Markets */

  .global-markets__markets-list {
    grid-template-columns: 1fr;
  }
}


/* =========================================================
   VERY SMALL MOBILE
   ========================================================= */

@media (max-width: 430px) {

  .global-markets {
    padding: 50px 0 45px;
  }

  .global-markets__heading {
    font-size: 24px;
  }

  .global-markets__map {
    margin-top: 4px;
  }

  .global-markets__map-inner {
    width: 125%;

    margin-left: -12.5%;
  }


  /* Smaller labels */

  .global-markets__marker-label {
    font-size: 6.5px;

    padding: 3px 5px;

    box-shadow:
      0 3px 10px rgba(18, 54, 90, 0.07);
  }


  /* Hide crowded labels */

  .global-markets__marker--libya .global-markets__marker-label,

  .global-markets__marker--sudan .global-markets__marker-label,

  .global-markets__marker--yemen .global-markets__marker-label,

  .global-markets__marker--oman .global-markets__marker-label,

  .global-markets__marker--turkey .global-markets__marker-label {
    display: none;
  }


  /* Markets */

  .global-markets__markets {
    padding: 19px 16px;
  }


  /* Highlights */

  .global-markets__highlights {
    padding: 5px 16px;
  }
}


/* =========================================================
   REDUCED MOTION
   ========================================================= */

@media (prefers-reduced-motion: reduce) {

  .global-markets__marker-dot::before,
  .global-markets__marker-dot::after,
  .global-markets__marker--egypt .global-markets__marker-dot,
  .global-markets__route,
  .global-markets__map-image,
  .global-markets__marker-label {
    animation: none !important;
  }
}

.work-planning__appointment .insuba-btn .insuba-btn__icon-box {
  background-color: #fff !important;
}

.work-planning__appointment .insuba-btn .insuba-btn__icon {
  color: var(--insuba-base);


}

.work-planning__appointment .insuba-btn {
  border: 1px solid #fff !important;

}



/* =========================================================
   FREE FOODS - ABOUT STORY
   ========================================================= */

.ff-about-story {
  position: relative;
  overflow: hidden;
  background: #ffffff;
  padding: 115px 0 105px;
}

/* Soft decorative background */
.ff-about-story::before {
  content: "";
  position: absolute;
  top: -240px;
  right: -220px;
  width: 520px;
  height: 520px;
  border: 1px solid rgba(2, 54, 129, 0.055);
  border-radius: 50%;
  pointer-events: none;
}

.ff-about-story::after {
  content: "";
  position: absolute;
  bottom: -260px;
  left: -220px;
  width: 480px;
  height: 480px;
  border: 1px solid rgba(214, 168, 79, 0.07);
  border-radius: 50%;
  pointer-events: none;
}

.ff-about-story .container {
  position: relative;
  z-index: 2;
}


/* =========================================================
   HEADER
   ========================================================= */

.ff-about-story__header {
  max-width: 850px;
  margin: 0 auto 65px;
  text-align: center;
}

.ff-about-story__eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 15px;

  color: #023681;
  font-family: var(--insuba-heading-font, "Poppins", sans-serif);
  font-size: 12px;
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: 0.20em;
  text-transform: uppercase;
}

.ff-about-story__eyebrow span {
  display: inline-block;
  width: 28px;
  height: 2px;
  background: #D6A84F;
  border-radius: 20px;
}

.ff-about-story__title {
  margin: 0;
  color: #173A42;
  font-family: var(--insuba-heading-font, "Poppins", sans-serif);
  font-size: 48px;
  font-weight: 500;
  line-height: 1.15;
  letter-spacing: -0.035em;
}

.ff-about-story__title strong {
  color: #023681;
  font-weight: 600;
}

.ff-about-story__intro {
  max-width: 720px;
  margin: 22px auto 0;

  color: #6D797E;
  font-family: var(--insuba-font, "Roboto", sans-serif);
  font-size: 15px;
  font-weight: 400;
  line-height: 1.9;
}


/* =========================================================
   MAIN GRID
   ========================================================= */

.ff-about-story__main {
  display: grid;
  grid-template-columns: minmax(0, 1.02fr) minmax(0, 0.98fr);
  align-items: center;
  gap: 75px;
}


/* =========================================================
   IMAGE
   ========================================================= */

.ff-about-story__visual {
  position: relative;
}

.ff-about-story__image-wrap {
  position: relative;
  width: 100%;
  max-width: 620px;
  overflow: visible;
}

.ff-about-story__image-wrap::before {
  content: "";
  position: absolute;
  top: 22px;
  left: -22px;
  width: 100%;
  height: 100%;
  border: 1px solid #D6A84F;
  border-radius: 28px;
  z-index: 0;
}

.ff-about-story__image {
  position: relative;
  display: block;
  width: 100%;
  height: 485px;
  object-fit: cover;
  object-position: center;
  border-radius: 28px 28px 28px 0;
  z-index: 1;
  box-shadow: 0 22px 55px rgba(18, 54, 90, 0.13);
}


/* Year Badge */

.ff-about-story__year {
  position: absolute;
  right: -25px;
  bottom: 28px;

  width: 135px;
  height: 135px;

  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;

  background: #023681;
  border: 7px solid #ffffff;
  border-radius: 50%;

  box-shadow: 0 15px 35px rgba(2, 54, 129, 0.22);

  z-index: 3;
}

.ff-about-story__year strong {
  display: block;
  color: #ffffff;

  font-family: var(--insuba-heading-font, "Poppins", sans-serif);
  font-size: 28px;
  font-weight: 700;
  line-height: 1;
}

.ff-about-story__year span {
  display: block;
  margin-top: 7px;

  color: rgba(255, 255, 255, 0.78);

  font-family: var(--insuba-font, "Roboto", sans-serif);
  font-size: 10px;
  font-weight: 600;
  line-height: 1.3;

  text-transform: uppercase;
  letter-spacing: 0.08em;
}


/* Image Caption */

.ff-about-story__caption {
  display: flex;
  align-items: center;
  gap: 10px;

  margin-top: 18px;
  padding-left: 4px;

  color: #758186;

  font-family: var(--insuba-font, "Roboto", sans-serif);
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.ff-about-story__caption-line {
  display: inline-block;
  width: 24px;
  height: 2px;
  background: #D6A84F;
}


/* =========================================================
   CONTENT
   ========================================================= */

.ff-about-story__content {
  max-width: 570px;
}

.ff-about-story__label {
  display: block;
  margin-bottom: 11px;

  color: #023681;

  font-family: var(--insuba-heading-font, "Poppins", sans-serif);
  font-size: 12px;
  font-weight: 700;
  line-height: 1.3;

  letter-spacing: 0.13em;
  text-transform: uppercase;
}

.ff-about-story__heading {
  margin: 0 0 21px;

  color: #173A42;

  font-family: var(--insuba-heading-font, "Poppins", sans-serif);
  font-size: 37px;
  font-weight: 600;
  line-height: 1.22;
  letter-spacing: -0.025em;
}

.ff-about-story__text {
  margin: 0 0 16px;

  color: #6D797E;

  font-family: var(--insuba-font, "Roboto", sans-serif);
  font-size: 15px;
  font-weight: 400;
  line-height: 1.85;
}


/* =========================================================
   STORY POINTS
   ========================================================= */

.ff-about-story__points {
  display: grid;
  grid-template-columns: 1fr;
  gap: 0;

  margin-top: 28px;
  border-top: 1px solid #E3EAED;
}

.ff-about-story__point {
  display: flex;
  align-items: flex-start;
  gap: 17px;

  padding: 17px 0;

  border-bottom: 1px solid #E3EAED;
}

.ff-about-story__point-number {
  flex: 0 0 auto;

  display: flex;
  align-items: center;
  justify-content: center;

  width: 34px;
  height: 34px;

  color: #023681;
  background: #F8FAFD;

  border-radius: 50%;

  font-family: var(--insuba-heading-font, "Poppins", sans-serif);
  font-size: 11px;
  font-weight: 700;

  transition:
    background-color 300ms ease,
    color 300ms ease,
    transform 300ms ease;
}

.ff-about-story__point:hover .ff-about-story__point-number {
  color: #ffffff;
  background: #023681;
  transform: translateY(-2px);
}

.ff-about-story__point-content {
  flex: 1;
}

.ff-about-story__point-content h4 {
  margin: 0 0 5px;

  color: #173A42;

  font-family: var(--insuba-heading-font, "Poppins", sans-serif);
  font-size: 15px;
  font-weight: 600;
  line-height: 1.4;
}

.ff-about-story__point-content p {
  margin: 0;

  color: #7A858A;

  font-family: var(--insuba-font, "Roboto", sans-serif);
  font-size: 13px;
  font-weight: 400;
  line-height: 1.65;
}


/* =========================================================
   BOTTOM STATEMENT
   ========================================================= */

.ff-about-story__statement {
  display: flex;
  align-items: center;
  gap: 22px;

  margin-top: 75px;
  padding: 27px 30px;

  background: #F8FAFD;
  border: 1px solid #E2EAED;
  border-radius: 18px;
}

.ff-about-story__statement-icon {
  flex: 0 0 auto;

  width: 55px;
  height: 55px;

  display: flex;
  align-items: center;
  justify-content: center;

  color: #ffffff;
  background: #023681;

  border-radius: 50%;

  font-size: 17px;
}

.ff-about-story__statement-content {
  flex: 1;
}

.ff-about-story__statement-content>span {
  display: block;
  margin-bottom: 5px;

  color: #6D797E;

  font-family: var(--insuba-font, "Roboto", sans-serif);
  font-size: 10px;
  font-weight: 700;
  line-height: 1.2;

  letter-spacing: 0.14em;
  text-transform: uppercase;
}

.ff-about-story__statement-content h3 {
  margin: 0;

  color: #173A42;

  font-family: var(--insuba-heading-font, "Poppins", sans-serif);
  font-size: 22px;
  font-weight: 500;
  line-height: 1.35;
}

.ff-about-story__statement-content h3 strong {
  color: #023681;
  font-weight: 600;
}

.ff-about-story__statement-link {
  flex: 0 0 auto;

  display: inline-flex;
  align-items: center;
  gap: 10px;

  color: #023681;

  font-family: var(--insuba-font, "Roboto", sans-serif);
  font-size: 13px;
  font-weight: 700;
  line-height: 1.4;

  text-decoration: none;

  transition:
    color 300ms ease,
    gap 300ms ease;
}

.ff-about-story__statement-link i {
  font-size: 11px;
}

.ff-about-story__statement-link:hover {
  color: #173A42;
  gap: 14px;
}


/* =========================================================
   RESPONSIVE
   ========================================================= */

@media (max-width: 1199px) {

  .ff-about-story {
    padding: 100px 0 90px;
  }

  .ff-about-story__main {
    gap: 50px;
  }

  .ff-about-story__image {
    height: 440px;
  }

  .ff-about-story__heading {
    font-size: 33px;
  }

  .ff-about-story__title {
    font-size: 43px;
  }

  .ff-about-story__year {
    right: -15px;
    width: 120px;
    height: 120px;
  }
}


@media (max-width: 991px) {

  .ff-about-story {
    padding: 90px 0 80px;
  }

  .ff-about-story__header {
    margin-bottom: 55px;
  }

  .ff-about-story__main {
    grid-template-columns: 1fr;
    gap: 55px;
  }

  .ff-about-story__visual {
    max-width: 700px;
    margin: 0 auto;
    width: 100%;
  }

  .ff-about-story__content {
    max-width: 700px;
    margin: 0 auto;
  }

  .ff-about-story__image {
    height: 470px;
  }

  .ff-about-story__statement {
    margin-top: 60px;
  }
}


@media (max-width: 767px) {

  .ff-about-story {
    padding: 75px 0 70px;
  }

  .ff-about-story__header {
    margin-bottom: 45px;
  }

  .ff-about-story__title {
    font-size: 36px;
  }

  .ff-about-story__intro {
    font-size: 14px;
    line-height: 1.8;
  }

  .ff-about-story__image {
    height: 390px;
    border-radius: 22px 22px 22px 0;
  }

  .ff-about-story__image-wrap::before {
    top: 14px;
    left: -12px;
    border-radius: 22px;
  }

  .ff-about-story__year {
    right: -8px;
    bottom: 20px;

    width: 105px;
    height: 105px;

    border-width: 5px;
  }

  .ff-about-story__year strong {
    font-size: 23px;
  }

  .ff-about-story__year span {
    font-size: 8px;
  }

  .ff-about-story__heading {
    font-size: 30px;
  }

  .ff-about-story__text {
    font-size: 14px;
  }

  .ff-about-story__statement {
    flex-wrap: wrap;
    gap: 16px;
    padding: 23px;
  }

  .ff-about-story__statement-content {
    min-width: calc(100% - 75px);
  }

  .ff-about-story__statement-link {
    width: 100%;
    padding-top: 8px;
  }
}


@media (max-width: 575px) {

  .ff-about-story {
    padding: 65px 0 60px;
  }

  .ff-about-story__title {
    font-size: 31px;
  }

  .ff-about-story__eyebrow {
    font-size: 10px;
  }

  .ff-about-story__image {
    height: 320px;
  }

  .ff-about-story__year {
    right: -4px;
    bottom: 14px;

    width: 90px;
    height: 90px;
  }

  .ff-about-story__year strong {
    font-size: 20px;
  }

  .ff-about-story__heading {
    font-size: 27px;
  }

  .ff-about-story__point {
    gap: 12px;
  }

  .ff-about-story__point-content p {
    font-size: 12px;
  }

  .ff-about-story__statement-icon {
    width: 48px;
    height: 48px;
    font-size: 15px;
  }

  .ff-about-story__statement-content h3 {
    font-size: 19px;
  }
}


@media (max-width: 430px) {

  .ff-about-story__image {
    height: 285px;
  }

  .ff-about-story__image-wrap::before {
    display: none;
  }

  .ff-about-story__year {
    width: 82px;
    height: 82px;
    right: 8px;
  }

  .ff-about-story__year strong {
    font-size: 18px;
  }

  .ff-about-story__year span {
    font-size: 7px;
  }

  .ff-about-story__title {
    font-size: 28px;
  }

  .ff-about-story__heading {
    font-size: 25px;
  }
}


/* =========================================
   FREE FOODS - ABOUT LIST
   ========================================= */

.about-one__list-box {
  margin-top: 28px;
}

.about-one__list-box .row {
  margin-left: -8px;
  margin-right: -8px;
  row-gap: 12px;
}

.about-one__list-box [class*="col-"] {
  padding-left: 8px;
  padding-right: 8px;
}


/* List Item */

.about-one__list {
  display: flex;
  align-items: center;
  gap: 12px;

  min-height: 60px;
  padding: 8px 12px;

  background: #F5F8FC;
  border: 1px solid #F5F8FC;
  border-radius: 10px;

  transition:
    transform 350ms ease,
    background-color 350ms ease,
    border-color 350ms ease,
    box-shadow 350ms ease;
}

.about-one__list:hover {
  background: #FFFFFF;
  border-color: rgba(2, 54, 129, 0.18);
  transform: translateY(-3px);

  box-shadow: 0 10px 25px rgba(18, 54, 90, 0.08);
}


/* Icon */

.about-one__list__icon {
  display: flex;
  align-items: center;
  justify-content: center;

  flex: 0 0 34px;

  width: 40px;
  height: 40px;

  color: #023681;
  background: #E8F0F7;

  border-radius: 50%;

  font-size: 11px;
  line-height: 1;

  transition:
    color 300ms ease,
    background-color 300ms ease,
    transform 300ms ease;
}

.about-one__list:hover .about-one__list__icon {
  color: #FFFFFF;
  background: #023681;
  transform: scale(1.05);
}


/* Text */

.about-one__list__link {
  display: block;

  margin: 0;

  color: #173A42;

  font-family: var(--insuba-heading-font, "Poppins", sans-serif);
  font-size: 13px;
  font-weight: 600;
  line-height: 1.35;

  transition: color 300ms ease;
}

.about-one__list:hover .about-one__list__link {
  color: #023681;
}


/* =========================================
   TABLET
   ========================================= */

@media (max-width: 991px) {

  .about-one__list-box {
    margin-top: 25px;
  }

  .about-one__list {
    min-height: 51px;
  }

}


/* =========================================
   MOBILE
   ========================================= */

@media (max-width: 575px) {

  .about-one__list-box {
    margin-top: 23px;
  }

  .about-one__list-box .row {
    row-gap: 9px;
  }

  .about-one__list {
    min-height: 49px;
    padding: 7px 10px;
    gap: 9px;
  }

  .about-one__list__icon {
    flex-basis: 30px;
    width: 30px;
    height: 30px;

    font-size: 10px;
  }

  .about-one__list__link {
    font-size: 12px;
  }

}


/* =========================================
   SMALL MOBILE
   ========================================= */

@media (max-width: 430px) {

  .about-one__list-box .row {
    margin-left: -5px;
    margin-right: -5px;
  }

  .about-one__list-box [class*="col-"] {
    padding-left: 5px;
    padding-right: 5px;
  }

  .about-one__list {
    min-height: 47px;
    padding: 6px 8px;
    gap: 8px;
  }

  .about-one__list__icon {
    flex-basis: 28px;
    width: 28px;
    height: 28px;
  }

  .about-one__list__link {
    font-size: 11px;
  }

}

/* ==========================================
   FREE FOODS
   VISION / MISSION / GOALS
   ========================================== */

#vision-mission-goals .services-three__cards {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 30px;
  margin-top: 45px;
}


/* Equal height */

#vision-mission-goals .services-three__card {
  height: 100%;
}

#vision-mission-goals .service-card-three {
  height: 100%;
}


/* Remove links styling because titles are no longer links */

#vision-mission-goals .service-card-three__title {
  cursor: default;
}



/* ==========================================
   TABLET
   ========================================== */

@media (max-width: 991px) {

  #vision-mission-goals .services-three__cards {
    grid-template-columns: repeat(2, 1fr);
    gap: 25px;
  }

  #vision-mission-goals .services-three__card:last-child {
    grid-column: 1 / -1;
    max-width: calc(50% - 12.5px);
    width: 100%;
    margin: 0 auto;
  }

}


/* ==========================================
   MOBILE
   ========================================== */

@media (max-width: 767px) {

  #vision-mission-goals .services-three__cards {
    grid-template-columns: 1fr;
    gap: 25px;
    margin-top: 35px;
  }

  #vision-mission-goals .services-three__card:last-child {
    grid-column: auto;
    max-width: none;
    margin: 0;
  }

}


/* ==========================================
   SMALL MOBILE
   ========================================== */

@media (max-width: 575px) {

  #vision-mission-goals .services-three__cards {
    gap: 20px;
    margin-top: 30px;
  }

}










/* =========================================================
   CHAIRMAN PAGE
   FREE FOODS
========================================================= */

:root {
  --chairman-blue: #023681;
  --chairman-blue-dark: #012B68;
  --chairman-navy: #12365A;
  --chairman-text: #5F6B70;
  --chairman-muted: #7A878C;
  --chairman-gold: #D6A84F;

  --chairman-light: #F3F7F8;
  --chairman-light-blue: #EAF1F8;
  --chairman-border: #DDE6EA;

  --chairman-white: #FFFFFF;

  --chairman-shadow:
    0 20px 60px rgba(18, 54, 90, .09);

  --chairman-shadow-soft:
    0 12px 35px rgba(18, 54, 90, .07);

  --chairman-radius: 22px;
}


/* =========================================================
   GLOBAL ANIMATION
========================================================= */

@keyframes chairmanFadeUp {

  from {
    opacity: 0;
    transform: translateY(30px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }

}


@keyframes chairmanFloat {

  0%,
  100% {
    transform: translateY(0);
  }

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

}


@keyframes chairmanPulse {

  0% {
    box-shadow:
      0 0 0 0 rgba(2, 54, 129, .20);
  }

  70% {
    box-shadow:
      0 0 0 12px rgba(2, 54, 129, 0);
  }

  100% {
    box-shadow:
      0 0 0 0 rgba(2, 54, 129, 0);
  }

}


@keyframes chairmanLine {

  0% {
    transform: scaleX(0);
    transform-origin: left;
  }

  100% {
    transform: scaleX(1);
    transform-origin: left;
  }

}


@keyframes chairmanReveal {

  from {
    opacity: 0;
    transform: scale(.96);
  }

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

}


/* =========================================================
   CHAIRMAN MESSAGE
========================================================= */

/* =========================================================
   FREE FOODS
   CHAIRMAN'S MESSAGE
   + OUR LEADERSHIP PRIORITIES
   BRAND COLORS — FREE FOODS
========================================================= */

:root {
  --ff-blue: #06479B;
  --ff-blue-dark: #023681;
  --ff-blue-deep: #012B68;

  --ff-white: #FFFFFF;
  --ff-bg: #F8FAFD;
  --ff-light-blue: #E8F0F7;

  --ff-text: #173A42;
  --ff-muted: #66757B;
  --ff-border: #DCE5E8;

  --ff-gold: #D6A84F;
}


/* =========================================================
   =========================================================
   01 — CHAIRMAN MESSAGE
   =========================================================
========================================================= */

.chairman-message {
  position: relative;
  overflow: hidden;

  padding: 125px 0 130px;

  background:
    linear-gradient(180deg,
      #FFFFFF 0%,
      #FFFFFF 58%,
      #F8FAFD 100%);

  isolation: isolate;
}


/* =========================================================
   BACKGROUND DECORATION
========================================================= */

.chairman-message::before {
  content: "";

  position: absolute;

  width: 560px;
  height: 560px;

  top: -350px;
  right: -250px;

  border: 1px solid rgba(6, 71, 155, 0.055);

  border-radius: 50%;

  pointer-events: none;
  z-index: -1;
}


.chairman-message::after {
  content: "";

  position: absolute;

  width: 430px;
  height: 430px;

  bottom: -300px;
  left: -240px;

  border: 1px solid rgba(6, 71, 155, 0.045);

  border-radius: 50%;

  pointer-events: none;
  z-index: -1;
}


/* =========================================================
   MAIN LAYOUT
========================================================= */

.chairman-message__wrapper {
  position: relative;

  display: grid;

  grid-template-columns:
    minmax(360px, 0.84fr) minmax(0, 1.16fr);

  align-items: center;

  gap: 85px;
}


/* =========================================================
   PROFILE
========================================================= */

.chairman-message__profile {
  position: relative;

  width: 100%;

  opacity: 0;

  transform: translateX(-45px);

  animation:
    chairmanProfileIn 1100ms cubic-bezier(.22, 1, .36, 1) 150ms forwards;
}


/* =========================================================
   IMAGE WRAPPER
========================================================= */

.chairman-message__image-wrapper {
  position: relative;

  width: 100%;

  max-width: 500px;

  margin: 0 auto;

  padding:
    0 0 48px 24px;
}


/* =========================================================
   IMAGE FRAME
========================================================= */

.chairman-message__image-frame {
  position: absolute;

  top: 22px;
  left: 0;

  width: calc(100% - 24px);
  height: calc(100% - 48px);

  border:
    1px solid rgba(6, 71, 155, 0.16);

  border-radius: 18px;

  transform: translate(12px, 12px);

  pointer-events: none;

  transition:
    transform 600ms cubic-bezier(.22, 1, .36, 1),
    border-color 500ms ease;
}


.chairman-message__image-wrapper:hover .chairman-message__image-frame {
  transform: translate(17px, 17px);

  border-color:
    rgba(6, 71, 155, 0.28);
}


/* =========================================================
   IMAGE
========================================================= */

.chairman-message__image {
  position: relative;

  width: 100%;

  aspect-ratio: 0.84 / 1;

  overflow: hidden;

  background: #E8F0F7;

  border-radius: 18px;

  box-shadow:
    0 25px 60px rgba(2, 54, 129, 0.14);

  z-index: 2;
}


.chairman-message__image::after {
  content: "";

  position: absolute;

  inset: 0;

  background:
    linear-gradient(180deg,
      rgba(6, 71, 155, 0) 55%,
      rgba(2, 54, 129, 0.10) 100%);

  pointer-events: none;

  z-index: 2;
}


.chairman-message__image img {
  display: block;

  width: 100%;
  height: 100%;

  object-fit: cover;

  object-position: center top;

  transition:
    transform 900ms cubic-bezier(.22, 1, .36, 1);
}


.chairman-message__image-wrapper:hover .chairman-message__image img {
  transform: scale(1.025);
}


/* =========================================================
   PROFILE CARD
========================================================= */

.chairman-message__info {
  position: absolute;

  right: -15px;
  bottom: 0;

  width: min(355px, 88%);

  padding: 21px 23px;

  background: rgba(255, 255, 255, 0.98);

  border:
    1px solid rgba(220, 229, 232, 0.95);

  border-radius: 14px;

  box-shadow:
    0 22px 55px rgba(2, 54, 129, 0.15);

  z-index: 5;

  opacity: 0;

  transform: translateY(25px);

  animation:
    chairmanInfoIn 900ms cubic-bezier(.22, 1, .36, 1) 650ms forwards;
}


/* =========================================================
   PROFILE TOP
========================================================= */

.chairman-message__info-top {
  display: flex;

  align-items: center;

  gap: 14px;

  padding-bottom: 17px;

  border-bottom:
    1px solid #E5ECEE;
}


/* =========================================================
   PROFILE ICON
========================================================= */

.chairman-message__info-icon {
  display: flex;

  align-items: center;
  justify-content: center;

  flex: 0 0 43px;

  width: 43px;
  height: 43px;

  color: #FFFFFF;

  background: var(--ff-blue);

  border-radius: 50%;

  font-size: 14px;

  box-shadow:
    0 8px 20px rgba(6, 71, 155, 0.22);
}


/* =========================================================
   PROFILE LABEL
========================================================= */

.chairman-message__info-label {
  display: block;

  margin-bottom: 4px;

  color: var(--ff-blue);

  font-family:
    var(--insuba-font,
      "Roboto",
      sans-serif);

  font-size: 11px;

  font-weight: 700;

  line-height: 1;

  letter-spacing: .16em;

  text-transform: uppercase;
}


/* =========================================================
   NAME
========================================================= */

.chairman-message__info-name {
  margin: 0;


  font-family:
    var(--insuba-heading-font,
      "Poppins",
      sans-serif);

  font-size: 18px;

  font-weight: 600;

  line-height: 1.25;
}


/* =========================================================
   CURRENT POSITION
========================================================= */

.chairman-message__position {
  display: flex;

  align-items: center;

  gap: 12px;

  padding-top: 16px;
}


.chairman-message__position-icon {
  display: flex;

  align-items: center;
  justify-content: center;

  flex: 0 0 32px;

  width: 32px;
  height: 32px;

  color: var(--ff-blue);

  background: var(--ff-light-blue);

  border-radius: 50%;

  font-size: 11px;
}


.chairman-message__position-content>span {
  display: block;

  margin-bottom: 4px;

  color: #89969B;

  font-family:
    var(--insuba-font,
      "Roboto",
      sans-serif);

  font-size: 11px;

  font-weight: 600;

  line-height: 1;

  text-transform: uppercase;

  letter-spacing: .05em;
}


.chairman-message__position-content strong {
  display: block;

  color: var(--ff-text);

  font-family:
    var(--insuba-font,
      "Roboto",
      sans-serif);

  font-size: 12px;

  font-weight: 600;

  line-height: 1.45;
}


/* =========================================================
   MESSAGE CONTENT
========================================================= */

.chairman-message__content {
  position: relative;

  padding: 10px 0;

  opacity: 0;

  transform: translateX(45px);

  animation:
    chairmanContentIn 1100ms cubic-bezier(.22, 1, .36, 1) 250ms forwards;
}


/* =========================================================
   EYEBROW
========================================================= */

.chairman-message__eyebrow {
  display: flex;

  align-items: center;

  gap: 12px;

  margin-bottom: 21px;

  color: var(--ff-blue);

  font-family:
    var(--insuba-font,
      "Roboto",
      sans-serif);

  font-size: 11px;

  font-weight: 700;

  line-height: 1;

  letter-spacing: .15em;

  text-transform: uppercase;
}


.chairman-message__eyebrow-line {
  display: block;

  width: 38px;
  height: 2px;

  background: var(--ff-blue);

  border-radius: 10px;

  transform-origin: left;

  animation:
    chairmanLineIn 800ms cubic-bezier(.22, 1, .36, 1) 800ms both;
}


/* =========================================================
   TITLE
========================================================= */

.chairman-message__title {
  max-width: 720px;

  margin: 0 0 28px;


  font-family:
    var(--insuba-heading-font,
      "Poppins",
      sans-serif);

  font-size:
    clamp(38px, 4.1vw, 58px);

  font-weight: 600;

  line-height: 1.08;

  letter-spacing: -.04em;
}


.chairman-message__title span {
  position: relative;

  display: inline-block;

  color: var(--ff-blue);
}


.chairman-message__title span::after {
  content: "";

  position: absolute;

  left: 0;
  bottom: -7px;

  width: 100%;
  height: 3px;

  background: var(--ff-blue);

  border-radius: 10px;

  transform:
    scaleX(0);

  transform-origin: left;

  animation:
    chairmanTitleLine 900ms cubic-bezier(.22, 1, .36, 1) 900ms forwards;
}


/* =========================================================
   QUOTE
========================================================= */

.chairman-message__quote-mark {
  position: absolute;

  top: 0;
  right: 10px;

  display: flex;

  align-items: center;
  justify-content: center;

  width: 52px;
  height: 52px;

  color: var(--ff-blue);

  background:
    rgba(6, 71, 155, .065);

  border:
    1px solid rgba(6, 71, 155, .12);

  border-radius: 50%;

  font-size: 17px;

  transform: rotate(-8deg);

  transition:
    transform 400ms ease,
    background 400ms ease;
}


.chairman-message__content:hover .chairman-message__quote-mark {
  transform:
    rotate(0deg) scale(1.05);

  background:
    rgba(6, 71, 155, .10);
}


/* =========================================================
   MESSAGE TEXT
========================================================= */

.chairman-message__text {
  max-width: 720px;
}


.chairman-message__text p {
  margin: 0 0 17px;

  color: var(--ff-muted);

  font-family:
    var(--insuba-font,
      "Roboto",
      sans-serif);

  font-size: 14px;

  font-weight: 400;

  line-height: 1.9;
}


.chairman-message__text p:last-child {
  margin-bottom: 0;
}


/* =========================================================
   SIGNATURE
========================================================= */

/* =========================================================
   CHAIRMAN SIGNATURE
   VERTICAL LINE LEFT — TEXT RIGHT
========================================================= */

.chairman-message__signature {
  position: relative;

  display: grid;
  grid-template-columns: 3px auto;
  grid-template-rows: auto auto auto;

  column-gap: 15px;

  width: 100%;
  max-width: 360px;

  margin-top: 32px;
  padding-top: 19px;

  border-top: 1px solid #DCE5E8;
}


/* =========================================================
   VERTICAL LINE
========================================================= */

.chairman-message__signature-line {
  grid-column: 1;
  grid-row: 1 / span 3;

  align-self: stretch;

  width: 3px;
  min-height: 43px;

  background: #06479B;

  border-radius: 10px;
}


/* =========================================================
   CHAIRMAN
========================================================= */

.chairman-message__signature-name {
  grid-column: 2;
  grid-row: 1;

  margin: 0;

  color: #173A42;

  font-family:
    var(--insuba-heading-font,
      "Poppins",
      sans-serif);

  font-size: 16px;
  font-weight: 600;

  line-height: 1.2;

  text-align: left;
}


/* =========================================================
   BOARD OF DIRECTORS
========================================================= */

.chairman-message__signature-role {
  grid-column: 2;
  grid-row: 2;

  margin-top: 4px;

  color: #06479B;

  font-family:
    var(--insuba-font,
      "Roboto",
      sans-serif);

  font-size: 11px;
  font-weight: 700;

  line-height: 1.4;

  letter-spacing: .10em;

  text-transform: uppercase;

  text-align: left;
}


/* =========================================================
   COMPANY
========================================================= */

.chairman-message__signature-company {
  grid-column: 2;
  grid-row: 3;

  margin-top: 1px;

  color: #89969B;

  font-family:
    var(--insuba-font,
      "Roboto",
      sans-serif);

  font-size: 11px;

  line-height: 1.4;

  text-align: left;
}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 575px) {

  .chairman-message__signature {
    max-width: 320px;

    margin-top: 26px;
    padding-top: 16px;

    grid-template-columns: 2px auto;

    column-gap: 12px;
  }

  .chairman-message__signature-line {
    width: 2px;
    min-height: 39px;
  }

  .chairman-message__signature-name {
    font-size: 14px;
  }

  .chairman-message__signature-role,
  .chairman-message__signature-company {
    font-size: 8px;
  }

}

/* =========================================================
   =========================================================
   02 — OUR LEADERSHIP PRIORITIES
   FREE FOODS BLUE
   =========================================================
========================================================= */

.chairman-commitment {
  position: relative;

  overflow: hidden;

  padding: 120px 0 125px;

  /*
       THIS IS THE MAIN FREE FOODS BLUE.
       No green/navy-gray here.
    */

  background-color: var(--chairman-blue);

  color: #FFFFFF;

  isolation: isolate;
}


/* =========================================================
   BACKGROUND RINGS
========================================================= */

.chairman-commitment::before {
  content: "";

  position: absolute;

  width: 650px;
  height: 650px;

  top: -400px;
  right: -230px;

  border:
    1px solid rgba(255, 255, 255, .08);

  border-radius: 50%;

  pointer-events: none;
}


.chairman-commitment::after {
  content: "";

  position: absolute;

  width: 460px;
  height: 460px;

  bottom: -320px;
  left: -230px;

  border:
    1px solid rgba(255, 255, 255, .055);

  border-radius: 50%;

  pointer-events: none;
}


/* =========================================================
   SUBTLE BLUE LIGHT
========================================================= */

.chairman-commitment .container::before {
  content: "";

  position: absolute;

  width: 260px;
  height: 260px;

  top: 110px;
  right: -100px;

  background:
    rgba(255, 255, 255, .055);

  border-radius: 50%;

  filter: blur(80px);

  pointer-events: none;
}


/* =========================================================
   HEADER
========================================================= */

.chairman-commitment__header {
  position: relative;

  max-width: 800px;

  margin: 0 auto;

  text-align: center;

  z-index: 2;
}


/* =========================================================
   EYEBROW
========================================================= */

.chairman-commitment__eyebrow {
  display: inline-flex;

  align-items: center;
  justify-content: center;

  gap: 11px;

  margin-bottom: 21px;

  color: #FFFFFF;

  font-family:
    var(--insuba-font,
      "Roboto",
      sans-serif);

  font-size: 10px;

  font-weight: 700;

  line-height: 1;

  letter-spacing: .18em;

  text-transform: uppercase;

  opacity: 0;

  transform: translateY(20px);

  animation:
    prioritiesFadeUp 900ms cubic-bezier(.22, 1, .36, 1) 150ms forwards;
}


.chairman-commitment__eyebrow-icon {
  display: flex;

  align-items: center;
  justify-content: center;

  width: 31px;
  height: 31px;

  color: var(--ff-blue);

  background: #FFFFFF;

  border-radius: 50%;

  font-size: 10px;

  box-shadow:
    0 0 0 6px rgba(255, 255, 255, .08);

  transition:
    transform 400ms ease,
    box-shadow 400ms ease;
}


.chairman-commitment__eyebrow:hover .chairman-commitment__eyebrow-icon {
  transform:
    rotate(8deg) scale(1.06);

  box-shadow:
    0 0 0 9px rgba(255, 255, 255, .08);
}


/* =========================================================
   TITLE
========================================================= */

.chairman-commitment__title {
  margin: 0;

  color: #FFFFFF;

  font-family:
    var(--insuba-heading-font,
      "Poppins",
      sans-serif);

  font-size:
    clamp(39px, 4.2vw, 60px);

  font-weight: 600;

  line-height: 1.08;

  letter-spacing: -.04em;

  opacity: 0;

  transform: translateY(25px);

  animation:
    prioritiesFadeUp 1000ms cubic-bezier(.22, 1, .36, 1) 250ms forwards;
}


/*
   Keep the second line white.
   Use blue-white hierarchy instead of gold.
*/

.chairman-commitment__title span {
  display: inline-block;

  color: rgba(255, 255, 255, .80);
}


/* =========================================================
   TITLE DIVIDER
========================================================= */

.chairman-commitment__title::after {
  content: "";

  display: block;

  width: 55px;
  height: 3px;

  margin: 24px auto 0;

  background: #FFFFFF;

  border-radius: 10px;

  transform:
    scaleX(0);

  animation:
    prioritiesLine 800ms cubic-bezier(.22, 1, .36, 1) 700ms forwards;
}


/* =========================================================
   DESCRIPTION
========================================================= */

.chairman-commitment__description {
  max-width: 660px;

  margin: 23px auto 0;

  color:
    rgba(255, 255, 255, .72);

  font-family:
    var(--insuba-font,
      "Roboto",
      sans-serif);

  font-size: 14px;

  font-weight: 400;

  line-height: 1.9;

  opacity: 0;

  transform: translateY(20px);

  animation:
    prioritiesFadeUp 900ms cubic-bezier(.22, 1, .36, 1) 400ms forwards;
}


/* =========================================================
   PRIORITIES GRID
========================================================= */

.chairman-commitment__grid {
  display: grid;

  grid-template-columns:
    repeat(4, minmax(0, 1fr));

  gap: 1px;

  margin-top: 65px;

  overflow: hidden;

  background:
    rgba(255, 255, 255, .18);

  border:
    1px solid rgba(255, 255, 255, .16);

  border-radius: 17px;

  box-shadow:
    0 30px 70px rgba(1, 43, 104, .22);

  opacity: 0;

  transform: translateY(35px);

  animation:
    prioritiesFadeUp 1100ms cubic-bezier(.22, 1, .36, 1) 550ms forwards;
}


/* =========================================================
   CARD
========================================================= */

.chairman-commitment__item {
  position: relative;

  min-height: 280px;

  padding: 32px 29px 30px;
  background-color: var(--chairman-blue);


  transition:
    background 450ms ease,
    transform 450ms cubic-bezier(.22, 1, .36, 1);
}


/* Top line */

.chairman-commitment__item::before {
  content: "";

  position: absolute;

  top: 0;
  left: 29px;

  width: 0;
  height: 2px;

  background: #FFFFFF;

  transition:
    width 500ms cubic-bezier(.22, 1, .36, 1);
}


/* Vertical separators */

.chairman-commitment__item:not(:last-child)::after {
  content: "";

  position: absolute;

  top: 29px;
  right: 0;

  width: 1px;
  height: calc(100% - 58px);

  background:
    linear-gradient(to bottom,
      transparent,
      rgba(255, 255, 255, .18),
      transparent);
}


/* Hover */

.chairman-commitment__item:hover {
  background:
    rgba(255, 255, 255, .13);

  transform:
    translateY(-5px);
}


.chairman-commitment__item:hover::before {
  width: 52px;
}


/* =========================================================
   CARD TOP
========================================================= */

.chairman-commitment__item-top {
  display: flex;

  align-items: center;
  justify-content: space-between;

  margin-bottom: 34px;
}


/* =========================================================
   NUMBER
========================================================= */

.chairman-commitment__number {
  color:
    rgba(255, 255, 255, .42);

  font-family:
    var(--insuba-heading-font,
      "Poppins",
      sans-serif);

  font-size: 20px;

  font-weight: 600;

  line-height: 1;

  letter-spacing: .08em;

  transition:
    color 350ms ease;
}


.chairman-commitment__item:hover .chairman-commitment__number {
  color: #FFFFFF;
}


/* =========================================================
   ICON
========================================================= */

.chairman-commitment__icon {
  display: flex;

  align-items: center;
  justify-content: center;

  width: 58px;
  height: 58px;

  color: #FFFFFF;

  background:
    rgba(255, 255, 255, .08);

  border:
    1px solid rgba(255, 255, 255, .20);

  border-radius: 50%;

  font-size: 15px;

  transition:
    color 400ms ease,
    background 400ms ease,
    border-color 400ms ease,
    transform 400ms cubic-bezier(.22, 1, .36, 1),
    box-shadow 400ms ease;
}


.chairman-commitment__item:hover .chairman-commitment__icon {
  color: var(--ff-blue);

  background: #FFFFFF;

  border-color: #FFFFFF;

  transform:
    translateY(-2px) rotate(-5deg);

  box-shadow:
    0 10px 25px rgba(1, 43, 104, .20);
}


/* =========================================================
   CARD TITLE
========================================================= */

.chairman-commitment__item h3 {
  margin: 0 0 12px;

  color: #FFFFFF;

  font-family:
    var(--insuba-heading-font,
      "Poppins",
      sans-serif);

  font-size: 20px;

  font-weight: 600;

  line-height: 1.35;

  letter-spacing: -.015em;
}


/* =========================================================
   CARD TEXT
========================================================= */

.chairman-commitment__item p {
  max-width: 255px;

  margin: 0;

  color:
    rgba(255, 255, 255, .62);

  font-family:
    var(--insuba-font,
      "Roboto",
      sans-serif);

  font-size: 13.5px;

  font-weight: 400;

  line-height: 1.85;

  transition:
    color 350ms ease;
}


.chairman-commitment__item:hover p {
  color:
    rgba(255, 255, 255, .82);
}


/* =========================================================
   ANIMATIONS
========================================================= */

@keyframes chairmanProfileIn {

  0% {
    opacity: 0;
    transform: translateX(-45px);
  }

  100% {
    opacity: 1;
    transform: translateX(0);
  }

}


@keyframes chairmanContentIn {

  0% {
    opacity: 0;
    transform: translateX(45px);
  }

  100% {
    opacity: 1;
    transform: translateX(0);
  }

}


@keyframes chairmanInfoIn {

  0% {
    opacity: 0;
    transform: translateY(25px);
  }

  100% {
    opacity: 1;
    transform: translateY(0);
  }

}


@keyframes chairmanLineIn {

  0% {
    transform: scaleX(0);
  }

  100% {
    transform: scaleX(1);
  }

}


@keyframes chairmanTitleLine {

  0% {
    transform: scaleX(0);
  }

  100% {
    transform: scaleX(1);
  }

}


@keyframes prioritiesFadeUp {

  0% {
    opacity: 0;
    transform: translateY(30px);
  }

  100% {
    opacity: 1;
    transform: translateY(0);
  }

}


@keyframes prioritiesLine {

  0% {
    transform: scaleX(0);
  }

  100% {
    transform: scaleX(1);
  }

}


/* =========================================================
   1200px
========================================================= */

@media (max-width: 1199px) {

  .chairman-message {
    padding: 105px 0 115px;
  }

  .chairman-message__wrapper {
    grid-template-columns:
      minmax(320px, .85fr) minmax(0, 1.15fr);

    gap: 55px;
  }

  .chairman-message__title {
    font-size: 47px;
  }

  .chairman-message__quote-mark {
    right: 0;
  }

  .chairman-commitment {
    padding: 105px 0 110px;
  }

  .chairman-commitment__grid {
    grid-template-columns:
      repeat(2, minmax(0, 1fr));
  }

  .chairman-commitment__item {
    min-height: 260px;
  }

  .chairman-commitment__item:nth-child(2)::after {
    display: none;
  }

}


/* =========================================================
   991px
========================================================= */

@media (max-width: 991px) {

  .chairman-message {
    padding: 90px 0 100px;
  }

  .chairman-message__wrapper {
    grid-template-columns: 1fr;

    gap: 65px;
  }

  .chairman-message__profile {
    max-width: 520px;

    margin: 0 auto;
  }

  .chairman-message__image-wrapper {
    max-width: 480px;
  }

  .chairman-message__content {
    max-width: 760px;

    margin: 0 auto;
  }

  .chairman-message__title {
    font-size: 48px;
  }

  .chairman-commitment {
    padding: 90px 0 100px;
  }

}


/* =========================================================
   767px
========================================================= */

@media (max-width: 767px) {

  .chairman-message {
    padding: 75px 0 82px;
  }

  .chairman-message__wrapper {
    gap: 55px;
  }

  .chairman-message__image-wrapper {
    padding-left: 14px;
    padding-bottom: 42px;
  }

  .chairman-message__image-frame {
    top: 17px;

    width: calc(100% - 14px);
    height: calc(100% - 42px);

    transform: translate(8px, 8px);
  }

  .chairman-message__image-wrapper:hover .chairman-message__image-frame {
    transform: translate(11px, 11px);
  }

  .chairman-message__info {
    right: -4px;

    width: min(345px, 88%);

    padding: 18px 19px;
  }

  .chairman-message__info-name {
    font-size: 16px;
  }

  .chairman-message__eyebrow {
    font-size: 10px;

    letter-spacing: .12em;
  }

  .chairman-message__title {
    margin-bottom: 24px;

    font-size: 38px;
  }

  .chairman-message__quote-mark {
    position: relative;

    top: auto;
    right: auto;

    width: 44px;
    height: 44px;

    margin-bottom: 20px;
  }

  .chairman-message__text p {
    font-size: 13px;

    line-height: 1.85;
  }

  .chairman-message__signature {
    margin-top: 28px;
  }


  /* Leadership */

  .chairman-commitment {
    padding: 78px 0 82px;
  }

  .chairman-commitment__title {
    font-size: 38px;
  }

  .chairman-commitment__description {
    padding: 0 12px;

    font-size: 13px;
  }

  .chairman-commitment__grid {
    grid-template-columns: 1fr;

    margin-top: 45px;

    border-radius: 14px;
  }

  .chairman-commitment__item {
    min-height: auto;

    padding: 28px 24px 30px;
  }

  .chairman-commitment__item:not(:last-child)::after {
    display: none;
  }

  .chairman-commitment__item::before {
    left: 24px;
  }

  .chairman-commitment__item p {
    max-width: 100%;
  }

}


/* =========================================================
   575px
========================================================= */

@media (max-width: 575px) {

  .chairman-message {
    padding: 65px 0 70px;
  }

  .chairman-message__image {
    border-radius: 14px;
  }

  .chairman-message__image-frame {
    border-radius: 14px;
  }

  .chairman-message__info {
    width: 91%;

    padding: 16px;

    border-radius: 12px;
  }

  .chairman-message__info-name {
    font-size: 14px;
  }

  .chairman-message__position-content strong {
    font-size: 10px;
  }

  .chairman-message__eyebrow {
    margin-bottom: 17px;

    font-size: 9px;
  }

  .chairman-message__title {
    font-size: 31px;
  }

  .chairman-message__text p {
    margin-bottom: 14px;

    font-size: 12.5px;

    line-height: 1.82;
  }

  .chairman-message__signature {
    margin-top: 24px;

    padding-top: 17px;
  }

  .chairman-message__signature-name {
    font-size: 15px;
  }


  /* Leadership */

  .chairman-commitment {
    padding: 68px 0 72px;
  }

  .chairman-commitment__eyebrow {
    font-size: 9px;

    letter-spacing: .12em;
  }

  .chairman-commitment__eyebrow-icon {
    width: 28px;
    height: 28px;
  }

  .chairman-commitment__title {
    font-size: 30px;
  }

  .chairman-commitment__description {
    font-size: 12.5px;
  }

  .chairman-commitment__grid {
    margin-top: 36px;
  }

  .chairman-commitment__item {
    padding: 24px 19px 27px;
  }

  .chairman-commitment__item::before {
    left: 19px;
  }

  .chairman-commitment__icon {
    width: 44px;
    height: 44px;
  }

  .chairman-commitment__item h3 {
    font-size: 16px;
  }

  .chairman-commitment__item p {
    font-size: 12px;
  }

}


/* =========================================================
   430px
========================================================= */

@media (max-width: 430px) {

  .chairman-message {
    padding: 58px 0 64px;
  }

  .chairman-message__image-wrapper {
    padding-left: 9px;
    padding-bottom: 38px;
  }

  .chairman-message__image-frame {
    top: 12px;

    width: calc(100% - 9px);
    height: calc(100% - 38px);

    transform: translate(6px, 6px);
  }

  .chairman-message__info {
    right: -1px;

    width: 94%;

    padding: 14px;
  }

  .chairman-message__title {
    font-size: 28px;
  }

  .chairman-message__text p {
    font-size: 12px;
  }

  .chairman-message__signature-name {
    font-size: 14px;
  }

  .chairman-commitment {
    padding: 60px 0 64px;
  }

  .chairman-commitment__title {
    font-size: 27px;
  }

  .chairman-commitment__item {
    padding: 22px 17px 24px;
  }

  .chairman-commitment__item::before {
    left: 17px;
  }

}


/* =========================================================
   REDUCED MOTION
========================================================= */

@media (prefers-reduced-motion: reduce) {

  .chairman-message__profile,
  .chairman-message__content,
  .chairman-message__info,
  .chairman-commitment__eyebrow,
  .chairman-commitment__title,
  .chairman-commitment__description,
  .chairman-commitment__grid {
    opacity: 1;

    transform: none;

    animation: none;
  }

  .chairman-message__title span::after,
  .chairman-message__eyebrow-line,
  .chairman-commitment__title::after {
    transform: scaleX(1);

    animation: none;
  }

  .chairman-message__image img,
  .chairman-message__image-frame,
  .chairman-message__quote-mark,
  .chairman-commitment__item,
  .chairman-commitment__icon,
  .chairman-commitment__eyebrow-icon {
    transition: none;
  }

}


















.success-partners {

  position: relative;

  overflow: hidden;

  padding: 115px 0 105px;

  background: #fff;
}


/* =========================================================
   BACKGROUND DECORATION
========================================================= */

.success-partners::before {

  content: "";

  position: absolute;

  width: 600px;
  height: 600px;

  top: -370px;
  right: -230px;

  border: 1px solid rgba(2, 54, 129, .045);

  border-radius: 50%;

  pointer-events: none;
}


.success-partners::after {

  content: "";

  position: absolute;

  width: 460px;
  height: 460px;

  bottom: -320px;
  left: -240px;

  border: 1px solid rgba(2, 54, 129, .035);

  border-radius: 50%;

  pointer-events: none;
}


/* =========================================================
   SECTION HEADER
========================================================= */

.success-partners .sec-title {

  position: relative;

  z-index: 2;

  max-width: 850px;

  margin: 0 auto 58px;

  text-align: center;
}


.success-partners .sec-title__top {

  justify-content: center;
}



.success-partners .sec-title__title {

  max-width: 780px;

  margin-left: auto;
  margin-right: auto;

  color: #173A42;
}


.success-partners .sec-title__title__highlight {

  color: #023681;
}


.success-partners__description {

  max-width: 690px;

  margin: 18px auto 0;

  color: #6D797E;

  font-family:
    var(--insuba-font,
      "Roboto",
      sans-serif);

  font-size: 15px;

  font-weight: 400;

  line-height: 1.85;

  text-align: center;
}


/* =========================================================
   PARTNERS GRID
========================================================= */

.success-partners__grid {

  position: relative;

  z-index: 2;

  display: grid;

  grid-template-columns:
    repeat(4, minmax(0, 1fr));

  gap: 20px;

  width: 100%;

  max-width: 1180px;

  margin: 0 auto;
}


/* =========================================================
   PARTNER CARD
========================================================= */

.success-partners__item {

  position: relative;

  min-width: 0;

  background: #FFFFFF;

  border: 1px solid #DCE5E8;

  border-radius: 14px;

  overflow: hidden;

  box-shadow:
    0 8px 25px rgba(18, 54, 90, .045);

  transition:
    transform 450ms cubic-bezier(.2, .7, .2, 1),
    border-color 450ms ease,
    box-shadow 450ms ease;
}


/* Top Accent */

.success-partners__item::before {

  content: "";

  position: absolute;

  top: 0;
  left: 0;

  width: 0;
  height: 2px;

  background: #023681;

  transition:
    width 500ms ease;
}


/* Bottom Decorative Circle */

.success-partners__item::after {

  content: "";

  position: absolute;

  width: 100px;
  height: 100px;

  right: -50px;
  bottom: -50px;

  border: 1px solid rgba(2, 54, 129, .045);

  border-radius: 50%;

  pointer-events: none;

  transition:
    transform 500ms ease,
    border-color 500ms ease;
}


.success-partners__item:hover {

  transform: translateY(-6px);

  border-color: rgba(2, 54, 129, .20);

  box-shadow:
    0 18px 40px rgba(18, 54, 90, .10);
}


.success-partners__item:hover::before {

  width: 100%;
}


.success-partners__item:hover::after {

  transform: scale(1.25);

  border-color: rgba(2, 54, 129, .08);
}


/* =========================================================
   LOGO AREA
========================================================= */

.success-partners__logo {

  position: relative;

  display: flex;

  align-items: center;
  justify-content: center;

  width: 100%;

  height: 150px;

  padding: 28px 35px;

  background: #FFFFFF;

  overflow: hidden;
}


/* Subtle Circular Detail */

.success-partners__logo::before {

  content: "";

  position: absolute;

  width: 190px;
  height: 190px;

  top: 50%;
  left: 50%;

  border: 1px solid rgba(2, 54, 129, .025);

  border-radius: 50%;

  transform:
    translate(-50%, -50%) scale(.82);

  transition:
    transform 600ms ease,
    border-color 600ms ease;
}


.success-partners__item:hover .success-partners__logo::before {

  transform:
    translate(-50%, -50%) scale(1);

  border-color: rgba(2, 54, 129, .055);
}


/* =========================================================
   LOGO IMAGE
========================================================= */

.success-partners__logo img {

  position: relative;

  z-index: 2;

  display: block;

  width: auto;

  max-width: 100%;

  height: auto;

  max-height: 76px;

  object-fit: contain;

  object-position: center;

  /*
       Keep partner logos natural.
       No artificial yellow / color overlays.
    */

  filter: grayscale(100%);

  opacity: .72;

  transform: scale(1);

  transition:
    filter 450ms ease,
    opacity 450ms ease,
    transform 450ms ease;
}


.success-partners__item:hover .success-partners__logo img {

  filter: grayscale(0);

  opacity: 1;

  transform: scale(1.045);
}


/* =========================================================
   LOGO BOTTOM ACCENT
========================================================= */

.success-partners__item .success-partners__logo::after {

  content: "";

  position: absolute;

  left: 50%;
  bottom: 0;

  width: 30px;
  height: 2px;

  background: #023681;

  opacity: .55;

  border-radius: 10px;

  transform: translateX(-50%);

  transition:
    width 400ms ease,
    opacity 400ms ease;
}


.success-partners__item:hover .success-partners__logo::after {

  width: 58px;

  opacity: 1;
}


/* =========================================================
   CTA
========================================================= */

.success-partners__cta {

  position: relative;

  z-index: 2;

  display: flex;

  align-items: center;
  justify-content: space-between;

  gap: 45px;

  width: 100%;

  max-width: 1180px;

  min-height: 190px;

  margin: 70px auto 0;

  padding: 40px 45px;

  background:
    linear-gradient(120deg,
      #023681 0%,
      #06479B 100%);

  border-radius: 18px;

  overflow: hidden;

  box-shadow:
    0 20px 45px rgba(2, 54, 129, .16);
}


/* =========================================================
   CTA DECORATION
========================================================= */

.success-partners__cta::before {

  content: "";

  position: absolute;

  width: 360px;
  height: 360px;

  top: -190px;
  right: -110px;

  border: 1px solid rgba(255, 255, 255, .09);

  border-radius: 50%;

  pointer-events: none;
}


.success-partners__cta::after {

  content: "";

  position: absolute;

  width: 220px;
  height: 220px;

  bottom: -150px;
  left: 38%;

  border: 1px solid rgba(255, 255, 255, .055);

  border-radius: 50%;

  pointer-events: none;
}


/* =========================================================
   CTA CONTENT
========================================================= */

.success-partners__cta-content {

  position: relative;

  z-index: 2;

  flex: 1;

  min-width: 0;
}


.success-partners__cta-label {

  display: block;

  margin-bottom: 8px;

  color: rgba(255, 255, 255, .68);

  font-family:
    var(--insuba-font,
      "Roboto",
      sans-serif);

  font-size: 10px;

  font-weight: 700;

  line-height: 1.2;

  letter-spacing: .18em;

  text-transform: uppercase;
}


.success-partners__cta-title {

  margin: 0;

  color: #FFFFFF;

  font-family:
    var(--insuba-heading-font,
      "Poppins",
      sans-serif);

  font-size: 30px;

  font-weight: 600;

  line-height: 1.25;
}


.success-partners__cta-text {

  max-width: 620px;

  margin: 10px 0 0;

  color: rgba(255, 255, 255, .76);

  font-family:
    var(--insuba-font,
      "Roboto",
      sans-serif);

  font-size: 14px;

  font-weight: 400;

  line-height: 1.75;
}


/* =========================================================
   CTA BUTTON
========================================================= */

.success-partners__cta-button {

  position: relative;

  z-index: 3;

  flex: 0 0 auto;
}


.success-partners__cta-button .insuba-btn {

  position: relative;

  display: inline-flex;

  align-items: center;

  min-height: 55px;

  padding:
    0 70px 0 27px;

  color: #173A42;

  background: #FFFFFF;

  border: 1px solid rgba(255, 255, 255, .9);

  border-radius: 50px;

  font-family:
    var(--insuba-font,
      "Roboto",
      sans-serif);

  font-size: 13px;

  font-weight: 600;

  line-height: 1;

  text-decoration: none;

  transition:
    transform 350ms ease,
    background-color 350ms ease,
    color 350ms ease,
    box-shadow 350ms ease;
}


.success-partners__cta-button .insuba-btn:hover {

  color: #FFFFFF;

  background: #12365A;

  transform: translateY(-3px);

  box-shadow:
    0 12px 28px rgba(0, 0, 0, .15);
}


/* =========================================================
   CTA ICON
========================================================= */

.success-partners__cta-button .insuba-btn__icon-box {

  position: absolute;

  top: 5px;
  right: 5px;

  display: flex;

  align-items: center;
  justify-content: center;

  width: 45px;
  height: 45px;

  background: #023681;

  border-radius: 50%;

  transition:
    background-color 350ms ease;
}


.success-partners__cta-button .insuba-btn__icon {

  display: flex;

  align-items: center;
  justify-content: center;

  color: #FFFFFF;

  font-size: 11px;

  transition:
    color 350ms ease,
    transform 350ms ease;
}


.success-partners__cta-button .insuba-btn:hover .insuba-btn__icon-box {

  background: #FFFFFF;
}


.success-partners__cta-button .insuba-btn:hover .insuba-btn__icon {

  color: #023681;

  transform: translateX(2px);
}


/* =========================================================
   1199px
========================================================= */

@media (max-width: 1199px) {

  .success-partners {

    padding:
      95px 0 85px;
  }


  .success-partners__grid {

    grid-template-columns:
      repeat(3, minmax(0, 1fr));

    gap: 18px;
  }


  .success-partners__logo {

    height: 140px;

    padding:
      22px 28px;
  }


  .success-partners__cta {

    padding:
      35px 38px;
  }

}


/* =========================================================
   991px
========================================================= */

@media (max-width: 991px) {

  .success-partners {

    padding:
      85px 0 75px;
  }


  .success-partners .sec-title {

    margin-bottom: 45px;
  }


  .success-partners__description {

    font-size: 14px;
  }


  .success-partners__grid {

    grid-template-columns:
      repeat(2, minmax(0, 1fr));

    max-width: 760px;

    gap: 18px;
  }


  .success-partners__logo {

    height: 145px;
  }


  .success-partners__cta {

    flex-direction: column;

    align-items: flex-start;

    gap: 25px;

    min-height: auto;

    margin-top: 55px;

    padding:
      38px 35px;
  }


  .success-partners__cta-content {

    width: 100%;
  }


  .success-partners__cta-button {

    width: 100%;
  }


  .success-partners__cta-button .insuba-btn {

    width: auto;
  }

}


/* =========================================================
   767px
========================================================= */

@media (max-width: 767px) {

  .success-partners {

    padding:
      70px 0 65px;
  }


  .success-partners .sec-title {

    margin-bottom: 35px;
  }


  .success-partners__description {

    max-width: 520px;

    margin-top: 14px;

    font-size: 13px;

    line-height: 1.8;
  }


  .success-partners__grid {

    grid-template-columns:
      repeat(2, minmax(0, 1fr));

    gap: 12px;
  }


  .success-partners__item {

    border-radius: 12px;
  }


  .success-partners__logo {

    height: 125px;

    padding:
      20px 18px;
  }


  .success-partners__logo img {

    max-height: 62px;
  }


  .success-partners__cta {

    margin-top: 40px;

    padding:
      30px 25px;

    border-radius: 15px;
  }


  .success-partners__cta-title {

    font-size: 24px;
  }


  .success-partners__cta-text {

    font-size: 13px;
  }

}


/* =========================================================
   575px
========================================================= */

@media (max-width: 575px) {

  .success-partners {

    padding:
      60px 0 55px;
  }


  .success-partners__grid {

    grid-template-columns:
      repeat(2, minmax(0, 1fr));

    gap: 10px;
  }


  .success-partners__logo {

    height: 105px;

    padding:
      15px 12px;
  }


  .success-partners__logo img {

    max-height: 52px;

    max-width: 90%;
  }


  .success-partners__item:hover {

    transform: translateY(-3px);
  }


  .success-partners__cta {

    gap: 22px;

    margin-top: 32px;

    padding:
      27px 21px;
  }


  .success-partners__cta-label {

    font-size: 9px;
  }


  .success-partners__cta-title {

    font-size: 21px;
  }


  .success-partners__cta-text {

    margin-top: 8px;

    font-size: 12px;

    line-height: 1.7;
  }


  .success-partners__cta-button {

    width: 100%;
  }


  .success-partners__cta-button .insuba-btn {

    min-height: 51px;

    width: 100%;

    justify-content: flex-start;

    padding-left: 22px;

    padding-right: 65px;
  }


  .success-partners__cta-button .insuba-btn__icon-box {

    width: 41px;
    height: 41px;

    top: 5px;
    right: 5px;
  }

}


/* =========================================================
   430px
========================================================= */

@media (max-width: 430px) {

  .success-partners {

    padding:
      52px 0 48px;
  }


  .success-partners__grid {

    gap: 8px;
  }


  .success-partners__logo {

    height: 95px;

    padding:
      12px 9px;
  }


  .success-partners__logo img {

    max-height: 47px;
  }


  .success-partners__cta {

    border-radius: 13px;

    padding:
      24px 18px;
  }


  .success-partners__cta-title {

    font-size: 19px;
  }

}


/* =========================================================
   REDUCED MOTION
========================================================= */

@media (prefers-reduced-motion: reduce) {

  .success-partners__item,
  .success-partners__item::before,
  .success-partners__item::after,
  .success-partners__logo::before,
  .success-partners__logo img,
  .success-partners__logo::after,
  .success-partners__cta-button .insuba-btn,
  .success-partners__cta-button .insuba-btn__icon,
  .success-partners__cta-button .insuba-btn__icon-box {

    transition: none !important;
  }

}































/* =========================================================
   FREE FOODS
   QUALITY & CERTIFICATIONS
   PREMIUM CORPORATE DESIGN
========================================================= */

.certifications-section {
  position: relative;
  overflow: hidden;
  padding: 115px 0 125px;
  background: #fff;
}


/* =========================================================
   BACKGROUND
========================================================= */

.certifications-section::before {
  content: "";
  position: absolute;

  width: 720px;
  height: 720px;

  top: -430px;
  right: -300px;

  border: 1px solid rgba(2, 54, 129, 0.055);
  border-radius: 50%;

  pointer-events: none;
}

.certifications-section::after {
  content: "";
  position: absolute;

  width: 560px;
  height: 560px;

  bottom: -390px;
  left: -290px;

  border: 1px solid rgba(2, 54, 129, 0.04);
  border-radius: 50%;

  pointer-events: none;
}


/* =========================================================
   SECTION HEADER
========================================================= */

.certifications-section__header {
  position: relative;
  z-index: 2;

  max-width: 820px;

  margin: 0 auto 65px;

  text-align: center;
}


/* =========================================================
   EYEBROW
========================================================= */

.certifications-section__eyebrow {
  display: inline-flex;
  align-items: center;
  justify-content: center;

  gap: 13px;

  margin-bottom: 18px;

  color: #023681;

  font-family:
    var(--insuba-font,
      "Roboto",
      sans-serif);

  font-size: 11px;
  font-weight: 700;

  line-height: 1.2;

  letter-spacing: 0.18em;

  text-transform: uppercase;
}

.certifications-section__eyebrow-line {
  position: relative;

  display: block;

  width: 40px;
  height: 2px;

  background: #023681;

  border-radius: 20px;
}

.certifications-section__eyebrow-line::after {
  content: "";

  position: absolute;

  top: 50%;
  right: -7px;

  width: 5px;
  height: 5px;

  background: #06479B;

  border-radius: 50%;

  transform: translateY(-50%);
}


/* =========================================================
   TITLE
========================================================= */

.certifications-section__title {
  margin: 0;

  color: #173A42;

  font-family:
    var(--insuba-heading-font,
      "Poppins",
      sans-serif);

  font-size: 48px;
  font-weight: 600;

  line-height: 1.18;

  letter-spacing: -0.025em;
}

.certifications-section__title span {
  color: #023681;
}


/* =========================================================
   DESCRIPTION
========================================================= */

.certifications-section__description {
  max-width: 690px;

  margin: 20px auto 0;

  color: #647278;

  font-family:
    var(--insuba-font,
      "Roboto",
      sans-serif);

  font-size: 16px;
  font-weight: 400;

  line-height: 1.85;
}


/* =========================================================
   GRID
========================================================= */

.certifications-section__grid {
  position: relative;
  z-index: 2;

  display: grid;

  grid-template-columns:
    repeat(2, minmax(0, 1fr));

  gap: 32px;

  width: 100%;
  max-width: 1180px;

  margin: 0 auto;
}


/* =========================================================
   CARD
========================================================= */

.certification-card {
  position: relative;

  min-width: 0;

  background: #FFFFFF;

  border: 1px solid #D7E2E7;

  border-radius: 22px;

  overflow: hidden;

  box-shadow:
    0 14px 42px rgba(18, 54, 90, 0.065);

  transition:
    transform 550ms cubic-bezier(.2, .7, .2, 1),
    border-color 400ms ease,
    box-shadow 550ms ease;
}

.certification-card:hover {
  transform: translateY(-9px);

  border-color: rgba(2, 54, 129, 0.22);

  box-shadow:
    0 28px 65px rgba(18, 54, 90, 0.13);
}


/* =========================================================
   TOP BRAND BAR
========================================================= */

.certification-card::before {
  content: "";

  position: absolute;

  top: 0;
  left: 0;

  width: 100%;
  height: 4px;

  background:
    linear-gradient(90deg,
      #023681 0%,
      #06479B 100%);

  z-index: 20;
}


/* =========================================================
   VISUAL AREA
========================================================= */

.certification-card__visual {
  position: relative;

  height: 560px;

  padding: 24px;

  background: var(--section-gradient);

  overflow: hidden;
}


/* Decorative blue glow */

.certification-card__visual::after {
  content: "";

  position: absolute;

  width: 240px;
  height: 240px;

  right: -150px;
  bottom: -150px;

  border: 1px solid rgba(2, 54, 129, 0.06);

  border-radius: 50%;

  transition:
    transform 600ms ease;
}

.certification-card:hover .certification-card__visual::after {
  transform: scale(1.3);
}


/* =========================================================
   VISUAL TOP
========================================================= */

.certification-card__visual-top {
  position: absolute;

  top: 24px;
  left: 27px;
  right: 27px;

  z-index: 8;

  display: flex;
  align-items: center;
  justify-content: space-between;

  pointer-events: none;
}


/* Label */

.certification-card__label {
  display: inline-flex;
  align-items: center;

  min-height: 31px;

  padding: 0 14px;

  color: #023681;

  background: rgba(255, 255, 255, 0.96);

  border: 1px solid rgba(2, 54, 129, 0.13);

  border-radius: 30px;

  font-family:
    var(--insuba-font,
      "Roboto",
      sans-serif);

  font-size: 9px;
  font-weight: 700;

  line-height: 1;

  letter-spacing: 0.14em;

  text-transform: uppercase;

  box-shadow:
    0 7px 20px rgba(18, 54, 90, 0.07);
}


/* Number */

.certification-card__index {
  display: flex;
  align-items: center;
  justify-content: center;

  width: 42px;
  height: 42px;

  color: #FFFFFF;

  background: #023681;

  border: 3px solid #FFFFFF;

  border-radius: 50%;

  font-family:
    var(--insuba-heading-font,
      "Poppins",
      sans-serif);

  font-size: 11px;
  font-weight: 600;

  box-shadow:
    0 9px 22px rgba(2, 54, 129, 0.20);
}


/* =========================================================
   DOCUMENT
========================================================= */

.certification-card__document {
  position: relative;

  display: flex;
  align-items: center;
  justify-content: center;

  width: 100%;
  height: 100%;

  padding: 35px 28px 20px;

  background: #FFFFFF;

  border: 1px solid #DCE6EA;

  border-radius: 14px;

  overflow: hidden;

  box-shadow:
    0 10px 30px rgba(18, 54, 90, 0.065);
}


/* Inner frame */

.certification-card__document::before {
  content: "";

  position: absolute;

  inset: 10px;

  border: 1px solid rgba(2, 54, 129, 0.055);

  border-radius: 10px;

  pointer-events: none;
}


/* Certificate */

.certification-card__document img {
  position: relative;
  z-index: 2;

  display: block;

  width: 100%;
  height: 100%;

  max-width: 100%;
  max-height: 100%;

  object-fit: contain;
  object-position: center;

  transform: scale(1);

  transition:
    transform 700ms cubic-bezier(.2, .7, .2, 1);
}

.certification-card:hover .certification-card__document img {
  transform: scale(1.018);
}


/* =========================================================
   BLUE SIDE ACCENT
========================================================= */

.certification-card__visual::before {
  content: "";

  position: absolute;

  top: 0;
  left: 0;

  width: 4px;
  height: 100%;

  background: #023681;

  opacity: 0;

  transform: scaleY(0.3);

  transform-origin: center;

  z-index: 15;

  transition:
    opacity 450ms ease,
    transform 550ms ease;
}

.certification-card:hover .certification-card__visual::before {
  opacity: 1;

  transform: scaleY(1);
}


/* =========================================================
   HOVER OVERLAY
========================================================= */

.certification-card__overlay {
  position: absolute;

  inset: 0;

  z-index: 12;

  display: flex;
  align-items: center;
  justify-content: center;

  background:
    rgba(2, 54, 129, 0);

  opacity: 0;

  transition:
    opacity 450ms ease,
    background-color 450ms ease;
}

.certification-card:hover .certification-card__overlay {
  opacity: 1;

  background:
    rgba(2, 54, 129, 0.14);
}


/* =========================================================
   VIEW BUTTON
========================================================= */

.certification-card__view {
  display: inline-flex;
  align-items: center;

  gap: 11px;

  min-height: 54px;

  padding: 0 23px 0 8px;

  color: #FFFFFF;

  background: #023681;

  border: 1px solid rgba(255, 255, 255, 0.30);

  border-radius: 50px;

  font-family:
    var(--insuba-font,
      "Roboto",
      sans-serif);

  font-size: 12px;
  font-weight: 600;

  line-height: 1;

  text-decoration: none;

  box-shadow:
    0 15px 35px rgba(2, 54, 129, 0.27);

  transform: translateY(14px);

  transition:
    transform 450ms ease,
    background-color 350ms ease,
    box-shadow 350ms ease;
}

.certification-card:hover .certification-card__view {
  transform: translateY(0);
}

.certification-card__view:hover {
  color: #FFFFFF;

  background: #12365A;

  box-shadow:
    0 18px 40px rgba(2, 54, 129, 0.32);
}


/* Icon */

.certification-card__view-icon {
  display: flex;
  align-items: center;
  justify-content: center;

  width: 40px;
  height: 40px;

  color: #023681;

  background: #FFFFFF;

  border-radius: 50%;

  font-size: 11px;
}


/* =========================================================
   CONTENT
========================================================= */

.certification-card__content {
  position: relative;
  z-index: 3;

  padding: 27px 30px 29px;

  background: #FFFFFF;

  border-top: 1px solid #E3EAED;
}


/* =========================================================
   CATEGORY
========================================================= */

.certification-card__content-top {
  margin-bottom: 11px;
}

.certification-card__category {
  display: inline-flex;
  align-items: center;

  gap: 8px;

  color: #06479B;

  font-family:
    var(--insuba-font,
      "Roboto",
      sans-serif);

  font-size: 10px;
  font-weight: 700;

  line-height: 1.3;

  letter-spacing: 0.14em;

  text-transform: uppercase;
}

.certification-card__category-dot {
  width: 7px;
  height: 7px;

  background: #023681;

  border-radius: 50%;

  box-shadow:
    0 0 0 4px rgba(2, 54, 129, 0.08);
}


/* =========================================================
   MAIN CONTENT
========================================================= */

.certification-card__main {
  display: flex;
  align-items: center;
  justify-content: space-between;

  gap: 24px;
}


/* Heading */

.certification-card__heading {
  flex: 1;

  min-width: 0;
}


/* Title */

.certification-card__title {
  margin: 0;

  color: #173A42;

  font-family:
    var(--insuba-heading-font,
      "Poppins",
      sans-serif);

  font-size: 24px;
  font-weight: 600;

  line-height: 1.3;

  letter-spacing: -0.015em;

  transition:
    color 300ms ease;
}

.certification-card:hover .certification-card__title {
  color: #023681;
}


/* Description */

.certification-card__text {
  margin: 7px 0 0;

  color: #66747A;

  font-family:
    var(--insuba-font,
      "Roboto",
      sans-serif);

  font-size: 14px;
  font-weight: 400;

  line-height: 1.6;
}


/* =========================================================
   ARROW
========================================================= */

.certification-card__arrow {
  flex: 0 0 auto;

  display: flex;
  align-items: center;
  justify-content: center;

  width: 50px;
  height: 50px;

  color: #023681;

  background: var(--section-gradient);

  border: 1px solid rgba(2, 54, 129, 0.06);

  border-radius: 50%;

  font-size: 12px;

  text-decoration: none;

  transition:
    color 350ms ease,
    background-color 350ms ease,
    transform 350ms ease,
    box-shadow 350ms ease;
}

.certification-card:hover .certification-card__arrow {
  color: #FFFFFF;

  background: #023681;

  transform: translateX(3px);

  box-shadow:
    0 9px 22px rgba(2, 54, 129, 0.20);
}

.certification-card__arrow:hover {
  color: #FFFFFF;

  background: #12365A;
}


/* =========================================================
   META
========================================================= */

.certification-card__meta {
  display: grid;

  grid-template-columns:
    repeat(2, minmax(0, 1fr));

  gap: 0;

  margin-top: 24px;

  padding-top: 18px;

  border-top: 1px solid #E3EAED;
}


/* Meta item */

.certification-card__meta-item {
  min-width: 0;

  padding-right: 22px;
}

.certification-card__meta-item+.certification-card__meta-item {
  padding-left: 22px;
  padding-right: 0;

  border-left: 1px solid #E3EAED;
}


/* Meta label */

.certification-card__meta-label {
  display: block;

  margin-bottom: 6px;

  color: #89979C;

  font-family:
    var(--insuba-font,
      "Roboto",
      sans-serif);

  font-size: 9px;
  font-weight: 600;

  line-height: 1.3;

  letter-spacing: 0.10em;

  text-transform: uppercase;
}


/* Meta value */

.certification-card__meta-item strong {
  display: block;

  color: #173A42;

  font-family:
    var(--insuba-font,
      "Roboto",
      sans-serif);

  font-size: 12px;
  font-weight: 600;

  line-height: 1.5;
}


/* =========================================================
   1199px
========================================================= */

@media (max-width: 1199px) {

  .certifications-section {
    padding: 100px 0 105px;
  }

  .certifications-section__header {
    margin-bottom: 55px;
  }

  .certifications-section__title {
    font-size: 43px;
  }

  .certifications-section__description {
    font-size: 15px;
  }

  .certifications-section__grid {
    max-width: 1020px;
    gap: 24px;
  }

  .certification-card__visual {
    height: 510px;
  }

  .certification-card__content {
    padding: 24px 25px 26px;
  }

  .certification-card__title {
    font-size: 21px;
  }

}


/* =========================================================
   991px
========================================================= */

@media (max-width: 991px) {

  .certifications-section {
    padding: 85px 0 90px;
  }

  .certifications-section__header {
    max-width: 680px;
    margin-bottom: 45px;
  }

  .certifications-section__title {
    font-size: 38px;
  }

  .certifications-section__description {
    font-size: 14px;
  }

  .certifications-section__grid {
    gap: 18px;
  }

  .certification-card {
    border-radius: 18px;
  }

  .certification-card__visual {
    height: 455px;
    padding: 19px;
  }

  .certification-card__visual-top {
    top: 20px;
    left: 22px;
    right: 22px;
  }

  .certification-card__document {
    padding: 32px 19px 15px;
  }

  .certification-card__content {
    padding: 22px 21px 24px;
  }

  .certification-card__category {
    font-size: 9px;
  }

  .certification-card__title {
    font-size: 19px;
  }

  .certification-card__text {
    font-size: 12px;
  }

  .certification-card__arrow {
    width: 44px;
    height: 44px;
  }

  .certification-card__meta {
    margin-top: 20px;
    padding-top: 15px;
  }

  .certification-card__meta-item strong {
    font-size: 10px;
  }

}


/* =========================================================
   767px
========================================================= */

@media (max-width: 767px) {

  .certifications-section {
    padding: 72px 0 78px;
  }

  .certifications-section__header {
    margin-bottom: 38px;
  }

  .certifications-section__eyebrow {
    margin-bottom: 15px;

    font-size: 9px;
    letter-spacing: 0.14em;
  }

  .certifications-section__eyebrow-line {
    width: 30px;
  }

  .certifications-section__title {
    font-size: 32px;
  }

  .certifications-section__description {
    max-width: 540px;

    margin-top: 15px;

    font-size: 13px;

    line-height: 1.8;
  }

  .certifications-section__grid {
    grid-template-columns: 1fr;

    max-width: 580px;

    gap: 22px;
  }

  .certification-card__visual {
    height: 555px;
  }

  .certification-card__content {
    padding: 23px 24px 26px;
  }

  .certification-card__title {
    font-size: 21px;
  }

  .certification-card__text {
    font-size: 13px;
  }

}


/* =========================================================
   575px
========================================================= */

@media (max-width: 575px) {

  .certifications-section {
    padding: 62px 0 68px;
  }

  .certifications-section__header {
    margin-bottom: 32px;
  }

  .certifications-section__title {
    font-size: 28px;
  }

  .certifications-section__description {
    font-size: 12px;
  }

  .certifications-section__grid {
    gap: 17px;
  }

  .certification-card {
    border-radius: 15px;
  }

  .certification-card__visual {
    height: 475px;
    padding: 15px;
  }

  .certification-card__visual-top {
    top: 17px;
    left: 18px;
    right: 18px;
  }

  .certification-card__label {
    min-height: 27px;
    padding: 0 11px;
    font-size: 7px;
  }

  .certification-card__index {
    width: 35px;
    height: 35px;
    font-size: 9px;
  }

  .certification-card__document {
    padding: 30px 12px 12px;
    border-radius: 10px;
  }

  .certification-card__content {
    padding: 20px 18px 21px;
  }

  .certification-card__category {
    font-size: 8px;
  }

  .certification-card__title {
    font-size: 18px;
  }

  .certification-card__text {
    margin-top: 5px;
    font-size: 11px;
  }

  .certification-card__arrow {
    width: 41px;
    height: 41px;
    font-size: 10px;
  }

  .certification-card__meta {
    margin-top: 18px;
    padding-top: 14px;
  }

  .certification-card__meta-item {
    padding-right: 12px;
  }

  .certification-card__meta-item+.certification-card__meta-item {
    padding-left: 12px;
  }

  .certification-card__meta-label {
    font-size: 7px;
  }

  .certification-card__meta-item strong {
    font-size: 9px;
  }

}


/* =========================================================
   430px
========================================================= */

@media (max-width: 430px) {

  .certifications-section {
    padding: 54px 0 58px;
  }

  .certifications-section__title {
    font-size: 25px;
  }

  .certifications-section__description {
    padding: 0 7px;

    font-size: 11px;
  }

  .certification-card__visual {
    height: 410px;
    padding: 12px;
  }

  .certification-card__visual-top {
    top: 14px;
    left: 15px;
    right: 15px;
  }

  .certification-card__label {
    min-height: 24px;
    padding: 0 9px;

    font-size: 6.5px;
  }

  .certification-card__index {
    width: 31px;
    height: 31px;

    font-size: 8px;
  }

  .certification-card__document {
    padding: 26px 9px 9px;
  }

  .certification-card__content {
    padding: 17px 14px 18px;
  }

  .certification-card__category {
    font-size: 7px;
  }

  .certification-card__title {
    font-size: 16px;
  }

  .certification-card__text {
    font-size: 10px;
  }

  .certification-card__arrow {
    width: 36px;
    height: 36px;
  }

  .certification-card__meta {
    margin-top: 15px;
    padding-top: 12px;
  }

  .certification-card__meta-label {
    font-size: 6px;
  }

  .certification-card__meta-item strong {
    font-size: 8px;
  }

}


/* =========================================================
   REDUCED MOTION
========================================================= */

@media (prefers-reduced-motion: reduce) {

  .certification-card,
  .certification-card__visual::before,
  .certification-card__visual::after,
  .certification-card__document img,
  .certification-card__overlay,
  .certification-card__view,
  .certification-card__title,
  .certification-card__arrow {
    transition: none !important;
  }

}










.certifications-section .sec-title__tagline {
  color: #FFFFFF;

  background-color: #023681;

  border-radius: 30px;
}


.certifications-section .sec-title__title {
  color: #173A42;

  font-family: var(--insuba-heading-font,
      "Poppins",
      sans-serif);

  font-weight: 600;

  line-height: 1.18;
}




































/* =========================================================
   FREE FOODS — OUR CAPABILITIES
   Brand Colors:
   #023681 — Primary Blue
   #06479B — Secondary Blue
   #173A42 — Navy
   #5F6B70 — Text
   #F8FAFD — Soft Background
========================================================= */


/* =========================================================
   GLOBAL
========================================================= */

.capabilities-overview,
.manufacturing-capabilities,
.capabilities-agriculture,
.capabilities-quality,
.capabilities-export {
  position: relative;
  overflow: hidden;
}

.capabilities-overview *,
.manufacturing-capabilities *,
.capabilities-agriculture *,
.capabilities-quality *,
.capabilities-export * {
  box-sizing: border-box;
}

.capabilities-overview .container,
.manufacturing-capabilities .container,
.capabilities-agriculture .container,
.capabilities-quality .container,
.capabilities-export .container {
  position: relative;
  z-index: 2;
}

.capabilities-overview .section-space,
.manufacturing-capabilities .section-space,
.capabilities-agriculture .section-space,
.capabilities-quality .section-space,
.capabilities-export .section-space {
  padding-top: 0;
}

.capabilities-overview a,
.manufacturing-capabilities a,
.capabilities-agriculture a,
.capabilities-quality a,
.capabilities-export a {
  text-decoration: none;
}


/* =========================================================
   01. INTEGRATED CAPABILITIES
========================================================= */

.capabilities-overview {
  padding: 105px 0 100px;
  background: #FFFFFF;
}

.capabilities-overview::before {
  content: "";
  position: absolute;
  top: -260px;
  right: -240px;
  width: 560px;
  height: 560px;
  border-radius: 50%;
  background: rgba(2, 54, 129, 0.035);
  pointer-events: none;
}

.capabilities-overview__header {
  max-width: 790px;
  margin: 0 auto 62px;
  text-align: center;
}

.capabilities-overview__eyebrow,
.manufacturing-capabilities__eyebrow,
.capabilities-agriculture__eyebrow,
.capabilities-quality__eyebrow,
.capabilities-export__eyebrow {
  display: flex;
  align-items: center;
  gap: 11px;
  margin-bottom: 17px;
  color: #023681;
  font-size: 10px;
  line-height: 1.3;
  font-weight: 700;
  letter-spacing: 0.18em;
  text-transform: uppercase;
}

.capabilities-overview__eyebrow {
  justify-content: center;
}

.capabilities-overview__eyebrow-line,
.manufacturing-capabilities__eyebrow-line,
.capabilities-agriculture__eyebrow-line,
.capabilities-quality__eyebrow-line,
.capabilities-export__eyebrow-line {
  display: inline-block;
  width: 38px;
  height: 2px;
  flex: 0 0 38px;
  background: #06479B;
  border-radius: 10px;
}

.capabilities-overview__title {
  margin: 0;
  color: #173A42;
  font-family: var(--insuba-heading-font, "Poppins", sans-serif);
  font-size: 45px;
  line-height: 1.14;
  font-weight: 600;
  letter-spacing: -0.025em;
}

.capabilities-overview__title span {
  color: #023681;
}

.capabilities-overview__description {
  max-width: 670px;
  margin: 18px auto 0;
  color: #68767C;
  font-family: var(--insuba-font, "Roboto", sans-serif);
  font-size: 15px;
  line-height: 1.8;
}


/* ---------- Capability Flow ---------- */

.capabilities-overview__flow {
  display: grid;
  grid-template-columns:
    minmax(0, 1fr) 36px minmax(0, 1fr) 36px minmax(0, 1fr) 36px minmax(0, 1fr) 36px minmax(0, 1fr);
  align-items: stretch;
  max-width: 1240px;
  margin: 0 auto;
}

.capability-flow__item {
  position: relative;
  min-width: 0;
  padding: 27px 21px 25px;
  text-align: center;
  background: #F8FAFD;
  border: 1px solid #E1E9EC;
  border-radius: 14px;
  transition:
    transform 450ms ease,
    border-color 450ms ease,
    box-shadow 450ms ease,
    background 450ms ease;
}

.capability-flow__item:hover {
  transform: translateY(-6px);
  background: #FFFFFF;
  border-color: rgba(2, 54, 129, 0.20);
  box-shadow: 0 16px 38px rgba(18, 54, 90, 0.09);
}

.capability-flow__number {
  position: absolute;
  top: 13px;
  right: 15px;
  color: #B8C8D5;
  font-size: 9px;
  font-weight: 700;
  letter-spacing: 0.08em;
}

.capability-flow__icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 56px;
  height: 56px;
  margin: 0 auto 18px;
  color: #023681;
  font-size: 19px;
  background: #E8F0F7;
  border: 1px solid #D4E2ED;
  border-radius: 50%;
  transition:
    color 350ms ease,
    background 350ms ease,
    transform 350ms ease;
}

.capability-flow__item:hover .capability-flow__icon {
  color: #FFFFFF;
  background: #023681;
  transform: scale(1.05);
}

.capability-flow__item h3 {
  margin: 0 0 9px;
  color: #173A42;
  font-family: var(--insuba-heading-font, "Poppins", sans-serif);
  font-size: 15px;
  line-height: 1.35;
  font-weight: 600;
}

.capability-flow__item p {
  margin: 0;
  color: #718087;
  font-size: 11px;
  line-height: 1.7;
}

.capability-flow__connector {
  display: flex;
  align-items: center;
  justify-content: center;
  color: #8CA9BF;
  font-size: 12px;
}

.capability-flow__connector i {
  transition: transform 350ms ease;
}

.capability-flow__item:hover+.capability-flow__connector i {
  transform: translateX(3px);
}


/* =========================================================
   02. MANUFACTURING CAPABILITIES
========================================================= */

.manufacturing-capabilities {
  padding: 105px 0 110px;
  background: #F8FAFD;
}

.manufacturing-capabilities::before {
  content: "";
  position: absolute;
  left: -220px;
  bottom: -270px;
  width: 580px;
  height: 580px;
  border-radius: 50%;
  background: rgba(6, 71, 155, 0.035);
  pointer-events: none;
}

.manufacturing-capabilities__header {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(330px, 0.72fr);
  gap: 80px;
  align-items: end;
  max-width: 1100px;
  margin: 0 auto 50px;
}

.manufacturing-capabilities__eyebrow {
  margin-bottom: 15px;
}

.manufacturing-capabilities__title {
  max-width: 560px;
  margin: 0;
  color: #173A42;
  font-family: var(--insuba-heading-font, "Poppins", sans-serif);
  font-size: 42px;
  line-height: 1.15;
  font-weight: 600;
  letter-spacing: -0.025em;
}

.manufacturing-capabilities__title span {
  color: #023681;
}

.manufacturing-capabilities__intro {
  padding-left: 25px;
  border-left: 2px solid #D2DFE4;
}

.manufacturing-capabilities__intro p {
  margin: 0;
  color: #647278;
  font-size: 14px;
  line-height: 1.85;
}


/* ---------- Manufacturing Grid ---------- */

.manufacturing-capabilities__grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 20px;
  max-width: 1240px;
  margin: 0 auto;
}

.manufacturing-capability-card {
  display: flex;
  flex-direction: column;
  min-width: 0;
  overflow: hidden;
  background: #FFFFFF;
  border: 1px solid #DCE6E9;
  border-radius: 16px;
  box-shadow: 0 9px 28px rgba(18, 54, 90, 0.045);
  transition:
    transform 450ms ease,
    box-shadow 450ms ease,
    border-color 450ms ease;
}

.manufacturing-capability-card:hover {
  transform: translateY(-7px);
  border-color: rgba(2, 54, 129, 0.18);
  box-shadow: 0 18px 40px rgba(18, 54, 90, 0.10);
}

.manufacturing-capability-card__image {
  position: relative;
  height: 225px;
  overflow: hidden;
  background: #E9EFF1;
}

.manufacturing-capability-card__image::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg,
      rgba(2, 54, 129, 0) 55%,
      rgba(2, 54, 129, 0.22) 100%);
  pointer-events: none;
}

.manufacturing-capability-card__image img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 800ms cubic-bezier(.2, .65, .25, 1);
}

.manufacturing-capability-card:hover .manufacturing-capability-card__image img {
  transform: scale(1.055);
}

.manufacturing-capability-card__number {
  position: absolute;
  z-index: 2;
  top: 16px;
  right: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 37px;
  height: 37px;
  color: #FFFFFF;
  background: rgba(2, 54, 129, 0.92);
  border: 1px solid rgba(255, 255, 255, .35);
  border-radius: 50%;
  font-size: 9px;
  font-weight: 700;
}

.manufacturing-capability-card__content {
  display: flex;
  flex: 1;
  flex-direction: column;
  padding: 22px 22px 23px;
}

.manufacturing-capability-card__category {
  display: block;
  margin-bottom: 8px;
  color: #06479B;
  font-size: 8px;
  line-height: 1.3;
  font-weight: 700;
  letter-spacing: .15em;
  text-transform: uppercase;
}

.manufacturing-capability-card__content h3 {
  margin: 0 0 10px;
  color: #173A42;
  font-family: var(--insuba-heading-font, "Poppins", sans-serif);
  font-size: 19px;
  line-height: 1.3;
  font-weight: 600;
}

.manufacturing-capability-card__content p {
  margin: 0;
  color: #6A777C;
  font-size: 11px;
  line-height: 1.75;
}

.manufacturing-capability-card__link {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  width: fit-content;
  margin-top: auto;
  padding-top: 19px;
  color: #023681;
  font-size: 10px;
  line-height: 1.4;
  font-weight: 700;
  transition: color 300ms ease;
}

.manufacturing-capability-card__link i {
  font-size: 9px;
  transition: transform 300ms ease;
}

.manufacturing-capability-card__link:hover {
  color: #06479B;
}

.manufacturing-capability-card__link:hover i {
  transform: translateX(4px);
}


/* =========================================================
   03. AGRICULTURE & RAW MATERIALS
========================================================= */

.capabilities-agriculture {
  padding: 115px 0;
  background: #FFFFFF;
}

.capabilities-agriculture__wrapper {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, .95fr);
  gap: 80px;
  align-items: center;
  max-width: 1180px;
  margin: 0 auto;
}

.capabilities-agriculture__image {
  position: relative;
  min-height: 510px;
  overflow: hidden;
  border-radius: 20px;
  background: #E8EEEE;
}

.capabilities-agriculture__image::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg,
      rgba(2, 54, 129, 0) 50%,
      rgba(2, 54, 129, .38) 100%);
  pointer-events: none;
}

.capabilities-agriculture__image img {
  display: block;
  width: 100%;
  height: 100%;
  min-height: 510px;
  object-fit: cover;
  transition: transform 900ms ease;
}

.capabilities-agriculture__image:hover img {
  transform: scale(1.035);
}

.capabilities-agriculture__image-label {
  position: absolute;
  z-index: 3;
  left: 28px;
  bottom: 27px;
  display: flex;
  align-items: center;
  gap: 13px;
  color: #FFFFFF;
}

.capabilities-agriculture__image-label-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 47px;
  height: 47px;
  flex: 0 0 47px;
  color: #023681;
  background: #FFFFFF;
  border-radius: 50%;
  font-size: 17px;
}

.capabilities-agriculture__image-label strong,
.capabilities-agriculture__image-label span {
  display: block;
}

.capabilities-agriculture__image-label strong {
  margin-bottom: 2px;
  font-size: 13px;
  font-weight: 700;
}

.capabilities-agriculture__image-label span {
  font-size: 10px;
  opacity: .88;
}


/* ---------- Agriculture Content ---------- */

.capabilities-agriculture__content {
  max-width: 560px;
}

.capabilities-agriculture__eyebrow {
  margin-bottom: 16px;
}

.capabilities-agriculture__title {
  margin: 0 0 20px;
  color: #173A42;
  font-family: var(--insuba-heading-font, "Poppins", sans-serif);
  font-size: 43px;
  line-height: 1.15;
  font-weight: 600;
  letter-spacing: -0.025em;
}

.capabilities-agriculture__title span {
  display: block;
  color: #023681;
}

.capabilities-agriculture__lead {
  margin: 0 0 14px;
  color: #43545A;
  font-size: 15px;
  line-height: 1.75;
  font-weight: 500;
}

.capabilities-agriculture__text {
  margin: 0;
  color: #718087;
  font-size: 13px;
  line-height: 1.85;
}


/* ---------- Agriculture Features ---------- */

.capabilities-agriculture__features {
  margin-top: 32px;
  border-top: 1px solid #DDE6E9;
}

.agriculture-feature {
  display: flex;
  align-items: flex-start;
  gap: 15px;
  padding: 17px 0;
  border-bottom: 1px solid #DDE6E9;
}

.agriculture-feature__icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 37px;
  height: 37px;
  flex: 0 0 37px;
  margin-top: 2px;
  color: #023681;
  background: #EAF1F7;
  border-radius: 50%;
  font-size: 12px;
}

.agriculture-feature h3 {
  margin: 0 0 4px;
  color: #173A42;
  font-family: var(--insuba-heading-font, "Poppins", sans-serif);
  font-size: 13px;
  line-height: 1.4;
  font-weight: 600;
}

.agriculture-feature p {
  margin: 0;
  color: #78858A;
  font-size: 10px;
  line-height: 1.65;
}


/* =========================================================
   04. QUALITY & FOOD SAFETY
========================================================= */

.capabilities-quality {
  padding: 105px 0;
  background: #F8FAFD;
}

.capabilities-quality__wrapper {
  display: grid;
  grid-template-columns: minmax(0, 1.05fr) minmax(360px, .75fr);
  gap: 90px;
  align-items: center;
  max-width: 1120px;
  margin: 0 auto;
}

.capabilities-quality__content {
  max-width: 610px;
}

.capabilities-quality__eyebrow {
  margin-bottom: 16px;
}

.capabilities-quality__title {
  margin: 0 0 19px;
  color: #173A42;
  font-family: var(--insuba-heading-font, "Poppins", sans-serif);
  font-size: 42px;
  line-height: 1.16;
  font-weight: 600;
  letter-spacing: -0.025em;
}

.capabilities-quality__title span {
  display: block;
  color: #023681;
}

.capabilities-quality__description {
  max-width: 570px;
  margin: 0;
  color: #68767C;
  font-size: 14px;
  line-height: 1.8;
}


/* ---------- Quality Points ---------- */

.capabilities-quality__points {
  margin-top: 31px;
}

.quality-point {
  display: flex;
  align-items: flex-start;
  gap: 14px;
  margin-bottom: 17px;
}

.quality-point:last-child {
  margin-bottom: 0;
}

.quality-point__icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 26px;
  height: 26px;
  flex: 0 0 26px;
  margin-top: 2px;
  color: #FFFFFF;
  background: #023681;
  border-radius: 50%;
  font-size: 9px;
}

.quality-point h3 {
  margin: 0 0 3px;
  color: #173A42;
  font-family: var(--insuba-heading-font, "Poppins", sans-serif);
  font-size: 13px;
  line-height: 1.4;
  font-weight: 600;
}

.quality-point p {
  margin: 0;
  color: #77848A;
  font-size: 10px;
  line-height: 1.65;
}


/* ---------- Quality Button ---------- */

.capabilities-quality__button {
  margin-top: 32px;
}


/* ---------- Certificate Card ---------- */

.capabilities-quality__certificate {
  position: relative;
}

.quality-certificate-card {
  position: relative;
  padding: 30px;
  overflow: hidden;
  background: #FFFFFF;
  border: 1px solid #D8E3E7;
  border-radius: 18px;
  box-shadow: 0 18px 45px rgba(18, 54, 90, 0.075);
}

.quality-certificate-card::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 4px;
  background: linear-gradient(90deg,
      #023681,
      #06479B);
}

.quality-certificate-card::after {
  content: "";
  position: absolute;
  right: -100px;
  bottom: -120px;
  width: 260px;
  height: 260px;
  border: 1px solid rgba(2, 54, 129, .07);
  border-radius: 50%;
}

.quality-certificate-card__top {
  position: relative;
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-bottom: 25px;
  border-bottom: 1px solid #E3EAED;
}

.quality-certificate-card__label {
  color: #023681;
  font-size: 9px;
  font-weight: 700;
  letter-spacing: .14em;
  text-transform: uppercase;
}

.quality-certificate-card__icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 38px;
  height: 38px;
  color: #023681;
  background: #EAF1F7;
  border-radius: 50%;
  font-size: 13px;
}

.quality-certificate-card__main {
  position: relative;
  z-index: 2;
  display: flex;
  align-items: center;
  gap: 21px;
  padding: 35px 0;
}

.quality-certificate-card__iso {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 82px;
  height: 82px;
  flex: 0 0 82px;
  color: #023681;
  border: 2px solid #023681;
  border-radius: 50%;
  font-family: var(--insuba-heading-font, "Poppins", sans-serif);
  font-size: 20px;
  font-weight: 700;
}

.quality-certificate-card__main h3 {
  margin: 0 0 6px;
  color: #173A42;
  font-family: var(--insuba-heading-font, "Poppins", sans-serif);
  font-size: 21px;
  line-height: 1.3;
  font-weight: 600;
}

.quality-certificate-card__main p {
  margin: 0;
  color: #738087;
  font-size: 10px;
  line-height: 1.6;
}

.quality-certificate-card__footer {
  position: relative;
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-top: 20px;
  border-top: 1px solid #E3EAED;
}

.quality-certificate-card__footer>span {
  color: #6D797E;
  font-size: 10px;
  font-weight: 600;
}

.quality-certificate-card__footer a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 35px;
  height: 35px;
  color: #FFFFFF;
  background: #023681;
  border-radius: 50%;
  font-size: 9px;
  transition:
    background 300ms ease,
    transform 300ms ease;
}

.quality-certificate-card__footer a:hover {
  background: #06479B;
  transform: translateX(3px);
}


/* =========================================================
   05. EXPORT & SUPPLY
========================================================= */

.capabilities-export {
  padding: 115px 0 120px;
  background: #FFFFFF;
}

.capabilities-export__wrapper {
  display: grid;
  grid-template-columns: minmax(0, .92fr) minmax(0, 1fr);
  gap: 80px;
  align-items: center;
  max-width: 1180px;
  margin: 0 auto;
}

.capabilities-export__content {
  max-width: 570px;
}

.capabilities-export__eyebrow {
  margin-bottom: 16px;
}

.capabilities-export__title {
  margin: 0 0 20px;
  color: #173A42;
  font-family: var(--insuba-heading-font, "Poppins", sans-serif);
  font-size: 42px;
  line-height: 1.15;
  font-weight: 600;
  letter-spacing: -0.025em;
}

.capabilities-export__title span {
  display: block;
  color: #023681;
}

.capabilities-export__description {
  max-width: 540px;
  margin: 0;
  color: #6B787D;
  font-size: 14px;
  line-height: 1.85;
}


/* ---------- Export Features ---------- */

.capabilities-export__features {
  margin-top: 30px;
  border-top: 1px solid #DCE5E8;
}

.export-feature {
  display: grid;
  grid-template-columns: 37px 1fr;
  gap: 15px;
  padding: 17px 0;
  border-bottom: 1px solid #DCE5E8;
}

.export-feature__number {
  color: #06479B;
  font-size: 9px;
  line-height: 1.5;
  font-weight: 700;
  letter-spacing: .08em;
}

.export-feature h3 {
  margin: 0 0 4px;
  color: #173A42;
  font-family: var(--insuba-heading-font, "Poppins", sans-serif);
  font-size: 13px;
  line-height: 1.4;
  font-weight: 600;
}

.export-feature p {
  margin: 0;
  color: #77848A;
  font-size: 10px;
  line-height: 1.7;
}


/* ---------- Export Actions ---------- */

.capabilities-export__actions {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 24px;
  margin-top: 32px;
}

.capabilities-export__secondary-link {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  color: #023681;
  font-size: 10px;
  font-weight: 700;
}

.capabilities-export__secondary-link i {
  font-size: 8px;
  transition: transform 300ms ease;
}

.capabilities-export__secondary-link:hover i {
  transform: translateX(4px);
}


/* ---------- Export Visual ---------- */

.capabilities-export__visual {
  position: relative;
  padding-bottom: 28px;
}

.capabilities-export__image {
  position: relative;
  height: 510px;
  overflow: hidden;
  border-radius: 20px;
  background: #E8EFF2;
}

.capabilities-export__image::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg,
      rgba(2, 54, 129, 0) 50%,
      rgba(2, 54, 129, .35) 100%);
  pointer-events: none;
}

.capabilities-export__image img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 900ms ease;
}

.capabilities-export__visual:hover .capabilities-export__image img {
  transform: scale(1.035);
}

.capabilities-export__visual-card {
  position: absolute;
  z-index: 4;
  right: -24px;
  bottom: 0;
  display: flex;
  align-items: center;
  gap: 14px;
  width: 285px;
  padding: 19px 21px;
  background: #FFFFFF;
  border: 1px solid #D9E4E8;
  border-radius: 13px;
  box-shadow: 0 15px 40px rgba(18, 54, 90, 0.12);
}

.capabilities-export__visual-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 43px;
  height: 43px;
  flex: 0 0 43px;
  color: #FFFFFF;
  background: #023681;
  border-radius: 50%;
  font-size: 14px;
}

.capabilities-export__visual-card strong,
.capabilities-export__visual-card span {
  display: block;
}

.capabilities-export__visual-card strong {
  margin-bottom: 4px;
  color: #173A42;
  font-family: var(--insuba-heading-font, "Poppins", sans-serif);
  font-size: 12px;
  line-height: 1.4;
  font-weight: 600;
}

.capabilities-export__visual-card span {
  color: #7A878C;
  font-size: 9px;
  line-height: 1.5;
}


/* =========================================================
   INSUBA BUTTON COMPATIBILITY
========================================================= */

.capabilities-quality .insuba-btn,
.capabilities-export .insuba-btn {
  display: inline-flex;
  align-items: center;
  min-height: 52px;
}

.capabilities-quality .insuba-btn__icon-box,
.capabilities-export .insuba-btn__icon-box {
  display: flex;
  align-items: center;
  justify-content: center;
}


/* =========================================================
   1400px
========================================================= */

@media (max-width: 1399px) {

  .capabilities-overview {
    padding: 95px 0;
  }

  .capabilities-overview__flow {
    max-width: 1160px;
  }

  .capability-flow__item {
    padding-left: 17px;
    padding-right: 17px;
  }

  .capability-flow__item p {
    font-size: 10px;
  }

  .manufacturing-capabilities__grid {
    max-width: 1160px;
  }

  .capabilities-agriculture__wrapper,
  .capabilities-export__wrapper {
    max-width: 1120px;
  }
}


/* =========================================================
   1199px
========================================================= */

@media (max-width: 1199px) {

  .capabilities-overview__title {
    font-size: 40px;
  }

  .capabilities-overview__flow {
    grid-template-columns:
      repeat(3, minmax(0, 1fr));
    gap: 18px;
  }

  .capability-flow__connector {
    display: none;
  }

  .capability-flow__item {
    padding: 25px 18px;
  }

  .manufacturing-capabilities__header {
    gap: 45px;
  }

  .manufacturing-capabilities__title {
    font-size: 38px;
  }

  .manufacturing-capabilities__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    max-width: 900px;
  }

  .manufacturing-capability-card__image {
    height: 250px;
  }

  .capabilities-agriculture__wrapper {
    gap: 55px;
  }

  .capabilities-agriculture__title {
    font-size: 38px;
  }

  .capabilities-quality__wrapper {
    gap: 55px;
  }

  .capabilities-quality__title {
    font-size: 38px;
  }

  .capabilities-export__wrapper {
    gap: 55px;
  }

  .capabilities-export__title {
    font-size: 38px;
  }

  .capabilities-export__visual-card {
    right: -10px;
  }
}


/* =========================================================
   991px
========================================================= */

@media (max-width: 991px) {

  .capabilities-overview,
  .manufacturing-capabilities,
  .capabilities-agriculture,
  .capabilities-quality,
  .capabilities-export {
    padding-top: 80px;
    padding-bottom: 85px;
  }

  .capabilities-overview__header {
    margin-bottom: 45px;
  }

  .capabilities-overview__title {
    font-size: 36px;
  }

  .capabilities-overview__description {
    font-size: 14px;
  }

  .capabilities-overview__flow {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    max-width: 720px;
  }

  .manufacturing-capabilities__header {
    grid-template-columns: 1fr;
    gap: 25px;
    margin-bottom: 40px;
  }

  .manufacturing-capabilities__intro {
    max-width: 650px;
  }

  .capabilities-agriculture__wrapper {
    grid-template-columns: 1fr;
    gap: 45px;
    max-width: 700px;
  }

  .capabilities-agriculture__image {
    min-height: 450px;
  }

  .capabilities-agriculture__image img {
    min-height: 450px;
  }

  .capabilities-agriculture__content {
    max-width: 700px;
  }

  .capabilities-quality__wrapper {
    grid-template-columns: 1fr;
    gap: 45px;
    max-width: 700px;
  }

  .capabilities-quality__content {
    max-width: 700px;
  }

  .quality-certificate-card {
    max-width: 600px;
  }

  .capabilities-export__wrapper {
    grid-template-columns: 1fr;
    gap: 45px;
    max-width: 700px;
  }

  .capabilities-export__content {
    max-width: 700px;
  }

  .capabilities-export__image {
    height: 450px;
  }

  .capabilities-export__visual-card {
    right: 20px;
  }
}


/* =========================================================
   767px
========================================================= */

@media (max-width: 767px) {

  .capabilities-overview,
  .manufacturing-capabilities,
  .capabilities-agriculture,
  .capabilities-quality,
  .capabilities-export {
    padding-top: 70px;
    padding-bottom: 70px;
  }

  .capabilities-overview__title,
  .manufacturing-capabilities__title,
  .capabilities-agriculture__title,
  .capabilities-quality__title,
  .capabilities-export__title {
    font-size: 32px;
  }

  .capabilities-overview__flow {
    grid-template-columns: 1fr;
    max-width: 500px;
    gap: 13px;
  }

  .capability-flow__item {
    display: grid;
    grid-template-columns: 58px 1fr;
    grid-template-rows: auto auto;
    column-gap: 15px;
    align-items: center;
    padding: 19px 20px;
    text-align: left;
  }

  .capability-flow__number {
    top: 12px;
    right: 13px;
  }

  .capability-flow__icon {
    grid-column: 1;
    grid-row: 1 / span 2;
    width: 52px;
    height: 52px;
    margin: 0;
  }

  .capability-flow__item h3 {
    grid-column: 2;
    grid-row: 1;
    margin-bottom: 4px;
    font-size: 14px;
  }

  .capability-flow__item p {
    grid-column: 2;
    grid-row: 2;
    font-size: 10px;
  }

  .manufacturing-capabilities__header {
    margin-bottom: 35px;
  }

  .manufacturing-capabilities__grid {
    grid-template-columns: 1fr;
    max-width: 520px;
    gap: 18px;
  }

  .manufacturing-capability-card__image {
    height: 275px;
  }

  .manufacturing-capability-card__content {
    padding: 21px;
  }

  .capabilities-agriculture__image {
    min-height: 390px;
  }

  .capabilities-agriculture__image img {
    min-height: 390px;
  }

  .capabilities-agriculture__image-label {
    left: 20px;
    bottom: 20px;
  }

  .capabilities-quality__wrapper {
    gap: 35px;
  }

  .quality-certificate-card {
    padding: 25px;
  }

  .quality-certificate-card__main {
    padding: 28px 0;
  }

  .capabilities-export__image {
    height: 390px;
  }

  .capabilities-export__visual-card {
    position: relative;
    right: auto;
    bottom: auto;
    width: calc(100% - 30px);
    margin: -35px auto 0;
  }
}


/* =========================================================
   575px
========================================================= */

@media (max-width: 575px) {

  .capabilities-overview,
  .manufacturing-capabilities,
  .capabilities-agriculture,
  .capabilities-quality,
  .capabilities-export {
    padding-top: 58px;
    padding-bottom: 60px;
  }

  .capabilities-overview__header {
    margin-bottom: 35px;
  }

  .capabilities-overview__eyebrow,
  .manufacturing-capabilities__eyebrow,
  .capabilities-agriculture__eyebrow,
  .capabilities-quality__eyebrow,
  .capabilities-export__eyebrow {
    font-size: 9px;
    letter-spacing: .14em;
  }

  .capabilities-overview__title,
  .manufacturing-capabilities__title,
  .capabilities-agriculture__title,
  .capabilities-quality__title,
  .capabilities-export__title {
    font-size: 28px;
  }

  .capabilities-overview__description {
    font-size: 13px;
    line-height: 1.7;
  }

  .capability-flow__item {
    padding: 17px;
  }

  .manufacturing-capability-card__image {
    height: 240px;
  }

  .manufacturing-capability-card__content h3 {
    font-size: 18px;
  }

  .capabilities-agriculture__image {
    min-height: 320px;
    border-radius: 15px;
  }

  .capabilities-agriculture__image img {
    min-height: 320px;
  }

  .capabilities-agriculture__image-label {
    left: 16px;
    bottom: 16px;
  }

  .capabilities-agriculture__image-label-icon {
    width: 40px;
    height: 40px;
    flex-basis: 40px;
    font-size: 14px;
  }

  .capabilities-agriculture__lead {
    font-size: 13px;
  }

  .capabilities-agriculture__text {
    font-size: 12px;
  }

  .agriculture-feature {
    gap: 11px;
  }

  .agriculture-feature__icon {
    width: 33px;
    height: 33px;
    flex-basis: 33px;
  }

  .agriculture-feature h3 {
    font-size: 12px;
  }

  .agriculture-feature p {
    font-size: 9px;
  }

  .capabilities-quality__description,
  .capabilities-export__description {
    font-size: 12px;
  }

  .quality-certificate-card {
    padding: 21px;
    border-radius: 15px;
  }

  .quality-certificate-card__main {
    gap: 15px;
  }

  .quality-certificate-card__iso {
    width: 65px;
    height: 65px;
    flex-basis: 65px;
    font-size: 16px;
  }

  .quality-certificate-card__main h3 {
    font-size: 17px;
  }

  .quality-certificate-card__main p {
    font-size: 9px;
  }

  .capabilities-export__image {
    height: 320px;
    border-radius: 15px;
  }

  .capabilities-export__visual-card {
    width: calc(100% - 20px);
    padding: 15px;
  }

  .capabilities-export__actions {
    align-items: flex-start;
    flex-direction: column;
    gap: 17px;
  }
}


/* =========================================================
   430px
========================================================= */

@media (max-width: 430px) {

  .capabilities-overview__title,
  .manufacturing-capabilities__title,
  .capabilities-agriculture__title,
  .capabilities-quality__title,
  .capabilities-export__title {
    font-size: 25px;
  }

  .capabilities-overview__eyebrow-line,
  .manufacturing-capabilities__eyebrow-line,
  .capabilities-agriculture__eyebrow-line,
  .capabilities-quality__eyebrow-line,
  .capabilities-export__eyebrow-line {
    width: 28px;
    flex-basis: 28px;
  }

  .capability-flow__item {
    grid-template-columns: 48px 1fr;
    column-gap: 12px;
  }

  .capability-flow__icon {
    width: 45px;
    height: 45px;
    font-size: 15px;
  }

  .capability-flow__item h3 {
    font-size: 13px;
  }

  .capability-flow__item p {
    font-size: 9px;
  }

  .manufacturing-capability-card__image {
    height: 215px;
  }

  .capabilities-agriculture__image {
    min-height: 275px;
  }

  .capabilities-agriculture__image img {
    min-height: 275px;
  }

  .quality-certificate-card__main {
    align-items: flex-start;
  }

  .quality-certificate-card__iso {
    width: 58px;
    height: 58px;
    flex-basis: 58px;
    font-size: 14px;
  }

  .quality-certificate-card__main h3 {
    font-size: 15px;
  }

  .quality-certificate-card__footer>span {
    font-size: 9px;
  }

  .capabilities-export__image {
    height: 275px;
  }
}


/* =========================================================
   REDUCED MOTION
========================================================= */

@media (prefers-reduced-motion: reduce) {

  .capability-flow__item,
  .capability-flow__icon,
  .manufacturing-capability-card,
  .manufacturing-capability-card__image img,
  .capabilities-agriculture__image img,
  .capabilities-export__image img,
  .quality-certificate-card__footer a {
    transition: none !important;
  }
}










/* =========================================================
   FREE FOODS
   PRODUCTS SHOWCASE
========================================================= */

.products-showcase {
  position: relative;
  overflow: hidden;

  padding: 105px 0 115px;

  background: #fff;
}


/* =========================================================
   BACKGROUND DECORATION
========================================================= */



/* =========================================================
   CONTAINER
========================================================= */

.products-showcase .container {
  position: relative;
  z-index: 2;
}


/* =========================================================
   SECTION HEADER
========================================================= */

.products-showcase__header {
  max-width: 760px;

  margin: 0 auto 58px;

  text-align: center;
}


/* Eyebrow */

.products-showcase__eyebrow {
  display: inline-flex;

  align-items: center;
  justify-content: center;

  gap: 10px;

  margin-bottom: 15px;

  color: #023681;

  font-family:
    var(--insuba-font,
      "Roboto",
      sans-serif);

  font-size: 10px;
  font-weight: 700;

  line-height: 1;

  letter-spacing: 0.18em;

  text-transform: uppercase;
}

.products-showcase__eyebrow-line {
  display: block;

  width: 30px;
  height: 2px;

  border-radius: 10px;

  background: #06479B;
}


/* Main Title */

.products-showcase__title {
  margin: 0;

  color: #173A42;

  font-family:
    var(--insuba-heading-font,
      "Poppins",
      sans-serif);

  font-size: 46px;
  font-weight: 600;

  line-height: 1.18;

  letter-spacing: -0.025em;
}

.products-showcase__title span {
  display: block;

  color: #023681;
}


/* Description */

.products-showcase__description {
  max-width: 650px;

  margin: 17px auto 0;

  color: #6D797E;

  font-family:
    var(--insuba-font,
      "Roboto",
      sans-serif);

  font-size: 15px;
  font-weight: 400;

  line-height: 1.8;
}



























/* =========================================================
   PRODUCTS FLAVOUR
   ========================================================= */


/* =========================================================
   PRODUCTS FLAVOUR SECTION
========================================================= */





























/* =========================================================
   FREE FOODS
   MAIN PRODUCTS
   COMPACT PREMIUM CARDS
========================================================= */

.mainproducts {
  position: relative;
  overflow: hidden;
  padding: 100px 0 105px;
  background: #fff;
}

/* 
.mainproducts::before {
    content: "";
    position: absolute;
    top: -300px;
    right: -280px;
    width: 620px;
    height: 620px;
    border-radius: 50%;
    background: rgba(2, 54, 129, 0.025);
    pointer-events: none;
} */

.mainproducts::after {
  content: "";
  position: absolute;
  bottom: -320px;
  left: -300px;
  width: 650px;
  height: 650px;
  border-radius: 50%;
  border: 1px solid rgba(2, 54, 129, 0.035);
  pointer-events: none;
}

.mainproducts .container {
  position: relative;
  z-index: 2;
}


/* =========================================================
   HEADER
========================================================= */

.mainproducts__header {
  position: relative;
  max-width: 760px;
  margin: 0 auto 52px;
  text-align: center;
  z-index: 3;
}

.mainproducts__eyebrow {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  margin-bottom: 14px;

  color: #023681;

  font-family: var(--insuba-font, "Roboto", sans-serif);
  font-size: 10px;
  font-weight: 700;
  line-height: 1;
  letter-spacing: .18em;
  text-transform: uppercase;
}

.mainproducts__eyebrow-line {
  display: block;
  width: 30px;
  height: 2px;
  border-radius: 20px;
  background: #06479B;
}

.mainproducts__title {
  margin: 0;

  color: #173A42;

  font-family:
    var(--insuba-heading-font,
      "Poppins",
      sans-serif);

  font-size: 44px;
  font-weight: 600;
  line-height: 1.18;
  letter-spacing: -.025em;
}

.mainproducts__title span {
  display: inline;
  color: #023681;
}

.mainproducts__description {
  max-width: 650px;
  margin: 15px auto 0;

  color: #6D797E;

  font-family:
    var(--insuba-font,
      "Roboto",
      sans-serif);

  font-size: 16px;
  font-weight: 400;
  line-height: 1.8;
}


/* =========================================================
   GRID
========================================================= */

.mainproducts__grid {
  position: relative;

  display: grid;

  grid-template-columns:
    repeat(4, minmax(0, 1fr));

  gap: 22px;

  width: 100%;
}


/* =========================================================
   CARD
========================================================= */

.mainproducts__card {
  position: relative;
  min-width: 0;
}

.mainproducts__link {
  position: relative;

  display: block;

  width: 100%;

  overflow: hidden;

  text-decoration: none;

  background: #FFFFFF;

  border: 1px solid #D9E3E8;


  box-shadow:
    0 12px 35px rgba(18, 54, 90, .065);

  transition:
    transform 500ms cubic-bezier(.2, .8, .2, 1),
    box-shadow 500ms ease,
    border-color 400ms ease;
}

.mainproducts__link:hover {
  transform: translateY(-6px);

  border-color: rgba(2, 54, 129, .20);

  box-shadow:
    0 22px 50px rgba(18, 54, 90, .13);
}


/* =========================================================
   IMAGE
   FULL WIDTH / FULL TOP AREA
========================================================= */

.mainproducts__image {
  position: relative;

  width: 100%;

  height: 300px;

  overflow: hidden;

  background: #EAF1F7;
}


/*
   Remove old inner frame completely
*/
.mainproducts__image::before {
  display: none;
}


/*
   Image fills the entire card width
*/
.mainproducts__image img {
  position: absolute;

  inset: 0;

  z-index: 1;

  display: block;

  width: 100%;
  height: 100%;

  max-width: none;
  max-height: none;

  padding: 0;

  object-fit: cover;

  object-position: center center;

  filter: none;

  transform: scale(1.02);

  transition:
    transform 700ms cubic-bezier(.2, .8, .2, 1),
    filter 500ms ease;
}


/*
   Slight zoom on hover
*/
.mainproducts__link:hover .mainproducts__image img {
  transform: scale(1.07);
}


/* =========================================================
   OVERLAY
   VERY LIGHT OVER IMAGE
   STRONG ONLY AT BOTTOM
========================================================= */

.mainproducts__overlay {
  position: absolute;
  inset: 0;
  z-index: 4;

  display: flex;
  align-items: flex-end;
  justify-content: flex-start;

  padding: 25px;

  background:
    linear-gradient(to top,
      rgba(2, 54, 129, .78) 0%,
      rgba(2, 54, 129, .60) 18%,
      rgba(2, 54, 129, .28) 37%,
      rgba(2, 54, 129, .06) 58%,
      rgba(2, 54, 129, 0) 73%);

  transition: background 500ms ease;
}

.mainproducts__link:hover .mainproducts__overlay {
  background:
    linear-gradient(to top,

      rgba(2, 54, 129, .95) 0%,

      rgba(2, 54, 129, .80) 19%,

      rgba(2, 54, 129, .40) 38%,

      rgba(2, 54, 129, .11) 59%,

      rgba(2, 54, 129, 0) 75%);
}


/* =========================================================
   CONTENT
========================================================= */

.mainproducts__content {
  position: relative;

  z-index: 6;

  width: 100%;

  transform: translateY(8px);

  transition:
    transform 450ms ease;
}

.mainproducts__link:hover .mainproducts__content {
  transform: translateY(0);
}


/* =========================================================
   CATEGORY
========================================================= */

.mainproducts__category {
  display: block;

  margin-bottom: 5px;

  color: rgba(255, 255, 255, .82);

  font-family:
    var(--insuba-font,
      "Roboto",
      sans-serif);

  font-size: 10px;

  font-weight: 700;

  line-height: 1.4;

  letter-spacing: .15em;

  text-transform: uppercase;
}


/* =========================================================
   PRODUCT NAME
========================================================= */

.mainproducts__name {
  margin: 0;

  color: #FFFFFF;

  font-family:
    var(--insuba-heading-font,
      "Poppins",
      sans-serif);

  font-size: 27px;

  font-weight: 600;

  line-height: 1.08;

  letter-spacing: -.025em;

  text-shadow:
    0 2px 12px rgba(0, 0, 0, .20);
}


/* =========================================================
   EXPLORE BUTTON
========================================================= */

.mainproducts__explore {
  display: flex;

  align-items: center;
  justify-content: space-between;

  width: 100%;
  max-width: 175px;

  min-height: 42px;

  margin-top: 13px;

  padding: 4px 5px 4px 16px;

  border:
    1px solid rgba(255, 255, 255, .78);

  border-radius: 50px;

  background:
    rgba(255, 255, 255, .08);

  color: #FFFFFF;

  font-family:
    var(--insuba-font,
      "Roboto",
      sans-serif);

  font-size: 15px;

  font-weight: 600;

  line-height: 1;

  backdrop-filter: blur(7px);
  -webkit-backdrop-filter: blur(7px);

  opacity: 0;

  transform: translateY(8px);

  transition:
    opacity 350ms ease,
    transform 350ms ease,
    background 350ms ease;
}

.mainproducts__link:hover .mainproducts__explore {
  opacity: 1;

  transform: translateY(0);

  background:
    rgba(255, 255, 255, .14);
}


/* =========================================================
   EXPLORE ICON
========================================================= */

.mainproducts__explore-icon {
  display: flex;

  align-items: center;
  justify-content: center;

  flex: 0 0 33px;

  width: 33px;
  height: 33px;

  border-radius: 50%;

  background: #FFFFFF;

  color: #023681;

  font-size: 9px;

  transition:
    transform 350ms ease;
}

.mainproducts__link:hover .mainproducts__explore-icon {
  transform: translateX(2px);
}


/* =========================================================
   NUMBER
========================================================= */

.mainproducts__number {
  position: absolute;

  z-index: 8;

  top: 16px;
  right: 16px;

  display: flex;

  align-items: center;
  justify-content: center;

  width: 38px;
  height: 38px;

  border:
    1px solid rgba(2, 54, 129, .10);

  border-radius: 50%;

  background:
    rgba(255, 255, 255, .82);

  color: #023681;

  font-family:
    var(--insuba-font,
      "Roboto",
      sans-serif);

  font-size: 15px;

  font-weight: 700;

  line-height: 1;

  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);

  box-shadow:
    0 5px 16px rgba(18, 54, 90, .07);

  transition:
    background 350ms ease,
    color 350ms ease,
    transform 350ms ease;
}

.mainproducts__link:hover .mainproducts__number {
  background: #023681;

  color: #FFFFFF;

  transform: rotate(4deg);
}


/* =========================================================
   TOP BLUE ACCENT
========================================================= */

.mainproducts__link::before {
  content: "";

  position: absolute;

  z-index: 15;

  top: 0;
  left: 0;
  right: 0;

  height: 3px;

  background: #023681;

  transform: scaleX(0);

  transform-origin: center;

  transition:
    transform 400ms ease;
}

.mainproducts__link:hover::before {
  transform: scaleX(1);
}


/* =========================================================
   LARGE DESKTOP
========================================================= */

@media (min-width: 1400px) {

  .mainproducts {
    padding: 110px 0 115px;
  }

  .mainproducts__grid {
    gap: 24px;
  }

  .mainproducts__image {
    height: 300px;
  }

  .mainproducts__overlay {
    padding: 27px;
  }

  .mainproducts__name {
    font-size: 29px;
  }
}


/* =========================================================
   1200 — 1399
========================================================= */

@media (max-width: 1399px) {

  .mainproducts {
    padding: 95px 0 100px;
  }

  .mainproducts__image {
    height: 290px;
  }

  .mainproducts__overlay {
    padding: 23px;
  }

  .mainproducts__name {
    font-size: 25px;
  }
}


/* =========================================================
   992 — 1199
========================================================= */

@media (max-width: 1199px) {

  .mainproducts__title {
    font-size: 40px;
  }

  .mainproducts__grid {
    gap: 18px;
  }

  .mainproducts__image {
    height: 280px;
  }

  .mainproducts__overlay {
    padding: 21px;
  }

  .mainproducts__category {
    font-size: 9px;
  }

  .mainproducts__name {
    font-size: 22px;
  }

  .mainproducts__explore {
    max-width: 160px;
  }
}


/* =========================================================
   TABLET
========================================================= */

@media (max-width: 991px) {

  .mainproducts {
    padding: 80px 0 90px;
  }

  .mainproducts__header {
    margin-bottom: 40px;
  }

  .mainproducts__title {
    font-size: 37px;
  }

  .mainproducts__grid {
    grid-template-columns:
      repeat(2, minmax(0, 1fr));

    gap: 20px;
  }

  .mainproducts__image {
    height: 270px;
  }

  .mainproducts__overlay {
    padding: 25px;
  }

  .mainproducts__name {
    font-size: 26px;
  }

  /*
       Tablet does not depend on hover
    */
  .mainproducts__explore {
    opacity: 1;
    transform: translateY(0);
  }
}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 767px) {

  .mainproducts {
    padding: 70px 0 80px;
  }

  .mainproducts__header {
    margin-bottom: 34px;
  }

  .mainproducts__eyebrow {
    font-size: 8px;
    letter-spacing: .15em;
  }

  .mainproducts__title {
    font-size: 31px;
  }

  .mainproducts__description {
    font-size: 13px;
    line-height: 1.75;
  }

  .mainproducts__grid {
    grid-template-columns: 1fr;
    gap: 20px;
  }

  .mainproducts__image {
    height: 390px;
  }

  .mainproducts__overlay {
    padding: 26px;
  }

  .mainproducts__name {
    font-size: 28px;
  }

  .mainproducts__explore {
    opacity: 1;
    transform: translateY(0);

    max-width: 180px;
  }
}


/* =========================================================
   SMALL MOBILE
========================================================= */

@media (max-width: 575px) {

  .mainproducts {
    padding: 62px 0 72px;
  }

  .mainproducts__title {
    font-size: 28px;
  }

  .mainproducts__description {
    font-size: 12.5px;
  }

  .mainproducts__link {
    border-radius: 16px;
  }

  .mainproducts__image {
    height: 355px;
  }

  .mainproducts__overlay {
    padding: 22px;
  }

  .mainproducts__name {
    font-size: 26px;
  }

  .mainproducts__number {
    top: 13px;
    right: 13px;

    width: 35px;
    height: 35px;
  }
}


/* =========================================================
   EXTRA SMALL
========================================================= */

@media (max-width: 430px) {

  .mainproducts__title {
    font-size: 26px;
  }

  .mainproducts__image {
    height: 335px;
  }

  .mainproducts__overlay {
    padding: 20px;
  }

  .mainproducts__name {
    font-size: 24px;
  }

  .mainproducts__explore {
    max-width: 170px;
    min-height: 40px;
  }

  .mainproducts__explore-icon {
    flex-basis: 32px;
    width: 32px;
    height: 32px;
  }
}


/* =========================================================
   REDUCED MOTION
========================================================= */

@media (prefers-reduced-motion: reduce) {

  .mainproducts__link,
  .mainproducts__image img,
  .mainproducts__overlay,
  .mainproducts__content,
  .mainproducts__explore,
  .mainproducts__explore-icon,
  .mainproducts__number {
    transition: none !important;
  }
}





















/* =========================================================
   FREE FOODS
   EXPORT PAGE
   BRAND COLORS
========================================================= */

.export-overview,
.export-markets,
.export-private-label,
.export-process {
  position: relative;
  overflow: hidden;
}

.export-overview *,
.export-markets *,
.export-private-label *,
.export-process * {
  box-sizing: border-box;
}


/* =========================================================
   01 — EXPORT OVERVIEW
========================================================= */

.export-overview {
  padding: 105px 0 115px;
  background: var(--section-gradient);
}

.export-overview::before {
  content: "";
  position: absolute;
  top: -330px;
  right: -250px;
  width: 650px;
  height: 650px;
  border-radius: 50%;
  background: rgba(2, 54, 129, 0.025);
  pointer-events: none;
}

.export-overview::after {
  content: "";
  position: absolute;
  bottom: -300px;
  left: -300px;
  width: 600px;
  height: 600px;
  border: 1px solid rgba(2, 54, 129, 0.035);
  border-radius: 50%;
  pointer-events: none;
}

.export-overview .container {
  position: relative;
  z-index: 2;
}

.export-overview__wrapper {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(420px, 0.86fr);
  align-items: center;
  gap: 75px;
}


/* CONTENT */

.export-overview__content {
  max-width: 650px;
}

.export-overview__eyebrow,
.export-private-label__eyebrow,
.export-process__eyebrow,
.export-markets__eyebrow {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 17px;

  color: #023681;

  font-family: var(--insuba-font, "Roboto", sans-serif);
  font-size: 10px;
  font-weight: 700;
  line-height: 1;
  letter-spacing: .18em;
  text-transform: uppercase;
}

.export-overview__eyebrow-line,
.export-private-label__eyebrow-line,
.export-process__eyebrow-line,
.export-markets__eyebrow-line {
  width: 32px;
  height: 2px;
  flex: 0 0 32px;

  border-radius: 10px;
  background: #06479B;
}

.export-overview__title,
.export-private-label__title,
.export-process__title,
.export-markets__title {
  margin: 0;

  color: #173A42;

  font-family: var(--insuba-heading-font, "Poppins", sans-serif);
  font-size: 46px;
  font-weight: 600;
  line-height: 1.16;
  letter-spacing: -.03em;
}

.export-overview__title span,
.export-private-label__title span,
.export-process__title span,
.export-markets__title span {
  display: block;
  color: #023681;
}

.export-overview__text {
  max-width: 625px;
  margin: 19px 0 0;

  color: #68767C;

  font-family: var(--insuba-font, "Roboto", sans-serif);
  font-size: 14px;
  font-weight: 400;
  line-height: 1.85;
}


/* HIGHLIGHTS */

.export-overview__highlights {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 15px;
  margin-top: 31px;
}

.export-overview__highlight {
  display: flex;
  align-items: center;
  gap: 13px;

  min-height: 76px;
  padding: 13px 15px;

  background: #FFFFFF;
  border: 1px solid #DCE5E9;
  border-radius: 12px;

  box-shadow: 0 8px 25px rgba(18, 54, 90, .035);

  transition:
    transform .4s ease,
    box-shadow .4s ease,
    border-color .4s ease;
}

.export-overview__highlight:hover {
  transform: translateY(-4px);
  border-color: rgba(2, 54, 129, .18);
  box-shadow: 0 15px 35px rgba(18, 54, 90, .08);
}

.export-overview__highlight-icon {
  display: flex;
  align-items: center;
  justify-content: center;

  width: 50px;
  height: 50px;
  flex: 0 0 50px;

  border-radius: 50%;

  background: #EAF1F8;
  color: #023681;

  font-size: 16px;
}

.export-overview__highlight strong {
  display: block;
  margin-bottom: 4px;

  color: #173A42;

  font-family: var(--insuba-heading-font, "Poppins", sans-serif);
  font-size: 13px;
  font-weight: 600;
  line-height: 1.35;
}

.export-overview__highlight div>span {
  display: block;

  color: #7A878C;

  font-family: var(--insuba-font, "Roboto", sans-serif);
  font-size: 12px;
  line-height: 1.5;
}


/* VISUAL */

.export-overview__visual {
  position: relative;
  min-width: 0;
}

.export-overview__image {
  position: relative;

  width: 100%;
  height: 550px;

  overflow: hidden;

  border-radius: 22px;
  background: #EAF1F8;

  box-shadow:
    0 25px 65px rgba(18, 54, 90, .12);
}

.export-overview__image::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 2;

  background:
    linear-gradient(180deg,
      rgba(2, 54, 129, .02) 0%,
      rgba(2, 54, 129, .00) 55%,
      rgba(2, 54, 129, .18) 100%);

  pointer-events: none;
}

.export-overview__image img {
  display: block;

  width: 100%;
  height: 100%;

  object-fit: cover;
  object-position: center;

  transition: transform .8s cubic-bezier(.2, .8, .2, 1);
}

.export-overview__visual:hover .export-overview__image img {
  transform: scale(1.035);
}


/* ESTABLISHED BADGE */

.export-overview__badge {
  position: absolute;
  right: -24px;
  bottom: 35px;
  z-index: 5;

  display: flex;
  flex-direction: column;
  justify-content: center;

  width: 135px;
  height: 135px;

  padding: 15px;

  border: 7px solid #FFFFFF;
  border-radius: 50%;

  background: #023681;

  text-align: center;

  box-shadow: 0 15px 35px rgba(2, 54, 129, .18);
}

.export-overview__badge-number {
  display: block;

  color: #FFFFFF;

  font-family: var(--insuba-heading-font, "Poppins", sans-serif);
  font-size: 26px;
  font-weight: 600;
  line-height: 1;
}

.export-overview__badge-text {
  display: block;
  margin-top: 7px;

  color: rgba(255, 255, 255, .78);

  font-family: var(--insuba-font, "Roboto", sans-serif);
  font-size: 8px;
  font-weight: 700;
  line-height: 1.3;
  letter-spacing: .12em;
  text-transform: uppercase;
}


/* =========================================================
   02 — EXPORT MARKETS
========================================================= */

.export-markets {
  padding: 105px 0 110px;
  background: #FFFFFF;
}

.export-markets::before {
  content: "";
  position: absolute;
  top: -280px;
  left: -260px;

  width: 560px;
  height: 560px;

  border: 1px solid rgba(2, 54, 129, .035);
  border-radius: 50%;
}

.export-markets .container {
  position: relative;
  z-index: 2;
}

.export-markets__header {
  max-width: 720px;
  margin: 0 auto 55px;
  text-align: center;
}

.export-markets__eyebrow {
  justify-content: center;
}

.export-markets__description {
  max-width: 650px;
  margin: 17px auto 0;

  color: #6D797E;

  font-family: var(--insuba-font, "Roboto", sans-serif);
  font-size: 14px;
  line-height: 1.8;
}


/* COUNTRY GRID */

.export-markets__grid {
  display: grid;

  grid-template-columns:
    repeat(4, minmax(0, 1fr));

  gap: 15px;

  max-width: 1120px;
  margin: 0 auto;
}

.export-markets__country {
  position: relative;

  display: flex;
  align-items: center;
  gap: 13px;

  min-height: 76px;
  padding: 14px 17px;

  overflow: hidden;

  background: #F7F9FB;
  border: 1px solid #DFE7EA;
  border-radius: 12px;

  transition:
    transform .4s ease,
    background .4s ease,
    border-color .4s ease,
    box-shadow .4s ease;
}

.export-markets__country::before {
  content: "";

  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;

  width: 3px;

  background: #023681;

  transform: scaleY(0);
  transform-origin: center;

  transition: transform .35s ease;
}

.export-markets__country:hover {
  transform: translateY(-4px);

  background: #FFFFFF;
  border-color: rgba(2, 54, 129, .18);

  box-shadow:
    0 13px 32px rgba(18, 54, 90, .075);
}

.export-markets__country:hover::before {
  transform: scaleY(1);
}

.export-markets__country-number {
  display: flex;
  align-items: center;
  justify-content: center;

  width: 34px;
  height: 34px;
  flex: 0 0 34px;

  border: 1px solid #D7E2E8;
  border-radius: 50%;

  background: #FFFFFF;

  color: #023681;

  font-family: var(--insuba-font, "Roboto", sans-serif);
  font-size: 8px;
  font-weight: 700;

  transition:
    background .35s ease,
    color .35s ease;
}

.export-markets__country:hover .export-markets__country-number {
  background: #023681;
  border-color: #023681;
  color: #FFFFFF;
}

.export-markets__country-name {
  color: #173A42;

  font-family: var(--insuba-heading-font, "Poppins", sans-serif);
  font-size: 12px;
  font-weight: 600;
  line-height: 1.35;
}


/* =========================================================
   03 — PRIVATE LABEL & BULK EXPORT
========================================================= */

.export-private-label {
  padding: 110px 0;
  background: var(--section-gradient);
}

.export-private-label::before {
  content: "";

  position: absolute;
  right: -260px;
  bottom: -310px;

  width: 620px;
  height: 620px;

  border-radius: 50%;

  background: rgba(2, 54, 129, .025);
}

.export-private-label .container {
  position: relative;
  z-index: 2;
}

.export-private-label__wrapper {
  display: grid;

  grid-template-columns:
    minmax(0, .9fr) minmax(0, 1fr);

  align-items: center;

  gap: 75px;
}


/* IMAGE */

.export-private-label__visual {
  position: relative;
}

.export-private-label__image {
  position: relative;

  width: 100%;
  height: 535px;

  overflow: hidden;

  border-radius: 20px;

  background: #EAF1F8;

  box-shadow:
    0 25px 60px rgba(18, 54, 90, .10);
}

.export-private-label__image::after {
  content: "";

  position: absolute;
  inset: 14px;

  border: 1px solid rgba(255, 255, 255, .45);
  border-radius: 13px;

  pointer-events: none;
}

.export-private-label__image img {
  display: block;

  width: 100%;
  height: 100%;

  object-fit: cover;
  object-position: center;

  transition: transform .8s cubic-bezier(.2, .8, .2, 1);
}

.export-private-label__visual:hover .export-private-label__image img {
  transform: scale(1.04);
}


/* CONTENT */

.export-private-label__content {
  max-width: 600px;
}

.export-private-label__text {
  max-width: 590px;

  margin: 19px 0 0;

  color: #68767C;

  font-family: var(--insuba-font, "Roboto", sans-serif);
  font-size: 14px;
  line-height: 1.85;
}


/* FEATURES */

.export-private-label__features {
  display: grid;

  gap: 13px;

  margin-top: 30px;
}

.export-private-label__feature {
  display: flex;
  align-items: flex-start;

  gap: 14px;

  padding: 15px 16px;

  background: #FFFFFF;
  border: 1px solid #DCE5E9;
  border-radius: 12px;

  transition:
    transform .4s ease,
    box-shadow .4s ease,
    border-color .4s ease;
}

.export-private-label__feature:hover {
  transform: translateX(5px);

  border-color: rgba(2, 54, 129, .18);

  box-shadow:
    0 12px 30px rgba(18, 54, 90, .065);
}

.export-private-label__feature-icon {
  display: flex;
  align-items: center;
  justify-content: center;

  width: 50px;
  height: 50px;
  flex: 0 0 50px;

  border-radius: 10px;

  background: var(--section-gradient);
  color: #023681;

  font-size: 15px;
}

.export-private-label__feature h3 {
  margin: 0 0 4px;

  color: #173A42;

  font-family: var(--insuba-heading-font, "Poppins", sans-serif);
  font-size: 15px;
  font-weight: 600;
  line-height: 1.4;
}

.export-private-label__feature p {
  margin: 0;

  color: #7A878C;

  font-family: var(--insuba-font, "Roboto", sans-serif);
  font-size: 13px;
  line-height: 1.55;
}


/* BUTTON */

.export-private-label__button {
  margin-top: 30px;
}


/* =========================================================
   04 — EXPORT PROCESS
========================================================= */

.export-process {
  padding: 110px 0 115px;

  background: #FFFFFF;
}

.export-process::before {
  content: "";

  position: absolute;
  top: -300px;
  right: -300px;

  width: 620px;
  height: 620px;

  border: 1px solid rgba(2, 54, 129, .035);
  border-radius: 50%;
}

.export-process .container {
  position: relative;
  z-index: 2;
}


/* HEADER */

.export-process__header {
  max-width: 760px;
  margin: 0 auto 60px;

  text-align: center;
}

.export-process__eyebrow {
  justify-content: center;
}

.export-process__description {
  max-width: 690px;

  margin: 17px auto 0;

  color: #6D797E;

  font-family: var(--insuba-font, "Roboto", sans-serif);
  font-size: 14px;
  line-height: 1.8;
}


/* PROCESS GRID */

.export-process__grid {
  position: relative;

  display: grid;

  grid-template-columns:
    repeat(4, minmax(0, 1fr));

  gap: 20px;

  max-width: 1120px;
  margin: 0 auto;
}


/* CONNECTING LINE */

.export-process__grid::before {
  content: "";

  position: absolute;

  top: 34px;
  left: 12%;
  right: 12%;

  height: 1px;

  background:
    linear-gradient(90deg,
      transparent,
      #D5E1E8 15%,
      #D5E1E8 85%,
      transparent);

  pointer-events: none;
}


/* ITEM */

.export-process__item {
  position: relative;

  padding: 27px 22px 25px;

  background: var(--section-gradient);

  border: 1px solid #DEE7EA;
  border-radius: 15px;

  text-align: center;

  transition:
    transform .45s cubic-bezier(.2, .8, .2, 1),
    background .4s ease,
    border-color .4s ease,
    box-shadow .4s ease;
}

.export-process__item:hover {
  transform: translateY(-7px);

  background: #FFFFFF;

  border-color: rgba(2, 54, 129, .18);

  box-shadow:
    0 18px 40px rgba(18, 54, 90, .075);
}


/* NUMBER */

.export-process__number {
  position: absolute;

  top: 12px;
  right: 14px;

  color: #B9C8D1;

  font-family: var(--insuba-font, "Roboto", sans-serif);
  font-size: 13px;
  font-weight: 700;
  letter-spacing: .08em;
}


/* ICON */

.export-process__icon {
  position: relative;
  z-index: 2;

  display: flex;
  align-items: center;
  justify-content: center;

  width: 68px;
  height: 68px;

  margin: 0 auto 21px;

  border: 6px solid #FFFFFF;
  border-radius: 50%;

  background: var(--section-gradient);

  color: #023681;

  font-size: 21px;

  box-shadow:
    0 8px 22px rgba(18, 54, 90, .07);

  transition:
    background .35s ease,
    color .35s ease,
    transform .35s ease;
}

.export-process__item:hover .export-process__icon {
  background: #023681;
  color: #FFFFFF;

  transform: scale(1.06);
}

.export-process__item h3 {
  margin: 0 0 10px;

  color: #173A42;

  font-family: var(--insuba-heading-font, "Poppins", sans-serif);
  font-size: 17px;
  font-weight: 600;
  line-height: 1.35;
}

.export-process__item p {
  margin: 0;

  color: #78858A;

  font-family: var(--insuba-font, "Roboto", sans-serif);
  font-size: 11.5px;
  line-height: 1.7;
}


/* =========================================================
   EXPORT PROCESS CTA
========================================================= */

.export-process__cta {
  display: flex;

  align-items: center;
  justify-content: space-between;

  gap: 30px;

  max-width: 1120px;

  margin: 55px auto 0;
  padding: 28px 30px;

  background: #023681;

  border-radius: 15px;

  box-shadow:
    0 18px 45px rgba(2, 54, 129, .16);
}

.export-process__cta-content {
  min-width: 0;
}

.export-process__cta-label {
  display: block;

  margin-bottom: 6px;

  color: rgba(255, 255, 255, .62);

  font-family: var(--insuba-font, "Roboto", sans-serif);
  font-size: 8px;
  font-weight: 700;
  line-height: 1;
  letter-spacing: .18em;
  text-transform: uppercase;
}

.export-process__cta-title {
  margin: 0;

  color: #FFFFFF;

  font-family: var(--insuba-heading-font, "Poppins", sans-serif);
  font-size: 20px;
  font-weight: 600;
  line-height: 1.35;
}

.export-process__cta-button {
  flex: 0 0 auto;
}


/* CTA BUTTON OVERRIDE */

.export-process__cta .insuba-btn,
.export-private-label__button.insuba-btn {
  display: inline-flex;
  align-items: center;
  justify-content: space-between;

  min-height: 52px;

  padding-left: 21px;

  overflow: hidden;

  border: 1px solid rgba(255, 255, 255, .22);
  border-radius: 50px;

  background: #FFFFFF;

  color: #023681;

  text-decoration: none;

  transition:
    transform .35s ease,
    box-shadow .35s ease,
    background .35s ease;
}

.export-process__cta .insuba-btn:hover,
.export-private-label__button.insuba-btn:hover {
  transform: translateY(-3px);

  background: #F5F8FA;

  box-shadow:
    0 12px 25px rgba(0, 0, 0, .12);
}

.export-process__cta .insuba-btn>span:first-child,
.export-private-label__button.insuba-btn>span:first-child {
  color: #023681;

  font-family: var(--insuba-font, "Roboto", sans-serif);
  font-size: 13px;
  font-weight: 700;
}

.export-process__cta .insuba-btn__icon-box,
.export-private-label__button.insuba-btn__icon-box {
  display: flex;
  align-items: center;
  justify-content: center;

  width: 43px;
  height: 43px;

  margin-left: 15px;

  border-radius: 50%;

  background: #023681;
}

.export-process__cta .insuba-btn__icon,
.export-private-label__button.insuba-btn__icon {
  display: flex;
  align-items: center;
  justify-content: center;

  width: 34px;
  height: 34px;

  border-radius: 50%;

  background: #FFFFFF;

  color: #023681;

  font-size: 11px;

  transition:
    transform .35s ease,
    background .35s ease;
}

.export-process__cta .insuba-btn:hover .insuba-btn__icon,
.export-private-label__button.insuba-btn:hover .insuba-btn__icon {
  transform: translateX(3px);
}


/* =========================================================
   1400+
========================================================= */

@media (min-width: 1400px) {

  .export-overview {
    padding: 120px 0 125px;
  }

  .export-overview__wrapper,
  .export-private-label__wrapper {
    gap: 90px;
  }

  .export-overview__image {
    height: 570px;
  }

  .export-overview__title,
  .export-private-label__title,
  .export-process__title,
  .export-markets__title {
    font-size: 49px;
  }

}


/* =========================================================
   1200 — 1399
========================================================= */

@media (max-width: 1399px) {

  .export-overview__wrapper,
  .export-private-label__wrapper {
    gap: 55px;
  }

  .export-overview__image {
    height: 510px;
  }

  .export-private-label__image {
    height: 500px;
  }

  .export-overview__title,
  .export-private-label__title,
  .export-process__title,
  .export-markets__title {
    font-size: 42px;
  }

}


/* =========================================================
   992 — 1199
========================================================= */

@media (max-width: 1199px) {

  .export-overview,
  .export-markets,
  .export-private-label,
  .export-process {
    padding: 85px 0 95px;
  }

  .export-overview__wrapper,
  .export-private-label__wrapper {
    gap: 40px;
  }

  .export-overview__title,
  .export-private-label__title,
  .export-process__title,
  .export-markets__title {
    font-size: 37px;
  }

  .export-overview__text,
  .export-private-label__text {
    font-size: 13px;
  }

  .export-overview__image {
    height: 455px;
  }

  .export-private-label__image {
    height: 450px;
  }

  .export-overview__badge {
    right: -15px;
    width: 115px;
    height: 115px;
  }

  .export-overview__badge-number {
    font-size: 22px;
  }

  .export-markets__grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .export-process__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .export-process__grid::before {
    display: none;
  }

}


/* =========================================================
   768 — 991
========================================================= */

@media (max-width: 991px) {

  .export-overview,
  .export-markets,
  .export-private-label,
  .export-process {
    padding: 75px 0 85px;
  }

  .export-overview__wrapper,
  .export-private-label__wrapper {
    grid-template-columns: 1fr;
    gap: 45px;
  }

  .export-overview__content,
  .export-private-label__content {
    max-width: 100%;
  }

  .export-overview__image {
    height: 480px;
  }

  .export-private-label__image {
    height: 450px;
  }

  .export-overview__title,
  .export-private-label__title,
  .export-process__title,
  .export-markets__title {
    font-size: 35px;
  }

  .export-overview__visual {
    max-width: 650px;
    margin: 0 auto;
    width: 100%;
  }

  .export-private-label__visual {
    max-width: 650px;
    margin: 0 auto;
    width: 100%;
  }

  .export-markets__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    max-width: 720px;
  }

  .export-process__grid {
    max-width: 720px;
  }

  .export-process__cta {
    align-items: flex-start;
    flex-direction: column;
  }

}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 767px) {

  .export-overview,
  .export-markets,
  .export-private-label,
  .export-process {
    padding: 65px 0 75px;
  }

  .export-overview__title,
  .export-private-label__title,
  .export-process__title,
  .export-markets__title {
    font-size: 30px;
    line-height: 1.22;
  }

  .export-overview__text,
  .export-private-label__text {
    font-size: 12.5px;
    line-height: 1.8;
  }

  .export-overview__highlights {
    grid-template-columns: 1fr;
  }

  .export-overview__image {
    height: 410px;
    border-radius: 17px;
  }

  .export-overview__badge {
    right: 15px;
    bottom: 20px;

    width: 100px;
    height: 100px;

    border-width: 5px;
  }

  .export-overview__badge-number {
    font-size: 19px;
  }

  .export-overview__badge-text {
    font-size: 7px;
  }

  .export-markets__header {
    margin-bottom: 38px;
  }

  .export-markets__description,
  .export-process__description {
    font-size: 12.5px;
  }

  .export-markets__grid {
    grid-template-columns: 1fr 1fr;
    gap: 10px;
  }

  .export-markets__country {
    min-height: 67px;
    padding: 11px;
    gap: 9px;
  }

  .export-markets__country-number {
    width: 29px;
    height: 29px;
    flex-basis: 29px;
    font-size: 7px;
  }

  .export-markets__country-name {
    font-size: 10px;
  }

  .export-private-label__image {
    height: 370px;
    border-radius: 17px;
  }

  .export-private-label__feature {
    padding: 13px;
  }

  .export-private-label__feature-icon {
    width: 38px;
    height: 38px;
    flex-basis: 38px;
    font-size: 13px;
  }

  .export-private-label__feature h3 {
    font-size: 11px;
  }

  .export-private-label__feature p {
    font-size: 9px;
  }

  .export-process__header {
    margin-bottom: 40px;
  }

  .export-process__grid {
    grid-template-columns: 1fr 1fr;
    gap: 12px;
  }

  .export-process__item {
    padding: 22px 14px 20px;
  }

  .export-process__icon {
    width: 57px;
    height: 57px;
    margin-bottom: 16px;
    font-size: 17px;
  }

  .export-process__item h3 {
    font-size: 12px;
  }

  .export-process__item p {
    font-size: 9px;
    line-height: 1.65;
  }

  .export-process__cta {
    padding: 23px 20px;
    margin-top: 35px;
    border-radius: 14px;
  }

  .export-process__cta-title {
    font-size: 17px;
  }

}


/* =========================================================
   SMALL MOBILE
========================================================= */

@media (max-width: 575px) {

  .export-overview,
  .export-markets,
  .export-private-label,
  .export-process {
    padding: 55px 0 65px;
  }

  .export-overview__eyebrow,
  .export-private-label__eyebrow,
  .export-process__eyebrow,
  .export-markets__eyebrow {
    font-size: 8px;
    letter-spacing: .15em;
  }

  .export-overview__title,
  .export-private-label__title,
  .export-process__title,
  .export-markets__title {
    font-size: 27px;
  }

  .export-overview__image {
    height: 330px;
  }

  .export-private-label__image {
    height: 315px;
  }

  .export-overview__badge {
    width: 88px;
    height: 88px;
    right: 10px;
    bottom: 15px;
  }

  .export-overview__badge-number {
    font-size: 17px;
  }

  .export-overview__badge-text {
    margin-top: 4px;
    font-size: 6px;
  }

  .export-markets__grid {
    grid-template-columns: 1fr;
  }

  .export-markets__country {
    min-height: 61px;
  }

  .export-process__grid {
    grid-template-columns: 1fr;
  }

  .export-process__item {
    padding: 23px 20px;
  }

  .export-process__cta {
    gap: 20px;
  }

  .export-process__cta-title {
    font-size: 16px;
  }

  .export-process__cta .insuba-btn,
  .export-private-label__button.insuba-btn {
    width: 100%;
  }

}


/* =========================================================
   EXTRA SMALL
========================================================= */

@media (max-width: 430px) {

  .export-overview__title,
  .export-private-label__title,
  .export-process__title,
  .export-markets__title {
    font-size: 25px;
  }

  .export-overview__image {
    height: 290px;
  }

  .export-private-label__image {
    height: 275px;
  }

  .export-overview__highlight {
    min-height: 70px;
  }

  .export-overview__highlight-icon {
    width: 38px;
    height: 38px;
    flex-basis: 38px;
    font-size: 14px;
  }

  .export-process__item p {
    font-size: 9.5px;
  }

}


/* =========================================================
   REDUCED MOTION
========================================================= */

@media (prefers-reduced-motion: reduce) {

  .export-overview *,
  .export-markets *,
  .export-private-label *,
  .export-process * {
    transition: none !important;
    animation: none !important;
  }

}








/* =========================================================
   FREE FOODS - PHOTO GALLERY
========================================================= */


/* =========================================================
   GALLERY GRID
========================================================= */

.portfolio-two .row {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 28px;
  margin: 0;
}

.portfolio-two .column-3 {
  width: 100%;
  padding: 0;
}


/* =========================================================
   PHOTO CARD
========================================================= */

.portfolio-card-two {
  position: relative;
  display: block;

  width: 100%;
  height: 400px;

  overflow: hidden;

  background: #EAF0F4;

  text-decoration: none;

  box-shadow:
    0 10px 30px rgba(18, 54, 90, 0.06);

  transition:
    transform 500ms cubic-bezier(.2, .8, .2, 1),
    box-shadow 500ms ease;
}


/* =========================================================
   CARD HOVER
========================================================= */

.portfolio-card-two:hover {
  transform: translateY(-5px);

  box-shadow:
    0 20px 42px rgba(18, 54, 90, 0.12);
}


/* =========================================================
   IMAGE
========================================================= */

.portfolio-card-two>img {
  display: block;

  width: 100%;
  height: 100%;

  object-fit: cover;
  object-position: center center;

  transform: scale(1);

  transition:
    transform 700ms cubic-bezier(.2, .8, .2, 1);
}


/* =========================================================
   IMAGE HOVER
========================================================= */

.portfolio-card-two:hover>img {
  transform: scale(1.045);
}


/* =========================================================
   HOVER OVERLAY
========================================================= */

.portfolio-card-two__hover {
  position: absolute;

  inset: 0;

  z-index: 2;

  display: block;

  background:
    linear-gradient(to top,
      rgba(2, 54, 129, 0.55) 0%,
      rgba(2, 54, 129, 0.22) 30%,
      rgba(2, 54, 129, 0.06) 58%,
      rgba(2, 54, 129, 0) 80%);

  opacity: 0;

  pointer-events: none;

  transition:
    opacity 450ms ease;
}


/* =========================================================
   SHOW OVERLAY
========================================================= */

.portfolio-card-two:hover .portfolio-card-two__hover {
  opacity: 1;
}


/* =========================================================
   1200 — 1399
========================================================= */

@media (max-width: 1399px) {

  .portfolio-two .row {
    gap: 24px;
  }

  .portfolio-card-two {
    height: 380px;
  }

}


/* =========================================================
   992 — 1199
========================================================= */

@media (max-width: 1199px) {

  .portfolio-two .row {
    gap: 20px;
  }

  .portfolio-card-two {
    height: 350px;
  }

}


/* =========================================================
   TABLET
========================================================= */

@media (max-width: 991px) {

  .portfolio-two .row {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 18px;
  }

  .portfolio-card-two {
    height: 320px;
  }

}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 575px) {

  .portfolio-two .row {
    grid-template-columns: 1fr;
    gap: 16px;
  }

  .portfolio-card-two {
    height: 300px;
  }

}


/* =========================================================
   SMALL MOBILE
========================================================= */

@media (max-width: 430px) {

  .portfolio-card-two {
    height: 280px;
  }

}


/* =========================================================
   VERY SMALL MOBILE
========================================================= */

@media (max-width: 375px) {

  .portfolio-card-two {
    height: 260px;
  }

}


/* =========================================================
   REDUCED MOTION
========================================================= */

@media (prefers-reduced-motion: reduce) {

  .portfolio-card-two,
  .portfolio-card-two>img,
  .portfolio-card-two__hover {
    transition: none !important;
  }

}













/* =========================================================
   FREE FOODS - VIDEO GALLERY
========================================================= */

.freefoods-videos {
  position: relative;
}


/* =========================================================
   GRID
========================================================= */

.freefoods-videos .row {
  display: grid;

  grid-template-columns:
    repeat(3, minmax(0, 1fr));

  gap: 28px;

  margin: 0;
}

.freefoods-videos .column-3 {
  width: 100%;
  padding: 0;
}


/* =========================================================
   VIDEO CARD
========================================================= */

.freefoods-video-card {
  position: relative;

  display: block;

  width: 100%;
  height: 400px;

  overflow: hidden;

  background: #EAF0F4;

  text-decoration: none;

  box-shadow:
    0 10px 30px rgba(18, 54, 90, 0.06);

  transition:
    transform 500ms cubic-bezier(.2, .8, .2, 1),
    box-shadow 500ms ease;
}


.freefoods-video-card:hover {
  transform: translateY(-5px);

  box-shadow:
    0 22px 45px rgba(18, 54, 90, 0.13);
}


/* =========================================================
   IMAGE
========================================================= */

.freefoods-video-card__image {
  position: relative;

  width: 100%;
  height: 100%;

  overflow: hidden;
}


.freefoods-video-card__image img {
  display: block;

  width: 100%;
  height: 100%;

  object-fit: cover;
  object-position: center center;

  transform: scale(1);

  transition:
    transform 700ms cubic-bezier(.2, .8, .2, 1);
}


.freefoods-video-card:hover .freefoods-video-card__image img {
  transform: scale(1.045);
}


/* =========================================================
   OVERLAY
========================================================= */

.freefoods-video-card__overlay {
  position: absolute;

  inset: 0;

  z-index: 2;

  background:
    linear-gradient(to top,
      rgba(2, 54, 129, 0.60) 0%,
      rgba(2, 54, 129, 0.20) 35%,
      rgba(2, 54, 129, 0.04) 65%,
      rgba(2, 54, 129, 0) 100%);

  opacity: 0.65;

  transition:
    opacity 400ms ease;
}


.freefoods-video-card:hover .freefoods-video-card__overlay {
  opacity: 1;
}


/* =========================================================
   PLAY BUTTON
========================================================= */

.freefoods-video-card__play {
  position: absolute;

  top: 50%;
  left: 50%;

  z-index: 4;

  display: flex;

  align-items: center;
  justify-content: center;

  width: 72px;
  height: 72px;

  margin-left: -36px;
  margin-top: -36px;

  background: #FFFFFF;

  color: #023681;

  border-radius: 50%;

  font-size: 17px;

  box-shadow:
    0 12px 35px rgba(0, 0, 0, 0.18);

  transition:
    transform 400ms cubic-bezier(.2, .8, .2, 1),
    background 300ms ease,
    color 300ms ease,
    box-shadow 300ms ease;
}


.freefoods-video-card__play i {
  margin-left: 3px;
}


.freefoods-video-card:hover .freefoods-video-card__play {
  background: #023681;

  color: #FFFFFF;

  transform: scale(1.08);

  box-shadow:
    0 15px 40px rgba(2, 54, 129, 0.30);
}


/* =========================================================
   1200 — 1399
========================================================= */

@media (max-width: 1399px) {

  .freefoods-videos .row {
    gap: 24px;
  }

  .freefoods-video-card {
    height: 370px;
  }

}


/* =========================================================
   992 — 1199
========================================================= */

@media (max-width: 1199px) {

  .freefoods-videos .row {
    gap: 20px;
  }

  .freefoods-video-card {
    height: 340px;
  }

}


/* =========================================================
   TABLET
========================================================= */

@media (max-width: 991px) {

  .freefoods-videos .row {
    grid-template-columns:
      repeat(2, minmax(0, 1fr));

    gap: 20px;
  }

  .freefoods-video-card {
    height: 330px;
  }

}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 575px) {

  .freefoods-videos .row {
    grid-template-columns: 1fr;

    gap: 18px;
  }

  .freefoods-video-card {
    height: 300px;
  }

  .freefoods-video-card__play {
    width: 64px;
    height: 64px;

    margin-left: -32px;
    margin-top: -32px;

    font-size: 15px;
  }

}


/* =========================================================
   SMALL MOBILE
========================================================= */

@media (max-width: 430px) {

  .freefoods-video-card {
    height: 280px;
  }

}


/* =========================================================
   REDUCED MOTION
========================================================= */

@media (prefers-reduced-motion: reduce) {

  .freefoods-video-card,
  .freefoods-video-card__image img,
  .freefoods-video-card__overlay,
  .freefoods-video-card__play {
    transition: none !important;
  }

}























/* =========================================================
   FREE FOODS
   CONTACT PAGE
   PREMIUM CORPORATE DESIGN
   NO HERO / NO INTRO CSS
========================================================= */


/* =========================================================
   GLOBAL CONTACT VARIABLES
========================================================= */
:root {
  /* =====================================================
       FREE FOODS — BRAND COLORS
       All colors are based on the logo
       Variable names preserved
    ===================================================== */

  --ff-blue: #023681;
  --ff-blue-2: #06479B;
  --ff-navy: #12365A;

  /* Same variable names — NO GREEN COLORS */
  --ff-green: #023681;
  --ff-green-dark: #06479B;
  --ff-green-soft: #EEF4F8;

  --ff-dark: #173A42;
  --ff-text: #5F6B70;
  --ff-muted: #8A989D;

  --ff-white: #FFFFFF;

  --ff-light: #F4F8FB;
  --ff-border: #DCE5E9;

  /* =====================================================
       SHADOWS
    ===================================================== */

  --ff-shadow: 0 15px 45px rgba(2, 54, 129, 0.08);

  --ff-shadow-hover: 0 20px 55px rgba(2, 54, 129, 0.13);

  /* =====================================================
       UI
    ===================================================== */

  --ff-radius: 18px;

  --ff-transition: all 0.35s ease;
}


/* =========================================================
   GLOBAL
========================================================= */

.freefoods-contact-departments,
.freefoods-contact-inquiry,
.freefoods-contact-social,
.freefoods-contact-location,
.freefoods-contact-cta {
  position: relative;
  overflow: hidden;
}

.freefoods-contact-departments .container,
.freefoods-contact-inquiry .container,
.freefoods-contact-social .container,
.freefoods-contact-location .container,
.freefoods-contact-cta .container {
  position: relative;
  z-index: 2;
}

.freefoods-contact-departments a,
.freefoods-contact-inquiry a,
.freefoods-contact-social a,
.freefoods-contact-location a,
.freefoods-contact-cta a {
  text-decoration: none;
}


/* =========================================================
   CONTACT DEPARTMENTS
========================================================= */

.freefoods-contact-departments {
  padding: 105px 0 95px;
  background: #fff;
}

.freefoods-contact-departments__header {
  max-width: 720px;
  margin: 0 auto 55px;
  text-align: center;
}

.freefoods-contact-departments__eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 17px;

  font-size: 13px;
  font-weight: 700;
  letter-spacing: 1.7px;
  text-transform: uppercase;
  color: var(--ff-green);
}

.freefoods-contact-departments__eyebrow-mark {
  width: 27px;
  height: 27px;

  display: inline-flex;
  align-items: center;
  justify-content: center;

  border-radius: 50%;
  background: var(--ff-green-soft);
}

.freefoods-contact-departments__eyebrow-mark span {
  width: 7px;
  height: 7px;
  display: block;

  border-radius: 50%;
  background: var(--ff-green);
}

.freefoods-contact-departments__title {
  margin: 0;

  color: var(--ff-dark);
  font-size: clamp(40px, 4.5vw, 62px);
  line-height: 1.08;
  font-weight: 700;
  letter-spacing: -1.8px;
}

.freefoods-contact-departments__title span {
  color: var(--ff-green);
}

.freefoods-contact-departments__description {
  max-width: 560px;
  margin: 18px auto 0;

  color: var(--ff-text);
  font-size: 17px;
  line-height: 1.75;
}


/* =========================================================
   DEPARTMENT GRID
========================================================= */

.freefoods-contact-departments__grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 22px;
  align-items: stretch;
}


/* =========================================================
   DEPARTMENT CARD
========================================================= */

.freefoods-contact-department {
  position: relative;
  min-height: 330px;

  display: flex;
  flex-direction: column;

  padding: 25px;

  background: #fff;
  border: 1px solid var(--ff-border);
  border-radius: var(--ff-radius);

  box-shadow: 0 8px 30px rgba(20, 50, 28, 0.045);

  overflow: hidden;

  transition: var(--ff-transition);
}

.freefoods-contact-department:hover {
  transform: translateY(-5px);
  border-color: rgba(47, 143, 70, 0.25);
  box-shadow: var(--ff-shadow-hover);
}


/* =========================================================
   WATERMARK NUMBER
========================================================= */

.freefoods-contact-department__watermark {
  position: absolute;
  top: 3px;
  right: 17px;

  font-size: 82px;
  line-height: 1;

  font-weight: 800;
  color: rgba(234, 242, 250, 0.75);
  ;

  pointer-events: none;
}


/* =========================================================
   CARD TOP
========================================================= */

.freefoods-contact-department__top {
  position: relative;
  z-index: 2;

  display: flex;
  align-items: center;
  justify-content: space-between;

  margin-bottom: 21px;
}

.freefoods-contact-department__mark {
  width: 46px;
  height: 46px;

  display: flex;
  align-items: center;
  justify-content: center;

  border-radius: 13px;

  background: var(--section-gradient);
  color: var(--ff-green);

  font-size: 17px;

  transition: var(--ff-transition);
}

.freefoods-contact-department:hover .freefoods-contact-department__mark {
  background: var(--ff-green);
  color: #fff;
  transform: rotate(-4deg);
}

.freefoods-contact-department__number {
  font-size: 12px;
  font-weight: 800;
  letter-spacing: 1.2px;
  color: #9ba59e;
}


/* =========================================================
   CARD BODY
========================================================= */

.freefoods-contact-department__body {
  position: relative;
  z-index: 2;
}

.freefoods-contact-department__label {
  display: block;
  margin-bottom: 7px;

  font-size: 11px;
  line-height: 1.2;

  font-weight: 700;
  letter-spacing: 1.3px;
  text-transform: uppercase;

  color: var(--ff-green);
}

.freefoods-contact-department h3 {
  margin: 0 0 9px;

  font-size: 24px;
  line-height: 1.2;
  font-weight: 700;

  letter-spacing: -0.5px;
  color: var(--ff-dark);
}

.freefoods-contact-department__body>p {
  margin: 0;

  max-width: 330px;

  font-size: 14px;
  line-height: 1.65;

  color: var(--ff-text);
}


/* =========================================================
   PERSON INFO
========================================================= */

.freefoods-contact-department__person {
  display: flex;
  flex-direction: column;
  gap: 3px;

  margin-top: 13px;
  padding-left: 12px;

  border-left: 2px solid var(--ff-green);
}

.freefoods-contact-department__person strong {
  font-size: 15.5px;
  line-height: 1.4;
  font-weight: 700;
  color: var(--ff-dark);
}

.freefoods-contact-department__person span {
  font-size: 13.5px;
  line-height: 1.4;
  color: var(--ff-muted);
}


/* =========================================================
   SALES PEOPLE
   COMPACT + ORGANIZED
========================================================= */

.freefoods-contact-department__sales {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;

  margin-top: 15px;
}

.freefoods-contact-department__sales-person {
  padding: 11px 12px;

  background: var(--section-gradient);
  border: 1px solid #e8eee9;
  border-radius: 11px;

  transition: var(--ff-transition);
}

.freefoods-contact-department__sales-person:hover {
  background: var(--ff-green-soft);
  border-color: rgba(47, 143, 70, 0.2);
}

.freefoods-contact-department__sales-person strong {
  display: block;

  margin-bottom: 2px;

  font-size: 14.5px;
  line-height: 1.35;
  font-weight: 700;

  color: var(--ff-dark);
}

.freefoods-contact-department__sales-person span {
  display: block;

  margin-bottom: 7px;

  font-size: 13px;
  color: var(--ff-muted);
}

.freefoods-contact-department__sales-person a {
  display: block;

  font-size: 13px;
  line-height: 1.65;

  color: var(--ff-green);
  font-weight: 600;

  transition: var(--ff-transition);
}

.freefoods-contact-department__sales-person a:hover {
  color: var(--ff-green-dark);
  padding-left: 2px;
}


/* =========================================================
   CONTACT BUTTON
========================================================= */

.freefoods-contact-department__contact {
  position: relative;
  z-index: 2;

  display: flex;
  align-items: center;
  gap: 11px;

  margin-top: auto;
  padding-top: 18px;

  color: var(--ff-dark);
  font-size: 15px;
  font-weight: 700;

  border-top: 1px solid #edf0ed;

  transition: var(--ff-transition);
}

.freefoods-contact-department__contact:hover {
  color: var(--ff-green);
}

.freefoods-contact-department__contact-icon {
  width: 32px;
  height: 32px;

  display: flex;
  align-items: center;
  justify-content: center;

  flex: 0 0 32px;

  border-radius: 50%;

  background: var(--ff-green-soft);
  color: var(--ff-green);

  font-size: 11px;

  transition: var(--ff-transition);
}

.freefoods-contact-department__contact:hover .freefoods-contact-department__contact-icon {
  background: var(--ff-green);
  color: #fff;
}

.freefoods-contact-department__contact>i {
  margin-left: auto;

  font-size: 11px;
  color: #a5aea8;

  transition: var(--ff-transition);
}

.freefoods-contact-department__contact:hover>i {
  color: var(--ff-green);
  transform: translateX(4px);
}


/* =========================================================
   EMAIL
========================================================= */

.freefoods-contact-department__email {
  display: flex;
  align-items: center;
  gap: 8px;

  margin-top: 11px;

  color: #667169;

  font-size: 14px;
  line-height: 1.5;

  word-break: break-word;

  transition: var(--ff-transition);
}

.freefoods-contact-department__email i {
  color: var(--ff-green);
  font-size: 11px;
}

.freefoods-contact-department__email:hover {
  color: var(--ff-green);
}


/* =========================================================
   CONTACT GROUP
========================================================= */

.freefoods-contact-department__contact-group {
  margin-top: auto;
}


/* =========================================================
   CONTACT INQUIRY
========================================================= */

.freefoods-contact-inquiry {
  padding: 105px 0;

  background: var(--section-gradient);
}

.freefoods-contact-inquiry__shape {
  position: absolute;
  border-radius: 50%;
  pointer-events: none;
}

.freefoods-contact-inquiry__shape--one {
  width: 450px;
  height: 450px;

  top: -250px;
  left: -180px;

  background: rgba(234, 242, 250, 0.75);
}

.freefoods-contact-inquiry__shape--two {
  width: 350px;
  height: 350px;

  right: -160px;
  bottom: -200px;

  background: rgba(243, 247, 252, 0.85);
}

.freefoods-contact-inquiry__wrapper {
  display: grid;
  grid-template-columns: 0.8fr 1.2fr;
  gap: 70px;

  align-items: center;
}


/* =========================================================
   INQUIRY CONTENT
========================================================= */

.freefoods-contact-inquiry__brand-mark {
  width: 42px;
  height: 4px;

  margin-bottom: 23px;

  position: relative;
}

.freefoods-contact-inquiry__brand-mark span {
  display: block;

  width: 100%;
  height: 100%;

  border-radius: 20px;
  background: var(--ff-green);
}

.freefoods-contact-inquiry__eyebrow {
  display: block;

  margin-bottom: 13px;

  color: var(--ff-green);

  font-size: 12px;
  font-weight: 700;

  letter-spacing: 1.5px;
  text-transform: uppercase;
}

.freefoods-contact-inquiry__title {
  margin: 0;

  color: var(--ff-dark);

  font-size: clamp(40px, 4.5vw, 60px);
  line-height: 1.05;

  letter-spacing: -1.8px;
}

.freefoods-contact-inquiry__title span {
  color: var(--ff-green);
}

.freefoods-contact-inquiry__description {
  max-width: 470px;

  margin: 20px 0 28px;

  color: var(--ff-text);

  font-size: 15px;
  line-height: 1.8;
}


/* =========================================================
   HIGHLIGHTS
========================================================= */

.freefoods-contact-inquiry__highlights {
  display: flex;
  flex-direction: column;
  gap: 11px;
}

.freefoods-contact-inquiry__highlight {
  display: flex;
  align-items: center;
  gap: 11px;

  color: var(--ff-dark);

  font-size: 13px;
  font-weight: 600;
}

.freefoods-contact-inquiry__highlight-icon {
  width: 24px;
  height: 24px;

  display: flex;
  align-items: center;
  justify-content: center;

  flex: 0 0 24px;

  border-radius: 50%;

  background: var(--ff-green-soft);
  color: var(--ff-green);

  font-size: 10px;
}


/* =========================================================
   FORM WRAPPER
========================================================= */

.freefoods-contact-inquiry__form-wrapper {
  padding: 34px;

  background: #fff;

  border: 1px solid var(--ff-border);
  border-radius: 20px;

  box-shadow: var(--ff-shadow);
}

.freefoods-contact-inquiry__form-header {
  display: flex;
  align-items: center;
  gap: 15px;

  margin-bottom: 25px;
}

.freefoods-contact-inquiry__form-header span {
  flex-shrink: 0;

  font-size: 13px;
  font-weight: 700;
  letter-spacing: 1px;
  text-transform: uppercase;

  color: var(--ff-dark);
}

.freefoods-contact-inquiry__form-line {
  width: 100%;
  height: 1px;
  background: var(--ff-border);
}


/* =========================================================
   FORM ROW
========================================================= */

.freefoods-contact-inquiry__row {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 18px;

  margin-bottom: 19px;
}

.freefoods-contact-inquiry__field {
  margin-bottom: 19px;
}

.freefoods-contact-inquiry__row .freefoods-contact-inquiry__field {
  margin-bottom: 0;
}

.freefoods-contact-inquiry__field label {
  display: block;

  margin-bottom: 8px;

  color: var(--ff-dark);

  font-size: 12px;
  font-weight: 700;
}


/* =========================================================
   INPUT
========================================================= */

.freefoods-contact-inquiry__input,
.freefoods-contact-inquiry__textarea {
  position: relative;
}

.freefoods-contact-inquiry__input i,
.freefoods-contact-inquiry__textarea i {
  position: absolute;

  top: 50%;
  left: 15px;

  transform: translateY(-50%);

  color: #9aa49d;

  font-size: 12px;

  pointer-events: none;

  transition: var(--ff-transition);
}

.freefoods-contact-inquiry__textarea i {
  top: 18px;
  transform: none;
}

.freefoods-contact-inquiry__input input,
.freefoods-contact-inquiry__textarea textarea {
  width: 100%;

  border: 1px solid var(--ff-border);
  outline: none;

  background: var(--section-gradient);

  color: var(--ff-dark);

  font-family: inherit;
  font-size: 13px;

  transition: var(--ff-transition);
}

.freefoods-contact-inquiry__input input {
  height: 51px;
  padding: 0 15px 0 43px;

  border-radius: 9px;
}

.freefoods-contact-inquiry__textarea textarea {
  min-height: 125px;

  padding: 14px 15px 14px 43px;

  resize: vertical;

  border-radius: 9px;
}

.freefoods-contact-inquiry__input input::placeholder,
.freefoods-contact-inquiry__textarea textarea::placeholder {
  color: #a5ada7;
}

.freefoods-contact-inquiry__input input:focus,
.freefoods-contact-inquiry__textarea textarea:focus {
  border-color: rgba(47, 143, 70, 0.5);

  background: #fff;

  box-shadow: 0 0 0 3px rgba(47, 143, 70, 0.07);
}

.freefoods-contact-inquiry__input:focus-within i,
.freefoods-contact-inquiry__textarea:focus-within i {
  color: var(--ff-green);
}


/* =========================================================
   SUBMIT BUTTON
========================================================= */

.freefoods-contact-inquiry__submit {
  width: 100%;
  height: 55px;

  display: flex;
  align-items: center;
  justify-content: space-between;

  padding: 0 8px 0 22px;

  border: 0;
  outline: none;

  border-radius: 9px;

  background: var(--ff-green);
  color: #fff;

  cursor: pointer;

  font-family: inherit;
  font-size: 13px;
  font-weight: 700;

  transition: var(--ff-transition);
}

.freefoods-contact-inquiry__submit:hover {
  background: var(--ff-green-dark);
  transform: translateY(-2px);
  box-shadow: 0 10px 25px rgba(47, 143, 70, 0.18);
}

.freefoods-contact-inquiry__submit-icon {
  width: 39px;
  height: 39px;

  display: flex;
  align-items: center;
  justify-content: center;

  border-radius: 7px;

  background: rgba(255, 255, 255, 0.13);
}

.freefoods-contact-inquiry__submit-icon i {
  font-size: 11px;
}


/* =========================================================
   SOCIAL MEDIA
========================================================= */

.freefoods-contact-social {
  padding: 100px 0;

  background: #fff;
}

.freefoods-contact-social__wrapper {
  max-width: 1050px;
  margin: 0 auto;
}

.freefoods-contact-social__content {
  display: flex;
  align-items: center;
  gap: 20px;

  margin-bottom: 42px;
}

.freefoods-contact-social__brand-mark {
  width: 4px;
  height: 60px;

  flex: 0 0 4px;

  border-radius: 10px;
  background: var(--ff-green);
}

.freefoods-contact-social__label {
  display: block;

  margin-bottom: 7px;

  color: var(--ff-green);

  font-size: 11px;
  font-weight: 700;

  letter-spacing: 1.4px;
  text-transform: uppercase;
}

.freefoods-contact-social__content h2 {
  margin: 0;

  color: var(--ff-dark);

  font-size: clamp(34px, 4vw, 48px);
  line-height: 1.1;

  letter-spacing: -1.3px;
}

.freefoods-contact-social__content h2 span {
  color: var(--ff-green);
}


/* =========================================================
   SOCIAL BRANDS
========================================================= */

.freefoods-contact-social__brands {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 18px;
}

.freefoods-contact-social__brand {
  padding: 23px;

  border: 1px solid var(--ff-border);
  border-radius: 15px;

  background: #fff;

  transition: var(--ff-transition);
}

.freefoods-contact-social__brand:hover {
  transform: translateY(-4px);
  box-shadow: var(--ff-shadow);
  border-color: rgba(47, 143, 70, 0.25);
}

.freefoods-contact-social__brand-header {
  display: flex;
  align-items: center;
  gap: 10px;

  margin-bottom: 17px;
}

.freefoods-contact-social__brand-number {
  font-size: 10px;
  font-weight: 800;
  color: var(--ff-green);
}

.freefoods-contact-social__brand h3 {
  margin: 0;

  color: var(--ff-dark);

  font-size: 18px;
  font-weight: 700;
}


/* =========================================================
   SOCIAL LINKS
========================================================= */

.freefoods-contact-social__links {
  display: flex;
  flex-direction: column;
  gap: 7px;
}

.freefoods-contact-social__link {
  min-height: 39px;

  display: flex;
  align-items: center;
  gap: 10px;

  padding: 0 11px;

  border-radius: 8px;

  background: var(--section-gradient);

  color: #59645c;

  font-size: 12px;
  font-weight: 600;

  transition: var(--ff-transition);
}

.freefoods-contact-social__link>i:first-child {
  width: 19px;

  color: var(--ff-green);
}

.freefoods-contact-social__link>i:last-child {
  margin-left: auto;

  color: #a4aca6;
  font-size: 9px;

  transition: var(--ff-transition);
}

.freefoods-contact-social__link:hover {
  background: var(--ff-green-soft);
  color: var(--ff-green);
}

.freefoods-contact-social__link:hover>i:last-child {
  transform: translateX(3px);
  color: var(--ff-green);
}


/* =========================================================
   LOCATION
========================================================= */

.freefoods-contact-location {
  padding: 100px 0;

  background: var(--section-gradient);
}

.freefoods-contact-location__wrapper {
  display: grid;
  grid-template-columns: 0.8fr 1.2fr;
  gap: 65px;

  align-items: center;
}

.freefoods-contact-location__eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 9px;

  margin-bottom: 16px;

  color: var(--ff-green);

  font-size: 11px;
  font-weight: 700;

  letter-spacing: 1.3px;
  text-transform: uppercase;
}

.freefoods-contact-location__eyebrow-mark {
  width: 28px;
  height: 28px;

  display: flex;
  align-items: center;
  justify-content: center;

  border-radius: 50%;

  background: var(--ff-green-soft);
}

.freefoods-contact-location__title {
  margin: 0;

  color: var(--ff-dark);

  font-size: clamp(38px, 4vw, 55px);
  line-height: 1.08;

  letter-spacing: -1.5px;
}

.freefoods-contact-location__title span {
  color: var(--ff-green);
}

.freefoods-contact-location__description {
  max-width: 450px;

  margin: 18px 0 28px;

  color: var(--ff-text);

  font-size: 14px;
  line-height: 1.75;
}


/* =========================================================
   LOCATION DETAILS
========================================================= */

.freefoods-contact-location__details {
  display: flex;
  flex-direction: column;
  gap: 13px;

  margin-bottom: 27px;
}

.freefoods-contact-location__detail {
  display: flex;
  align-items: center;
  gap: 13px;
}

.freefoods-contact-location__detail-icon {
  width: 39px;
  height: 39px;

  display: flex;
  align-items: center;
  justify-content: center;

  flex: 0 0 39px;

  border-radius: 10px;

  background: #fff;
  color: var(--ff-green);

  box-shadow: 0 5px 20px rgba(20, 50, 28, 0.05);
}

.freefoods-contact-location__detail>div {
  display: flex;
  flex-direction: column;
  gap: 2px;
}

.freefoods-contact-location__detail>div>span {
  font-size: 10px;

  color: var(--ff-muted);

  font-weight: 600;
  letter-spacing: 0.4px;
}

.freefoods-contact-location__detail strong,
.freefoods-contact-location__detail a {
  color: var(--ff-dark);

  font-size: 13px;
  font-weight: 700;
}

.freefoods-contact-location__detail a {
  transition: var(--ff-transition);
}

.freefoods-contact-location__detail a:hover {
  color: var(--ff-green);
}


/* =========================================================
   DIRECTIONS
========================================================= */

.freefoods-contact-location__direction {
  display: inline-flex;
  align-items: center;
  gap: 11px;

  color: var(--ff-green);

  font-size: 12px;
  font-weight: 700;
}

.freefoods-contact-location__direction i {
  transition: var(--ff-transition);
}

.freefoods-contact-location__direction:hover i {
  transform: translateX(4px);
}


/* =========================================================
   MAP
========================================================= */

.freefoods-contact-location__map {
  position: relative;
}

.freefoods-contact-location__map-inner {
  position: relative;

  height: 390px;

  overflow: hidden;

  border-radius: 20px;

  background: var(--section-gradient);

  box-shadow: var(--ff-shadow);
}

.freefoods-contact-location__map-inner iframe {
  width: 100%;
  height: 100%;

  display: block;

  border: 0;
}

.freefoods-contact-location__map-badge {
  position: absolute;

  left: 20px;
  bottom: 20px;

  display: flex;
  align-items: center;
  gap: 11px;

  padding: 10px 14px;

  border-radius: 10px;

  background: rgba(255, 255, 255, 0.95);

  box-shadow: 0 8px 25px rgba(20, 50, 28, 0.12);
}

.freefoods-contact-location__map-badge>span {
  width: 30px;
  height: 30px;

  display: flex;
  align-items: center;
  justify-content: center;

  border-radius: 8px;

  background: var(--ff-green-soft);
  color: var(--ff-green);

  font-size: 11px;
}

.freefoods-contact-location__map-badge strong {
  display: block;

  color: var(--ff-dark);

  font-size: 11px;
}

.freefoods-contact-location__map-badge small {
  display: block;

  margin-top: 1px;

  color: var(--ff-muted);

  font-size: 9px;
}


/* =========================================================
   FINAL CTA
========================================================= */

.freefoods-contact-cta {
  padding: 75px 0;

  background: var(--ff-dark);
}

.freefoods-contact-cta__pattern {
  position: absolute;

  width: 500px;
  height: 500px;

  top: -280px;
  right: -150px;

  border: 1px solid rgba(255, 255, 255, 0.04);
  border-radius: 50%;
}

.freefoods-contact-cta__pattern::before,
.freefoods-contact-cta__pattern::after {
  content: "";

  position: absolute;

  inset: 45px;

  border: 1px solid rgba(255, 255, 255, 0.035);
  border-radius: 50%;
}

.freefoods-contact-cta__pattern::after {
  inset: 95px;
}

.freefoods-contact-cta__wrapper {
  display: flex;
  align-items: center;
  justify-content: space-between;

  gap: 50px;
}

.freefoods-contact-cta__eyebrow {
  display: block;

  margin-bottom: 10px;

  color: #8fc99d;

  font-size: 11px;
  font-weight: 700;

  letter-spacing: 1.5px;
  text-transform: uppercase;
}

.freefoods-contact-cta__title {
  margin: 0;

  color: #fff;

  font-size: clamp(36px, 4vw, 55px);
  line-height: 1.05;

  letter-spacing: -1.5px;
}

.freefoods-contact-cta__title span {
  color: #8fc99d;
}

.freefoods-contact-cta__text {
  max-width: 600px;

  margin: 15px 0 0;

  color: rgba(255, 255, 255, 0.62);

  font-size: 14px;
  line-height: 1.75;
}

.freefoods-contact-cta__action {
  flex: 0 0 auto;

  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 11px;
}

.freefoods-contact-cta__button {
  min-width: 190px;
  height: 52px;

  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 17px;

  padding: 0 10px 0 20px;

  border-radius: 8px;

  background: var(--ff-green);
  color: #fff;

  font-size: 12px;
  font-weight: 700;

  transition: var(--ff-transition);
}

.freefoods-contact-cta__button i {
  width: 33px;
  height: 33px;

  display: flex;
  align-items: center;
  justify-content: center;

  border-radius: 6px;

  background: rgba(255, 255, 255, 0.12);

  font-size: 9px;
}

.freefoods-contact-cta__button:hover {
  background: #fff;
  color: var(--ff-dark);

  transform: translateY(-3px);

  box-shadow: 0 12px 30px rgba(0, 0, 0, 0.18);
}

.freefoods-contact-cta__button:hover i {
  background: var(--ff-green-soft);
  color: var(--ff-green);
}

.freefoods-contact-cta__note {
  color: rgba(255, 255, 255, 0.38);

  font-size: 10px;
}


/* =========================================================
   LARGE DESKTOP
========================================================= */

@media (min-width: 1400px) {

  .freefoods-contact-departments__grid {
    gap: 25px;
  }

  .freefoods-contact-department {
    padding: 28px;
  }

}


/* =========================================================
   TABLET
========================================================= */

@media (max-width: 1199px) {

  .freefoods-contact-departments,
  .freefoods-contact-social,
  .freefoods-contact-location {
    padding: 85px 0;
  }

  .freefoods-contact-inquiry {
    padding: 85px 0;
  }

  .freefoods-contact-departments__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .freefoods-contact-inquiry__wrapper,
  .freefoods-contact-location__wrapper {
    gap: 45px;
  }

  .freefoods-contact-social__brands {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

}


/* =========================================================
   TABLET / SMALL
========================================================= */

@media (max-width: 991px) {

  .freefoods-contact-inquiry__wrapper,
  .freefoods-contact-location__wrapper {
    grid-template-columns: 1fr;
  }

  .freefoods-contact-inquiry__content {
    max-width: 650px;
  }

  .freefoods-contact-location__content {
    max-width: 650px;
  }

  .freefoods-contact-location__map-inner {
    height: 350px;
  }

  .freefoods-contact-cta__wrapper {
    align-items: flex-start;
    flex-direction: column;
  }

  .freefoods-contact-cta__action {
    align-items: flex-start;
  }

}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 767px) {

  .freefoods-contact-departments,
  .freefoods-contact-inquiry,
  .freefoods-contact-social,
  .freefoods-contact-location {
    padding: 65px 0;
  }

  .freefoods-contact-cta {
    padding: 60px 0;
  }


  /* HEADER */

  .freefoods-contact-departments__header {
    margin-bottom: 38px;
  }

  .freefoods-contact-departments__title {
    font-size: 40px;
    letter-spacing: -1px;
  }

  .freefoods-contact-departments__description {
    font-size: 14px;
  }


  /* DEPARTMENT CARDS */

  .freefoods-contact-departments__grid {
    grid-template-columns: 1fr;
    gap: 15px;
  }

  .freefoods-contact-department {
    min-height: auto;

    padding: 21px;

    border-radius: 15px;
  }

  .freefoods-contact-department__top {
    margin-bottom: 17px;
  }

  .freefoods-contact-department h3 {
    font-size: 21px;
  }

  .freefoods-contact-department__sales {
    grid-template-columns: 1fr;
  }

  .freefoods-contact-department__contact {
    margin-top: 18px;
  }


  /* INQUIRY */

  .freefoods-contact-inquiry__title {
    font-size: 40px;
  }

  .freefoods-contact-inquiry__form-wrapper {
    padding: 22px;
    border-radius: 15px;
  }

  .freefoods-contact-inquiry__row {
    grid-template-columns: 1fr;
    gap: 0;
  }

  .freefoods-contact-inquiry__row .freefoods-contact-inquiry__field {
    margin-bottom: 19px;
  }


  /* SOCIAL */

  .freefoods-contact-social__content {
    align-items: flex-start;
    margin-bottom: 30px;
  }

  .freefoods-contact-social__content h2 {
    font-size: 34px;
  }

  .freefoods-contact-social__brands {
    grid-template-columns: 1fr;
    gap: 13px;
  }


  /* LOCATION */

  .freefoods-contact-location__title {
    font-size: 39px;
  }

  .freefoods-contact-location__map-inner {
    height: 300px;
    border-radius: 15px;
  }


  /* CTA */

  .freefoods-contact-cta__title {
    font-size: 39px;
  }

  .freefoods-contact-cta__text {
    font-size: 13px;
  }

}


/* =========================================================
   VERY SMALL MOBILE
========================================================= */

@media (max-width: 480px) {

  .freefoods-contact-departments__title {
    font-size: 35px;
  }

  .freefoods-contact-department {
    padding: 19px;
  }

  .freefoods-contact-department__watermark {
    font-size: 65px;
  }

  .freefoods-contact-inquiry__form-wrapper {
    padding: 18px;
  }

  .freefoods-contact-inquiry__title,
  .freefoods-contact-location__title,
  .freefoods-contact-cta__title {
    font-size: 34px;
  }

  .freefoods-contact-location__map-inner {
    height: 270px;
  }

}


/* =========================================================
   ACCESSIBILITY
========================================================= */

.freefoods-contact-department a:focus-visible,
.freefoods-contact-social__link:focus-visible,
.freefoods-contact-location a:focus-visible,
.freefoods-contact-cta__button:focus-visible,
.freefoods-contact-inquiry__submit:focus-visible {
  outline: 2px solid var(--ff-green);
  outline-offset: 3px;
}


/* =========================================================
   REDUCED MOTION
========================================================= */

@media (prefers-reduced-motion: reduce) {

  .freefoods-contact-department,
  .freefoods-contact-social__brand,
  .freefoods-contact-inquiry__submit,
  .freefoods-contact-cta__button {
    transition: none;
  }

  .freefoods-contact-department:hover,
  .freefoods-contact-social__brand:hover,
  .freefoods-contact-inquiry__submit:hover,
  .freefoods-contact-cta__button:hover {
    transform: none;
  }

}


.topbar__language {
  display: flex;
  align-items: center;
  gap: 7px;
}

.topbar__language-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #ffffff;
  font-size: 14px;
  line-height: 1;
}

.topbar__language .bootstrap-select {
  width: auto !important;
}

.topbar__language .bootstrap-select>.dropdown-toggle {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  color: #ffffff !important;
  padding: 0 18px 0 0 !important;
  font-size: 13px;
  font-weight: 500;
}

.topbar__language .bootstrap-select>.dropdown-toggle::after {
  border-top-color: #ffffff;
  margin-left: 7px;
}

.topbar__language .bootstrap-select>.dropdown-toggle {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  color: #fff !important;
  padding: 0 18px 0 0 !important;
  font-size: 13px;
  font-weight: 500;
}

.topbar__language .bootstrap-select>.dropdown-toggle::after {
  border-top-color: #fff;
  margin-left: 8px;
}

.language-option {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  white-space: nowrap;
}

.language-option img {
  width: 20px;
  height: 14px;
  object-fit: cover;
  display: inline-block;
}





/* =========================================================
   FOOTER GOOGLE MAP
========================================================= */

.footer-map {
  width: 100%;
  height: 250px;
  overflow: hidden;
  position: relative;
  background: #013480;
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 10px;

  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.15);
  transition: transform 0.3s ease, box-shadow 0.3s ease;

}

.footer-map:hover {
  transform: translateY(-3px);
  box-shadow: 0 16px 35px rgba(0, 0, 0, 0.22);
}

.footer-map iframe {
  width: 100%;
  height: 100%;
  display: block;
  border: 0;
}


/* =========================================================
   DESIGNED BY SOFT CREATION
========================================================= */

.main-footer__designer {
  margin: 0;
  color: rgba(255, 255, 255, 0.65);
  font-size: 14px;
  font-weight: 400;
  line-height: 1.6;
}

.main-footer__designer a {
  color: #ffffff;
  text-decoration: none;
  font-weight: 600;
  transition: all 0.3s ease;
  position: relative;
}

.main-footer__designer a:hover {
  color: #8db9ff;
}


/* =========================================================
   FOOTER BOTTOM
========================================================= */

.main-footer__bottom__inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
}

.main-footer__copyright {
  margin: 0;
}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 767px) {

  .footer-map {
    height: 200px;
  }

  .main-footer__bottom__inner {
    flex-direction: column;
    justify-content: center;
    gap: 5px;
    text-align: center;
  }

  .main-footer__designer {
    font-size: 13px;
  }

}











/* =========================================================
   CERTIFICATIONS PAGE TITLE
========================================================= */

.certifications-page-title {
  width: 100%;
  max-width: 850px;
  margin: 0 auto 55px;
  text-align: center;
}


/* Section Title */

.certifications-page-title .sec-title {
  text-align: center;
  margin-bottom: 0;
}


/* Top Label */



/* Title */

.certifications-page-title .sec-title__title {
  margin-bottom: 15px;
}


/* Description */

.certifications-page-title__description {
  max-width: 700px;
  margin: 0 auto;
  color: #6f7785;
  font-size: 16px;
  line-height: 1.8;
}


/* =========================================================
   CUSTOM FADE IN UP
========================================================= */

.certifications-page-title.wow {
  opacity: 0;
  animation-name: certificationsFadeInUp;
  animation-duration: 1.1s;
  animation-timing-function: cubic-bezier(.25, .1, .25, 1);
  animation-fill-mode: both;
}


@keyframes certificationsFadeInUp {

  from {
    opacity: 0;
    transform: translateY(35px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }

}


/* =========================================================
   RESPONSIVE
========================================================= */

@media (max-width: 767px) {

  .certifications-page-title {
    max-width: 100%;
    margin-bottom: 40px;
    padding: 0 15px;
  }

  .certifications-page-title__description {
    font-size: 15px;
    line-height: 1.7;
  }

}


/* =========================================================
   SECTION TITLE DESCRIPTION
========================================================= */

.sec-title--center .sec-title__description {
  max-width: 720px;
  margin: 22px auto 0;
  font-size: 16px;
  line-height: 1.75;
  font-weight: 400;
  color: #6f7785;
  text-align: center;
}


/* =========================================================
   RESPONSIVE
========================================================= */

@media (max-width: 767px) {

  .sec-title--center .sec-title__description {
    max-width: 100%;
    margin-top: 18px;
    padding: 0 10px;
    font-size: 15px;
    line-height: 1.7;
  }

}



.freefoods-contact-location__map-inner {
  position: relative;
  overflow: hidden;
}

.freefoods-contact-location__map-inner::after {
  content: "";
  position: absolute;
  inset: 0;


  background: rgba(2, 54, 129, 0.035);

  pointer-events: none;
  z-index: 2;
}
































/* =========================================================
   FREE FOODS — CAREERS
========================================================= */

.freefoods-careers {
  position: relative;
  overflow: hidden;

  padding: 110px 0;

  background:
    linear-gradient(135deg,
      #F8FAFD 0%,
      #F3F7FC 45%,
      #EAF2FA 100%);
}


/* =========================================================
   BACKGROUND SHAPES
========================================================= */

.freefoods-careers__shape {
  position: absolute;

  border-radius: 50%;

  pointer-events: none;
}

.freefoods-careers__shape--one {
  width: 500px;
  height: 500px;

  top: -330px;
  left: -220px;

  background: rgba(2, 54, 129, 0.035);
}

.freefoods-careers__shape--two {
  width: 420px;
  height: 420px;

  right: -230px;
  bottom: -280px;

  background: rgba(234, 242, 250, 0.7);
}


/* =========================================================
   WRAPPER
========================================================= */

.freefoods-careers__wrapper {
  position: relative;
  z-index: 2;

  display: grid;

  grid-template-columns:
    minmax(0, 0.82fr) minmax(0, 1.18fr);

  gap: 80px;

  align-items: center;
}


/* =========================================================
   LEFT CONTENT
========================================================= */

.freefoods-careers__content {
  max-width: 540px;
}

.freefoods-careers__eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 10px;

  margin-bottom: 20px;

  color: var(--ff-blue);

  font-size: 12px;
  font-weight: 800;

  letter-spacing: 1.5px;
  text-transform: uppercase;
}

.freefoods-careers__eyebrow-icon {
  width: 31px;
  height: 31px;

  display: flex;
  align-items: center;
  justify-content: center;

  border-radius: 50%;

  background: var(--ff-soft);
  color: var(--ff-blue);

  font-size: 11px;
}


.freefoods-careers__title {
  margin: 0;

  color: var(--ff-dark);

  font-size: clamp(44px, 5vw, 67px);
  line-height: 1.02;

  letter-spacing: -2.5px;

  font-weight: 700;
}

.freefoods-careers__title span {
  color: var(--ff-blue);
}


.freefoods-careers__description {
  max-width: 480px;

  margin: 22px 0 34px;

  color: var(--ff-text);

  font-size: 15px;
  line-height: 1.8;
}


/* =========================================================
   BENEFITS
========================================================= */

.freefoods-careers__benefits {
  display: flex;
  flex-direction: column;

  gap: 12px;
}

.freefoods-careers__benefit {
  display: flex;
  align-items: center;

  gap: 13px;
}

.freefoods-careers__benefit-icon {
  width: 58px;
  height: 58px;

  display: flex;
  align-items: center;
  justify-content: center;

  flex: 0 0 58px;

  border-radius: 11px;

  background: #fff;

  color: var(--ff-blue);

  box-shadow:
    0 6px 20px rgba(2, 54, 129, 0.06);

  font-size: 12px;
}

.freefoods-careers__benefit div {
  display: flex;
  flex-direction: column;

  gap: 2px;
}

.freefoods-careers__benefit strong {
  color: var(--ff-dark);

  font-size: 16px;
  font-weight: 700;
}

.freefoods-careers__benefit div span {
  color: var(--ff-muted);

  font-size: 13px;
}


/* =========================================================
   FORM WRAPPER
========================================================= */

.freefoods-careers__form-wrapper {
  padding: 34px;

  background: rgba(255, 255, 255, 0.96);

  border: 1px solid rgba(220, 229, 233, 0.9);

  border-radius: 22px;

  box-shadow:
    0 25px 70px rgba(2, 54, 129, 0.09);
}


/* =========================================================
   FORM HEADER
========================================================= */

.freefoods-careers__form-header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;

  margin-bottom: 27px;
}

.freefoods-careers__form-label {
  display: block;

  margin-bottom: 5px;

  color: var(--ff-blue);

  font-size: 10px;
  font-weight: 800;

  letter-spacing: 1.3px;
  text-transform: uppercase;
}

.freefoods-careers__form-header h3 {
  margin: 0;

  color: var(--ff-dark);

  font-size: 27px;
  line-height: 1.15;
}

.freefoods-careers__form-number {
  color: #B6C8DC;

  font-size: 12px;
  font-weight: 800;

  letter-spacing: 1px;
}


/* =========================================================
   FORM
========================================================= */

.freefoods-careers__form {
  width: 100%;
}

.freefoods-careers__row {
  display: grid;

  grid-template-columns:
    repeat(2, minmax(0, 1fr));

  gap: 15px;
}


/* =========================================================
   FIELD
========================================================= */

.freefoods-careers__field {
  margin-bottom: 16px;
}

.freefoods-careers__field label {
  display: block;

  margin-bottom: 7px;

  color: var(--ff-dark);

  font-size: 11px;
  font-weight: 700;
}


/* =========================================================
   INPUT
========================================================= */

.freefoods-careers__input {
  position: relative;
}

.freefoods-careers__input>i,
.freefoods-careers__textarea>i {
  position: absolute;

  left: 14px;

  color: #9AA9B5;

  font-size: 11px;

  pointer-events: none;

  transition: var(--ff-transition);
}

.freefoods-careers__input>i {
  top: 50%;

  transform: translateY(-50%);
}

.freefoods-careers__textarea>i {
  top: 17px;
}


.freefoods-careers__input input,
.freefoods-careers__input select,
.freefoods-careers__textarea textarea {
  width: 100%;

  border: 1px solid var(--ff-border);

  outline: none;

  background: #FBFCFD;

  color: var(--ff-dark);

  font-family: inherit;

  font-size: 12px;

  transition: var(--ff-transition);
}

.freefoods-careers__input input,
.freefoods-careers__input select {
  height: 48px;

  padding: 0 13px 0 39px;

  border-radius: 8px;
}

.freefoods-careers__input select {
  cursor: pointer;

  appearance: none;
  -webkit-appearance: none;
}


.freefoods-careers__textarea {
  position: relative;
}

.freefoods-careers__textarea textarea {
  min-height: 88px;

  padding: 13px 13px 13px 39px;

  resize: vertical;

  border-radius: 8px;
}


.freefoods-careers__input input::placeholder,
.freefoods-careers__textarea textarea::placeholder {
  color: #A5B0B8;
}


.freefoods-careers__input input:focus,
.freefoods-careers__input select:focus,
.freefoods-careers__textarea textarea:focus {
  border-color: rgba(2, 54, 129, 0.4);

  background: #fff;

  box-shadow:
    0 0 0 3px rgba(2, 54, 129, 0.055);
}


.freefoods-careers__input:focus-within>i,
.freefoods-careers__textarea:focus-within>i {
  color: var(--ff-blue);
}


/* =========================================================
   CV UPLOAD
========================================================= */

.freefoods-careers__upload {
  position: relative;

  min-height: 65px;

  display: flex;
  align-items: center;

  gap: 12px;

  padding: 10px 12px;

  margin: 0;

  border: 1px dashed #C8D6E3;

  border-radius: 10px;

  background: #F8FAFC;

  cursor: pointer;

  transition: var(--ff-transition);
}

.freefoods-careers__upload:hover {
  border-color: var(--ff-blue);

  background: #F3F7FC;
}


.freefoods-careers__upload-icon {
  width: 39px;
  height: 39px;

  display: flex;
  align-items: center;
  justify-content: center;

  flex: 0 0 39px;

  border-radius: 9px;

  background: var(--ff-soft);

  color: var(--ff-blue);

  font-size: 13px;
}


.freefoods-careers__upload-content {
  display: flex;
  flex-direction: column;

  min-width: 0;

  gap: 2px;
}

.freefoods-careers__upload-content strong {
  overflow: hidden;

  color: var(--ff-dark);

  font-size: 11px;
  font-weight: 700;

  text-overflow: ellipsis;
  white-space: nowrap;
}

.freefoods-careers__upload-content small {
  color: var(--ff-muted);

  font-size: 9px;
}


.freefoods-careers__upload-arrow {
  width: 28px;
  height: 28px;

  display: flex;
  align-items: center;
  justify-content: center;

  margin-left: auto;

  flex: 0 0 28px;

  border-radius: 7px;

  background: #fff;

  color: var(--ff-blue);

  box-shadow: 0 3px 10px rgba(2, 54, 129, 0.06);

  font-size: 9px;
}


/* =========================================================
   SUBMIT
========================================================= */

.freefoods-careers__submit {
  width: 100%;
  height: 52px;

  display: flex;
  align-items: center;
  justify-content: space-between;

  margin-top: 4px;

  padding: 0 8px 0 20px;

  border: 0;
  outline: none;

  border-radius: 8px;

  background: var(--ff-blue);

  color: #fff;

  cursor: pointer;

  font-family: inherit;

  font-size: 12px;
  font-weight: 700;

  transition: var(--ff-transition);
}

.freefoods-careers__submit:hover {
  background: var(--ff-blue-2);

  transform: translateY(-2px);

  box-shadow:
    0 12px 28px rgba(2, 54, 129, 0.17);
}


.freefoods-careers__submit-icon {
  width: 36px;
  height: 36px;

  display: flex;
  align-items: center;
  justify-content: center;

  border-radius: 6px;

  background: rgba(255, 255, 255, 0.13);

  font-size: 15px;
}


.freefoods-careers__note {
  margin: 14px 0 0;

  text-align: center;

  color: var(--ff-muted);

  font-size: 9px;
}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 991px) {

  .freefoods-careers__wrapper {
    grid-template-columns: 1fr;

    gap: 55px;
  }

  .freefoods-careers__content {
    max-width: 650px;
  }

}


@media (max-width: 767px) {

  .freefoods-careers {
    padding: 70px 0;
  }

  .freefoods-careers__title {
    font-size: 42px;

    letter-spacing: -1.5px;
  }

  .freefoods-careers__description {
    font-size: 14px;
  }

  .freefoods-careers__form-wrapper {
    padding: 23px;

    border-radius: 16px;
  }

  .freefoods-careers__row {
    grid-template-columns: 1fr;

    gap: 0;
  }

}


@media (max-width: 480px) {

  .freefoods-careers__title {
    font-size: 36px;
  }

  .freefoods-careers__form-wrapper {
    padding: 19px;
  }

  .freefoods-careers__form-header h3 {
    font-size: 24px;
  }

}



















/* =========================================================
   PRODUCTS SHOWCASE
   Premium Brand Showcase
========================================================= */

/* =========================================================
   PRODUCTS SHOWCASE
   BRAND SHOWCASE SECTION
========================================================= */



/* =========================================================
   FREE FOODS
   FRESH POTATO EXPORT DETAILS
========================================================= */

.freefoods-potato-details {
  position: relative;
  padding: 90px 0 90px;
  background: #fff;
  overflow: hidden;
}


/* =========================================================
   GALLERY
========================================================= */

.freefoods-potato-details__gallery {
  width: 100%;
}


/* =========================================================
   MAIN IMAGE
========================================================= */

.freefoods-potato-details__main-image {
  position: relative;

  width: 100%;
  height: 405px;

  margin: 0;

  overflow: hidden;

  background: #f3f5f7;

  border-radius: 16px;

  box-shadow: 0 14px 35px rgba(3, 55, 129, 0.07);
}

.freefoods-potato-details__main-image::after {
  content: "";

  position: absolute;
  inset: 0;

  background: linear-gradient(180deg,
      rgba(3, 55, 129, 0) 65%,
      rgba(3, 55, 129, 0.07) 100%);

  pointer-events: none;
}

.freefoods-potato-details__main-image img {
  width: 100%;
  height: 100%;

  display: block;

  object-fit: cover;

  transition:
    opacity 0.25s ease,
    transform 0.5s ease;
}


/* =========================================================
   THUMBNAILS
========================================================= */

.freefoods-potato-details__thumbnails {
  display: grid;

  grid-template-columns:
    repeat(6, minmax(0, 1fr));

  gap: 8px;

  margin-top: 11px;
}

.freefoods-potato-details__thumbnail {
  position: relative;

  width: 100%;
  height: 61px;

  padding: 0;

  border: 1px solid transparent;

  border-radius: 8px;

  overflow: hidden;

  background: #f3f5f7;

  cursor: pointer;

  outline: none;

  appearance: none;
  -webkit-appearance: none;

  transition:
    border-color 0.25s ease,
    box-shadow 0.25s ease,
    transform 0.25s ease;
}

.freefoods-potato-details__thumbnail img {
  width: 100%;
  height: 100%;

  display: block;

  object-fit: cover;

  transition: transform 0.4s ease;
}

.freefoods-potato-details__thumbnail:hover img {
  transform: scale(1.05);
}


/* =========================================================
   ACTIVE THUMBNAIL
========================================================= */

.freefoods-potato-details__thumbnail.active {
  border-color: #033781;

  box-shadow:
    0 0 0 1px #033781;
}

.freefoods-potato-details__thumbnail.active::after {
  content: "";

  position: absolute;
  inset: 0;

  background: rgba(3, 55, 129, 0.07);

  pointer-events: none;
}


/* =========================================================
   CONTENT
========================================================= */

.freefoods-potato-details__content {
  max-width: 610px;

  padding-left: 20px;
}


/* =========================================================
   EYEBROW
========================================================= */

.freefoods-potato-details__eyebrow {
  display: flex;
  align-items: center;

  gap: 9px;

  margin-bottom: 13px;

  color: #033781;

  font-size: 10px;
  font-weight: 700;

  line-height: 1.4;

  letter-spacing: 0.15em;

  text-transform: uppercase;
}

.freefoods-potato-details__eyebrow span {
  width: 22px;
  height: 2px;

  display: block;

  flex: 0 0 22px;

  background: #033781;

  border-radius: 10px;
}


/* =========================================================
   TITLE
========================================================= */

.freefoods-potato-details__title {
  margin: 0;

  color: #17233f;

  font-size: clamp(31px, 3vw, 43px);

  font-weight: 700;

  line-height: 1.14;

  letter-spacing: -0.025em;
}

.freefoods-potato-details__title span {
  display: block;

  margin-top: 2px;

  color: #033781;
}


/* =========================================================
   DESCRIPTION
========================================================= */

.freefoods-potato-details__description {
  max-width: 550px;

  margin-top: 19px;
}

.freefoods-potato-details__description p {
  margin: 0;

  color: #687386;

  font-size: 13px;

  font-weight: 400;

  line-height: 1.75;
}

.freefoods-potato-details__description p+p {
  margin-top: 8px;
}


/* =========================================================
   EXPORT INFORMATION
========================================================= */

.freefoods-potato-details__info {
  margin-top: 26px;

  padding: 22px 0 0;

  border-top: 1px solid #e4e9ef;
}


/* =========================================================
   INFO TITLE
========================================================= */

.freefoods-potato-details__info-title {
  display: flex;
  align-items: center;

  gap: 9px;

  margin: 0 0 16px;

  color: #17233f;

  font-size: 14px;

  font-weight: 700;

  line-height: 1.4;

  letter-spacing: 0.01em;
}

.freefoods-potato-details__info-title span {
  width: 4px;
  height: 18px;

  display: block;

  background: #033781;

  border-radius: 10px;
}


/* =========================================================
   INFO GRID
========================================================= */

.freefoods-potato-details__info-grid {
  display: grid;

  grid-template-columns:
    repeat(2, minmax(0, 1fr));

  gap: 10px;
}


/* =========================================================
   INFO ITEM
========================================================= */

.freefoods-potato-details__info-item {
  display: flex;
  align-items: center;

  gap: 12px;

  min-height: 76px;

  padding: 13px 15px;

  background: #f7f9fc;

  border: 1px solid #e7ecf2;

  border-radius: 10px;

  transition:
    background 0.25s ease,
    border-color 0.25s ease,
    transform 0.25s ease;
}

.freefoods-potato-details__info-item:hover {
  background: #fff;

  border-color: #dbe3ec;

  transform: translateY(-2px);
}


/* =========================================================
   INFO ICON
========================================================= */

.freefoods-potato-details__info-icon {
  width: 38px;
  height: 38px;

  display: flex;
  align-items: center;
  justify-content: center;

  flex: 0 0 38px;

  color: #033781;

  background: #fff;

  border: 1px solid #e1e7ee;

  border-radius: 8px;

  font-size: 15px;
}


/* =========================================================
   INFO TEXT
========================================================= */

.freefoods-potato-details__info-item strong {
  display: block;

  margin-bottom: 4px;

  color: #7c8798;

  font-size: 11px;

  font-weight: 700;

  line-height: 1.3;

  letter-spacing: 0.08em;

  text-transform: uppercase;
}

.freefoods-potato-details__info-item p {
  margin: 0;

  color: #26334d;

  font-size: 15px;

  font-weight: 600;

  line-height: 1.4;
}


/* =========================================================
   CONTACT
========================================================= */

.freefoods-potato-details__contact {
  display: flex;
  align-items: center;
  justify-content: space-between;

  gap: 25px;

  margin-top: 25px;

  padding: 19px 20px;

  background: #f3f7fc;

  border: 1px solid #dfe7f0;

  border-radius: 13px;
}


/* =========================================================
   CONTACT CONTENT
========================================================= */

.freefoods-potato-details__contact-content {
  min-width: 0;
}

.freefoods-potato-details__contact-content>span {
  display: block;

  margin-bottom: 4px;

  color: #7c8798;

  font-size: 9px;

  font-weight: 700;

  line-height: 1.4;

  letter-spacing: 0.1em;

  text-transform: uppercase;
}

.freefoods-potato-details__contact-content h3 {
  margin: 0 0 8px;

  color: #17233f;

  font-size: 18px;

  font-weight: 700;

  line-height: 1.35;
}


/* =========================================================
   CONTACT LINKS
========================================================= */

.freefoods-potato-details__contact-links {
  display: flex;
  align-items: center;

  flex-wrap: wrap;

  gap: 6px 18px;
}

.freefoods-potato-details__contact-links a {
  display: inline-flex;
  align-items: center;

  gap: 7px;

  color: #4f5d70;

  font-size: 14px;

  font-weight: 500;

  line-height: 1.5;

  text-decoration: none;

  transition: color 0.25s ease;
}

.freefoods-potato-details__contact-links a i {
  color: #033781;

  font-size: 14px;
}

.freefoods-potato-details__contact-links a:hover {
  color: #033781;
}


/* =========================================================
   WHATSAPP BUTTON
========================================================= */

.freefoods-potato-details__whatsapp {
  min-width: 168px;
  height: 47px;

  display: inline-flex;
  align-items: center;
  justify-content: center;

  gap: 8px;

  flex: 0 0 auto;

  padding: 0 16px;

  color: #fff;

  background: #033781;

  border-radius: 9px;

  font-size: 11px;

  font-weight: 700;

  text-decoration: none;

  transition:
    background 0.25s ease,
    transform 0.25s ease,
    box-shadow 0.25s ease;
}

.freefoods-potato-details__whatsapp>i:first-child {
  font-size: 15px;
}

.freefoods-potato-details__whatsapp>i:last-child {
  margin-left: 2px;

  font-size: 8px;

  transition: transform 0.25s ease;
}

.freefoods-potato-details__whatsapp:hover {
  color: #fff;

  background: #022c69;

  transform: translateY(-2px);

  box-shadow:
    0 8px 22px rgba(3, 55, 129, 0.15);
}

.freefoods-potato-details__whatsapp:hover>i:last-child {
  transform: translateX(3px);
}


/* =========================================================
   LARGE DESKTOP
========================================================= */

@media (min-width: 1400px) {

  .freefoods-potato-details {
    padding: 105px 0 100px;
  }

  .freefoods-potato-details__main-image {
    height: 430px;
  }

  .freefoods-potato-details__thumbnail {
    height: 64px;
  }

  .freefoods-potato-details__content {
    padding-left: 30px;
  }
}


/* =========================================================
   LAPTOP
========================================================= */

@media (max-width: 1199px) {

  .freefoods-potato-details {
    padding: 80px 0;
  }

  .freefoods-potato-details__main-image {
    height: 370px;
  }

  .freefoods-potato-details__thumbnail {
    height: 58px;
  }

  .freefoods-potato-details__content {
    padding-left: 5px;
  }

  .freefoods-potato-details__title {
    font-size: 36px;
  }

  .freefoods-potato-details__info-item {
    min-height: 70px;
  }

  .freefoods-potato-details__contact {
    padding: 17px;
  }
}


/* =========================================================
   TABLET
========================================================= */

@media (max-width: 991px) {

  .freefoods-potato-details {
    padding: 75px 0;
  }

  .freefoods-potato-details__main-image {
    height: 400px;
  }

  .freefoods-potato-details__thumbnails {
    grid-template-columns:
      repeat(8, minmax(0, 1fr));
  }

  .freefoods-potato-details__thumbnail {
    height: 57px;
  }

  .freefoods-potato-details__content {
    max-width: 100%;

    padding-left: 0;

    margin-top: 35px;
  }

  .freefoods-potato-details__title {
    font-size: 38px;
  }

  .freefoods-potato-details__description {
    max-width: 700px;
  }

  .freefoods-potato-details__contact {
    max-width: 750px;
  }
}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 767px) {

  .freefoods-potato-details {
    padding: 60px 0 55px;
  }

  .freefoods-potato-details__main-image {
    height: 310px;

    border-radius: 12px;
  }

  .freefoods-potato-details__thumbnails {
    grid-template-columns:
      repeat(5, minmax(0, 1fr));

    gap: 6px;

    margin-top: 8px;
  }

  .freefoods-potato-details__thumbnail {
    height: 53px;

    border-radius: 6px;
  }

  .freefoods-potato-details__thumbnail:nth-child(n + 6) {
    display: none;
  }


  /* Content */

  .freefoods-potato-details__content {
    margin-top: 30px;
  }

  .freefoods-potato-details__eyebrow {
    margin-bottom: 11px;

    font-size: 9px;

    letter-spacing: 0.13em;
  }

  .freefoods-potato-details__eyebrow span {
    width: 18px;
    flex-basis: 18px;
  }

  .freefoods-potato-details__title {
    font-size: 29px;

    line-height: 1.17;
  }

  .freefoods-potato-details__description {
    margin-top: 15px;
  }

  .freefoods-potato-details__description p {
    font-size: 12px;

    line-height: 1.75;
  }


  /* Export Information */

  .freefoods-potato-details__info {
    margin-top: 22px;

    padding-top: 18px;
  }

  .freefoods-potato-details__info-title {
    margin-bottom: 13px;

    font-size: 13px;
  }

  .freefoods-potato-details__info-grid {
    grid-template-columns: 1fr;

    gap: 7px;
  }

  .freefoods-potato-details__info-item {
    min-height: 64px;

    padding: 11px 12px;

    border-radius: 8px;
  }

  .freefoods-potato-details__info-icon {
    width: 34px;
    height: 34px;

    flex-basis: 34px;

    font-size: 11px;
  }

  .freefoods-potato-details__info-item strong {
    font-size: 8px;
  }

  .freefoods-potato-details__info-item p {
    font-size: 12px;
  }


  /* Contact */

  .freefoods-potato-details__contact {
    display: block;

    margin-top: 20px;

    padding: 17px;

    border-radius: 10px;
  }

  .freefoods-potato-details__contact-content {
    margin-bottom: 15px;
  }

  .freefoods-potato-details__contact-content>span {
    font-size: 8px;
  }

  .freefoods-potato-details__contact-content h3 {
    font-size: 17px;

    margin-bottom: 9px;
  }

  .freefoods-potato-details__contact-links {
    flex-direction: column;

    align-items: flex-start;

    gap: 7px;
  }

  .freefoods-potato-details__contact-links a {
    font-size: 12px;
  }

  .freefoods-potato-details__whatsapp {
    width: 100%;

    height: 43px;

    font-size: 10px;

    border-radius: 8px;
  }
}


/* =========================================================
   SMALL MOBILE
========================================================= */

@media (max-width: 480px) {

  .freefoods-potato-details {
    padding: 50px 0;
  }

  .freefoods-potato-details__main-image {
    height: 275px;

    border-radius: 10px;
  }

  .freefoods-potato-details__thumbnail {
    height: 48px;
  }

  .freefoods-potato-details__title {
    font-size: 26px;
  }

  .freefoods-potato-details__description p {
    font-size: 11.5px;
  }

  .freefoods-potato-details__info-item {
    min-height: 61px;
  }

  .freefoods-potato-details__contact {
    padding: 15px;
  }
}


/* =========================================================
   REDUCED MOTION
========================================================= */

@media (prefers-reduced-motion: reduce) {

  .freefoods-potato-details__main-image img,
  .freefoods-potato-details__thumbnail img,
  .freefoods-potato-details__info-item,
  .freefoods-potato-details__whatsapp {
    transition: none;
  }
}


@media (max-width: 767px) {

  .freefoods-potato-details__thumbnails {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 10px !important;

    width: 100% !important;

    /* مهم جداً */
    height: auto !important;
    max-height: none !important;
    min-height: 0 !important;

    overflow: visible !important;

    margin-top: 15px !important;
    padding: 0 !important;
  }

  .freefoods-potato-details__thumbnail {
    width: 100% !important;
    height: 75px !important;

    min-width: 0 !important;
    min-height: 0 !important;

    padding: 5px !important;
    margin: 0 !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    overflow: hidden !important;
  }

  .freefoods-potato-details__thumbnail img {
    display: block !important;

    width: 100% !important;
    height: 100% !important;

    max-width: 100% !important;
    max-height: 100% !important;

    object-fit: cover !important;
  }

}



















/* =========================================================
   PRODUCTS BRANDS
   FINAL CENTERED LAYOUT
========================================================= */

.products-brands__grid {

  /* -----------------------------------------
       Layout
    ----------------------------------------- */

  display: flex !important;

  flex-direction: row;
  flex-wrap: wrap;

  justify-content: center !important;
  align-items: flex-start;

  /* -----------------------------------------
       IMPORTANT
       The container keeps its original size.
       Only the brand area is controlled here.
    ----------------------------------------- */

  width: 100% !important;

  /*
     * 4 cards maximum per row
     *
     * 220px × 4
     * + 28px × 3
     * = 964px
     */
  max-width: 964px !important;

  margin-left: auto !important;
  margin-right: auto !important;

  padding-left: 0 !important;
  padding-right: 0 !important;

  box-sizing: border-box;

  /* -----------------------------------------
       Spacing
    ----------------------------------------- */

  column-gap: 28px !important;
  row-gap: 28px !important;
}


/* =========================================================
   BRAND CARD
========================================================= */

.product-brand-card {

  position: relative;

  flex: 0 0 220px;

  width: 220px !important;
  min-width: 220px !important;
  max-width: 220px !important;

  height: 220px;

  margin: 0 !important;
  padding: 0;

  box-sizing: border-box;

  /*
     * Important:
     * Flex handles the centering.
     */
  justify-self: auto;
}


/* =========================================================
   BRAND LINK
========================================================= */

.product-brand-card__link {

  display: block;

  width: 220px !important;
  height: 220px !important;

  margin: 0;

  text-decoration: none;
  color: inherit;

  outline: none;
}


/* =========================================================
   BRAND IMAGE
========================================================= */

.product-brand-card__image {

  width: 180px !important;
  height: 180px !important;

  min-width: 180px;
  min-height: 180px;

  margin: 0;

  display: flex;

  align-items: center;
  justify-content: center;

  padding: 21px;

  box-sizing: border-box;

  overflow: hidden;

  background: #ffffff;

  border: 1px solid rgba(2, 54, 129, 0.075);

  border-radius: 17px;

  box-shadow:
    0 5px 18px rgba(16, 35, 63, 0.045);

  transition:
    transform 0.4s cubic-bezier(.2, .7, .2, 1),
    box-shadow 0.4s ease,
    border-color 0.4s ease;
}


/* =========================================================
   LOGO
========================================================= */

.product-brand-card__image img {

  position: relative;

  z-index: 2;

  display: block;

  width: 100%;
  height: 100%;

  max-width: 100%;
  max-height: 100%;

  object-fit: contain;

  transform: scale(0.78);

  transition:
    transform 0.45s cubic-bezier(.2, .7, .2, 1);
}


/* =========================================================
   NUMBER
========================================================= */

.product-brand-card__number {

  position: absolute;

  top: 10px;
  left: 10px;

  z-index: 5;

  width: 29px;
  height: 29px;

  display: flex;

  align-items: center;
  justify-content: center;

  border-radius: 50%;

  background: #ffffff;

  border: 1px solid rgba(2, 54, 129, 0.08);

  color: #023681;

  font-family: "Manrope", sans-serif;

  font-size: 9px;
  font-weight: 800;

  line-height: 1;

  box-shadow:
    0 4px 12px rgba(16, 35, 63, 0.07);

  transition:
    background 0.3s ease,
    color 0.3s ease,
    transform 0.3s ease,
    box-shadow 0.3s ease;
}


/* =========================================================
   INNER BORDER
========================================================= */

.product-brand-card__image::before {

  content: "";

  position: absolute;

  inset: 5px;

  z-index: 1;

  border-radius: 13px;

  border: 1px solid rgba(2, 54, 129, 0.025);

  pointer-events: none;
}


/* =========================================================
   OVERLAY
========================================================= */

.product-brand-card__overlay {

  position: absolute;

  left: 0;
  right: 0;
  bottom: 0;

  z-index: 4;

  padding:
    35px 14px 13px;

  box-sizing: border-box;

  background:
    linear-gradient(to top,
      rgba(2, 54, 129, 0.82),
      rgba(2, 54, 129, 0.34) 55%,
      rgba(2, 54, 129, 0));

  opacity: 0;

  transform:
    translateY(5px);

  transition:
    opacity 0.35s ease,
    transform 0.35s ease;
}


/* =========================================================
   BRAND TITLE
========================================================= */

.product-brand-card__title {

  margin: 0;

  color: #ffffff;

  font-family: "Manrope", sans-serif;

  font-size: 14px;

  font-weight: 700;

  line-height: 1.25;

  text-align: center;

  text-shadow:
    0 2px 7px rgba(0, 0, 0, 0.16);
}


/* =========================================================
   HOVER
========================================================= */

.product-brand-card__link:hover .product-brand-card__image {

  transform:
    translateY(-5px);

  border-color:
    rgba(2, 54, 129, 0.14);

  box-shadow:
    0 15px 32px rgba(2, 54, 129, 0.105);
}


.product-brand-card__link:hover .product-brand-card__image img {

  transform:
    scale(0.83);
}


.product-brand-card__link:hover .product-brand-card__number {

  background: #023681;

  color: #ffffff;

  transform:
    scale(1.05);

  box-shadow:
    0 6px 15px rgba(2, 54, 129, 0.18);
}


.product-brand-card__link:hover .product-brand-card__overlay {

  opacity: 1;

  transform:
    translateY(0);
}


/* =========================================================
   FOCUS
========================================================= */

.product-brand-card__link:focus-visible {

  outline:
    2px solid #023681;

  outline-offset: 5px;

  border-radius: 17px;
}


/* =========================================================
   LARGE DESKTOP
   1400px+
========================================================= */

@media (min-width: 1400px) {

  .products-brands__grid {

    max-width: 964px !important;

    column-gap: 28px !important;
    row-gap: 30px !important;
  }

}


/* =========================================================
   DESKTOP
   1200px - 1399px
========================================================= */

@media (min-width: 1200px) and (max-width: 1399px) {

  .products-brands__grid {

    max-width: 964px !important;

    column-gap: 28px !important;
    row-gap: 28px !important;
  }

}


/* =========================================================
   LAPTOP
   992px - 1199px
========================================================= */

@media (min-width: 992px) and (max-width: 1199px) {

  .products-brands__grid {

    /*
         * Keep 4 cards when they fit.
         */
    max-width:
      calc(220px * 4 + 22px * 3) !important;

    column-gap: 22px !important;
    row-gap: 24px !important;
  }

}


/* =========================================================
   TABLET
   768px - 991px
========================================================= */

@media (min-width: 768px) and (max-width: 991px) {

  .products-brands__grid {

    /*
         * 3 × 180px
         * + 2 × 20px
         * = 580px
         */
    max-width: 580px !important;

    column-gap: 20px !important;
    row-gap: 22px !important;
  }


  .product-brand-card {

    flex:
      0 0 180px;

    width: 180px !important;

    min-width: 180px !important;
    max-width: 180px !important;

    height: 180px;
  }


  .product-brand-card__link {

    width: 180px !important;
    height: 180px !important;
  }


  .product-brand-card__image {

    width: 180px !important;
    height: 180px !important;
  }

}


/* =========================================================
   MOBILE
   576px - 767px
========================================================= */

@media (min-width: 576px) and (max-width: 767px) {

  .products-brands__grid {

    width: 100% !important;

    max-width: 378px !important;

    padding:
      0 !important;

    column-gap: 18px !important;
    row-gap: 18px !important;
  }


  .product-brand-card {

    flex:
      0 0 180px;

    width: 180px !important;

    min-width: 180px !important;
    max-width: 180px !important;

    height: 180px;
  }


  .product-brand-card__link {

    width: 180px !important;
    height: 180px !important;
  }


  .product-brand-card__image {

    width: 180px !important;
    height: 180px !important;

    padding: 17px;

    border-radius: 16px;
  }


  .product-brand-card__number {

    top: 9px;
    left: 9px;

    width: 28px;
    height: 28px;

    font-size: 9px;
  }


  .product-brand-card__title {

    font-size: 13px;
  }

}


/* =========================================================
   MOBILE
   400px - 575px
========================================================= */

@media (min-width: 400px) and (max-width: 575px) {

  .products-brands__grid {

    width: 100% !important;

    max-width: 374px !important;

    padding: 0 !important;

    column-gap: 14px !important;
    row-gap: 16px !important;
  }


  .product-brand-card {

    flex:
      0 0 180px;

    width: 180px !important;

    min-width: 180px !important;
    max-width: 180px !important;

    height: 180px;
  }


  .product-brand-card__link {

    width: 180px !important;
    height: 180px !important;
  }


  .product-brand-card__image {

    width: 180px !important;
    height: 180px !important;

    padding: 17px;

    border-radius: 16px;
  }


  .product-brand-card__number {

    top: 9px;
    left: 9px;

    width: 28px;
    height: 28px;

    font-size: 9px;
  }


  .product-brand-card__title {

    font-size: 13px;
  }

}


/* =========================================================
   VERY SMALL MOBILE
   <= 399px
========================================================= */

@media (max-width: 399px) {

  .products-brands__grid {

    width: 100% !important;

    max-width: 100% !important;

    padding:
      0 8px !important;

    column-gap: 10px !important;
    row-gap: 13px !important;

    box-sizing: border-box;
  }


  .product-brand-card {

    flex:
      0 0 180px;

    width: 180px !important;

    min-width: 180px !important;
    max-width: 180px !important;

    height: 180px;
  }


  .product-brand-card__link {

    width: 180px !important;

    height: 180px !important;
  }


  .product-brand-card__image {

    width: 180px !important;

    height: 180px !important;

    padding: 15px;

    border-radius: 15px;
  }


  .product-brand-card__number {

    top: 8px;
    left: 8px;

    width: 27px;
    height: 27px;

    font-size: 8px;
  }


  .product-brand-card__title {

    font-size: 12px;
  }


  .product-brand-card__overlay {

    padding:
      30px 10px 10px;
  }

}


/* =========================================================
   TOUCH DEVICES
========================================================= */

@media (hover: none) {

  .product-brand-card__link:hover .product-brand-card__image {

    transform: none;

    border-color:
      rgba(2, 54, 129, 0.075);

    box-shadow:
      0 5px 18px rgba(16, 35, 63, 0.045);
  }


  .product-brand-card__link:hover .product-brand-card__image img {

    transform:
      scale(0.78);
  }


  .product-brand-card__link:hover .product-brand-card__number {

    background: #ffffff;

    color: #023681;

    transform: none;

    box-shadow:
      0 4px 12px rgba(16, 35, 63, 0.07);
  }


  .product-brand-card__link:hover .product-brand-card__overlay {

    opacity: 0;

    transform:
      translateY(5px);
  }

}


/* =========================================================
   REDUCED MOTION
========================================================= */

@media (prefers-reduced-motion: reduce) {

  .product-brand-card__image,
  .product-brand-card__image img,
  .product-brand-card__number,
  .product-brand-card__overlay {

    transition: none !important;
  }

}

















































/* =========================================================
   PRODUCTS FLAVOUR
========================================================= */

.productsflavour {
  position: relative;
  width: 100%;

  padding: 55px 0 65px;

  background: #ffffff;

  overflow: hidden;
}


/* =========================================================
   BACKGROUND
========================================================= */

.productsflavour::before {
  content: "";

  position: absolute;

  top: -260px;
  right: -190px;

  width: 520px;
  height: 520px;

  border-radius: 50%;

  background: rgba(3, 55, 129, 0.035);

  pointer-events: none;
}


.productsflavour::after {
  content: "";

  position: absolute;

  left: -220px;
  bottom: -280px;

  width: 460px;
  height: 460px;

  border-radius: 50%;

  border: 1px solid rgba(3, 55, 129, 0.06);

  pointer-events: none;
}


/* =========================================================
   CONTAINER
   Keep the original container sizing / page spacing
========================================================= */

.productsflavour .container {
  position: relative;

  z-index: 2;

  width: 100%;

  max-width: 1400px;

  margin: 0 auto;

  padding-left: 30px;
  padding-right: 30px;

  box-sizing: border-box;
}


/* =========================================================
   GRID
   5 CARDS PER ROW
   ALWAYS CENTER IN THE PAGE
========================================================= */

.productsflavour__grid {
  position: relative;

  width: 100%;

  display: flex;

  flex-wrap: wrap;

  justify-content: center;

  align-items: stretch;

  gap: 24px;

  margin: 0 auto;

  box-sizing: border-box;

  z-index: 3;
}


/* =========================================================
   CARD
========================================================= */

.productsflavour__card {

  position: relative;

  /*
     * 5 cards per row
     *
     * Container width:
     * 100%
     *
     * 4 gaps:
     * 24px × 4 = 96px
     */
  flex: 0 0 calc((100% - 96px) / 5);

  width: calc((100% - 96px) / 5);

  max-width: calc((100% - 96px) / 5);

  height: 380px;

  margin: 0;

  padding: 0;

  border-radius: 15px;

  overflow: hidden;

  background: #ffffff;

  border: 1px solid rgba(3, 55, 129, 0.075);

  box-shadow:
    0 7px 22px rgba(3, 55, 129, 0.055);

  transition:
    transform 0.35s ease,
    box-shadow 0.35s ease,
    border-color 0.35s ease;

  box-sizing: border-box;
}


/* =========================================================
   CARD HOVER
========================================================= */

.productsflavour__card:hover {

  transform: translateY(-5px);

  border-color:
    rgba(3, 55, 129, 0.13);

  box-shadow:
    0 14px 30px rgba(3, 55, 129, 0.10);
}


/* =========================================================
   CARD INNER
========================================================= */

.productsflavour__card-inner {

  position: relative;

  width: 100%;
  height: 100%;
}


/* =========================================================
   VISUAL
========================================================= */

.productsflavour__visual {

  position: absolute;

  inset: 0;

  width: 100%;
  height: 100%;

  overflow: hidden;

  background:
    linear-gradient(180deg,
      #ffffff 0%,
      #ffffff 48%,
      #f8fafc 65%,
      #edf3f9 82%,
      #e2ebf5 100%);
}


/* =========================================================
   VISUAL LIGHT
========================================================= */

.productsflavour__visual-bg {

  position: absolute;

  inset: 0;

  background:
    radial-gradient(circle at 50% 40%,
      rgba(255, 255, 255, 1) 0%,
      rgba(255, 255, 255, 0.84) 35%,
      rgba(255, 255, 255, 0) 72%);

  pointer-events: none;
}


/* =========================================================
   NUMBER
========================================================= */

.productsflavour__number {

  position: absolute;

  top: 13px;
  right: 13px;

  width: 36px;
  height: 36px;

  display: flex;

  align-items: center;
  justify-content: center;

  border-radius: 50%;

  background: #033781;

  color: #ffffff;

  font-family:
    "Nunito Sans",
    sans-serif;

  font-size: 11px;

  font-weight: 800;

  line-height: 1;

  box-shadow:
    0 5px 12px rgba(3, 55, 129, 0.15);

  z-index: 10;
}


/* =========================================================
   IMAGE WRAPPER
========================================================= */

.productsflavour__image-wrap {

  position: absolute;

  top: 42%;
  left: 50%;

  width: 100%;
  height: 58%;

  transform:
    translate(-50%, -50%);

  display: flex;

  align-items: center;
  justify-content: center;

  z-index: 3;

  pointer-events: none;
}


/* =========================================================
   PRODUCT IMAGE
========================================================= */

.productsflavour__product-image {

  display: block;

  width: 90%;
  height: 100%;

  object-fit: contain;

  object-position: center;

  filter:
    drop-shadow(0 8px 12px rgba(3, 55, 129, 0.10));

  transition:
    transform 0.45s ease,
    filter 0.45s ease;
}


/* =========================================================
   IMAGE HOVER
========================================================= */

.productsflavour__card:hover .productsflavour__product-image {

  transform:
    translateY(-4px) scale(1.015);

  filter:
    drop-shadow(0 12px 15px rgba(3, 55, 129, 0.14));
}


/* =========================================================
   INFO AREA
========================================================= */

.productsflavour__info {

  position: absolute;

  left: 0;
  right: 0;
  bottom: 0;

  width: 100%;

  height: 125px;

  padding:
    25px 18px 15px;

  display: flex;

  flex-direction: column;

  justify-content: flex-end;

  z-index: 5;

  box-sizing: border-box;

  background:
    linear-gradient(180deg,
      rgba(3, 55, 129, 0) 0%,
      rgba(3, 55, 129, 0.10) 15%,
      rgba(3, 55, 129, 0.50) 42%,
      rgba(3, 55, 129, 0.86) 72%,
      rgba(3, 55, 129, 0.96) 100%);
}


/* =========================================================
   INFO CONTENT
========================================================= */

.productsflavour__info-content {

  width: 100%;

  margin-bottom: 8px;
}


/* =========================================================
   PRODUCT NAME
========================================================= */

.productsflavour__name {

  margin-bottom: 10px;

  color: #ffffff;

  font-family:
    "Nunito Sans",
    sans-serif;

  font-size: 18px;

  line-height: 1.2;

  font-weight: 750;

  letter-spacing: -0.2px;

  text-shadow:
    0 1px 5px rgba(0, 0, 0, 0.08);

  white-space: normal;
}


/* =========================================================
   REQUEST QUOTE
========================================================= */

.productsflavour__quote {

  position: relative;

  width: 100%;
  height: 38px;

  display: flex;

  align-items: center;
  justify-content: space-between;

  padding-left: 13px;
  padding-right: 4px;

  border:
    1px solid rgba(255,
      255,
      255,
      0.72);

  border-radius: 22px;

  background:
    rgba(255, 255, 255, 0.035);

  color: #ffffff;

  text-decoration: none;

  box-sizing: border-box;

  transition:
    background 0.3s ease,
    border-color 0.3s ease,
    transform 0.3s ease;
}


/* =========================================================
   QUOTE HOVER
========================================================= */

.productsflavour__quote:hover {

  color: #ffffff;

  text-decoration: none;

  background:
    rgba(255, 255, 255, 0.10);

  border-color: #ffffff;

  transform: translateY(-1px);
}


/* =========================================================
   QUOTE TEXT
========================================================= */

.productsflavour__quote-text {

  font-family:
    "Nunito Sans",
    sans-serif;

  font-size: 11px;

  line-height: 1;

  font-weight: 700;

  white-space: nowrap;
}


/* =========================================================
   QUOTE ICON
========================================================= */

.productsflavour__quote-icon {

  width: 30px;
  height: 30px;

  flex:
    0 0 30px;

  display: flex;

  align-items: center;
  justify-content: center;

  border-radius: 50%;

  background: #ffffff;

  color: #033781;

  font-size: 11px;

  transition:
    transform 0.3s ease,
    color 0.3s ease;
}


/* =========================================================
   ICON HOVER
========================================================= */

.productsflavour__quote:hover .productsflavour__quote-icon {

  color: #033781;

  transform:
    translateX(2px);
}


.productsflavour__quote-icon i {

  display: block;

  line-height: 1;

  transition:
    transform 0.3s ease;
}


.productsflavour__quote:hover .productsflavour__quote-icon i {

  transform:
    translateX(2px);
}


/* =========================================================
   SECTION HEADER
========================================================= */

.productsflavour__header {

  position: relative;

  max-width: 700px;

  margin:
    0 auto 42px;

  text-align: center;

  z-index: 5;
}


/* =========================================================
   EYEBROW
========================================================= */

.productsflavour__eyebrow {

  display: inline-flex;

  align-items: center;
  justify-content: center;

  gap: 10px;

  margin-bottom: 15px;

  color: #023681;

  font-family:
    var(--insuba-font,
      "Roboto",
      sans-serif);

  font-size: 10px;

  font-weight: 700;

  line-height: 1;

  letter-spacing: .18em;

  text-transform: uppercase;
}


/* =========================================================
   EYEBROW LINE
========================================================= */

.productsflavour__eyebrow-line {

  display: block;

  width: 30px;
  height: 2px;

  border-radius: 20px;

  background: #06479B;
}


/* =========================================================
   MAIN TITLE
========================================================= */

.productsflavour__title {

  margin: 0;

  color: #173A42;

  font-family:
    var(--insuba-heading-font,
      "Poppins",
      sans-serif);

  font-size: 46px;

  font-weight: 600;

  line-height: 1.18;

  letter-spacing: -.025em;
}


/* =========================================================
   TITLE HIGHLIGHT
========================================================= */

.productsflavour__title span {

  display: inline;

  color: #033781;
}


/* =========================================================
   DESCRIPTION
========================================================= */

.productsflavour__description {

  max-width: 820px;

  margin:
    17px auto 0;

  color: #71819b;

  font-family:
    "Nunito Sans",
    sans-serif;

  font-size: 16px;

  line-height: 1.7;

  text-align: center;
}


/* =========================================================
   EMPTY STATE
========================================================= */

.productsflavour__empty {

  width: 100%;

  padding: 60px 20px;

  text-align: center;

  grid-column: 1 / -1;

  box-sizing: border-box;
}


.productsflavour__empty-icon {

  display: flex;

  align-items: center;
  justify-content: center;

  width: 60px;
  height: 60px;

  margin: 0 auto 18px;

  border-radius: 50%;

  background: #f4f7fb;

  color: #033781;

  font-size: 22px;
}


.productsflavour__empty h3 {

  margin: 0 0 8px;

  color: #173A42;

  font-size: 22px;

  font-weight: 700;
}


.productsflavour__empty p {

  margin: 0;

  color: #71819b;

  font-size: 14px;
}


/* =========================================================
   LARGE DESKTOP
   5 CARDS
========================================================= */

@media (min-width: 1200px) {

  .productsflavour__grid {

    /*
         * 5 cards always.
         * justify-content:center means:
         *
         * 5 cards -> centered
         * 4 cards -> centered
         * 3 cards -> centered
         * 2 cards -> centered
         * 1 card  -> centered
         */

    justify-content: center;
  }

}


/* =========================================================
   DESKTOP / SMALL LAPTOP
   4 CARDS
========================================================= */

@media (max-width: 1199px) {

  .productsflavour {

    padding:
      50px 0 60px;
  }


  .productsflavour .container {

    padding-left: 24px;
    padding-right: 24px;
  }


  .productsflavour__grid {

    gap: 22px;

    justify-content: center;
  }


  .productsflavour__card {

    flex:
      0 0 calc((100% - 66px) / 4);

    width:
      calc((100% - 66px) / 4);

    max-width:
      calc((100% - 66px) / 4);

    height: 370px;
  }


  .productsflavour__image-wrap {

    height: 58%;
  }


  .productsflavour__info {

    height: 122px;

    padding:
      24px 17px 14px;
  }


  .productsflavour__name {

    font-size: 17px;
  }

}


/* =========================================================
   TABLET
   3 CARDS
========================================================= */

@media (max-width: 991px) {

  .productsflavour {

    padding:
      48px 0 58px;
  }


  .productsflavour__grid {

    gap: 20px;
  }


  .productsflavour__card {

    flex:
      0 0 calc((100% - 40px) / 3);

    width:
      calc((100% - 40px) / 3);

    max-width:
      calc((100% - 40px) / 3);

    height: 365px;
  }


  .productsflavour__number {

    top: 12px;
    right: 12px;

    width: 34px;
    height: 34px;

    font-size: 10px;
  }


  .productsflavour__image-wrap {

    top: 42%;

    height: 57%;
  }


  .productsflavour__product-image {

    width: 88%;
  }


  .productsflavour__info {

    height: 120px;

    padding:
      23px 15px 13px;
  }


  .productsflavour__name {

    font-size: 16px;
  }


  .productsflavour__quote {

    height: 37px;
  }


  .productsflavour__quote-text {

    font-size: 10.5px;
  }


  .productsflavour__quote-icon {

    width: 29px;
    height: 29px;

    flex-basis: 29px;

    font-size: 10px;
  }

}


/* =========================================================
   MOBILE
   2 CARDS
========================================================= */

@media (max-width: 767px) {

  .productsflavour {

    padding:
      45px 0 55px;
  }


  .productsflavour .container {

    padding-left: 18px;
    padding-right: 18px;
  }


  .productsflavour__header {

    margin-bottom: 34px;
  }


  .productsflavour__grid {

    gap: 18px;

    justify-content: center;
  }


  .productsflavour__card {

    flex:
      0 0 calc((100% - 18px) / 2);

    width:
      calc((100% - 18px) / 2);

    max-width:
      calc((100% - 18px) / 2);

    height: 350px;
  }


  .productsflavour__image-wrap {

    height: 57%;
  }


  .productsflavour__product-image {

    width: 90%;
  }


  .productsflavour__info {

    height: 116px;

    padding:
      22px 13px 12px;
  }


  .productsflavour__name {

    font-size: 15px;
  }


  .productsflavour__quote {

    height: 35px;

    padding-left: 11px;
    padding-right: 3px;
  }


  .productsflavour__quote-text {

    font-size: 10px;
  }


  .productsflavour__quote-icon {

    width: 27px;
    height: 27px;

    flex-basis: 27px;

    font-size: 10px;
  }


  .productsflavour__title {

    font-size: 36px;

    line-height: 1.2;
  }


  .productsflavour__description {

    margin-top: 14px;

    padding: 0 8px;

    font-size: 14px;

    line-height: 1.7;
  }

}


/* =========================================================
   SMALL MOBILE
   1 CARD - CENTER
========================================================= */

@media (max-width: 575px) {

  .productsflavour {

    padding:
      40px 0 50px;
  }


  .productsflavour .container {

    padding-left: 14px;
    padding-right: 14px;
  }


  .productsflavour__grid {

    gap: 18px;

    justify-content: center;
  }


  /*
     * ONE CARD PER ROW
     *
     * margin auto + flex basis
     * guarantees center position.
     */

  .productsflavour__card {

    flex:
      0 0 100%;

    width: 100%;

    max-width: 330px;

    height: 365px;

    margin-left: auto;
    margin-right: auto;

    border-radius: 14px;
  }


  .productsflavour__number {

    top: 12px;
    right: 12px;

    width: 35px;
    height: 35px;
  }


  .productsflavour__image-wrap {

    top: 42%;

    width: 100%;

    height: 58%;
  }


  .productsflavour__product-image {

    width: 92%;
  }


  .productsflavour__info {

    height: 122px;

    padding:
      24px 15px 13px;
  }


  .productsflavour__name {

    font-size: 18px;
  }


  .productsflavour__quote {

    height: 38px;

    padding-left: 13px;
    padding-right: 4px;
  }


  .productsflavour__quote-text {

    font-size: 11px;
  }


  .productsflavour__quote-icon {

    width: 30px;
    height: 30px;

    flex-basis: 30px;

    font-size: 10px;
  }


  .productsflavour__title {

    font-size: 31px;
  }

}


/* =========================================================
   VERY SMALL MOBILE
========================================================= */

@media (max-width: 380px) {

  .productsflavour .container {

    padding-left: 12px;
    padding-right: 12px;
  }


  .productsflavour__card {

    max-width: 310px;

    height: 350px;
  }


  .productsflavour__title {

    font-size: 28px;
  }


  .productsflavour__description {

    font-size: 13px;
  }


  .productsflavour__name {

    font-size: 17px;
  }

}

/* =========================================================
   CHAIRMAN CTA
   WHITE / CLEAN VERSION
========================================================= */

.chairman-cta {
    position: relative;
    width: 100%;

    overflow: hidden;

    background: #ffffff;

    padding: 68px 0 72px;

    border-top: 1px solid rgba(3, 55, 129, 0.07);

    border-bottom: 1px solid rgba(3, 55, 129, 0.07);

    isolation: isolate;
}


/* =========================================================
   SOFT DECORATIVE BACKGROUND
========================================================= */

.chairman-cta::before {
    content: "";

    position: absolute;

    width: 360px;
    height: 360px;

    left: -220px;
    top: 50%;

    transform: translateY(-50%);

    border: 1px solid rgba(3, 55, 129, 0.055);

    border-radius: 50%;

    pointer-events: none;
}


.chairman-cta::after {
    content: "";

    position: absolute;

    width: 240px;
    height: 240px;

    right: -150px;
    top: -120px;

    border: 1px solid rgba(3, 55, 129, 0.055);

    border-radius: 50%;

    pointer-events: none;
}


/* =========================================================
   SHAPES
========================================================= */

.chairman-cta__shape {
    position: absolute;

    pointer-events: none;

    border: 1px solid rgba(3, 55, 129, 0.045);

    border-radius: 50%;
}


/* Left subtle circle */

.chairman-cta__shape--one {
    width: 170px;
    height: 170px;

    left: 6%;
    bottom: -125px;
}


/* Right subtle circle */

.chairman-cta__shape--two {
    width: 120px;
    height: 120px;

    right: 14%;
    bottom: -82px;
}


/* =========================================================
   INNER
========================================================= */

.chairman-cta__inner {
    position: relative;

    display: flex;

    align-items: center;
    justify-content: space-between;

    gap: 50px;

    z-index: 2;
}


/* =========================================================
   CONTENT
========================================================= */

.chairman-cta__content {
    max-width: 760px;
}


/* =========================================================
   EYEBROW
========================================================= */

.chairman-cta__eyebrow {
    display: inline-flex;

    align-items: center;

    gap: 10px;

    margin-bottom: 14px;

    color: #033781;

    font-size: 12px;

    font-weight: 700;

    letter-spacing: 2.5px;

    text-transform: uppercase;
}


.chairman-cta__eyebrow::before {
    content: "";

    width: 26px;
    height: 2px;

    background: #033781;

    border-radius: 10px;
}


/* =========================================================
   TITLE
========================================================= */

.chairman-cta__title {
    margin: 0;

    color: #033781;

    font-size: 38px;

    line-height: 1.2;

    font-weight: 700;

    letter-spacing: -0.5px;
}


.chairman-cta__title span {
    color: #56749b;
}


/* =========================================================
   DESCRIPTION
========================================================= */

.chairman-cta__text {
    max-width: 650px;

    margin: 15px 0 0;

    color: #6c7b8c;

    font-size: 15px;

    line-height: 1.8;

    font-weight: 400;
}


/* =========================================================
   ACTION
========================================================= */

.chairman-cta__action {
    flex-shrink: 0;
}


/* =========================================================
   BUTTON
========================================================= */

.chairman-cta__button {
    display: inline-flex;

    align-items: center;
    justify-content: center;

    gap: 18px;

    min-width: 185px;

    padding: 12px 14px 12px 24px;

    background: #033781;

    border: 1px solid #033781;

    border-radius: 50px;

    color: #ffffff;

    font-size: 14px;

    font-weight: 700;

    text-decoration: none;

    transition:
        background-color 0.3s ease,
        color 0.3s ease,
        border-color 0.3s ease,
        transform 0.3s ease,
        box-shadow 0.3s ease;
}


.chairman-cta__button span {
    white-space: nowrap;
}


.chairman-cta__button i {
    display: flex;

    align-items: center;
    justify-content: center;

    width: 32px;
    height: 32px;

    border-radius: 50%;

    background: #ffffff;

    color: #033781;

    font-size: 11px;

    transition:
        transform 0.3s ease,
        background-color 0.3s ease,
        color 0.3s ease;
}


/* =========================================================
   HOVER
========================================================= */

.chairman-cta__button:hover {
    background: #ffffff;

    color: #033781;

    border-color: #033781;

    transform: translateY(-2px);

    box-shadow:
        0 10px 28px rgba(3, 55, 129, 0.12);
}


.chairman-cta__button:hover i {
    background: #033781;

    color: #ffffff;

    transform: translateX(3px);
}


/* =========================================================
   TABLET
========================================================= */

@media (max-width: 991px) {

    .chairman-cta {
        padding: 58px 0 62px;
    }

    .chairman-cta__inner {
        gap: 35px;
    }

    .chairman-cta__title {
        font-size: 32px;
    }

}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 767px) {

    .chairman-cta {
        padding: 48px 0 52px;
    }

    .chairman-cta__inner {
        flex-direction: column;

        align-items: flex-start;

        gap: 27px;
    }

    .chairman-cta__content {
        max-width: 100%;
    }

    .chairman-cta__title {
        font-size: 28px;

        line-height: 1.25;
    }

    .chairman-cta__text {
        font-size: 14px;

        line-height: 1.75;
    }

    .chairman-cta__action {
        width: 100%;
    }

    .chairman-cta__button {
        width: auto;

        min-width: 185px;
    }

}


/* =========================================================
   SMALL MOBILE
========================================================= */

@media (max-width: 480px) {

    .chairman-cta {
        padding: 42px 0 46px;
    }

    .chairman-cta__title {
        font-size: 25px;
    }

    .chairman-cta__text {
        font-size: 13.5px;
    }

}