@import url('https://fonts.googleapis.com/css2?family=Raleway:wght@300;400;500;600;700;800;900&display=swap');

/*==== ROOT ====*/
:root{
  --light-blue: #0c82a4;
  --blue: #31738a;
  --orange: #f2a63e;
  --light: #eaeaea;
}

*, ::after, ::before {
  box-sizing: border-box;
}

/*==== TYPOGRAPHY ====*/

html {font-size: 100%;} /*16px*/

body {
  margin: 0;
  background: white;
  font-family: 'Raleway', sans-serif;
  font-weight: 500;
  line-height: 1.75;
  color: var(--light-blue);
}

p {
  margin-bottom: 1rem;
}

h1, h2, h3, h4, h5 {
  margin: 3rem 0 1.38rem;
  font-family: 'Raleway', sans-serif;
  font-weight: 700;
  line-height: 1.3;
  
}

h1 {
  margin-top: 0;
  font-size: 4.209rem;
}

h2 {font-size: 3.157rem;}

h3 {font-size: 2.369rem;}

h4 {font-size: 1.777rem;}

h5 {font-size: 1.333rem;}

small, .text_small {font-size: 0.75rem;}

a{ text-decoration: none;}
a:hover{ text-decoration: none;}

.text-center{ text-align: center;}
.text-start{ text-align: start;}
.text-end{ text-align: end;}
.text-justify{ text-align: justify;}

.fs-1{font-size: 2.5rem;}
.fs-2{font-size: 2rem;}
.fs-3{font-size: 1.75rem;}
.fs-4{font-size: 1.5rem;}
.fs-5{font-size: 1.25rem;}
.fs-6{font-size: 1rem;}

.fw-s-bold{font-weight: 800;}
.fw-bold{font-weight: 700;}
.fw-light{font-weight: 300;}

.d-none{ display: none!important;}
.d-block{ display: block;}
.d-inline{ display: inline;}
.d-inline-block{ display: inline-block;}

.position-relative{position: relative;}

.img-fluid{
  max-width: 100%;
  height: auto;
}
img{vertical-align: middle;}

