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

:root {
  --font-size-10: 10px;
  --font-size-12: 12px;
  --font-size-13: 13px;
  --font-size-14: 14px;
  --font-size-16: 16px;
  --font-size-17: 17px;
  --font-size-18: 18px;
  --font-size-20: 20px;
  --font-size-22: 22px;
  --font-size-24: 24px;
  --font-size-26: 26px;
  --font-size-27: 27px;
  --font-size-28: 28px;
  --font-size-30: 30px;
  --font-size-32: 32px;
  --font-size-34: 34px;
  --font-size-36: 36px;
  --font-size-40: 40px;
  --font-size-42: 42px;
  --font-size-44: 44px;
  --font-size-47: 47px;
  --fontLight: 300;
  --fontRegular: 400;
  --fontMedium: 500;
  --fontSemiBold: 600;
  --fontBold: 700;
  --fontExtraBold: 800;
  --fontBlack: 900;
  --fontPoppins: "Poppins", sans-serif;
  --color-white: #ffffff;
  --color-black: #000000;
  --color-red: #ce153f;
  --color-dark-1: #222222;
  --color-dark-2: #282d31;
  --color-dark-3: #383d42;
  --color-dark-3-opacity-25: #383d4240;
  --color-gray-1: #f3f3f3;
}

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

html {
  overflow-x: hidden;
  overflow-y: scroll;
  /* scroll-behavior: smooth; */
  scroll-behavior: auto !important;
}

body {
  -webkit-font-smoothing: antialiased !important;
  overflow-x: hidden;
  touch-action: pan-x pan-y;
  margin: 0;
  padding: 0;
  position: relative;
  scroll-behavior: auto;
}

img {
  max-width: 100%;
  height: auto;
}

/* default css for whole site start */

.urdu-updated-font {
  font-family: "Noto Nastaliq Urdu", serif !important;
}

.english-updated-font {
  font-family: var(--fontPoppins), serif !important;
}

.red-text {
  color: var(--color-red) !important;
}

.light-weight {
  font-weight: 300 !important;
}

.bold-weight {
  font-weight: 700;
}

.sec-heading .default-para {
  font-size: var(--font-size-20);
}

.side-by-side {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 20px;
}

.fadeInUp {
  opacity: 0;
  visibility: hidden;
}

.fadeIn {
  opacity: 0;
  visibility: hidden;
}

.animated2 {
  animation-duration: 2s;
  animation-fill-mode: both;
  animation-name: fadeInNew;
  visibility: visible;
  opacity: 1;
}

.animated {
  animation-duration: 1s;
  animation-fill-mode: both;
  animation-name: fadeInUpNew;
  visibility: visible;
  opacity: 1;
}

@keyframes fadeInUpNew {
  0% {
    opacity: 0;
    transform: translateY(20px);
  }

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

@-webkit-keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(20px);
  }

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

