@charset "utf-8";


  /* CSS Reset */
    body, h1, h2, h3, h4, p, ul, li, figure, figcaption, div {
      margin: 0;
      padding: 0;
      border: 0;
  }
  
  html {
      box-sizing: border-box;
  }
  
  *, *:before, *:after {
      box-sizing: border-box;
  }
   body {
    position: static !important;
    width: 100vw;
    height: 100vh;
    margin: 0;
    padding: 0;
    scroll-behavior: smooth;
    /* display: flex; */
    /* text-align: center; */
    /* place-items: center; */
    overflow: scroll;
  /* font-size: 14.3px; */
  font-family: 'Ubuntu', sans-serif;
  color: #444;
  line-height: 1.4;
}
.text-light-green{
  color: #22351f;
}

.header a:hover{
  color: #d5c210;
}

.header a:active{
  color: #d74d1f;
}

.fixed {
  position: fixed;
  top:0; left:0;
  width: 100%; }

section {
    width: 100%;
    padding: 0;
    margin: 0;
    /* padding-bottom: 10px; */
    /* height: auto; */
    /* overflow: hidden; */
}
.cursor-pointer{
  cursor: pointer;
}

.containers {
    max-width: 1450px;
    width: 100%;
    overflow: auto;
    
}

a{
    text-decoration: none;
    font-size: 18px;
}

a, a .fa-solid{
  text-decoration:none !important;
}

/* positioning of items and display */
.justify-content-center{
  justify-content: center;
}
.center{
  text-align: center;
}
.right{
  text-align: right;
}
.display-flex{
  display: flex;
}

.flex-center{
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
    align-items: center;
    margin: auto;
   }

  .flex-between{
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
   }

   .flex-around{
    margin: auto;
    display: flex;
    flex-flow: row wrap;
    justify-content: space-around;
    flex-wrap: wrap;
   }
 
.display-block{
  display: block;
}


.display-inline{
  display: inline;
}

.display-inline-block{
  display: inline-block;
}

.display-none{
  display: none;
}

/* relative position  */

.pos-rel{
  position: relative !important;
}
.pos-abs{
  position: absolute !important;
}


.top--5{
  top: -5px;
}
.top--10{
  top: -10px;
}
.top--20{
  top: -20px;
}
.top--30{
  top: -30px;
}
.top--40{
  top: -40px;
}
.top--50{
  top: -50px;
}

.top--60{
  top: -60px;
}
.top--70{
  top: -70px;
}
.top--80{
  top: -80px;
}
.top--90{
  top: -80px;
}
.top--100{
  top: -100px;
}




.left--5{
  left: -5%;
}
.left--10{
  left: -10%;
}
.left--20{
  left: -20%;
}
.left--30{
  left: -30%;
}
.left--40{
  left: -40%;
}
.left--50{
  left: -50%;
}

.left-5{
  left: 5%;
}
.left-10{
  left: 10%;
}
.left-15{
  left: 15%;
}
.left-20{
  left: 20%;
}
.left-25{
  left: 25%;
}
.left-30{
  left: 30%;
}
.left-35{
  left: 35%;
}
.left-40{
  left: 40%;
}
.left-45{
  left: 45%;
}
.left-50{
  left: 50%;
}


/*right */

.right--5{
  right: -5%;
}
.right--10{
  right: -10%;
}
.right--20{
  right: -20%;
}
.right--30{
  right: -30%;
}
.right--40{
  right: -40%;
}
.right--50{
  right: -50%;
}

.right-0{
  right: 0px;
}.right-5{
  right: 5%;
}
.right-10{
  right: 10%;
}
.right-20{
  right: 20%;
}
.right-30{
  right: 30%;
}
.right-40{
  right: 40%;
}
.right-50{
  right: 50%;
}

/*bottom*/


.bottom--5{
  bottom: -5%;
}
.bottom--10{
  bottom: -10%;
}
.bottom--20{
  bottom: -20%;
}
.bottom--30{
  bottom: -30%;
}
.bottom--40{
  bottom: -40%;
}
.bottom--50{
  bottom: -50%;
}