.ratio{
  position: relative;
}
.ratio::before{
  display: block;
  padding-top: var(--aspect-ratio);
  content: "";
}
.ratio>*{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.ratio-4x5{
  --aspect-ratio: calc(5/4*100%);
}

/*====== CONTAINERS =======*/

.container{
  max-width: 100%;
}
.container-fluid{
  max-width: 100%;
}

.container, .container-fluid{
  width: 100%;
  margin-right: auto;
  margin-left: auto;
}


/*=======GRID============*/
.g-0, .gy-0 {
  --bs-gutter-y: 0;
}
.g-0, .gx-0 {
  --bs-gutter-x: 0;
}
.g-1, .gy-1 {
  --gutter-y: 0.25rem!important;
}
.g-1, .gx-1 {
  --gutter-x: 0.25rem!important;
}
.g-2, .gy-2 {
  --gutter-y: 0.5rem!important;
}
.g-2, .gx-2 {
  --gutter-x: 0.5rem!important;
}
.g-3, .gy-3 {
  --gutter-y: 1rem!important;
}
.g-3, .gx-3 {
  --gutter-x: 1rem!important;
}
.g-4, .gy-4 {
  --gutter-y: 1.5rem!important;
}
.g-4, .gx-4 {
  --gutter-x: 1.5rem!important;
}
.g-5, .gy-5 {
  --gutter-y: 3rem!important;
}
.g-5, .gx-5 {
  --gutter-x: 3rem!important;
}

.row{
  --gutter-x: 1.5rem;
  --gutter-y: 0;
  display: flex;
  flex-wrap: wrap;
  margin-top: calc(var(--gutter-y) * -1);
  margin-left: calc(var(--gutter-x) * -.5);
  margin-right: calc(var(--gutter-x) * -.5);
}

.row>* {
  flex-shrink: 0;
  width: 100%;
  max-width: 100%;
  padding-right: calc(var(--gutter-x) * .5);
  padding-left: calc(var(--gutter-x) * .5);
  margin-top: var(--gutter-y);
}

.col-12{ 
  flex: 0 0 auto;
  width: 100%;
}
.col-11{ 
  flex: 0 0 auto;
  width: 91.66666667%;
}
.col-10{
  flex: 0 0 auto;
  width: 83.33333333%;
}
.col-9{ 
  flex: 0 0 auto;
  width: 75%;
}
.col-8{ 
  flex: 0 0 auto;
  width: 66.66666667%;
}
.col-7{
  flex: 0 0 auto;
  width: 58.33333333%;
}
.col-6{ 
  flex: 0 0 auto;
  width: 50%;
}
.col-5{
  flex: 0 0 auto;
  width: 41.66666667%;
}
.col-4{
  flex: 0 0 auto;
  width: 33.33333333%;
}
.col-3{ 
  flex: 0 0 auto;
  width: 25%;
}
.col-2{
  flex: 0 0 auto;
  width: 16.66666667%;
}
.col-1{ 
  flex: 0 0 auto;
  width: 8.33333333%;
}

/*====== FLEX ========*/
.d-flex{  display: flex;}
.flex-wrap{ flex-wrap: wrap; }

.justify-content-center{ justify-content: center;}
.justify-content-between{ justify-content: space-between;}
.justify-content-around{ justify-content: space-around;}
.justify-content-evenly{ justify-content: space-evenly;}

.align-items-center{ align-items: center;}
.align-items-end{align-items: flex-end;}



/*====== MARGINS ========*/

.m-1{  margin: 0.25rem!important;}
.m-2{  margin: 0.5rem!important;}
.m-3{  margin: 1rem!important;}
.m-4{  margin: 1.5rem!important;}
.m-5{  margin: 3rem!important;}
.mt-1{  margin-top: 0.25rem!important;}
.mt-2{  margin-top: 0.5rem!important;}
.mt-3{  margin-top: 1rem!important;}
.mt-4{  margin-top: 1.5rem!important;}
.mt-5{  margin-top: 3rem!important;}
.me-1{  margin-right: 0.25rem!important;}
.me-2{  margin-right: 0.5rem!important;}
.me-3{  margin-right: 1rem!important;}
.me-4{  margin-right: 1.5rem!important;}
.me-5{  margin-right: 3rem!important;}
.mb-1{  margin-bottom: 0.25rem!important;}
.mb-2{  margin-bottom: 0.5rem!important;}
.mb-3{  margin-bottom: 1rem!important;}
.mb-4{  margin-bottom: 1.5rem!important;}
.mb-5{  margin-bottom: 3rem!important;}
.ms-1{  margin-left: 0.25rem!important;}
.ms-2{  margin-left: 0.5rem!important;}
.ms-3{  margin-left: 1rem!important;}
.ms-4{  margin-left: 1.5rem!important;}
.ms-5{  margin-left: 3rem!important;}
.mx-1 {
  margin-right: 0.25rem!important;
  margin-left: 0.25rem!important;
}
.my-1 {
  margin-top: 0.25rem!important;
  margin-bottom: 0.25rem!important;
}
.mx-2 {
  margin-right: 0.5rem!important;
  margin-left: 0.5rem!important;
}
.my-2 {
  margin-top: 0.5rem!important;
  margin-bottom: 0.5rem!important;
}
.mx-3 {
  margin-right: 1rem!important;
  margin-left: 1rem!important;
}
.my-3 {
  margin-top: 1rem!important;
  margin-bottom: 1rem!important;
}
.mx-4 {
  margin-right:1.5rem!important;
  margin-left:1.5rem!important;
}
.my-4 {
  margin-top:1.5rem!important;
  margin-bottom:1.5rem!important;
}
.mx-5 {
  margin-right: 3rem!important;
  margin-left: 3rem!important;
}
.my-5 {
  margin-top: 3rem!important;
  margin-bottom: 3rem!important;
}
.mx-auto{
  margin: 0 auto;
}

/*====== PADDINGS ========*/

.p-1{  padding: 0.25rem!important;}
.p-2{  padding: 0.5rem!important;}
.p-3{  padding: 1rem!important;}
.p-4{  padding: 1.5rem!important;}
.p-5{  padding: 3rem!important;}
.pt-1{  padding-top: 0.25rem!important;}
.pt-2{  padding-top: 0.5rem!important;}
.pt-3{  padding-top: 1rem!important;}
.pt-4{  padding-top: 1.5rem!important;}
.pt-5{  padding-top: 3rem!important;}
.pe-1{  padding-right: 0.25rem!important;}
.pe-2{  padding-right: 0.5rem!important;}
.pe-3{  padding-right: 1rem!important;}
.pe-4{  padding-right: 1.5rem!important;}
.pe-5{  padding-right: 3rem!important;}
.pb-1{  padding-bottom: 0.25rem!important;}
.pb-2{  padding-bottom: 0.5rem!important;}
.pb-3{  padding-bottom: 1rem!important;}
.pb-4{  padding-bottom: 1.5rem!important;}
.pb-5{  padding-bottom: 3rem!important;}
.ps-1{  padding-left: 0.25rem!important;}
.ps-2{  padding-left: 0.5rem!important;}
.ps-3{  padding-left: 1rem!important;}
.ps-4{  padding-left: 1.5rem!important;}
.ps-5{  padding-left: 3rem!important;}
.px-1 {
  padding-right: 0.25rem!important;
  padding-left: 0.25rem!important;
}
.py-1 {
  padding-top: 0.25rem!important;
  padding-bottom: 0.25rem!important;
}
.px-2 {
  padding-right: 0.5rem!important;
  padding-left: 0.5rem!important;
}
.py-2 {
  padding-top: 0.5rem!important;
  padding-bottom: 0.5rem!important;
}
.px-3 {
  padding-right: 1rem!important;
  padding-left: 1rem!important;
}
.py-3 {
  padding-top: 1rem!important;
  padding-bottom: 1rem!important;
}
.px-4 {
  padding-right:1.5rem!important;
  padding-left:1.5rem!important;
}
.py-4 {
  padding-top:1.5rem!important;
  padding-bottom:1.5rem!important;
}
.px-5 {
  padding-right: 3rem!important;
  padding-left: 3rem!important;
}
.py-5 {
  padding-top: 3rem!important;
  padding-bottom: 3rem!important;
}

/*==== COLORS =====*/

.text-white{
  color: #fff;
}

.text-blue{
  color: var(--light-blue);
}

.bg-orange{
  background-color: var(--orange);
}
.bg-blue{
  background-color: var(--blue);
}
.bg-light{
  background-color: var(--light);
}

/*==== BORDERS ====*/
.border{  border: 1px solid var(--orange)!important;}
.border-top{  border-top: 1px solid var(--orange)!important;}
.border-end{  border-right: 1px solid var(--orange)!important;}
.border-bottom{  border-bottom: 1px solid var(--orange)!important;}
.border-start{  border-left: 1px solid var(--orange)!important;}

.border-0{  border: 0!important;}
.border-top-0{  border-top: 0!important;}
.border-end-0{  border-right: 0!important;}
.border-bottom-0{  border-bottom: 0!important;}
.border-start-0{  border-left: 0!important;}


/*=========== HEADER ==========*/

.header-bg--img{
 /* width: 100vw;*/
  height: 100vh;
  background-image: url('../img/Header.jpg');
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}

.header-title--box{
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
}

.hearder-title{
  font-size: 3rem;
  font-weight: 600;
}

.header-btn-box{
  position: absolute;
  left:50%;
  bottom:10%;
  transform: translate(-50%,-50%);   
}
.header-btn{  
  display: flex;
  justify-content: center;
  align-items: center;
  width: 60px;
  height: 60px;
  background-color: var(--orange);
  border-radius: 50%;
  color: #fff;  
}

.display-big{
  font-size: 1.5rem;
}
.w-logo{
  max-width: 170px;
}
.w-icon{
  max-width: 25px;
}

.icon{
  max-width: 90px;
}

/*====== OWL CAROUSEL =======*/

.owl-carousel .nav-offer-button {
  height: 30px;
  width: 30px;
  background-color: var(--orange)!important;
  border-radius: 50%!important;
  cursor: pointer;
  position: absolute;
  top: 30% !important;
  font-size: 1.2rem;
  text-align: center;
}

.owl-offer-prev-btn{
  left: 20px;    
}
.owl-offer-next-btn{
  right: 20px;    
}



/*=========== FOOTER ==========*/

.h-logo-foot{
  max-height: 60px;
}

.text-foot{
  font-weight: 400;
  line-height: 1.5;
}

/*======MEDIA QUERIES=========*/

@media (min-width: 576px) { 
  .container{
    max-width: 540px;
  }

  .d-sm-none{ display: none;}
  .d-sm-block{ display: block;}
  .d-sm-inline{ display: inline;}
  .d-sm-inline-block{ display: inline-block;}

  /*---GRID---*/
  .col-sm-12{ 
    flex: 0 0 auto;
    width: 100%;
  }
  .col-sm-11{ 
    flex: 0 0 auto;
    width: 91.66666667%;
  }
  .col-sm-10{
    flex: 0 0 auto;
    width: 83.33333333%;
  }
  .col-sm-9{ 
    flex: 0 0 auto;
    width: 75%;
  }
  .col-sm-8{ 
    flex: 0 0 auto;
    width: 66.66666667%;
  }
  .col-sm-7{
    flex: 0 0 auto;
    width: 58.33333333%;
  }
  .col-sm-6{ 
    flex: 0 0 auto;
    width: 50%;
  }
  .col-sm-5{
    flex: 0 0 auto;
    width: 41.66666667%;
  }
  .col-sm-4{
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .col-sm-3{ 
    flex: 0 0 auto;
    width: 25%;
  }
  .col-sm-2{
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-sm-1{ 
    flex: 0 0 auto;
    width: 8.33333333%;
  }

  /*====== FLEX ========*/
  .d-sm-flex{  display: flex;}
  .flex-sm-wrap{ flex-wrap: wrap; }

  .justify-content-sm-center{ justify-content: center;}
  .justify-content-sm-between{ justify-content: space-between;}
  .justify-content-sm-around{ justify-content: space-around;}
  .justify-content-sm-evenly{ justify-content: space-evenly;}

  .align-items-sm-center{ align-items: center;}

  /*====== MARGINS ========*/

  .m-sm-1{    margin: 0.25rem!important;  }
  .m-sm-2{    margin: 0.5rem!important;  }
  .m-sm-3{    margin: 1rem!important;  }
  .m-sm-4{    margin: 1.5rem!important;  }
  .m-sm-5{    margin: 3rem!important;  }
  .mt-sm-1{    margin-top: 0.25rem!important;  }
  .mt-sm-2{    margin-top: 0.5rem!important;  }
  .mt-sm-3{    margin-top: 1rem!important;  }
  .mt-sm-4{    margin-top: 1.5rem!important;  }
  .mt-sm-5{    margin-top: 3rem!important;  }
  .me-sm-1{    margin-right: 0.25rem!important;  }
  .me-sm-2{    margin-right: 0.5rem!important;  }
  .me-sm-3{    margin-right: 1rem!important;  }
  .me-sm-4{    margin-right: 1.5rem!important;  }
  .me-sm-5{    margin-right: 3rem!important;  }
  .mb-sm-1{    margin-bottom: 0.25rem!important;  }
  .mb-sm-2{    margin-bottom: 0.5rem!important;  }
  .mb-sm-3{    margin-bottom: 1rem!important;  }
  .mb-sm-4{    margin-bottom: 1.5rem!important;  }
  .mb-sm-5{    margin-bottom: 3rem!important;  }
  .ms-sm-1{    margin-left: 0.25rem!important;  }
  .ms-sm-2{    margin-left: 0.5rem!important;  }
  .ms-sm-3{    margin-left: 1rem!important;  }
  .ms-sm-4{    margin-left: 1.5rem!important;  }
  .ms-sm-5{    margin-left: 3rem!important;  }
  .mx-sm-1 {
    margin-right: 0.25rem!important;
    margin-left: 0.25rem!important;
  }
  .my-sm-1 {
    margin-top: 0.25rem!important;
    margin-bottom: 0.25rem!important;
  }    
  .mx-sm-2 {
    margin-right: 0.5rem!important;
    margin-left: 0.5rem!important;
  }
  .my-sm-2 {
    margin-top: 0.5rem!important;
    margin-bottom: 0.5rem!important;
  }
  .mx-sm-3 {
    margin-right: 1rem!important;
    margin-left: 1rem!important;
  }
  .my-sm-3 {
    margin-top: 1rem!important;
    margin-bottom: 1rem!important;
  }
  .mx-sm-4 {
    margin-right:1.5rem!important;
    margin-left:1.5rem!important;
  }
  .my-sm-4 {
    margin-top:1.5rem!important;
    margin-bottom:1.5rem!important;
  }
  .mx-sm-5 {
    margin-right: 3rem!important;
    margin-left: 3rem!important;
  }
  .my-sm-5 {
    margin-top: 3rem!important;
    margin-bottom: 3rem!important;
  }
  

  /*====== PADDINGS ========*/

  .p-sm-1{  padding: 0.25rem!important;}
  .p-sm-2{  padding: 0.5rem!important;}
  .p-sm-3{  padding: 1rem!important;}
  .p-sm-4{  padding: 1.5rem!important;}
  .p-sm-5{  padding: 3rem!important;}
  .pt-sm-1{  padding-top: 0.25rem!important;}
  .pt-sm-2{  padding-top: 0.5rem!important;}
  .pt-sm-3{  padding-top: 1rem!important;}
  .pt-sm-4{  padding-top: 1.5rem!important;}
  .pt-sm-5{  padding-top: 3rem!important;}
  .pe-sm-1{  padding-right: 0.25rem!important;}
  .pe-sm-2{  padding-right: 0.5rem!important;}
  .pe-sm-3{  padding-right: 1rem!important;}
  .pe-sm-4{  padding-right: 1.5rem!important;}
  .pe-sm-5{  padding-right: 3rem!important;}
  .pb-sm-1{  padding-bottom: 0.25rem!important;}
  .pb-sm-2{  padding-bottom: 0.5rem!important;}
  .pb-sm-3{  padding-bottom: 1rem!important;}
  .pb-sm-4{  padding-bottom: 1.5rem!important;}
  .pb-sm-5{  padding-bottom: 3rem!important;}
  .ps-sm-1{  padding-left: 0.25rem!important;}
  .ps-sm-2{  padding-left: 0.5rem!important;}
  .ps-sm-3{  padding-left: 1rem!important;}
  .ps-sm-4{  padding-left: 1.5rem!important;}
  .ps-sm-5{  padding-left: 3rem!important;}
  .px-sm-1 {
    padding-right: 0.25rem!important;
    padding-left: 0.25rem!important;
  }
  .py-sm-1 {
    padding-top: 0.25rem!important;
    padding-bottom: 0.25rem!important;
  }
  .px-sm-2 {
    padding-right: 0.5rem!important;
    padding-left: 0.5rem!important;
  }
  .py-sm-2 {
    padding-top: 0.5rem!important;
    padding-bottom: 0.5rem!important;
  }
  .px-sm-3 {
    padding-right: 1rem!important;
    padding-left: 1rem!important;
  }
  .py-sm-3 {
    padding-top: 1rem!important;
    padding-bottom: 1rem!important;
  }
  .px-sm-4 {
    padding-right:1.5rem!important;
    padding-left:1.5rem!important;
  }
  .py-sm-4 {
    padding-top:1.5rem!important;
    padding-bottom:1.5rem!important;
  }
  .px-sm-5 {
    padding-right: 3rem!important;
    padding-left: 3rem!important;
  }
  .py-sm-5 {
    padding-top: 3rem!important;
    padding-bottom: 3rem!important;
  }


}


@media (min-width: 768px) { 
  .container{
    max-width: 720%;
  }

  .d-md-none{ display: none;}
  .d-md-block{ display: block;}
  .d-md-inline{ display: inline;}
  .d-md-inline-block{ display: inline-block;}

  /*---GRID---*/
  .col-md-12{ 
    flex: 0 0 auto;
    width: 100%;
  }
  .col-md-11{ 
    flex: 0 0 auto;
    width: 91.66666667%;
  }
  .col-md-10{
    flex: 0 0 auto;
    width: 83.33333333%;
  }
  .col-md-9{ 
    flex: 0 0 auto;
    width: 75%;
  }
  .col-md-8{ 
    flex: 0 0 auto;
    width: 66.66666667%;
  }
  .col-md-7{
    flex: 0 0 auto;
    width: 58.33333333%;
  }
  .col-md-6{ 
    flex: 0 0 auto;
    width: 50%;
  }
  .col-md-5{
    flex: 0 0 auto;
    width: 41.66666667%;
  }
  .col-md-4{
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .col-md-3{ 
    flex: 0 0 auto;
    width: 25%;
  }
  .col-md-2{
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-md-1{ 
    flex: 0 0 auto;
    width: 8.33333333%;
  }

  /*====== FLEX ========*/
  .d-md-flex{  display: flex;}
  .flex-md-wrap{ flex-wrap: wrap; }

  .justify-content-md-center{ justify-content: center;}
  .justify-content-md-between{ justify-content: space-between;}
  .justify-content-md-around{ justify-content: space-around;}
  .justify-content-md-evenly{ justify-content: space-evenly;}

  .align-items-md-center{ align-items: center;}

  
  /*====== MARGINS ========*/

  .m-md-1{    margin: 0.25rem!important;  }
  .m-md-2{    margin: 0.5rem!important;  }  
  .m-md-3{    margin: 1rem!important;  }
  .m-md-4{    margin: 1.5rem!important;  }
  .m-md-5{    margin: 3rem!important;  }
  .mt-md-1{    margin-top: 0.25rem!important;  }
  .mt-md-2{    margin-top: 0.5rem!important;  }
  .mt-md-3{    margin-top: 1rem!important;  }
  .mt-md-4{    margin-top: 1.5rem!important;  }
  .mt-md-5{    margin-top: 3rem!important;  }
  .me-md-1{    margin-right: 0.25rem!important;  }
  .me-md-2{    margin-right: 0.5rem!important;  }
  .me-md-3{    margin-right: 1rem!important;  }
  .me-md-4{    margin-right: 1.5rem!important;  }
  .me-md-5{    margin-right: 3rem!important;  }
  .mb-md-1{    margin-bottom: 0.25rem!important;  }
  .mb-md-2{    margin-bottom: 0.5rem!important;  }
  .mb-md-3{    margin-bottom: 1rem!important;  }
  .mb-md-4{    margin-bottom: 1.5rem!important;  }
  .mb-md-5{    margin-bottom: 3rem!important;  }
  .ms-md-1{    margin-left: 0.25rem!important;  }
  .ms-md-2{    margin-left: 0.5rem!important;  }
  .ms-md-3{    margin-left: 1rem!important;  }
  .ms-md-4{    margin-left: 1.5rem!important;  }
  .ms-md-5{    margin-left: 3rem!important;  }
  .mx-md-1 {
    margin-right: 0.25rem!important;
    margin-left: 0.25rem!important;
  }
  .my-md-1 {
    margin-top: 0.25rem!important;
    margin-bottom: 0.25rem!important;
  }
     
  .mx-md-2 {
    margin-right: 0.5rem!important;
    margin-left: 0.5rem!important;
  }
  .my-md-2 {
    margin-top: 0.5rem!important;
    margin-bottom: 0.5rem!important;
  }
  .mx-md-3 {
    margin-right: 1rem!important;
    margin-left: 1rem!important;
  }
  .my-md-3 {
    margin-top: 1rem!important;
    margin-bottom: 1rem!important;
  }
  .mx-md-4 {
    margin-right:1.5rem!important;
    margin-left:1.5rem!important;
  }
  .my-md-4 {
    margin-top:1.5rem!important;
    margin-bottom:1.5rem!important;
  }
  .mx-md-5 {
    margin-right: 3rem!important;
    margin-left: 3rem!important;
  }
  .my-md-5 {
    margin-top: 3rem!important;
    margin-bottom: 3rem!important;
  }
  

  
  /*====== PADDINGS ========*/

  .p-md-1{  padding: 0.25rem!important;}
  .p-md-2{  padding: 0.5rem!important;}
  .p-md-3{  padding: 1rem!important;}
  .p-md-4{  padding: 1.5rem!important;}
  .p-md-5{  padding: 3rem!important;}
  .pt-md-1{  padding-top: 0.25rem!important;}
  .pt-md-2{  padding-top: 0.5rem!important;}
  .pt-md-3{  padding-top: 1rem!important;}
  .pt-md-4{  padding-top: 1.5rem!important;}
  .pt-md-5{  padding-top: 3rem!important;}
  .pe-md-1{  padding-right: 0.25rem!important;}
  .pe-md-2{  padding-right: 0.5rem!important;}
  .pe-md-3{  padding-right: 1rem!important;}
  .pe-md-4{  padding-right: 1.5rem!important;}
  .pe-md-5{  padding-right: 3rem!important;}
  .pb-md-1{  padding-bottom: 0.25rem!important;}
  .pb-md-2{  padding-bottom: 0.5rem!important;}
  .pb-md-3{  padding-bottom: 1rem!important;}
  .pb-md-4{  padding-bottom: 1.5rem!important;}
  .pb-md-5{  padding-bottom: 3rem!important;}
  .ps-md-1{  padding-left: 0.25rem!important;}
  .ps-md-2{  padding-left: 0.5rem!important;}
  .ps-md-3{  padding-left: 1rem!important;}
  .ps-md-4{  padding-left: 1.5rem!important;}
  .ps-md-5{  padding-left: 3rem!important;}
  .px-md-1 {
    padding-right: 0.25rem!important;
    padding-left: 0.25rem!important;
  }
  .py-md-1 {
    padding-top: 0.25rem!important;
    padding-bottom: 0.25rem!important;
  }
  .px-md-2 {
    padding-right: 0.5rem!important;
    padding-left: 0.5rem!important;
  }
  .py-md-2 {
    padding-top: 0.5rem!important;
    padding-bottom: 0.5rem!important;
  }
  .px-md-3 {
    padding-right: 1rem!important;
    padding-left: 1rem!important;
  }
  .py-md-3 {
    padding-top: 1rem!important;
    padding-bottom: 1rem!important;
  }
  .px-md-4 {
    padding-right:1.5rem!important;
    padding-left:1.5rem!important;
  }
  .py-md-4 {
    padding-top:1.5rem!important;
    padding-bottom:1.5rem!important;
  }
  .px-md-5 {
    padding-right: 3rem!important;
    padding-left: 3rem!important;
  }
  .py-md-5 {
    padding-top: 3rem!important;
    padding-bottom: 3rem!important;
  }

}


@media (min-width: 992px) {  
  .container{
    max-width: 960px;
  }

  .d-lg-none{ display: none!important;}
  .d-lg-block{ display: block;}
  .d-lg-inline{ display: inline;}
  .d-lg-inline-block{ display: inline-block;}

  /*--- GRID ---*/
  .col-lg-12{ 
    flex: 0 0 auto;
    width: 100%;
  }
  .col-lg-11{ 
    flex: 0 0 auto;
    width: 91.66666667%;
  }
  .col-lg-10{
    flex: 0 0 auto;
    width: 83.33333333%;
  }
  .col-lg-9{ 
    flex: 0 0 auto;
    width: 75%;
  }
  .col-lg-8{ 
    flex: 0 0 auto;
    width: 66.66666667%;
  }
  .col-lg-7{
    flex: 0 0 auto;
    width: 58.33333333%;
  }
  .col-lg-6{ 
    flex: 0 0 auto;
    width: 50%;
  }
  .col-lg-5{
    flex: 0 0 auto;
    width: 41.66666667%;
  }
  .col-lg-4{
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .col-lg-3{ 
    flex: 0 0 auto;
    width: 25%;
  }
  .col-lg-2{
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-lg-1{ 
    flex: 0 0 auto;
    width: 8.33333333%;
  }

  /*====== FLEX ========*/
  .d-lg-flex{  display: flex!important;}
  .flex-lg-wrap{ flex-wrap: wrap; }

  .justify-content-lg-center{ justify-content: center;}
  .justify-content-lg-between{ justify-content: space-between;}
  .justify-content-lg-around{ justify-content: space-around;}
  .justify-content-lg-evenly{ justify-content: space-evenly;}

  .align-items-lg-center{ align-items: center;}
  
  /*====== MARGINS ========*/

  .m-lg-1{    margin: 0.25rem!important;  }
  .m-lg-2{    margin: 0.5rem!important;  }
  .m-lg-3{    margin: 1rem!important;  }
  .m-lg-4{    margin: 1.5rem!important;  }
  .m-lg-5{    margin: 3rem!important;  }
  .mt-lg-1{    margin-top: 0.25rem!important;  }
  .mt-lg-2{    margin-top: 0.5rem!important;  }
  .mt-lg-3{    margin-top: 1rem!important;  }
  .mt-lg-4{    margin-top: 1.5rem!important;  }
  .mt-lg-5{    margin-top: 3rem!important;  }
  .me-lg-1{    margin-right: 0.25rem!important;  }
  .me-lg-2{    margin-right: 0.5rem!important;  }
  .me-lg-3{    margin-right: 1rem!important;  }
  .me-lg-4{    margin-right: 1.5rem!important;  }
  .me-lg-5{    margin-right: 3rem!important;  }
  .mb-lg-1{    margin-bottom: 0.25rem!important;  }
  .mb-lg-2{    margin-bottom: 0.5rem!important;  }
  .mb-lg-3{    margin-bottom: 1rem!important;  }
  .mb-lg-4{    margin-bottom: 1.5rem!important;  }
  .mb-lg-5{    margin-bottom: 3rem!important;  }
  .ms-lg-1{    margin-left: 0.25rem!important;  }
  .ms-lg-2{    margin-left: 0.5rem!important;  }
  .ms-lg-3{    margin-left: 1rem!important;  }
  .ms-lg-4{    margin-left: 1.5rem!important;  }
  .ms-lg-5{    margin-left: 3rem!important;  }
  .mx-lg-1 {
    margin-right: 0.25rem!important;
    margin-left: 0.25rem!important;
  }
  .my-lg-1 {
    margin-top: 0.25rem!important;
    margin-bottom: 0.25rem!important;
  }
     
  .mx-lg-2 {
    margin-right: 0.5rem!important;
    margin-left: 0.5rem!important;
  }
  .my-lg-2 {
    margin-top: 0.5rem!important;
    margin-bottom: 0.5rem!important;
  }
  .mx-lg-3 {
    margin-right: 1rem!important;
    margin-left: 1rem!important;
  }
  .my-lg-3 {
    margin-top: 1rem!important;
    margin-bottom: 1rem!important;
  }
  .mx-lg-4 {
    margin-right:1.5rem!important;
    margin-left:1.5rem!important;
  }
  .my-lg-4 {
    margin-top:1.5rem!important;
    margin-bottom:1.5rem!important;
  }
  .mx-lg-5 {
    margin-right: 3rem!important;
    margin-left: 3rem!important;
  }
  .my-lg-5 {
    margin-top: 3rem!important;
    margin-bottom: 3rem!important;
  }
  
  

  
  /*====== PADDINGS ========*/

  .p-lg-1{  padding: 0.25rem!important;}
  .p-lg-2{  padding: 0.5rem!important;}
  .p-lg-3{  padding: 1rem!important;}
  .p-lg-4{  padding: 1.5rem!important;}
  .p-lg-5{  padding: 3rem!important;}
  .pt-lg-1{  padding-top: 0.25rem!important;}
  .pt-lg-2{  padding-top: 0.5rem!important;}
  .pt-lg-3{  padding-top: 1rem!important;}
  .pt-lg-4{  padding-top: 1.5rem!important;}
  .pt-lg-5{  padding-top: 3rem!important;}
  .pe-lg-1{  padding-right: 0.25rem!important;}
  .pe-lg-2{  padding-right: 0.5rem!important;}
  .pe-lg-3{  padding-right: 1rem!important;}
  .pe-lg-4{  padding-right: 1.5rem!important;}
  .pe-lg-5{  padding-right: 3rem!important;}
  .pb-lg-1{  padding-bottom: 0.25rem!important;}
  .pb-lg-2{  padding-bottom: 0.5rem!important;}
  .pb-lg-3{  padding-bottom: 1rem!important;}
  .pb-lg-4{  padding-bottom: 1.5rem!important;}
  .pb-lg-5{  padding-bottom: 3rem!important;}
  .ps-lg-1{  padding-left: 0.25rem!important;}
  .ps-lg-2{  padding-left: 0.5rem!important;}
  .ps-lg-3{  padding-left: 1rem!important;}
  .ps-lg-4{  padding-left: 1.5rem!important;}
  .ps-lg-5{  padding-left: 3rem!important;}
  .px-lg-1 {
    padding-right: 0.25rem!important;
    padding-left: 0.25rem!important;
  }
  .py-lg-1 {
    padding-top: 0.25rem!important;
    padding-bottom: 0.25rem!important;
  }
  
  .px-lg-2 {
    padding-right: 0.5rem!important;
    padding-left: 0.5rem!important;
  }
  .py-lg-2 {
    padding-top: 0.5rem!important;
    padding-bottom: 0.5rem!important;
  }
  .px-lg-3 {
    padding-right: 1rem!important;
    padding-left: 1rem!important;
  }
  .py-lg-3 {
    padding-top: 1rem!important;
    padding-bottom: 1rem!important;
  }
  .px-lg-4 {
    padding-right:1.5rem!important;
    padding-left:1.5rem!important;
  }
  .py-lg-4 {
    padding-top:1.5rem!important;
    padding-bottom:1.5rem!important;
  }
  .px-lg-5 {
    padding-right: 3rem!important;
    padding-left: 3rem!important;
  }
  .py-lg-5 {
    padding-top: 3rem!important;
    padding-bottom: 3rem!important;
  }

  /*==== BORDERS ====*/
.border-lg{  border: 1px solid var(--orange)!important;}
.border-lg-top{  border-top: 1px solid var(--orange)!important;}
.border-lg-end{  border-right: 1px solid var(--orange)!important;}
.border-lg-bottom{  border-bottom: 1px solid var(--orange)!important;}
.border-lg-start{  border-left: 1px solid var(--orange)!important;}

/*==== TYPOGRAPHY ===*/

.text-lg-start{text-align: start;}
.text-lg-end{text-align: end;}

/*==== ORDERS =======*/
.order-lg-0{order: 0!important}
.order-lg-1{order: 1!important}

/*=========== HEADER ==========*/

.header-bg--img{
  /*width: 100vw;*/
  height: 100vh;
  background-image: url('../img/Header.jpg');
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}

.header-title--box{
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
}

.hearder-title{
  font-size: 3.8rem;
  font-weight: 600;
}

.header-btn-box{
  position: absolute;
  left:50%;
  bottom:10%;
  transform: translate(-50%,-50%);   
}
.header-btn{  
  display: flex;
  justify-content: center;
  align-items: center;
  width: 60px;
  height: 60px;
  background-color: var(--orange);
  border-radius: 50%;
  color: #fff;  
}

.display-big{
  font-size: 2.5rem;
}
.display-a{
  font-size: 1.2rem;
}
.w-logo{
  max-width: 270px;
}

.w-icon{
  max-width: 50px;
}
  
.icon{
  max-width: 70px;
}
  
}


@media (min-width: 1200px) { 
  .container{
    max-width: 1140px;
  }

  .d-xl-none{ display: none;}
  .d-xl-block{ display: block;}
  .d-xl-inline{ display: inline;}
  .d-xl-inline-block{ display: inline-block;}

  /*--- GRID ---*/
  .col-xl-12{ 
    flex: 0 0 auto;
    width: 100%;
  }
  .col-xl-11{ 
    flex: 0 0 auto;
    width: 91.66666667%;
  }
  .col-xl-10{
    flex: 0 0 auto;
    width: 83.33333333%;
  }
  .col-xl-9{ 
    flex: 0 0 auto;
    width: 75%;
  }
  .col-xl-8{ 
    flex: 0 0 auto;
    width: 66.66666667%;
  }
  .col-xl-7{
    flex: 0 0 auto;
    width: 58.33333333%;
  }
  .col-xl-6{ 
    flex: 0 0 auto;
    width: 50%;
  }
  .col-xl-5{
    flex: 0 0 auto;
    width: 41.66666667%;
  }
  .col-xl-4{
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .col-xl-3{ 
    flex: 0 0 auto;
    width: 25%;
  }
  .col-xl-2{
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-xl-1{ 
    flex: 0 0 auto;
    width: 8.33333333%;
  }
  
  /*====== FLEX ========*/
  .d-xl-flex{  display: flex;}
  .flex-xl-wrap{ flex-wrap: wrap; }

  .justify-content-xl-center{ justify-content: center;}
  .justify-content-xl-between{ justify-content: space-between;}
  .justify-content-xl-around{ justify-content: space-around;}
  .justify-content-xl-evenly{ justify-content: space-evenly;}

  .align-items-xl-center{ align-items: center;}
  
  /*====== MARGINS ========*/

  .m-xl-1{    margin: 0.25rem!important;  }
  .m-xl-2{    margin: 0.5rem!important;  }
  .m-xl-3{    margin: 1rem!important;  }
  .m-xl-4{    margin: 1.5rem!important;  }
  .m-xl-5{    margin: 3rem!important;  }
  .mt-xl-1{    margin-top: 0.25rem!important;  }
  .mt-xl-2{    margin-top: 0.5rem!important;  }
  .mt-xl-3{    margin-top: 1rem!important;  }
  .mt-xl-4{    margin-top: 1.5rem!important;  }
  .mt-xl-5{    margin-top: 3rem!important;  }
  .me-xl-1{    margin-right: 0.25rem!important;  }
  .me-xl-2{    margin-right: 0.5rem!important;  }
  .me-xl-3{    margin-right: 1rem!important;  }
  .me-xl-4{    margin-right: 1.5rem!important;  }
  .me-xl-5{    margin-right: 3rem!important;  }
  .mb-xl-1{    margin-bottom: 0.25rem!important;  }
  .mb-xl-2{    margin-bottom: 0.5rem!important;  }
  .mb-xl-3{    margin-bottom: 1rem!important;  }
  .mb-xl-4{    margin-bottom: 1.5rem!important;  }
  .mb-xl-5{    margin-bottom: 3rem!important;  }
  .ms-xl-1{    margin-left: 0.25rem!important;  }
  .ms-xl-2{    margin-left: 0.5rem!important;  }
  .ms-xl-3{    margin-left: 1rem!important;  }
  .ms-xl-4{    margin-left: 1.5rem!important;  }
  .ms-xl-5{    margin-left: 3rem!important;  }
  .mx-xl-1 {
    margin-right: 0.25rem!important;
    margin-left: 0.25rem!important;
  }
  .my-xl-1 {
    margin-top: 0.25rem!important;
    margin-bottom: 0.25rem!important;
  }
     
  .mx-xl-2 {
    margin-right: 0.5rem!important;
    margin-left: 0.5rem!important;
  }
  .my-xl-2 {
    margin-top: 0.5rem!important;
    margin-bottom: 0.5rem!important;
  }
  .mx-xl-3 {
    margin-right: 1rem!important;
    margin-left: 1rem!important;
  }
  .my-xl-3 {
    margin-top: 1rem!important;
    margin-bottom: 1rem!important;
  }
  .mx-xl-4 {
    margin-right:1.5rem!important;
    margin-left:1.5rem!important;
  }
  .my-xl-4 {
    margin-top:1.5rem!important;
    margin-bottom:1.5rem!important;
  }
  .mx-xl-5 {
    margin-right: 3rem!important;
    margin-left: 3rem!important;
  }
  .my-xl-5 {
    margin-top: 3rem!important;
    margin-bottom: 3rem!important;
  }

  
  /*====== PADDINGS ========*/

  .p-xl-1{  padding: 0.25rem!important;}
  .p-xl-2{  padding: 0.5rem!important;}
  .p-xl-3{  padding: 1rem!important;}
  .p-xl-4{  padding: 1.5rem!important;}
  .p-xl-5{  padding: 3rem!important;}
  .pt-xl-1{  padding-top: 0.25rem!important;}
  .pt-xl-2{  padding-top: 0.5rem!important;}
  .pt-xl-3{  padding-top: 1rem!important;}
  .pt-xl-4{  padding-top: 1.5rem!important;}
  .pt-xl-5{  padding-top: 3rem!important;}
  .pe-xl-1{  padding-right: 0.25rem!important;}
  .pe-xl-2{  padding-right: 0.5rem!important;}
  .pe-xl-3{  padding-right: 1rem!important;}
  .pe-xl-4{  padding-right: 1.5rem!important;}
  .pe-xl-5{  padding-right: 3rem!important;}
  .pb-xl-1{  padding-bottom: 0.25rem!important;}
  .pb-xl-2{  padding-bottom: 0.5rem!important;}
  .pb-xl-3{  padding-bottom: 1rem!important;}
  .pb-xl-4{  padding-bottom: 1.5rem!important;}
  .pb-xl-5{  padding-bottom: 3rem!important;}
  .ps-xl-1{  padding-left: 0.25rem!important;}
  .ps-xl-2{  padding-left: 0.5rem!important;}
  .ps-xl-3{  padding-left: 1rem!important;}
  .ps-xl-4{  padding-left: 1.5rem!important;}
  .ps-xl-5{  padding-left: 3rem!important;}
  .px-xl-1 {
    padding-right: 0.25rem!important;
    padding-left: 0.25rem!important;
  }
  .py-xl-1 {
    padding-top: 0.25rem!important;
    padding-bottom: 0.25rem!important;
  }
  
  .px-xl-2 {
    padding-right: 0.5rem!important;
    padding-left: 0.5rem!important;
  }
  .py-xl-2 {
    padding-top: 0.5rem!important;
    padding-bottom: 0.5rem!important;
  }
  .px-xl-3 {
    padding-right: 1rem!important;
    padding-left: 1rem!important;
  }
  .py-xl-3 {
    padding-top: 1rem!important;
    padding-bottom: 1rem!important;
  }
  .px-xl-4 {
    padding-right:1.5rem!important;
    padding-left:1.5rem!important;
  }
  .py-xl-4 {
    padding-top:1.5rem!important;
    padding-bottom:1.5rem!important;
  }
  .px-xl-5 {
    padding-right: 3rem!important;
    padding-left: 3rem!important;
  }
  .py-xl-5 {
    padding-top: 3rem!important;
    padding-bottom: 3rem!important;
  }

  /*=== HEADER ==*/
  .hearder-title{
    font-size: 4rem;
    font-weight: 600;
  }
}


@media (min-width: 1400px) { 
  .container{
    max-width: 1320px;
  }

  .d-xxl-none{ display: none;}
  .d-xxl-block{ display: block;}
  .d-xxl-inline{ display: inline;}
  .d-xxl-inline-block{ display: inline-block;}

  /*--- GRID ---*/
  .col-xxl-12{ 
    flex: 0 0 auto;
    width: 100%;
  }
  .col-xxl-11{ 
    flex: 0 0 auto;
    width: 91.66666667%;
  }
  .col-xxl-10{
    flex: 0 0 auto;
    width: 83.33333333%;
  }
  .col-xxl-9{ 
    flex: 0 0 auto;
    width: 75%;
  }
  .col-xxl-8{ 
    flex: 0 0 auto;
    width: 66.66666667%;
  }
  .col-xxl-7{
    flex: 0 0 auto;
    width: 58.33333333%;
  }
  .col-xxl-6{ 
    flex: 0 0 auto;
    width: 50%;
  }
  .col-xxl-5{
    flex: 0 0 auto;
    width: 41.66666667%;
  }
  .col-xxl-4{
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .col-xxl-3{ 
    flex: 0 0 auto;
    width: 25%;
  }
  .col-xxl-2{
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-xxl-1{ 
    flex: 0 0 auto;
    width: 8.33333333%;
  }

  /*====== FLEX ========*/
  .d-xxl-flex{  display: flex;}
  .flex-xxl-wrap{ flex-wrap: wrap; }

  .justify-content-xxl-center{ justify-content: center;}
  .justify-content-xxl-between{ justify-content: space-between;}
  .justify-content-xxl-around{ justify-content: space-around;}
  .justify-content-xxl-evenly{ justify-content: space-evenly;}

  .align-items-xxl-center{ align-items: center;}

  
  /*====== MARGINS ========*/

  .m-xxl-1{    margin: 0.25rem!important;  }
  .m-xxl-2{    margin: 0.5rem!important;  }
  .m-xxl-3{    margin: 1rem!important;  }
  .m-xxl-4{    margin: 1.5rem!important;  }
  .m-xxl-5{    margin: 3rem!important;  }
  .mt-xxl-1{    margin-top: 0.25rem!important;  }
  .mt-xxl-2{    margin-top: 0.5rem!important;  }
  .mt-xxl-3{    margin-top: 1rem!important;  }
  .mt-xxl-4{    margin-top: 1.5rem!important;  }
  .mt-xxl-5{    margin-top: 3rem!important;  }
  .me-xxl-1{    margin-right: 0.25rem!important;  }
  .me-xxl-2{    margin-right: 0.5rem!important;  }
  .me-xxl-3{    margin-right: 1rem!important;  }
  .me-xxl-4{    margin-right: 1.5rem!important;  }
  .me-xxl-5{    margin-right: 3rem!important;  }
  .mb-xxl-1{    margin-bottom: 0.25rem!important;  }
  .mb-xxl-2{    margin-bottom: 0.5rem!important;  }
  .mb-xxl-3{    margin-bottom: 1rem!important;  }
  .mb-xxl-4{    margin-bottom: 1.5rem!important;  }
  .mb-xxl-5{    margin-bottom: 3rem!important;  }
  .ms-xxl-1{    margin-left: 0.25rem!important;  }
  .ms-xxl-2{    margin-left: 0.5rem!important;  }
  .ms-xxl-3{    margin-left: 1rem!important;  }
  .ms-xxl-4{    margin-left: 1.5rem!important;  }
  .ms-xxl-5{    margin-left: 3rem!important;  }
  .mx-xxl-1 {
    margin-right: 0.25rem!important;
    margin-left: 0.25rem!important;
  }
  .my-xxl-1 {
    margin-top: 0.25rem!important;
    margin-bottom: 0.25rem!important;
  }
     
  .mx-xxl-2 {
    margin-right: 0.5rem!important;
    margin-left: 0.5rem!important;
  }
  .my-xxl-2 {
    margin-top: 0.5rem!important;
    margin-bottom: 0.5rem!important;
  }
  .mx-xxl-3 {
    margin-right: 1rem!important;
    margin-left: 1rem!important;
  }
  .my-xxl-3 {
    margin-top: 1rem!important;
    margin-bottom: 1rem!important;
  }
  .mx-xxl-4 {
    margin-right:1.5rem!important;
    margin-left:1.5rem!important;
  }
  .my-xxl-4 {
    margin-top:1.5rem!important;
    margin-bottom:1.5rem!important;
  }
  .mx-xxl-5 {
    margin-right: 3rem!important;
    margin-left: 3rem!important;
  }
  .my-xxl-5 {
    margin-top: 3rem!important;
    margin-bottom: 3rem!important;
  }

  
  /*====== PADDINGS ========*/

  .p-xxl-1{  padding: 0.25rem!important;}
  .p-xxl-2{  padding: 0.5rem!important;}
  .p-xxl-3{  padding: 1rem!important;}
  .p-xxl-4{  padding: 1.5rem!important;}
  .p-xxl-5{  padding: 3rem!important;}
  .pt-xxl-1{  padding-top: 0.25rem!important;}
  .pt-xxl-2{  padding-top: 0.5rem!important;}
  .pt-xxl-3{  padding-top: 1rem!important;}
  .pt-xxl-4{  padding-top: 1.5rem!important;}
  .pt-xxl-5{  padding-top: 3rem!important;}
  .pe-xxl-1{  padding-right: 0.25rem!important;}
  .pe-xxl-2{  padding-right: 0.5rem!important;}
  .pe-xxl-3{  padding-right: 1rem!important;}
  .pe-xxl-4{  padding-right: 1.5rem!important;}
  .pe-xxl-5{  padding-right: 3rem!important;}
  .pb-xxl-1{  padding-bottom: 0.25rem!important;}
  .pb-xxl-2{  padding-bottom: 0.5rem!important;}
  .pb-xxl-3{  padding-bottom: 1rem!important;}
  .pb-xxl-4{  padding-bottom: 1.5rem!important;}
  .pb-xxl-5{  padding-bottom: 3rem!important;}
  .ps-xxl-1{  padding-left: 0.25rem!important;}
  .ps-xxl-2{  padding-left: 0.5rem!important;}
  .ps-xxl-3{  padding-left: 1rem!important;}
  .ps-xxl-4{  padding-left: 1.5rem!important;}
  .ps-xxl-5{  padding-left: 3rem!important;}
  .px-xxl-1 {
    padding-right: 0.25rem!important;
    padding-left: 0.25rem!important;
  }
  .py-xxl-1 {
    padding-top: 0.25rem!important;
    padding-bottom: 0.25rem!important;
  }

  .px-xxl-2 {
    padding-right: 0.5rem!important;
    padding-left: 0.5rem!important;
  }
  .py-xxl-2 {
    padding-top: 0.5rem!important;
    padding-bottom: 0.5rem!important;
  }
  .px-xxl-3 {
    padding-right: 1rem!important;
    padding-left: 1rem!important;
  }
  .py-xxl-3 {
    padding-top: 1rem!important;
    padding-bottom: 1rem!important;
  }
  .px-xxl-4 {
    padding-right:1.5rem!important;
    padding-left:1.5rem!important;
  }
  .py-xxl-4 {
    padding-top:1.5rem!important;
    padding-bottom:1.5rem!important;
  }
  .px-xxl-5 {
    padding-right: 3rem!important;
    padding-left: 3rem!important;
  }
  .py-xxl-5 {
    padding-top: 3rem!important;
    padding-bottom: 3rem!important;
  }

}