@import url("https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&family=Libre+Franklin:ital,wght@0,100..900;1,100..900&display=swap");



:root {
  /**
    @Font-Family Declaration
  */
  --tj-ff-body: 'Lato', sans-serif;
  --tj-ff-heading: 'Libre Franklin', serif;
  --tj-ff-fontawesome: "Font Awesome 6 Pro";
  --color-text: navy;
  --color-bg: papayawhip;
  --color-bg-accent: #ecdcc0;
  --size: clamp(10rem, 1rem + 40vmin, 30rem);
  --gap: calc(var(--size) / 14);
  --duration: 60s;
  --scroll-start: 0;
  --scroll-end: calc(-100% - var(--gap));

}



body {
  font-family: var(--tj-ff-body) !important;
}

.swiper-button-next, .swiper-button-prev {
  background-color: #1d2c80;
  width: 40px !important;
  height: 40px !important;
  border-radius: 50%;
  color: white !important;
  font-size: 12px !important;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
}

/* Customize the icon inside */
.swiper-button-next::after,
.swiper-button-prev::after {
  font-size: 16px;
  font-weight: bold;
}

/* Positioning tweaks */
.swiper-button-next {
  right: 10px;
}

.swiper-button-prev {
  left: 10px;
}

.hero-swiper-card.hero-swiper-card-bg1 {
  background-image: url("./image/download\ \(5\).webp");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 22px;
}

.hero-swiper-content {
  padding: 45px;
}

.hero-swiper-content h5 {
  font-weight: 800;
  font-size: 35px;
  color: white;
  margin-bottom: 10px;
}


.hero-swiper-content p {
  color: white;
  width: 90%;
}

.carousel-know-more {
  border: 1px solid white;
  width: fit-content;
  padding: 5px 20px;
  border-radius: 32px;
  background: #1D2C80;
  color: white;
  margin-top: 25px;
}

.carousel-know-more a {
  color: white;
  font-size: 13px;
}


.service-title a {
  font-weight: 700;
  color: #1d2c80;
}

h2.insurance-section-title {
  font-weight: 700;
  color: #1D2C80;
  margin-bottom: 80px;
}

span.highlight-text {
  font-weight: 800;
  color: #ffffff;
  background: #1d2c80;
  padding: 5px 25px;
  border-radius: 30px;
  display: flex;
  width: fit-content;
  margin: 0 auto;
  margin-top: 10px;
  font-size: 20px;
}

.service-wrapper-two {
  display: flex;
}

.service-card-content {
  opacity: 0;
}

.service-button {
  margin-top: 25px;
}

.hero-gifs {
  width: 120%;
  margin: 0 auto;
  margin-left: -20px;
}

.mainmenu ul>li {
  margin: 0px 12px;
}

.item {
  width: 230px;
  margin: 15px;
  position: relative;
}

.home-about-count-box i {
  color: #1d2c80;
  font-size: 53px;
  margin-bottom: 13px;
}