.bottom-0{
  bottom: 0px;
}
.bottom-5{
  bottom: 5%;
}
.bottom-10{
  bottom: 10%;
}
.bottom-20{
  bottom: 20%;
}
.bottom-30{
  bottom: 30%;
}
.bottom-40{
  bottom: 40%;
}
.bottom-50{
  bottom: 50%;
}



   
  /* background sizes  */

  .bg-fixed{
    background-position: top center;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-attachment: fixed;
  }

  .bg-cover{
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
  }

  .bg-contain{
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
  }


   /* background color  */
  
  .bg-lightblue{
    background-color: #8E8FFA !important;
  }
  .bg-aliceblue{
    background-color: aliceblue !important;
  }
  .bg-blue{
    background-color: blue !important;
  }
  .bg-white{
    background-color: white;
  }
  .bg-black{
    background-color: black !important;
  }
  .bg-gold{
    background-color: gold !important;
  }
  .bg-red{
    background-color: red !important;
  }
  .bg-darkred{
    background-color: #A25772 !important;
  }
  .bg-d{
    background-color: #b6c0cc !important;
  }
  .bg-grey{
    background-color: grey !important;
  }
  .bg-light-grey{
    background-color: lightgrey !important;
  }
  c
  


  /* width */

  .wt-0{
    width: 0% !important;
} 
 .wt-1{
    width: 1% !important;
} 
 .wt-2{
    width: 2% !important;
} 
 .wt-3{
    width: 3% !important;
} 
 .wt-4{
    width: 4% !important;
} 

.wt-5{
    width: 5% !important;
}
 .wt-6{
    width: 6% !important;
}
 .wt-7{
    width: 7% !important;
}
 .wt-8{
    width: 8% !important;
}
 .wt-9{
    width: 9% !important;
} 
.wt-10{
    width: 10% !important;
} 
.wt-11{
    width: 11% !important;
} 
.wt-12{
    width: 12% !important;
} 
.wt-13{
    width: 13% !important;
} 
.wt-14{
    width: 14% !important;
} 
.wt-15{
    width: 15% !important;
} 
.wt-16{
    width: 16% !important;
} 
.wt-17{
    width: 17% !important;
} 
.wt-18{
    width: 18% !important;
} 
.wt-19{
    width: 19% !important;
} 
.wt-20{
    width: 20% !important;
} 
 .wt-21{
    width: 21% !important;
} 
 .wt-22{
    width: 22% !important;
} 
 .wt-23{
    width: 23% !important;
} 
 .wt-24{
    width: 24% !important;
} 
.wt-25{
    width: 25% !important;
}
  .wt-26{
    width: 26% !important;
}
  .wt-27{
    width: 27% !important;
}
  .wt-28{
    width: 28% !important;
}
  .wt-29{
    width: 29% !important;
}
.wt-30{
    width: 30% !important;
}
 .wt-31{
    width: 31% !important;
}
 .wt-32{
    width: 32% !important;
}
 .wt-33{
    width: 33% !important;
}
 .wt-34{
    width: 34% !important;
}
.wt-35{
    width: 35% !important;
}
 .wt-36{
    width: 36% !important;
}
 .wt-37{
    width: 37% !important;
}
 .wt-38{
    width: 38% !important;
}
 .wt-39{
    width: 39% !important;
}
.wt-40{
    width: 40% !important;
}
 .wt-41{
    width: 41% !important;
}
 .wt-42{
    width: 42% !important;
}
 .wt-43{
    width: 43% !important;
}
 .wt-44{
    width: 44% !important;
}

 .wt-45{
    width: 45% !important;
}
 .wt-46{
    width: 46% !important;
}
 .wt-47{
    width: 47% !important;
}
 .wt-48{
    width: 48% !important;
}
 .wt-49{
    width: 49% !important;
}
 .wt-50{
    width: 50% !important;
}
 .wt-51{
    width: 51% !important;
}
 .wt-52{
    width: 52% !important;
}
 .wt-53{
    width: 53% !important;
}
 .wt-54{
    width: 54% !important;
}
 .wt-55{
    width: 55% !important;
}
 .wt-56{
    width: 56% !important;
}
 .wt-57{
    width: 57% !important;
}
 .wt-58{
    width: 58% !important;
}
 .wt-59{
    width: 59% !important;
}
 .wt-60{
    width: 60% !important;
}
 .wt-61{
    width: 61% !important;
}
 .wt-62{
    width: 62% !important;
}
 .wt-63{
    width: 63% !important;
}
 .wt-64{
    width: 64% !important;
}
 .wt-65{
    width: 65% !important;
}
 .wt-66{
    width: 66% !important;
}
 .wt-67{
    width: 67% !important;
}
 .wt-68{
    width: 68% !important;
}
 .wt-69{
    width: 69% !important;
}
 .wt-70{
    width: 70% !important;
}
.wt-71{
    width: 71% !important;
}
.wt-72{
    width: 72% !important;
}
.wt-73{
    width: 73% !important;
}
.wt-74{
    width: 74% !important;
}
 .wt-75{
    width: 75% !important;
}
.wt-76{
    width: 76% !important;
}
.wt-77{
    width: 77% !important;
}
.wt-78{
    width: 78% !important;
}
.wt-79{
    width: 79% !important;
}
 .wt-80{
    width: 80% !important;
}
 .wt-81{
    width: 81% !important;
}
 .wt-82{
    width: 82% !important;
}
 .wt-83{
    width: 83% !important;
}
 .wt-84{
    width: 84% !important;
}
 .wt-85{
    width: 85% !important;
}

 .wt-86{
    width: 86% !important;
}
 .wt-87{
    width: 87% !important;
}
 .wt-88{
    width: 88% !important;
}
 .wt-89{
    width: 89% !important;
}

