/* ================================================ */
/* Universal css for page reset setting start */
/* ================================================ */

*,
::after,
::before {
  padding: 0px;
  margin: 0px;
  box-sizing: border-box;
}

/* ================================================ */
/* Universal css for page reset setting end */
/* ================================================ */

/* ============================== */
/* website basic css start */
/* ============================== */

html {
  font-size: 62.5%;
}

body {
  font-family: "Poppins", "Jost";
  font-size: 1.6rem;
  font-weight: 400;
  line-height: 1.5;
  color: #000000;
  background-color: #ffffff;
  /* user-select: none; */
  /* overflow-x: hidden !important;
  overflow-y: auto !important; */
  padding-right: 0 !important;
}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  margin: 0;
}

/* input[type="date"]::-webkit-inner-spin-button,
input[type="date"]::-webkit-calendar-picker-indicator {
  display: none;
  -webkit-appearance: none;
} */

input[type="date"]::-webkit-calendar-picker-indicator {
  background: transparent;
  bottom: 0;
  color: transparent;
  cursor: pointer;
  height: auto;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  width: auto;
}

/* ============================== */
/* website basic css end */
/* ============================== */

/* =================================== */
/* website custom classes start */
/* =================================== */

.font-poppins {
  font-family: "Poppins" !important;
}

.font-jost {
  font-family: "Jost" !important;
}

.sectionheading .smallheading {
  color: #01b0cb;
  margin-bottom: 5px;
  font-size: 1.8rem;
}

.sectionheading .boldheading {
  font-family: "jost";
  font-weight: 600;
}

.fw-600 {
  font-weight: 600;
}

.fw-400 {
  font-weight: 400;
}

.fw-500 {
  font-weight: 500;
}

.w-55 {
  width: 55%;
}

section {
  margin: 50px 0px;
  padding: 30px 0px;
}

.f-error {
  position: absolute;
  font-size: 14px;
  left: 1px;
  bottom: -6px;
  margin: 0;
  color: red;
}

.noafterbefore::before,
.noafterbefore::after {
  content: none !important;
}

.btn-black {
  background-image: linear-gradient(to right, #000000, #474747);
  border-radius: 0px;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  -ms-border-radius: 0px;
  -o-border-radius: 0px;
  font-size: 1.6rem;
  color: #ffffff;
  border: none;
  box-shadow: none;
  outline: none;
  padding: 10px 20px;
}

.btn-black:hover {
  color: #ffffff;
}

.scrollheaderbg {
  background-color: #d8f8fc !important;
}

/* =================================== */
/* website custom classes end */
/* =================================== */

/* ========================================= */
/* button text split animation start */
/* ========================================= */

.mybutton {
  border-radius: 0px;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  -ms-border-radius: 0px;
  -o-border-radius: 0px;
  border-radius: 0.1875rem;
  background: #0df;
  padding: 8px 40px 8px 25px !important;
  position: relative;
}

.mybutton:hover {
  border-radius: 0px;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  -ms-border-radius: 0px;
  -o-border-radius: 0px;
  border-radius: 0.1875rem;
  background: #0df;
  padding: 8px 40px 8px 25px !important;
  position: relative;
}

.mybutton1 {
  border-radius: 0px;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  -ms-border-radius: 0px;
  -o-border-radius: 0px;
  border-radius: 0.1875rem;
  background: #00b0cb;
  padding: 8px 40px 8px 25px !important;
  position: relative;
}

.mybutton1:hover {
  border-radius: 0px;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  -ms-border-radius: 0px;
  -o-border-radius: 0px;
  border-radius: 0.1875rem;
  background: #00b0cb;
  padding: 8px 40px 8px 25px !important;
  position: relative;
}

.mybutton + i,
.mybutton + svg {
  position: absolute;
  color: #ffffff;
  font-size: 1.3rem;
  top: 45%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  right: 20px;
}

.mybutton1 + i,
.mybutton1 + svg {
  position: absolute;
  color: #ffffff;
  font-size: 1.3rem;
  top: 45%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  right: 20px;
}

.mybutton {
  --font-size: 25px;
  --duration: 0.44s;
  --font-shadow: var(--font-size);
  /* line-height: var(--font-size); */
  display: block;
  font-size: var(--font-size);
  transform: translateY(-4px) translateZ(0);
  transition: transform var(--duration) ease, box-shadow var(--duration) ease;
  -webkit-transform: translateY(-4px) translateZ(0);
  -moz-transform: translateY(-4px) translateZ(0);
  -ms-transform: translateY(-4px) translateZ(0);
  -o-transform: translateY(-4px) translateZ(0);
  -webkit-transition: transform var(--duration) ease,
    box-shadow var(--duration) ease;
  -moz-transition: transform var(--duration) ease,
    box-shadow var(--duration) ease;
  -ms-transition: transform var(--duration) ease,
    box-shadow var(--duration) ease;
  -o-transition: transform var(--duration) ease, box-shadow var(--duration) ease;
}

.mybutton1 {
  --font-size: 25px;
  --duration: 0.44s;
  --font-shadow: var(--font-size);
  /* line-height: var(--font-size); */
  display: block;
  font-size: var(--font-size);
  transform: translateY(-4px) translateZ(0);
  transition: transform var(--duration) ease, box-shadow var(--duration) ease;
  -webkit-transform: translateY(-4px) translateZ(0);
  -moz-transform: translateY(-4px) translateZ(0);
  -ms-transform: translateY(-4px) translateZ(0);
  -o-transform: translateY(-4px) translateZ(0);
  -webkit-transition: transform var(--duration) ease,
    box-shadow var(--duration) ease;
  -moz-transition: transform var(--duration) ease,
    box-shadow var(--duration) ease;
  -ms-transition: transform var(--duration) ease,
    box-shadow var(--duration) ease;
  -o-transition: transform var(--duration) ease, box-shadow var(--duration) ease;
}

.mybutton div {
  display: flex;
  overflow: hidden;
  text-shadow: 0 var(--font-shadow) 0 #ffffff;
}

.mybutton div span {
  display: block;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  font-style: normal;
  transition: transform var(--duration) ease;
  transform: translateY(var(--m)) translateZ(0);
  -webkit-transform: translateY(var(--m)) translateZ(0);
  -moz-transform: translateY(var(--m)) translateZ(0);
  -ms-transform: translateY(var(--m)) translateZ(0);
  -o-transform: translateY(var(--m)) translateZ(0);
}

/* .mybutton:hover span {
  --m: calc(var(--font-size) * -1);
} */

/* .mybutton div span:nth-child(1) {
  transition-delay: 0.05s;
}

.mybutton div span:nth-child(2) {
  transition-delay: 0.1s;
}

.mybutton div span:nth-child(3) {
  transition-delay: 0.15s;
}

.mybutton div span:nth-child(4) {
  transition-delay: 0.2s;
}

.mybutton div span:nth-child(5) {
  transition-delay: 0.25s;
}

.mybutton div span:nth-child(6) {
  transition-delay: 0.3s;
}

.mybutton div span:nth-child(7) {
  transition-delay: 0.35s;
}

.mybutton div span:nth-child(8) {
  transition-delay: 0.4s;
}

.mybutton div span:nth-child(9) {
  transition-delay: 0.45s;
}

.mybutton div span:nth-child(10) {
  transition-delay: 0.5s;
}

.mybutton div span:nth-child(11) {
  transition-delay: 0.55s;
} */

/* ========================================= */
/* button text split animation end */
/* ========================================= */

/* ========================================= */
/* Image shine css animation start */
/* ========================================= */

figure {
  margin: 0;
  padding: 0;
  background: transparent;
  overflow: hidden;
}

figure {
  position: relative;
}

figure::before {
  position: absolute;
  top: 0;
  left: -90%;
  z-index: 2;
  display: block;
  content: "";
  width: 50%;
  height: 100%;
  background: -webkit-linear-gradient(
    left,
    rgba(255, 255, 255, 0) 0%,
    rgba(255, 255, 255, 0.3) 100%
  );
  background: linear-gradient(
    to right,
    rgba(255, 255, 255, 0) 0%,
    rgba(255, 255, 255, 0.3) 100%
  );
  -webkit-transform: skewX(-25deg);
  transform: skewX(-25deg);
}

figure:hover::before {
  -webkit-animation: shine 0.75s;
  animation: shine 0.75s;
}

@-webkit-keyframes shine {
  100% {
    left: 125%;
  }
}

@keyframes shine {
  100% {
    left: 125%;
  }
}

/* ========================================= */
/* Image shine css animation end */
/* ========================================= */

/* ================================= */
/* Blur Effect blocks css start */
/* ================================= */

.blur-bg-blocks {
  overflow-x: hidden;
  overflow-y: hidden;
}

.blur-bg-set {
  overflow: hidden;
}

.blur-bg {
  z-index: -1;
  border-radius: 50%;
  position: absolute;
  width: 500px;
  height: 400px;
  filter: blur(150px);
  -webkit-filter: blur(150px);
  opacity: 20%;
}

.blur-bg-a {
  left: 25%;
  top: -10%;
  background-image: linear-gradient(to right, #0000ff 100%, #0700ff 100%);
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
}

.blur-bg-b {
  background-image: linear-gradient(to right, #0000ff 100%, #0700ff 100%);
  margin: 0 auto;
  left: 35%;
  top: 30%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
}

.blur-bg-c {
  background-image: linear-gradient(to right, #0000ff 100%, #0700ff 100%);
  margin: 0 auto;
  left: 50%;
  top: 30%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
}

.blur-bg-d {
  right: 10%;
  top: 60%;
  background-image: linear-gradient(to right, #00ffef 100%, #00ffef 100%);
}

.blur-bg-e {
  right: 10%;
  top: 60%;
  background-image: linear-gradient(to right, #00ffef 100%, #00ffef 100%);
}

.blur-bg-f {
  right: 10%;
  top: 60%;
  background-image: linear-gradient(to right, #00ffef 100%, #00ffef 100%);
}

/* ================================= */
/* Blur Effect blocks css end */
/* ================================= */

/* ==================================================== */
/*  Modal popup design for login process only Start */
/* ==================================================== */

.modal-backdrop.intro {
  --bs-backdrop-zindex: 1050;
  --bs-backdrop-bg: #000;
  --bs-backdrop-opacity: 0.5;
  position: fixed;
  top: 0;
  left: 0;
  z-index: var(--bs-backdrop-zindex);
  width: 100vw;
  height: 100vh;
  background-color: var(--bs-backdrop-bg);
}

.modal.loginpopup,
.modal.tmkc,
.modal#suretologout {
  --bs-modal-zindex: 1055;
  --bs-modal-width: 500px;
  --bs-modal-padding: 1rem;
  --bs-modal-margin: 0.5rem;
  --bs-modal-color: ;
  --bs-modal-bg: var(--bs-body-bg);
  --bs-modal-border-color: var(--bs-border-color-translucent);
  --bs-modal-border-width: var(--bs-border-width);
  --bs-modal-border-radius: var(--bs-border-radius-lg);
  --bs-modal-box-shadow: 0 0.125rem 0.25rem
    rgba(var(--bs-body-color-rgb), 0.075);
  --bs-modal-inner-border-radius: calc(
    var(--bs-border-radius-lg) - (var(--bs-border-width))
  );
  --bs-modal-header-padding-x: 1rem;
  --bs-modal-header-padding-y: 1rem;
  --bs-modal-header-padding: 1rem 1rem;
  --bs-modal-header-border-color: var(--bs-border-color);
  --bs-modal-header-border-width: var(--bs-border-width);
  --bs-modal-title-line-height: 1.5;
  --bs-modal-footer-gap: 0.5rem;
  --bs-modal-footer-bg: ;
  --bs-modal-footer-border-color: var(--bs-border-color);
  --bs-modal-footer-border-width: var(--bs-border-width);
  position: fixed;
  top: 0;
  left: 0;
  z-index: var(--bs-modal-zindex);
  display: none;
  width: 100%;
  height: 100%;
  overflow-x: hidden;
  overflow-y: auto;
  outline: 0;
}

.modal.loginpopup .modal-content,
.modal.tmkc .modal-content,
.modal#suretologout .modal-content {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  color: var(--bs-modal-color);
  pointer-events: auto;
  background-color: var(--bs-modal-bg);
  background-clip: padding-box;
  border: var(--bs-modal-border-width) solid var(--bs-modal-border-color);
  border-radius: 25px;
  outline: 0;
  height: auto;
  box-shadow: none;
  padding: 0px;
  -webkit-border-radius: 25px;
  -moz-border-radius: 25px;
  -ms-border-radius: 25px;
  -o-border-radius: 25px;
}

.modal.loginpopup .btn-close,
.modal.tmkc .btn-close,
.modal#suretologout .btn-close {
  --bs-btn-close-color: #000;
  --bs-btn-close-bg: url(
    data:;image/svg + xml,
    %3csvgxmlns="http://www.w3.org/2000/svg"viewBox="0 0 16 16"fill="%23000"%3e%3cpathd="M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z"/%3e%3c/svg%3e
  );
  --bs-btn-close-opacity: 0.5;
  --bs-btn-close-hover-opacity: 0.75;
  --bs-btn-close-focus-shadow: 0 0 0 0.25rem #01b0cb;
  --bs-btn-close-focus-opacity: 1;
  --bs-btn-close-disabled-opacity: 0.25;
  --bs-btn-close-white-filter: invert(1) grayscale(100%) brightness(200%);
  box-sizing: content-box;
  width: 1.5em;
  height: 1.5em;
  padding: 0.25em 0.25em;
  color: var(--bs-btn-close-color);
  background: #e1dede var(--bs-btn-close-bg) center/1em auto no-repeat;
  border: 0;
  border-radius: 0.375rem;
  opacity: var(--bs-btn-close-opacity);
  position: absolute;
  right: 15px;
  top: 15px;
  z-index: 1;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
}

.loginpopup .btn-close:focus,
#suretologout .btn-close:focus {
  outline: 0;
  box-shadow: var(--bs-btn-close-focus-shadow);
  opacity: var(--bs-btn-close-focus-opacity);
}

.modal.loginpopup .modal-body,
.modal.tmkc .modal-body,
.modal#suretologout .modal-body {
  position: relative;
  flex: 1 1 auto;
  padding: var(--bs-modal-padding);
  border: none;
  border-radius: 0px;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  -ms-border-radius: 0px;
  -o-border-radius: 0px;
  padding: 60px 35px;
}

.modal.loginpopup .modal-after::after,
.modal.tmkc .modal-after::after {
  content: " ";
  position: absolute;
  background-color: #d9d9d9;
  left: 45%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  top: 0;
  bottom: 0;
  height: 70%;
  width: 2px;
  margin: auto;
}

@media screen and (min-width: 576px) {
  .modal.loginpopup,
  .modal.tmkc,
  .modal#suretologout {
    --bs-modal-margin: 1.75rem;
    --bs-modal-box-shadow: 0 0.5rem 1rem rgba(var(--bs-body-color-rgb), 0.15);
  }
}

.customerloginbutton {
  display: block;
  text-align: center;
  color: #000000;
  text-decoration: none;
  padding: 10px 45px;
  border-radius: 5px;
  letter-spacing: 0.5px;
  font-size: 1.8rem;
}

.customerloginbutton.first {
  background: #f5f5f5;
  border: 1px solid #a7a7a7;
  color: #000000;
  margin-bottom: 5px;
  transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -ms-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
}

.customerloginbutton.second {
  background: #f5f5f5;
  border: 1px solid #a7a7a7;
  transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -ms-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
}

.customerloginbutton.first.intro,
.customerloginbutton.second.intro {
  background: #01b0cb;
  border: 1px solid #01b0cb;
  color: #ffffff;
}

.loginpopup .form-control,
.dashpartition .tab-content .form-control {
  background-color: #f5f5f5 !important;
  border: 1px solid #a7a7a7;
  padding: 18px 20px 18px 20px;
  margin-bottom: 45px;
  /* box-shadow: none !important; */
  outline: none !important;
  color: rgba(119, 119, 119, 1);
  font-size: 1.6rem;
}

.loginpopup .form-control:focus {
  border-color: transparent;
}

.loginpopup .otpinputs input {
  width: 15%;
  text-align: center;
}

/* ==================================================== */
/*  Modal popup design for login process only End */
/* ==================================================== */

/* ==================================================== */
/*   My custom alert on dashboard css start */
/* ==================================================== */

.myalert {
  background-color: #ecf6fc;
  padding: 20px;
  border: 2px solid #bcd4e3;
  border-radius: 8px;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  -ms-border-radius: 8px;
  -o-border-radius: 8px;
  margin-bottom: 40px;
  display: block;
}

.myalert .alertimg {
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  width: 60px;
  border: 2px solid #bcd4e3;
}

.myalert .btn-close {
  outline: none !important;
  box-shadow: none !important;
  padding: 0;
  background-size: 0.6em;
  top: 5px;
  right: 5px;
}

/* ==================================================== */
/*   My custom alert on dashboard css end */
/* ==================================================== */

/* ========================================= */
/* Website lodar css start */
/* ========================================= */

.lodarcontainer {
  position: fixed;
  display: none;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
  background-color: #ffffff;
  z-index: 100;
}

.lodarcontainer img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  width: 200px;
}

