.sec-gap {
    padding: 80px 0px;
  }
  
  .extra-p p{
  	line-height: 2.5em;
    padding: 20px 0;
  }

  .title-sec.financial-highlights {
    padding: 20px 0;
  }

  .family-takaful-sec.new-plan .senior_citizens_swiper .box-area .img-area {
    background-color: #F3F3F3;
    align-items: center;
  }
  .reach-sec {
    margin-bottom: 80px;
}
.investor-faqs-sec{ margin-bottom: 80px;}
.banner-sec::after{ display: block;}
.bg-area.new-plan {
    background-image: url(https://www.jubileelife.com/assets/images/new-plan-bg.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: 0 -495px;
}
.family-takaful-sec .senior_citizens_swiper .box-area .img-area {
    justify-content: center;
}
@media (max-width: 1699px){
.family-takaful-sec .senior_citizens_swiper .box-area .content-area {
    width: 55%;
}
}
@media (max-width: 1499px){
.family-takaful-sec.new-plan .senior_citizens_swiper .box-area .img-area {
    width: 38%;
}
}

  @media (max-width: 1023px){
    .family-takaful-sec .senior_citizens_swiper .box-area .img-area {
        padding-top: 60px; padding-bottom: 30px;
       
    }
    .family-takaful-sec.new-plan .senior_citizens_swiper .box-area .img-area {
        width: 90%;
        background: #afc0d0;
    }
    .family-takaful-sec .senior_citizens_swiper .box-area .content-area {
        width: 100%;
    }
    .family-takaful-sec .senior_citizens_swiper .box-area .img-area {

    bottom: 30px;

}
.family-takaful-sec .senior_citizens_swiper .box-area {
        min-height: 608px;
    }
    .family-takaful-sec .senior_citizens_swiper .box-area .img-area img {
        width: 90%;
    }
  }
  @media (max-width: 767px){

    .family-takaful-sec .senior_citizens_swiper .box-area .content-area {
        width: 90%;
    }
    .family-takaful-sec .senior_citizens_swiper .box-area {
        min-height: 570px;  padding-bottom: 33px;
    }
    .family-takaful-sec .senior_citizens_swiper .swiper-slide .box-area {
         margin-bottom: 0px; 
    }
  }

    @media (min-width: 991px) and (max-width: 1199px){
    .family-takaful-sec .senior_citizens_swiper .box-area .content-area {
        width: 100%;
    }
    .family-takaful-sec .senior_citizens_swiper .box-area {

        /* background: grey; */
        min-height: 647px; background-color: #afc0d0;

    }
    .family-takaful-sec.new-plan .senior_citizens_swiper .box-area .img-area {
        width: 90%; background-color: #afc0d0;
    }
  }
  @media (min-width: 768px) and (max-width: 800px){

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

  }
  @media (max-width: 420px){
    .family-takaful-sec .senior_citizens_swiper .box-area {
        min-height: 550px;
        padding-bottom: 33px;
    }
    

  }
  @media (max-width: 399px){
    .family-takaful-sec .senior_citizens_swiper .box-area {
        min-height: 530px;
    }


  }
  
  .invertor-info-sec .main-area .investor_swiper12 .swiper-slide {
  		height: auto;
  }
  .invertor-info-sec .main-area .investor_swiper12 .swiper-slide .box {height:100%;}
  
  
  .invertor-info-sec .main-area .investor_swiper12 .swiper-slide .box:hover,
    .invertor-info-sec .main-area .interview_swiper12 .swiper-slide .box:hover,
    .invertor-info-sec .main-area .interview_swiper .swiper-slide .box:hover,
    .invertor-info-sec .main-area .campaign_swiper .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_swiper12 .swiper-slide .box .content-area h3,
    .invertor-info-sec .main-area .interview_swiper12 .swiper-slide .box .content-area h3,
    .invertor-info-sec .main-area .interview_swiper .swiper-slide .box .content-area h3,
    .invertor-info-sec .main-area .campaign_swiper .swiper-slide .box .content-area h3 {
        transition: all 0.5s ease;
    }

    .invertor-info-sec .main-area .investor_swiper12 .swiper-slide .box:hover .content-area h3,
    .invertor-info-sec .main-area .interview_swiper12 .swiper-slide .box:hover .content-area h3,
    .invertor-info-sec .main-area .interview_swiper .swiper-slide .box:hover .content-area h3,
    .invertor-info-sec .main-area .campaign_swiper .swiper-slide .box:hover .content-area h3 {
        color: var(--color-black);
    }

    .invertor-info-sec .main-area .investor_swiper12 .swiper-slide .box .content-area .default-para,
    .invertor-info-sec .main-area .interview_swiper12 .swiper-slide .box .content-area .default-para,
    .invertor-info-sec .main-area .interview_swiper .swiper-slide .box .content-area .default-para,
    .invertor-info-sec .main-area .campaign_swiper .swiper-slide .box .content-area .default-para {
        visibility: hidden;
        opacity: 0;
        transition: all 0.5s ease;
    }

    .invertor-info-sec .main-area .investor_swiper12 .swiper-slide .box:hover .content-area .default-para,
    .invertor-info-sec .main-area .interview_swiper12 .swiper-slide .box:hover .content-area .default-para,
    .invertor-info-sec .main-area .investor_swiper12 .swiper-slide .box:hover .content-area .standard-btn,
    .invertor-info-sec .main-area .interview_swiper12 .swiper-slide .box:hover .content-area .standard-btn,
    .invertor-info-sec .main-area .interview_swiper .swiper-slide .box:hover .content-area .default-para,
    .invertor-info-sec .main-area .campaign_swiper .swiper-slide .box:hover .content-area .default-para,
    .invertor-info-sec .main-area .interview_swiper .swiper-slide .box:hover .content-area .standard-btn,
    .invertor-info-sec .main-area .campaign_swiper .swiper-slide .box:hover .content-area .standard-btn {
        visibility: visible;
        opacity: 1;
    }
    /* custom modal css ends */
    .invertor-info-sec .main-area .investor_swiper12,
    .invertor-info-sec .main-area .interview_swiper12,
    .invertor-info-sec .main-area .interview_swiper,
    .invertor-info-sec .main-area .campaign_swiper {
        padding: 15px 0 80px 0;
    }
        /*.invertor-info-sec .main-area .investor_swiper12 .swiper-slide.swiper-slide-active .box .content-area .default-para,
        .invertor-info-sec .main-area .interview_swiper12 .swiper-slide.swiper-slide-active .box .content-area .default-para,
        .invertor-info-sec .main-area .interview_swiper .swiper-slide.swiper-slide-active .box .content-area .default-para,
        .invertor-info-sec .main-area .campaign_swiper .swiper-slide.swiper-slide-active .box .content-area .default-para,
        .invertor-info-sec .main-area .box .content-area .standard-btn {
            visibility: visible;
            opacity: 1;
        }*/

        /*.invertor-info-sec .main-area .investor_swiper12 .swiper-slide.swiper-slide-active .box,
        .invertor-info-sec .main-area .interview_swiper12 .swiper-slide.swiper-slide-active .box,
        .invertor-info-sec .main-area .interview_swiper .swiper-slide.swiper-slide-active .box,
        .invertor-info-sec .main-area .campaign_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_swiper12 .swiper-slide.swiper-slide-active .box .content-area h3,
        .invertor-info-sec .main-area .interview_swiper12 .swiper-slide.swiper-slide-active .box .content-area h3,
        .invertor-info-sec .main-area .interview_swiper .swiper-slide.swiper-slide-active .box .content-area h3,
        .invertor-info-sec .main-area .campaign_swiper .swiper-slide.swiper-slide-active .box .content-area h3 {
            color: var(--color-black);
        }*/