*{
  box-sizing: border-box;
  font-family: "Istok Web", sans-serif;
  margin: 0;
  padding: 0;
}

:root{
  --primary-color:	#C00B2A;
  --dark-blue: #132235;
  --black-shade: #000;
  --secondary-color:#fff;
  --btn-color:	#232b2b;
}
/* width */
::-webkit-scrollbar {
  width: 5px;
}
/* Track */
::-webkit-scrollbar-track {
  /* border-radius: 5px; */
}
/* Handle */
::-webkit-scrollbar-thumb {
  background: var(--primary-color);
  border-radius: 5px 0 0 5px;
  box-shadow: inset 5px -5px 5px var(--primary-color);
}
/* .container,.container-fluid,.container-lg,.container-md,.container-sm,.container-xl,.container-xxl{--bs-gutter-x:1.5rem;--bs-gutter-y:0;width:100%;padding-right:calc(var(--bs-gutter-x) * .5);padding-left:calc(var(--bs-gutter-x) * .5);margin-right:auto;margin-left:auto}@media (min-width:576px){.container,.container-sm{max-width:540px}}@media (min-width:768px){.container,.container-md,.container-sm{max-width:720px}}@media (min-width:992px){.container,.container-lg,.container-md,.container-sm{max-width:960px}}@media (min-width:1200px){.container,.container-lg,.container-md,.container-sm,.container-xl{max-width:1140px}}@media (min-width:1400px){.container,.container-lg,.container-md,.container-sm,.container-xl,.container-xxl{max-width:1320px}} */
a{
    text-decoration: none;
}
a:hover{
    text-decoration: none;
}
ul{
    list-style: none;
    padding: 0;
}
/* .container-xl */
.section--gap{
  margin: 5rem auto;
}
.header-card-container{
  width: 100%;
  display: flex;
  justify-content: space-evenly;
  margin-top: -45px;
  position: relative;
  z-index: 2;
}
.header-card{
  font-size: 34px;
  height: 160px;
  font-weight: 400;
  border-radius: 20px;
  color: #fff;
  background-color: var(--primary-color);
  display: flex;
  text-align: center;
  align-items: center;
  justify-content: center;
  padding: 1rem 0;
}
.quote-line{
  font-size: 48px;
  height: 140px;
  font-weight: 700;
  color: #fff;
  background-color: var(--dark-blue);
  display: flex;
  text-align: center;
  align-items: center;
  justify-content: center;
  padding: 0;
}
.section-title{
  font-size: 35px;
  position: relative;
  font-weight: 700;
  color: var(--black-shade);
  border-radius: 10px;
  padding: 1rem 0;
  text-align: center;
  margin-bottom: 10px;
  display: flex;
  justify-content: center;
}
.section-title span{
  position: absolute;
  bottom: 5px;
  background-color: var(--primary-color);
  width: 100px;
  height: 2px;
}
.section-sub-title{
  color: var(--black-shade);
  font-size: 24px;
  text-align: center;
  margin-top: 20px;
  margin-bottom: 20px;
}
.custom-height-1{
  height: 100% !important;
}
.custom-height-3{
  height: auto !important;
}
.text-white-big{
  color: #fff !important;
  font-size: 50px;
  padding-top: 20px;
}
.text-black-big{
  color: #000 !important;
  font-size: 50px;
  padding-top: 20px;
}
.text-white{
  color: #fff !important;
}
.dark-bg{
  background-color: var(--dark-blue);
}
.red-bg{
  background-color: var(--primary-color);
}
.card-text-normal{
  font-size: 18px;
  margin-bottom: 5px;
  font-weight: 700;
}
.card-text-small{
  font-size: 12px;
  line-height: 20px;
}
.bottom-gap{
  padding-bottom: 10rem;
}
.ps-relative{
  position: relative;
  text-align: center;
}
.text-bg-img{
  position: absolute;
  top: -30px;
  left: 50%; 
  transform: translate(-50%, -50%);
}
.display-mob{
  display: none;
}
.display-desk{
  display: block;
}
.cmt-gap{
  margin-top: 10rem;
}

@media (max-width:767px) {
  .display-mob{
    display: block;
  }
  .display-desk{
    display: none !important;
  }
  .cmt-gap{
    margin-top: 3rem;
  }
}

.page-link{
  color: var(--primary-color);
}
.active>.page-link, .page-link.active {
  z-index: 3;
  color: var(--bs-pagination-active-color);
  background-color: var(--primary-color);
  border-color: var(--primary-color);
}
.bg-dark{
  background-color: var(--dark-blue) !important;
  color: #fff;
}
.bg-dark h3,
.bg-dark h2,
.bg-dark p{
  color: #fff;
}