/* @import url('https://fonts.googleapis.com/css2?family=Gulzar&family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&display=swap'); */
@import url('https://fonts.googleapis.com/css2?family=Noto+Nastaliq+Urdu:wght@400..700&display=swap" rel="stylesheet');

.gulzar-regular {
  font-family: "Noto Nastaliq Urdu", serif;
  font-weight: 400;
  font-style: normal;
}

body {
  font-family: "Noto Nastaliq Urdu", serif;
}

.top-contact h5,
.top-contact p,
.top-contact .form-select,
.contact-address h5,
.contact-address p,
.contact-address li,
.office-address,
.office-title {
  font-family: "Noto Nastaliq Urdu", serif !important;
  line-height: normal !important;
}

@media (min-width: 1200px) and (max-width: 1699px) {
  .top-contact .form-select {
    height: 60px !important;
    font-size: var(--font-size-12);
  }
}


.breadcrumb-sec ul li {
  line-height: 0 !important;
}

.default-heading,
.unlock-sec .content-area p.default-para {
  font-family: "Noto Nastaliq Urdu", serif;
  /* line-height: 1.8; */
  line-height: normal;
  font-size: var(--font-size-28);
}

.unlock-sec .content-area p.default-para {
  font-size: var(--font-size-18);
}

.dropdown .close-btn {
  right: auto;
  left: 0;
}

.default-para,
header .desktop-menu .drop-menu-inner-content h5,
header .desktop-menu .drop-menu-inner-content h5 a,
header .desktop-menu .drop-menu-inner-content h5 span,
header .desktop-menu .drop-menu-inner-content li a,
header .mobile-menu .hamburger-area ul li a,
header .mobile-menu .hamburger-area ul li .select-items-heading,
.menu-accordion .accordion-header a {
  font-family: "Noto Nastaliq Urdu", serif !important;
}


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


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

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

header .desktop-menu .navbar ul li.buyNow-btn .standard-btn {
  padding: 0.15rem 18px 0.65rem;
  line-height: 2;
  font-size: 12px;
}

header .desktop-menu .navbar ul li a {
  /*font-size: var(--font-size-14);*/
  font-family: "Noto Nastaliq Urdu", serif;
}

header .desktop-menu .menu-down .dropdown-ul li a {
  /*font-size: var(--font-size-16);*/
  font-family: "Noto Nastaliq Urdu", serif;
}

header .desktop-menu .menu-down .search-ul li::after {
  right: auto;
  left: 0px;
}

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

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: 0px;
  padding-left: 8px;
}

header .desktop-menu .menu-down .field-area .icon-area {
  right: auto;
  left: 5%;
  transform: translateY(-65%);
}

header .desktop-menu .menu-down input {
  padding-right: .75rem;
  padding-left: 30px;
  font-family: "Noto Nastaliq Urdu", serif;
}

header .desktop-menu .menu-down .field-area {
  margin-right: 0px;
  margin-left: 10px;
  font-family: "Noto Nastaliq Urdu", serif;
}

header .desktop-menu .menu-down .standard-btn {
  line-height: 20px;
}

header .desktop-menu .menu-down .dropdown-ul::after {
  right: auto;
  left: 0;
}

header .desktop-menu .menu-down .dropdown-ul {
  padding-left: 17px;
  padding-right: 0;
  margin-right: 2rem;
  margin-left: 30px;
}

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

header .desktop-menu .menu-down .form-title {
  font-family: "Noto Nastaliq Urdu", serif;
}

header .mobile-menu .hamburger-area.top-header ul li:nth-child(2)::after {
  left: auto;
  right: -20px;
}



.SearchBox .mainSearch .first .search input {
  padding: 12px 30px 15px 45px;
  direction: rtl;
  font-family: "Noto Nastaliq Urdu", serif;
}

.SearchBox .mainSearch .first .search .logo {
  right: auto;
  left: 18px;
}


@media (min-width: 1200px) and (max-width: 1450px) {
  .senior_citizens_swiper .box-area .content-area .default-heading .bold-weight {
    font-size: 22px;
  }

  .senior_citizens_swiper .box-area .content-area .default-para {
    font-size: 10px;
  }
}



.srch-close-btn {
  right: auto;
  left: 15px;
}

.SearchBox .SearchHistory ul {
  direction: rtl;
}

.voice-srch-close-btn {
  text-align: left;
  right: auto;
  left: 15px;
}

