/*--------------------------------------------------------------
  # Global Sections
  --------------------------------------------------------------*/
  section,
  .section {
    color: var(--default-color);
    background-color: var(--background-color);
    padding: 60px 0 !important;
    scroll-margin-top: 88px;
    overflow: clip;
  }
  
  @media (max-width: 1199px) {
  
    section,
    .section {
      scroll-margin-top: 66px;
    }
  }
  .scroll-top.active {
    visibility:hidden;
    opacity: 1;
    display: block;
}
  
  
  /*--------------------------------------------------------------
  # Call To Action Section
  --------------------------------------------------------------*/
  .call-to-action {
    --background-color: #000000;
    --default-color: #ffffff;
    --contrast-color: #ffffff;
    height:290px;
    position: relative;
    overflow: hidden;
    clip-path: inset(0);
  }
  
  .call-to-action img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 290px;
    object-fit: cover;
    z-index: 1;
  }
  
  .call-to-action:before {
    content: "";
    background: rgba(0, 43, 77, 0.45);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
  }
  
  .call-to-action .container {
    position: relative;
    height: 100%;
    display: flex;
    align-items: left;
    justify-content: left;
    z-index: 3;
    text-align: left;
  }
  
  .call-to-action h3 {
    color: #FFF;
    font-family: Mulish, sans-serif;
    font-size: 48px;
    font-style: normal;
    font-weight: 800;
    line-height: 54px;
  }
/*   
  .call-to-action p {
    color: #FFF;
    font-family: Mulish, sans-serif;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    margin-top: 35px;
        word-spacing: 4px;
  } */
  @media (max-width: 1440px) {
    .call-to-action {
      height: 100%;
    }
    
    .call-to-action img {
      height: 100%;
    }
}
  /*--------------------------------------------------------------
# About
--------------------------------------------------------------*/
.hover {
  transition: transform 0.3s ease;
}

/* .hover:hover{
  transform: translateY(-5px);
} */