@keyframes fadeInNew {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

.default-heading {
  /*font-size: var(--font-size-40);*/
  font-size: var(--font-size-36);
  color: var(--color-dark-1);
  font-family: var(--fontPoppins);
  font-weight: var(--fontSemiBold);
  /*line-height: var(--font-size-44);*/
  line-height: var(--font-size-40);
}

.default-para {
  font-size: var(--font-size-16);
  color: var(--color-dark-1);
  font-family: var(--fontPoppins);
  font-weight: var(--fontRegular);
  /*line-height: var(--font-size-24);*/
  /* line-height: var(--font-size-18); */
}

.standard-btn {
  background-color: var(--color-red);
  font-size: var(--font-size-16);
  color: var(--color-white);
  border-radius: 3px;
  padding: 0.375rem 24px;
  text-decoration: none;
  transition: all 0.15s ease-in-out;
  border: 1px solid var(--color-red);
  font-family: var(--fontPoppins);
  font-weight: var(--fontMedium);
  -webkit-box-shadow: 0px 8px 16px -6px rgba(0, 82, 103, 0.32);
  -moz-box-shadow: 0px 8px 16px -6px rgba(0, 82, 103, 0.32);
  box-shadow: 0px 8px 16px -6px rgba(0, 82, 103, 0.32);
}

.standard-btn:hover {
  background-color: var(--color-white);
  color: var(--color-red);
  border-color: var(--color-red);
}

.btn-ancher {
  background-color: transparent;
  font-size: var(--font-size-16);
  color: var(--color-dark-2);
  text-decoration: none;
  transition: all 0.15s ease-in-out;
  border: none;
  font-family: var(--fontPoppins);
  font-weight: var(--fontMedium);
}

.btn-ancher:hover {
  color: var(--color-red);
}

.btn-ancher img {
  transition: all 0.5s ease-in-out;
}

.btn-ancher:hover img {
  margin-left: 10px;
}

.actor-line-btn {
  background-color: transparent;
  font-size: var(--font-size-20);
  color: var(--color-black);
  transition: all 0.15s ease-in-out;
  border: none;
  font-family: var(--fontPoppins);
  font-weight: var(--fontRegular);
}

.actor-line-btn:hover {
  color: var(--color-red);
}

/* select 2 */

.default_select2 {
  width: 100%;
}

.select2-container .select2-selection--single,
.select2-container--default .select2-search--dropdown .select2-search__field {
  border: none;
}

.select2-container .select2-selection--single,
.select2-dropdown .select2-search--dropdown .select2-search__field {
  background-color: var(--color-white);
  border-radius: 24px;
  border-radius: 0;
}

.select2-container .select2-selection--single,
.select2-container .select2-selection--single .select2-selection__rendered {
  height: auto;
  line-height: normal;
}

.select2-dropdown .select2-search--dropdown .select2-search__field,
.select2-container .select2-selection--single .select2-selection__rendered {
  padding-inline: 5px;
  font-family: var(--fontPoppins);
  font-size: var(--font-size-12);
  font-weight: var(--fontRegular);
  color: var(--color-red);
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
  height: 100%;
  width: 25px;
}

.select2-search--dropdown,
.select2-results__option[aria-selected],
.select2-results__option[data-selected],
.select2-results__option.select2-results__message {
  padding-inline: 5px;
}

.select2-dropdown {
  border-radius: 8px;
  border-radius: 0;
  overflow: hidden;
  border: none;
  z-index: 9999;
}

.select2-search--dropdown {
  padding-block: 12px;
}

.select2-dropdown .select2-search--dropdown .select2-search__field {
  padding: 16px 20px;
  font-family: var(--ff-sans);
  font-size: 15px;
}

.select2-container--default .select2-results__option[aria-selected="true"] {
  background-color: var(--color-red);
  color: var(--color-white);
}

.select2-container--default .select2-results__option--highlighted[aria-selected]:hover,
.select2-container--default .select2-results__option--highlighted[data-selected]:hover {
  background-color: var(--color-red);
}

.select2-container--default .select2-results__option--highlighted[aria-selected]:focus,
.select2-container--default .select2-results__option--highlighted[data-selected]:focus {
  background-color: var(transparent);
  color: var(--color-white);
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
  background-color: var(--color-red);
}

.select2-container--default .select2-results__option--highlighted[data-selected] {
  background-color: var(--color-red);
  color: var(--color-white);
}

.select2-container--default .select2-selection--single .select2-selection__arrow b {
  display: none;
}

/* default select2 */

.select2-container .select2-selection--single.custom-container {
  background-color: #f1f1f1;
  border-radius: 3px;
  margin-top: 15px;
  padding-left: 0;
  border: 1px solid transparent;
}

.select2-container--bootstrap-5 .select2-selection--single {
  background: none;
  position: relative;
}

.select2-container--bootstrap-5 .select2-selection--single::before {
  font-family: "Font Awesome 6 Free";
  content: "\f078";
  font-weight: 900;
  color: var(--color-red);
  display: inline-block;
  margin-left: 5px;
  transition: all 0.5s ease;
  position: absolute;
  right: 2%;
  top: 35%;
}

.select2-container--bootstrap-5.select2-container--focus .select2-selection,
.select2-container--bootstrap-5.select2-container--open .select2-selection {
  box-shadow: none;
  border: none;
}

.select2-container--bootstrap-5 .select2-dropdown .select2-results__options .select2-results__option.select2-results__option--selected,
.select2-container--bootstrap-5 .select2-dropdown .select2-results__options .select2-results__option[aria-selected="true"]:not(.select2-results__option--highlighted) {
  color: #fff;
  background-color: var(--color-red);
}

.select2-container--bootstrap-5 .select2-dropdown .select2-results__options .select2-results__option.select2-results__option--highlighted {
  color: var(--color-white);
  background-color: var(--color-black);
}

.select2-container .select2-selection--single.custom-container .select2-selection__rendered {
  padding: 1rem 0.75rem;
  height: 64px;
  font-family: var(--fontPoppins);
  font-size: var(--font-size-17);
  font-weight: var(--fontMedium);
  color: #040c22;
  line-height: var(--font-size-30);
  padding-top: 20px;
}

.select2-container--default .select2-selection--single.custom-container .select2-selection__arrow {
  display: flex;
  align-items: center;
  justify-content: center;
  right: 16px;
  top: 50%;
  transform: translateY(-40%);
  height: 65px;
}

/* default select2 */

.select2-container--default .select2-selection--single .select2-selection__arrow::before {
  font-family: "Font Awesome 6 Free";
  content: "\f078";
  /* Font Awesome arrow-down */
  font-weight: 900;
  color: var(--color-red);
  display: inline-block;
  margin-left: 5px;
  transition: all 0.5s ease;
  position: absolute;
}

span.select2.select2-container.select2-container--bootstrap-5 {
  width: auto !important;
}

.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow::before {
  transform: rotate(180deg);
}

.select2-results__option {
  font-family: var(--fontPoppins);
  font-size: var(--font-size-12);
  font-weight: var(--fontRegular);
}

.no-label+.select2-container--bootstrap-5 .select2-selection.select2-selection--single.custom-container {
  display: flex;
  align-items: center;
}

.no-label+.select2-container--bootstrap-5 .select2-selection.select2-selection--single.custom-container .select2-selection__rendered {
  padding-top: 1rem;
}

/* select 2 */

/* inputs */

.custom-input {
  font-family: var(--fontPoppins);
  font-size: var(--font-size-17);
  line-height: var(--font-size-24) !important;
  font-weight: var(--fontMedium);
  color: #040c22;
  border-radius: 3px;
  height: 64px !important;
  background-color: #f1f1f1;
  border: none;
}

.custom-input:focus {
  box-shadow: 0 0 0 0.25rem rgba(206, 21, 63, 0.25);
  border: none;
}

.custom-label {
  border: none;
  font-family: var(--fontPoppins);
  font-size: var(--font-size-13);
  line-height: var(--font-size-30);
  font-weight: var(--fontRegular);
  color: #5c616f;
  border-radius: 3px;
}

.custom-check-label {
  font-family: var(--fontPoppins);
  font-size: var(--font-size-13);
  line-height: var(--font-size-18);
  font-weight: var(--fontMedium);
  color: var(--color-dark-1);
}

.custom-check-input:checked {
  background-color: var(--color-red);
  border-color: var(--color-red);
}

.custom-check-input {
  border-radius: 0 !important;
}

/* inputs */

/* brackpoints */
.d-show {
  display: block !important;
}

.m-show {
  display: none !important;
}

.t-show {
  display: none !important;
}

/* brackpoints */

/* header */

header {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 9999;
  z-index: 999;
  transition: all 0.3s ease-in-out;
}

.white-bg {
  background-color: var(--color-white);
}

header .desktop-menu .navbar {
  padding: 12px 0;
  /* justify-content: space-between; */
  justify-content: flex-end;
}

header .desktop-menu .navbar ul {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  padding: 0;
  margin: 0;
  list-style: none;
}

header .desktop-menu .navbar ul li {
  /* margin: 0 41px; */
  margin: 0 24px;
  position: relative;
}

header .desktop-menu .navbar ul li.buyNow-btn {
  margin-right: 12px;
  margin-left: 45px;
}

header .desktop-menu .navbar ul li.buyNow-btn .standard-btn {
  padding: 0.25rem 18px;
}

header .desktop-menu .navbar ul li::after {
  content: "";
  width: 1px;
  height: 100%;
  position: absolute;
  top: 0;
  background-color: var(--color-dark-3-opacity-25);
  /* right: -42px; */
  right: -28px;
}

header .desktop-menu .navbar ul li:last-child::after,
header .desktop-menu .navbar ul li:nth-last-child(2)::after {
  display: none;
}

header .desktop-menu .navbar ul li:last-child {
  margin: 0;
}

header .desktop-menu .navbar ul li:first-child {
  margin-left: 0;
}

header .desktop-menu .navbar ul li a {
  font-family: var(--fontPoppins);
  font-size: var(--font-size-12);
  font-weight: var(--fontRegular);
  color: var(--color-red);
  text-decoration: none;
}

header .desktop-menu .navbar ul li a:hover {
  text-shadow: 1px 0 0 var(--color-red);
  color: var(--color-red);
}

header .desktop-menu .menu-down {
  display: flex;
  /* justify-content: flex-start; */
  justify-content: flex-end;
  align-items: center;
  padding-bottom: 10px;
  width: 100%;
}

header .desktop-menu .menu-down .form-title {
  font-family: var(--fontPoppins);
  font-size: var(--font-size-12);
  font-weight: var(--fontMedium);
  color: var(--color-black);
  display: block;
}

header .desktop-menu .menu-down input {
  border: 1px solid #0000004d;
  font-family: var(--fontPoppins);
  font-size: var(--font-size-12);
  font-weight: var(--fontMedium);
  color: var(--color-black);
  padding-right: 30px;
  border-radius: 3px;
}

header .desktop-menu .menu-down .search-ul input {
  font-size: var(--font-size-14);
  font-weight: var(--fontRegular);
}

header .desktop-menu .menu-down .standard-btn {
  padding: 0.375rem 33px;
  font-size: var(--font-size-12);
}

header .desktop-menu .menu-down input:focus {
  box-shadow: 0 0 0 0.25rem rgba(206, 21, 63, 0.25);
}

header .desktop-menu .menu-down .field-area {
  position: relative;
  margin-right: 10px;
}

header .desktop-menu .menu-down .field-area .icon-area {
  position: absolute;
  top: 50%;
  right: 5%;
  transform: translateY(-50%);
}

header .desktop-menu .menu-down form {
  width: 50%;
}

header .desktop-menu .menu-down .search-ul {
  /* width: 50%; */
  width: auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0;
  margin: 0;
  list-style: none;
  padding-left: 0px;
}

header .desktop-menu .menu-down .search-ul li {
  /*width: 50%;*/
  position: relative;
}

header .desktop-menu .menu-down .search-ul li a.call {
  /*width: 170px;*/
}

header .desktop-menu .menu-down .search-ul li a .phone-icon {
  padding-right: 12px;
}

header .desktop-menu .menu-down .search-ul .field-area {
  margin-right: 0px;
  /* width: 70%; */
  width: 85%;
  margin-left: auto;
}

header .desktop-menu .menu-down .search-ul li::after {
  content: "";
  width: 1px;
  height: 100%;
  position: absolute;
  top: 0;
  background-color: var(--color-dark-3-opacity-25);
  right: 0px;
}

header .desktop-menu .menu-down .search-ul li::before {
  content: "";
  width: 1px;
  height: 100%;
  position: absolute;
  top: 0;
  background-color: var(--color-dark-3-opacity-25);
  /* left: 0px; */
  left: -12px;
}

header .desktop-menu .menu-down .search-ul li.voice:before {
  display: none;
}

header .desktop-menu .menu-down .search-ul li:last-child::after,
header .desktop-menu .menu-down .search-ul li:last-child::before {
  display: none;
}

header .desktop-menu .menu-down .search-ul li a {
  font-family: var(--fontPoppins);
  font-size: var(--font-size-14);
  font-weight: var(--fontMedium);
  color: var(--color-dark-1);
  text-decoration: none;
  transition: all 0.5s ease;
  display: flex;
  align-items: center;
  /* justify-content: space-between; */
  justify-content: center;
  /* padding: 0 82px; */
  padding: 0 12px;
  flex-wrap: nowrap;
  flex-direction: row;
  width: auto;
}

header .desktop-menu .menu-down .search-ul li a:hover {
  color: var(--color-red);
}

header .desktop-menu .menu-down .dropdown-ul {
  /* width: 50%; */
  width: auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0;
  margin: 0;
  list-style: none;
  padding-left: 0px;
  position: relative;
  padding-right: 30px;
  margin-right: 17px;
}

header .desktop-menu .menu-down .dropdown-ul::after {
  content: "";
  width: 1px;
  height: 100%;
  position: absolute;
  top: 0;
  background-color: var(--color-dark-3-opacity-25);
  right: 0px;
}

header .desktop-menu .menu-down .dropdown-ul li {
  /*width: 50%;*/
  position: relative;
}

header .desktop-menu .menu-down .dropdown-ul li a {
  display: flex;
  align-items: center;
  /* justify-content: space-between; */
  justify-content: center;
  /* padding: 0 82px; */
  padding: 0 12px;
  flex-wrap: nowrap;
  flex-direction: row;
  width: auto;
  font-family: var(--fontPoppins);
  font-size: var(--font-size-14);
  font-weight: var(--fontMedium);
  color: #222;
  text-decoration: none;
}

header .desktop-menu .menu-down .dropdown-ul li a .new-client-icon,
header .desktop-menu .menu-down .dropdown-ul li a .existing-client-icon {
  padding-right: 12px;
}

/* Fixed state when scrolling */
.header-fixed {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  -webkit-box-shadow: 0px 4px 34px 0px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0px 4px 34px 0px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 4px 34px 0px rgba(0, 0, 0, 0.1);
  /* animation: slideDown 0.35s ease-out; */
  animation: slideDown 0.85s ease-out;
}

@keyframes slideDown {
  from {
    transform: translateY(-100%);
  }

  to {
    transform: translateY(0);
  }
}

header .mobile-menu {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}

header .mobile-menu .hamburger-area {
  /* opacity: 0; */
}

header .mobile-menu .hamburger-area ul {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  list-style: none;
  padding: 0;
  margin: 0;
  gap: 40px;
  padding-right: 14px;
}

header .mobile-menu .hamburger-area ul li a {
  display: flex;
  align-items: center;
  justify-content: space-between;
  list-style: none;
  gap: 12px;
  font-family: var(--fontPoppins);
  font-size: var(--font-size-14);
  font-weight: var(--fontMedium);
  color: var(--color-black);
  text-decoration: none;
}

header .mobile-menu .hamburger-area ul li a.standard-btn {
  color: var(--color-white);
}

/* header */

/* banner */
.banner-sec {
  /* padding: 170px 0; */
  padding: 265px 0 170px;
  /* background-image: url(https://www.jubileelife.com/assets/images/banner-bg.png); */
  background-color: #f6f2f2;
  background-size: cover;
  background-position: center;
  position: relative;
  /* margin-top: 95px; */
}

/* .banner-sec:before {
  content: "";
  position: absolute;
  bottom: 0;
  right: -65px;
  width: 100%;
  height: 100%;
  background-image: url(https://www.jubileelife.com/assets/images/ban-front.png);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  z-index: -1;
  width: 992px;
  height: calc(100% - 100px);
}

.banner-sec::after {
  content: "";
  position: absolute;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
  background-image: url(https://www.jubileelife.com/assets/images/ban-back.png);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  z-index: -1;
  width: 992px;
  height: calc(100% - 100px);
} */

.banner-sec .img-area {
  position: absolute;
  right: 0;
  bottom: 0;
}

.banner-sec.d-show .banner-text {
  width: 100%;
}

.banner-sec.d-show .banner-text .red-text {
  padding-left: 8px;
}

.banner-sec .form-floating input {
  border: none;
  background-color: var(--color-white);
}

.banner-sec .form-floating input:focus {
  box-shadow: 0 0 0 0.25rem rgba(206, 21, 63, 0.25);
}

.mainBanner .swiper-slide {
  opacity: 0 !important;
}

.mainBanner .swiper-slide.swiper-slide-active {
  opacity: 1 !important;
}

.mainBanner .swiper-slide .banner-sec.d-show h1 {
  opacity: 0;
  /* transition: opacity 5s ease; */
}

.mainBanner .swiper-slide.swiper-slide-active .banner-sec.d-show h1 {
  opacity: 1;
}

.mainBanner .swiper-slide .banner-sec.d-show a.standard-btn {
  opacity: 0;
}

.mainBanner .swiper-slide.swiper-slide-active .banner-sec.d-show a.standard-btn {
  opacity: 1;
}

/* banner mob-v */
.banner-sec.mob-v {
  padding: 45px 0;
  margin-top: 0px;
  /*min-height: 650px;*/
  min-height: 600px;
  min-height: 460px;
  margin-top: 73px;
}

/* banner mob-v */

/* banner */

/* find plans */
.find-plans .field-area {
  padding: 0px 0 0 0;
  padding-left: 150px;
}

.find-plans .field-area .sec-heading {
  padding-top: 45px;
}

.find-plans .swiper-main-area .jubliee_Swiper_1 {
  padding-top: 120px;
  /* padding-left: 235px; */
  padding-left: 145px;
}

.find-plans .swiper-main-area .jubliee_Swiper_1 .main-box {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}

.find-plans .swiper-main-area .jubliee_Swiper_1 .main-box .red-box {
  background-color: var(--color-red);
  border-top-left-radius: 175px 175px;
  /* min-height: 350px; */
  min-height: 378px;
  min-width: 350px;
  position: relative;
}

.find-plans .swiper-main-area .jubliee_Swiper_1 .main-box .red-box .img-area img {
  position: absolute;
  bottom: 0;
  right: -35px;
  z-index: 2;
}

.find-plans .swiper-main-area .jubliee_Swiper_1 .main-box .gray-box {
  background-color: var(--color-gray-1);
  min-height: 350px;
  min-width: calc(100% - 350px);
  max-width: calc(100% - 350px);
  /* padding: 84px 119px 108px 80px; */
  padding: 84px 119px 108px 119px;
  position: relative;
}

.find-plans .swiper-main-area .jubliee_Swiper_1 .main-box .gray-box .img-area {
  margin-bottom: 15px;
}

.find-plans .swiper-main-area .jubliee_Swiper_1 .main-box .gray-box .btn-ancher {
  margin-bottom: 15px;
}

.swiper-btns.custom-pos {
  position: absolute;
  /* left: 70px; */
  left: 110px;
  bottom: 60px;
  z-index: 2;
  height: 20px;
  width: 100px;
  display: flex;
  justify-content: flex-start;
}

.swiper-btns.left {
  position: absolute;
  left: -10px;
  bottom: -60px;
  z-index: 2;
  height: 20px;
  width: 100px;
  display: flex;
  justify-content: flex-start;
}

.swiper-btns.center {
  position: absolute;
  left: 50%;
  transform: translateX(-50%) !important;
  bottom: 20px;
  z-index: 2;
  height: 36px;
  width: 100px;
  display: flex;
  justify-content: flex-start;
}

.swiper-btns .swiper-button-next,
.swiper-btns .swiper-button-prev {
  padding: 8px;
  border: 1px solid var(--color-dark-1);
  border-radius: 3px;
  width: 36px;
  height: 36px;
  color: var(--color-dark-1);
}

.swiper-btns .swiper-button-next:hover,
.swiper-btns .swiper-button-prev:hover {
  border: 1px solid var(--color-red);
  color: var(--color-red);
}

.swiper-button-next:after,
.swiper-button-prev:after {
  display: none;
}

/* find-plans.mob */
.find-plans.mob-v {
  /* margin-top: 79px; */
  /* padding: 36px 0; */
  /* padding: 115px 0 ; */
  padding: 110px 0 40px;
}

.find-plans.mob-v .field-area {
  padding: 0;
}

.find-plans.mob-v .field-area .default-heading {
  font-size: var(--font-size-20);
  line-height: var(--font-size-24);
}

.find-plans.mob-v .field-area form .standard-btn {
  width: 100%;
  text-transform: uppercase;
  height: 52px;
  font-size: var(--font-size-20);
  line-height: var(--font-size-20);
}

/* find-plans.mob */

/* find-plans.active-mob-sec */

.find-plans.active-mob-sec {
  /*padding: 80px 0 20px 0;*/
  padding: 80px 0 80px 0;
}

.find-plans.active-mob-sec .field-area {
  padding: 0;
  text-align: center;
}

.find-plans.active-mob-sec .field-area .gray-box .img-area {
  margin-bottom: 15px;
}

/* find-plans.active-mob-sec */

/* find plans */

/* family plan */

.family-takaful-sec .family_takaful_swiper .box-area {
  background: rgb(255, 232, 232);
  background: linear-gradient(0deg, rgba(255, 232, 232, 1) 0%, rgba(243, 243, 243, 1) 100%);
  display: flex;
  align-items: flex-start;
  padding-left: 150px;
  /* max-height: 322px;
  min-height: 322px; */
  justify-content: end;
  position: relative;
}

.family-takaful-sec .family_takaful_swiper .box-area .content-area {
  padding: 40px 80px 00px 0;
  position: relative;
  width: 60%;
}

.family-takaful-sec .family_takaful_swiper .box-area .img-area {
  position: relative;
  height: 300px;
}

.family-takaful-sec .family_takaful_swiper .box-area .img-area img {
  position: relative;
  width: 100% !important;
  height: 100%;
  object-fit: cover;
}

/* family plan */
/* family plan */
.family-takaful-sec .senior_citizens_swiper .box-area {
  display: flex;
  align-items: center;
  justify-content: space-between;
  /* padding-left: 110px; */
  /*padding-left: 70px;*/
  padding-left: 40px;
  /* max-height: 322px;
  min-height: 322px; */
  max-height: 350px;
  min-height: 350px;
  position: relative;
}

.family-takaful-sec .senior_citizens_swiper .box-area .content-area {
  padding: 0px 80px 0px 0;
  max-height: 220px;
  position: relative;
  /*width: 60%;*/
  width: 64%;
}

.family-takaful-sec .senior_citizens_swiper .box-area .img-area {
  background-color: #afc0d0;
  position: absolute;
  right: 0;
  bottom: 0;
  height: 100%;
  display: flex;
  align-items: flex-end;
  justify-content: flex-end;
  /* padding: 0 0 0 30px; */
}

.family-takaful-sec .senior_citizens_swiper .box-area .img-area img {
  width: 100%;
}

.family-takaful-sec .senior_citizens_swiper .box-area .content-area .swiper-btns.left {
  position: relative;
  bottom: -40px;
}

.family-takaful-sec .senior_citizens_swiper .box-area .content-area .default-heading {
  margin-bottom: 15px;
  margin-bottom: 0px;
}

.senior_citizens_swiper .box-area .content-area .default-heading .bold-weight {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}

.senior_citizens_swiper .box-area .content-area .default-para {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.family-takaful-sec .senior_citizens_swiper .box-area .content-area {
  height: 100%;
  max-height: max-content;
}

/* family plan */

.family-takaful-sec .senior_citizens_swiper .swiper-slide,
.family-takaful-sec .family_takaful_swiper .swiper-slide,
.find-plans .swiper-main-area .jubliee_Swiper_1 .swiper-slide,
.comfort-sec .comfort_swiper .swiper-slide,
.unlock-sec .unlock_swiper .swiper-slide,
.funds-price-sec .funds_price_swiper .swiper-slide,
.funds-price-sec .fund_price_swiper .swiper-slide {
  opacity: 0 !important;
}

.family-takaful-sec .senior_citizens_swiper .swiper-slide.swiper-slide-active,
.family-takaful-sec .family_takaful_swiper .swiper-slide.swiper-slide-active,
.find-plans .swiper-main-area .jubliee_Swiper_1 .swiper-slide.swiper-slide-active,
.comfort-sec .comfort_swiper .swiper-slide.swiper-slide-active,
.unlock-sec .unlock_swiper .swiper-slide.swiper-slide-active,
.funds-price-sec .funds_price_swiper .swiper-slide.swiper-slide-active,
.funds-price-sec .fund_price_swiper .swiper-slide.swiper-slide-active {
  opacity: 1 !important;
}

@media (min-width: 1600px) {
  .family-takaful-sec .family_takaful_swiper .box-area {
    min-height: 350px;
  }

  .family-takaful-sec .family_takaful_swiper .box-area .img-area img {
    height: 120%;
  }

  .family-takaful-sec.about .family_takaful_swiper .box-area .img-area img {
    height: 100%;
  }
}

/* whats new sec*/

.whats-new-sec {
  border-top: 1px solid #e6e6e6;
  border-bottom: 1px solid #e6e6e6;
  padding: 25px 0;
}

.whats-new-sec .main-area {
  padding: 20px 145px 0 145px;
  /* border: 1px solid #e6e6e6; */
}

.whats-new-sec .box .content-area h3 {
  font-family: var(--fontPoppins);
  font-size: var(--font-size-24);
  font-weight: var(--fontMedium);
  color: var(--color-red);
  margin: 20px 0;
}

.whats-new-sec .box .content-area p {
  font-family: var(--fontPoppins);
  font-size: var(--font-size-12);
  font-weight: var(--fontMedium);
  color: var(--color-black);
  line-height: var(--font-size-18);
}

.whats-new-sec .whats_new_swiper {
  padding: 20px 0 80px 0;
}

.whats-new-sec .whats_new_swiper .box .img-area img {
  height: 160px;
  object-fit: cover;
}

/* whats new sec*/

/* tailored sec*/
.tailored-sec {
  background-image: url(https://www.jubileelife.com/assets/images/tailored-bg-new.png);
  background-repeat: no-repeat;
  background-position: top left;
  background-size: contain;
  padding: 90px 0;
  position: relative;
}

.tailored-sec::after {
  content: "";
  background-image: url(https://www.jubileelife.com/assets/images/dots-vector.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 80%;
  width: 200px;
  height: 180px;
  display: inline-block;
  position: absolute;
  right: -10px;
  top: 50%;
  transform: translateY(-50%);
  z-index: -1;
}

.tailored-sec .main-area .box {
  position: relative;
  transition: all 0.5s ease;
  overflow: hidden;
}

.tailored-sec .main-area .content-area {
  position: absolute;
  /* bottom: -130px; */
  bottom: -20px;
  left: 0;
  padding: 0 24px 24px 44px;
  transition: all 0.5s ease;
}

.tailored-sec .main-area .content-area h3 {
  font-size: var(--font-size-18);
  line-height: 18px;
  font-family: var(--fontPoppins);
  font-weight: var(--fontMedium);
  color: var(--color-white);
}

.tailored-sec .main-area .content-area .default-para {
  font-size: var(--font-size-14);
  line-height: 22px;
  color: var(--color-white);
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  opacity: 0 !important;
  transition: all 0.5s ease-in-out;
}

.tailored-sec .main-area .content-area a {
  opacity: 0 !important;
  transition: all 1s ease-in-out;
}

.tailored-sec .main-area .content-area img {
  max-width: 25px;
}

.tailored-sec .main-area .tailored_swiper {
  padding: 30px 0 120px;
}

.tailored-sec .main-area .tailored_swiper .swiper-slide {
  transition: all 0.5s ease;
}

.tailored-sec .main-area .tailored_swiper .swiper-slide.swiper-slide-next {
  /* transform: scale(1.1); */
  /* z-index: 2;
  transition: all 0.5s ease; */
}

/* .tailored-sec .main-area .tailored_swiper .swiper-slide.swiper-slide-next .box .img-area img {
  border-radius: 5px;
}

.tailored-sec .main-area .tailored_swiper .swiper-slide.swiper-slide-next .content-area {
  bottom: 0;
} */

.tailored-sec .main-area .tailored_swiper .swiper-slide:hover {
  transform: scale(1.1);
  z-index: 2;
  transition: all 0.5s ease;
}

.tailored-sec .main-area .tailored_swiper .swiper-slide:hover .box .img-area img {
  border-radius: 5px;
}

.tailored-sec .main-area .tailored_swiper .swiper-slide:hover .content-area {
  bottom: 0 !important;
  padding: 0 32px;
}

.tailored-sec .main-area .tailored_swiper .swiper-slide:hover .content-area .default-para,
.tailored-sec .main-area .tailored_swiper .swiper-slide:hover .content-area a {
  opacity: 1 !important;
}

/* tailored sec*/

/* comprehensive-sec */

.comprehensive-sec .main-area .logo-area {
  background-color: var(--color-white);
  /*-webkit-box-shadow: 0px 16px 64px -32px rgba(0, 0, 0, 0.16);
  -moz-box-shadow: 0px 16px 64px -32px rgba(0, 0, 0, 0.16);
  box-shadow: 0px 16px 64px -32px rgba(0, 0, 0, 0.16);*/
  -webkit-box-shadow: 0px 16px 64px -32px rgba(0, 0, 0, 0.16);
  -moz-box-shadow: 0px 16px 64px -32px rgba(0, 0, 0, 0.16);
  box-shadow: 0px 16px 64px -32px rgba(0, 0, 0, 0.16);
}

.comprehensive-sec .main-area {
  /*padding: 34px 0px 80px 0;*/
  padding: 34px 0px 10px 0;
}

.comprehensive-sec .main-area .logo_area_swiper {
  padding: 18px 0;
}

.comprehensive-sec .main-area .logo-area .box {
  position: relative;
}

.comprehensive-sec .main-area .logo-area .box::after {
  content: "";
  height: 100%;
  width: 1px;
  background-color: #22222221;
  position: absolute;
  right: 0px;
  top: 0;
}

.comprehensive-sec .main-area .logo-area .swiper-slide:last-child .box::after {
  display: none;
}

.comprehensive-sec .main-area .logo-area a {
  display: flex;
  justify-items: start;
  text-align: center;
  flex-direction: column;
  font-size: var(--font-size-12);
  font-family: var(--fontPoppins);
  font-weight: var(--fontRegular);
  color: var(--color-dark-1);
  text-decoration: none;
  gap: 12px;
  padding: 0 35px;
  transition: all 0.5s ease;
}

.comprehensive-sec .main-area .logo-area .box:hover a {
  transform: scale(1.1);
}

.comprehensive-sec .main-area .logo-area .box:hover a .icon-text {
  color: var(--color-red);
}

.comprehensive-sec .main-area .logo-area .box a img {
  /* width: 50px; */
  height: 50px;
  margin: 0 auto;
}

.comprehensive-sec .main-area .logo-area .box a .icon-text {
  /* min-height: 36px; */
}

.comprehensive-sec .main-area .swiper-btns.center {
  bottom: -30px;
}

/* comprehensive-sec */

/* invertor-info */

.invertor-info-sec {
  /*padding: 40px 0 30px 0px;*/
  padding: 80px 0 30px 0px;
  position: relative;
}

.invertor-info-sec::after {
  content: "";
  background-image: url(https://www.jubileelife.com/assets/images/J-vector.png);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: right;
  width: 13%;
  height: 523px;
  display: inline-block;
  position: absolute;
  top: -400px;
  right: 0;
  z-index: -1;
}
@media(max-width: 1199px){
	.invertor-info-sec::after{
     	top: 400px;
    }
}

.invertor-info-sec .main-area .box {
  padding: 15px 13px;
  border-radius: 7px;
  transition: all 0.5s ease-in-out;
  border: 1px solid transparent;
}

.invertor-info-sec .main-area .investor_swiper,
.invertor-info-sec .main-area .investor_swiper_inner {
  padding: 30px 0 80px 0;
}

/* .invertor-info-sec .main-area .investor_swiper .swiper-slide.swiper-slide-active .box {
  border: 1px solid #e5e5e5;
  -webkit-box-shadow: 30px 34px 50px -10px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 30px 34px 50px -10px rgba(0, 0, 0, 0.1);
  box-shadow: 30px 34px 50px -10px rgba(0, 0, 0, 0.1);
  background-color: var(--color-white);
}

.invertor-info-sec .main-area .investor_swiper .swiper-slide.swiper-slide-active .box .content-area .standard-btn {
  visibility: visible;
  opacity: 1;
} */

.invertor-info-sec .main-area .investor_swiper .swiper-slide .box:hover,
.invertor-info-sec .main-area .investor_swiper_inner .swiper-slide .box:hover {
  border: 1px solid #e5e5e5;
  -webkit-box-shadow: 30px 34px 50px -10px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 30px 34px 50px -10px rgba(0, 0, 0, 0.1);
  box-shadow: 30px 34px 50px -10px rgba(0, 0, 0, 0.1);
  background-color: var(--color-white);
}

.invertor-info-sec .main-area .investor_swiper .swiper-slide .box:hover .content-area .standard-btn,
.invertor-info-sec .main-area .investor_swiper_inner .swiper-slide .box:hover .content-area .standard-btn {
  visibility: visible;
  opacity: 1;
}

.invertor-info-sec .main-area .box .content-area {
  padding: 30px 10px;
}

.invertor-info-sec .main-area .box .content-area h3 {
  font-family: var(--fontPoppins);
  font-weight: var(--fontMedium);
  font-size: var(--font-size-24);
  color: var(--color-red);
}

.invertor-info-sec .main-area .box .content-area .default-para {
  font-family: var(--fontPoppins);
  font-weight: var(--fontMedium);
  font-size: var(--font-size-12);
  color: var(--color-black);
}

.invertor-info-sec .main-area .box .content-area .standard-btn {
  visibility: hidden;
  opacity: 0;
  transition: all 0.5s ease;
}

.invertor-info-sec .main-area .investor_swiper .swiper-slide .box:hover .content-area h3,
.invertor-info-sec .main-area .investor_swiper_inner .swiper-slide .box:hover .content-area h3 {
  color: #222222;
}

/* invertor-info */

/* reach-sec */

.reach-sec {
  padding: 45px 0px;
  background-color: rgb(34 34 34 / 3%);
}

.reach-sec .heading-area h4 {
  font-family: var(--fontPoppins);
  font-size: var(--font-size-32);
  line-height: var(--font-size-36);
  font-weight: var(--fontRegular);
  color: var(--color-red);
  width: 70%;
}

.reach-sec .box-area img {
  margin: 10px 0;
}

.reach-sec .box-area .default-para {
  font-size: var(--font-size-14);
  margin: 0;
}

.reach-sec .box-area .default-para a {
  display: inline-block;
  color: var(--color-black);
  text-decoration: none;
  transition: all 0.5s ease;
}

.reach-sec .box-area .default-para strong {
  font-weight: var(--fontBold);
}

.reach-sec .box-area .default-para a:hover {
  color: var(--color-red);
}

.reach-sec .box-area .social-icons {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0;
  margin: 0;
  list-style: none;
  width: 200px;
  margin-top: 15px;
}

.reach-sec .box-area .social-icons li {
  width: 40px;
  height: 40px;
  text-align: center;
}

.reach-sec .box-area .social-icons li a {
  font-size: var(--font-size-28);
  color: var(--color-black);
  transition: all 0.5s ease;
}

.reach-sec .box-area .social-icons li:hover a {
  color: var(--color-red);
}

/* reach-sec */

/* .comfort-sec */
.comfort-sec {
  padding-top: 29px;
}

.comfort-sec .content-area {
  max-width: 500px;
  position: relative;
}

.comfort-sec .img-area img {
  /* filter: grayscale(1); */
  transition: filter 0.3s ease;
}

/* .comfort-sec */

/* .cta-sec */
.cta-sec {
  /* background-image: url(../images/cta-sec-bg.png);  */
  background-image: url(https://www.jubileelife.com/assets/images/cta-sec-bg.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center bottom;
  padding: 150px 0;
  margin-top: 45px;
  transition: opacity 1s ease;
  background-attachment: fixed;
}

.cta-sec .content-area h5 {
  font-family: var(--fontPoppins);
  font-weight: var(--fontSemiBold);
  font-size: var(--font-size-40);
  line-height: var(--font-size-47);
  color: var(--color-white);
}

/* .cta-sec */

/* .unclaimed-sec */

.unclaimed-sec {
  padding: 45px 0;
}

.unclaimed-sec .content-area ul {
  padding: 0;
  margin: 30px 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  list-style: none;
}

.unclaimed-sec .content-area ul li {
  width: 45%;
  width: 33%;
}

.unclaimed-sec .content-area ul li a {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  list-style: none;
  gap: 60px;
  padding: 25px 35px;
  min-height: 100px;
  background-color: var(--color-white);
  color: var(--color-white);
  transition: all 0.5s ease;
}

.unclaimed-sec .content-area ul li a:hover {
  -webkit-box-shadow: 0px 4px 34px 0px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0px 4px 34px 0px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 4px 34px 0px rgba(0, 0, 0, 0.1);
}

.unclaimed-sec .content-area ul li .img-area img {
  min-width: 40px;
  height: 50px;
}

.unclaimed-sec .content-area ul li p {
  margin: 0;
  font-size: var(--font-size-20);
  font-size: var(--font-size-16);
}

/* .unclaimed-sec */

/* .unlock-sec */
.unlock-sec {
  background: rgb(255, 232, 232);
  background: linear-gradient(0deg, rgba(255, 232, 232, 1) 0%, rgba(243, 243, 243, 1) 100%);
}

.unlock-sec .main-area .content-area {
  width: 52%;
  position: relative;
}

.unlock-sec .main-area .img-area {
  position: relative;
}

.unlock-sec .main-area .img-area::after {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  display: inline-block;
  background-image: url(https://www.jubileelife.com/assets/images/unlock-j-bg.png);
  background-repeat: no-repeat;
  background-size: contain;
  width: 100%;
  height: 100%;
  z-index: -1;
}

/* .unlock-sec */

/* .funds-price-sec */

.funds-price-sec {
  padding-top: 64px;
}

.funds-price-sec .main-area {
  background-color: var(--color-white);
  -webkit-box-shadow: 10px 16px 64px -22px rgba(0, 0, 0, 0.37);
  -moz-box-shadow: 10px 16px 64px -22px rgba(0, 0, 0, 0.37);
  box-shadow: 10px 16px 64px -22px rgba(0, 0, 0, 0.37);
}

.funds-price-sec .main-area .box {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  min-height: 325px;
}

.funds-price-sec .main-area .box .img-area {
  position: absolute;
  bottom: 0;
  right: 0;
}

.funds-price-sec .main-area .box .img-area img {
  width: 300px !important;
}

.funds-price-sec .main-area .box .content-area {
  padding: 30px !important;
  position: relative;
  width: 50%;
}

.funds-price-sec .main-area .box .content-area h3 {
  font-family: var(--fontPoppins);
  font-size: var(--font-size-32);
  font-weight: var(--fontRegular);
  line-height: var(--font-size-32);
  color: var(--color-dark-2);
}

.funds-price-sec .main-area .box .content-area .number-text a {
  font-family: var(--fontPoppins);
  font-size: var(--font-size-32);
  line-height: normal;
  margin-top: 25px;
  text-decoration: none;
  display: block;
}

.funds-price-sec .main-area .box .content-area .number-text a:hover {
  color: var(--color-black);
}

.funds-price-sec .main-area .box .content-area .side-by-side {
  gap: 35px;
  gap: 16px;
  margin: 16px 0;
}

.funds-price-sec .main-area .box .content-area .default-para {
  font-family: var(--fontPoppins) !important;
}

.funds-price-sec .main-area .box .content-area .default-para strong {
  font-weight: var(--fontBold);
}

.funds-price-sec .main-area .box .content-area .default-para .regular-text {
  font-weight: var(--fontRegular);
  font-size: var(--font-size-12);
  line-height: var(--font-size-22);
}

.funds-price-sec .main-area .box .content-area .side-by-side .bold-weight {
  font-weight: var(--fontBold);
  font-size: var(--font-size-17);
  line-height: var(--font-size-22);
  display: block;
}

@media (max-width: 767px) {
  .funds-price-sec .main-area .box .content-area .side-by-side .bold-weight {
    font-size: var(--font-size-18);
  }
}

.funds-price-sec .main-area .box .content-area .f-20 {
  font-weight: var(--fontRegular);
  font-size: var(--font-size-20);
  margin-top: 65px;
  /* margin-top: 50px; */
}

.funds-price-sec .main-area .box .content-area .funds_price_swiper,
.funds-price-sec .main-area .box .content-area .fund_price_swiper {
  /* padding-bottom: 50px; */
}

.funds-price-sec .main-area .box .content-area .swiper-btns.left {
  /*left: 32px;
  bottom: 40px;*/
  left: -10px;
  bottom: 10px;
  display: none;
}

.funds-price-sec .main-area .box .content-area.health .swiper-btns.left {
  bottom: -60px;
}

/* .funds-price-sec */

/* panel-list-sec */
.panel-list-sec {
  padding: 70px 0;
}

.panel-list-sec .side-by-side .sec-heading .default-heading {
  margin: 0;
}

/* panel-list-sec */

/* footer */
footer {
  background-color: var(--color-dark-1);
  padding: 55px 0 15px 0;
}

footer .footer-title h5 {
  font-size: var(--font-size-16);
  font-weight: var(--fontRegular);
  font-family: var(--fontPoppins);
  text-transform: uppercase;
}

footer .default-para {
  font-size: var(--font-size-12);
  font-weight: var(--fontRegular);
  font-family: var(--fontPoppins);
  color: var(--color-white);
  margin: 0;
}

footer .links {
  list-style: none;
  padding: 0;
}

footer .links li a {
  font-size: var(--font-size-12);
  font-weight: var(--fontRegular);
  font-family: var(--fontPoppins);
  color: var(--color-white);
  text-decoration: none;
  transition: all 0.5s ease;
}

footer .links li a:hover {
  color: var(--color-red);
}

.footer-hr {
  border-color: var(--color-dark-3);
  opacity: 1;
}

.copyright-area ul {
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  list-style: none;
  gap: 35px;
  margin: 0;
}

.copyright-area ul li {
  position: relative;
}

.copyright-area ul li a {
  text-decoration: none;
  transition: all 0.5s ease;
}

.copyright-area ul li a:hover {
  color: var(--color-red);
}

.copyright-area ul li::after {
  content: "";
  position: absolute;
  top: 0;
  right: -20px;
  width: 1px;
  height: 100%;
  background-color: var(--color-dark-3);
}

.copyright-area ul li:last-child::after {
  display: none;
}

/* footer */

/* live chat */
.live-chat-icon {
  position: fixed;
  top: 20%;
  right: 5%;
  background-color: var(--color-red);
  width: 80px;
  height: 80px;
  border-radius: 50%;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.5s ease;
  border: 1px solid var(--color-white);
  z-index: 9999;
}

.live-chat-icon:hover {
  background-color: var(--color-black);
}

/* live chat */

/* Animation css */
/* .navbar ul {
  overflow: hidden;
  height: 0;
}

.navbar ul li {
  opacity: 0;
  transform: translateY(-20px);
}

.hamburder-icon {
  opacity: 0;
  transform: translateY(-20px);
}

.menu-down {
  overflow: hidden;
}

.menu-down form>.row .col,
.search-ul li {
  opacity: 0;
  transform: translateY(20px);
}

.logo-area {
  transform: translateY(-100px);
}

ul.links {
  position: relative;
  overflow: hidden;
} */
.desktop-menu {
  /* overflow: hidden; */
  position: relative;
}

#header {
  /* opacity: 0; */
}

header .desktop-menu {}

/* .logo-bg-wrap{
  padding-right: 1500px;
  padding-left: 100px;
  background-color: #ce153f;
} */

.logo-area {
  overflow: hidden;
  position: relative;
  background-color: #ce153f;
  height: 100%;
  padding: 25px 0;
  text-align: center;
  width: 80%;
  z-index: 2;
  /* transform: translate(0%, 100px); */
}
.logo-area.new{
	padding: 0;
    background-color: transparent;
}

/* .logo-area {
  overflow: hidden;
  position: absolute; /* Set position absolute for centering *
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%); /* Center it vertically and horizontally *
  background-color: #ce153f;
  height: auto; /* Adjust height based on content or set a specific height *
  padding: 25px 25px;
  text-align: center;
  width: auto; /* Responsive width *
  max-width: 100%; /* Ensure it doesn't exceed screen width *
} */

/* .bg-red-animate {
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  top: 0;
  background: #ce153f;
  height: 100%;
  width: 100%;
  z-index: 1;
} */

/* GSAP Ends */

/* Data splitting */
/*.char {
  display: inline-block;
  opacity: 0;
  transform: translateY(10px);
  animation: fadeInUp 0.5s forwards;
  /* animation-delay: calc(var(--char-index) * 0.05s); *
  animation-delay: calc(30ms * var(--char-index));
}*/

.in-view {
  display: inline-block;
  opacity: 0;
  transform: translateY(10px);
  animation: fadeInUp2 0.5s forwards;
  /* animation-delay: calc(var(--char-index) * 0.05s); */
  animation-delay: calc(30ms * var(--char-index));
}

@keyframes fadeInUp {
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes fadeInUp2 {
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

/* Data splitting Ends */

/* Animation css Ends */

@keyframes rotate-before {
  0% {
    transform: rotate(0deg);
    /*right: 78px;*/
  }

  50% {
    transform: rotate(15deg);
    /*right: 38px;*/
  }

  100% {
    transform: rotate(0deg);
    /*right: 78px;*/
  }
}

@keyframes rotate-after {
  0% {
    transform: rotate(0deg);
    /*right: 129px;*/
  }

  50% {
    transform: rotate(-15deg);
    /*right: 199px;*/
  }

  100% {
    transform: rotate(0deg);
    /*right: 129px;*/
  }
}

.banner-sec {
  overflow: hidden;
}

.banner-sec:before {
  content: "";
  position: absolute;
  bottom: -262px;
  /*right: 78px;*/
  right: 208px;
  width: 100%;
  height: 100%;
  background-image: url(https://www.jubileelife.com/assets/images/ban-front.png);
  background-repeat: no-repeat;
  background-size: 800px;
  background-position: top;
  z-index: -1;
  z-index: 0;
  width: 992px;
  /*height: calc(100% - 100px);*/
  height: 782px;
  animation: 25s linear infinite rotate-before;
  transition: all 0.5s ease-in-out;
}

.banner-sec:after {
  content: "";
  position: absolute;
  bottom: -233px;
  /*right: 129px;*/
  right: 259px;
  width: 100%;
  height: 100%;
  background-image: url(https://www.jubileelife.com/assets/images/ban-back.png);
  background-repeat: no-repeat;
  background-size: 700px;
  background-position: center;
  z-index: -1;
  z-index: 0;
  width: 992px;
  /*height: calc(100% - 100px);*/
  height: 782px;
  animation: 25s linear infinite rotate-after;
  transition: all 0.5s ease-in-out;
  background-color: none;
}

.banner-sec.transition-start::before {
  right: 2078px;
}

.banner-sec.transition-start::after {
  right: -2029px;
}

/* default css for whole site end */

.bgfade-div {
  background: rgba(0, 0, 0, 0.7);
  position: fixed;
  bottom: 0;
  top: 0;
  left: 0;
  right: 0;
  z-index: 5;
  width: 100%;
  height: 100vh;
  display: none;
  /* opacity: 0;
  transition: opacity 0.5s ease; */
}

.bgfade-div.fade-in {
  display: block;
  /* opacity: 1; */
}

.SearchBox {
  /* padding: 50px 0px; */
  background: #fff;
  display: none;
  -webkit-box-shadow: 0px 35px 34px 0px rgba(0, 0, 0, 0.06);
  -moz-box-shadow: 0px 35px 34px 0px rgba(0, 0, 0, 0.06);
  box-shadow: 0px 35px 34px 0px rgba(0, 0, 0, 0.06);
}

.SearchBox.opened {
  display: block;
}

.srch-close-btn {
  text-align: right;
}

.SearchBox .container .row {
  padding: 50px 0px;
}

.SearchBox .mainSearch {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 20px;
}

.SearchBox .mainSearch .first {
  width: 100%;
}

.SearchBox .mainSearch .first .search {
  display: flex;
  gap: 1rem;
  border-radius: 50%;
  position: relative;
  display: flex;
  align-items: center;
}

.SearchBox .mainSearch .first .search input {
  width: 100%;
  border: 1px solid #d9d9d9;
  background-color: transparent;
  color: #000;
  font-family: var(--fontPoppins);
  font-size: 24px;
  line-height: 20px;
  padding: 12px 45px 15px 30px;
  border-radius: 5px;
}

input:focus {
  outline: none;
}

.SearchBox .mainSearch .first .search .logo {
  position: absolute;
  right: 18px;
}

.SearchBox .mainSearch .second .standard-btn {
  padding: 10px 30px;
  font-size: 14px !important;
}

.SearchBox .SearchHistory {
  width: 100%;
  position: relative;
  margin: 20px auto;
  padding: 0 30px;
}

.SearchBox .SearchHistory ul {
  list-style: none;
  color: var(--colorBlue);
  font-size: var(--bodyNormal);
  font-family: var(--fontPoppins);
  font-weight: 500;
  display: flex;
  flex-wrap: wrap;
  max-height: 45vh;
  align-items: start;
  padding: 0;
  width: 99%;
  overflow: hidden;
  overflow-y: auto;
}

/* Container styling */
.SearchBox .SearchHistory ul {
  /* overflow-y: scroll;  */
  scrollbar-width: thin;
  /* Firefox */
  scrollbar-color: #ce153f transparent;
  /* Firefox */
}

/* Webkit-based custom scrollbar */
.SearchBox .SearchHistory ul::-webkit-scrollbar {
  width: 8px;
  background: transparent;
  /* Transparent background */
}

.SearchBox .SearchHistory ul {
  overflow-y: auto;
  scrollbar-width: thin;
  /* for Firefox */
  scrollbar-color: #aaa transparent;
  /* for Firefox */
  /* Hide the scroll arrows (primarily for older versions of Internet Explorer) */
  -ms-overflow-style: none;
  /* IE and Edge */
}

.SearchBox .SearchHistory ul::-webkit-scrollbar-button {
  display: none;
  /* Hide scroll buttons on WebKit browsers */
}

/* .SearchBox .SearchHistory ul::-webkit-scrollbar-thumb {
    background-color: #888;
    border-radius: 10px;
    opacity: 0;
    transition: opacity 0.3s;
} */

.SearchBox .SearchHistory ul::-webkit-scrollbar-track {
  background: transparent;
}

/* Show the scrollbar thumb only during hover or scroll */
.SearchBox .SearchHistory ul:hover::-webkit-scrollbar-thumb,
.SearchBox .SearchHistory ul.scroll-active::-webkit-scrollbar-thumb {
  opacity: 1;
}

.SearchBox .SearchHistory ul li {
  margin: 10px 0px;
  width: 100%;
  display: flex;
  align-items: start;
  justify-content: space-between;
}

.SearchBox .SearchHistory ul li img {
  float: right;
  margin-right: 20px;
  margin-top: 7px;
}

.SearchBox .SearchHistory ul li a {
  text-decoration: none;
  color: #000;
  font-family: var(--fontPoppins);
  font-weight: normal;
  font-size: 16px;
  line-height: 1.2;
  text-decoration: underline;
}

.SearchBox .SearchHistory ul li a:hover {
  color: var(--colorGreen);
}

.srch-close-btn {
  text-align: right;
  position: absolute;
  right: 15px;
  top: 5px;
}

.srch-close-btn img {
  /* width: 25px; */
  height: auto;
  cursor: pointer;
}

/* voice search */
.voiceBox {
  background: #fff;
  display: none;
  -webkit-box-shadow: 0px 35px 34px 0px rgba(0, 0, 0, 0.06);
  -moz-box-shadow: 0px 35px 34px 0px rgba(0, 0, 0, 0.06);
  box-shadow: 0px 35px 34px 0px rgba(0, 0, 0, 0.06);
}

.voiceBox.opened {
  display: block;
}

.voice-srch-close-btn {
  text-align: right;
  position: absolute;
  right: 15px;
  top: 5px;
}

.voice-srch-close-btn img {
  height: auto;
  cursor: pointer;
}

.voiceBox .container .row {
  padding: 50px 0px;
}

.voiceBox .voice-box .SearchBox input.search-bar {
  width: 100%;
  border: 1px solid #d9d9d9;
  background-color: transparent;
  color: #000;
  font-family: var(--fontPoppins);
  font-size: 24px;
  line-height: 20px;
  padding: 12px 45px 15px 30px;
  border-radius: 5px;
}

/******************************************* menu new css *******************************************/

/* desktop dropdown css */
header .desktop-menu .dropdown {
  display: none;
  position: absolute;
  top: 99%;
  left: 50%;
  /*height: 495px;*/
  height: 70vh;
  transform: translateX(-50%);
  background-color: #fff;
  width: 100%;
  box-shadow: 0px 9px 8px rgba(0, 0, 0, 0.1);
  z-index: 1000;
}

header .desktop-menu .dropdown-content {
  width: 100%;
  padding: 20px;
  margin-top: 25px;
  /*height: 440px;*/
  height: 60vh;
  border-radius: 5px;
  overflow-y: auto;
  position: relative;
}

header .desktop-menu .drop-menu-inner-content {
  width: 100%;
}

header .desktop-menu .drop-menu-inner-content ul {
  width: 25%;
  list-style-type: none;
  padding: 0 20px;
  margin: 0;
  float: left;
}

header .desktop-menu .drop-menu-inner-content li {
  width: 100%;
  display: inline-block;
  border-bottom: 1px solid #bfbaba !important;
  font-size: 14px;
  padding: 10px 0;
  font-family: var(--fontPoppins);
}

header .desktop-menu .drop-menu-inner-content li .arrow {
  transition: transform 0.3s ease;
  color: #ce153f;
}

header .desktop-menu .accordion {
  width: 100% !important;
  overflow: hidden;
  padding: 0 !important;
}

header .desktop-menu .accordion-item {
  border: none !important;
}

header .desktop-menu .accordion-header {
  justify-content: space-between;
  cursor: pointer;
  font-size: 14px;
  border-bottom: none !important;
}

header .desktop-menu .accordion-header.active .arrow {
  transform: rotate(90deg);
}

header .desktop-menu .arrow {
  transition: transform 0.3s ease;
  color: #ce153f;
}

header .desktop-menu .accordion-content {
  max-height: 0;
  opacity: 0;
  overflow: hidden;
  padding: 0 15px;
  font-size: 14px;

  transition: opacity 0.4s ease;
  width: 100%;
}

header .desktop-menu .accordion-content.expanded {
  width: 100%;
  max-height: 200px;
  opacity: 1;
  padding: 0 10px;
  border: none !important;
}

header .desktop-menu .accordion-content ul {
  list-style-type: disc !important;
}

header .desktop-menu .accordion-content ul li {
  border-bottom: none !important;
  padding: 5px 0;
  font-family: var(--fontPoppins);
}

header .desktop-menu .accordion-item:last-of-type {
  border-radius: 0 !important;
}

.close-btn {
  display: inline-block;
  /* margin-top: 20px; */
  padding: 0;
  color: #ce153f;
  border: none;
  border-radius: 4px;
  cursor: pointer;
  position: absolute;
  right: 5px;
  top: 5px;
  font-size: 25px;
  background: transparent;
}

/* desktop dropdown css ends */

header .desktop-menu .menu-down .search-ul li {
  width: auto;
  position: relative;
}

.search-phone-icon-box {
  width: 100%;
}

.search-phone-icon-box ul {
  list-style-type: none;
  float: right;
  padding: 0;
  margin: 0;
}

.search-phone-icon-box ul li {
  display: inline-block;
  padding: 0 28px;
  border-left: 1px solid #ccc;
}

.search-phone-icon-box ul li:last-child {
  padding-right: 0 !important;
}

header .desktop-menu .menu-down .search-phone-icon-box li a {
  font-family: var(--fontPoppins);
  font-size: var(--font-size-14);
  font-weight: var(--fontMedium);
  color: var(--color-dark-1);
  text-decoration: none;
  transition: all 0.5s ease;
}

header .desktop-menu .menu-down .search-phone-icon-box .phone-icon {
  display: inline-block;
}

/*Accordion*/
.mobile-menu .accordion {
  width: 100% !important;
  overflow: hidden;
  padding: 0 !important;
}

/* Accordion item */
.mobile-menu .accordion-item {
  border: none !important;
}

/* Accordion header with arrow icon */
.mobile-menu .accordion-header {
  justify-content: space-between;
  cursor: pointer;
  font-size: 14px;
  border-bottom: none !important;
}

.mobile-menu .accordion-item:last-of-type {
  border-radius: 0 !important;
}

/*Accordion*/

/*mobile menu*/
.menu-container {
  width: 100%;
  height: 100%;
  overflow-x: hidden;
  position: relative;
}

.menu {
  display: flex;
  transition: transform 0.2s ease;
  /*width: /*600%  900%;*/
  width: 1000%;
}

.menu-level {
  width: 100vw;
  box-sizing: border-box;
}

.back-btn {
  display: block;
  padding: 10px 15px;
  background-color: transparent;
  border: none;
  cursor: pointer;
}

.back-btn:disabled {
  background-color: #ddd;
  cursor: not-allowed;
}

.overlay {
  height: 0%;
  width: 100%;
  position: fixed;
  z-index: 1;
  top: 0;
  left: 0;
  background-color: rgb(255, 255, 255);
  background-color: rgba(255, 255, 255, 1);
  overflow-y: hidden;
  transition: 0.5s;
}

.mob-menu-top {
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  border: 1px solid #e6e6e6;
}

.comprehensive-sec .main-area .swiper-btns.center {
  position: relative;
  bottom: 0;
  left: 0;
  margin: 30px auto 0;
  transform: translateX(0) !important;
}

@media screen and (max-height: 450px) {
  .overlay {
    overflow-y: auto;
  }
}

/*mobile menu*/

@media (max-width: 1699px) {
  header .desktop-menu .menu-down .form-title {
    font-size: 10px;
  }

  .menu-down .icon-area img {
    width: 18px;
  }

  header .desktop-menu .menu-down input {
    font-size: 11px;
  }

  .search-phone-icon-box img {
    width: 20px;
  }

  .search-phone-icon-box ul li {
    padding: 0 15px;
  }
}

@media (max-width: 1366px) {
  .menu-down .icon-area img {
    width: 12px;
  }

  .menu-down .col {
    padding: 0 9px;
  }

  header .desktop-menu .menu-down .form-title {
    font-size: 10px;
  }

  header .desktop-menu .menu-down input {
    font-size: 10px;
  }

  header .desktop-menu .menu-down .field-area .icon-area {
    position: absolute;
    top: 42%;
    right: 5%;
    transform: translateY(-50%);
  }

  .search-phone-icon-box img {
    width: 16px;
  }

  header .desktop-menu .menu-down .search-phone-icon-box li a {
    font-size: 14px;
  }

  .search-phone-icon-box ul li {
    padding: 0 10px;
  }

  header .desktop-menu .menu-down .standard-btn {
    font-size: 10px;
  }
}

header .mobile-menu .hamburger-area.top-header ul {
  justify-content: flex-end;
  gap: 20px;
  padding: 0;
}

header .mobile-menu .hamburger-area.top-header ul li {
  min-width: 35px;
  position: relative;
  margin: 10px;
}

header .mobile-menu .hamburger-area.top-header ul li a {
  justify-content: center;
  display: flex;
  align-items: center;
}

header .mobile-menu .hamburger-area.top-header ul li:nth-child(2)::after {
  content: "";
  position: absolute;
  top: 0;
  left: -20px;
  background-color: rgba(0, 0, 0, 0.25);
  width: 1px;
  height: 100%;
}

header .mobile-menu .menu-container .hamburger-area {
  width: 100%;
  padding: 20px 0;
}

header .mobile-menu .menu-container #newClients .hamburger-area,
header .mobile-menu .menu-container #menu-level-2 .hamburger-area {
  padding: 0 0 20px;
}

header .mobile-menu .menu-container .hamburger-area ul {
  justify-content: space-between;
  gap: 10px;
  padding: 0 14px;
}

header .mobile-menu .menu-container .hamburger-area ul li.side-by-side {
  justify-content: flex-end;
  gap: 10px;
}

header .mobile-menu .menu-container .menu .menu-level .hamburger-area ul {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
}

header .mobile-menu .menu-container .menu .menu-level .hamburger-area ul.noChild {
  margin: 20px 0;
}

header .mobile-menu .menu-container .menu .menu-level .hamburger-area ul.noChild li {
  width: 100%;
}

header .mobile-menu .hamburger-area ul li .select-items-heading {
  display: flex;
  align-items: center;
  justify-content: space-between;
  list-style: none;
  gap: 12px;
  font-family: var(--fontPoppins);
  font-size: var(--font-size-14);
  font-weight: var(--fontBold);
  color: var(--color-red);
  text-decoration: none;
}

header .mobile-menu .hamburger-area ul {
  list-style: none;
  padding: 0;
}

header .mobile-menu .hamburger-area ul li {
  margin: 10px 0;
}

header .mobile-menu .hamburger-area ul li a.number-text i {
  color: #000;
}

.menu-accordion .accordion-item {
  margin: 30px 0;
}

.menu-accordion .accordion-item:first-child {
  margin-top: 0;
}

.menu-accordion .accordion-header {
  display: flex;
  align-items: center;
}

.menu-accordion .accordion-header a {
  white-space: nowrap;
  font-family: var(--fontPoppins);
  font-size: var(--font-size-14);
  font-weight: var(--fontMedium);
  color: var(--color-black);
  text-decoration: none;
}

.menu-accordion .accordion-header .accordion-button {
  background-color: transparent;
  box-shadow: none;
  padding: 0;
  justify-content: flex-end;
  border-bottom: none !important;
}

.menu-accordion .accordion-header .accordion-button::after {
  display: none;
}

.menu-accordion .accordion-header .accordion-button i {
  /* transform: rotate(270deg); */
  color: #000;
  margin-right: 5px;
  transition: all 0.5s ease;
}

.menu-accordion .accordion-header a:has(+ .accordion-button:not(.collapsed)) {
  font-weight: var(--fontBold);
}

.menu-accordion .accordion-header .accordion-button:not(.collapsed) i {
  transform: rotate(90deg);
  /* background-image: var(--bs-accordion-btn-icon); */
}

.menu-accordion .accordion-item .accordion-body {
  padding: 0;
  border: 0;
  box-shadow: none;
}

.menu-accordion .accordion-item .accordion-body ul.noChild {
  padding: 0 0px;
}

.menu-accordion .accordion-item .accordion-body ul.noChild li a {
  color: #6f6f6f !important;
}

/******************************************* menu new css ends *******************************************/

@media (max-width: 767px) {

  .form-floating>.form-control-plaintext:focus,
  .form-floating>.form-control-plaintext:not(:placeholder-shown),
  .form-floating>.form-control:focus,
  .form-floating>.form-control:not(:placeholder-shown),
  .select2-container .select2-selection--single.custom-container {
    /*width: 365px;*/
  }

  .banner-sec:before,
  .banner-sec:after {
    display: none;
  }

  .banner-sec.mob-v.m-show.t-show .banner-text .default-heading .red-text {
    padding-left: 5px;
  }

  .banner-sec.mob-v.m-show.t-show .banner-text .default-heading .red-text .word {
    padding-left: 0px;
  }

  .family-takaful-sec .family_takaful_swiper .box-area .img-area {
    height: auto;
    padding-top: 0 !important;
  }

  .funds-price-sec .main-area .box .content-area {
    width: 100% !important;
  }

  .whats-new-sec .box .content-area h3 {
    font-size: var(--font-size-18);
  }

  .SearchBox .row .col-8.m-auto {
    width: 90%;
  }

  .SearchBox .mainSearch .first .search input {
    padding: 8px 41px 8px 20px;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
  }

  .SearchBox .mainSearch .first .search .logo {
    position: absolute;
    right: 5px;
  }

  .SearchBox .SearchHistory {
    padding: 0 10px;
  }

  #myNav {
    top: 63px;
    max-height: 92vh;
  }

  /* .Voice-Icon img {
    width: 100px;
    margin-bottom: 20px;
  } */

  .voiceBox .voice-box .SearchBox input.search-bar {
    padding: 8px 41px 8px 20px;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
  }

  .comprehensive-sec .main-area {
    padding: 34px 0px 80px 0;
  }

  .invertor-info-sec .main-area .investor_swiper .swiper-slide.swiper-slide-active .box {
    border: 1px solid #e5e5e5;
    -webkit-box-shadow: 30px 34px 50px -10px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 30px 34px 50px -10px rgba(0, 0, 0, 0.1);
    box-shadow: 30px 34px 50px -10px rgba(0, 0, 0, 0.1);
    background-color: var(--color-white);
  }

  .invertor-info-sec .main-area .investor_swiper .swiper-slide.swiper-slide-active .box .content-area .standard-btn {
    visibility: visible;
    opacity: 1;
  }

  .tailored-sec .main-area .tailored_swiper .swiper-slide.swiper-slide-active .content-area .default-para,
  .tailored-sec .main-area .tailored_swiper .swiper-slide.swiper-slide-active .content-area a {
    opacity: 1 !important;
  }

  .family-takaful-sec .family_takaful_swiper .swiper-slide .box-area .swiper-btns.left {
    left: 50%;
    bottom: -450px;
    transform: translateX(-50%);
  }

  .family-takaful-sec .senior_citizens_swiper.about-lt .swiper-slide .box-area .swiper-btns.left {
    bottom: -270px;
  }

  .family-takaful-sec .senior_citizens_swiper .swiper-slide .box-area {
    margin-bottom: 80px;
  }

  .family-takaful-sec .senior_citizens_swiper .swiper-slide .box-area .swiper-btns.left {
    left: 50%;
    bottom: -389px;
    transform: translateX(-50%);
  }

  .unlock-sec {
    margin-right: 0.8rem;
    margin-left: 0.8rem;
  }

  /* .family-takaful-sec .family_takaful_swiper .box-area .content-area{
    position: unset;
  }

  .family-takaful-sec .family_takaful_swiper .swiper-slide .box-area{
    position: relative;
  }

  .family-takaful-sec .family_takaful_swiper .swiper-slide .box-area .swiper-btns.left{
    left: 0;
    position: absolute;
    bottom: -40px;
    right: 0;
  } */
}

@media (min-width: 430px) and (max-width: 430px) {
  .family-takaful-sec .senior_citizens_swiper.home-sl .swiper-slide .box-area .swiper-btns.left {
    bottom: -500px;
  }

  .family-takaful-sec .senior_citizens_swiper.about-lt .swiper-slide .box-area .swiper-btns.left {
    bottom: -310px;
  }
}

@media (min-width: 414px) and (max-width: 414px) {
  .family-takaful-sec .senior_citizens_swiper.home-sl .swiper-slide .box-area .swiper-btns.left {
    bottom: -480px;
  }

  .family-takaful-sec .senior_citizens_swiper.about-lt .swiper-slide .box-area .swiper-btns.left {
    bottom: -300px;
  }
}

@media (min-width: 412px) and (max-width: 412px) {
  .family-takaful-sec .senior_citizens_swiper.home-sl .swiper-slide .box-area .swiper-btns.left {
    bottom: -480px;
  }

  .family-takaful-sec .senior_citizens_swiper.about-lt .swiper-slide .box-area .swiper-btns.left {
    bottom: -300px;
  }
}

@media (min-width: 390px) and (max-width: 390px) {
  .family-takaful-sec .senior_citizens_swiper.home-sl .swiper-slide .box-area .swiper-btns.left {
    bottom: -460px;
  }

  .family-takaful-sec .senior_citizens_swiper.about-lt .swiper-slide .box-area .swiper-btns.left {
    bottom: -290px;
  }
}

@media (min-width: 375px) and (max-width: 375px) {
  .family-takaful-sec .senior_citizens_swiper.home-sl .swiper-slide .box-area .swiper-btns.left {
    bottom: -440px;
  }
}

@media (min-width: 360px) and (max-width: 360px) {
  .family-takaful-sec .senior_citizens_swiper.home-sl .swiper-slide .box-area .swiper-btns.left {
    bottom: -420px;
  }

  .family-takaful-sec .senior_citizens_swiper.about-lt .swiper-slide .box-area .swiper-btns.left {
    bottom: -270px;
  }
}

@media (min-width: 353px) and (max-width: 353px) {
  .family-takaful-sec .senior_citizens_swiper.home-sl .swiper-slide .box-area .swiper-btns.left {
    bottom: -420px;
  }
}

@media (min-width: 320px) and (max-width: 320px) {
  .family-takaful-sec .senior_citizens_swiper.home-sl .swiper-slide .box-area .swiper-btns.left {
    bottom: -380px;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .comprehensive-sec .main-area {
    padding: 34px 0px 80px 0;
  }

  .SearchBox .row .col-8.m-auto {
    width: 90%;
  }

  .SearchBox .mainSearch .first .search input {
    padding: 8px 41px 8px 20px;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
  }

  .SearchBox .mainSearch .first .search .logo {
    position: absolute;
    right: 5px;
  }

  .SearchBox .SearchHistory {
    padding: 0 10px;
  }

  /* .Voice-Icon img {
    width: 100px;
    margin-bottom: 20px;
  } */

  .voiceBox .voice-box .SearchBox input.search-bar {
    padding: 8px 41px 8px 20px;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
  }
}

@media (max-width: 767px) {
  body {
    overflow: hidden;
  }

  /* brackpoints */
  .d-show {
    display: none !important;
  }

  .t-show {
    display: none !important;
  }

  .m-show {
    display: block !important;
  }

  /* brackpoints */

  .panel-list-sec .side-by-side {
    flex-direction: column;
  }

  .reach-sec .box-area img {
    margin: 30px 0 10px;
  }

  .reach-sec .box-area .default-para a {
    display: block;
  }

  .reach-sec .heading-area h4 {
    width: 90% !important;
    margin: 0 auto;
  }

  footer {
    padding: 55px 0 25px 0;
  }
}

@media (max-width: 1199px) {
  .default-heading {
    font-size: var(--font-size-24);
    /*line-height: var(--font-size-32);*/
    line-height: var(--font-size-28);
  }

  .default-para {
    font-size: var(--font-size-14);
    line-height: var(--font-size-22);
  }

  .standard-btn {
    font-size: var(--font-size-12);
  }

  .actor-line-btn {
    font-size: var(--font-size-16);
  }

  .sec-heading .default-para {
    font-size: var(--font-size-16);
  }

  .live-chat-icon {
    top: 80%;
  }

  .find-plans .field-area .sec-heading {
    padding-top: 0px;
  }

  .family-takaful-sec .senior_citizens_swiper .box-area .img-area img {
    width: 100%;
  }

  .family-takaful-sec .family_takaful_swiper .box-area {
    padding-left: 0;
    flex-direction: column;
    height: 100%;
    justify-content: unset !important;
    /* max-height: max-content; */
  }

  .family-takaful-sec .family_takaful_swiper {
    height: 100%;
  }

  .family-takaful-sec .family_takaful_swiper .swiper-slide {
    height: 100%;
  }

  .family-takaful-sec .family_takaful_swiper .box-area .content-area {
    padding: 20px;
    width: 100%;
  }

  .family-takaful-sec .family_takaful_swiper .box-area .img-area {
    padding-top: 60px;
    position: relative;
  }

  .swiper-btns.left {
    left: 10px;
    bottom: -40px;
  }

  .family-takaful-sec .senior_citizens_swiper {
    margin-top: 15px;
  }

  .family-takaful-sec .senior_citizens_swiper .box-area {
    padding-left: 0;
    max-height: max-content;
    flex-direction: column;
  }

  .family-takaful-sec .senior_citizens_swiper .box-area .content-area {
    padding: 20px;
    background-color: #afc0d0;
    width: 100%;
  }

  .family-takaful-sec .senior_citizens_swiper .box-area .img-area {
    /*padding-top: 60px;*/
    padding-top: 0px;
    width: 100%;
    position: relative;
  }

  .whats-new-sec {
    padding: 44px 0;
    border: none;
  }

  .whats-new-sec .main-area {
    padding: 0;
    border: none;
  }

  .whats-new-sec .whats_new_swiper {
    padding: 30px 0 80px 0;
  }

  .tailored-sec .main-area .content-area h3 {
    font-size: var(--font-size-16);
  }

  .tailored-sec .main-area .content-area {
    padding: 0 25px 22px 35px;
  }

  .tailored-sec .main-area .content-area .default-para {
    font-size: var(--font-size-12);
    line-height: var(--font-size-14);
  }

  .tailored-sec .main-area .tailored_swiper .swiper-slide.swiper-slide.swiper-slide-next {
    transform: none;
    z-index: 1;
  }

  .tailored-sec .main-area .tailored_swiper .swiper-slide.swiper-slide.swiper-slide-active {
    transform: scale(1.1);
    z-index: 2;
    transition: all 0.5s ease;
  }

  .tailored-sec .main-area .tailored_swiper .swiper-slide.swiper-slide-next .content-area {
    /* bottom: -105px; */
    bottom: -120px;
  }

  .tailored-sec .main-area .tailored_swiper .swiper-slide.swiper-slide-active .box .img-area img {
    border-radius: 5px;
  }

  .tailored-sec .main-area .tailored_swiper .swiper-slide.swiper-slide-active .content-area {
    bottom: 0;
  }

  .tailored-sec::after {
    width: 150px;
    height: 150px;
    right: -10px;
    top: 520px;
    transform: translateY(180px);
  }

  .invertor-info-sec .side-by-side .sec-heading {
    width: 50%;
  }

  .reach-sec {
    text-align: center;
  }

  .reach-sec .heading-area h4 {
    width: 100%;
  }

  .reach-sec .box-area .social-icons {
    width: 200px;
    margin: 50px auto 0;
  }

  .comfort-sec .content-area {
    max-width: 100%;
    padding: 30px 20px;
    min-height: 300px;
  }

  .comfort-sec .content-area .standard-btn {
    width: 100%;
    text-transform: uppercase;
    height: 40px;
    font-size: 16px;
  }

  .comfort-sec .content-area .swiper-btns.left {
    bottom: 20px;
    left: 50%;
    transform: translateX(-50%);
  }

  .cta-sec {
    background-position: -480px top;
    background-attachment: initial;
    padding: 83px 0;
    margin-top: 0;
  }

  .cta-sec .content-area h5 {
    font-size: var(--font-size-24);
    line-height: var(--font-size-27);
    /*width: 85%;*/
    width: 73%;
  }

  .unclaimed-sec .content-area ul {
    flex-direction: column;
    gap: 20px;
  }

  .unclaimed-sec .content-area ul li {
    width: 100%;
  }

  .unclaimed-sec .content-area ul li p {
    font-size: var(--font-size-16);
  }

  .unclaimed-sec .content-area ul li a {
    gap: 26px;
    padding: 15px 25px;
  }

  .unclaimed-sec .content-area ul li .img-area img {
    min-width: 35px;
    height: 45px;
  }

  .unlock-sec .main-area .content-area {
    width: 100%;
    padding: 28px 20px;
  }

  .unlock-sec .main-area .content-area .standard-btn {
    width: 100%;
    text-transform: uppercase;
    height: 40px;
    font-size: 16px;
  }

  .funds-price-sec .main-area .box .content-area {
    padding: 35px 10px;
    width: 100% !important;
  }

  .funds-price-sec .main-area .box {
    flex-direction: column;
    align-items: center;
  }

  .funds-price-sec .main-area .box .img-area {
    position: relative;
  }

  .funds-price-sec .main-area .box .content-area .f-20 {
    margin-top: 10px;
    font-size: var(--font-size-16);
  }

  .funds-price-sec .col-xxl-5.col-xl-6 {
    padding-bottom: 90px;
    position: relative;
  }

  .funds-price-sec .jubilee_health {
    display: none !important;
  }

  .funds-price-sec .main-area .box .content-area .side-by-side {
    /* width: 80%; */
  }

  .panel-list-sec {
    padding: 30px 0;
  }

  footer .copyright-area .side-by-side {
    flex-direction: column-reverse;
    align-items: start;
  }

  footer .copyright-area ul {
    gap: 0;
    flex-direction: column;
    align-items: start;
    margin-bottom: 20px;
  }

  footer .copyright-area ul li::after {
    display: none;
  }

  .logo-area {
    padding: 8px 0;
    width: 70%;
  }
}

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

  /* brackpoints */
  .d-show {
    display: none !important;
  }

  .m-show {
    display: none !important;
  }

  .t-show {
    display: block !important;
  }

  /* brackpoints */

  .default-heading {
    font-size: var(--font-size-28);
    line-height: var(--font-size-32);
  }

  .default-para {
    font-size: var(--font-size-16);
    line-height: var(--font-size-22);
  }

  .standard-btn {
    font-size: var(--font-size-16);
  }

  .actor-line-btn {
    font-size: var(--font-size-16);
  }

  .sec-heading .default-para {
    font-size: var(--font-size-18);
  }

  header .mobile-menu .hamburger-area ul {
    padding-right: 0px;
  }

  .find-plans.mob-v .field-area .default-heading {
    font-size: var(--font-size-28);
    line-height: var(--font-size-32);
  }

  .family-takaful-sec .senior_citizens_swiper .box-area {
    min-height: 600px;
    background-color: #afc0d0;
    justify-content: space-between;
  }

  .family-takaful-sec .senior_citizens_swiper {
    margin-top: 0px;
  }

  .comfort-sec .content-area {
    min-height: 250px;
    padding: 30px 40px;
  }

  .cta-sec {
    background-position: -160px top;
  }

  .cta-sec .content-area h5 {
    width: 60%;
  }

  .unclaimed-sec .content-area ul {
    flex-direction: column;
  }

  .unclaimed-sec .content-area ul li a {
    gap: 15px;
    padding: 15px 20px;
  }

  .unlock-sec .main-area .content-area {
    padding: 10px 0;
  }

  .unlock-sec .main-area .content-area .swiper-btns {
    left: -10px;
  }

  .funds-price-sec .main-area .box {
    min-height: 581px;
  }

  .unlock-sec .main-area .content-area .standard-btn {
    width: unset;
    text-transform: capitalize;
    height: unset;
  }
}

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

  /* brackpoints */
  .d-show {
    display: none !important;
  }

  .m-show {
    display: none !important;
  }

  .t-show {
    display: block !important;
  }

  /* brackpoints */

  .default-heading {
    font-size: var(--font-size-32);
    line-height: var(--font-size-36);
  }

  .default-para {
    font-size: var(--font-size-16);
    line-height: var(--font-size-22);
  }

  .standard-btn {
    font-size: var(--font-size-16);
  }

  .actor-line-btn {
    font-size: var(--font-size-16);
  }

  .sec-heading .default-para {
    font-size: var(--font-size-18);
  }

  header .mobile-menu .hamburger-area ul {
    padding-right: 0px;
  }

  .find-plans.mob-v .field-area .default-heading {
    font-size: var(--font-size-32);
    line-height: var(--font-size-36);
  }

  .family-takaful-sec .senior_citizens_swiper {
    margin-top: 0px;
  }

  .family-takaful-sec .family_takaful_swiper .box-area .img-area {
    padding-top: 95px;
  }

  .comfort-sec .content-area {
    padding: 30px 50px;
    min-height: 250px;
  }

  .cta-sec {
    background-position: 0px top;
  }

  .cta-sec .content-area h5 {
    width: 35%;
  }

  .unclaimed-sec .content-area ul {
    flex-direction: unset;
  }

  .unlock-sec .main-area .content-area .standard-btn {
    width: unset;
    text-transform: capitalize;
    height: unset;
  }

  .funds-price-sec .main-area .box {
    min-height: 581px;
  }
}

@media (min-width: 1200px) and (max-width: 1699px) {
  header .desktop-menu .menu-down {
    /*width: 90%;*/
  }

  header .desktop-menu .navbar ul li {
    margin: 0 15px;
  }

  header .desktop-menu .navbar ul li::after {
    right: -15px;
  }

  header .desktop-menu .menu-down .search-ul {
    padding-left: 0px;
  }

  /* header .desktop-menu .menu-down form {
    width: 70%;
  } */

  header .desktop-menu .menu-down .search-ul li a {
    padding: 0 10px;
    font-size: var(--font-size-12);
  }

  header .desktop-menu .menu-down .search-ul .field-area {
    width: 90%;
  }

  header .desktop-menu .menu-down .dropdown-ul {
    padding-right: 10px;
    margin-right: 10px;
  }

  header .desktop-menu .menu-down .dropdown-ul li a {
    padding: 0 10px;
    font-size: var(--font-size-10);
  }

  .default-heading {
    /*font-size: var(--font-size-26);
    line-height: var(--font-size-30);*/
    font-size: var(--font-size-24);
    line-height: var(--font-size-28);
  }

  .default-para {
    font-size: var(--font-size-14);
    line-height: var(--font-size-24);
    line-height: var(--font-size-20);
  }

  .standard-btn {
    font-size: var(--font-size-14);
  }

  header .desktop-menu .menu-down .search-ul input {
    font-size: var(--font-size-12);
  }

  .custom-input {
    height: 50px !important;
    font-size: var(--font-size-14);
  }

  .btn-ancher {
    font-size: var(--font-size-14);
  }

  .custom-label {
    line-height: var(--font-size-18);
  }

  .find-plans .field-area .sec-heading {
    padding-top: 25px;
  }

  .select2-container .select2-selection--single.custom-container .select2-selection__rendered {
    height: 50px;
    font-size: var(--font-size-14);
    line-height: var(--font-size-18);
  }

  .custom-check-label {
    font-size: var(--font-size-12);
  }

  .banner-sec.d-show .banner-text {
    width: 90%;
  }

  .banner-sec:before {
    bottom: -262px;
    right: -78px;
  }

  .banner-sec::after {
    bottom: -233px;
    right: -28px;
  }

  .find-plans .swiper-main-area .jubliee_Swiper_1 .main-box .red-box {
    min-height: 250px;
    min-height: 290px;
    position: relative;
    min-width: 250px;
  }

  .find-plans .swiper-main-area .jubliee_Swiper_1 .main-box .gray-box {
    padding: 25px 55px 25px 85px;
    min-height: 250px;
    min-height: 290px;
    min-width: calc(100% - 250px);
    max-width: calc(100% - 250px);
  }

  .find-plans .swiper-main-area .jubliee_Swiper_1 .main-box .red-box .img-area img {
    width: 100%;
  }

  .swiper-btns.custom-pos {
    /* left: 45px; */
    left: 75px;
    bottom: 20px;
  }

  .find-plans .swiper-main-area .jubliee_Swiper_1 {
    padding-top: 100px;
    padding-left: 70px;
  }

  .family-takaful-sec .family_takaful_swiper .box-area .content-area {
    padding: 50px 10px 20px 0;
    // max-height: 260px;
  }

  .swiper-btns.left {
    left: -10px;
    bottom: -35px;
  }

  .family-takaful-sec .senior_citizens_swiper .box-area {
    /*padding-left: 50px;*/
    padding-left: 30px;
    /* max-height: 260px; */
    min-height: 300px;
    height: 100%;
  }

  .family-takaful-sec .family_takaful_swiper .box-area {
    min-height: 300px;
  }

  .family-takaful-sec .senior_citizens_swiper .box-area .content-area {
    padding: 20px 10px 20px 0;
    max-height: 260px;
    width: 47%;
  }

  .whats-new-sec .main-area {
    padding: 20px 80px 0 80px;
  }

  .actor-line-btn {
    font-size: var(--font-size-14);
  }

  .whats-new-sec .box .content-area h3 {
    font-size: var(--font-size-18);
    margin: 15px 0;
  }

  .whats-new-sec .box .content-area p {
    font-size: var(--font-size-10);
    line-height: var(--font-size-16);
  }

  .desktop-menu .sec-heading .default-para {
    font-size: var(--font-size-16);
  }

  .tailored-sec .main-area .content-area {
    bottom: -40px;
    padding: 0 15px 15px 15px;
  }

  .tailored-sec .main-area .content-area h3 {
    font-size: var(--font-size-14);
  }

  .tailored-sec .main-area .content-area .default-para {
    font-size: var(--font-size-12);
    line-height: var(--font-size-14);
  }

  .comprehensive-sec .main-area .logo-area {
    margin: 20px auto;
  }

  .comprehensive-sec .main-area .logo-area .box a {
    font-size: var(--font-size-10);
    padding: 0 30px;
  }

  .comprehensive-sec .main-area .logo-area .box::after {
    right: 0px;
  }

  .invertor-info-sec .main-area .investor_swiper {
    padding: 15px 0 80px 0;
  }

  .invertor-info-sec .main-area .box .content-area {
    padding: 20px 10px;
  }

  .invertor-info-sec .main-area .box .content-area h3 {
    font-size: var(--font-size-18);
  }

  .reach-sec .heading-area h4 {
    font-size: var(--font-size-22);
    line-height: var(--font-size-26);
  }

  .reach-sec .box-area .default-para {
    font-size: var(--font-size-12);
  }

  .reach-sec .box-area .social-icons {
    width: 150px;
  }

  .comfort-sec .content-area {
    max-width: 325px;
    padding-bottom: 10px;
  }

  /* .cta-sec {
    padding: 50px 0;
  } */

  .cta-sec .content-area h5 {
    font-size: var(--font-size-30);
    line-height: var(--font-size-36);
  }

  .unclaimed-sec .content-area ul li a {
    padding: 15px 25px;
  }

  .unclaimed-sec .content-area ul li p {
    font-size: var(--font-size-16);
  }

  .unlock-sec .main-area .content-area {
    padding-bottom: 20px;
  }

  .funds-price-sec {
    padding-top: 34px;
  }

  .funds-price-sec .main-area .box .content-area h3 {
    font-size: var(--font-size-22);
    line-height: var(--font-size-26);
  }

  .funds-price-sec .main-area .box .content-area .f-20 {
    font-size: var(--font-size-16);
  }

  .funds-price-sec .main-area .box .content-area {
    width: 55%;
  }

  .panel-list-sec {
    padding: 50px 0;
  }

  footer .footer-title h5 {
    font-size: var(--font-size-14);
  }

  footer .links li a {
    font-size: var(--font-size-10);
  }

  footer .default-para {
    font-size: var(--font-size-10);
  }

  .logo-area {
    width: 90%;
  }
}

@media (max-width: 1399px) {
  header .desktop-menu .navbar ul li {
    margin: 0 10px;
  }

  header .desktop-menu .navbar ul li::after {
    right: -10px !important;
  }
}

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

  .find-plans .field-area,
  .family-takaful-sec .family_takaful_swiper .box-area {
    padding-left: 25px;
  }

  .find-plans .swiper-main-area .jubliee_Swiper_1 .main-box .red-box .img-area img {
    width: 125%;
  }

  .family-takaful-sec .senior_citizens_swiper .box-area {
    padding-left: 10px;
  }
}

@media (min-width: 1280px) and (max-width: 1299px) {

  .find-plans .field-area,
  .family-takaful-sec .family_takaful_swiper .box-area {
    /* padding-left: 100px; */
    padding-left: 55px;
  }

  .find-plans .swiper-main-area .jubliee_Swiper_1 {
    padding-left: 55px;
  }

  .find-plans .swiper-main-area .jubliee_Swiper_1 .main-box .red-box .img-area img {
    width: 120%;
  }

  .family-takaful-sec .senior_citizens_swiper .box-area {
    padding-left: 15px;
  }
}

@media (min-width: 1200px) and (max-width: 1399px) {
  .container {
    max-width: 1200px;
  }

  header .desktop-menu .menu-down .dropdown-ul {
    padding-right: 5px;
    margin-right: 15px;
    width: auto;
  }

  header .desktop-menu .menu-down form {
    width: 45%;
  }

  header .desktop-menu .menu-down .search-ul li::before {
    left: -10px;
  }

  header .desktop-menu .menu-down .standard-btn {
    padding: 0.375rem 14px;
  }

  .family-takaful-sec .senior_citizens_swiper .box-area .content-area {
    width: 45%;
    padding-top: 0;
  }

  .family-takaful-sec .senior_citizens_swiper .box-area .img-area {
    width: 50%;
  }
}

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

  .find-plans .field-area,
  .family-takaful-sec .family_takaful_swiper .box-area {
    padding-left: 104px;
  }
}

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

  .find-plans .field-area,
  .family-takaful-sec .family_takaful_swiper .box-area {
    /* padding-left: 129px; */
    padding-left: 99px;
  }

  .find-plans .swiper-main-area .jubliee_Swiper_1 {
    padding-left: 50px;
  }

  .find-plans .swiper-main-area .jubliee_Swiper_1 .main-box .red-box .img-area img {
    /* width: 120%; */
    width: 125%;
  }

  .family-takaful-sec .senior_citizens_swiper .box-area {
    padding-left: 30px;
  }

  .family-takaful-sec .senior_citizens_swiper .box-area {
    min-height: 302px;
  }

  .family-takaful-sec .family_takaful_swiper .box-area {
    min-height: 302px;
  }
}

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

  .find-plans .field-area,
  .family-takaful-sec .family_takaful_swiper .box-area {
    padding-left: 65px;
  }
}

@media (min-width: 1440px) and (max-width: 1499px) {

  .find-plans .field-area,
  .family-takaful-sec .family_takaful_swiper .box-area {
    padding-left: 83px;
  }

  .find-plans .swiper-main-area .jubliee_Swiper_1 {
    padding-left: 190px;
  }

  .find-plans .swiper-main-area .jubliee_Swiper_1 .main-box .red-box .img-area img {
    width: 120%;
  }

  .family-takaful-sec .senior_citizens_swiper .box-area {
    min-height: 320px;
  }

  .family-takaful-sec .family_takaful_swiper .box-area {
    min-height: 320px;
  }
}

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

  .find-plans .field-area,
  .family-takaful-sec .family_takaful_swiper .box-area {
    padding-left: 163px;
  }

  .find-plans .swiper-main-area .jubliee_Swiper_1 {
    padding-left: 170px;
  }

  .find-plans .swiper-main-area .jubliee_Swiper_1 .main-box .red-box .img-area img {
    width: 120%;
  }

  .family-takaful-sec .senior_citizens_swiper .box-area {
    min-height: 322px;
  }

  .family-takaful-sec .family_takaful_swiper .box-area {
    min-height: 322px;
  }
}

@media (min-width: 1680px) and (max-width: 1699px) {

  .find-plans .field-area,
  .family-takaful-sec .family_takaful_swiper .box-area {
    padding-left: 203px;
  }

  .find-plans .swiper-main-area .jubliee_Swiper_1 {
    padding-left: 165px;
  }

  .find-plans .swiper-main-area .jubliee_Swiper_1 .main-box .red-box .img-area img {
    width: 120%;
  }

  .family-takaful-sec .senior_citizens_swiper .box-area {
    min-height: 322px;
  }

  .family-takaful-sec .family_takaful_swiper .box-area {
    min-height: 322px;
  }
}

@media (min-width: 2000px) {

  .find-plans .field-area,
  .family-takaful-sec .family_takaful_swiper .box-area {
    padding-left: 470px;
  }

  .find-plans .swiper-main-area .jubliee_Swiper_1 {
    padding-left: 155px;
  }
}

@media (min-width: 1699px) {
  .container {
    width: 1650px !important;
    max-width: 1650px;
  }
}

@media (max-width: 320px) {
  header .mobile-menu .hamburger-area ul {
    gap: 20px;
  }

  .find-plans.mob-v .field-area form .standard-btn {
    height: 40px;
    font-size: var(--font-size-16);
  }

  .comfort-sec .content-area .standard-btn {
    line-height: var(--font-size-20);
    font-size: var(--font-size-16);
  }

  .comfort-sec .content-area {
    min-height: 330px;
  }

  .unlock-sec .main-area .content-area .standard-btn {
    font-size: var(--font-size-16);
  }

  .cta-sec {
    background-position: -500px top;
  }
}

@media (max-width: 389px) {
  header .mobile-menu .menu-container .hamburger-area ul {
    padding: 0 7px;
  }

  header .mobile-menu .hamburger-area ul li a.standard-btn {
    padding: 3px 3px !important;
    font-size: 10px;
  }
}

/* gsap animation css */
/*
.banner-sec .img-area img {
  clip-path: polygon(0 100%, 100% 100%, 100% 100%, 0% 100%);
}

.banner-sec .banner-form {
  clip-path: polygon(0 100%, 100% 100%, 100% 100%, 0% 100%);
}

.find-plans.d-show .field-area form {
  clip-path: polygon(0 100%, 100% 100%, 100% 100%, 0% 100%);
}

.find-plans.d-show .jubliee_Swiper_1 .red-box .img-area img {
  clip-path: polygon(0 100%, 100% 100%, 100% 100%, 0% 100%);
}

.find-plans.d-show .jubliee_Swiper_1 .gray-box .img-area img {
  clip-path: polygon(0 100%, 100% 100%, 100% 100%, 0% 100%);
}

.find-plans.d-show .jubliee_Swiper_1 .gray-box .default-para {
  clip-path: polygon(0 100%, 100% 100%, 100% 100%, 0% 100%);
}

.find-plans.d-show .jubliee_Swiper_1 .gray-box .standard-btn {
  clip-path: polygon(0 100%, 100% 100%, 100% 100%, 0% 100%);
}

.family-takaful-sec .family_takaful_swiper .box-area .content-area .standard-btn {
  clip-path: polygon(0 100%, 100% 100%, 100% 100%, 0% 100%);
}

.family-takaful-sec .family_takaful_swiper .box-area .content-area .swiper-btns {
  clip-path: polygon(0 100%, 100% 100%, 100% 100%, 0% 100%);
}

.family-takaful-sec .family_takaful_swiper .box-area .img-area img {
  clip-path: polygon(0 100%, 100% 100%, 100% 100%, 0% 100%);
  transition: all 1s ease-in-out;
}

.family-takaful-sec .senior_citizens_swiper .box-area .content-area .standard-btn {
  clip-path: polygon(0 100%, 100% 100%, 100% 100%, 0% 100%);
}

.family-takaful-sec .senior_citizens_swiper .box-area .content-area .swiper-btns {
  clip-path: polygon(0 100%, 100% 100%, 100% 100%, 0% 100%);
}

.family-takaful-sec .senior_citizens_swiper .box-area .img-area img {
  clip-path: polygon(0 100%, 100% 100%, 100% 100%, 0% 100%);
  transition: all 1s ease-in-out;
}

.whats-new-sec .side-by-side .actor-line-btn {
  clip-path: polygon(0 100%, 100% 100%, 100% 100%, 0% 100%);
}

.whats-new-sec .whats_new_swiper .box {
  clip-path: polygon(0 100%, 100% 100%, 100% 100%, 0% 100%);
}

.tailored-sec .main-area .tailored_swiper .box {
  clip-path: polygon(0 100%, 100% 100%, 100% 100%, 0% 100%);
}

.comprehensive-sec .main-area .logo_area_swiper .box {
  transform: scale(0.5);
  opacity: 0;
}

.invertor-info-sec .side-by-side .actor-line-btn {
  clip-path: polygon(0 100%, 100% 100%, 100% 100%, 0% 100%);
}

.invertor-info-sec .investor_swiper .box {
  clip-path: polygon(0 100%, 100% 100%, 100% 100%, 0% 100%);
}

.reach-sec .box-area {
  clip-path: polygon(0 100%, 100% 100%, 100% 100%, 0% 100%);
  transition: all 1s ease-in-out;
}

.comfort-sec .comfort_swiper .img-area img {
  clip-path: polygon(0 100%, 100% 100%, 100% 100%, 0% 100%);
  transition: all 1s ease-in-out;
}

.comfort-sec .comfort_swiper .content-area .standard-btn {
  clip-path: polygon(0 100%, 100% 100%, 100% 100%, 0% 100%);
}

.comfort-sec .comfort_swiper .content-area .swiper-btns {
  clip-path: polygon(0 100%, 100% 100%, 100% 100%, 0% 100%);
}


.cta-sec .content-area .standard-btn {
  clip-path: polygon(0 100%, 100% 100%, 100% 100%, 0% 100%);
}


.unclaimed-sec .content-area ul li {
  clip-path: polygon(0 100%, 100% 100%, 100% 100%, 0% 100%);
  transition: all 1s ease-in-out;
}


.unlock-sec .unlock_swiper .swiper-slide .img-area img {
  clip-path: polygon(0 100%, 100% 100%, 100% 100%, 0% 100%);
  transition: all 1s ease-in-out;
}

.unlock-sec .content-area .standard-btn {
  clip-path: polygon(0 100%, 100% 100%, 100% 100%, 0% 100%);
}

.funds-price-sec .funds_price_swiper .img-area img,
.funds-price-sec .fund_price_swiper .img-area img {
  clip-path: polygon(0 100%, 100% 100%, 100% 100%, 0% 100%);
  transition: all 1s ease-in-out;
}

.funds-price-sec .jubilee_health_swiper .img-area img {
  clip-path: polygon(0 100%, 100% 100%, 100% 100%, 0% 100%);
  transition: all 1s ease-in-out;
}

.panel-list-sec .side-by-side .standard-btn {
  clip-path: polygon(0 100%, 100% 100%, 100% 100%, 0% 100%);
}

footer{
  opacity: 0;
}
*/

.banner-input .form-floating .custom-input,
.banner-input .form-floating .custom-label,
.banner-input .standard-btn,
.banner-text .default-heading,
.banner-text .default-para {
  /* transform: translate(-101%, 0px);
  opacity: 0; */
}

.sec-heading .default-heading,
.find-plans form .form-floating,
.find-plans form .form-check,
.find-plans form .standard-btn {
  /* transform: translate(-101%, 0px); */
  /* opacity: 0; */
}

/* gsap animation css ends */

/* breadcrumb */
.breadcrumb-sec {
  border-bottom: 1px solid #d5d5d5;
  padding: 20px 0 16px 0;
}

.breadcrumb-sec ul {
  padding: 0;
  margin: 0;
  list-style-type: none;
}

.breadcrumb-sec ul li {
  display: inline-block;
  padding: 0 21.5px;
  position: relative;
  font-family: var(--fontPoppins) !important;
}

.breadcrumb-sec ul li:first-child {
  padding-right: 9px;
}

.breadcrumb-sec ul li:nth-child(2) {
  padding-left: 9px;
}

.breadcrumb-sec ul li::after {
  content: "/";
  position: absolute;
  right: -4px;
  top: 50%;
  font-family: var(--fontPoppins);
  font-weight: var(--fontBold);
  font-size: var(--font-size-14);
  line-height: 1.3;
  color: var(--color-black);
  transform: translateY(-40%);
}

.breadcrumb-sec ul li:first-child::after,
.breadcrumb-sec ul li:last-child::after {
  display: none;
}

.breadcrumb-sec ul li a {
  font-family: var(--fontPoppins);
  font-weight: var(--fontRegular);
  font-size: var(--font-size-14);
  line-height: 1.3;
  color: var(--color-black);
}

.breadcrumb-sec ul li.active {
  font-family: var(--fontPoppins);
  font-weight: var(--fontBold);
  font-size: var(--font-size-14);
  line-height: 1.3;
  color: var(--color-black);
}

.funds-price-sec .main-area .box .content-area {
  /* width: 70%; */
  width: 67%;
}

.funds-price-sec .main-area .box .content-area .swiper-slide .box .content-area {
  width: 100%;
  padding-inline: 0 !important;
}

.emergency-sec .main-area,
.emergency-sec .main-area .jubilee_health_swiper {
  height: 100%;
}

.funds-price-sec .main-area .box {
  min-height: auto;
  position: relative;
}

.funds-price-sec .main-area .box .img-area img {
  width: 230px !important;
}

.emergency-sec .main-area .jubilee_health_swiper .box {
  height: 100%;
}

.emergency-sec .main-area .box .img-area img {
  width: 300px !important;
}

.health-tabs-sec.inner .xk-sec-tab-content-bx ul li p strong {
  font-weight: normal;
  display: block;
}

.grecaptcha-badge,
.grecaptcha-logo {
  display: none;
}

.customer-portal-bx {
  align-items: center;
  padding-left: 10px;
  padding-right: 10px;
  margin-right: 30px;
}

.customer-portal-bx .form-title {}

.customer-portal-bx a.btnn {
  margin: 0 16px 0 30px;
}

.customer-portal-bx a button.btn.standard-btn {}

.customer-portal-bx a.link {
  font-family: var(--fontPoppins);
  font-size: var(--font-size-14);
  font-weight: var(--fontMedium);
  color: #000;
  text-decoration: none;
}

.customer-portal-bx a.link:hover {
  color: var(--color-red);
}

@media (min-width: 1200px) and (max-width: 1699px) {
  .customer-portal-bx a.link {
    font-size: var(--font-size-10);
  }
}

#simple-chat-button--container {
  position: fixed;
  bottom: 20px;
  right: 20px;
  z-index: 450;
}

#simple-chat-button--button {
  display: block;
  position: relative;
  text-decoration: none;
  width: 60px;
  height: 60px;
  border-radius: 50%;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  -webkit-transform: scale(1);
  transform: scale(1);
  box-shadow: 0 6px 8px 2px rgba(0, 0, 0, 0.15);
  background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMjU2IiB3aWR0aD0iMjU2IiB2aWV3Qm94PSItMjMgLTIxIDY4MiA2ODIuNjY3IiBmaWxsPSIjZmZmIiB4bWxuczp2PSJodHRwczovL3ZlY3RhLmlvL25hbm8iPjxwYXRoIGQ9Ik01NDQuMzg3IDkzLjAwOEM0ODQuNTEyIDMzLjA2MyA0MDQuODgzLjAzNSAzMjAuMDUxIDAgMTQ1LjI0NiAwIDIuOTggMTQyLjI2MiAyLjkxIDMxNy4xMTNjLS4wMjMgNTUuODk1IDE0LjU3OCAxMTAuNDU3IDQyLjMzMiAxNTguNTUxTC4yNSA2NDBsMTY4LjEyMS00NC4xMDJjNDYuMzI0IDI1LjI3IDk4LjQ3NyAzOC41ODYgMTUxLjU1MSAzOC42MDJoLjEzM2MxNzQuNzg1IDAgMzE3LjA2Ni0xNDIuMjczIDMxNy4xMzMtMzE3LjEzMy4wMzUtODQuNzQyLTMyLjkyMi0xNjQuNDE4LTkyLjgwMS0yMjQuMzU5ek0zMjAuMDUxIDU4MC45NDFoLS4xMDljLTQ3LjI5Ny0uMDItOTMuNjg0LTEyLjczLTEzNC4xNi0zNi43NDJsLTkuNjIxLTUuNzE1LTk5Ljc2NiAyNi4xNzIgMjYuNjI5LTk3LjI3LTYuMjctOS45NzNjLTI2LjM4Ny00MS45NjktNDAuMzItOTAuNDc3LTQwLjI5Ny0xNDAuMjgxLjA1NS0xNDUuMzMyIDExOC4zMDUtMjYzLjU3IDI2My42OTktMjYzLjU3IDcwLjQwNi4wMjMgMTM2LjU5IDI3LjQ3NyAxODYuMzU1IDc3LjMwMXM3Ny4xNTYgMTE2LjA1MSA3Ny4xMzMgMTg2LjQ4NGMtLjA2MiAxNDUuMzQ0LTExOC4zMDUgMjYzLjU5NC0yNjMuNTk0IDI2My41OTR6bTE0NC41ODYtMTk3LjQxOGMtNy45MjItMy45NjktNDYuODgzLTIzLjEzMy01NC4xNDgtMjUuNzgxLTcuMjU4LTIuNjQ1LTEyLjU0Ny0zLjk2MS0xNy44MjQgMy45NjktNS4yODUgNy45My0yMC40NjkgMjUuNzgxLTI1LjA5NCAzMS4wNjZzLTkuMjQyIDUuOTUzLTE3LjE2OCAxLjk4NC0zMy40NTctMTIuMzM2LTYzLjcyNy0zOS4zMzJjLTIzLjU1NS0yMS4wMTItMzkuNDU3LTQ2Ljk2MS00NC4wODItNTQuODkxLTQuNjE3LTcuOTM3LS4wMzktMTEuODEyIDMuNDc3LTE2LjE3MiA4LjU3OC0xMC42NTIgMTcuMTY4LTIxLjgyIDE5LjgwOS0yNy4xMDVzMS4zMi05LjkxOC0uNjY0LTEzLjg4M2MtMS45NzctMy45NjUtMTcuODI0LTQyLjk2OS0yNC40MjYtNTguODQtNi40MzctMTUuNDQ1LTEyLjk2NS0xMy4zNTktMTcuODMyLTEzLjYwMi00LjYxNy0uMjMtOS45MDItLjI3Ny0xNS4xODctLjI3N3MtMTMuODY3IDEuOTgtMjEuMTMzIDkuOTE4LTI3LjczIDI3LjEwMi0yNy43MyA2Ni4xMDUgMjguMzk1IDc2LjY4NCAzMi4zNTUgODEuOTczIDU1Ljg3OSA4NS4zMjggMTM1LjM2NyAxMTkuNjQ4YzE4LjkwNiA4LjE3MiAzMy42NjQgMTMuMDQzIDQ1LjE3NiAxNi42OTUgMTguOTg0IDYuMDMxIDM2LjI1NCA1LjE4IDQ5LjkxIDMuMTQxIDE1LjIyNy0yLjI3NyA0Ni44NzktMTkuMTcyIDUzLjQ4OC0zNy42OCA2LjYwMi0xOC41MTIgNi42MDItMzQuMzc1IDQuNjE3LTM3LjY4NC0xLjk3Ny0zLjMwNS03LjI2Mi01LjI4NS0xNS4xODQtOS4yNTR6bTAgMCIgZmlsbC1ydWxlPSJldmVub2RkIi8+PC9zdmc+") center/44px 44px no-repeat #25d366;
}

