/* font */
@import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Schibsted+Grotesk:wght@400;500;600;700;800;900&display=swap');

/* variable */
:root {
  --base-color: #d39121;
  --medium-gray: #8d8987;
  --black: #282725;
  --dark-gray: #383632;
  --red: #d51f0f;
  --green: #46b57e;
  --very-light-gray: #f9f6f3;
  --yellow: #ECBA23;
  /* --alt-font:  */
  --primary-font: 'Schibsted Grotesk', sans-serif;
  --alt-font: 'Kumbh Sans', sans-serif;
}

.btn-small {
  padding: 8px 26px !important;
  font-size: 18px !important;
}

.btn {
  font-family: 'cerebri-sans-medium';
  font-weight: normal !important;
  text-transform: none;
  letter-spacing: normal;
}

.btn.btn-medium {
  font-size: 18px;
  padding: 9px 20px;
}

.marquee-1 .alt-font {
  font-family: 'Bebas Neue', cursive;
}

::-webkit-scrollbar {
  width: 4px;
  /* Thin scrollbar width */
  height: 4px;
  /* For horizontal scroll */
}

::-webkit-scrollbar-track {
  background: #38416C;
  /* Track (background) color */
}

::-webkit-scrollbar-thumb {
  background: #38416C;
  /* Scroll handle color */
  border-radius: 10px;
  /* Rounded edges */
}

::-webkit-scrollbar-thumb:hover {
  background: #38416C;
  /* Darker on hover */
}

/* For Firefox */
* {
  scrollbar-width: thin;
  /* Makes scrollbar thin */
  scrollbar-color: #38416C;
  /* Thumb color | Track color */
}

.bb {
  padding: 135px 0px !important;
}

@media (max-width: 575px) {
  .bb {
    padding: 38px 0px !important;
  }

  .page-title-extra-large h1,
  .page-title-extra-small h2,
  .page-title-large h1 {
    font-size: 19px;
    line-height: 0px;
    letter-spacing: 0px !important;
  }

  .page-title-extra-small h1 {
    font-size: 12px;
    line-height: 0px;
  }

}

.text-black {
  color: black !important;
}

.h2,
h2 {
  font-size: 36px;
  line-height: 43px;
}

.heading-color {
  color: #38406b;
}

.clients-style-03 .client-box:hover {
  transform: scale(1);
}

.fs-45,
.h3,
h3 {
  font-size: 39px;
}

header .navbar-brand {
  padding: 20px 0;
}

header .navbar-brand .default-logo {
  visibility: visible;
  opacity: 10;
  max-width: 98% !important;
}

header .navbar-brand img {
  max-height: none;
}

p {
  text-align: justify;
  hyphens: auto;
  color: black;
}

.top-1 {
  margin-top: 156px;
}

.page-title-extra-small h2 {
  font-size: 40px;
  line-height: 40px;
}

footer .footer-logo img {
  max-height: 70px;
}

.footer-logo img{
  background-color: white;
  padding: 7px;
}

.btn-color-1 {
  background-color: #38416C;
}

.btn-color-1:hover {
  background-color: #38416C;
}

.banner {
  margin-top: 156px;
}

.text-outline-color {
  -webkit-text-stroke-color: #38416C;
}

.text-color {
  color: #38416C;
}

@media (min-width:0px) and (max-width:475px) {
  .banner {
    margin-top: 86px;
  }

  header .navbar-brand img {
    max-height: 46px;
  }

  .h2,
  h2 {
    font-size: 24px;
    line-height: 34px;
  }

  .ls-minus-2px {
    letter-spacing: 0px !important;
  }

  .btn.btn-switch-text.btn-large>span {
    padding: 13px 12px;
  }

  .feature-box-icon {
    width: 50px;
    height: 50px;
  }

  .fs-45,
  .h3,
  h3 {
    font-size: 32px;
  }

  .top-1 {
    margin-top: 86px;
  }

  .page-title-extra-small h2 {
    font-size: 20px;
    line-height: 0px;
  }
}

.icon-extra-small {
  font-size: 20px;
}

.fs-15 {
  font-size: 15px !important;
}
.fs-17 {
  font-size: 17px !important;
}
.list-1{
  width: 100%;
}


@media (min-width:992px) and (max-width:1099px) {
   .btn-small {
    padding: 8px 26px !important;
    font-size: 16px !important;
}
.widget-1{
  font-size: 10px!important;
}  
}

.gallery-box img{
  width: 100%;
}
.certi-btn{
  font-size: 20px;
  color: #38416C;
}

.border-1{
  border-right: 1px solid;
}
.border-bottom{
  border-bottom: 1px solid;
}

.primary-font{
  font-family: 'Schibsted Grotesk', sans-serif;
}
.btn{
    font-family: 'Schibsted Grotesk', sans-serif;
}