.wt-90{
    width: 90% !important;
}
 .wt-91{
    width: 91% !important;
}
 .wt-92{
    width: 92% !important;
}
 .wt-93{
    width: 93% !important;
}
 .wt-94{
    width: 94% !important;
}
.wt-95{
    width: 95% !important;
}
 .wt-96{
    width: 96% !important;
}
 .wt-97{
    width: 97% !important;
}
 .wt-98{
    width: 98% !important;
}
 .wt-99{
    width: 99% !important;
}
.wt-100{
    width: 100% !important;
}
  
/* height  */


  .ht-0{
      height: 0%;
  } 
   .ht-1{
      height: 1%;
  } 
   .ht-2{
      height: 2%;
  } 
   .ht-3{
      height: 3%;
  } 
   .ht-4{
      height: 4%;
  } 

  .ht-5{
      height: 5%;
  }
   .ht-6{
      height: 6%;
  }
   .ht-7{
      height: 7%;
  }
   .ht-8{
      height: 8%;
  }
   .ht-9{
      height: 9%;
  } 
  .ht-10{
      height: 10%;
  } 
  .ht-11{
      height: 11%;
  } 
  .ht-12{
      height: 12%;
  } 
  .ht-13{
      height: 13%;
  } 
  .ht-14{
      height: 14%;
  } 
  .ht-15{
      height: 15%;
  } 
  .ht-16{
      height: 16%;
  } 
  .ht-17{
      height: 17%;
  } 
  .ht-18{
      height: 18%;
  } 
  .ht-19{
      height: 19%;
  } 
  .ht-20{
      height: 20%;
  } 
   .ht-21{
      height: 21%;
  } 
   .ht-22{
      height: 22%;
  } 
   .ht-23{
      height: 23%;
  } 
   .ht-24{
      height: 24%;
  } 
  .ht-25{
      height: 25%;
  }
    .ht-26{
      height: 26%;
  }
    .ht-27{
      height: 27%;
  }
    .ht-28{
      height: 28%;
  }
    .ht-29{
      height: 29%;
  }
  .ht-30{
      height: 30%;
  }
   .ht-31{
      height: 31%;
  }
   .ht-32{
      height: 32%;
  }
   .ht-33{
      height: 33%;
  }
   .ht-34{
      height: 34%;
  }
  .ht-35{
      height: 35%;
  }
   .ht-36{
      height: 36%;
  }
   .ht-37{
      height: 37%;
  }
   .ht-38{
      height: 38%;
  }
   .ht-39{
      height: 39%;
  }
  .ht-40{
      height: 40%;
  }
   .ht-41{
      height: 41%;
  }
   .ht-42{
      height: 42%;
  }
   .ht-43{
      height: 43%;
  }
   .ht-44{
      height: 44%;
  }

   .ht-45{
      height: 45%;
  }
   .ht-46{
      height: 46%;
  }
   .ht-47{
      height: 47%;
  }
   .ht-48{
      height: 48%;
  }
   .ht-49{
      height: 49%;
  }
   .ht-50{
      height: 50%;
  }
   .ht-51{
      height: 51%;
  }
   .ht-52{
      height: 52%;
  }
   .ht-53{
      height: 53%;
  }
   .ht-54{
      height: 54%;
  }
   .ht-55{
      height: 55%;
  }
   .ht-56{
      height: 56%;
  }
   .ht-57{
      height: 57%;
  }
   .ht-58{
      height: 58%;
  }
   .ht-59{
      height: 59%;
  }
   .ht-60{
      height: 60%;
  }
   .ht-61{
      height: 61%;
  }
   .ht-62{
      height: 62%;
  }
   .ht-63{
      height: 63%;
  }
   .ht-64{
      height: 64%;
  }
   .ht-65{
      height: 65%;
  }
   .ht-66{
      height: 66%;
  }
   .ht-67{
      height: 67%;
  }
   .ht-68{
      height: 68%;
  }
   .ht-69{
      height: 69%;
  }
   .ht-70{
      height: 70%;
  }
  .ht-71{
      height: 71%;
  }
  .ht-72{
      height: 72%;
  }
  .ht-73{
      height: 73%;
  }
  .ht-74{
      height: 74%;
  }
   .ht-75{
      height: 75%;
  }
  .ht-76{
      height: 76%;
  }
  .ht-77{
      height: 77%;
  }
  .ht-78{
      height: 78%;
  }
  .ht-79{
      height: 79%;
  }
   .ht-80{
      height: 80%;
  }
   .ht-81{
      height: 81%;
  }
   .ht-82{
      height: 82%;
  }
   .ht-83{
      height: 83%;
  }
   .ht-84{
      height: 84%;
  }
   .ht-85{
      height: 85%;
  }

   .ht-86{
      height: 86%;
  }
   .ht-87{
      height: 87%;
  }
   .ht-88{
      height: 88%;
  }
   .ht-89{
      height: 89%;
  }
 
  .ht-90{
      height: 90%;
  }
   .ht-91{
      height: 91%;
  }
   .ht-92{
      height: 92%;
  }
   .ht-93{
      height: 93%;
  }
   .ht-94{
      height: 94%;
  }
  .ht-95{
      height: 95%;
  }
   .ht-96{
      height: 96%;
  }
   .ht-97{
      height: 97%;
  }
   .ht-98{
      height: 98%;
  }
   .ht-99{
      height: 99%;
  }
  .ht-100{
      height: 100%;
  }



  .rh-0{
      height: 0rem;
  } 
   .rh-1{
      height: 1rem;
  } 
   .rh-2{
      height: 2rem;
  } 
   .rh-3{
      height: 3rem;
  } 
   .rh-4{
      height: 4rem;
  } 

  .rh-5{
      height: 5rem;
  }
   .rh-6{
      height: 6rem;
  }
   .rh-7{
      height: 7rem;
  }
   .rh-8{
      height: 8rem;
  }
   .rh-9{
      height: 9rem;
  } 
  .rh-10{
      height: 10rem;
  } 
  .rh-11{
      height: 11rem;
  } 
  .rh-12{
      height: 12rem;
  } 
  .rh-13{
      height: 13rem;
  } 
  .rh-14{
      height: 14rem;
  } 
  .rh-15{
      height: 15rem;
  } 
  .rh-16{
      height: 16rem;
  } 
  .rh-17{
      height: 17rem;
  } 
  .rh-18{
      height: 18rem;
  } 
  .rh-19{
      height: 19rem;
  } 
  .rh-20{
      height: 20rem;
  } 
   .rh-21{
      height: 21rem;
  } 
   .rh-22{
      height: 22rem;
  } 
   .rh-23{
      height: 23rem;
  } 
   .rh-24{
      height: 24rem;
  } 
  .rh-25{
      height: 25rem;
  }
    .rh-26{
      height: 26rem;
  }
    .rh-27{
      height: 27rem;
  }
    .rh-28{
      height: 28rem;
  }
    .rh-29{
      height: 29rem;
  }
  .rh-30{
      height: 30rem;
  }
   .rh-31{
      height: 31rem;
  }
   .rh-32{
      height: 32rem;
  }
   .rh-33{
      height: 33rem;
  }
   .rh-34{
      height: 34rem;
  }
  .rh-35{
      height: 35rem;
  }
   .rh-36{
      height: 36rem;
  }
   .rh-37{
      height: 37rem;
  }
   .rh-38{
      height: 38rem;
  }
   .rh-39{
      height: 39rem;
  }
  .rh-40{
      height: 40rem;
  }
   .rh-41{
      height: 41rem;
  }
   .rh-42{
      height: 42rem;
  }
   .rh-43{
      height: 43rem;
  }
   .rh-44{
      height: 44rem;
  }

   .rh-45{
      height: 45rem;
  }
   .rh-46{
      height: 46rem;
  }
   .rh-47{
      height: 47rem;
  }
   .rh-48{
      height: 48rem;
  }
   .rh-49{
      height: 49rem;
  }
   .rh-50{
      height: 50rem;
  }
   .rh-51{
      height: 51rem;
  }
   .rh-52{
      height: 52rem;
  }
   .rh-53{
      height: 53rem;
  }
   .rh-54{
      height: 54rem;
  }
   .rh-55{
      height: 55rem;
  }
   .rh-56{
      height: 56rem;
  }
   .rh-57{
      height: 57rem;
  }
   .rh-58{
      height: 58rem;
  }
   .rh-59{
      height: 59rem;
  }
   .rh-60{
      height: 60rem;
  }
   .rh-61{
      height: 61rem;
  }
   .rh-62{
      height: 62rem;
  }
   .rh-63{
      height: 63rem;
  }
   .rh-64{
      height: 64rem;
  }
   .rh-65{
      height: 65rem;
  }
   .rh-66{
      height: 66rem;
  }
   .rh-67{
      height: 67rem;
  }
   .rh-68{
      height: 68rem;
  }
   .rh-69{
      height: 69rem;
  }
   .rh-70{
      height: 70rem;
  }
  .rh-71{
      height: 71rem;
  }
  .rh-72{
      height: 72rem;
  }
  .rh-73{
      height: 73rem;
  }
  .rh-74{
      height: 74rem;
  }
   .rh-75{
      height: 75rem;
  }
  .rh-76{
      height: 76rem;
  }
  .rh-77{
      height: 77rem;
  }
  .rh-78{
      height: 78rem;
  }
  .rh-79{
      height: 79rem;
  }
   .rh-80{
      height: 80rem;
  }
   .rh-81{
      height: 81rem;
  }
   .rh-82{
      height: 82rem;
  }
   .rh-83{
      height: 83rem;
  }
   .rh-84{
      height: 84rem;
  }
   .rh-85{
      height: 85rem;
  }

   .rh-86{
      height: 86rem;
  }
   .rh-87{
      height: 87rem;
  }
   .rh-88{
      height: 88rem;
  }
   .rh-89{
      height: 89rem;
  }
 
  .rh-90{
      height: 90rem;
  }
   .rh-91{
      height: 91rem;
  }
   .rh-92{
      height: 92rem;
  }
   .rh-93{
      height: 93rem;
  }
   .rh-94{
      height: 94rem;
  }
  .rh-95{
      height: 95rem;
  }
   .rh-96{
      height: 96rem;
  }
   .rh-97{
      height: 97rem;
  }
   .rh-98{
      height: 98rem;
  }
   .rh-99{
      height: 99rem;
  }
  .rh-100{
      height: 100rem;
  }


  
 