#simple-chat-button--text {
  display: none;
  position: absolute;
  width: max-content;
  background-color: #fff;
  bottom: 15px;
  right: 70px;
  border-radius: 5px;
  padding: 5px 10px;
  color: #000;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: -0.03em;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  word-break: keep-all;
  line-height: 1em;
  text-overflow: ellipsis;
  vertical-align: middle;
  box-shadow: 0 6px 8px 2px rgba(0, 0, 0, 0.15);
}

#simple-chat-button--button:before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  border-radius: 50%;
  -webkit-animation: scb-shockwave-animation 2s 5.3s ease-out infinite;
  animation: scb-shockwave-animation 2s 5.3s ease-out infinite;
  z-index: -1;
}

#simple-chat-button--button:hover {
  -webkit-transform: scale(1.06);
  transform: scale(1.06);
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}

@media only screen and (max-width: 1024px) {
  #simple-chat-button--container {
    bottom: 20px;
  }
}

@media only screen and (max-width: 768px) {
  #simple-chat-button--container {
    bottom: 20px;
  }
}

@-webkit-keyframes scb-shockwave-animation {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    box-shadow: 0 0 2px rgba(0, 100, 0, 0.5), inset 0 0 1px rgba(0, 100, 0, 0.5);
  }

  95% {
    box-shadow: 0 0 50px transparent, inset 0 0 30px transparent;
  }

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

