/* body {

    font-family: "ArialRegular" !important;

} */



/* General */



p {

  font-size: 18px;

}



h1 {

text-align: center;

letter-spacing: 3px;

padding: 47px 0px;

background-color: aliceblue;

}



h2 {

  margin-top: 20px;

  margin-bottom: 10px;

  color: #156ea8;

}



section {

  margin-bottom: 111px;

}



/* Footer */



footer {

  background-color: #5896bd;

}



footer p {

  color: #fff;

  font-size: 13px;

}



/* Left */

footer.mt-auto div.row > div.col-sm-4.col-xs-12 {

  background-color: #3c82b3;

}



footer .field--label-hidden.field__item img, .page-node-type-bio .field--label-hidden.field__item img {

  width: 188px;

  height: auto;

  float: right;

}



/* Middle */

footer .field-content {

  margin: 36px 0px 35px 108px;

}



/* Right */



footer #search-block-form {

  display: flex;

  margin-top: 40px;

}



footer #edit-keys {

  border-radius: 0;

  background-color: transparent;

  border-color: #fff;

    border-right-color: rgb(255, 255, 255);

  border-right: 0px;

}



footer #edit-submit {

  background-color: transparent;

  border: 1px solid #fff;

    border-left-width: 1px;

    border-left-style: solid;

    border-left-color: rgb(255, 255, 255);

  border-radius: 0;

  border-left: 0px;

}



/* Bottom */



footer .region-footer h2 {

  text-align: center;

  font-size: 17px;

}





/* Navbar */

header .navbar-brand .site-title {

    color: #312779;

}



.nav-item a, .nav-item span{

    color: #156ea8 !important;

    font-weight: 700;

    font-size: 18px;

    line-height: 14px;

    letter-spacing: 0.03em;

  }



.nav-item li > a::after {

    background-color: #3980B2;

    width: calc(100% - 27px);

    content: "";

    display: inline-block;

    height: 1px;

    width: calc(100% - 18px);

    background: transparent;

        background-color: transparent;

    position: absolute;

    left: 9px;

    top: 37.75px;

}



/* Breadcrumbs */



.breadcrumb {

  margin-top: 23px;

}



a {

  text-decoration: none;

}



.breadcrumb-item, a {

  color: #666;

}



.breadcrumb-item + .breadcrumb-item::before {

  content: var(--bs-breadcrumb-divider, ">");

}





/* Home Slider */



.breadcrumb::after, #slideshow::after {

    content: '';

    display: inline-block;

    height: 320px;

    bottom: -303px;

    background: #C4C4C4;

    width: calc((100% - 1110px)/2);

    position: absolute;

    right: 0px;

    background: url(../media/background-circle.png) no-repeat left;

      background-size: auto;

    background-size: auto 306px;

  }



.path-branches .breadcrumb::after {

  display: none;

}





#slideshow::before {

    content: '';

    display: inline-block;

    height: 4px;

    background: #7db6e6;

    position: absolute;

    left: 0px;

    bottom: -170px;

    width: calc((100vw - 1025px)/2);

    z-index: 2;

    border-radius: 2px;

  } 



/* Our Product Section */

#block-vendor-section {
  margin-bottom: 103px;
}

/*BIO cards*/

.bio-container {
  height: 545px;
  border: solid 1px #DDD;
  padding: 10px;
  text-align: center;
  margin: 10px 20px;
}

.img {
  margin-bottom: 20px;
}

.bio-container h3 {

  height: 66px;

}


.bio-container h5:first-of-type {
  font-weight: 800;
  font-size: 19px;
}

.bio-container h5:last-of-type {
  margin-top: 23px;
}

.bio-container h5:nth-child(2) {
  margin-bottom: 18px;
}

.col-sm-3.col-xs-12:first-child .bio-container h5:last-of-type {
  margin-top: 0px;
}

.col-sm-3.col-xs-12:last-child .bio-container h5:nth-child(2) {
  margin-bottom: 0px;
}

.col-sm-3.col-xs-12:first-child .bio-container h5:nth-child(3), .col-sm-3.col-xs-12:last-child .bio-container h5:nth-child(3) {
  margin-bottom: 0px;
}


/* Left circle design */



.letter-logo {

  width: 228px;

  height: 228px;

  border: 4px solid #7db6e6;

  border-radius: 50%;

  display: flex;

  justify-content: center;

  align-items: center;

  }



.letter-logo--1 {

    border: 4px solid #f7bd86;

    width: 170.42px;

    height: 170.42px;

    border-radius: 50%;

    display: flex;

    justify-content: center;

    align-items: center;

}



.letter-logo--2 {

  width: 108.24px;

  height: 108.24px;

  background: #FFF url(../logo.jpg) no-repeat center;

  background-size: 113px;

  }



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

    .letter-logo {

      margin: 55px 89px 20px 15px;

      float: left;

    }

  }



  @media screen and (min-width: 320px) {

    .letter-logo {

      margin-bottom: 30px;

    }

  }





/* Welcome message */



  .view-frontpage #welcome {

    max-width: 1020px;

  }



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

.letter-logo {

    margin-top: 0;

}

}



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

    .letter-logo {

      margin: -37px 89px 32px 15px;

      float: left;

    }

  }



#welcome {

    margin-top: 117px;

}





#welcome p {

  font-size: 17px !important;

  font-weight: 500;

  line-height: 23px !important;

  text-align: left;

  letter-spacing: 0.01em;

  color: #5693BD;

  margin-bottom: 16px !important;

}



@media (min-width: 768){

  #welcome {

    margin-top: 51px;

  }

}





/* Certification page */



section.node--type-basic-page .field--name-field-image {

    display: flex;

}



section.node--type-basic-page .field--type-image .field__item {

    margin: 4px;

}



/* About page */



.top_text p {

    font-size: 24px;

    margin-top: 88px;

    margin-bottom: 10px;

    font-weight: 500;

    line-height: 1.1;

    color: #4d4d4d;

}



div.top_text ul li {

  line-height: 3;

  font-weight: bold;

  font-size: 18px;

}



.container hr {

    border-top: 1px solid #168CCD;

    margin-top: 20px;

    margin-bottom: 20px;

    opacity: 1;

}



.view-id-about_us .views-field-body p {

  padding: 27px 45px 14px 66px;

  line-height: 2;

}



#block-mission-about, #block-our-value {

  display: inline-table;

  width: 45%;

}



.path-about-us .views-element-container {

  margin-bottom: 116px;

}



.bg {

    background-color: #f7f7f7;

    border-radius: 25px;

    padding: 16px;

    margin: 29px 43px;

    height: 283px;

  }



.bg img {

    border-radius: 25px;

}



div.contain {

    max-width: 1320px;

    padding-left: 0px;

    padding-right: 0px;

}



/* Branches */



div.view-branch .img-fluid {

  max-width: 93%;

  border-radius: 3px;

}



/* BIO */



.node--type-bio .col-md-4 {

  width: 33.33333333%;

}



.node--type-bio .col-md-8 {

  display: grid;

  align-items: center;

}



.node--type-bio .col-md-4.group-left {

  justify-content: center;

  display: flex;



}

.page-node-type-bio .field--name-field-job-title {
  font-weight: 800;
  font-size: 25px;
  color: #1944a8;
}

.page-node-type-bio .field--name-body p {
  line-height: 2;
}

.page-node-type-bio .breadcrumb::after {
  height: 932px;
  bottom: 0px;
}