.vh-2{
  height: 2vh;
}
.vh-5{
  height: 5vh;
}
.vh-10{
  height: 10vh;
}
.vh-15{
  height: 15vh;
}
.vh-20{
  height: 20vh;
}
.vh-25{
  height: 25vh;
}
.vh-30{
  height: 30vh;
}
.vh-35{
  height: 35vh;
}
.vh-40{
  height: 40vh;
}
.vh-45{
  height: 45vh;
}
.vh-50{
  height: 50vh;
}
.vh-55{
  height: 55vh;
}
.vh-60{
  height: 60vh;
}
.vh-65{
  height: 65vh;
}
.vh-70{
  height: 70vh;
}
.vh-75{
  height: 75vh;
}
.vh-80{
  height: 80vh;
}
.vh-85{
  height: 85vh;
}
.vh-90{
  height: 90vh;
}
.vh-95{
  height: 95vh;
}
.vh-100{
  height: 100vh;
}


  

 
/***************************
color
****************************/
  .text-white{
    color: white;
  }
  .text-blue{
    color: blue;
  }
  .text-black{
    color: black;
  }
  .text-red{
    color: hsl(0, 100%, 50%);
  }
  .text-tomato{
    color: tomato;
  }
  .text-darkred{
    color: #A25772;
  }
  .text-green{
    color: green;
  }
  .text-yellow{
    color: yellow;
  }
  .text-gold{
    color: gold;
  }
   
  