.hidden {
  display: none;
}

/* ========================================= */
/* Website lodar css end */
/* ========================================= */

/* =================================== */
/* Header navigation css start */
/* =================================== */

.homepage header {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  padding: 20px 0px;
  z-index: 500;
}

.homepage header nav {
  background: transparent;
  box-shadow: none;
}

.navbar-expand-lg .navbar-nav .nav-item:not(:last-child) {
  margin-right: 30px;
}

.nav-item.navhoverdrop:hover .dropdown-menu {
  display: block;
  animation: main-nav-slide 0.4s ease-out;
  transform-origin: top;
}

/* .navbar-nav .nav-item .nav-link:hover,
.navbar-nav .nav-item .nav-link.active {
  color: #ffffff !important;
} */

@keyframes main-nav-slide {
  0% {
    transform: scaleY(0);
    -webkit-transform: scaleY(0);
    -moz-transform: scaleY(0);
    -ms-transform: scaleY(0);
    -o-transform: scaleY(0);
  }

  100% {
    transform: scaleY(1);
    -webkit-transform: scaleY(1);
    -moz-transform: scaleY(1);
    -ms-transform: scaleY(1);
    -o-transform: scaleY(1);
  }
}

/* afterlogin user dropdown */

.afterloginuserbtn {
  border: 2px solid #01b0cb;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  background-color: transparent;
  width: 50px;
  padding: 2px;
}

.afterloginuserbtn img {
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  background-color: #01b0cba8;
}

.afterloginuserbtn + ul.dropdown-menu.show {
  top: 90px;
  width: 220px;
  right: -10px;
  left: auto;
  padding: 20px 10px 20px 10px !important;
  box-shadow: 0px 0px 19.0375px rgba(0, 0, 0, 0.1);
}

.afterloginuserbtn + ul .dropdown-item {
  padding-top: 10px;
  padding-bottom: 10px;
}

.afterloginuserbtn + ul .dropdown-item:hover {
  color: #ffffff !important;
}

.afterloginuserbtn + ul .userintro {
  color: #01b0cb;
  margin-bottom: 0;
  padding-left: 20px;
  margin-bottom: 10px;
}

.cardclip {
  position: absolute;
  width: 25px;
  height: 25px;
  right: 15px;
  background: #ffffff;
  top: -30px;
  transform: rotate(45deg);
}

.notifcount {
  background-color: #01b0cb;
  text-align: center;
  position: absolute;
  top: 5px;
  right: -10px;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  color: #ffffff;
  width: 25px;
  height: 25px;
  font-size: 13px;
  line-height: 25px;
}

/* =================================== */
/* Header navigation css end */
/* =================================== */

/* ============================================= */
/* After Scrolling Header navigation css start */
/* ============================================ */

/* #onscroll-header {
  transform: translateY(-100px);
  transition: all 0.4s ease-in-out;
  opacity: 0;
  visibility: hidden;
}

#onscroll-header.shadow {
  box-shadow: 0 0 20px rgb(0 0 0 / 10%) !important;
  transform: translateY(0);
  transition: all 0.4s ease-in-out;
  animation: header-display 0.4s ease-in-out;
  opacity: 1;
  visibility: visible;
}

#header-height.base-header-hide {
  opacity: 0;
  visibility: hidden;
  transition: all 0.4s ease-in-out;
}

#header-height {
  opacity: 1;
  visibility: visible;
  transition: all 0.4s ease-in-out;
} */

/* ============================================ */
/* After Scrolling Header navigation css end */
/* ============================================ */

/* ======================= */
/* Footer css start */
/* ======================= */

footer {
  background-image: url("../img/footerfinalbg.png");
  background-color: #1e211f;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: top;
  padding: 30px 40px 5px 50px;
  position: relative;
}

footer ul li a {
  text-decoration: none;
  text-transform: capitalize;
  color: #828282;
  font-family: "jost";
  font-size: 1.8rem;
  display: inline-block;
  padding: 5px;
}

footer ul li a:hover {
  color: #01b0cb;
}

footer ul li:not(:last-child) {
  margin-bottom: 0px;
}

.copywrite {
  text-align: center;
  padding: 65px 0px 15px 0px;
  font-size: 1.5rem;
  color: #ffffff;
  font-weight: 500;
}

footer::before,
footer::after {
  content: " ";
  bottom: 60px;
  left: 0;
  right: 0;
  width: 95%;
  height: 1px;
  margin: 0 auto;
  background-color: #878787;
  opacity: 0.4;
}

footer::after {
  top: 145px;
}

.flogoicon {
  width: 55px;
  height: 55px;
  display: block;
  margin-right: 20px;
}

.fdetails {
  color: #ffffff;
}

.fdetails a {
  color: #ffffff;
  text-decoration: none;
}

.socialicon a {
  text-decoration: none;
  color: #ffffff;
  font-size: 2rem;
  display: inline-block;
  margin-right: 15px;
  border: 1px solid #ffffff;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  padding: 7px 15px;
}

/* ======================= */
/* Footer css end */
/* ======================= */

/* ============================================== */
/* Expert Cover all insurance steps css start */
/* ============================================== */

.mmvcard .card {
  background: rgba(255, 255, 255, 0.9);
  box-shadow: 0px 0px 19.0375px rgba(0, 0, 0, 0.1);
  border-radius: 8px;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  -ms-border-radius: 8px;
  -o-border-radius: 8px;
}

.mmvcard .card-header {
  text-align: center;
  margin: 20px 70px 0px 70px;
}

.mmvcard .nav-link {
  color: #848484;
  border: none;
  padding: 0px 30px 20px 30px;
}

.mmvcard .nav-tabs .nav-link.active,
.mmvcard .nav-tabs .nav-item.show .nav-link {
  color: #01b0cb;
}

.mmvcard .nav-link:hover {
  color: #01b0cb;
}

.mmvcard .nav-tabs .nav-link.active::after,
.mmvcard .nav-tabs .nav-item.show .nav-link::after,
.mmvcard .nav-tabs .nav-link:hover::after {
  content: " ";
  width: 100%;
  height: 3px;
  left: 0;
  background-color: #01b0cb;
  position: absolute;
  right: 0;
  border-radius: 10px;
  bottom: -2px;
}