.funds-price-sec .main-area .box {
  justify-content: end;
}

.voiceBox .voice-box .SearchBox input.search-bar {
  padding: 12px 30px 15px 45px;
  direction: rtl;
  font-family: "Noto Nastaliq Urdu", serif;
}

.select2-dropdown .select2-search--dropdown .select2-search__field,
.select2-container .select2-selection--single .select2-selection__rendered {
  font-family: "Noto Nastaliq Urdu", serif;
  font-size: var(--font-size-14);
  line-height: 2;
  margin: -10px 0 0 0;
}

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

.invertor-info-sec .main-area .box .content-area {
  text-align: right;
}

.select2-container .select2-selection--single.custom-container .select2-selection__rendered,
.select2-results__option,
.custom-label,
.custom-check-label,
.whats-new-sec .box .content-area h3,
.whats-new-sec .box .content-area p,
.tailored-sec .main-area .content-area h3,
.tailored-sec .main-area .content-area .default-para,
.tailored-sec .main-area .content-area p,
.comprehensive-sec .main-area .logo-area .box a .icon-text,
.actor-line-btn,
.invertor-info-sec .main-area .box .content-area h3,
.invertor-info-sec .main-area .box .content-area .default-para,
.invertor-info-sec .main-area .box .content-area p,
.unlock-sec .content-area p.default-para,
.reach-sec .heading-area h4,
.cta-sec .content-area h5,
.funds-price-sec .main-area .box .content-area h3,
.funds-price-sec .main-area .box .content-area .default-para {
  font-family: "Noto Nastaliq Urdu", serif;
  /* line-height: 2; */
  line-height: normal;
}

.tailored-sec .main-area .content-area-ur {
  bottom: -140px !important;
}

.find-plans.d-show .form-check .custom-check-label {
  line-height: 1;
  margin-top: 5px;
  display: block;
}

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

.find-plans form .standard-btn {
  line-height: 1.2;
  padding-top: 10px;
  padding-bottom: 10px;
}



.family-takaful-sec .family_takaful_swiper .content-area a.standard-btn,
.family-takaful-sec .senior_citizens_swiper .content-area a.standard-btn {
  /* line-height: 0.7 !important; */
  padding-top: 5px;
  padding-bottom: 14px;
}

.standard-btn.ab-ur {
  line-height: 1.8 !important;
  padding: 0px 25px 12px !important;
}

.unclaimed-sec .content-area ul li p.default-para {
  font-family: var(--fontPoppins);
  text-align: right;
  margin-left: auto;
  line-height: 1.9;
}

.unlock-sec .main-area .content-area {
  /* width: 55%; */
}

.standard-btn {
  font-family: "Noto Nastaliq Urdu", serif;
  line-height: 1.8;
  /*line-height: normal;*/
  /* padding: 0.665rem 24px 0.175rem; */
  padding: 6px 25px;
  padding: 0px 25px 12px;
}

.form-floating>.form-control-plaintext~label,
.form-floating>.form-control:focus~label,
.form-floating>.form-control:not(:placeholder-shown)~label,
.form-floating>.form-select~label {
  opacity: .65;
  transform: scale(.85) translateY(-.5rem) translateX(7.95rem);
  transform-origin: right !important;
  right: 0;
  left: auto;
  font-size: 12px;
}
.form-floating>label{
	transform-origin: right;
}

.select2-container .select2-selection--single.custom-container .select2-selection__rendered {
  font-size: var(--font-size-12);
  line-height: 1.8;
  line-height: normal;
}

.select2-container--bootstrap-5 .select2-dropdown .select2-results__options .select2-results__option {
  padding: 0.875rem .75rem 0.375rem;
  font-size: 12px;
  /* line-height: 1.5; */
  line-height: normal;
}

.select2-container--bootstrap-5 .select2-selection--single::before {
  right: auto;
  left: 2%;
}

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

.form-check {
  padding-left: 0;
  padding-right: 1.5em;
}

.form-check .form-check-input {
  float: right;
  margin-left: 0;
  margin-right: -1.5em;
}

.swiper-btns.left {
  left: auto;
  right: -10px;
}



.banner-sec {
  direction: rtl;
}

.banner-sec .img-area {
  right: auto;
  left: 0;
  -webkit-transform: scaleX(-1);
  transform: scaleX(-1);
}