a.member-login-btn {
  background: transparent linear-gradient(102deg, #0867B1 0%, #242679 100%) 0% 0% no-repeat padding-box;
  color: white !important;
  padding: 11px 20px !important;
  border-radius: 32px;
  font-size: 14px !important;
  margin-right: -60px;
}

.hero-content-card-box {
  border-radius: 20px;
  padding: 14px 20px;
  padding-bottom: 0px;
  background: white;
  z-index: 999999999;
  box-shadow: 0px 3px 25px #9ddaf46b;
  margin: 0 auto;
  width: 110%;
  margin-left: -10px;
  position: relative;
}



.hero-content-card h5 {
  font-weight: 600;
  font-size: 18px;
  color: #0e388f;
}

.hero-content-card {
  margin: 0px 10px;
}

.hero-content-card p {
  font-size: 15px;
  width: 95%;
  line-height: 19px;
}

.hero-content-card-box img {
  width: 40px;
}

.hero-content-card-box.hero-card-2 {
  margin-left: -60px;
  margin-top: 50px;
  margin-right: 60px;
}

.hero-content-card-box.hero-card-4 {
  margin-right: -60px;
  margin-left: 60px;
  margin-top: 50px;
}

.infinte-strips-swipper .marquee {
  display: flex;
  overflow: hidden;
  user-select: none;
  gap: var(--gap);
  mask-image: linear-gradient(var(--mask-direction, to right),
      hsl(0 0% 0% / 0),
      hsl(0 0% 0% / 1) 20%,
      hsl(0 0% 0% / 1) 80%,
      hsl(0 0% 0% / 0));
  padding: 15px;
}

.infinte-strips-swipper .marquee__group {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: space-around;
  gap: var(--gap);
  min-width: 100%;
  animation: scroll-x var(--duration) linear infinite;
}

@media (prefers-reduced-motion: reduce) {
  .infinte-strips-swipper .marquee__group {
    animation-play-state: paused;
  }
}

.infinte-strips-swipper .marquee--vertical {
  --mask-direction: to bottom;
}

.marquee--vertical,
.marquee--vertical .marquee__group {
  flex-direction: column;
}

.marquee--vertical .marquee__group {
  animation-name: scroll-y;
}

.marquee--reverse .marquee__group {
  animation-direction: reverse;
  animation-delay: -3s;
}

@keyframes scroll-x {
  from {
    transform: translateX(var(--scroll-start));
  }

  to {
    transform: translateX(var(--scroll-end));
  }
}

@keyframes scroll-y {
  from {
    transform: translateY(var(--scroll-start));
  }

  to {
    transform: translateY(var(--scroll-end));
  }
}


.about-section-main-cover-wrapper {
  padding: 85px 0px;
  color: white;
  background: transparent linear-gradient(114deg, #A0D3FF 0%, #3685EF 100%) 0% 0% no-repeat padding-box;
}

/* Parent wrapper */
.infinte-strips-swipper {
  display: flex;
  flex-direction: column;
  gap: var(--gap);
  padding: 10px;
  max-width: 100vw;
  background: transparent linear-gradient(180deg, #9edbf4 0%, #c4cdff 100%) 0% 0% no-repeat padding-box;
  margin-bottom: 85px;
  margin-top: 40px;
}

@property --angle {
  syntax: "<angle>";
  initial-value: 0deg;
  inherits: false;
}

.news-card-box {
  display: flex;
  border: 1px solid #6969692b;
  border-radius: 15px;
  padding: 15px 20px;
  background: white;
  flex-direction: column;
  justify-content: center;
  align-items: baseline;
  position: relative;
}

.news-card-box h4 {
  font-size: 17px;
  font-weight: 600;
  margin-bottom: 10px;
}

.news-card-box h4 {
  margin-bottom: 0px;
  color: #0e318a;
}

.news-card-box p {
  width: 200px;
  text-align: left;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 14px;
}

.news-card-box::before,
.news-card-box::after {
  content: "";
  position: absolute;
  inset: -0.2rem;
  z-index: -1;
  background: linear-gradient(var(--angle), #3c608d, #C3F2FF, #ffffff);
  animation: rotate 6s linear infinite;
  border-radius: 15px;
}

.news-card-box::after {
  filter: blur(10px);
}

@keyframes rotate {
  0% {
    --angle: 0deg;
  }

  100% {
    --angle: 360deg;
  }
}

button.know-more-btn {
  padding: 3px 17px;
  background: darkslateblue;
  color: white;
  font-size: 14px;
  border: none;
  border-radius: 5px;
}

.member-btn button {
  border-radius: 36px;
  padding: 6px 18px;
  font-size: 13px;
  background: white;
  border: none;
}

.member-btn button a {
  color: #213587;
  font-weight: 700;
}

.already-btn-txt a {
  margin-top: 10px;
  position: absolute;
  color: white;
  text-decoration: underline;
  font-size: 14px;
}

.member-btn {
  margin-top: 40px;
}

.about-ibai-content-cover h6 {
  font-weight: 800;
  font-size: 30px;
}

.team-content-info {
  height: 0;
  overflow: hidden;
  transition: height 0.4s ease;

}

.item:hover .team-content-info {
  height: 110px;
}

.team-content-info p {
  font-size: 14px;
  margin-bottom: 8px;
}

.our-team-cover {
  margin-bottom: 50px;
}

.hide-txt {
  background: #ffffff;
  width: 600px;
  position: absolute;
  bottom: 0px;
  right: 0;
  height: 28px;
  z-index: 99999999999;
}


/* General styles for the table container */
.broker-table-container {
  margin-top: 20px;
  max-width: 100%;
  overflow-x: auto;
  /* For handling responsiveness */
  background-color: #fff;
  padding: 10px;

}

/* Table styles */
.broker-table-container table {
  width: 100%;
  border-collapse: collapse;
  font-family: 'Arial', sans-serif;
  font-size: 14px;
  color: #333;
  border-radius: 8px;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
  border-radius: 5px;
  overflow: hidden;
}

.broker-table-container thead {
  background-color: #f5f5f5;
}

.broker-table-container th,
td {
  padding: 12px;
  text-align: left;
  border-bottom: 1px solid #ddd;
}

.broker-table-container th {
  font-weight: bold;
  color: #444;
}

.broker-table-container td {
  color: #666;
  background-color: #f9f9f9;
}

/* Table row hover effect */
.broker-table-container tbody tr:hover {
  background-color: #f1f1f1;
  transition: background-color 0.3s ease-in-out;
}

.loader {
  width: 100px;
  margin: 0 auto;
  aspect-ratio: 1;
  border-radius: 50%;
  background: radial-gradient(farthest-side, #3230a1 94%, #0000) top / 8px 8px no-repeat, conic-gradient(#0000 30%, #311d71);
  -webkit-mask: radial-gradient(farthest-side, #0000 calc(100% - 8px), #000 0);
  animation: l13 1s infinite linear;
  display: flex;
  margin-top: 35vh;
}

.loader-main-cover-wrapper {
  position: fixed;
  width: 100vw;
  height: 100vh;
  top: 0;
  background: white;
  z-index: 999999;
}

.publications-card-box {
  box-shadow: 0px 3px 6px #00000029;
  padding: 15px 20px;
  border-radius: 15px;
  margin-top: 15px;
}

.publications-card-box button {
  background: transparent linear-gradient(102deg, #0867B1 0%, #242679 100%) 0% 0% no-repeat padding-box;
  color: white !important;
  padding: 5px 20px !important;
  border-radius: 8px;
  font-size: 14px !important;
  border: none;
  margin: 0 auto;
  margin-top: 13px;
  display: flex;
  text-transform: uppercase;
}

.publications-card-box button a {
  color: white;
  font-weight: 700;
  font-size: 12px;
}

.pubcliation-hero-title h4 {
  font-weight: 800;
  font-size: 30px;
  margin: 45px;
  color: #1154a1;
}

.publication-inner-header h6 {
  font-size: 25px;
  color: #1154a1;
  margin-top: 30px;
  font-weight: 700;
}

.publication-inner-cover-wrapper {
  margin-bottom: 90px;
}

.webinars-card-box {
  box-shadow: 0px 3px 6px #00000029;
  padding: 20px;
  border-radius: 10px;
  margin-bottom: 30px;
}

.webinars-card-content-cover p {
  color: #1154a1;
  font-size: 16px;
  font-weight: 700;
}

.webinars-button {
  background: transparent linear-gradient(102deg, #0867B1 0%, #242679 100%) 0% 0% no-repeat padding-box;
  color: white !important;
  padding: 5px 33px !important;
  border-radius: 32px;
  font-size: 14px !important;
  width: fit-content;
}

.webinars-img-box-cover img {
  overflow: hidden;
  border-radius: 15px;
}

.gallery-card-box-cover h5 {
  background: #194190;
  padding: 10px 15px;
  font-size: 16px;
  padding-top: 30px;
  margin-top: -20px;
  border-bottom-right-radius: 25px;
  border-bottom-left-radius: 25px;
  color: white;
  text-align: center;
}


@keyframes l13 {
  100% {
    transform: rotate(1turn)
  }
}

/* Make the table responsive for smaller screens */
@media (max-width: 768px) {
  .broker-table-container table {
    font-size: 12px;
  }

  .broker-table-container th,
  td {
    padding: 8px;
  }
}

.broker-address {
  max-width: 280px !important;
  white-space: nowrap;
  /* Prevents text from wrapping to next line */
  overflow: hidden;
  /* Hides overflow content */
  text-overflow: ellipsis;
  /* Shows '...' when text overflows */
}


.nav-left-link {
  color: white;
  margin-right: 10px;
  cursor: pointer;
  font-size: 13px;
}

.left-side-bar li {
  border-right: 2px solid white;
}

.top-header {
  background: #174594;
  color: white;
  padding: 6px;
}

.top-header-text a {
  color: white;
  font-size: 13px;
}

.top-header-social-cover li {
  float: left;
  margin-left: 18px;
  list-style: none;
}

.top-header-social-cover li a i {
  color: white;
}

/* Animation keyframes */
@keyframes fadeInUp {
  0% {
    opacity: 0;
    transform: translateY(20px) scale(0.98);
  }

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

@keyframes fadeOutDown {
  0% {
    opacity: 1;
    transform: translateY(0) scale(1);
  }

  100% {
    opacity: 0;
    transform: translateY(20px) scale(0.98);
  }
}

/* Animation classes */
.fade-in {
  animation: fadeInUp 0.6s ease-out forwards;
}

.fade-out {
  animation: fadeOutDown 0.5s ease-in forwards;
}



/* CUSTOM MASKOT----- */

/* button css */
.botIcon {
  bottom: 15px;
  right: 84px;
  position: fixed;
  z-index: 9999;
}

.iconInner img {
  width: 100%;
  box-shadow: 0px 0px 12px 3px lightgray;
  border-radius: 50%;
  border: 2px solid #483d8b52;
  height: 53px !IMPORTANT;
}

.iconInner {
  -webkit-align-items: center;
  -ms-align-items: center;
  align-items: center;

  background-position: 50%;
  background-size: 300%;
  border-radius: 50%;
  color: #fff;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  font-size: 1.7em;
  height: 2em;
  justify-content: center;
  width: 2em;
}

.botSubject,
.messages,
.showBotSubject .botIconContainer,
.showMessenger .botIconContainer {
  display: none;
}

.botIcon .Messages,
.botIcon .Messages_list {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
}

.chat_close_icon {
  color: #fff;
  cursor: pointer;
  font-size: 16px;
  position: absolute;
  right: 12px;
  z-index: 9;
}

.chat_on {
  background-color: #8a57cf;
  bottom: 20px;
  border-radius: 50%;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12) !important;
  color: #fff;
  cursor: pointer;
  display: block;
  height: 45px;
  padding: 9px;
  position: fixed;
  right: 15px;
  text-align: center;
  width: 45px;
  z-index: 10;
}

.chat_on_icon {
  color: #fff;
  font-size: 25px;
  text-align: center;
}

.botIcon .Layout {
  -webkit-animation: appear 0.15s cubic-bezier(0.25, 0.25, 0.5, 1.1);
  -ms-animation: appear 0.15s cubic-bezier(0.25, 0.25, 0.5, 1.1);
  animation: appear 0.15s cubic-bezier(0.25, 0.25, 0.5, 1.1);
  -webkit-animation-fill-mode: forwards;
  -ms-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  background-color: rgb(63, 81, 181);
  bottom: 20px;
  border-radius: 10px;
  box-shadow: 5px 0 20px 5px rgba(0, 0, 0, 0.1);
  box-sizing: content-box !important;
  color: rgb(255, 255, 255);
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  max-height: 30px;
  max-width: 300px;
  min-width: 50px;
  opacity: 0;
  pointer-events: auto;
  position: fixed;
  -webkit-transition: right 0.1s cubic-bezier(0.25, 0.25, 0.5, 1),
    bottom 0.1s cubic-bezier(0.25, 0.25, 0.5, 1),
    min-width 0.2s cubic-bezier(0.25, 0.25, 0.5, 1),
    max-width 0.2s cubic-bezier(0.25, 0.25, 0.5, 1),
    min-height 0.2s cubic-bezier(0.25, 0.25, 0.5, 1),
    max-height 0.2s cubic-bezier(0.25, 0.25, 0.5, 1),
    border-radius 50ms cubic-bezier(0.25, 0.25, 0.5, 1) 0.15s,
    background-color 50ms cubic-bezier(0.25, 0.25, 0.5, 1) 0.15s,
    color 50ms cubic-bezier(0.25, 0.25, 0.5, 1) 0.15s;
  -ms-transition: right 0.1s cubic-bezier(0.25, 0.25, 0.5, 1),
    bottom 0.1s cubic-bezier(0.25, 0.25, 0.5, 1),
    min-width 0.2s cubic-bezier(0.25, 0.25, 0.5, 1),
    max-width 0.2s cubic-bezier(0.25, 0.25, 0.5, 1),
    min-height 0.2s cubic-bezier(0.25, 0.25, 0.5, 1),
    max-height 0.2s cubic-bezier(0.25, 0.25, 0.5, 1),
    border-radius 50ms cubic-bezier(0.25, 0.25, 0.5, 1) 0.15s,
    background-color 50ms cubic-bezier(0.25, 0.25, 0.5, 1) 0.15s,
    color 50ms cubic-bezier(0.25, 0.25, 0.5, 1) 0.15s;
  transition: right 0.1s cubic-bezier(0.25, 0.25, 0.5, 1),
    bottom 0.1s cubic-bezier(0.25, 0.25, 0.5, 1),
    min-width 0.2s cubic-bezier(0.25, 0.25, 0.5, 1),
    max-width 0.2s cubic-bezier(0.25, 0.25, 0.5, 1),
    min-height 0.2s cubic-bezier(0.25, 0.25, 0.5, 1),
    max-height 0.2s cubic-bezier(0.25, 0.25, 0.5, 1),
    border-radius 50ms cubic-bezier(0.25, 0.25, 0.5, 1) 0.15s,
    background-color 50ms cubic-bezier(0.25, 0.25, 0.5, 1) 0.15s,
    color 50ms cubic-bezier(0.25, 0.25, 0.5, 1) 0.15s;
  z-index: 999999999;
}

.botIcon .Layout-open {
  border-radius: 10px;
  color: #fff;
  height: 500px;
  max-height: 500px;
  max-width: 300px;
  overflow: hidden;
  -webkit-transition: right 0.1s cubic-bezier(0.25, 0.25, 0.5, 1),
    bottom 0.1s cubic-bezier(0.25, 0.25, 0.5, 1.1),
    min-width 0.2s cubic-bezier(0.25, 0.25, 0.5, 1.1),
    max-width 0.2s cubic-bezier(0.25, 0.25, 0.5, 1.1),
    max-height 0.2s cubic-bezier(0.25, 0.25, 0.5, 1.1),
    min-height 0.2s cubic-bezier(0.25, 0.25, 0.5, 1.1),
    border-radius 0ms cubic-bezier(0.25, 0.25, 0.5, 1.1),
    background-color 0ms cubic-bezier(0.25, 0.25, 0.5, 1.1),
    color 0ms cubic-bezier(0.25, 0.25, 0.5, 1.1);
  -ms-transition: right 0.1s cubic-bezier(0.25, 0.25, 0.5, 1),
    bottom 0.1s cubic-bezier(0.25, 0.25, 0.5, 1.1),
    min-width 0.2s cubic-bezier(0.25, 0.25, 0.5, 1.1),
    max-width 0.2s cubic-bezier(0.25, 0.25, 0.5, 1.1),
    max-height 0.2s cubic-bezier(0.25, 0.25, 0.5, 1.1),
    min-height 0.2s cubic-bezier(0.25, 0.25, 0.5, 1.1),
    border-radius 0ms cubic-bezier(0.25, 0.25, 0.5, 1.1),
    background-color 0ms cubic-bezier(0.25, 0.25, 0.5, 1.1),
    color 0ms cubic-bezier(0.25, 0.25, 0.5, 1.1);
  transition: right 0.1s cubic-bezier(0.25, 0.25, 0.5, 1),
    bottom 0.1s cubic-bezier(0.25, 0.25, 0.5, 1.1),
    min-width 0.2s cubic-bezier(0.25, 0.25, 0.5, 1.1),
    max-width 0.2s cubic-bezier(0.25, 0.25, 0.5, 1.1),
    max-height 0.2s cubic-bezier(0.25, 0.25, 0.5, 1.1),
    min-height 0.2s cubic-bezier(0.25, 0.25, 0.5, 1.1),
    border-radius 0ms cubic-bezier(0.25, 0.25, 0.5, 1.1),
    background-color 0ms cubic-bezier(0.25, 0.25, 0.5, 1.1),
    color 0ms cubic-bezier(0.25, 0.25, 0.5, 1.1);
  width: 100%;
}

.botIcon .Layout-expand {
  display: none;
  height: 400px;
  max-height: 100vh;
  min-height: 300px;
  right: 68px;
  top: 106px;
}

.showBotSubject.botIcon .Layout-expand {
  display: block;
}

.botIcon .Layout-mobile {
  bottom: 10px;
}

.botIcon .Layout-mobile.Layout-open {
  min-width: calc(100% - 20px);
  width: calc(100% - 20px);
}

.botIcon .Layout-mobile.Layout-expand {
  border-radius: 0 !important;
  bottom: 0;
  height: 100%;
  min-height: 100%;
  min-width: 100%;
  width: 100%;
}

.botIcon .Messenger_messenger {
  height: 100%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  position: relative;
  width: 100%;
}

.botIcon .Messenger_header,
.botIcon .Messenger_messenger {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.botIcon .Messenger_header {
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: rgb(72 61 139);
  color: rgb(255, 255, 255);
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  height: 40px;
  padding-left: 13px;
  padding-right: 40px;
}

.botIcon .Messenger_header h4 {
  -webkit-animation: slidein 0.15s 0.3s;
  -ms-animation: slidein 0.15s 0.3s;
  animation: slidein 0.15s 0.3s;
  -webkit-animation-fill-mode: forwards;
  -ms-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  font-size: 16px;
  opacity: 0;
}

.botIcon .Messenger_prompt {
  font-size: 16px;
  font-weight: 400;
  line-height: 18px;
  margin: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.botIcon .Messenger_content {
  background-color: #fff;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  height: 80px;
}

.botIcon .Messages {
  background-color: #fff;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-shrink: 1;
  -ms-flex-negative: 1;
  flex-shrink: 1;
  overflow-x: hidden;
  overflow-y: auto;
  padding: 10px;
  position: relative;
  -webkit-overflow-scrolling: touch;
}

.botIcon .Input {
  background-color: #fff;
  border-top: 1px solid #e6ebea;
  color: #96aab4;
  -webkit-box-flex: 0;
  -webkit-flex-grow: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  padding-bottom: 15px;
  padding-top: 17px;
  position: relative;
  width: 100%;
}

.botIcon .Input-blank .Input_field {
  max-height: 20px;
}

.botIcon .Input_field {
  background-color: transparent;
  border: none;
  outline: none;
  padding-left: 20px;
  padding-right: 45px;
  resize: none;
  width: 100%;
  font-size: 14px;
  line-height: 20px;
  min-height: 20px !important;
}

.botIcon .Input_button-emoji {
  right: 45px;
}

.botIcon .Input_button {
  background-color: transparent;
  border: none;
  bottom: 15px;
  cursor: pointer;
  height: 25px;
  outline: none;
  padding: 0;
  position: absolute;
  width: 25px;
}

.botIcon .Input_button-send {
  right: 15px;
}

.botIcon .Input-emoji .Input_button-emoji .Icon,
.botIcon .Input_button:hover .Icon {
  -webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
  -webkit-transition: all 0.1s ease-in-out;
  -ms-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out;
}

.botIcon .Input-emoji .Input_button-emoji .Icon path,
.botIcon .Input_button:hover .Icon path {
  fill: #2c2c46;
}

.Icon svg {
  height: auto;
  width: 100%;
}

.msg {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.msg.user {
  -webkit-box-direction: row-reverse;
  -webkit-flex-direction: row-reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
}

.msg+.msg {
  margin-top: 15px;
}

span.responsText {
  color: #000;
  display: inline-block;
  margin-left: 10px;
  vertical-align: top;
  max-width: calc(100% - 50px);
}

.msg.user span.responsText {
  margin-left: 0;
  margin-right: 10px;
}

span.avtr {
  display: inline-block;
  width: 30px;
}

span.avtr figure {
  background-color: #ccc;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 50%;
  display: block;
  margin: 0;
  padding-bottom: 100%;
}

.sare-btn i {
  color: white;
  font-size: 25px;
}

@-webkit-keyframes appear {
  0% {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
  }

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

@-ms-keyframes appear {
  0% {
    opacity: 0;
    -ms-transform: scale(0);
    transform: scale(0);
  }

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

@keyframes appear {
  0% {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
  }

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

@-webkit-keyframes slidein {
  0% {
    opacity: 0;
    -webkit-transform: translateX(10px);
    transform: translateX(10px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@-ms-keyframes slidein {
  0% {
    opacity: 0;
    -ms-transform: translateX(10px);
    transform: translateX(10px);
  }

  100% {
    opacity: 1;
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes slidein {
  0% {
    opacity: 0;
    -webkit-transform: translateX(10px);
    transform: translateX(10px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@media only screen and (max-width: 412px) {
  .botIcon .Layout-open {
    width: 250px;
  }
}

.chat_close_icon {
  color: #fff;
  cursor: pointer;
  font-size: 16px;
  position: absolute;
  right: 12px;
  top: 10px;
  /* Ensure it's positioned correctly */
  z-index: 9;
}

.blog-main-banner img {
  width: 100%;
}

/* ABout us section ------------------------ */

.about-hero-section-main-cover-wrapper {
  background-image: url("./image/building-bg-image.jpg");
  background-position: center;
  background-size: cover;
  padding: 125px 0px;
}

.about-hero-title h4 {
  font-size: 35px;
  color: white;
}

.member-profile-details {
  text-align: center;
  padding: 15px 0;
  background: #1d2c80;
  color: #fff;
  position: absolute;
  width: 100%;
  bottom: 0;
  border-radius: 22px;
  padding-bottom: 0px;
}

.member-profile-box {
  margin-bottom: 20px;
  position: relative;
  border-radius: 15px;
  overflow: hidden;
}

.member-profile-details p {
  color: #77C3EC;
  /* margin: 14px 0; */
  margin-bottom: 0px;
  padding: 6px;
  background: #1d2c80;
  color: white;
  border-radius: 24px;
  font-size: 13px;
  font-weight: 800;
}

.member-profile-details {
  text-align: center;
  padding: 5px 0;
  background: rgba(255, 255, 255, 0.1);
  color: #fff;
  position: absolute;
  width: 100%;
  bottom: 0;
  border-radius: 22px;
  padding-bottom: 4px;
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border: 1px solid rgba(255, 255, 255, 0.2);
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.2);
  margin-bottom: 2px;
}

.member-profile-name {
  font-size: 15px;
  font-weight: 600;
  margin-bottom: 9px;
}

.breadcrumbs-wrapper h3 {
  margin: 25px 0px;
  font-weight: bold;
  text-align: center;
  color: #1d2c80;
}

.about-history-main-cover-wrapper {
  padding: 50px 0px;
  background: white;
}

.about-history-cover-wrapper h6 {
  color: darkslateblue;
  font-weight: 700;
  font-size: 25px;
}

.moa-card-cover-wrapper {
  padding: 15px 5px;
  border-radius: 15px;
  box-shadow: 0px 3px 6px #00000029;
  margin-bottom: 15px;
}

.pdf-icon-box img {
  width: 80%;
  margin: 0 auto;
  display: flex;
  margin-top: 10px;
}

.top-header-social-cover {
  display: flex;
}

.left-side-bar {
  display: flex;
}

.search-input-box input {
  padding: 1px 11px;
  border-radius: 15px;
  border: none;
  font-size: 14px;
  margin-top: 1px;
}

.moa-card-cover-box button {
  background: transparent linear-gradient(102deg, #0867B1 0%, #242679 100%) 0% 0% no-repeat padding-box;
  color: white !important;
  padding: 6px 16px !important;
  border-radius: 5px;
  font-size: 12px;
  border: none;
}

.moa-card-cover-box button a {
  color: white;
  font-weight: 700;
}

.moa-card-cover-box h5 a {
  font-weight: 700;
  color: #212e80;
}

.moa-card-cover-wrapper.recent-activity-box-cover-wrapper {
  padding: 20px 25px;
}

.moa-card-cover-wrapper.recent-activity-box-cover-wrapper button {

  background: transparent linear-gradient(102deg, #0867B1 0%, #242679 100%) 0% 0% no-repeat padding-box;
  color: white !important;
  padding: 6px 16px !important;
  border-radius: 5px;
  font-size: 12px;
  border: none;
}


.moa-card-cover-wrapper.recent-activity-box-cover-wrapper button a {
  color: white;
}

.moa-card-cover-wrapper.recent-activity-box-cover-wrapper h5 {
  font-weight: bold;
  margin-top: 13px;
}

.moa-card-cover-wrapper.recent-activity-box-cover-wrapper p {
  line-height: 24px;
}

.member-profile-wrapper {
  padding: 35px 0px;
}

.about-gif-wrapper-cover-wrapper img {
  width: 90%;
  display: flex;
  margin-left: auto;
}

.blink {
  animation: blinkAnimation 1s infinite;
  color: white;
  margin-right: 12px;
  font-size: 14px;
}

/* contact style csss*/

.contact-left-set {
  display: flex;
  flex-direction: column;
  justify-content: center;
  height: 100%;
}

.contact-detail-box {
  margin-bottom: 0px;
}
.contact-detail-box h4 {
  font-weight: 700;
  color: #284f60;
  margin: 10px 0px;
}
.form-group.frm-cover input {
  /* padding: 24px 12px; */
  border-radius: 10px;
  border: 1px solid #5E8DF7;
  box-shadow: 0px 1px 6px -1px #afafafab;
  color: lightgray !important;
  height: 48px;
  font-size: 13px;
}
.form-group.frm-cover label {
  font-size: 15px;
  padding-bottom: 2px;
  font-weight: 700;
  color: black;
  margin-bottom: 5px;
  margin-left: 8px;
}
.form-group.frm-cover textarea {
  padding: 16px 15px;
  height: 104px;
  border-radius: 10px;
  border: 1px solid #5E8DF7;
  box-shadow: 0px 1px 6px -1px #afafafab;
  font-size: 13px;
}
button.sub-btn {
  padding: 9px 37px;
  border: none;
  border-radius: 7px;
  background-color: black;
  color: white;
  font-weight: 500;
  background: transparent linear-gradient(105deg, #2A3557 0%, #0867B1 100%) 0% 0% no-repeat padding-box;
  font-weight: 700;
  text-transform: uppercase;
  display: flex;
  justify-content: center;
  margin: revert-layer;
}
.contact-form-wrapper h3 {
  color: white;
  padding: 15px 0px;
  font-weight: 600;
}

.contact-form-btn-wrap {
  margin: 0 auto;
}
.frm-cover {
  margin-bottom: 19px !important;
}
.contact-left-set {
  display: flex;
  flex-direction: column;
  justify-content: center;
  height: 100%;
  /* background: var(--color); */
  padding: 0px 25px;
  /* border: 2px solid var(--color); */
  border-radius: 12px;
}
.contact-details-box-icon img {
  width: 60px;
  box-shadow: 0px 0px 10px 0px lightblue;
  padding: 15px;
  border-radius: 50%;
}

.contact-left-set h4 {
  color: #174594;
  font-weight: 600;
  margin-bottom: 24px;
  text-decoration: underline;
}
.contact-form-wrapper-cover {
  padding: 36px 26px;
  background: #ffffff;
  border-radius: 12px;
  margin-top: 0px;
  box-shadow: 0px 3px 30px #50B2FF70;
}
.form-header {
  height: 100%;
  display: flex;
  justify-content: start;
  align-items: center;
  flex-direction: column;
  text-align: center;
  color: #174594;
  margin: 53px 0px;
  margin-bottom: 30px;
}
.form-header p {
  width: 100%;
  margin: 2px auto;
  margin-bottom: 15px;
  font-size: 18px;
  font-weight: 700;
}
.form-header h3 {
  font-weight: 800;
}
/* .contact-detail-box {
  margin-bottom: 30px;
  margin-left: 32px;
}
.contact-details-box-cover {
  display: flex;
} */
.contact-detail-box p a {
  color: black;
  font-weight: 700;
  font-size: 18px;
}
.contact-page-map-header h5 {
  font-weight: 600;
  color: #174594;
}
.contact-page-map-wrapper {
  margin-top: 25px;
}
.contact-main-wrapper {
  height: 100%;
  width: 100%;
  margin: 48px 0px;
}

.form-wrapper {
  margin: 0px 0px;
  background-image: url('image/contact-image.png');
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  background-size: cover;
  padding: 30px 0px;
  background-repeat: no-repeat;
  width: 100%;
  height: 339px;
}


.contact-detail-wraper {
  padding: 38px 0px;
  border-radius: 10px;
  margin: 10px 0px;
}
.form-header h1 {
  font-weight: 800;
}
.contact-form-main-wrapper {
  margin-top: -145px;
}
h3.contact-form-title {
  text-align: center;
  font-weight: 800;
  font-size: 25px;
  margin-bottom: 30px;
}
.contact-details-box-cover {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
}
p.contact-links-cov {
  margin-bottom: 0px;
}
a.view-map {
  font-size: 19px;
  font-weight: 800;
  color: #0867B1;
  text-decoration: underline;
}

.contact-details-mian-cov {
  background-image: url('image/contact-bg-img.png');
  background-size: cover;
  background-position: bottom;
  background-repeat: no-repeat;
  height: 431px;
  margin: 0px 0px;
  padding: 30px 0px;
  margin-bottom: 88px;
}

p.com-para {
  font-weight: 700;
  color: #828282;
}
.contact-detail-box.add-detail-box p {
  font-weight: 700;
}
@media only screen and (min-width: 320px) and (max-width: 479px){

  .form-wrapper {
    margin: 0px 0px;
    background-image: url('image/contact-image.png');
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    background-size: cover;
    padding: 30px 0px;
    background-repeat: no-repeat;
    width: 100%;
    height: 163px;
    background-position: center;
}
.contact-form-main-wrapper {
  margin-top: 22px;
}
.form-header h1 {
  font-weight: 800;
  font-size: 21px;
}
.form-header p {
  width: 100%;
  margin: 2px auto;
  margin-bottom: 15px;
  font-size: 14px;
  font-weight: 700;
}
h3.contact-form-title {
  text-align: center;
  font-weight: 800;
  font-size: 20px;
  margin-bottom: 30px;
}
.contact-form-wrapper-cover {
  padding: 36px 20px;
  background: #ffffff;
  border-radius: 12px;
  margin-top: 0px;
  box-shadow: 0px 3px 30px #50B2FF70;
}
.form-group.frm-cover label {
  font-size: 13px;
  padding-bottom: 2px;
  font-weight: 700;
  color: black;
  margin-bottom: 5px;
  margin-left: 8px;
}
.form-group.frm-cover input {
  /* padding: 24px 12px; */
  border-radius: 10px;
  border: 1px solid #5E8DF7;
  box-shadow: 0px 1px 6px -1px #afafafab;
  color: lightgray !important;
  height: 39px;
  font-size: 12px;
}
button.sub-btn {
  padding: 9px 27px;
  border: none;
  border-radius: 7px;
  background-color: black;
  color: white;
  font-weight: 500;
  background: transparent linear-gradient(105deg, #2A3557 0%, #0867B1 100%) 0% 0% no-repeat padding-box;
  font-weight: 700;
  text-transform: uppercase;
  display: flex;
  justify-content: center;
  margin: revert-layer;
  font-size: 11px;
}
.contact-details-mian-cov {
  background-image: url('image/contact-bg-img.png');
  background-size: cover;
  background-position: bottom;
  background-repeat: no-repeat;
  height: 715px;
  margin: 0px 0px;
  padding: 30px 0px;
  margin-bottom: 76px;
  background-image: none;
}
.contact-details-box-icon img {
  width: 45px;
  box-shadow: 0px 0px 10px 0px lightblue;
  padding: 12px;
  border-radius: 50%;
}
.contact-detail-box h4 {
  font-weight: 700;
  color: #284f60;
  margin: 8px 0px;
  font-size: 16px;
}
.contact-detail-box p a {
  color: black;
  font-weight: 700;
  font-size: 12px;
}
.contact-detail-box.add-detail-box p {
  font-weight: 700;
  font-size: 12px;
}
p.com-para {
  font-weight: 700;
  font-size: 12px;
  color: #828282;
}
.contact-details-box-cover {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
  margin-bottom: 30px;
}
a.view-map {
  font-size: 12px;
  font-weight: 800;
  color: #0867B1;
  text-decoration: underline;
}
.our-mission-wraper-image img {
  height: 100% !important;
  width: auto;
  border-radius: 20px;
}
.about-ibai-top-cov h6 {
  background: #e4e1e182;
  padding: 6px 13px;
  width: fit-content;
  border-radius: 20px;
  font-weight: 700;
  color: #0951a2b8;
  font-size: 10px;
}
.why-glass-card h3 {
  font-size: 15px !important;
}
.why-glass-card p {
  font-size: 14px;
  color: rgb(158 158 158);
  font-weight: 500;
}
table.table.Category-table tr td {
  padding: 18px 3px;
  font-size: 10px;
}
.table thead th {
  vertical-align: bottom;
  border-bottom: 2px solid #dee2e6;
  font-size: 10px;
}

}

@keyframes blinkAnimation {

  0%,
  100% {
    opacity: 1;
  }

  50% {
    opacity: 0;
  }
}





/* about ibai css */

.about-ibai-wraper {
  height: 100%;
  width: 100%;
  margin: 30px 0px;
  margin-top: 66px;
  margin-bottom: 100px;
}
.about-ibai-top-cov h6 {
  background: #e4e1e182;
  padding: 7px 15px;
  width: fit-content;
  border-radius: 20px;
  font-weight: 700;
  color: #0951a2b8;
  font-size: 13px;
}
.about-ibai-top-cov h1 {
  font-size: 34px;
  margin: 15px 0px;
  font-weight: 800;
  color: #0963ad;
}
.about-ibai-top-cov h4 {
  width: 75%;
  font-size: 18px;
}

.our-mission-content-cov {
  box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 3px 0px, rgba(0, 0, 0, 0.06) 0px 1px 2px 0px;
  border-radius: 20px;
  padding: 28px 33px;
  position: relative;
  overflow: hidden;
}
.our-mision-points-box {
  display: flex;
}
.our-mission-content-cov h4 {
  font-weight: 800;
  color: #0b5ea9;
}
.our-mision-points-icon i {
  background: #e5e5e5;
  padding: 11px 11px;
  border-radius: 30px;
  height: 36px;
  width: 34px;
  color: #2a7fcc;
  font-size: 17px;
}
.our-mision-points {
  margin-left: 16px;
}
.our-mision-points h6 {
  color: #0b5ea9;
  font-weight: 600;
  margin-bottom: 0px;
}
.our-mision-points-cov {
  margin-top: 30px;
}

.our-mission-wraper-image img {
  height: 531px;
  width: auto;
  border-radius: 20px;
}

.mission-wraper-image-title {
  position: absolute;
  bottom: 0;
  background: linear-gradient(4deg, #000000a3, transparent);
  height: 169px;
  padding: 33px 28px;
  border-radius: 22px;
  width: 99%;
}
.our-mission-wraper-image-cov {
  position: relative;
}
.mission-wraper-image-title h6 {
  color: white;
  font-size: 23px;
  font-weight: 700;
  text-transform: capitalize;
}
.mission-wraper-image-title p {
  color: white;
}
.our-mision-points p {
  font-size: 15px;
}
.sm1-circle {
  position: absolute;
  height: 185px;
  width: 188px;
  background: #eaeaea;
  bottom: -50px;
  right: -53px;
  border-radius: 50%;
}

.sm-circle {
  position: absolute;
  height: 108px;
  width: 101px;
  background: #0b5ea97a;
  bottom: -24px;
  right: -17px;
  border-radius: 50%;
  z-index: 9999;
}

.diffrence-insurance-broker-main-wraper {
  height: 100%;
  width: 100%;
  background: white !IMPORTANT;
  padding: 30px 0px;
}

table.table.Category-table thead {
  background: #eaeaea !important;
  color: black;
}

table.table.Category-table tr td {
  padding: 18px 3px;
}
table.table.Category-table tr:hover {
  padding: 18px 3px;
  background: #eaeaea !important;
}

.our-mision-points-icon img {
  background: #eaeaea;
  border-radius: 20px;
  padding: 6px;
  height: 34px;
  width: 33px;
}

@media only screen and (min-width: 320px) and (max-width: 479px){

  .left-side-bar {
    display: flex;
    display: none;
}

.hero-content-card-box.hero-card-2 {
  margin-left: -10px;
  margin-top: 50px;
  margin-right: 60px;
}
.hero-content-card-box.hero-card-4 {
  margin-right: 0px;
  margin-left: -10px;
  margin-top: 38px;
}
img {
  max-width: 100%;
  margin-top: 49px;
}

.about-ibai-wraper {
  height: 100%;
  width: 100%;
  margin: 30px 0px;
  margin-top: 31px;
  margin-bottom: 100px;
}
.about-ibai-top-cov h1 {
  font-size: 19px;
  margin: 15px 0px;
  font-weight: 800;
  color: #0963ad;
}
.about-ibai-top-cov h4 {
  width: 100%;
  font-size: 14px;
  margin-bottom: 23px;
}
.our-mission-content-cov {
  box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 3px 0px, rgba(0, 0, 0, 0.06) 0px 1px 2px 0px;
  border-radius: 20px;
  padding: 28px 14px;
  position: relative;
  overflow: hidden;
}
.sm1-circle {
  position: absolute;
  height: 185px;
  width: 188px;
  background: #eaeaea;
  bottom: -50px;
  right: -53px;
  border-radius: 50%;
  display: none;
}
.sm-circle {
  position: absolute;
  height: 108px;
  width: 101px;
  background: #0b5ea97a;
  bottom: -24px;
  right: -17px;
  border-radius: 50%;
  z-index: 9999;
  display: none;
}
.our-mission-content-cov h4 {
  font-weight: 800;
  color: #0b5ea9;
  font-size: 20px;
}
.our-mission-content-cov p {
  font-size: 12px;
}
.our-mision-points-icon img {
  background: #eaeaea;
  border-radius: 20px;
  padding: 3px;
  height: 22px;
  width: 27px;
  margin-top: 0px;
}
.our-mision-points h6 {
  color: #0b5ea9;
  font-weight: 600;
  margin-bottom: 0px;
  font-size: 14px;
}

.tj-service-section-three {
  background: #e1e8f017;
  margin-top: 697px;
}
.mission-wraper-image-title {
  position: absolute;
  bottom: 0;
  background: linear-gradient(4deg, #000000a3, transparent);
  height: 169px;
  padding: 33px 21px;
  border-radius: 22px;
  width: 100%;
}
.mission-wraper-image-title h6 {
  color: white;
  font-size: 17px;
  font-weight: 700;
  text-transform: capitalize;
}
.mission-wraper-image-title p {
  color: white;
  font-size: 13px;
}
h2.insurance-section-title.text-center.aos-init.aos-animate {
  font-size: 20px;
}
span.highlight-text {
  font-weight: 800;
  color: #ffffff;
  background: #1d2c80;
  padding: 5px 25px;
  border-radius: 27px;
  display: flex;
  width: fit-content;
  margin: 0 auto;
  margin-top: 10px;
  font-size: 13px;
}
.service-wrapper-two {
  display: flex;
  flex-direction: column;
  cursor: pointer;
}
.service-style-3 {
  flex-direction: column;
  align-items: start;
  justify-content: start;
  row-gap: 20px;
  padding: 0px 30px;
}
.service-title a {
  font-weight: 700;
  color: #1d2c80;
  font-size: 18px;
}

.diffrence-insurance-broker-main-wraper {
  height: 100%;
  width: 100%;
  margin-top: 36px;
}
}

.why-us-content-box h4 {
  font-weight: 800;
  font-size: 25px;
  color: #444d81;
}
ul.point-box-list {
  margin-left: 0px;
  list-style: circle;
  margin-top: 19px;
}
ul.point-box-list li {
  margin-bottom: 17px;
}

.why-us-points-icon i {
  background: #e5e5e5;
  padding: 6px 7px;
  border-radius: 30px;
  height: 21px;
  width: 21px;
  color: darkblue;
  font-size: 9px;
  margin-top: 5px;
}
.why-us-points-icon {
  margin-right: 11px;
}
.why-us-ibai-main-wraper {
  height: 100%;
  width: 100%;
  margin: 50px 0px;
  margin-bottom: 150px;
}

.why-us-content-wraper {
  display: flex;
  justify-content: space-between;
  height: 100%;
  width: 116%;
  background-size: cover;
  background-position: center;
}
.why-us-content-wraper img {
  width: 78%;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  border-radius: 20px;
  background-position: center center !important;
}

.our-team-wraper {
  margin-top: 355px;
}

.why-us-content-box {
  display: flex;
  flex-direction: column;
  justify-content: center;
  height: 100%;
  width: 100%;
}
ul.point-box-list li {
  font-size: 17px;
}

.why-us-content-box {
  height: 100%;
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: end;
}