/* Add custom CSS styles below */ 
/**/
html{
overflow-x: hidden;
}
/**/

/*interactive-points-wrapper*/  
.banner_text{
    font-size: 6em !important;
}
/**/

/*catygory*/
.categories-1 .my-5 > div{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
}
.categories-1 .my-5 > div > a{
  flex-basis: 250px;
}
/**/

/*comparison-container*/
.comparison-container > div > img{
  object-fit: contain;
}
/**/

/*sliders-arrow-btns*/
button.s-slider-nav-arrow{
  background-color: #257380 !important;
}
.s-slider-button-icon svg{
  fill: #fff;
}
/**/

/*media*/
@media screen and (min-width: 769px) and (max-width: 1024px){
.categories-1 .my-5 > div > a{
  flex-basis: 200px;
}
.banner_text{
    font-size: 4.5em !important;
}
}

@media screen and (min-width: 426px) and (max-width: 768px){
.categories-1 .my-5 > div > a{
  flex-basis: 150px;
}
.banner_text{
    font-size: 2.5em !important;
}
}

@media screen and (max-width: 425px){
.categories-1 .my-5 > div > a{
  flex-basis: 77px;
  height: 200px;
}
.banner_text{
    font-size: 1.5em !important;
}
}

/**/