.find-plans .swiper-main-area .jubliee_Swiper_1 .main-box .gray-box {
  direction: rtl;
}

.swiper-btns.custom-pos {
  left: auto;
  right: 110px;
}

.find-plans .swiper-main-area .jubliee_Swiper_1 .main-box .red-box {
  min-height: 350px;
  min-width: 350px;
}

.family-takaful-sec .family_takaful_swiper .content-area a.standard-btn,
.family-takaful-sec .senior_citizens_swiper .content-area a.standard-btn {
  height: 47px;
  display: inline-block;
  /* line-height: 2.4; */
  line-height: normal;
}

.family-takaful-sec .family_takaful_swiper .content-area .default-heading,
.family-takaful-sec .senior_citizens_swiper .box-area .content-area .default-heading {
  font-size: var(--font-size-32);
}

.family-takaful-sec .family_takaful_swiper .content-area .swiper-btns.left {
  position: relative;
  bottom: -20px;
}


.tailored-sec .main-area .content-area {
  left: auto;
  right: 0;
  padding: 0 44px 24px 44px;
  bottom: -55px !important;
}

.tailored-sec .main-area .content-area .default-para {
  /* line-height: 1.8; */
  line-height: normal;
  padding-top: 10px;
}

.tailored-sec .main-area .content-area h3 {
  font-size: 1.2rem;
}

.reach-sec .box-area .default-para,
.comfort-sec .content-area p {
  /* line-height: 1.8; */
  line-height: normal;
}

.cta-sec .content-area h5 {
  /* line-height: 1.8; */
  line-height: normal;
}

.funds-price-sec .main-area .box .content-area h3 {
  font-size: var(--font-size-24);
}

.funds-price-sec .main-area .box .content-area .default-para {
  font-size: var(--font-size-14);
}

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

.cta-sec .content-area h5 {
  line-height: normal;
}


.standard-btn {
  height: auto !important;
  padding-top: 5px;
}

@media (min-width: 1700px) and (max-width: 1900px) {
  .family-takaful-sec .senior_citizens_swiper .box-area .content-area {
    padding: 0px 95px 0px 0;
  }
}



@media (min-width: 780px) {
  .funds-price-sec .main-area .box .img-area {
    width: 48%;
    transform: scaleX(-1);
    left: 0;
  }
}


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



  .find-plans .swiper-main-area .jubliee_Swiper_1 .main-box .gray-box {
    min-height: 350px;
    min-width: calc(100% - 350px);
    max-width: calc(100% - 350px);
  }

  .family-takaful-sec .senior_citizens_swiper .box-area .content-area {
    width: 45%;

  }

  .family-takaful-sec .family_takaful_swiper .content-area .default-heading,
  .family-takaful-sec .senior_citizens_swiper .box-area .content-area .default-heading {
    font-size: var(--font-size-22);
  }

  .form-floating>.form-control-plaintext~label,
  .form-floating>.form-control:focus~label,
  .form-floating>.form-control:not(:placeholder-shown)~label,
  .form-floating>.form-select~label {
    transform: scale(.85) translateY(-.7rem) translateX(0);
    transform-origin: right !important;
  }

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



  .family-takaful-sec .senior_citizens_swiper .box-area .content-area {
    max-height: 300px;
  }

  .family-takaful-sec .family_takaful_swiper .box-area .content-area {
    padding: 20px 10px 20px 0;
  }
}

@media (max-width:1699px) and (min-width:1680px) {
  .family-takaful-sec .senior_citizens_swiper .box-area .content-area {
    max-height: 320px;
  }
}

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

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

  .family-takaful-sec .family_takaful_swiper .content-area .default-heading,
  .family-takaful-sec .senior_citizens_swiper .box-area .content-area .default-heading {
    font-size: var(--font-size-22);
  }

  .senior_citizens_swiper .box-area .content-area .default-heading .bold-weight {
    line-height: 48px;
  }
}

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

  .family-takaful-sec .family_takaful_swiper .content-area .default-heading,
  .family-takaful-sec .senior_citizens_swiper .box-area .content-area .default-heading {
    font-size: var(--font-size-22);
    margin-bottom: 0;
  }

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

}