.mmvcard ul li:not(:last-child)::after {
  content: " ";
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  width: 2px;
  height: 100%;
  background-color: red;
  display: none;
}

.mmvcard .card-body {
  padding-bottom: 40px;
  margin: 0px 50px;
}

.radioimg {
  display: inline-block;
  cursor: pointer;
  border: 3px solid;
  border-color: #ffffff;
  border-radius: 8px;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  -ms-border-radius: 8px;
  -o-border-radius: 8px;
  transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -ms-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
}

.imginput {
  width: 100px;
}

form .imginput:not(:last-child) {
  margin-right: 20px;
}

.radioimg img {
  border-radius: 8px;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  -ms-border-radius: 8px;
  -o-border-radius: 8px;
}

.mmvcard input[type="radio"]:checked + label,
.mmvcard input[type="checkbox"]:checked + label {
  border-color: #01b0cb;
}

.afterborder::after {
  content: " ";
  position: absolute;
  width: 1px;
  height: 120px;
  top: 16%;
  bottom: 0;
  left: 50.5%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  background-color: #01b0cb;
}

.mmvcard .input-group {
  position: relative;
  border: 1px solid #dddddd;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  padding: 20px 10px;
}

.mmvcard .input-group::after {
  content: " ";
  position: absolute;
  top: 0;
  bottom: 0;
  height: 70%;
  width: 0.5px;
  background-color: #cfcfcf;
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  margin-top: auto;
  margin-bottom: auto;
}

.mmvcard .input-group input {
  border: none;
  outline: none !important;
  box-shadow: none !important;
  background: transparent !important;
}

.mmvcard .input-group .f-error {
  bottom: -24px;
}

.addbutton {
  position: absolute;
  top: 45%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  right: 20px;
  width: 20px;
  height: 20px;
}

.mmvetc .btn-close {
  outline: none !important;
  box-shadow: none !important;
  position: absolute;
  top: 15px;
  right: 15px;
  width: 8px;
  height: 8px;
}

.mmvetc input {
  background: #f3f3f3;
  /* border: 1px solid #848484; */
  padding-left: 16px !important;
}

.mmvetc select {
  background: #f3f3f3;
}

.mmvetc input + img {
  position: absolute;
  width: 15px;
  top: 50%;
  left: 15px;
  transform: translateY(-50%);
}

.chooseinput input + label {
  background: #eeeeee;
  border-radius: 5px;
  padding: 10px 25px;
  color: #787878;
  font-weight: 400;
  margin: 30px 15px 0px 0px;
  cursor: pointer;
}

#MMVMODAL .mmvcard .input-group {
  padding: 20px 10px 10px 10px;
}

.form-floating > .form-control:focus ~ label,
.form-floating > .form-control:not(:placeholder-shown) ~ label,
.form-floating > .form-control-plaintext ~ label,
.form-floating > .form-select ~ label {
  transform: scale(0.85) translateY(1px) translateX(18px);
  -webkit-transform: scale(0.85) translateY(1px) translateX(18px);
  -moz-transform: scale(0.85) translateY(1px) translateX(18px);
  -ms-transform: scale(0.85) translateY(1px) translateX(18px);
  -o-transform: scale(0.85) translateY(1px) translateX(18px);
}

.chooseinput input:checked + label {
  /* background-color: #01b0cb; */
  border-color: #01b0cb;
  color: white!important;
}

.mmvetc .mmvbackbtn a:hover {
  background-color: #01b0cb;
}

.mmvetc .mmvbackbtn {
  top: 50px;
  left: 70px;
}

.mmvetc .mmvbackbtn a.forward {
  transform: rotate(180deg) translateX(-13px);
  -webkit-transform: rotate(180deg) translateX(-13px);
  -moz-transform: rotate(180deg) translateX(-13px);
  -ms-transform: rotate(180deg) translateX(-13px);
  -o-transform: rotate(180deg) translateX(-13px);
}

.mmvetc .modal-content {
  height: 100%;
}

.subrtolist .card {
  background: #e8e4e4;
  border-radius: 8px;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  -ms-border-radius: 8px;
  -o-border-radius: 8px;
  border: none;
  padding: 0px 20px 30px 20px;
  margin-top: 20px;
}

/* ============================================== */
/* Expert Cover all insurance steps css start */
/* ============================================== */

/* ========================================= */
/* Insurance steps form wizard css start */
/* ========================================= */

.formwizard .process {
  display: inline-block;
  border: 2px solid #01b0cb;
  width: 15px;
  height: 15px;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  margin: 0px 20px;
  background-color: #ffffff;
  position: relative;
}

.formwizard .process.current {
  background-color: #01b0cb;
}

.pro1::after,
.pro2::after {
  content: " ";
  position: absolute;
  width: 33px;
  height: 2px;
  background-color: #b7b7b7;
  top: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  right: -56px;
  border-radius: 20px;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  -ms-border-radius: 20px;
  -o-border-radius: 20px;
}

.formwizard .process.current::after {
  background-color: #01b0cb;
}

/* .mmvcard .customborder input {
        border-top: none;
        border-left: none;
        border-right: none;
        border-radius: 0px;
        -webkit-border-radius: 0px;
        -moz-border-radius: 0px;
        -ms-border-radius: 0px;
        -o-border-radius: 0px;
    } */

.mmvcard .customborder input:focus {
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
}

.mmvcard .customborder + select {
  position: absolute;
  outline: none !important;
  box-shadow: none !important;
  top: 1px;
  bottom: 0;
  right: 10px;
  width: 125px;
  height: 39px;
  font-size: 1.5rem;
  border-color: transparent !important;
  padding: 0.375rem 2.25rem 0.375rem 0.75rem;
}

.form-floating.customborder {
  margin-bottom: 10px;
}

.yesnoinput {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}

.dieseslist {
  transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -ms-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
}

.yesnoinput input[type="radio"] + label,
.dieseslist input[type="checkbox"] + label {
  background: #f1f1f1;
  border: 1px solid #adadad;
  border-radius: 5px;
  position: relative;
  padding: 10px 20px 10px 70px;
  color: #787878;
  margin: 0px 20px;
  font-weight: 500;
}

.dieseslist input[type="checkbox"] + label {
  margin: 10px 10px;
  font-size: 1.4rem;
}

.yesnoinput input[type="radio"] + label::after,
.dieseslist input[type="checkbox"] + label::after {
  content: " ";
  position: absolute;
  top: 50%;
  left: 15px;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  width: 18px;
  height: 18px;
  border: 2px solid #01b0cb;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  background-color: transparent;
}

.dieseslist input[type="checkbox"] + label::after {
  border-radius: 0px;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  -ms-border-radius: 0px;
  -o-border-radius: 0px;
}

.dieseslist input[type="checkbox"] + label::before {
  content: url("../img/greencheck.svg");
  position: absolute;
  top: 45%;
  transform: translateY(-50%);
  left: 16px;
  z-index: 10;
  opacity: 0;
  visibility: hidden;
  transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -ms-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
}

.yesnoinput input[type="radio"]:checked + label::after {
  background-color: #01b0cb;
}

.dieseslist input[type="checkbox"]:checked + label::before {
  opacity: 1;
  visibility: visible;
}

.mmvbackbtn {
  position: absolute;
  left: 0;
  top: 20px;
}

.togglingdivclass {
  display: none !important;
}

.membercounter {
  display: flex;
  justify-content: space-around;
  align-items: center;
  /* position: absolute; */
  background-color: #01b0cb;
  width: 80%;
  border-radius: 50px;
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  -ms-border-radius: 50px;
  -o-border-radius: 50px;
  color: #ffffff;
  font-size: 1.5rem;
  margin: 0 auto;
  left: 0;
  right: 0;
  bottom: -30px;
  padding: 0px;
  margin-top: 8px;
}

.membercounter span {
  display: block;
  background-color: transparent;
  border: none;
  color: #ffffff;
  z-index: 10;
  cursor: pointer;
}

.memeber-bottom {
  margin-bottom: 8px;
}

/* ========================================= */
/* Insurance steps form wizard css start */
/* ========================================= */

/* ====================================================================================================================================== */
/*======================================================= Home Page CSS Start ============================================================*/
/* ====================================================================================================================================== */

/* =================================== */
/* Hero Banner css start */
/* =================================== */

.herobanner {
  background: linear-gradient(180deg, #f9feff 0%, #d8faff 100%);
  background-color: #d8f8fc;
  padding-top: 110px;
}

.herobanner .bannerheading {
  /* font-size: 3rem !important;
  font-weight: 390;
  color: #00B0CB;
font-family: Montserrat;
font-size: 3.25rem;
font-style: normal;
font-weight: 700;
line-height: 111.5%; */
  color: #000;
  font-size: 6rem;
  font-style: normal;
  font-weight: 300;
  line-height: 100.5%;
  /* 3.62375rem */
}

.bannerheading span {
  color: #00b0cb;
  font-size: 5rem;
  font-style: normal;
  font-weight: 700;
  line-height: 111.5%;
}

.bannerheading {
  font-size: 6rem;
  font-weight: 600;
  margin-bottom: 1rem;
  text-transform: capitalize;
}

.banner-subheading {
  font-size: 30px;
  font-weight: 300;
  margin-bottom: 1rem;
}

.typing-text {
  border-right: 1px solid #000000;
  margin-left: 2px;
}

.banner-submark p {
  font-size: 4.5rem;
  font-weight: 600;
  color: #000000;
  font-family: "jost";
  text-transform: uppercase;
}

.banner-submark span {
  color: #ffffff;
  position: relative;
}

.htop,
.hbottom {
  position: absolute;
  width: 25px;
  height: 25px;
  pointer-events: none;
}

.htop {
  top: 3px;
  border-top: 1px solid rgba(122, 122, 122, 1);
}

.hbottom {
  bottom: 5px;
  border-bottom: 1px solid rgba(122, 122, 122, 1);
}

.hleft {
  left: -8px;
  border-left: 1px solid rgba(122, 122, 122, 1);
}

.hright {
  right: -6px;
  border-right: 1px solid rgba(122, 122, 122, 1);
}

.togglepill {
  position: relative;
  display: block;
  background-image: linear-gradient(
    90deg,
    #6161d7 55.57%,
    #6c6dd9 62.88%,
    #7d7fdc 70.71%,
    #eefaf0 118.6%
  );
  border: 3px solid #ffffff;
  border-radius: 50px;
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  -ms-border-radius: 50px;
  -o-border-radius: 50px;
  padding: 20px 0px;
  right: 100px;
  box-shadow: 0px 2.31775px 2.31775px rgb(0 0 0 / 25%);
  width: 120px;
  margin-left: auto;
}

.togglepill label {
  width: 55px;
  height: 55px;
  border-radius: 50%;
  background: white;
  position: absolute;
  top: 50%;
  left: auto;
  border: 2.5px solid #9090ff;
  box-shadow: 0px 0px 5.79438px rgba(0, 0, 0, 0.15);
  right: -5px;
  transform: translateY(-50%);
}

#switch:checked ~ label {
  transform: translatex(-80px) translateY(-50%) rotatez(360deg);
  -webkit-transform: translatex(-80px) translateY(-50%) rotatez(360deg);
  -moz-transform: translatex(-80px) translateY(-50%) rotatez(360deg);
  -ms-transform: translatex(-80px) translateY(-50%) rotatez(360deg);
  -o-transform: translatex(-80px) translateY(-50%) rotatez(360deg);
}

#switch ~ label {
  transition: all 1s cubic-bezier(0.34, 1.36, 0.2, 1);
}