.about .desktop-only {
  color: #383838 !important ;
  font-family: Mulish !important;
  font-size: 24px !important;
  font-style: normal !important;
  font-weight: 500 !important;
  line-height: 1 !important;
}
.about img {
  width: 738px;
  height: 415px;

}
.about .img-sec{
  margin-left: -4% !important;
}
.about .text-sec{
  padding-left: 37px !important;
}
.about i {
  color: var(--Red, #BF2A2D);
  font-family: "Font Awesome 6 Free";
  font-size: 14px;
  font-style: normal;
  font-weight: 900;
  line-height: normal;
  letter-spacing: 1.4px;
  text-transform: uppercase;
}
.about p {
  color: #383838;
  margin-top: 8%;
  font-family: Mulish;
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}
.about .read {
  color: var(--Red, #BF2A2D);
  font-family: Mulish;
  font-size: 12px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  margin-top: 15%;
  letter-spacing: 1.2px;
  text-transform: uppercase;
  display: flex;
  align-items: center;
  transition: color 0.3s; /* Add transition for smooth color change */
}
.about .read i {
  margin-left: 5px;
  display: flex;
  align-items: center;
  transition: transform 0.3s;
}
.read:hover {
  color: #2F82C3; /* Change this to your desired hover color */
}
.read:hover .bi-arrow-right {
  transform: translateX(5px);
}
.about h6 {
  color: #383838;
  margin-top: 1%;
  font-family: Mulish;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.about .p-images {
  color: #383838;
  font-family: Mulish;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.mobile-only-425 {
  color: #383838;

/* Copy Medium */
font-family: Mulish;
font-size: 24px;
font-style: normal;
font-weight: 500;
line-height: normal;
  display: none !important;
}
@media (max-width: 768px) {
  .about .img-sec{
    margin-left: 0% !important;
  }
  .about .text-sec{
    padding-left: 37px !important;
  }
  .about .img-sec {
    margin-left: 4% !important;
}
  .about{
    padding-bottom: 0px !important;
  }
  .about .col-lg-4 {
    padding-top: 0rem !important;
  }
  .about .read {
    margin-top: 5%;
  }
  .desktop-only {
    display: none;
  }
  .mobile-only {
    color: #383838 !important;
    font-family: Mulish !important;
    font-size: 24px !important;
    font-style: normal !important;
    font-weight: 500 !important;
    line-height: 1 !important;
    display: block !important;
  }
}
@media (min-width: 769px) {
  .desktop-only {
    display: block;
  }
  .mobile-only {
    display: none;
  }
 
}
@media (max-width: 427px) {
  .mobile-only {
    display: none !important;
  }
  .mobile-only-425 {
    font-size: 15px !important;
    font-weight: 700 !important;
    line-height: 1.3 !important;
    display: block !important;
  }
  .about .img-sec {
    margin-left: 1% !important;
    margin-right: 1% !important;
}
}

  /*--------------------------------------------------------------
  # Faq 2 Section
  --------------------------------------------------------------*/
  .faq-2{
    padding: 0px 0px !important;
  }
  .faq-2 .faq-2-hr {
    width: 1085px;
    height: 1px;
    padding: 0px;
    /* color: #D9D9D9 !important; */
    text-align: center;
    margin: 0;
    margin-left: 8%;
}
/* checkbox col-3
 */
 .faq-2  .checkbox .font-weight-bold{
  color: #383838;
  font-family: Mulish;
  font-size: 12px;
  font-style: normal;
  font-weight: 800;
  line-height: 24px; /* 200% */
  letter-spacing: 1.2px;
  text-transform: uppercase;
    }


.faq-2 .checkbox .form-check-input{
  background-color: #F5F5F5;
  border: none; 
  width: 22px;
height: 22px;
  margin-right: 10px;
  margin-left: -0.7em;
  border-radius: 0px;
    }
    .faq-2 .checkbox .mb-2{
      margin-bottom: 0.6rem !important;
    }
    
    .faq-2 .checkbox .select-row{
      margin-top: 2rem !important;
     }
    .faq-2 .checkbox .form-check-label {
      color: #383838;
      font-family: Mulish;
      font-size: 16px;
      font-style: normal;
      font-weight: 400;
      line-height: 24px;
      display: inline-block; 
      margin: 0; 
    }  
    .form-check-input:checked[type=checkbox] {
      --bs-form-check-bg-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%2373C267' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e")!important ;
      border-radius: 0px;
      border: 2px solid #F5F5F5;
      background-color: #fff;
      }
    .dotted-hr {
      border: none;
      border-top: 2px dotted #988c8c !important;;
      margin-left:0;
      width: 180px;
      height: 1px;
  } 
  .text-content h5{
    color: var(--Blue, #2F82C3);
/* H5 */
font-family: Mulish;
font-size: 18px;
font-style: normal;
font-weight: 800;
line-height: 24px; 
  }

.text-content .text-main{
color: #383838;
font-family: Mulish;
font-size: 15px;
font-style: normal;
font-weight: 700;
line-height: 20px;
padding: 0 !important;
}

  .text-content  .text-main span{
color: #383838;
font-family: Mulish;
font-size: 12px;
font-style: normal;
font-weight: 400;
line-height: 18px;
  }

  .text-content .text-sub{
 color: var(--Blue, #2F82C3);
font-family: Mulish;
font-size: 12px;
font-style: normal;
font-weight: 400;
line-height: 20px;
margin-top: -8px;
  }

  .text-content .text-sub span a {
    color: #383838 ;
    font-family: Mulish;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 10px; 
    text-decoration: none;
     }

 /* cards col-7 */

  /*Section -title */

  .section-faq {
    margin-top: 2rem !important;
    margin-left: 2%;
  }
   .section-faq h2{
    color: #2F82C3;
  font-family: Mulish;
  font-size: 24px;
  font-style: normal;
  font-weight: 800;
  line-height: 24px;
   }
  
   .section-faq a{
    background: #F5F5F5;
    color: #383838;
  border: none;
  font-family: Mulish;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;

   }
   .section-faq .btn i.bi {
    margin-left: 20px; 
  }

 /* cards */
 .faq-2 .faq-container{
  margin-left: 2%;
 }
 .faq-2 .faq-container hr{
  width: 100%;
  height: 1px;
  text-align: center;
 margin-left: 0;

 }
 .faq-2 .col-lg-8{
  margin: 0;
  border-left: 1px solid #D9D9D9;;
 }
  
  .faq-2 .faq-container .faq-item {
    position: relative;
    padding: 5px;
    margin-top: 15px;
    margin-bottom: 15px; 
    background-color: var(--contrast-color);
    overflow: hidden;
    transition: none;
    /* pointer-events: none; */
  }
  
  .faq-2 .faq-container .faq-item:last-child {
    margin-bottom: 0;
  }
  
  .faq-2 .faq-container .faq-item h3 {
    font-weight: 600;
    font-size: 18px;
    line-height: 24px;
    margin: 0 30px 0 32px;
    transition: none;
    cursor: pointer;
  }
  

  .faq-2 .faq-container .faq-item .faq-content {
    display: grid;
    grid-template-rows: 0fr;
    transition: 0.3s ease-in-out;
    visibility: hidden;
    opacity: 0;
  }
  .faq-2 .faq-container .faq-item .card-img{
    width: 240px;
    margin-left: -2%;
  height: 135px;
  flex-shrink: 0;
  }
  
  .faq-2 .faq-container .faq-item .faq-content p {
    color: #383838;
    font-family: Mulish;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px; 
  }
  .faq-2 .faq-container .faq-item .faq-content h6 {
    color: #B4B4B4;
      font-family: Mulish;
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
  }
  .faq-2 .faq-container .faq-item .faq-content span {
    color: #B4B4B4;
font-family: Mulish;
font-size: 12px;
font-style: normal;
font-weight: 500;
line-height: normal;
letter-spacing: 1.2px !important;
text-transform: uppercase;
  }
  .faq-2 .faq-container .faq-item .faq-content .custom-border {
     border-left: 1px solid #A3CDEE;
      height: 0px;
      margin-right: 2%;
      margin-left: 2%;
      transform: rotate(90deg);
      flex-shrink: 0;
      stroke-width: 1px;
  }
  .faq-2 .faq-container .faq-item .faq-icon {
    position: absolute;
    top: 22px;
    left: 20px;
    font-size: 20px;
    line-height: 0;
    transition: 0.3s;
    color: var(--accent-color);
  }
  
  .faq-2 .faq-container .faq-active h3 {
    color: var(--accent-color);
  }
  
  .faq-2 .faq-container .faq-active .faq-content {
    grid-template-rows: 1fr;
    visibility: visible;
    opacity: 1;
    padding-top: 10px;
  }
  .faq-container .svg-icon{
   font-size: 16px;
   margin: -20px 4px 4px 4px;
   vertical-align: top !important;
   opacity: 0.7 !important;
   color: #2F82C3 !important; 
   transition: color 0.5s;
  }
  .faq-container .faq-active .svg-icon.fa-share-alt:hover,  .faq-container .faq-active .svg-icon.fa-link:hover,.faq-container .faq-active .svg-icon.fa-file-pdf:hover {
    color: red !important;
  
  }
  /* media */
  @media (width: 1400px) {
  .faq-2 .faq-2-hr{
    width: 1070px;}
  }
  @media (max-width: 1024px) {
    .faq-container .svg-icon{
      margin: -30px 2px 2px 2px;
    }
    .text-content .text-sub span {
      font-size: 12px;
  }
  .faq-2 .faq-2-hr{
    width: 780px;
}


.dotted-hr {
  width: 135px; 
} 
.text-content .text-sub span a {
  font-size: 12px;
}
.faq-2 .checkbox .form-check-label {
  font-size: 12px;
}  
  }
  @media (max-width: 1020px) {
 
.faq-2 .faq-2-hr{
    display: none;
}
.dotted-hr {
  display: none;
}
.faq-2 .col-lg-8{
  border: none;
 }
 
  }
  @media (max-width: 768px) {
   
    .faq-2 .faq-2-hr{
      display: none;
  }
  .dotted-hr {
    display: none;
}
  .faq-2 .col-lg-8{
    border: none;
   }
   .faq-2 .faq-container .faq-item .card-img{
    width: 100%
  }

  .faq-container .svg-icon{
    margin: -30px 2px 2px 2px;
  }
  .faq-2 .checkbox .form-check-label {
    font-size: 16px;
  } 

  .section-faq {
   
   margin-left: 0%;
  }
  
  .faq-2 .faq-container{
    margin-left: 0%;
  }
 
}
@media (max-width:427px) {
  .faq-container .svg-icon{
    margin: 2px;
  }}
@media (max-width:375px) {
  .section-faq h2{
  font-size: 20px;
  align-items: center;
   }
   .section-faq a{
    padding: .4rem !important;
   }
   .faq-2 .faq-container .faq-item .faq-content p {
    text-align: justify;
  }

  .custom-secondary {
    width: 100px !important;
    height: 36px !important;
    margin-top: -2px;
}
}
@media (max-width: 320px) {
  .section-faq h2 {
      font-size: 18px;
      align-items: center;
  }
  .section-faq a {
    font-size: 11px;
}
.custom-secondary {
  width: 80px !important;
  height: 36px !important;
  margin-top: -2px;
}
}

.custom-secondary {
  color: #383838 !important;
font-family: Mulish !important;
font-size: 14px !important;
font-style: normal !important;
font-weight: 400 !important;
line-height: normal !important;
width: 108px ;
height: 40px !important;
background-color: #f5f5f5 !important; 
border: none !important;
border-color: #6c757d !important; 
}
/* .custom-secondary:hover {
  background-color: #6c757d !important;
}

.custom-secondary.option:hover {
  background-color: #f5f5f5 !important; 
} */



  /*--------------------------------------------------------------
  #pagination Section
  --------------------------------------------------------------*/
  /* General Pagination Styles */
  .pagination .page-item .page-link {
    color: #9198A2;
    border-top-left-radius: 50% !important; 
    border-bottom-left-radius: 50% !important;
    border-top-right-radius: 50% !important; 
    border-bottom-right-radius: 50% !important;
    border-radius: 50%;
    border: none;
    margin: 0 5px;
    text-align: center;
    font-family: Mulish;
    font-size: 16px;
    width: 40px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    background-color: #F5F5F5;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0;
    transition: transform 0.2s ease;
  }
 
  .pagination .page-items .page-link {
    border: none;
    margin: 0 5px;
    width: 40px;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0;
  }
  
  .pagination .page-item .page-link:hover {
    background-color: #f8f9fa; 
    transform: translateY(-2px);
  }
  
  .pagination .page-item.active .page-link {
    background-color: #007bff;
    color: white;
    border-color: #007bff;
  }
  
  .pagination-col-6 .pagination {
    justify-content: flex-start;
  }
  
  .pagination-col-4 .pagination {
    justify-content: flex-end;
  }
  
  /* Specific Styles for the First Page Item */
  .pagination .page-item.text-primary .page-link {
    color: #FFF;
    background-color: #0077B5;
    text-align: center;
    font-family: Mulish;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    box-shadow: 0 6px 6px #7dadc7;
    line-height: normal;
  }
  .pagination .page-item.arrow-page-item .page-link {
    color: #FFF;
    text-align: center;
    font-family: Mulish;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    background-color: #383838;
  }
  .pagination .page-item.arrow-page-item-left .page-link {
    color: #FFF;
    text-align: center;
    font-family: Mulish;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    background-color: #c5c1c1;
  }
  .text-grey{
  color: #9198A2;
  }
  .pagination .page-item.arrow-page-item-left:hover ,.pagination .page-item.arrow-page-item:hover{
  opacity: 0.9;
}
  
@media (max-width: 1024px) {
  .page-item-mob-hide{
    display: none;
  }
}
  @media (max-width: 768px) {
    .page-item-mob{
      display: none;
    }
  }
  @media (max-width: 375px) {
    .page-item-mob-sub {
      display: none;
    }
  }

  .apple {
    &:hover path {
      transition: fill 0.5s ease-in-out;
      opacity: 1;
      fill: #064f8b !important;
    }
  }

  /*--------------------------------------------------------------
# icon  Section
--------------------------------------------------------------*/


.images-column {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: end;
  margin-top: -415px !important
}

.svg-icon {
  opacity: 1;
  font-size: 16px;
  margin-bottom: 35px;
  margin-right: -125px;
  color: #2F82C3 !important;
  cursor: pointer;
  transition: color 0.5s, opacity 0.5s;
}

.images-column .svg-icon:hover {
  color: #064f8b !important;
}

@media (max-width: 1200px) {
  .svg-icon-main {
    display: block;
  }
}

@media (max-width:1024px) {
  .image-container img {
    margin-top: -1rem !important;
  }

  .svg-icon {
    margin-right: -115px;
  }
}

@media (max-width:1023px) {
  .images-column .svg-icon {
    display: none;
  }
}

.apple {
  &:hover path {

    transition: fill 0.5s ease-in-out;
    opacity: 1;
    fill: #064f8b !important;
  }
}