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

:root{
  /*--primary-color:	#ff7e54;*/
  --primary-color:	#FE7A00;
  --secondary-color:#fff;
  --btn-color:	#232b2b;
}
/* width */
::-webkit-scrollbar {
  width: 12px;
}
/* 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: 3rem auto;
}
.about-section--gap{
  margin: 5rem auto;
  margin-bottom: 1rem;
}
.section-title-container{
  /*background-color: var(--primary-color);*/
}
.head-title{
  font-size: 50px;
  font-weight: 700;
  color: #fff;
  background-color: var(--primary-color);
  text-align: center;
  padding: 2rem 1rem;
}
.section-title{
  font-size: 25px;
  position: relative;
  font-weight: 800;
  color: #000;
  /*background-color: var(--primary-color);*/
  padding: 1rem 0;
  text-align: left;
  margin: 0px 0;
  display: fit-content;
  border-radius: 10px;
  width: fit-content;
}
.section-title span{
  position: absolute;
  bottom: 5px;
  background-color: var(--primary-color);
  width: 100px;
  height: 2px;
}
.custom-height-1{
    
}
.custom-height-3{
  height: auto !important;
}

.banner-desk{
    display: block;
}
.banner-mob{
    display: none;
}
.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);
}
@media(max-width: 767px){
    .banner-desk{
        display: none;
    }
    .banner-mob{
        display: block;
    }
}