#switch + label img {
  width: 40px;
  height: 25px;
  object-fit: contain;
  position: absolute;
  left: 50%;
  right: auto;
  top: 50%;
  transform: translate(-50%, -50%);
}

.Insurance_card_container img {
  width: 100px;
}

.Insurance_card_container .card {
  border: none;
  background: #fff;
  /* box-shadow: 0px 0px 40px 0px rgba(0, 0, 0, 0.11); */
  transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -ms-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  width: 10%;
  /*box-shadow: 0px 5px 0px #01b0cb;
  */
  margin-right: 40px;
  border-radius: 0px;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  -ms-border-radius: 0px;
  -o-border-radius: 0px;
}

.Insurance_card_container .card:hover {
  border-color: #01b0cb;
}

.herobanner .banner-subheading + p {
  line-height: 25px;
  word-spacing: 4px;
}

.p_text {
  margin-left: 0.5rem;
}

.InscardContainer {
  background-color: #ffffff;
  box-shadow: 0px 0px 40px 0px rgba(0, 0, 0, 0.11);
  padding: 0px 0px;
}

.InscardContainer .Insurance_card_container .card {
  width: auto !important;
  margin-right: 0 !important;
}

.Insurance_card_container .InscardContainer img {
  width: 40px !important;
  height: 40px !important;
  object-fit: contain !important;
}

.radio_btn {
  stroke-width: 1px;
  stroke: #a4a4a4;
  width: 1.6875rem;
  height: 1.6875rem;
  flex-shrink: 0;
}

.Hero_bannerSlider img {
  width: 100%;
  height: 470px;
  object-fit: cover;
}

.Hero_bannerSlider .slick-dots li {
  margin: 0px 10px;
}

.Hero_bannerSlider .slick-dots li button:before {
  color: #ffffff;
  opacity: 1;
}

.Hero_bannerSlider .slick-dots li button:before {
  font-size: 6rem;
}

.Hero_bannerSlider .slick-dots li button::after {
  content: " ";
  width: 25px;
  height: 25px;
  display: block;
  border: 2px solid #ffffff;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  position: absolute;
  left: -2px;
  top: -2px;
}

.goarrowicon {
  position: absolute;
  bottom: 0;
  right: 0;
  color: #000000;
  font-size: 1.3rem;
  background-color: #ebebeb;
  padding: 10px;
}

/* ======================================= */
/* Current visit cards section start */
/* ======================================= */

.currentvisitscards a.card {
  width: 95% !important;
  margin: 0 auto;
  border: 1px dashed #419b4f;
  /* background: linear-gradient(153deg, rgba(178, 199, 182, 1) 0%, rgba(91, 184, 110, 1) 37%, rgba(13, 156, 42, 1) 100%); */
  background: linear-gradient(
    153deg,
    rgba(248, 222, 255, 1) 0%,
    rgba(122, 122, 255, 1) 1%,
    rgba(212, 212, 255, 1) 46%
  );
}

.currentvisitscards a.card img {
  display: block;
  width: 80px;
  height: 80px;
  object-fit: contain;
  margin-bottom: 10px;
}

/* ======================================= */
/* Current visit cards section end */
/* ======================================= */

/* =================================== */
/* Hero Banner css start */
/* =================================== */

/* =================================== */
/* About section css start */
/* =================================== */

.homepage .about img {
  width: 100px;
  display: block;
  margin: 40px auto 30px 0px;
}

.about .card {
  box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.1);
  margin-bottom: 50px;
  width: 95%;
  padding: 0px 40px;
}

.about .card:hover {
  animation: bounce 0.5s ease-out;
  -webkit-animation: bounce 0.5s ease-out;
}

@keyframes bounce {
  0% {
    transform: translateY(0);
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
  }

  50% {
    transform: translateY(-10px);
    -webkit-transform: translateY(-10px);
    -moz-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    -o-transform: translateY(-10px);
  }

  100% {
    transform: translateY(0);
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
  }
}

/* =================================== */
/* About section css end */
/* =================================== */

/* =================================== */
/* Welcome Expert Cover css end */
/* =================================== */

.insWelcome img {
  width: 50%;
  height: 400px;
  object-fit: cover;
}

/* =================================== */
/* Welcome Expert Cover css end */
/* =================================== */

.insWelcome .content {
  padding: 0px 140px 0px 50px;
  width: 50%;
}

/* =================================== */
/* Expert Cover Service css start */
/* =================================== */

.service {
  display: flex;
  justify-content: space-between;
}

/* ----------------------------------------------------------- */
.service_1 {
  width: 35rem;
  height: 40rem;
  flex-shrink: 0;
  background: #00c5e3;
  padding-top: 5rem;
  padding-left: 3rem;
  overflow: hidden;
  white-space: nowrap;
}

.service_1 .ser_1_text_1 {
  color: #fff;
  font-size: 2rem;
  font-style: normal;
  font-weight: 300;
  margin-top: 1rem;
  text-transform: capitalize;
}

.service_1 .ser_1_text_2 {
  color: #fff;
  font-size: 2.1rem;
  font-style: normal;
  font-weight: 400;
  text-transform: capitalize;
}

.service_1 h3 {
  color: #fff;
  font-size: 2.0625rem;
  font-style: normal;
  font-weight: 800;
  text-transform: capitalize;
}

.service_1 #img2 {
  margin-left: 11rem;
  margin-top: -2rem;
}

/* ---------------------------------------------------- */

.service_2 {
  width: 35rem;
  height: 40rem;
  flex-shrink: 0;
  background: linear-gradient(180deg, #0d96ab 0%, #0ec9e6 100%);
  margin-top: 10rem;
  padding-top: 5rem;
  padding-left: 3rem;
  overflow: hidden;
  white-space: nowrap;
}

.service_2 .ser_2_text_1 {
  color: #fff;
  font-size: 2rem;
  font-style: normal;
  font-weight: 300;
  margin-top: 1rem;
  text-transform: capitalize;
}

.service_2 .ser_2_text_2 {
  color: #fff;
  font-size: 2.1rem;
  font-style: normal;
  font-weight: 400;
  text-transform: capitalize;
}

.service_2 h3 {
  color: #fff;
  font-size: 3.6rem;
  font-style: normal;
  font-weight: 800;
  text-transform: capitalize;
}

.service_2 #img2 {
  margin-left: 14rem;
  margin-top: -8rem;
}

/* ------------------------------------------------------ */
.service_3 {
  width: 35rem;
  height: 40rem;
  flex-shrink: 0;
  background: #04c6e4;
  padding-top: 5rem;
  padding-left: 3rem;
  overflow: hidden;
  white-space: nowrap;
}

.service_3 .ser_3_text_1 {
  color: #fff;
  font-size: 2rem;
  font-style: normal;
  font-weight: 300;
  margin-top: 1rem;
  text-transform: capitalize;
}

.service_3 .ser_3_text_2 {
  color: #fff;
  font-size: 2.1rem;
  font-style: normal;
  font-weight: 400;
  text-transform: capitalize;
}

.service_3 h3 {
  color: #fff;
  font-size: 3.5rem;
  font-style: normal;
  font-weight: 800;
  text-transform: capitalize;
}

.service_3 #img2 {
  margin-left: 3rem;
  /* margin-top: 2rem; */
}

/* ------------------------------------------------------------ */
.service_4 {
  width: 35rem;
  height: 40rem;
  flex-shrink: 0;
  margin-top: 10rem;
  padding-top: 5rem;
  padding-left: 3rem;
  background: linear-gradient(180deg, #0d96ab 0%, #0ec9e6 100%);
  overflow: hidden;
  white-space: nowrap;
}

.service_4 .ser_4_text_1 {
  color: #fff;
  font-size: 2rem;
  font-style: normal;
  font-weight: 300;
  margin-top: 1rem;
  text-transform: capitalize;
}

.service_4 .ser_4_text_2 {
  color: #fff;
  font-size: 2.1rem;
  font-style: normal;
  font-weight: 400;
  text-transform: capitalize;
}

.service_4 h3 {
  color: #fff;
  font-size: 3.5rem;
  font-style: normal;
  font-weight: 800;
  text-transform: capitalize;
}

.service_4 #img2 {
  margin-left: 10rem;
  margin-top: -4rem;
}

.service_4 #img3 {
  margin-left: 0rem;
  margin-top: -9rem;
}

/* =================================== */
/* Expert Cover css end */
/* =================================== */

/* =================================== */
/* Our partners section css start */
/* =================================== */

.partners {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  white-space: nowrap;
  background: #f2fdff;
}

.partners h1 {
  color: #000;
  font-size: 3rem;
  font-style: normal;
  font-weight: 600;
  text-transform: capitalize;
}

.partners .image_container {
  display: flex;
  justify-content: space-between;
  margin-top: 3rem;
  width: 90%;
}

.partners .image_container div {
  width: 222px;
  height: 137px;
  background: #fff;
  box-shadow: 0px 0px 33px 0px rgba(0, 0, 0, 0.11);
  overflow: hidden;
  white-space: nowrap;
  display: flex;
  align-items: center;
  justify-content: center;
}

.partners .image_container #img1 {
  width: 128px;
  height: 63px;
}

.partners .image_container #img2 {
  width: 176px;
  height: 21px;
}

.partners .image_container #img3 {
  width: 168px;
  height: 47px;
}

.partners .image_container #img4 {
  width: 154px;
  height: 82px;
}

.partners .image_container #img5 {
  width: 169px;
  height: 48px;
}

/* =================================== */
/* Our partners css end */
/* =================================== */

/* =================================== */
/* Testimonial section css start */
/* =================================== */

.testimonials {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  white-space: nowrap;
}

.testimonials h1 {
  color: #000;
  font-size: 3rem;
  font-style: normal;
  font-weight: 600;
  text-transform: capitalize;
}

.testimonials .container {
  display: flex;
  justify-content: space-between;
  margin-top: 3rem;
  width: 90%;
}

.testimonials .container div {
  width: 369px;
  height: 400px;
  background: #fff;
  box-shadow: 0px 0px 40px 0px rgba(0, 0, 0, 0.11);
  overflow: hidden;
  white-space: nowrap;
  padding: 3rem 2rem;
}

.testimonials .container img {
  width: 60px;
  height: 53px;
}

.testimonials .container .description {
  color: #4f4f4f;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  text-transform: lowercase;
  margin-top: 1rem;
}

.testimonials .container h4 {
  color: #000;
  font-size: 22px;
  font-style: normal;
  font-weight: 600;
  text-transform: capitalize;
}

/* =================================== */
/* Testimonial section css start */
/* =================================== */

/* =================================== */
/* Advantages section css Start */
/* =================================== */

.advantages {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  white-space: nowrap;
}

.advantages h1 {
  color: #000;
  font-size: 3rem;
  font-style: normal;
  font-weight: 600;
  text-transform: capitalize;
}

.advantages p {
  color: #4f4f4f;
  font-size: 1.5rem;
  text-align: center;
  font-style: normal;
  font-weight: 400;
  text-transform: capitalize;
}

/* =================================== */
/* Advantages section css end */
/* =================================== */

.cards {
  display: flex;
  justify-content: space-between;
  width: 90%;
  margin-top: 2rem;
}

.cards img {
  width: 50px;
  margin-bottom: 2rem;
}

.cards h5 {
  color: #02a3bc;
  font-size: 1.6rem;
  font-style: normal;
  font-weight: 500;
  text-transform: uppercase;
}

.cards p {
  color: #4f4f4f;
  font-size: 1.3rem;
  font-style: normal;
  font-weight: 400;
  text-transform: capitalize;
  left: 0;
}

.card_1 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