@media (min-width: 1200px) {
  .family-takaful-sec {
    padding-top: 30px;
  }
}

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

  .sec-heading .default-heading,
  .find-plans form .form-floating,
  .find-plans form .form-check,
  .find-plans form .standard-btn {
    direction: rtl;
  }

  .form-floating>.form-select {
    padding-top: 1.625rem;
    padding-bottom: .325rem;
    font-size: 12px;
    line-height: normal;
  }

  .reach-sec .container>.row .col-xl-2.col-md-12 {
    order: 1;
  }

  .reach-sec .container>.row .col-xl-2.col-md-12:first-child {
    order: 6;
  }

  .reach-sec .container>.row .col-xl-2.col-md-6:nth-child(2) {
    order: 2;
  }

  .reach-sec .container>.row .col-xl-2.col-md-6:nth-child(3) {
    order: 3;
  }

  .reach-sec .container>.row .col-xl-2.col-md-6:nth-child(4) {
    order: 4;
  }

  .reach-sec .container>.row .col-xl-2.col-md-6:nth-child(5) {
    order: 5;
  }

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

  .standard-btn {
    padding: 5px 20px !important;
    line-height: normal !important;
    height: auto;
  }

}

@media(max-width:1199px) and (min-width:992px) {
  .form-floating>.form-select~label {
    transform: scale(.85) translateY(-.5rem) translateX(9.6rem) !important;
  }
}

@media(max-width:992px) and (min-width:768px) {
  .form-floating>.form-select~label {
    transform: scale(.85) translateY(-.5rem) translateX(7.6rem) !important;
  }
}

/* inner */
.inner-banner-sec.inner {
  margin-top: 110px;
}

.banner-sec.inner {
  direction: rtl;
}

.banner-sec.inner .img-area {
  right: auto;
  left: 0;
  -webkit-transform: scaleX(1);
  transform: scaleX(-1);
}

.banner-sec.inner .banner-text .default-heading {
  margin-bottom: 24px;
}

.banner-sec.inner .banner-text .default-para {
  /* line-height: 2; */
  line-height: normal;
}

.breadcrumb-sec {
  direction: rtl;
}

.breadcrumb-sec ul li::after {
  left: -8px !important;
  right: auto !important;
}

.breadcrumb-sec ul li {
  padding: 0 21.5px !important;
  text-align: right;
}

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

.health-tabs-sec.inner .xk-sec-tab-content-bx h5 {
  font-family: "Noto Nastaliq Urdu", serif;
  font-weight: var(--fontBold) !important;
  font-size: var(--font-size-40);
}

.health-tabs-sec.inner .xk-sec-tab-content-bx .default-para {
  /* line-height: 2 !important; */
  line-height: normal !important;
}

.health-tabs-sec .xk-health-download-bx h6 {
  font-family: "Noto Nastaliq Urdu", serif;
}


/* faqs */
.accordion-button::after {
  margin-left: 0;
  margin-right: auto;
}

.accordion-item .accordion-button,
.accordion-body,
.accor-txt {
  font-family: "Noto Nastaliq Urdu", serif;
  text-align: right;
}


.funds-price-sec .main-area .box .content-area .swiper-btns.left {
  bottom: -2px !important;
  bottom: 4px !important;
}


footer .footer-title h5 {
  font-family: "Noto Nastaliq Urdu", serif;
}

footer .links li {
  padding-bottom: 5px
}

footer .links li a {
  font-family: "Noto Nastaliq Urdu", serif;
}

footer .default-para,
footer .links li {
  font-family: "Noto Nastaliq Urdu", serif;
  direction: rtl;
  padding-bottom: 0;
}

.funds_price_swiper .swiper-btns .swiper-button-prev {
  left: var(--swiper-navigation-sides-offset, 10px);
  right: auto;
}

.funds_price_swiper .swiper-btns .swiper-button-next {
  left: auto;
  right: var(--swiper-navigation-sides-offset, 10px);
}


.family-takaful-sec.new-plan .family_takaful_swiper .box-area .content-area p {
  line-height: normal;
}

.unlock-sec.about-us .unlock_swiper .content-area p {
  line-height: normal;
}

.ceo-message .content-area p {
  line-height: normal;
}

.comprehensive-sec.sec-gap .sec-heading p {
  line-height: normal;
}

.comprehensive-sec.sec-gap .details h3,
.comprehensive-sec.sec-gap .details p {
  line-height: normal;
}

ol,
ul {
  padding-left: 0;
  padding-right: 2rem;
}

ol li,
ul li {
  line-height: normal;
}



