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

*{
    font-family: 'Poppins', sans-serif;
}
/* font styling */
.fs-10{
    font-size: 10px !important;
}
.fs-12{
    font-size: 12px !important;
}
.fs-13{
    font-size: 13px !important;
}
.fs-14{
    font-size: 14px !important;
}
.fs-15{
    font-size: 15px !important;
}
.fs-16{
    font-size: 16px !important;
}
.fs-18{
    font-size: 18px !important;
}
.fs-20{
    font-size: 20px !important;
}
.fs-24{
    font-size: 24px !important;
}
.fs-28{
    font-size: 28px !important;
}
.fs-30{
    font-size: 30px !important;
}

.fs-32{
    font-size: 32px !important;
}
.fs-36{
    font-size: 36px !important;
}

.fs-40{
    font-size: 40px !important;
}
/* end of font styling */

/* font weight */
.fw-200{
    font-weight: 200 !important;
}

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

.fw-400{
    font-weight: 400px !important;
}

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

.fw-700{
    font-weight: 700 !important;
}
/* end font weight */

/* line height */
.lh-18{
    line-height: 18px !important;
}

.lh-22{
    line-height: 22px !important;
}
.lh-30{
    line-height: 30px !important;
}
.lh-34{
    line-height: 34px !important;
}
.lh-38{
    line-height: 38px !important;
}

.lh-42{
    line-height: 42px !important;
}
.lh-45{
    line-height: 45px !important;
}
.lh-48{
    line-height: 48px !important;
}
.lh-54{
    line-height: 54px !important;
}
.lh-60{
    line-height: 60px !important;
}
/* End line height */

/* Prevent any text selection */
.prevent-select {
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
  }
/* End Prevent any text selection */
/* background colors */
.odbg-primary{
    background-color: #378AEB !important;
}

.odbg-secondary{
    background-color: #4986C6 !important;
}
.odbg-grey{
    background-color: #616161 !important;
}
/* End color */

/* Text color */
.text-primary{
    color:#378AEB !important;
}
.text-secondary{
    color: #378AEB !important;
}
.text-grey{
    color: #616161 !important;
}
.text-disabled{
    color:#A6A4B2!important;
}
/* End color */

/* Section divider */
.section-divider{
    background-image: url("../img/sectionDividerOne.png");
    background-repeat: no-repeat;
    background-position: right;
    min-height: 500px;
}

.section-divider-alt{
    background-image: url("../img/sectionDividerTwo.svg");
    background-repeat: no-repeat;
    min-height: 750px !important;
}
  .section-divider-contact {
    background-image: url("../img/sectionDividerTwo.svg");
    background-repeat: no-repeat;
}
/* End Section divider */

/* cards */
.service-card-img{
    width: 120px;
    height: 120px;
    padding: 15px;
}

.service-card{
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 255px;
}

.card{
    border-radius: 17px !important;
}

.card-sm-img{
    width: 50px;
}

.card-sm{
    min-height: 90px !important;
}

.review-card{
    min-height: 340px;
}
.portfolio-card{
    min-height: 440px;
}
.client-card{
    min-height: 220px;
}



/* end of card */

/* index page banner */


/* Banner section */

.banner-text{
    margin-left: 10%;
    color: #2069B3;
}

/* end of banner section */

/* index page intro */
.intro-icon .col .card .card-body{
    padding: 0px !important;
}

.intro-icon .col .card img{
    width: 150px;
    height: 100px;
    padding: 5px;
}

.intro-icon .col .card{
    padding: 15px;
    min-height: 240px;
}
/* end of index page intro */


/* Career page */
.oppurtunity-section .col .card{
    min-height: 240px;
}
/* End Career page */

/* Reivew section */
.client-review .col .card img{
    width: 100px;
    top:-50px;
    margin-bottom: 50px;
}
/* End Reivew section */