/* ================================================ */
/* Small informative banner section css start */
/* ================================================ */

.homepage .sminfobanner {
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7)),
    url("../img/familybg.png");
  padding: 50px 0px;
}

.sminfobanner {
  background-color: #01b0cb;
}

.sminfobanner .first,
.sminfobanner .second {
  border: 1px solid #ffffff;
  transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -ms-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
}

.sminfobanner a.first:hover {
  border-color: #ffffff !important;
  background-color: transparent !important;
  color: #ffffff !important;
}

.sminfobanner a.second:hover {
  background-color: #ffffff !important;
  color: #01b0cb !important;
}

/* ================================================ */
/* Small informative banner section css end */
/* ================================================ */

/* ========================================== */
/* Our Product card section css start */
/* ========================================== */

/* ========================================== */
/* Our services section css end */
/* ========================================== */

[class^="product-"] {
  position: absolute;
}

[class^="product-"]:before,
[class^="product-"]:after {
  content: "";
  position: absolute;
}

.product-ribbon {
  width: 140px;
  padding: 5px 0px 5px 30px;
  background: rgba(91, 184, 110, 90%);
  top: 50px;
  left: 7px;
}

.product-ribbon:before {
  height: 0;
  width: 0;
  border-bottom: 8px solid rgba(91, 184, 110, 90%);
  border-left: 8px solid transparent;
  left: 0px;
  top: -8px;
}

.product-ribbon:after {
  height: 0;
  width: 0;
  border-top: 31.5px solid rgba(91, 184, 110, 90%);
  border-bottom: 31.5px solid rgba(91, 184, 110, 90%);
  border-right: 29px solid transparent;
  right: -28.2px;
  top: 0;
}

/* .ourproducts,
.testimonial {
  background-image: linear-gradient(1.34deg, #f5f5f5 36.83%, rgba(245, 245, 245, 0) 71.04%);
} */

/* ===================================== */
/* Our Product card section css start */
/* ===================================== */

.ourservices {
  background-color: #ffffff;
}

.servicecards .card {
  box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.1);
  transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -ms-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
}

.ourservices img {
  width: 70px;
  height: 60px;
  object-fit: contain;
}

.servicecards .card:hover {
  transform: translateY(-10px);
  -webkit-transform: translateY(-10px);
  -moz-transform: translateY(-10px);
  -ms-transform: translateY(-10px);
  -o-transform: translateY(-10px);
}

/* ===================================== */
/*  Our services section section css end */
/* ===================================== */

/* ===================================== */
/* Why choose us section css start */
/* ===================================== */

.whychooseus {
  background: linear-gradient(
    1.34deg,
    #f5f5f5 36.83%,
    rgba(245, 245, 245, 0) 71.04%
  );
}

.whychooseus .card {
  border: none;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.15);
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
}

/* ===================================== */
/*  Why choose us section section css end */
/* ===================================== */

/* ====================================================================================================================================== */
/*======================================================= Home Page CSS End ============================================================*/
/* ====================================================================================================================================== */

/* ====================================================================================================================================== */
/*======================================================= About Page CSS Start ============================================================*/
/* ====================================================================================================================================== */

/* ===================================== */
/* Hero section of aboutus start */
/* ===================================== */

.abouthero {
  background-image: linear-gradient(
    0deg,
    #e0f3f6 50%,
    rgba(239, 238, 238, 0) 100%
  );
}

.abouthero a.btn:hover svg {
  animation: hoverarrow 0.5s ease-out;
  -webkit-animation: hoverarrow 0.5s ease-out;
}

/* ===================================== */
/* Hero section of aboutus end */
/* ===================================== */

/* ===================================== */
/* About solution of aboutus start */
/* ===================================== */

.aboutsolution .card img {
  width: 50px;
}

.aboutsolution .card:not(:last-child) {
  margin-bottom: 35px;
}

.aboutsolution .solitioncard {
  border: 2px solid #01b0cb;
  padding: 30px 5px;
}

.aboutsolution .absolfet {
  position: absolute;
  display: block;
  top: 50%;
  left: 43%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  width: 325px;
  padding: 10px;
}

.absolfet img {
  filter: drop-shadow(0px 0px 15px rgba(0, 0, 0, 0.2));
  -webkit-filter: drop-shadow(0px 0px 15px rgba(0, 0, 0, 0.2));
  border-radius: 12px;
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  -ms-border-radius: 12px;
  -o-border-radius: 12px;
}

.absolfet::after {
  content: " ";
  position: absolute;
  background-color: #ffffff;
  width: 100%;
  height: 30px;
  left: 0;
  right: 0;
  top: -9px;
  z-index: -1;
}

.absolfet::before {
  content: " ";
  position: absolute;
  background-color: #ffffff;
  width: 100%;
  height: 20px;
  height: 30px;
  left: 0;
  right: 0;
  bottom: -9px;
  z-index: -1;
}

/* ===================================== */
/* About solution of aboutus end */
/* ===================================== */

/* ===================================== */
/* semiifo banner of aboutus Start */
/* ===================================== */

.aboutpage .sminfobanner {
  padding: 80px 0px;
  background: linear-gradient(
      to bottom,
      rgba(65, 155, 79, 0.858),
      rgba(65, 155, 79, 0.858)
    ),
    url("../img/familybg.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}

.sminfobanner .watermark {
  background: #3c3c3c;
  color: #ffffff;
  border-top-left-radius: 50px;
  border-top-right-radius: 50px;
  padding: 15px 65px 10px 65px;
  position: absolute;
  right: 70px;
  bottom: 0;
}

/* ===================================== */
/* semiifo banner of aboutus end */
/* ===================================== */

/* ===================================== */
/* Something about us css start */
/* ===================================== */

.somethingaboutus {
  background-image: linear-gradient(
    180deg,
    #e0f3f6 0%,
    rgba(239, 238, 238, 0) 100%
  );
  padding-bottom: 170px;
}

.somethingaboutus .content {
  padding: 50px 60px;
}

/* ===================================== */
/* Something about us css end */
/* ===================================== */

/* ===================================== */
/* Support css start */
/* ===================================== */

.support {
  background-color: #f5f5f5;
  padding: 90px 0px;
  position: relative;
}

.dots {
  position: absolute;
  width: 250px;
}

.dots.green {
  top: -130px;
  left: 0;
  z-index: 1;
}

.dots.black {
  bottom: -40px;
  right: 0px;
  z-index: 1;
}

.mobileimg {
  bottom: 0;
  position: absolute;
  width: 300px;
  right: 300px;
}

/* ===================================== */
/* Support css end */
/* ===================================== */

/* =================================================== */
/* semiifo banner of for bottom in aboutus start */
/* =================================================== */

.sminfobanner.forbottom {
  background-image: linear-gradient(
    264.44deg,
    #01b0cb 24.48%,
    #7cc47d 45.94%,
    #b8da98 66.71%,
    #d8e6a7 80.41%,
    #d8e6a7 98%
  );
}

/* =================================================== */
/* semiifo banner of for bottom in aboutus end */
/* =================================================== */

/* =============================== */
/* About query section start */
/* =============================== */

.aboutqury input {
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.15) !important;
  border: none;
  font-size: 1.4rem;
  color: rgba(119, 119, 119, 1);
  padding: 15px 0px 15px 20px;
  border-radius: 10px !important;
  -webkit-border-radius: 10px !important;
  -moz-border-radius: 10px !important;
  -ms-border-radius: 10px !important;
  -o-border-radius: 10px !important;
  z-index: 1;
}

.aboutqury button {
  border-radius: 10px !important;
  -webkit-border-radius: 10px !important;
  -moz-border-radius: 10px !important;
  -ms-border-radius: 10px !important;
  -o-border-radius: 10px !important;
  margin-left: -25px !important;
  z-index: 10;
}

/* =============================== */
/* About query section end */
/* =============================== */

/* ====================================================================================================================================== */
/*======================================================= About Page CSS End ============================================================*/
/* ====================================================================================================================================== */

/* ====================================================================================================================================== */
/*======================================================= Contact Page CSS Start ============================================================*/
/* ====================================================================================================================================== */

/* =============================== */
/* contact hero css start */
/* =============================== */

.contacthero {
  background-color: #e0f3f6;
}

.contacthero a.btn:hover svg {
  animation: hoverarrow 0.5s ease-out infinite;
  -webkit-animation: hoverarrow 0.5s ease-out infinite;
}

.contacthero a.second:hover {
  background-color: #ffffff !important;
  color: #01b0cb !important;
}

/* =============================== */
/* contact hero css end */
/* =============================== */

.getintouch form input,
.getintouch form textarea {
  border-radius: 0.3125rem;
  border: 1px solid #00b0cb;
  background: #fff;
  padding: 18px 0px 18px 35px;
  margin-bottom: 2rem;
  box-shadow: none !important;
  outline: none !important;
  color: #00b0cb !important;
  font-size: 1.6rem;
}

/* =============================== */
/* contact form css start */
/* =============================== */

.getintouch {
  margin-bottom: 70px;
}

.getintouch h1 {
  margin-bottom: 2rem;
}

.formcard {
  box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.1);
  border-radius: 10px;
  padding: 7px 0px;
  position: relative;
}

.getcardpos {
  background: #408e4d;
  color: #ffffff;
  position: absolute;
  width: auto;
  top: 50%;
  left: 100px;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  padding: 30px 50px 90px 50px;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
}

.getcardpos p {
  margin-bottom: 40px;
}

/* =============================== */
/* contact form css end */
/* =============================== */

/* ====================================================================================================================================== */
/*======================================================= Contact Page CSS End ============================================================*/
/* ====================================================================================================================================== */

/* ====================================================================================================================================== */
/*======================================================= faq Page CSS Start ============================================================*/
/* ====================================================================================================================================== */

/* =============================== */
/* Faq hero css start */
/* =============================== */

.faqhero {
  background-color: #e0f3f6;
}

.faqhero a.btn:hover svg {
  animation: hoverarrow 0.5s ease-out infinite;
  -webkit-animation: hoverarrow 0.5s ease-out infinite;
}

.faqhero a.second:hover {
  background-color: #ffffff !important;
  color: #01b0cb !important;
}

/* =============================== */
/* Faq hero css end */
/* =============================== */

/* =============================== */
/* Faq content css start */
/* =============================== */

.accordion-flush .accordion-item:not(:last-child) {
  margin-bottom: 40px;
}

/* =============================== */
/* Faq content css end */
/* =============================== */

/* ====================================================================================================================================== */
/*======================================================= faq Page CSS End ============================================================*/
/* ====================================================================================================================================== */

/* ====================================================================================================================================== */
/*======================================================= Renew Page CSS Start ============================================================*/
/* ====================================================================================================================================== */

/* =============================== */
/* Renew hero css start */
/* =============================== */

.renewhero {
  background-color: #e0f3f6;
}

/* =============================== */
/* Renew hero css end */
/* =============================== */

/* =============================== */
/* Go Renew porcess css start */
/* =============================== */

.dorenew {
  margin-top: 130px;
}

.dorenew .Insurance_card_container .card {
  background: rgba(255, 255, 255, 0.7);
  box-shadow: 0px 0px 28.5576px rgba(0, 0, 0, 0.15);
}

.floatrenewcard {
  position: absolute;
  z-index: 1;
  top: -65px;
  left: 50%;
  transform: translateX(-50%);
  width: 145px;
}

.Insurance_card_container .btn {
  background: #ffffff;
  box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.15);
  border-radius: 83px;
}

/* =============================== */
/* Go Renew porcess css end */
/* =============================== */

/* ====================================================================================================================================== */
/*======================================================= Renew Page CSS End ============================================================*/
/* ====================================================================================================================================== */