/***************************
margin
****************************/


.m-a {margin: auto;}
.m-1 {margin: 0.25rem;}
.m-2 {margin: 0.5rem;}
.m-3 {margin: 1rem;}
.m-4 {margin: 1.5rem;}
.m-5 {margin: 2rem;}
.m-6 {margin: 2.5rem;}
.m-7 {margin: 3rem;}
.m-8 {margin: 3.5rem;}
.m-9 {margin: 4rem;}
.m-10 {margin: 4.5rem;}
.m-11 {margin: 5rem;}

.my-1 {margin: 0.25rem 0;}
.my-2 {margin: 0.5rem 0;}
.my-3 {margin: 1rem 0;}
.my-4 {margin: 1.5rem 0;}
.my-5 {margin: 2rem 0;}
.my-6 {margin: 2.5rem 0;}
.my-7 {margin: 3rem 0;}
.my-8 {margin: 3.5rem 0;}
.my-9 {margin: 4rem 0;}
.my-10 {margin: 4.5rem 0;}
.my-11 {margin: 5rem 0;}


.mx-1 {margin: 0 0.25rem;}
.mx-2 {margin: 0 0.5rem;}
.mx-3 {margin: 0 1rem;}
.mx-4 {margin: 0 1.5rem;}
.mx-5 {margin: 0 2rem;}
.mx-6 {margin: 0 2.5rem;}
.mx-7 {margin: 0 3rem;}
.mx-8 {margin: 0 3.5rem;}
.mx-9 {margin: 0 4rem;}
.mx-10 {margin: 0 4.5rem;}
.mx-11 {margin: 0 5rem;}