/* footbanner */
.footbanner
{
    min-height: 283px;
    background: linear-gradient(2.08deg, #C4DCEF -45.06%, rgba(196, 220, 239, 0) 104.64%);
    background-repeat: no-repeat;
    background-size: cover;
}
/* end footbanner */

/* footer */
.footer-section{
    margin: 50px 0px;
}
.footer-nav ul li a{
    text-decoration: none;
}
.footer-nav {
   margin-top: 30px;
   width: 100%;
}
.footer-wrapper{
    border-bottom: 3px solid #D9D9D9;
}
.footer-social-link nav ul li{
    padding: 20px 10px 5px 10px;
}
/* End footer */


/* page header */
.page-header{
    height: 120px;
    background: linear-gradient(180deg, #1B65B4 0%, #4986C6 100%);
}


/* about page */
.about-area .col .svg-icon img{
    width: 80px;
    height: 80px;
}


/* career form page */
.career-form label{
    font-size: 14px;
    font-weight: 400;
}

/* contact medium */
.contact-medium .col .card{
    padding-bottom: 30px;
    height: 280px !important;
}


/* our client */
.client-card .card-img-top{
    width: 200px;
    padding:20px;
}

/* Client */
.client-card img{
    width:200px;
}

.about-area .col img{
    width: 80px;
    height: 100px;
}

/* Utilites */
.link-unstyled{
    text-decoration: none;
    color: black;
}


/* card shadow */
.card:hover{
    box-shadow: 0px 4px 9px rgba(0, 0, 0, 0.25);
}
.card{
    margin-top: 10px;
    border-top: none;
    box-shadow: 0px -2px 0px rgba(0, 0, 0, 0.04);

}

/* End of utilities */
.intro-grid-fix :nth-child(even){
    padding-right: 0px !important;
}
.intro-grid-fix{
    padding-right: 0px;
}

.banner-icon-img{
    width: 50px !important;
}

.banner-img{
    border-left: solid #378AEB 30px;
}

hr{
    border-top: 3px solid gray;
}
/* Review seciton caruosel fix */

/* Review seciton caruosel fix */
.reviewOwlCarousel.owl-carousel .owl-item img{
    max-width: 80% !important;
}


.owl-carousel .item{
    padding-left: 1.4rem;
    padding-right: 1.4rem;
}


.intro-icon{
    padding-left: calc(var(--bs-gutter-x) * .1);
}
.text-justify{
    text-align: justify;
}

.modal-content{
    border-radius: 10px;
}

@media (max-width: 767px) {
    .portfolio-carousel.owl-carousel .item, .reviewOwlCarousel.owl-carousel .item{
          padding-left: 3.4rem;
          padding-right: 0;
     }
     .certificate-carousel.owl-carousel .item{
        padding-left: 0;
    }
}


  .quick-access-show{
      position: fixed;
      top: 40vh;
      right: 10px;
      border-radius: 10px;
      height: auto;
      background-color: white;
  }
  .quick-access{
      position: fixed;
      top: 40vh;
      right: 10px;
      border-radius: 10px;
      height: auto;
      background-color: white;
      display: none;
      width: 170px;
  }

  /* back to top button */
  .back-top{
      bottom: 20px;
      right: 5px;
      cursor: pointer;
      display: none;
      background-color: white;
  }
  .back-top:hover{
      background-color: #378AEB !important;
  }
  .back-top:hover svg path{
      fill: white;
  }
  #eligibilityCheck .nav .nav-item .nav-link{
      color: #3A3A3A;
  }
  #eligibilityCheck .nav .nav-item .active{
      color: white;
  }
  #confirmModal .confirm-modal-btn{
      top: -12px;
      right: -12px;
  }

  .modal .modal-close-btn{
      top: -12px;
      right: -12px;
  }

  .bg-olivine-digital{
      background: #378AEB !important;
      border: none !important;
  }
  .text-size-olivine{
      font-size: 14px !important;
  }

  #customersCats{
      margin-top:10px;
      height: 80px;
  }

  .internationalSection {
      margin-right: 20px;margin-left: 20px;
  }

  .nav-link.active, .nav-link:focus,  .nav-link:hover {
      background-color: transparent;
      border-color: transparent;
      border-bottom: 3px solid #1aafff;
  }
  a.nav-link{
      color:#333;
  }


  /* Appoinment modal */
  .modal-header{
      background-color: #378AEB !important;
  }

  .modal-title{
      color:white;
  }

  .modal-footer .btn-cancel{
      border-radius: 20px !important;
  }
  .modal-footer .btn-save{
      border-radius: 20px !important;
      background-color: #378AEB;
      color:white;
  }
  .appointment-modal-header{
      /* height: 5rem; */
      /* padding: 1.5rem; */
  }
  .modal-footer{
      border: none;
  }

  .modal-input{
      /* border-radius: unset; */
      padding: 0.6rem 1rem;
      background-color: #f8f8f8;
      color: #6B6767;
      /* border: 1px solid; */
  }

  .modal-input:focus{
      outline-color: #3A3A3A !important;
  }