/* ====================================================================================================================================== */
/*======================================================= Claim Page CSS Start ============================================================*/
/* ====================================================================================================================================== */

/* =============================== */
/* Claim hero css start */
/* =============================== */

.claimhero {
  background-color: #e0f3f6;
}

.claimhero img {
  filter: contrast(0.8);
  -webkit-filter: contrast(0.8);
}

/* =============================== */
/* Claim hero css end */
/* =============================== */

/* ============================================ */
/* Claim assistance as per company start */
/* ============================================ */

.assistcontent button {
  background-color: #ffffff;
  border: 2px dashed #408e4d;
  padding: 15px 20px;
  display: block;
}

.assistcontent #Assist_company img {
  width: 100%;
  height: 80px;
  object-fit: contain;
}

html.modal-active,
body.modal-active {
  overflow: hidden;
}

#modal-container {
  position: fixed;
  display: table;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  transform: scale(0);
  z-index: 1;
}

#modal-container.Assist_company {
  transform: scale(1);
}

#modal-container.Assist_company .modal-background {
  animation: fadeIn 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
}

#modal-container.Assist_company .modal-background .custommodal {
  transform: translateX(-1500px);
  animation: roadRunnerIn 0.3s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
}

#modal-container.Assist_company.out {
  animation: quickScaleDown 0s 0.5s linear forwards;
}

#modal-container.Assist_company.out .modal-background {
  animation: fadeOut 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
}

#modal-container.Assist_company.out .modal-background .custommodal {
  animation: roadRunnerOut 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
}

#modal-container .modal-background {
  display: table-cell;
  background: rgba(0, 0, 0, 0.8);
  text-align: center;
  vertical-align: middle;
}

#modal-container .modal-background .custommodal {
  background: white;
  padding: 50px;
  display: inline-block;
  border-radius: 3px;
  position: relative;
  width: 500px;
}

.content {
  min-height: 100%;
  height: 100%;
  background: transparent;
  position: relative;
  z-index: 0;
}

@keyframes quickScaleDown {
  0% {
    transform: scale(1);
  }

  99.9% {
    transform: scale(1);
  }

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

@keyframes roadRunnerIn {
  0% {
    transform: translateX(-1500px) skewX(30deg) scaleX(1.3);
  }

  70% {
    transform: translateX(30px) skewX(0deg) scaleX(0.9);
    -webkit-transform: translateX(30px) skewX(0deg) scaleX(0.9);
    -moz-transform: translateX(30px) skewX(0deg) scaleX(0.9);
    -ms-transform: translateX(30px) skewX(0deg) scaleX(0.9);
    -o-transform: translateX(30px) skewX(0deg) scaleX(0.9);
  }

  100% {
    transform: translateX(0px) skewX(0deg) scaleX(1);
  }
}

@keyframes roadRunnerOut {
  0% {
    transform: translateX(0px) skewX(0deg) scaleX(1);
  }

  30% {
    transform: translateX(-30px) skewX(-5deg) scaleX(0.9);
  }

  100% {
    transform: translateX(1500px) skewX(30deg) scaleX(1.3);
  }
}

/* ============================================ */
/* Claim assistance as per company end */
/* ============================================ */

/* ====================================================================================================================================== */
/*======================================================= Claim Page CSS End ============================================================*/
/* ====================================================================================================================================== */

/* ====================================================================================================================================== */
/*======================================================= Support Page CSS Start ============================================================*/
/* ====================================================================================================================================== */

/* =============================== */
/* Support hero css start */
/* =============================== */

.supporthero {
  background-color: #e0f3f6;
}

/* =============================== */
/* Support hero css end */
/* =============================== */

/* =============================================== */
/* Support page content section css start */
/* =============================================== */

.supportcontent {
  margin-top: -110px;
}

.supportcontent .card {
  border: none;
  background: #ffffff;
  box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.1);
  border-radius: 10px;
  text-align: center;
  margin: 0px 30px;
  padding: 10px 20px;
}

.supportcontent .card img {
  width: 70px;
  margin: 0 auto;
}

/* =============================================== */
/* Support page content section css start */
/* =============================================== */

/* =============================================== */
/* Support page about query section css start */
/* =============================================== */

/* .supportpage .aboutqury input {
        padding: 15px 0px 15px 35px;
    } */

/* .supportpage .aboutqury input,
    .supportpage .aboutqury button {
        border-radius: 50px !important;
        -webkit-border-radius: 50px !important;
        -moz-border-radius: 50px !important;
        -ms-border-radius: 50px !important;
        -o-border-radius: 50px !important;
    } */

/* .supportpage .aboutqury button {
        padding-left: 60px;
        padding-right: 60px;
        margin-left: -60px !important;
    } */

/* =============================================== */
/* Support page about query section css end */
/* =============================================== */

/* ====================================================================================================================================== */
/*======================================================= Support Page CSS End ============================================================*/
/* ====================================================================================================================================== */

/* ====================================================================================================================================== */
/*============================================ Health Insurance Page CSS End ============================================*/
/* ====================================================================================================================================== */

/* =============================================== */
/* Health Insurance hero section css start */
/* =============================================== */

.healthhero {
  background-color: #e0f3f6;
}

.healthhero a.btn:hover svg {
  animation: hoverarrow 0.5s ease-out infinite;
  -webkit-animation: hoverarrow 0.5s ease-out infinite;
}

.healthhero a.second:hover {
  background-color: #ffffff !important;
  color: #01b0cb !important;
}

/* =============================================== */
/* Health Insurance hero section css end */
/* =============================================== */

/* =========================================================== */
/* Health Page something about us section css start */
/* =========================================================== */

.healthpage .somethingaboutus {
  background-image: none;
  background: #f7f7ff;
}

/* =========================================================== */
/* Health Page something about us section css end */
/* =========================================================== */

/* =========================================================== */
/* Health Page support section css start */
/* =========================================================== */

.healthpage .support {
  background-color: #ffffff;
}

.healthpage .mobileimg {
  right: 0;
  width: 700px;
  bottom: -140px;
}

/* =========================================================== */
/* Health Page support section css end */
/* =========================================================== */

/* =========================================================== */
/* Footer bannering section css start */
/* =========================================================== */

.footerbannering {
  margin-top: 220px;
}

.footerbannering ol {
  margin: 30px 0px;
  color: #777777;
}

.footerbannering ol li:not(:last-child) {
  margin-bottom: 20px;
}

.fbannerimg {
  position: absolute;
  bottom: -255px;
  left: 50px;
  width: 550px;
}

/* =========================================================== */
/* Footer bannering section css end */
/* =========================================================== */

/* ====================================================================================================================================== */
/*============================================ Health Insurance Page CSS End ============================================*/
/* ====================================================================================================================================== */

/* ====================================================================================================================================== */
/*============================================ Car Insurance Page CSS End ============================================*/
/* ====================================================================================================================================== */

/* =========================================== */
/* Car insurance hero banner css start */
/* =========================================== */

.carhero {
  background-color: #e0f3f6;
}

.carhero a.btn:hover svg {
  animation: hoverarrow 0.5s ease-out infinite;
  -webkit-animation: hoverarrow 0.5s ease-out infinite;
}

.carhero a.second:hover {
  background-color: #ffffff !important;
  color: #01b0cb !important;
}

/* =========================================== */
/* Car insurance hero banner css end */
/* =========================================== */

/* =========================================================== */
/* Car insurance something about us section css start */
/* =========================================================== */

.carpage .somethingaboutus {
  background-image: none;
  background: #f7f7ff;
}

/* =========================================================== */
/*  Car insurance something about us section css end */
/* =========================================================== */

/* =========================================================== */
/*  Car insurance support section css start */
/* =========================================================== */

.carpage .support {
  background-color: #ffffff;
}

.carpage .mobileimg {
  right: 0;
  width: 700px;
  bottom: -140px;
}

/* =========================================================== */
/*  Car insurance support section css start */
/* =========================================================== */

/* ====================================================================================================================================== */
/*============================================ Car Insurance Page CSS End ============================================*/
/* ====================================================================================================================================== */

/* ====================================================================================================================================== */
/*============================================ Bike Insurance Page CSS start ============================================*/
/* ====================================================================================================================================== */

/* =========================================== */
/* Bike insurance hero banner css start */
/* =========================================== */

.bikehero {
  background-color: #e0f3f6;
}

.bikehero a.btn:hover svg {
  animation: hoverarrow 0.5s ease-out infinite;
  -webkit-animation: hoverarrow 0.5s ease-out infinite;
}

.bikehero a.second:hover {
  background-color: #ffffff !important;
  color: #01b0cb !important;
}

/* =========================================== */
/* Bike insurance hero banner css end */
/* =========================================== */

/* =========================================================== */
/* Bike insurance something about us section css start */
/* =========================================================== */

.bikepage .somethingaboutus {
  background-image: none;
  background: #f7f7ff;
}

/* =========================================================== */
/*  Bike insurance something about us section css end */
/* =========================================================== */

/* =========================================================== */
/*  Bike insurance support section css start */
/* =========================================================== */

.bikepage .support {
  background-color: #ffffff;
}

.bikepage .mobileimg {
  right: 0;
  width: 700px;
  bottom: -140px;
}

/* =========================================================== */
/*  Bike insurance support section css start */
/* =========================================================== */

/* ====================================================================================================================================== */
/*============================================ Bike Insurance Page CSS End ============================================*/
/* ====================================================================================================================================== */

/* ====================================================================================================================================== */
/*============================================ GCV Insurance Page CSS start ============================================*/
/* ====================================================================================================================================== */

/* =========================================== */
/* GCV insurance hero banner css start */
/* =========================================== */

.gcvhero {
  background-color: #e0f3f6;
  position: relative;
}

.gcvhero a.btn:hover svg {
  animation: hoverarrow 0.5s ease-out infinite;
  -webkit-animation: hoverarrow 0.5s ease-out infinite;
}

.gcvhero a.second:hover {
  background-color: #ffffff !important;
  color: #01b0cb !important;
}

.gcvinfopageimg,
.bikeinfopageimg,
.carinfopageimg,
.healthinfopageimg,
.contaceinfopageimg,
.aboutinfopageimg,
.faqinfopageimg {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  width: 50%;
  margin-left: auto;
}

/* =========================================== */
/* GCV insurance hero banner css end */
/* =========================================== */

/* =========================================================== */
/* GCV insurance something about us section css start */
/* =========================================================== */

.gcvpage .somethingaboutus {
  background-image: none;
  background: #f7f7ff;
}

/* =========================================================== */
/*  GCV insurance something about us section css end */
/* =========================================================== */

/* =========================================================== */
/*  GCV insurance support section css start */
/* =========================================================== */

.gcvpage .support {
  background-color: #ffffff;
}

.gcvpage .mobileimg {
  right: 0;
  width: 700px;
  bottom: -140px;
}

/* =========================================================== */
/*  GCV insurance support section css start */
/* =========================================================== */

/* ====================================================================================================================================== */
/*============================================ GCV Insurance Page CSS End ============================================*/
/* ====================================================================================================================================== */

/* ====================================================================================================================================== */
/*============================================ PCV Insurance Page CSS start ============================================*/
/* ====================================================================================================================================== */

/* =========================================== */
/* PCV insurance hero banner css start */
/* =========================================== */

.pcvhero {
  background-color: #e0f3f6;
  position: relative;
}

.gcvhpcvheroero a.btn:hover svg {
  animation: hoverarrow 0.5s ease-out infinite;
  -webkit-animation: hoverarrow 0.5s ease-out infinite;
}

.pcvhero a.second:hover {
  background-color: #ffffff !important;
  color: #01b0cb !important;
}