@supports (-webkit-touch-callout: none) {
  * {
    font-weight: 500 !important;
  }
}

@media (max-width:767px) {


  .family-takaful-sec .family_takaful_swiper .box-area .content-area,
  .family-takaful-sec .senior_citizens_swiper .box-area .content-area {
    position: unset;
  }

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

  .family-takaful-sec .family_takaful_swiper .swiper-slide .box-area .swiper-btns.left,
  .family-takaful-sec .senior_citizens_swiper .swiper-slide .box-area .swiper-btns.left {
    left: 50%;
    transform: translateX(-50%);
    position: absolute;
    bottom: -40px !important;
    right: 0;
  }

  .reach-sec .container>.row {
    flex-direction: column-reverse;
  }

  .standard-btn {
    padding: 5px 20px !important;
    line-height: normal !important;
  }
}

@media (max-width:359px) {

  .form-floating>.form-control-plaintext~label,
  .form-floating>.form-control:focus~label,
  .form-floating>.form-control:not(:placeholder-shown)~label,
  .form-floating>.form-select~label {
    transform: scale(.85) translateY(-.5rem) translateX(3rem);
    transform-origin: right;
  }
}

@media (min-width: 1199px) {

  .funds-price-sec .main-area .box .img-area {
    transform: scaleX(-1);
    left: 0;
    width: 37%;
  }

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

@media (max-width: 1199px) {
  .family-takaful-sec .family_takaful_swiper .box-area .img-area {
    width: 100% !important;
    display: flex;
    justify-content: end;
  }

  .family-takaful-sec .family_takaful_swiper .box-area .img-area img {
    width: 90% !important;
  }
}

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

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

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

.customer-portal-bx a.link {
  font-family: "Noto Nastaliq Urdu", serif;
}



.hide {
  display: none !important;
}

.health-tabs-sec p {
  line-height: normal;
}


.documents-sec .tabs-bx .tabs-btns .nav-tabs {
  padding-right: 0;
}

.documents-sec .tabs-bx .tabs-btns .nav-tabs .nav-item:first-child {
  padding-left: 27px;
  padding-right: 0;
}

.unclaimedBenefits ul li .files-bx .file img {
  padding-right: 0;
  padding-left: 7px;
}

.documents-sec .tabs-bx .tabs-btns .nav-tabs .nav-item .nav-link,
.unclaimedBenefits ul li .description,
.unclaimedBenefits ul li .files-bx .file,
.unclaimedBenefits ul li .files-bx .file a,
.unclaimedBenefits-description h2,
.unclaimedBenefits-description h3,
.unclaimedBenefits-description p {
  font-family: "Noto Nastaliq Urdu", serif;
  line-height: normal;
}

.default-para1 {
  line-height: normal;
}

.hamburder-icon img#hamburger {
  padding: 6px 0 0 0;
  display: block;
}

.swiper-rtl .swiper-button-next {
  right: var(--swiper-navigation-sides-offset, 10px);
  left: auto;
}

.swiper-rtl .swiper-button-prev {
  left: var(--swiper-navigation-sides-offset, 10px);
  right: auto;
}

.inner-banner-sec.banner-sec.mob-v.h-auto p {
  line-height: normal;
}

.past-price-filter .form-floating>.form-control:not(:placeholder-shown)~label,
.fund-performance-filter .form-floating>.form-control:not(:placeholder-shown)~label
 {
  transform: scale(.85) translateY(-.5rem) translateX(.15rem) !important;
  font-family: 'Poppins';
}

.past-price-filter .select2-container--bootstrap-5 .select2-selection--single::before,
.fund-performance-filter .select2-container--bootstrap-5 .select2-selection--single::before{
  right: 2% !important;
  left: auto !important;
}


.banner-sec.inner.overview-individual-life-insurance {
	min-height: 400px;
}
@media (max-width: 767px) {
  .invertor-info-sec .main-area .box {
		transform: translateX(0px) !important;
  }
}

@media (min-width: 1200px) and (max-width: 1699px) {
    .comfort-sec .content-area {
        max-width: 100%;
    }
}

.health-tabs-sec .xk-pdf-download-bx ul li a img {
    padding-right: 0px;
    padding-left: 20px;
}
.health-tabs-sec.inner .xk-sec-tab-content-bx .xk-pdf-download-bx ul li a {
    gap: 0px !important;
    line-height: 20px !important;
}