.mt-1 {margin-top: 0.25rem;}
.mt-2 {margin-top: 0.5rem;}
.mt-3 {margin-top: 1rem;}
.mt-4 {margin-top: 1.5rem;}
.mt-5 {margin-top: 2rem;}
.mt-6 {margin-top: 2.5rem;}
.mt-7 {margin-top: 3rem;}
.mt-8 {margin-top: 3.5rem;}
.mt-9 {margin-top: 4rem;}
.mt-10 {margin-top: 4.5rem;}
.mt-11 {margin-top: 5rem;}
.mt-12 {margin-top: 5.5rem;}
.mt-13 {margin-top: 6rem;}
.mt-14 {margin-top: 6.5rem;}
.mt-15 {margin-top: 7rem;}
.mt-16 {margin-top: 7.5rem;}
.mt-17 {margin-top: 8rem;}
.mt-18 {margin-top: 8.5rem;}
.mt-19 {margin-top: 9rem;}
.mt-20 {margin-top: 9.5rem;}


.mb-1 {margin-bottom: 0.25rem;}
.mb-2 {margin-bottom: 0.5rem;}
.mb-3 {margin-bottom: 1rem;}
.mb-4 {margin-bottom: 1.5rem;}
.mb-5 {margin-bottom: 2rem;}
.mb-6 {margin-bottom: 2.5rem;}
.mb-7 {margin-bottom: 3rem;}
.mb-8 {margin-bottom: 3.5rem;}
.mb-9 {margin-bottom: 4rem;}
.mb-10 {margin-bottom: 4.5rem;}
.mb-11 {margin-bottom: 5rem;}