.pcvinfopageimg {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  width: 35%;
  margin-left: auto;
}

/* =========================================== */
/* PCV insurance hero banner css end */
/* =========================================== */

/* =========================================================== */
/* PCV insurance something about us section css start */
/* =========================================================== */

.pcvpage .somethingaboutus {
  background-image: none;
  background: #f7f7ff;
}

/* =========================================================== */
/*  PCV insurance something about us section css end */
/* =========================================================== */

/* =========================================================== */
/*  PCV insurance support section css start */
/* =========================================================== */

.pcvpage .support {
  background-color: #ffffff;
}

.pcvpage .mobileimg {
  right: 0;
  width: 700px;
  bottom: -140px;
}

/* =========================================================== */
/*  PCV insurance support section css start */
/* =========================================================== */

/* ====================================================================================================================================== */
/*============================================ PCV Insurance Page CSS End ============================================*/
/* ====================================================================================================================================== */

/* ====================================================================================================================================== */
/*=================================================== Privacy & condition Page CSS Start ===================================================*/
/* ====================================================================================================================================== */

/* ==================================== */
/*  Privacy & condition hero css start */
/* ==================================== */

.parivacyhero,
.conditionhero {
  background-image: linear-gradient(to bottom, #01b0cbe8, #01b0cbe8),
    url("../img/privacyhero.png");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  position: relative;
  padding: 80px 0px 150px 0px;
}

.parivacyhero img,
.conditionhero img {
  width: 25px;
  vertical-align: baseline;
}

/* ==================================== */
/*  Privacy & condition hero css end */
/* ==================================== */

/* ========================================================= */
/*  Privacy & condition page content section css start */
/* ========================================================= */

.privacycontent,
.conditioncontent {
  margin-top: -110px;
}

.privacycontent .card,
.conditioncontent .card {
  border: none;
  background: #ffffff;
  box-shadow: 0px 0px 50px rgba(0, 0, 0, 0.15);
  border-radius: 10px;
  padding: 25px 45px;
}

/* ========================================================= */
/*  Privacy & condition page content section css start */
/* ========================================================= */

/* ====================================================================================================================================== */
/*=================================================== Privacy & condition Page CSS End ===================================================*/
/* ====================================================================================================================================== */

/* ====================================================================================================================================== */
/*================================================== Insurance main page css Start ====================================================*/
/* ====================================================================================================================================== */

/* ============================================ */
/* Insurance process page banner start */
/* ============================================ */

.InsuranceMMV .herobanner {
  background-image: none;
}

.mmvbannerimg {
  width: 150px;
  margin-left: auto;
  margin-right: 40px;
  display: block;
}

.beforeborder {
  position: relative;
}

.beforeborder::after {
  content: " ";
  position: absolute;
  width: 2px;
  height: 100%;
  background-color: #ffffff;
  top: 0;
  bottom: 0;
  right: 16px;
}

/* ============================================ */
/* Insurance process page banner end */
/* ============================================ */

/* ================================================ */
/* Insurance content section one css start */
/* ================================================ */

.whyheltinsureq {
  border-radius: 12px;
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  -ms-border-radius: 12px;
  -o-border-radius: 12px;
  margin-top: 60px;
  border: 1px solid;
  border-color: #d9d9d9;
  padding: 50px 75px 40px 75px;
}

.greenchesscard {
  margin-top: 60px;
}

.greenchesscard .card {
  border: none;
  border-radius: 0px;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  -ms-border-radius: 0px;
  -o-border-radius: 0px;
  margin: 0px 10px;
  padding: 15px;
  height: 100%;
}

.greenchesscard .card:hover {
  background-color: #01b0cb;
  color: #ffffff;
}

.greenchesscard .card:hover p {
  color: #ffffff !important;
}

/* ================================================ */
/* Insurance content section one css end */
/* ================================================ */

/* ================================================ */
/* Insurance content section two css start */
/* ================================================ */

.buysteps {
  text-align: center;
  position: relative;
  margin-top: 25px;
}

.buysteps img {
  width: 100px;
  height: 100px;
  object-fit: contain;
}

.insuraceCOntent .buysteps:not(:last-child):after {
  content: "";
  background-image: url("../img/buysteparrow.png");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  position: absolute;
  top: 30px;
  right: -110px;
  height: 100px;
  width: 40px;
}

/* ================================================ */
/* Insurance content section two css end */
/* ================================================ */

/* ========================================= */
/* Insurance Myths section css start */
/* ========================================= */

.insurancemyths {
  background: #419b4f;
  padding-bottom: 70px;
}

.myths {
  display: inline-block;
  border: 1px solid #ffffff;
  padding: 10px 15px;
  margin-bottom: 20px;
  font-weight: 600;
}

/* ========================================= */
/* Insurance Myths section css end */
/* ========================================= */

/* ====================================================================================================================================== */
/*================================================== Insurance main page css End ====================================================*/
/* ====================================================================================================================================== */

/* ====================================================================================================================================== */
/*================================================== Quote list page css start ====================================================*/
/* ====================================================================================================================================== */

.submithighlight {
  box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.2);
  border-radius: 0px 0px 20px 20px;
  -webkit-border-radius: 0px 0px 20px 20px;
  -moz-border-radius: 0px 0px 20px 20px;
  -ms-border-radius: 0px 0px 20px 20px;
  -o-border-radius: 0px 0px 20px 20px;
  border-bottom: 2px solid hsl(0deg 0% 65% / 26%);
}

.upperpart img {
  width: 15px;
}

.upperpart {
  margin-bottom: 0;
}

.upperpart {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
}

.upperpart li p {
  margin-bottom: 0px;
}

.upperpart li {
  display: block;
  /* text-align: center; */
  /* padding: 0px 50px; */
  position: relative;
  margin-top: 10px;
}

.editquotemmvicon img {
  width: 15px;
  display: inline-block;
  margin-right: 10px;
}

.editquotemmvicon {
  position: absolute;
  right: 20px;
  top: 20px;
  border: 1px solid #01b0cb;
  border-radius: 50px;
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  -ms-border-radius: 50px;
  -o-border-radius: 50px;
  padding: 5px 10px;
  text-transform: capitalize;
  font-size: 1.4rem;
}

.submithighlight .accordion-button .editquotemmvicon {
  opacity: 1;
  visibility: visible;
}

.upperpart li:not(:last-child)::after {
  content: " ";
  position: absolute;
  background-color: #cfcfcf;
  width: 1px;
  height: 100%;
  top: 0;
  bottom: 0;
  right: -16px;
}

.quotelist select {
  color: #555555;
  border: 0.5px solid #000000;
  padding: 5px 10px;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  margin-left: 10px;
  outline: none !important;
  box-shadow: none !important;
}

.icimage {
  width: 180px;
  height: 80px;
  object-fit: contain;
}

.quotelist ul {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
}

.quotelist ul li {
  display: inline-block;
  text-align: center;
}

.quotelist .card {
  box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.1);
  margin-top: 20px;
  margin-bottom: 45px;
}

.quotelist .card-body {
  padding: 20px 25px;
}

.suggationlabel {
  position: absolute;
  background: #01b0cb;
  top: -33px;
  left: 0;
  color: #ffffff;
  font-size: 1.6rem;
  padding: 10px 20px;
  border-top-right-radius: 5px;
  border-top-left-radius: 5px;
  z-index: -1;
}

/* .quotelist .card-body::after {
  content: " ";
  position: absolute;
  top: 0;
  bottom: 0;
  height: 75%;
  width: 2px;
  background-color: #d1d1d1;
  left: 25%;
  margin-top: auto;
  margin-bottom: auto;
} */

/* ======================= */
/* Modify quote offcanvas */
/* ======================= */

.offcanvas#modifyquotecanvas .offcanvas-header,
.offcanvas#modifyHEALTHquotecanvas .offcanvas-header {
  background-color: #01b0cb;
  position: relative;
}

.offcanvas#modifyquotecanvas .offcanvas-header h5,
.offcanvas#modifyHEALTHquotecanvas .offcanvas-header h5 {
  font-family: "Jost";
  text-align: center;
  width: 100%;
  font-size: 2rem;
  font-weight: 600;
  color: #ffffff;
}

.offcanvas#modifyquotecanvas .offcanvas-header .btn-close,
.offcanvas#modifyHEALTHquotecanvas .offcanvas-header .btn-close {
  outline: none !important;
  box-shadow: none !important;
  border: 2px solid transparent;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  padding: 10px;
  position: absolute;
  top: 25px;
  right: 20px;
  background-image: url("../img/off_cross.svg");
  opacity: 1 !important;
}

.offcanvas#modifyquotecanvas .offcanvas-header .btn-close:hover,
.offcanvas#modifyHEALTHquotecanvas .offcanvas-header .btn-close:hover {
  border-color: #ffffff;
}

.offcanvas#modifyquotecanvas .offcanvas-body,
.offcanvas#modifyHEALTHquotecanvas .offcanvas-body {
  padding: 30px 40px 100px 40px;
}

.offcanvas#modifyquotecanvas .accordion-button,
.offcanvas#modifyHEALTHquotecanvas .accordion-button {
  padding: 15px 30px;
  background-color: #ffffff;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  font-size: 1.6rem;
}

.offcanvas#modifyquotecanvas .accordion-body,
.offcanvas#modifyHEALTHquotecanvas .accordion-body {
  padding: 15px 30px;
  background-color: #ffffff;
  /* padding-top: 5px; */
}

.offcanvas#modifyquotecanvas .accordion-button::after,
.offcanvas#modifyHEALTHquotecanvas .accordion-button::after {
  left: auto;
  right: 30px;
}

#modifyquotecanvas .recalculatequote,
#modifyHEALTHquotecanvas .recalculatequote,
#updateentereddetails .recalculatequote {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  display: block;
  z-index: 0;
}

#modifyquotecanvas .recalculatequote button,
#modifyHEALTHquotecanvas .recalculatequote button {
  width: 100%;
  border: none;
  background-image: linear-gradient(
    270deg,
    #da6af7 14.68%,
    #b05bff 40.78%,
    #8666ff 64.83%,
    #5e5efc 100%
  );
  background-size: cover;
  color: #ffffff;
  padding: 15px 0px;
  font-size: 1.6rem;
  font-weight: 500;
  z-index: 0;
  position: relative;
}

#modifyquotecanvas .recalculatequote button::before,
#modifyHEALTHquotecanvas .recalculatequote button::before {
  content: "";
  position: absolute;
  left: auto;
  right: 0;
  top: 0;
  bottom: 0;
  height: 100%;
  width: 0%;
  z-index: -1;
  background-image: linear-gradient(
    270deg,
    #5e5efc 14.68%,
    #8666ff 40.78%,
    #b05bff 64.83%,
    #da6af7 100%
  );
  transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -ms-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
}

#modifyquotecanvas .recalculatequote button:hover::before,
#modifyHEALTHquotecanvas .recalculatequote button:hover::before {
  width: 100%;
  left: 0;
}

.accinline_check label {
  cursor: pointer;
  display: inline-block;
}

.accinline_check label svg {
  width: 25px;
  height: 25px;
}

.accinline_check label svg .background {
  fill: #ccc;
  transition: ease all 0.6s;
  -webkit-transition: ease all 0.6s;
}

.accinline_check label svg .stroke {
  fill: none;
  stroke: #fff;
  stroke-miterlimit: 10;
  stroke-width: 2px;
  stroke-dashoffset: 100;
  stroke-dasharray: 100;
  transition: ease all 0.6s;
  -webkit-transition: ease all 0.6s;
}

.accinline_check label svg .check {
  fill: none;
  stroke: #fff;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 2px;
  stroke-dashoffset: 22;
  stroke-dasharray: 22;
  transition: ease all 0.6s;
  -webkit-transition: ease all 0.6s;
}