@keyframes scb-shockwave-animation {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    box-shadow: 0 0 2px rgba(0, 100, 0, 0.5), inset 0 0 1px rgba(0, 100, 0, 0.5);
  }

  95% {
    box-shadow: 0 0 50px transparent, inset 0 0 30px transparent;
  }

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

#simple-chat-button--container {
  bottom: 130px !important;
}

@media (max-width: 1399px) {
  header .desktop-menu .navbar ul li {
    margin: 0 10px;
  }

  header .desktop-menu .navbar ul li::after {
    right: -10px !important;
  }
}

.home-modal {
  z-index: 9999;
}

.home-modal .modal-body {
  padding: 0;
}

.home-modal .btn-close {
  width: auto;
  position: absolute;
  left: 0;
  top: 0;
  opacity: 1;
  padding: 0;
  margin: 0;
}

.home-modal .btn-close img {
  width: 85px;
}

.fio_logo a {
  color: var(--color-red);
}

.locate.mobile {
  font-family: var(--fontPoppins);
  font-size: var(--font-size-14);
  font-weight: var(--fontMedium);
  padding-top: 0;
}

.locate.mobile .locate-menu {
  position: relative;
  width: max-content;
  top: 0;
  border: none;
  display: none;
}

.locate.mobile .locate-para::before {
  display: none;
}

.locate.mobile .locate-menu {
  transition: unset;
  opacity: unset;
  visibility: unset;
}

.locate.mobile:hover .locate-menu {
  opacity: unset;
  visibility: unset;
  display: none;
}

.banner-sec.d-show.inner.overview-individual-life-insurance, .banner-sec.d-show.inner.traditional-plans {
  min-height: 400px;
}

@media (min-width: 1699px) {
  .banner-sec.d-show.inner.overview-individual-life-insurance, .banner-sec.d-show.inner.traditional-plans {
    min-height: 500px;
  }
}