.ml-1 {margin-left: 0.25rem;}
.ml-2 {margin-left: 0.5rem;}
.ml-3 {margin-left: 1rem;}
.ml-4 {margin-left: 1.5rem;}
.ml-5 {margin-left: 2rem;}
.ml-6 {margin-left: 2.5rem;}
.ml-7 {margin-left: 3rem;}
.ml-8 {margin-left: 3.5rem;}
.ml-9 {margin-left: 4rem;}
.ml-10 {margin-left: 4.5rem;}
.ml-11 {margin-left: 5rem;}


.mr-1 {margin-right: 0.25rem;}
.mr-2 {margin-right: 0.5rem;}
.mr-3 {margin-right: 1rem;}
.mr-4 {margin-right: 1.5rem;}
.mr-5 {margin-right: 2rem;}
.mr-6 {margin-right: 2.5rem;}
.mr-7 {margin-right: 3rem;}
.mr-8 {margin-right: 3.5rem;}
.mr-9 {margin-right: 4rem;}
.mr-10 {margin-right: 4.5rem;}
.mr-11 {margin-right: 5rem;}


/***************************
padding
****************************/
.p-0 {padding: 0px;}
.p-1 {padding: 0.25rem;}
.p-2 {padding: 0.5rem;}
.p-3 {padding: 1rem;}
.p-4 {padding: 1.5rem;}
.p-5 {padding: 2rem;}
.p-6 {padding: 2.5rem;}
.p-7 {padding: 3rem;}
.p-8 {padding: 3.5rem;}
.p-9 {padding: 4rem;}
.p-10 {padding: 4.5rem;}
.p-11 {padding: 5rem;}



.py-1 {padding: 0.25rem 0;}
.py-2 {padding: 0.5rem 0;}
.py-3 {padding: 1rem 0;}
.py-4 {padding: 1.5rem 0;}
.py-5 {padding: 2rem 0;}
.py-6 {padding: 2.5rem 0;}
.py-7 {padding: 3rem 0;}
.py-8 {padding: 3.5rem 0;}
.py-9 {padding: 4rem 0;}
.py-10{padding: 4.5rem 0;}
.py-11{padding: 5rem 0;}


.px-1 {padding: 0 0.25rem;}
.px-2 {padding: 0 0.5rem;}
.px-3 {padding: 0 1rem;}
.px-4 {padding: 0 1.5rem;}
.px-5 {padding: 0 2rem;}
.px-6 {padding: 0 2.5rem;}
.px-7 {padding: 0 3rem;}
.px-8 {padding: 0 3.5rem;}
.px-9 {padding: 0 4rem;}
.px-10 {padding: 0 4.5rem;}
.px-11 {padding: 0 5rem;}

.pt-0 {padding-top: 0px;}
.pt-1 {padding-top: 0.25rem;}
.pt-2 {padding-top: 0.5rem;}
.pt-3 {padding-top: 1rem;}
.pt-4 {padding-top: 1.5rem;}
.pt-5 {padding-top: 2rem;}
.pt-6 {padding-top: 2.5rem;}
.pt-7 {padding-top: 3rem;}
.pt-8 {padding-top: 3.5rem;}
.pt-9 {padding-top: 4rem;}
.pt-10 {padding-top: 4.5rem;}
.pt-11 {padding-top: 5rem;}

