@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

@import url('https://cdn.jsdelivr.net/npm/bootstrap-icons@1.3.0/font/bootstrap-icons.css');

body {
  h1,
  h3 {
    font-family: 'Poppins', sans-serif;
    font-weight: 600;
  }
}
.top-navmenu a:hover {
  text-decoration: none;
  color: #0089b7;
  border-bottom: 3px solid #0089b7;
}

.herobanner-bg {
  height: 100%;
  width: 100%;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}

.hiw-bg {
  background: url('/assets/images/hiw-bg-icon.svg');
  height: 100%;
  width: 100%;
  background-size: contain;
  background-position: left center;
  background-repeat: no-repeat;
}

.box-sm1::before {
  content: '';
  width: 52%;
  height: 16%;
  background-size: contain;
  position: absolute;
  left: -16px;
  top: -17px;
  background-image: url(../images/round1.svg);
  background-repeat: no-repeat;
}
.box-sm2::before {
  content: '';
  width: 52%;
  height: 16%;
  background-size: contain;
  position: absolute;
  left: -16px;
  top: -17px;
  background-image: url(../images/round2.svg);
  background-repeat: no-repeat;
}
.box-sm3::before {
  content: '';
  width: 52%;
  height: 16%;
  background-size: contain;
  position: absolute;
  left: -16px;
  top: -17px;
  background-image: url(../images/round3.svg);
  background-repeat: no-repeat;
}
.main-box::before {
  content: url(../images/box-arrow-1.svg);
  width: 100%;
  background-size: contain;
  position: relative;
  left: 165px;
}
.main-box::after {
  content: url(../images/box-arrow-2.svg);
  width: 100%;
  background-size: contain;
  position: relative;
  left: 50%;
  top: 14px;
}

@media (max-width: 1023px) {
    .main-box::before{
        left: 0;
    }
    .main-box::after{
        left: 0;
    }
    .gap-x-8 {
        column-gap: 0 !important;
    }
}
.lftbx {
  background-color: #00bea2;
  height: 100%;
  width: 45%;
  position: absolute;
  border-radius: 0 250px 0 0;
}
.wu-bg {
  height: 100%;
  width: 100%;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}

.framebox {
  width: 100%;
  margin: auto;
  padding-top: 10px;
}

.item-card {
  min-height: 509px;
  /*box-shadow: 0px 4px 10px 0px #0000001f;*/
}
.owl-prev,
.owl-next {
  font-size: 30px;
  color: rgb(0, 0, 0);
  border: 0;
  margin: 7px;
}

.owl-prev:hover,
.owl-next:hover,
.owl-prev:focus,
.owl-next:focus {
  outline: none;
}

.owl-item {
  border-radius: 10px;
  border: 1px solid #e7e7f1;
  padding: 10px;
  background-color: #fff;
    transition: 0.4s ease-in-out;
    -webkit-transition: 0.4s ease-in-out;
    -ms-transition: 0.4s ease-in-out;
    -moz-transition: 0.4s ease-in-out;
}

.owl-item li a{
    text-decoration: none;
}

.owl-item li a img{
    height: 50px;
    width: 50px;
    margin-right: auto;
    margin-left: auto;
}

/*.owl-item:hover {
    webkit-box-shadow: 0px 14px 40px var(--Ev400, rgba(30, 10, 58, 0.1)), 0px 6px 12px var(--Ev100, rgba(30, 10, 58, 0.04)) !important;
    box-shadow: 0px 14px 40px var(--Ev400, rgba(30, 10, 58, 0.1)), 0px 6px 12px var(--Ev100, rgba(30, 10, 58, 0.04)) !important;
}*/

.owl-item:hover {	
    box-shadow: 0 0 20px rgb(0 0 0 / 10%);
    /*border: 0;*/
    border-bottom: 1px solid #fff;
    border-color: #0089b7;
}

.item:hover {
  text-decoration-line: none;
}
.owl-carousel .owl-dots.disabled,
.owl-carousel .owl-nav.disabled {
  display: block;
  margin-top: 10px;
}

body .owl-carousel .owl-dots.disabled,
body .owl-carousel .owl-nav.disabled {
  display: block;
}
.owl-carousel .owl-nav {
  position: absolute;
  right: 0;
  top: -128px;
}
.owl-dot {
  display: none;
}

.franchise-list ul li i {
  color: #0089b7;
}
.ab {
  background-color: #00bea2;
  border-radius: 50%;
  height: 600px;
  width: 600px;
  position: absolute;
  bottom: -250px;
  left: -65px;
}

.tabBlock-pane {
  width: 40rem;
  height: 110px;
}

.is-active {
  border-bottom: 3px solid #ffff;
}

.jobint img{
    margin-right: auto;
    margin-left: auto;
}

@media only screen and (max-width: 600px) {
  .main-box::before,
  .main-box::after {
    display: none;
  }
}