a{text-decoration: none; color: inherit;}
.text-center{text-align: center;}
.text-right{text-align: right;}
img {max-width: 100%; height: auto;}
.uppercase{text-transform: uppercase;}

.h1{font-size: 44px}
.h2{font-size: 30px !important}
.h3{font-size: 24px !important}
.h4{font-size: 18px !important;}

.fs-13{font-size: 13px !important}
.fw-normal{font-weight: 400;}

.row {display: flex;gap:40px}
.align-center{align-items: center;}
.justify-center{justify-content: center;}
.align-end{align-items: flex-end;}

.gap-1{gap: 10px !important}
.gap-2{gap: 20px !important}
.gap-3{gap: 30px !important}
.gap-4{gap: 40px !important}
.gap-10{gap: 10%;}
.col{flex: 1;}
.col-25{max-width: 25%;}
.col-30{max-width: 30%;flex: 1 0 100%;}
.col-33{max-width: 33.33%;}
.col-40{max-width: 40%;}
.col-55{max-width: 55%; flex: 1 0 100%;}
.col-60{max-width: 60%; flex: 1 0 100%;}
.container{width: 100%; padding: 0 10px !important; margin: 0 auto !important;}

/* Layout */
.w-100{width: 100%;}
.rounded-sm{border-radius: 20px;}
.rounded{border-radius: 30px;}

.img-fluid{max-width: 100%;height: auto;}
.img-fluid.full {width: 100%; height: 100%; object-fit: cover;}
.btn {display: inline-block;padding: 6px 6px 6px 18px;border-radius: 40px;}
.fill{width: 100%;height: 100%; object-fit: cover;}
/* padding */
.p-4{padding: 4%;}
.p-5{padding: 5%;}

/* margin */
.m-0{margin: 0 !important;}
.mt-2{margin-top: 20px;}
.mt-5 {margin-top: 5%;}
.mt-auto{margin-top: auto;}
.mb-2{margin-bottom: 20px !important;}
.mb-3{margin-bottom: 30px !important;}
.mb-5{margin-bottom: 50px !important;}




@media (min-width: 768px) {
  .container {
    max-width: 750px;
  }
  .flex-row-reverse {
    flex-direction: row-reverse;
}
}
@media (min-width: 992px) {
  .container {
    max-width: 970px;
  }
}
@media (min-width: 1200px) {
  .container {
    max-width: 1170px;
  }
}
@media (min-width: 1400px) {
  .container {
    max-width: 1350px;
  }
}
@media (min-width: 1600px) {
  .container {
    max-width: 1440px;
  }
}

/* Mobile Screens */

@media(width < 768px){
  .col, .col-25,.col-30, .col-33,.col-55,.col-40,.col-60 {max-width: 100%; }
  .h1{font-size: 32px !important}
  .row {flex-wrap: wrap;gap: 10px;}
  .col {flex: 1 1 100%;}
  .slider_arrows .swiper-button-prev, .slider_arrows .swiper-button-next{width: 60px;}
}