.pt-12 {padding-top: 5.5rem;}
.pt-13 {padding-top: 6rem;}
.pt-14 {padding-top: 6.5rem;}
.pt-15 {padding-top: 7rem;}
.pt-16 {padding-top: 7.5rem;}
.pt-17 {padding-top: 8rem;}
.pt-18 {padding-top: 8.5rem;}
.pt-19 {padding-top: 9rem;}
.pt-20 {padding-top: 9.5rem;}



.pb-0 {padding-bottom: 0px;}
.pb-1 {padding-bottom: 0.25rem;}
.pb-2 {padding-bottom: 0.5rem;}
.pb-3 {padding-bottom: 1rem;}
.pb-4 {padding-bottom: 1.5rem;}
.pb-5 {padding-bottom: 2rem;}
.pb-6 {padding-bottom: 2.5rem;}
.pb-7 {padding-bottom: 3rem;}
.pb-8 {padding-bottom: 3.5rem;}
.pb-9 {padding-bottom: 4rem;}
.pb-10{padding-bottom: 4.5rem;}
.pb-11{padding-bottom: 5rem;}



.pl-0 {padding-left: 0px;}
.pl-1 {padding-left: 0.25rem;}
.pl-2 {padding-left: 0.5rem;}
.pl-3 {padding-left: 1rem;}
.pl-4 {padding-left: 1.5rem;}
.pl-5 {padding-left: 2rem;}
.pl-6 {padding-left: 2.5rem;}
.pl-7 {padding-left: 3rem;}
.pl-8 {padding-left: 3.5rem;}
.pl-9 {padding-left: 4rem;}
.pl-10{padding-left: 4.5rem;}
.pl-11{padding-left: 5rem;}


.pr-0 {padding-right: 0px;}
.pr-1 {padding-right: 0.25rem;}
.pr-2 {padding-right: 0.5rem;}
.pr-3 {padding-right: 1rem;}
.pr-4 {padding-right: 1.5rem;}
.pr-5 {padding-right: 2rem;}
.pr-6 {padding-right: 2.5rem;}
.pr-7 {padding-right: 3rem;}
.pr-8 {padding-right: 3.5rem;}
.pr-9 {padding-right: 4rem;}
.pr-10{padding-right: 4.5rem;}
.pr-11{padding-right: 5rem;}




.ftw-700{
  font-weight: 700;
}
.ftw-800{
  font-weight: 800;
}
.ftw-900{
  font-weight: 900;
}

/* fontsize  */
.fts-1 {font-size: 12px;}
.fts-2 {font-size: 14px;}
.fts-3 {font-size: 16px;}
.fts-4 {font-size: 18px;}
.fts-5 {font-size: 20px;}
.fts-6 {font-size: 22px;}
.fts-7 {font-size: 24px;}
.fts-8 {font-size: 26px;}
.fts-9 {font-size: 28px;}
.fts-10 {font-size: 30px;}
.fts-11 {font-size: 32px;}
.fts-12 {font-size: 36px;}
.fts-13 {font-size: 40px;}
.fts-14 {font-size: 44px;}
.fts-15 {font-size: 48px;}
.fts-16 {font-size: 52px;}
.fts-17 {font-size: 56px;}
.fts-18 {font-size: 60px;}
.fts-19 {font-size: 64px;}
.fts-20 {font-size: 68px;}
.fts-21 {font-size: 72px;}



/* border radius  */

.bdr-5 {border-radius: 5px;}
.bdr-10 {border-radius: 10px;}
.bdr-20 {border-radius: 20px;}
.bdr-30 {border-radius: 30px;}
.bdr-40 {border-radius: 40px;}
.bdr-50 {border-radius: 50px;}
.bdr-60 {border-radius: 60px;}
.bdr-70 {border-radius: 70px;}
.bdr-80 {border-radius: 80px;}


.card-container {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin:auto;
}

.card-items {
  flex: 1 1 40%;
  padding: 20px;
  margin: 10px;
  
  text-align: center;
  box-sizing: border-box;
}
 


.border-none{
  border: none;
}


.input-border-none{
  outline: none;
  border: none;
}

.border-black2{
  border: 2px solid black;
}

.border-blue2{
  border: 2px solid blue;
}

.border-white2{
  border: 2px solid white;
}

.border-red2{
  border: 2px solid red;
}