.accinline_check input[type="checkbox"]:checked + label svg .check,
.accinline_check input[type="radio"]:checked + label svg .check {
  stroke-dashoffset: 0;
}

/* .accinline_check input[type="checkbox"]:checked+label svg .stroke ,
        .accinline_check input[type="radio"]:checked+label svg .stroke{
        stroke-dashoffset: 0;
    } */

.accinline_check input[type="checkbox"]:checked + label svg .background,
.accinline_check input[type="radio"]:checked + label svg .background {
  fill: #01b0cb;
}

.idvinputcustom {
  width: 89%;
  display: block;
  border-right: none;
  border-left: none;
  border-top: none;
  outline: none !important;
  font-size: 1.4rem;
  margin: 10px 0px 10px auto;
  padding: 10px 0px 10px 2px;
}

/* ============================ */
/* Edit Your Search offcanvas */
/* ============================ */

.offcanvas#updateentereddetails .offcanvas-header {
  /* background-color: #d7d5d557; */
  background-color: #d3d8ff57;
  position: relative;
  padding-left: 40px;
}

.offcanvas#updateentereddetails .offcanvas-header h5 {
  font-family: "Jost";
  text-align: left;
  width: 100%;
  font-size: 2rem;
  font-weight: 600;
  color: #000000;
}

#updateentereddetails .offcanvas-title img {
  width: 25px;
  display: inline-block;
  margin-right: 5px;
}

.offcanvas#updateentereddetails .offcanvas-header .btn-close {
  outline: none !important;
  box-shadow: none !important;
  border: 2px solid transparent;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  padding: 10px;
  position: absolute;
  top: 25px;
  right: 20px;
}

.offcanvas#updateentereddetails .offcanvas-header .btn-close:hover {
  border-color: #000000;
}

.offcanvas#updateentereddetails .offcanvas-body {
  padding: 30px 40px 100px 40px;
}

#updateentereddetails .recalculatequote button {
  width: 100%;
  border: none;
  background: #01b0cb;
  color: #ffffff;
  padding: 15px 0px;
  font-size: 1.8rem;
  font-weight: 500;
  z-index: 0;
  position: relative;
  overflow: hidden;
}

#updateentereddetails .recalculatequote button::before {
  position: absolute;
  top: 0;
  right: -100px;
  bottom: 0;
  z-index: 2;
  display: block;
  content: "";
  width: 0%;
  height: 100%;
  background-image: linear-gradient(
    to right,
    rgba(255, 255, 255, 0) 0%,
    rgba(255, 255, 255, 0.3) 100%
  );
  -webkit-transform: skewX(-25deg);
  transform: skewX(-25deg);
  background-size: cover;
  transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -ms-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
}

#updateentereddetails .recalculatequote button:hover::before {
  left: 0;
  width: 200%;
}

/* =================================================== */
/* Plan details and premium break up datails modal */
/* =================================================== */
#plandetailsmodal .modal-body {
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
  border-bottom: none;
  padding: 0px 30px 0px 30px;
}

#plandetailsmodal .modal-content {
  padding: 10px 10px;
  height: 100%;
}

/* #plandetailsmodal .modal-dialog {
  width: 96vw;
} */

#plandetailsmodal .modal-footer {
  background: #f9f9f9;
  border-top: 1px solid #d9d9d9;
  padding: 10px 0px 15px 0px;
}

.modal-footer > * {
  margin: 0px auto;
}

#plandetailsmodal .modal-footer .planfootimg {
  width: 90px;
  vertical-align: middle;
}

#plandetailsmodal .modal-footer span {
  color: #787878;
  font-size: 1.6rem;
  text-transform: capitalize;
  display: inline-block;
  margin-left: 7px;
  vertical-align: -webkit-baseline-middle;
}

.selectedquotesummrycard {
  background: #f1f1f1;
  padding: 50px 30px 50px 30px;
  /* display: flex;
  align-items: center; */
}

.selectedquotesummrycard img {
  width: 150px;
  height: 80px;
  object-fit: contain;
}

#plandetailsmodal .nav.nav-tabs {
  justify-content: center;
  border: none;
}

#plandetailsmodal .nav-tabs .nav-link {
  color: #000000;
  font-size: 1.6rem;
  font-weight: 500;
  border: none;
  border-bottom: 2px solid transparent;
  width: 200px;
  margin: 0px 20px;
  padding: 5px 0px 5px 0px;
  border-radius: 0px;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  -ms-border-radius: 0px;
  -o-border-radius: 0px;
}

#plandetailsmodal .nav-tabs .nav-link.active {
  color: #000000;
  border-color: #01b0cb;
}

#plandetailsmodal .nav-tabs .nav-link.one.active {
  background: linear-gradient(
    275deg,
    #e2e2e2 37%,
    rgba(238, 238, 238, 0) 104.5%
  );
}

#plandetailsmodal .nav-tabs .nav-link.two.active {
  background: linear-gradient(
    92deg,
    #e2e2e2 37%,
    rgba(238, 238, 238, 0) 104.5%
  );
}

#plandetailsmodal .nav-tabs .nav-link:hover {
  color: #01b0cb;
}

#plandetailsmodal .nav-tabs .nav-link:focus {
  color: #000000;
}

#Premiumbreakup p {
  font-size: 1.4rem;
}

#plandetailsmodal .btn-close {
  outline: none !important;
  box-shadow: none !important;
  position: absolute;
  top: 20px;
  right: 20px;
  width: 8px;
  height: 8px;
}

/* ====================================================================================================================================== */
/*================================================== Quote list page css end ====================================================*/
/* ====================================================================================================================================== */

/* ====================================================================================================================================== */
/*================================================== Dashboard page css start ====================================================*/
/* ====================================================================================================================================== */

.dashpartition .nav-pills .nav-link {
  color: #000000;
  font-family: "Jost";
  padding: 15px 0px 15px 20px;
  font-size: 1.8rem;
  text-align: left;
  width: 100%;
}

.dashpartition .nav-pills .nav-item:not(:last-child) {
  margin-bottom: 20px;
}

.dashpartition .nav-pills .nav-link.active {
  color: #ffffff;
}

.dashpartition .nav-pills .nav-link:hover {
  background-color: #cfcfcf;
  color: #000000;
}

.aftergreen::after {
  content: " ";
  width: 1px;
  height: 400px;
  position: absolute;
  top: -35px;
  bottom: 0;
  background-color: #01b0cb;
  left: 25%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
}

/* ====================================================================================================================================== */
/*================================================== Dashboard page css end ====================================================*/
/* ====================================================================================================================================== */

/* ====================================================================================================================================== */
/*======================================================== KYC page css start ==========================================================*/
/* ====================================================================================================================================== */

.kycsection .selectedquotesummrycard {
  padding: 20px 25px;
}

.kycsection .selectedquotesummrycard .card-body {
  padding: 20px 20px;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
}

.kycsection .formstepinfos {
  border: 1px dashed #000000;
  padding: 15px 0px 10px 0px;
}

.kycsection .formstepinfos ul {
  display: flex;
  justify-content: center;
  font-size: 1.8rem;
  margin: 0;
}

.kycsection .formstepinfos ul li:not(:last-child) {
  margin-right: 25px;
  position: relative;
}

.kycsection .formstepinfos ul li:not(:last-child)::before {
  content: "";
  background-image: url("../img/beforearrow.png");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center center;
  position: absolute;
  right: -18px;
  top: 40%;
  width: 10px;
  height: 10px;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
}

.kycformaccordion .accordion-flush .accordion-item .accordion-header {
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  padding: 2.3rem 2.3rem;
}

.kycformaccordion .accordion-button::after {
  display: none;
}

.kycformaccordion .accordion-flush .accordion-item .accordion-button {
  position: absolute;
  width: auto;
  display: block;
  padding: 5px 15px;
  top: 15px;
  right: 15px;
  background: #f1f1f1;
  font-size: 13px;
  letter-spacing: 0.5px;
  border-radius: 20px !important;
  -webkit-border-radius: 20px !important;
  -moz-border-radius: 20px !important;
  -ms-border-radius: 20px !important;
  -o-border-radius: 20px !important;
}

.kycformaccordion .accordion-body {
  padding: 2.3rem 2.3rem;
}

.stepnum {
  border: 2px solid #000000;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  padding: 10px 15px;
  display: block;
  margin-right: 30px;
}

.kycsummery p {
  font-size: 14px;
}

.accordion-button ~ .mydiv .kycsummery {
  display: none !important;
}

.accordion-button.collapsed ~ .mydiv .kycsummery {
  display: flex !important;
}

.kycformaccordion .dieseslist {
  display: flex;
  justify-content: start;
  align-items: center;
}

/* ====================================================================================================================================== */
/*======================================================== KYC page css end ==========================================================*/
/* ====================================================================================================================================== */

/* ====================================================================================================================================== */
/*========================================= Review Your Policy and update documents page css start ====================================*/
/* ====================================================================================================================================== */

.reviewpolicyaccordion .accordion-button {
  background-color: #e5e5e657;
}

.reviewpolicyaccordion .accordion-item {
  box-shadow: none;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border: 0.5px solid #cfcfcf;
}

.reviewpolicyaccordion .accordion-flush .accordion-item:first-child {
  border-top: 0.5px solid #cfcfcf;
}

.reviewpolicyaccordion .accordion-flush .accordion-item:last-child {
  border-bottom: 0.5px solid #cfcfcf;
}

.reviewpolicyaccordion .accordion-button {
  padding: 2.3rem;
}

.reviewpolicyaccordion .accordion-body {
  background: #e5e5e657;
  padding: 10px 0px 0px 0px;
}

/* 
    .reviewpolicyaccordion .accordion-flush .accordion-item .accordion-button.collapsed {
        border-radius: 5px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        -ms-border-radius: 5px;
        -o-border-radius: 5px;
    } */

.reviewpolicyaccordion .accordion-flush .accordion-item .accordion-button {
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
  border-top-right-radius: 5px;
  border-top-left-radius: 5px;
}

.reviewpolicyaccordion .accordion-button::after {
  right: 25px;
}

.summryicimg {
  width: 50px;
  height: 30px;
  object-fit: contain;
  margin-right: 10px;
  display: inline-block;
}

.docprevimg {
  display: block;
  width: 100%;
  border: 1px dashed #343434;
  margin: 0 auto 10px auto;
  padding: 25px;
  object-fit: cover;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
}

.reviewcontent a.btn:hover svg {
  animation: hoverarrow 0.5s ease-out infinite;
  -webkit-animation: hoverarrow 0.5s ease-out infinite;
}

.card.home_banner-card {
  background: transparent;
  border: 0px;
  padding: 12px;
  max-width: 100%;
}

.card.home_banner-card .home_banner-img {
  border-radius: 30px;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  -ms-border-radius: 30px;
  -o-border-radius: 30px;
  overflow: hidden;
}

.card.home_banner-card .home_banner-img img {
  border-radius: 30px;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  -ms-border-radius: 30px;
  -o-border-radius: 30px;
}

.Expired-card {
  position: absolute;
  min-width: 250px;
  z-index: 999;
  top: 0;
  right: 0;
  background: #ffffff !important;
  border: 0px;
  border-radius: 10px;
  box-shadow: 0 1rem 3rem rgba(var(--bs-body-color-rgb), 0.175) !important;
}

#plandetailsmodal .modal-body .col-lg-3 {
  width: 30%;
}

footer img {
  width: 250px;
}

/* ====================================================================================================================================== */
/*========================================= Review Your Policy and update documents page css end ====================================*/
/* ====================================================================================================================================== */