@import url("https://fonts.googleapis.com/css2?family=Almarai:wght@300;400;700;800&display=swap");
.w-auto {
  width: auto !important;
}

.h-auto {
  height: auto !important;
}

.d-flex {
  display: flex;
}

.justify-content-center {
  justify-content: center !important;
}

.justify-content-right {
  justify-content: right !important;
}

.justify-content-left {
  justify-content: left !important;
}

.justify-content-space-between {
  justify-content: space-between;
}

.justify-content-space-evenly {
  justify-content: space-evenly;
}

.align-items-baseline {
  align-items: baseline;
}

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

.text-center {
  text-align: center;
}

.text-right {
  text-align: right !important;
}

.text-left {
  text-align: left !important;
}

.position-relative {
  position: relative;
}

img {
  max-width: 100%;
  height: 100%;
}

.flex-wrap-nowrap {
  flex-wrap: nowrap;
}

.flex-wrap-wrap {
  flex-wrap: wrap;
}

.align-self-center {
  align-self: center;
}

.d-block {
  display: block;
}

.d-inline {
  display: inline;
}

.w-0 {
  width: 0%;
}

.f-0 {
  flex: 0 0 0%;
}

.h-0 {
  height: 0%;
}

.p-0 {
  padding: 0%;
}

.m-0 {
  margin: 0%;
}

.mt-0 {
  margin-top: 0%;
}

.mb-0 {
  margin-bottom: 0%;
}

.ml-0 {
  margin-left: 0%;
}

.mr-0 {
  margin-right: 0%;
}

.pt-0 {
  padding-top: 0%;
}

.pr-0 {
  padding-right: 0%;
}

.pb-0 {
  padding-bottom: 0%;
}

.pl-0 {
  padding-left: 0%;
}

.mr-0 {
  margin-right: 0%;
}

.br-0 {
  border-radius: 0%;
}

.z-index-0 {
  z-index: 0;
}

.w-1 {
  width: 1%;
}

.f-1 {
  flex: 0 0 1%;
}

.h-1 {
  height: 1%;
}

.p-1 {
  padding: 1%;
}

.m-1 {
  margin: 1%;
}

.mt-1 {
  margin-top: 1%;
}

.mb-1 {
  margin-bottom: 1%;
}

.ml-1 {
  margin-left: 1%;
}

.mr-1 {
  margin-right: 1%;
}

.pt-1 {
  padding-top: 1%;
}

.pr-1 {
  padding-right: 1%;
}

.pb-1 {
  padding-bottom: 1%;
}

.pl-1 {
  padding-left: 1%;
}

.mr-1 {
  margin-right: 1%;
}

.br-1 {
  border-radius: 1%;
}

.z-index-1 {
  z-index: 1;
}

.w-2 {
  width: 2%;
}

.f-2 {
  flex: 0 0 2%;
}

.h-2 {
  height: 2%;
}

.p-2 {
  padding: 2%;
}

.m-2 {
  margin: 2%;
}

.mt-2 {
  margin-top: 2%;
}

.mb-2 {
  margin-bottom: 2%;
}

.ml-2 {
  margin-left: 2%;
}

.mr-2 {
  margin-right: 2%;
}

.pt-2 {
  padding-top: 2%;
}

.pr-2 {
  padding-right: 2%;
}

.pb-2 {
  padding-bottom: 2%;
}

.pl-2 {
  padding-left: 2%;
}

.mr-2 {
  margin-right: 2%;
}

.br-2 {
  border-radius: 2%;
}

.z-index-2 {
  z-index: 2;
}

.w-3 {
  width: 3%;
}

.f-3 {
  flex: 0 0 3%;
}

.h-3 {
  height: 3%;
}

.p-3 {
  padding: 3%;
}

.m-3 {
  margin: 3%;
}

.mt-3 {
  margin-top: 3%;
}

.mb-3 {
  margin-bottom: 3%;
}

.ml-3 {
  margin-left: 3%;
}

.mr-3 {
  margin-right: 3%;
}

.pt-3 {
  padding-top: 3%;
}

.pr-3 {
  padding-right: 3%;
}

.pb-3 {
  padding-bottom: 3%;
}

.pl-3 {
  padding-left: 3%;
}

.mr-3 {
  margin-right: 3%;
}

.br-3 {
  border-radius: 3%;
}

.z-index-3 {
  z-index: 3;
}

.w-4 {
  width: 4%;
}

.f-4 {
  flex: 0 0 4%;
}

.h-4 {
  height: 4%;
}

.p-4 {
  padding: 4%;
}

.m-4 {
  margin: 4%;
}

.mt-4 {
  margin-top: 4%;
}

.mb-4 {
  margin-bottom: 4%;
}

.ml-4 {
  margin-left: 4%;
}

.mr-4 {
  margin-right: 4%;
}

.pt-4 {
  padding-top: 4%;
}

.pr-4 {
  padding-right: 4%;
}

.pb-4 {
  padding-bottom: 4%;
}

.pl-4 {
  padding-left: 4%;
}

.mr-4 {
  margin-right: 4%;
}

.br-4 {
  border-radius: 4%;
}

.z-index-4 {
  z-index: 4;
}

.w-5 {
  width: 5%;
}

.f-5 {
  flex: 0 0 5%;
}

.h-5 {
  height: 5%;
}

.p-5 {
  padding: 5%;
}

.m-5 {
  margin: 5%;
}

.mt-5 {
  margin-top: 5%;
}

.mb-5 {
  margin-bottom: 5%;
}

.ml-5 {
  margin-left: 5%;
}

.mr-5 {
  margin-right: 5%;
}

.pt-5 {
  padding-top: 5%;
}

.pr-5 {
  padding-right: 5%;
}

.pb-5 {
  padding-bottom: 5%;
}

.pl-5 {
  padding-left: 5%;
}

.mr-5 {
  margin-right: 5%;
}

.br-5 {
  border-radius: 5%;
}

.z-index-5 {
  z-index: 5;
}

.w-6 {
  width: 6%;
}

.f-6 {
  flex: 0 0 6%;
}

.h-6 {
  height: 6%;
}

.p-6 {
  padding: 6%;
}

.m-6 {
  margin: 6%;
}

.mt-6 {
  margin-top: 6%;
}

.mb-6 {
  margin-bottom: 6%;
}

.ml-6 {
  margin-left: 6%;
}

.mr-6 {
  margin-right: 6%;
}

.pt-6 {
  padding-top: 6%;
}

.pr-6 {
  padding-right: 6%;
}

.pb-6 {
  padding-bottom: 6%;
}

.pl-6 {
  padding-left: 6%;
}

.mr-6 {
  margin-right: 6%;
}

.br-6 {
  border-radius: 6%;
}

.z-index-6 {
  z-index: 6;
}

.w-7 {
  width: 7%;
}

.f-7 {
  flex: 0 0 7%;
}

.h-7 {
  height: 7%;
}

.p-7 {
  padding: 7%;
}

.m-7 {
  margin: 7%;
}

.mt-7 {
  margin-top: 7%;
}

.mb-7 {
  margin-bottom: 7%;
}

.ml-7 {
  margin-left: 7%;
}

.mr-7 {
  margin-right: 7%;
}

.pt-7 {
  padding-top: 7%;
}

.pr-7 {
  padding-right: 7%;
}

.pb-7 {
  padding-bottom: 7%;
}

.pl-7 {
  padding-left: 7%;
}

.mr-7 {
  margin-right: 7%;
}

.br-7 {
  border-radius: 7%;
}

.z-index-7 {
  z-index: 7;
}

.w-8 {
  width: 8%;
}

.f-8 {
  flex: 0 0 8%;
}

.h-8 {
  height: 8%;
}

.p-8 {
  padding: 8%;
}

.m-8 {
  margin: 8%;
}

.mt-8 {
  margin-top: 8%;
}

.mb-8 {
  margin-bottom: 8%;
}

.ml-8 {
  margin-left: 8%;
}

.mr-8 {
  margin-right: 8%;
}

.pt-8 {
  padding-top: 8%;
}

.pr-8 {
  padding-right: 8%;
}

.pb-8 {
  padding-bottom: 8%;
}

.pl-8 {
  padding-left: 8%;
}

.mr-8 {
  margin-right: 8%;
}

.br-8 {
  border-radius: 8%;
}

.z-index-8 {
  z-index: 8;
}

.w-9 {
  width: 9%;
}

.f-9 {
  flex: 0 0 9%;
}

.h-9 {
  height: 9%;
}

.p-9 {
  padding: 9%;
}

.m-9 {
  margin: 9%;
}

.mt-9 {
  margin-top: 9%;
}

.mb-9 {
  margin-bottom: 9%;
}

.ml-9 {
  margin-left: 9%;
}

.mr-9 {
  margin-right: 9%;
}

.pt-9 {
  padding-top: 9%;
}

.pr-9 {
  padding-right: 9%;
}

.pb-9 {
  padding-bottom: 9%;
}

.pl-9 {
  padding-left: 9%;
}

.mr-9 {
  margin-right: 9%;
}

.br-9 {
  border-radius: 9%;
}

.z-index-9 {
  z-index: 9;
}

.w-10 {
  width: 10%;
}

.f-10 {
  flex: 0 0 10%;
}

.h-10 {
  height: 10%;
}

.p-10 {
  padding: 10%;
}

.m-10 {
  margin: 10%;
}

.mt-10 {
  margin-top: 10%;
}

.mb-10 {
  margin-bottom: 10%;
}

.ml-10 {
  margin-left: 10%;
}

.mr-10 {
  margin-right: 10%;
}

.pt-10 {
  padding-top: 10%;
}

.pr-10 {
  padding-right: 10%;
}

.pb-10 {
  padding-bottom: 10%;
}

.pl-10 {
  padding-left: 10%;
}

.mr-10 {
  margin-right: 10%;
}

.br-10 {
  border-radius: 10%;
}

.z-index-10 {
  z-index: 10;
}

.w-11 {
  width: 11%;
}

.f-11 {
  flex: 0 0 11%;
}

.h-11 {
  height: 11%;
}

.p-11 {
  padding: 11%;
}

.m-11 {
  margin: 11%;
}

.mt-11 {
  margin-top: 11%;
}

.mb-11 {
  margin-bottom: 11%;
}

.ml-11 {
  margin-left: 11%;
}

.mr-11 {
  margin-right: 11%;
}

.pt-11 {
  padding-top: 11%;
}

.pr-11 {
  padding-right: 11%;
}

.pb-11 {
  padding-bottom: 11%;
}

.pl-11 {
  padding-left: 11%;
}

.mr-11 {
  margin-right: 11%;
}

.br-11 {
  border-radius: 11%;
}

.z-index-11 {
  z-index: 11;
}

.w-12 {
  width: 12%;
}

.f-12 {
  flex: 0 0 12%;
}

.h-12 {
  height: 12%;
}

.p-12 {
  padding: 12%;
}

.m-12 {
  margin: 12%;
}

.mt-12 {
  margin-top: 12%;
}

.mb-12 {
  margin-bottom: 12%;
}

.ml-12 {
  margin-left: 12%;
}

.mr-12 {
  margin-right: 12%;
}

.pt-12 {
  padding-top: 12%;
}

.pr-12 {
  padding-right: 12%;
}

.pb-12 {
  padding-bottom: 12%;
}

.pl-12 {
  padding-left: 12%;
}

.mr-12 {
  margin-right: 12%;
}

.br-12 {
  border-radius: 12%;
}

.z-index-12 {
  z-index: 12;
}

.w-13 {
  width: 13%;
}

.f-13 {
  flex: 0 0 13%;
}

.h-13 {
  height: 13%;
}

.p-13 {
  padding: 13%;
}

.m-13 {
  margin: 13%;
}

.mt-13 {
  margin-top: 13%;
}

.mb-13 {
  margin-bottom: 13%;
}

.ml-13 {
  margin-left: 13%;
}

.mr-13 {
  margin-right: 13%;
}

.pt-13 {
  padding-top: 13%;
}

.pr-13 {
  padding-right: 13%;
}

.pb-13 {
  padding-bottom: 13%;
}

.pl-13 {
  padding-left: 13%;
}

.mr-13 {
  margin-right: 13%;
}

.br-13 {
  border-radius: 13%;
}

.z-index-13 {
  z-index: 13;
}

.w-14 {
  width: 14%;
}

.f-14 {
  flex: 0 0 14%;
}

.h-14 {
  height: 14%;
}

.p-14 {
  padding: 14%;
}

.m-14 {
  margin: 14%;
}

.mt-14 {
  margin-top: 14%;
}

.mb-14 {
  margin-bottom: 14%;
}

.ml-14 {
  margin-left: 14%;
}

.mr-14 {
  margin-right: 14%;
}

.pt-14 {
  padding-top: 14%;
}

.pr-14 {
  padding-right: 14%;
}

.pb-14 {
  padding-bottom: 14%;
}

.pl-14 {
  padding-left: 14%;
}

.mr-14 {
  margin-right: 14%;
}

.br-14 {
  border-radius: 14%;
}

.z-index-14 {
  z-index: 14;
}

.w-15 {
  width: 15%;
}

.f-15 {
  flex: 0 0 15%;
}

.h-15 {
  height: 15%;
}

.p-15 {
  padding: 15%;
}

.m-15 {
  margin: 15%;
}

.mt-15 {
  margin-top: 15%;
}

.mb-15 {
  margin-bottom: 15%;
}

.ml-15 {
  margin-left: 15%;
}

.mr-15 {
  margin-right: 15%;
}

.pt-15 {
  padding-top: 15%;
}

.pr-15 {
  padding-right: 15%;
}

.pb-15 {
  padding-bottom: 15%;
}

.pl-15 {
  padding-left: 15%;
}

.mr-15 {
  margin-right: 15%;
}

.br-15 {
  border-radius: 15%;
}

.z-index-15 {
  z-index: 15;
}

.w-16 {
  width: 16%;
}

.f-16 {
  flex: 0 0 16%;
}

.h-16 {
  height: 16%;
}

.p-16 {
  padding: 16%;
}

.m-16 {
  margin: 16%;
}

.mt-16 {
  margin-top: 16%;
}

.mb-16 {
  margin-bottom: 16%;
}

.ml-16 {
  margin-left: 16%;
}

.mr-16 {
  margin-right: 16%;
}

.pt-16 {
  padding-top: 16%;
}

.pr-16 {
  padding-right: 16%;
}

.pb-16 {
  padding-bottom: 16%;
}

.pl-16 {
  padding-left: 16%;
}

.mr-16 {
  margin-right: 16%;
}

.br-16 {
  border-radius: 16%;
}

.z-index-16 {
  z-index: 16;
}

.w-17 {
  width: 17%;
}

.f-17 {
  flex: 0 0 17%;
}

.h-17 {
  height: 17%;
}

.p-17 {
  padding: 17%;
}

.m-17 {
  margin: 17%;
}

.mt-17 {
  margin-top: 17%;
}

.mb-17 {
  margin-bottom: 17%;
}

.ml-17 {
  margin-left: 17%;
}

.mr-17 {
  margin-right: 17%;
}

.pt-17 {
  padding-top: 17%;
}

.pr-17 {
  padding-right: 17%;
}

.pb-17 {
  padding-bottom: 17%;
}

.pl-17 {
  padding-left: 17%;
}

.mr-17 {
  margin-right: 17%;
}

.br-17 {
  border-radius: 17%;
}

.z-index-17 {
  z-index: 17;
}

.w-18 {
  width: 18%;
}

.f-18 {
  flex: 0 0 18%;
}

.h-18 {
  height: 18%;
}

.p-18 {
  padding: 18%;
}

.m-18 {
  margin: 18%;
}

.mt-18 {
  margin-top: 18%;
}

.mb-18 {
  margin-bottom: 18%;
}

.ml-18 {
  margin-left: 18%;
}

.mr-18 {
  margin-right: 18%;
}

.pt-18 {
  padding-top: 18%;
}

.pr-18 {
  padding-right: 18%;
}

.pb-18 {
  padding-bottom: 18%;
}

.pl-18 {
  padding-left: 18%;
}

.mr-18 {
  margin-right: 18%;
}

.br-18 {
  border-radius: 18%;
}

.z-index-18 {
  z-index: 18;
}

.w-19 {
  width: 19%;
}

.f-19 {
  flex: 0 0 19%;
}

.h-19 {
  height: 19%;
}

.p-19 {
  padding: 19%;
}

.m-19 {
  margin: 19%;
}

.mt-19 {
  margin-top: 19%;
}

.mb-19 {
  margin-bottom: 19%;
}

.ml-19 {
  margin-left: 19%;
}

.mr-19 {
  margin-right: 19%;
}

.pt-19 {
  padding-top: 19%;
}

.pr-19 {
  padding-right: 19%;
}

.pb-19 {
  padding-bottom: 19%;
}

.pl-19 {
  padding-left: 19%;
}

.mr-19 {
  margin-right: 19%;
}

.br-19 {
  border-radius: 19%;
}

.z-index-19 {
  z-index: 19;
}

.w-20 {
  width: 20%;
}

.f-20 {
  flex: 0 0 20%;
}

.h-20 {
  height: 20%;
}

.p-20 {
  padding: 20%;
}

.m-20 {
  margin: 20%;
}

.mt-20 {
  margin-top: 20%;
}

.mb-20 {
  margin-bottom: 20%;
}

.ml-20 {
  margin-left: 20%;
}

.mr-20 {
  margin-right: 20%;
}

.pt-20 {
  padding-top: 20%;
}

.pr-20 {
  padding-right: 20%;
}

.pb-20 {
  padding-bottom: 20%;
}

.pl-20 {
  padding-left: 20%;
}

.mr-20 {
  margin-right: 20%;
}

.br-20 {
  border-radius: 20%;
}

.z-index-20 {
  z-index: 20;
}

.w-21 {
  width: 21%;
}

.f-21 {
  flex: 0 0 21%;
}

.h-21 {
  height: 21%;
}

.p-21 {
  padding: 21%;
}

.m-21 {
  margin: 21%;
}

.mt-21 {
  margin-top: 21%;
}

.mb-21 {
  margin-bottom: 21%;
}

.ml-21 {
  margin-left: 21%;
}

.mr-21 {
  margin-right: 21%;
}

.pt-21 {
  padding-top: 21%;
}

.pr-21 {
  padding-right: 21%;
}

.pb-21 {
  padding-bottom: 21%;
}

.pl-21 {
  padding-left: 21%;
}

.mr-21 {
  margin-right: 21%;
}

.br-21 {
  border-radius: 21%;
}

.z-index-21 {
  z-index: 21;
}

.w-22 {
  width: 22%;
}

.f-22 {
  flex: 0 0 22%;
}

.h-22 {
  height: 22%;
}

.p-22 {
  padding: 22%;
}

.m-22 {
  margin: 22%;
}

.mt-22 {
  margin-top: 22%;
}

.mb-22 {
  margin-bottom: 22%;
}

.ml-22 {
  margin-left: 22%;
}

.mr-22 {
  margin-right: 22%;
}

.pt-22 {
  padding-top: 22%;
}

.pr-22 {
  padding-right: 22%;
}

.pb-22 {
  padding-bottom: 22%;
}

.pl-22 {
  padding-left: 22%;
}

.mr-22 {
  margin-right: 22%;
}

.br-22 {
  border-radius: 22%;
}

.z-index-22 {
  z-index: 22;
}

.w-23 {
  width: 23%;
}

.f-23 {
  flex: 0 0 23%;
}

.h-23 {
  height: 23%;
}

.p-23 {
  padding: 23%;
}

.m-23 {
  margin: 23%;
}

.mt-23 {
  margin-top: 23%;
}

.mb-23 {
  margin-bottom: 23%;
}

.ml-23 {
  margin-left: 23%;
}

.mr-23 {
  margin-right: 23%;
}

.pt-23 {
  padding-top: 23%;
}

.pr-23 {
  padding-right: 23%;
}

.pb-23 {
  padding-bottom: 23%;
}

.pl-23 {
  padding-left: 23%;
}

.mr-23 {
  margin-right: 23%;
}

.br-23 {
  border-radius: 23%;
}

.z-index-23 {
  z-index: 23;
}

.w-24 {
  width: 24%;
}

.f-24 {
  flex: 0 0 24%;
}

.h-24 {
  height: 24%;
}

.p-24 {
  padding: 24%;
}

.m-24 {
  margin: 24%;
}

.mt-24 {
  margin-top: 24%;
}

.mb-24 {
  margin-bottom: 24%;
}

.ml-24 {
  margin-left: 24%;
}

.mr-24 {
  margin-right: 24%;
}

.pt-24 {
  padding-top: 24%;
}

.pr-24 {
  padding-right: 24%;
}

.pb-24 {
  padding-bottom: 24%;
}

.pl-24 {
  padding-left: 24%;
}

.mr-24 {
  margin-right: 24%;
}

.br-24 {
  border-radius: 24%;
}

.z-index-24 {
  z-index: 24;
}

.w-25 {
  width: 25%;
}

.f-25 {
  flex: 0 0 25%;
}

.h-25 {
  height: 25%;
}

.p-25 {
  padding: 25%;
}

.m-25 {
  margin: 25%;
}

.mt-25 {
  margin-top: 25%;
}

.mb-25 {
  margin-bottom: 25%;
}

.ml-25 {
  margin-left: 25%;
}

.mr-25 {
  margin-right: 25%;
}

.pt-25 {
  padding-top: 25%;
}

.pr-25 {
  padding-right: 25%;
}

.pb-25 {
  padding-bottom: 25%;
}

.pl-25 {
  padding-left: 25%;
}

.mr-25 {
  margin-right: 25%;
}

.br-25 {
  border-radius: 25%;
}

.z-index-25 {
  z-index: 25;
}

.w-26 {
  width: 26%;
}

.f-26 {
  flex: 0 0 26%;
}

.h-26 {
  height: 26%;
}

.p-26 {
  padding: 26%;
}

.m-26 {
  margin: 26%;
}

.mt-26 {
  margin-top: 26%;
}

.mb-26 {
  margin-bottom: 26%;
}

.ml-26 {
  margin-left: 26%;
}

.mr-26 {
  margin-right: 26%;
}

.pt-26 {
  padding-top: 26%;
}

.pr-26 {
  padding-right: 26%;
}

.pb-26 {
  padding-bottom: 26%;
}

.pl-26 {
  padding-left: 26%;
}

.mr-26 {
  margin-right: 26%;
}

.br-26 {
  border-radius: 26%;
}

.z-index-26 {
  z-index: 26;
}

.w-27 {
  width: 27%;
}

.f-27 {
  flex: 0 0 27%;
}

.h-27 {
  height: 27%;
}

.p-27 {
  padding: 27%;
}

.m-27 {
  margin: 27%;
}

.mt-27 {
  margin-top: 27%;
}

.mb-27 {
  margin-bottom: 27%;
}

.ml-27 {
  margin-left: 27%;
}

.mr-27 {
  margin-right: 27%;
}

.pt-27 {
  padding-top: 27%;
}

.pr-27 {
  padding-right: 27%;
}

.pb-27 {
  padding-bottom: 27%;
}

.pl-27 {
  padding-left: 27%;
}

.mr-27 {
  margin-right: 27%;
}

.br-27 {
  border-radius: 27%;
}

.z-index-27 {
  z-index: 27;
}

.w-28 {
  width: 28%;
}

.f-28 {
  flex: 0 0 28%;
}

.h-28 {
  height: 28%;
}

.p-28 {
  padding: 28%;
}

.m-28 {
  margin: 28%;
}

.mt-28 {
  margin-top: 28%;
}

.mb-28 {
  margin-bottom: 28%;
}

.ml-28 {
  margin-left: 28%;
}

.mr-28 {
  margin-right: 28%;
}

.pt-28 {
  padding-top: 28%;
}

.pr-28 {
  padding-right: 28%;
}

.pb-28 {
  padding-bottom: 28%;
}

.pl-28 {
  padding-left: 28%;
}

.mr-28 {
  margin-right: 28%;
}

.br-28 {
  border-radius: 28%;
}

.z-index-28 {
  z-index: 28;
}

.w-29 {
  width: 29%;
}

.f-29 {
  flex: 0 0 29%;
}

.h-29 {
  height: 29%;
}

.p-29 {
  padding: 29%;
}

.m-29 {
  margin: 29%;
}

.mt-29 {
  margin-top: 29%;
}

.mb-29 {
  margin-bottom: 29%;
}

.ml-29 {
  margin-left: 29%;
}

.mr-29 {
  margin-right: 29%;
}

.pt-29 {
  padding-top: 29%;
}

.pr-29 {
  padding-right: 29%;
}

.pb-29 {
  padding-bottom: 29%;
}

.pl-29 {
  padding-left: 29%;
}

.mr-29 {
  margin-right: 29%;
}

.br-29 {
  border-radius: 29%;
}

.z-index-29 {
  z-index: 29;
}

.w-30 {
  width: 30%;
}

.f-30 {
  flex: 0 0 30%;
}

.h-30 {
  height: 30%;
}

.p-30 {
  padding: 30%;
}

.m-30 {
  margin: 30%;
}

.mt-30 {
  margin-top: 30%;
}

.mb-30 {
  margin-bottom: 30%;
}

.ml-30 {
  margin-left: 30%;
}

.mr-30 {
  margin-right: 30%;
}

.pt-30 {
  padding-top: 30%;
}

.pr-30 {
  padding-right: 30%;
}

.pb-30 {
  padding-bottom: 30%;
}

.pl-30 {
  padding-left: 30%;
}

.mr-30 {
  margin-right: 30%;
}

.br-30 {
  border-radius: 30%;
}

.z-index-30 {
  z-index: 30;
}

.w-31 {
  width: 31%;
}

.f-31 {
  flex: 0 0 31%;
}

.h-31 {
  height: 31%;
}

.p-31 {
  padding: 31%;
}

.m-31 {
  margin: 31%;
}

.mt-31 {
  margin-top: 31%;
}

.mb-31 {
  margin-bottom: 31%;
}

.ml-31 {
  margin-left: 31%;
}

.mr-31 {
  margin-right: 31%;
}

.pt-31 {
  padding-top: 31%;
}

.pr-31 {
  padding-right: 31%;
}

.pb-31 {
  padding-bottom: 31%;
}

.pl-31 {
  padding-left: 31%;
}

.mr-31 {
  margin-right: 31%;
}

.br-31 {
  border-radius: 31%;
}

.z-index-31 {
  z-index: 31;
}

.w-32 {
  width: 32%;
}

.f-32 {
  flex: 0 0 32%;
}

.h-32 {
  height: 32%;
}

.p-32 {
  padding: 32%;
}

.m-32 {
  margin: 32%;
}

.mt-32 {
  margin-top: 32%;
}

.mb-32 {
  margin-bottom: 32%;
}

.ml-32 {
  margin-left: 32%;
}

.mr-32 {
  margin-right: 32%;
}

.pt-32 {
  padding-top: 32%;
}

.pr-32 {
  padding-right: 32%;
}

.pb-32 {
  padding-bottom: 32%;
}

.pl-32 {
  padding-left: 32%;
}

.mr-32 {
  margin-right: 32%;
}

.br-32 {
  border-radius: 32%;
}

.z-index-32 {
  z-index: 32;
}

.w-33 {
  width: 33%;
}

.f-33 {
  flex: 0 0 33%;
}

.h-33 {
  height: 33%;
}

.p-33 {
  padding: 33%;
}

.m-33 {
  margin: 33%;
}

.mt-33 {
  margin-top: 33%;
}

.mb-33 {
  margin-bottom: 33%;
}

.ml-33 {
  margin-left: 33%;
}

.mr-33 {
  margin-right: 33%;
}

.pt-33 {
  padding-top: 33%;
}

.pr-33 {
  padding-right: 33%;
}

.pb-33 {
  padding-bottom: 33%;
}

.pl-33 {
  padding-left: 33%;
}

.mr-33 {
  margin-right: 33%;
}

.br-33 {
  border-radius: 33%;
}

.z-index-33 {
  z-index: 33;
}

.w-34 {
  width: 34%;
}

.f-34 {
  flex: 0 0 34%;
}

.h-34 {
  height: 34%;
}

.p-34 {
  padding: 34%;
}

.m-34 {
  margin: 34%;
}

.mt-34 {
  margin-top: 34%;
}

.mb-34 {
  margin-bottom: 34%;
}

.ml-34 {
  margin-left: 34%;
}

.mr-34 {
  margin-right: 34%;
}

.pt-34 {
  padding-top: 34%;
}

.pr-34 {
  padding-right: 34%;
}

.pb-34 {
  padding-bottom: 34%;
}

.pl-34 {
  padding-left: 34%;
}

.mr-34 {
  margin-right: 34%;
}

.br-34 {
  border-radius: 34%;
}

.z-index-34 {
  z-index: 34;
}

.w-35 {
  width: 35%;
}

.f-35 {
  flex: 0 0 35%;
}

.h-35 {
  height: 35%;
}

.p-35 {
  padding: 35%;
}

.m-35 {
  margin: 35%;
}

.mt-35 {
  margin-top: 35%;
}

.mb-35 {
  margin-bottom: 35%;
}

.ml-35 {
  margin-left: 35%;
}

.mr-35 {
  margin-right: 35%;
}

.pt-35 {
  padding-top: 35%;
}

.pr-35 {
  padding-right: 35%;
}

.pb-35 {
  padding-bottom: 35%;
}

.pl-35 {
  padding-left: 35%;
}

.mr-35 {
  margin-right: 35%;
}

.br-35 {
  border-radius: 35%;
}

.z-index-35 {
  z-index: 35;
}

.w-36 {
  width: 36%;
}

.f-36 {
  flex: 0 0 36%;
}

.h-36 {
  height: 36%;
}

.p-36 {
  padding: 36%;
}

.m-36 {
  margin: 36%;
}

.mt-36 {
  margin-top: 36%;
}

.mb-36 {
  margin-bottom: 36%;
}

.ml-36 {
  margin-left: 36%;
}

.mr-36 {
  margin-right: 36%;
}

.pt-36 {
  padding-top: 36%;
}

.pr-36 {
  padding-right: 36%;
}

.pb-36 {
  padding-bottom: 36%;
}

.pl-36 {
  padding-left: 36%;
}

.mr-36 {
  margin-right: 36%;
}

.br-36 {
  border-radius: 36%;
}

.z-index-36 {
  z-index: 36;
}

.w-37 {
  width: 37%;
}

.f-37 {
  flex: 0 0 37%;
}

.h-37 {
  height: 37%;
}

.p-37 {
  padding: 37%;
}

.m-37 {
  margin: 37%;
}

.mt-37 {
  margin-top: 37%;
}

.mb-37 {
  margin-bottom: 37%;
}

.ml-37 {
  margin-left: 37%;
}

.mr-37 {
  margin-right: 37%;
}

.pt-37 {
  padding-top: 37%;
}

.pr-37 {
  padding-right: 37%;
}

.pb-37 {
  padding-bottom: 37%;
}

.pl-37 {
  padding-left: 37%;
}

.mr-37 {
  margin-right: 37%;
}

.br-37 {
  border-radius: 37%;
}

.z-index-37 {
  z-index: 37;
}

.w-38 {
  width: 38%;
}

.f-38 {
  flex: 0 0 38%;
}

.h-38 {
  height: 38%;
}

.p-38 {
  padding: 38%;
}

.m-38 {
  margin: 38%;
}

.mt-38 {
  margin-top: 38%;
}

.mb-38 {
  margin-bottom: 38%;
}

.ml-38 {
  margin-left: 38%;
}

.mr-38 {
  margin-right: 38%;
}

.pt-38 {
  padding-top: 38%;
}

.pr-38 {
  padding-right: 38%;
}

.pb-38 {
  padding-bottom: 38%;
}

.pl-38 {
  padding-left: 38%;
}

.mr-38 {
  margin-right: 38%;
}

.br-38 {
  border-radius: 38%;
}

.z-index-38 {
  z-index: 38;
}

.w-39 {
  width: 39%;
}

.f-39 {
  flex: 0 0 39%;
}

.h-39 {
  height: 39%;
}

.p-39 {
  padding: 39%;
}

.m-39 {
  margin: 39%;
}

.mt-39 {
  margin-top: 39%;
}

.mb-39 {
  margin-bottom: 39%;
}

.ml-39 {
  margin-left: 39%;
}

.mr-39 {
  margin-right: 39%;
}

.pt-39 {
  padding-top: 39%;
}

.pr-39 {
  padding-right: 39%;
}

.pb-39 {
  padding-bottom: 39%;
}

.pl-39 {
  padding-left: 39%;
}

.mr-39 {
  margin-right: 39%;
}

.br-39 {
  border-radius: 39%;
}

.z-index-39 {
  z-index: 39;
}

.w-40 {
  width: 40%;
}

.f-40 {
  flex: 0 0 40%;
}

.h-40 {
  height: 40%;
}

.p-40 {
  padding: 40%;
}

.m-40 {
  margin: 40%;
}

.mt-40 {
  margin-top: 40%;
}

.mb-40 {
  margin-bottom: 40%;
}

.ml-40 {
  margin-left: 40%;
}

.mr-40 {
  margin-right: 40%;
}

.pt-40 {
  padding-top: 40%;
}

.pr-40 {
  padding-right: 40%;
}

.pb-40 {
  padding-bottom: 40%;
}

.pl-40 {
  padding-left: 40%;
}

.mr-40 {
  margin-right: 40%;
}

.br-40 {
  border-radius: 40%;
}

.z-index-40 {
  z-index: 40;
}

.w-41 {
  width: 41%;
}

.f-41 {
  flex: 0 0 41%;
}

.h-41 {
  height: 41%;
}

.p-41 {
  padding: 41%;
}

.m-41 {
  margin: 41%;
}

.mt-41 {
  margin-top: 41%;
}

.mb-41 {
  margin-bottom: 41%;
}

.ml-41 {
  margin-left: 41%;
}

.mr-41 {
  margin-right: 41%;
}

.pt-41 {
  padding-top: 41%;
}

.pr-41 {
  padding-right: 41%;
}

.pb-41 {
  padding-bottom: 41%;
}

.pl-41 {
  padding-left: 41%;
}

.mr-41 {
  margin-right: 41%;
}

.br-41 {
  border-radius: 41%;
}

.z-index-41 {
  z-index: 41;
}

.w-42 {
  width: 42%;
}

.f-42 {
  flex: 0 0 42%;
}

.h-42 {
  height: 42%;
}

.p-42 {
  padding: 42%;
}

.m-42 {
  margin: 42%;
}

.mt-42 {
  margin-top: 42%;
}

.mb-42 {
  margin-bottom: 42%;
}

.ml-42 {
  margin-left: 42%;
}

.mr-42 {
  margin-right: 42%;
}

.pt-42 {
  padding-top: 42%;
}

.pr-42 {
  padding-right: 42%;
}

.pb-42 {
  padding-bottom: 42%;
}

.pl-42 {
  padding-left: 42%;
}

.mr-42 {
  margin-right: 42%;
}

.br-42 {
  border-radius: 42%;
}

.z-index-42 {
  z-index: 42;
}

.w-43 {
  width: 43%;
}

.f-43 {
  flex: 0 0 43%;
}

.h-43 {
  height: 43%;
}

.p-43 {
  padding: 43%;
}

.m-43 {
  margin: 43%;
}

.mt-43 {
  margin-top: 43%;
}

.mb-43 {
  margin-bottom: 43%;
}

.ml-43 {
  margin-left: 43%;
}

.mr-43 {
  margin-right: 43%;
}

.pt-43 {
  padding-top: 43%;
}

.pr-43 {
  padding-right: 43%;
}

.pb-43 {
  padding-bottom: 43%;
}

.pl-43 {
  padding-left: 43%;
}

.mr-43 {
  margin-right: 43%;
}

.br-43 {
  border-radius: 43%;
}

.z-index-43 {
  z-index: 43;
}

.w-44 {
  width: 44%;
}

.f-44 {
  flex: 0 0 44%;
}

.h-44 {
  height: 44%;
}

.p-44 {
  padding: 44%;
}

.m-44 {
  margin: 44%;
}

.mt-44 {
  margin-top: 44%;
}

.mb-44 {
  margin-bottom: 44%;
}

.ml-44 {
  margin-left: 44%;
}

.mr-44 {
  margin-right: 44%;
}

.pt-44 {
  padding-top: 44%;
}

.pr-44 {
  padding-right: 44%;
}

.pb-44 {
  padding-bottom: 44%;
}

.pl-44 {
  padding-left: 44%;
}

.mr-44 {
  margin-right: 44%;
}

.br-44 {
  border-radius: 44%;
}

.z-index-44 {
  z-index: 44;
}

.w-45 {
  width: 45%;
}

.f-45 {
  flex: 0 0 45%;
}

.h-45 {
  height: 45%;
}

.p-45 {
  padding: 45%;
}

.m-45 {
  margin: 45%;
}

.mt-45 {
  margin-top: 45%;
}

.mb-45 {
  margin-bottom: 45%;
}

.ml-45 {
  margin-left: 45%;
}

.mr-45 {
  margin-right: 45%;
}

.pt-45 {
  padding-top: 45%;
}

.pr-45 {
  padding-right: 45%;
}

.pb-45 {
  padding-bottom: 45%;
}

.pl-45 {
  padding-left: 45%;
}

.mr-45 {
  margin-right: 45%;
}

.br-45 {
  border-radius: 45%;
}

.z-index-45 {
  z-index: 45;
}

.w-46 {
  width: 46%;
}

.f-46 {
  flex: 0 0 46%;
}

.h-46 {
  height: 46%;
}

.p-46 {
  padding: 46%;
}

.m-46 {
  margin: 46%;
}

.mt-46 {
  margin-top: 46%;
}

.mb-46 {
  margin-bottom: 46%;
}

.ml-46 {
  margin-left: 46%;
}

.mr-46 {
  margin-right: 46%;
}

.pt-46 {
  padding-top: 46%;
}

.pr-46 {
  padding-right: 46%;
}

.pb-46 {
  padding-bottom: 46%;
}

.pl-46 {
  padding-left: 46%;
}

.mr-46 {
  margin-right: 46%;
}

.br-46 {
  border-radius: 46%;
}

.z-index-46 {
  z-index: 46;
}

.w-47 {
  width: 47%;
}

.f-47 {
  flex: 0 0 47%;
}

.h-47 {
  height: 47%;
}

.p-47 {
  padding: 47%;
}

.m-47 {
  margin: 47%;
}

.mt-47 {
  margin-top: 47%;
}

.mb-47 {
  margin-bottom: 47%;
}

.ml-47 {
  margin-left: 47%;
}

.mr-47 {
  margin-right: 47%;
}

.pt-47 {
  padding-top: 47%;
}

.pr-47 {
  padding-right: 47%;
}

.pb-47 {
  padding-bottom: 47%;
}

.pl-47 {
  padding-left: 47%;
}

.mr-47 {
  margin-right: 47%;
}

.br-47 {
  border-radius: 47%;
}

.z-index-47 {
  z-index: 47;
}

.w-48 {
  width: 48%;
}

.f-48 {
  flex: 0 0 48%;
}

.h-48 {
  height: 48%;
}

.p-48 {
  padding: 48%;
}

.m-48 {
  margin: 48%;
}

.mt-48 {
  margin-top: 48%;
}

.mb-48 {
  margin-bottom: 48%;
}

.ml-48 {
  margin-left: 48%;
}

.mr-48 {
  margin-right: 48%;
}

.pt-48 {
  padding-top: 48%;
}

.pr-48 {
  padding-right: 48%;
}

.pb-48 {
  padding-bottom: 48%;
}

.pl-48 {
  padding-left: 48%;
}

.mr-48 {
  margin-right: 48%;
}

.br-48 {
  border-radius: 48%;
}

.z-index-48 {
  z-index: 48;
}

.w-49 {
  width: 49%;
}

.f-49 {
  flex: 0 0 49%;
}

.h-49 {
  height: 49%;
}

.p-49 {
  padding: 49%;
}

.m-49 {
  margin: 49%;
}

.mt-49 {
  margin-top: 49%;
}

.mb-49 {
  margin-bottom: 49%;
}

.ml-49 {
  margin-left: 49%;
}

.mr-49 {
  margin-right: 49%;
}

.pt-49 {
  padding-top: 49%;
}

.pr-49 {
  padding-right: 49%;
}

.pb-49 {
  padding-bottom: 49%;
}

.pl-49 {
  padding-left: 49%;
}

.mr-49 {
  margin-right: 49%;
}

.br-49 {
  border-radius: 49%;
}

.z-index-49 {
  z-index: 49;
}

.w-50 {
  width: 50%;
}

.f-50 {
  flex: 0 0 50%;
}

.h-50 {
  height: 50%;
}

.p-50 {
  padding: 50%;
}

.m-50 {
  margin: 50%;
}

.mt-50 {
  margin-top: 50%;
}

.mb-50 {
  margin-bottom: 50%;
}

.ml-50 {
  margin-left: 50%;
}

.mr-50 {
  margin-right: 50%;
}

.pt-50 {
  padding-top: 50%;
}

.pr-50 {
  padding-right: 50%;
}

.pb-50 {
  padding-bottom: 50%;
}

.pl-50 {
  padding-left: 50%;
}

.mr-50 {
  margin-right: 50%;
}

.br-50 {
  border-radius: 50%;
}

.z-index-50 {
  z-index: 50;
}

.w-51 {
  width: 51%;
}

.f-51 {
  flex: 0 0 51%;
}

.h-51 {
  height: 51%;
}

.p-51 {
  padding: 51%;
}

.m-51 {
  margin: 51%;
}

.mt-51 {
  margin-top: 51%;
}

.mb-51 {
  margin-bottom: 51%;
}

.ml-51 {
  margin-left: 51%;
}

.mr-51 {
  margin-right: 51%;
}

.pt-51 {
  padding-top: 51%;
}

.pr-51 {
  padding-right: 51%;
}

.pb-51 {
  padding-bottom: 51%;
}

.pl-51 {
  padding-left: 51%;
}

.mr-51 {
  margin-right: 51%;
}

.br-51 {
  border-radius: 51%;
}

.z-index-51 {
  z-index: 51;
}

.w-52 {
  width: 52%;
}

.f-52 {
  flex: 0 0 52%;
}

.h-52 {
  height: 52%;
}

.p-52 {
  padding: 52%;
}

.m-52 {
  margin: 52%;
}

.mt-52 {
  margin-top: 52%;
}

.mb-52 {
  margin-bottom: 52%;
}

.ml-52 {
  margin-left: 52%;
}

.mr-52 {
  margin-right: 52%;
}

.pt-52 {
  padding-top: 52%;
}

.pr-52 {
  padding-right: 52%;
}

.pb-52 {
  padding-bottom: 52%;
}

.pl-52 {
  padding-left: 52%;
}

.mr-52 {
  margin-right: 52%;
}

.br-52 {
  border-radius: 52%;
}

.z-index-52 {
  z-index: 52;
}

.w-53 {
  width: 53%;
}

.f-53 {
  flex: 0 0 53%;
}

.h-53 {
  height: 53%;
}

.p-53 {
  padding: 53%;
}

.m-53 {
  margin: 53%;
}

.mt-53 {
  margin-top: 53%;
}

.mb-53 {
  margin-bottom: 53%;
}

.ml-53 {
  margin-left: 53%;
}

.mr-53 {
  margin-right: 53%;
}

.pt-53 {
  padding-top: 53%;
}

.pr-53 {
  padding-right: 53%;
}

.pb-53 {
  padding-bottom: 53%;
}

.pl-53 {
  padding-left: 53%;
}

.mr-53 {
  margin-right: 53%;
}

.br-53 {
  border-radius: 53%;
}

.z-index-53 {
  z-index: 53;
}

.w-54 {
  width: 54%;
}

.f-54 {
  flex: 0 0 54%;
}

.h-54 {
  height: 54%;
}

.p-54 {
  padding: 54%;
}

.m-54 {
  margin: 54%;
}

.mt-54 {
  margin-top: 54%;
}

.mb-54 {
  margin-bottom: 54%;
}

.ml-54 {
  margin-left: 54%;
}

.mr-54 {
  margin-right: 54%;
}

.pt-54 {
  padding-top: 54%;
}

.pr-54 {
  padding-right: 54%;
}

.pb-54 {
  padding-bottom: 54%;
}

.pl-54 {
  padding-left: 54%;
}

.mr-54 {
  margin-right: 54%;
}

.br-54 {
  border-radius: 54%;
}

.z-index-54 {
  z-index: 54;
}

.w-55 {
  width: 55%;
}

.f-55 {
  flex: 0 0 55%;
}

.h-55 {
  height: 55%;
}

.p-55 {
  padding: 55%;
}

.m-55 {
  margin: 55%;
}

.mt-55 {
  margin-top: 55%;
}

.mb-55 {
  margin-bottom: 55%;
}

.ml-55 {
  margin-left: 55%;
}

.mr-55 {
  margin-right: 55%;
}

.pt-55 {
  padding-top: 55%;
}

.pr-55 {
  padding-right: 55%;
}

.pb-55 {
  padding-bottom: 55%;
}

.pl-55 {
  padding-left: 55%;
}

.mr-55 {
  margin-right: 55%;
}

.br-55 {
  border-radius: 55%;
}

.z-index-55 {
  z-index: 55;
}

.w-56 {
  width: 56%;
}

.f-56 {
  flex: 0 0 56%;
}

.h-56 {
  height: 56%;
}

.p-56 {
  padding: 56%;
}

.m-56 {
  margin: 56%;
}

.mt-56 {
  margin-top: 56%;
}

.mb-56 {
  margin-bottom: 56%;
}

.ml-56 {
  margin-left: 56%;
}

.mr-56 {
  margin-right: 56%;
}

.pt-56 {
  padding-top: 56%;
}

.pr-56 {
  padding-right: 56%;
}

.pb-56 {
  padding-bottom: 56%;
}

.pl-56 {
  padding-left: 56%;
}

.mr-56 {
  margin-right: 56%;
}

.br-56 {
  border-radius: 56%;
}

.z-index-56 {
  z-index: 56;
}

.w-57 {
  width: 57%;
}

.f-57 {
  flex: 0 0 57%;
}

.h-57 {
  height: 57%;
}

.p-57 {
  padding: 57%;
}

.m-57 {
  margin: 57%;
}

.mt-57 {
  margin-top: 57%;
}

.mb-57 {
  margin-bottom: 57%;
}

.ml-57 {
  margin-left: 57%;
}

.mr-57 {
  margin-right: 57%;
}

.pt-57 {
  padding-top: 57%;
}

.pr-57 {
  padding-right: 57%;
}

.pb-57 {
  padding-bottom: 57%;
}

.pl-57 {
  padding-left: 57%;
}

.mr-57 {
  margin-right: 57%;
}

.br-57 {
  border-radius: 57%;
}

.z-index-57 {
  z-index: 57;
}

.w-58 {
  width: 58%;
}

.f-58 {
  flex: 0 0 58%;
}

.h-58 {
  height: 58%;
}

.p-58 {
  padding: 58%;
}

.m-58 {
  margin: 58%;
}

.mt-58 {
  margin-top: 58%;
}

.mb-58 {
  margin-bottom: 58%;
}

.ml-58 {
  margin-left: 58%;
}

.mr-58 {
  margin-right: 58%;
}

.pt-58 {
  padding-top: 58%;
}

.pr-58 {
  padding-right: 58%;
}

.pb-58 {
  padding-bottom: 58%;
}

.pl-58 {
  padding-left: 58%;
}

.mr-58 {
  margin-right: 58%;
}

.br-58 {
  border-radius: 58%;
}

.z-index-58 {
  z-index: 58;
}

.w-59 {
  width: 59%;
}

.f-59 {
  flex: 0 0 59%;
}

.h-59 {
  height: 59%;
}

.p-59 {
  padding: 59%;
}

.m-59 {
  margin: 59%;
}

.mt-59 {
  margin-top: 59%;
}

.mb-59 {
  margin-bottom: 59%;
}

.ml-59 {
  margin-left: 59%;
}

.mr-59 {
  margin-right: 59%;
}

.pt-59 {
  padding-top: 59%;
}

.pr-59 {
  padding-right: 59%;
}

.pb-59 {
  padding-bottom: 59%;
}

.pl-59 {
  padding-left: 59%;
}

.mr-59 {
  margin-right: 59%;
}

.br-59 {
  border-radius: 59%;
}

.z-index-59 {
  z-index: 59;
}

.w-60 {
  width: 60%;
}

.f-60 {
  flex: 0 0 60%;
}

.h-60 {
  height: 60%;
}

.p-60 {
  padding: 60%;
}

.m-60 {
  margin: 60%;
}

.mt-60 {
  margin-top: 60%;
}

.mb-60 {
  margin-bottom: 60%;
}

.ml-60 {
  margin-left: 60%;
}

.mr-60 {
  margin-right: 60%;
}

.pt-60 {
  padding-top: 60%;
}

.pr-60 {
  padding-right: 60%;
}

.pb-60 {
  padding-bottom: 60%;
}

.pl-60 {
  padding-left: 60%;
}

.mr-60 {
  margin-right: 60%;
}

.br-60 {
  border-radius: 60%;
}

.z-index-60 {
  z-index: 60;
}

.w-61 {
  width: 61%;
}

.f-61 {
  flex: 0 0 61%;
}

.h-61 {
  height: 61%;
}

.p-61 {
  padding: 61%;
}

.m-61 {
  margin: 61%;
}

.mt-61 {
  margin-top: 61%;
}

.mb-61 {
  margin-bottom: 61%;
}

.ml-61 {
  margin-left: 61%;
}

.mr-61 {
  margin-right: 61%;
}

.pt-61 {
  padding-top: 61%;
}

.pr-61 {
  padding-right: 61%;
}

.pb-61 {
  padding-bottom: 61%;
}

.pl-61 {
  padding-left: 61%;
}

.mr-61 {
  margin-right: 61%;
}

.br-61 {
  border-radius: 61%;
}

.z-index-61 {
  z-index: 61;
}

.w-62 {
  width: 62%;
}

.f-62 {
  flex: 0 0 62%;
}

.h-62 {
  height: 62%;
}

.p-62 {
  padding: 62%;
}

.m-62 {
  margin: 62%;
}

.mt-62 {
  margin-top: 62%;
}

.mb-62 {
  margin-bottom: 62%;
}

.ml-62 {
  margin-left: 62%;
}

.mr-62 {
  margin-right: 62%;
}

.pt-62 {
  padding-top: 62%;
}

.pr-62 {
  padding-right: 62%;
}

.pb-62 {
  padding-bottom: 62%;
}

.pl-62 {
  padding-left: 62%;
}

.mr-62 {
  margin-right: 62%;
}

.br-62 {
  border-radius: 62%;
}

.z-index-62 {
  z-index: 62;
}

.w-63 {
  width: 63%;
}

.f-63 {
  flex: 0 0 63%;
}

.h-63 {
  height: 63%;
}

.p-63 {
  padding: 63%;
}

.m-63 {
  margin: 63%;
}

.mt-63 {
  margin-top: 63%;
}

.mb-63 {
  margin-bottom: 63%;
}

.ml-63 {
  margin-left: 63%;
}

.mr-63 {
  margin-right: 63%;
}

.pt-63 {
  padding-top: 63%;
}

.pr-63 {
  padding-right: 63%;
}

.pb-63 {
  padding-bottom: 63%;
}

.pl-63 {
  padding-left: 63%;
}

.mr-63 {
  margin-right: 63%;
}

.br-63 {
  border-radius: 63%;
}

.z-index-63 {
  z-index: 63;
}

.w-64 {
  width: 64%;
}

.f-64 {
  flex: 0 0 64%;
}

.h-64 {
  height: 64%;
}

.p-64 {
  padding: 64%;
}

.m-64 {
  margin: 64%;
}

.mt-64 {
  margin-top: 64%;
}

.mb-64 {
  margin-bottom: 64%;
}

.ml-64 {
  margin-left: 64%;
}

.mr-64 {
  margin-right: 64%;
}

.pt-64 {
  padding-top: 64%;
}

.pr-64 {
  padding-right: 64%;
}

.pb-64 {
  padding-bottom: 64%;
}

.pl-64 {
  padding-left: 64%;
}

.mr-64 {
  margin-right: 64%;
}

.br-64 {
  border-radius: 64%;
}

.z-index-64 {
  z-index: 64;
}

.w-65 {
  width: 65%;
}

.f-65 {
  flex: 0 0 65%;
}

.h-65 {
  height: 65%;
}

.p-65 {
  padding: 65%;
}

.m-65 {
  margin: 65%;
}

.mt-65 {
  margin-top: 65%;
}

.mb-65 {
  margin-bottom: 65%;
}

.ml-65 {
  margin-left: 65%;
}

.mr-65 {
  margin-right: 65%;
}

.pt-65 {
  padding-top: 65%;
}

.pr-65 {
  padding-right: 65%;
}

.pb-65 {
  padding-bottom: 65%;
}

.pl-65 {
  padding-left: 65%;
}

.mr-65 {
  margin-right: 65%;
}

.br-65 {
  border-radius: 65%;
}

.z-index-65 {
  z-index: 65;
}

.w-66 {
  width: 66%;
}

.f-66 {
  flex: 0 0 66%;
}

.h-66 {
  height: 66%;
}

.p-66 {
  padding: 66%;
}

.m-66 {
  margin: 66%;
}

.mt-66 {
  margin-top: 66%;
}

.mb-66 {
  margin-bottom: 66%;
}

.ml-66 {
  margin-left: 66%;
}

.mr-66 {
  margin-right: 66%;
}

.pt-66 {
  padding-top: 66%;
}

.pr-66 {
  padding-right: 66%;
}

.pb-66 {
  padding-bottom: 66%;
}

.pl-66 {
  padding-left: 66%;
}

.mr-66 {
  margin-right: 66%;
}

.br-66 {
  border-radius: 66%;
}

.z-index-66 {
  z-index: 66;
}

.w-67 {
  width: 67%;
}

.f-67 {
  flex: 0 0 67%;
}

.h-67 {
  height: 67%;
}

.p-67 {
  padding: 67%;
}

.m-67 {
  margin: 67%;
}

.mt-67 {
  margin-top: 67%;
}

.mb-67 {
  margin-bottom: 67%;
}

.ml-67 {
  margin-left: 67%;
}

.mr-67 {
  margin-right: 67%;
}

.pt-67 {
  padding-top: 67%;
}

.pr-67 {
  padding-right: 67%;
}

.pb-67 {
  padding-bottom: 67%;
}

.pl-67 {
  padding-left: 67%;
}

.mr-67 {
  margin-right: 67%;
}

.br-67 {
  border-radius: 67%;
}

.z-index-67 {
  z-index: 67;
}

.w-68 {
  width: 68%;
}

.f-68 {
  flex: 0 0 68%;
}

.h-68 {
  height: 68%;
}

.p-68 {
  padding: 68%;
}

.m-68 {
  margin: 68%;
}

.mt-68 {
  margin-top: 68%;
}

.mb-68 {
  margin-bottom: 68%;
}

.ml-68 {
  margin-left: 68%;
}

.mr-68 {
  margin-right: 68%;
}

.pt-68 {
  padding-top: 68%;
}

.pr-68 {
  padding-right: 68%;
}

.pb-68 {
  padding-bottom: 68%;
}

.pl-68 {
  padding-left: 68%;
}

.mr-68 {
  margin-right: 68%;
}

.br-68 {
  border-radius: 68%;
}

.z-index-68 {
  z-index: 68;
}

.w-69 {
  width: 69%;
}

.f-69 {
  flex: 0 0 69%;
}

.h-69 {
  height: 69%;
}

.p-69 {
  padding: 69%;
}

.m-69 {
  margin: 69%;
}

.mt-69 {
  margin-top: 69%;
}

.mb-69 {
  margin-bottom: 69%;
}

.ml-69 {
  margin-left: 69%;
}

.mr-69 {
  margin-right: 69%;
}

.pt-69 {
  padding-top: 69%;
}

.pr-69 {
  padding-right: 69%;
}

.pb-69 {
  padding-bottom: 69%;
}

.pl-69 {
  padding-left: 69%;
}

.mr-69 {
  margin-right: 69%;
}

.br-69 {
  border-radius: 69%;
}

.z-index-69 {
  z-index: 69;
}

.w-70 {
  width: 70%;
}

.f-70 {
  flex: 0 0 70%;
}

.h-70 {
  height: 70%;
}

.p-70 {
  padding: 70%;
}

.m-70 {
  margin: 70%;
}

.mt-70 {
  margin-top: 70%;
}

.mb-70 {
  margin-bottom: 70%;
}

.ml-70 {
  margin-left: 70%;
}

.mr-70 {
  margin-right: 70%;
}

.pt-70 {
  padding-top: 70%;
}

.pr-70 {
  padding-right: 70%;
}

.pb-70 {
  padding-bottom: 70%;
}

.pl-70 {
  padding-left: 70%;
}

.mr-70 {
  margin-right: 70%;
}

.br-70 {
  border-radius: 70%;
}

.z-index-70 {
  z-index: 70;
}

.w-71 {
  width: 71%;
}

.f-71 {
  flex: 0 0 71%;
}

.h-71 {
  height: 71%;
}

.p-71 {
  padding: 71%;
}

.m-71 {
  margin: 71%;
}

.mt-71 {
  margin-top: 71%;
}

.mb-71 {
  margin-bottom: 71%;
}

.ml-71 {
  margin-left: 71%;
}

.mr-71 {
  margin-right: 71%;
}

.pt-71 {
  padding-top: 71%;
}

.pr-71 {
  padding-right: 71%;
}

.pb-71 {
  padding-bottom: 71%;
}

.pl-71 {
  padding-left: 71%;
}

.mr-71 {
  margin-right: 71%;
}

.br-71 {
  border-radius: 71%;
}

.z-index-71 {
  z-index: 71;
}

.w-72 {
  width: 72%;
}

.f-72 {
  flex: 0 0 72%;
}

.h-72 {
  height: 72%;
}

.p-72 {
  padding: 72%;
}

.m-72 {
  margin: 72%;
}

.mt-72 {
  margin-top: 72%;
}

.mb-72 {
  margin-bottom: 72%;
}

.ml-72 {
  margin-left: 72%;
}

.mr-72 {
  margin-right: 72%;
}

.pt-72 {
  padding-top: 72%;
}

.pr-72 {
  padding-right: 72%;
}

.pb-72 {
  padding-bottom: 72%;
}

.pl-72 {
  padding-left: 72%;
}

.mr-72 {
  margin-right: 72%;
}

.br-72 {
  border-radius: 72%;
}

.z-index-72 {
  z-index: 72;
}

.w-73 {
  width: 73%;
}

.f-73 {
  flex: 0 0 73%;
}

.h-73 {
  height: 73%;
}

.p-73 {
  padding: 73%;
}

.m-73 {
  margin: 73%;
}

.mt-73 {
  margin-top: 73%;
}

.mb-73 {
  margin-bottom: 73%;
}

.ml-73 {
  margin-left: 73%;
}

.mr-73 {
  margin-right: 73%;
}

.pt-73 {
  padding-top: 73%;
}

.pr-73 {
  padding-right: 73%;
}

.pb-73 {
  padding-bottom: 73%;
}

.pl-73 {
  padding-left: 73%;
}

.mr-73 {
  margin-right: 73%;
}

.br-73 {
  border-radius: 73%;
}

.z-index-73 {
  z-index: 73;
}

.w-74 {
  width: 74%;
}

.f-74 {
  flex: 0 0 74%;
}

.h-74 {
  height: 74%;
}

.p-74 {
  padding: 74%;
}

.m-74 {
  margin: 74%;
}

.mt-74 {
  margin-top: 74%;
}

.mb-74 {
  margin-bottom: 74%;
}

.ml-74 {
  margin-left: 74%;
}

.mr-74 {
  margin-right: 74%;
}

.pt-74 {
  padding-top: 74%;
}

.pr-74 {
  padding-right: 74%;
}

.pb-74 {
  padding-bottom: 74%;
}

.pl-74 {
  padding-left: 74%;
}

.mr-74 {
  margin-right: 74%;
}

.br-74 {
  border-radius: 74%;
}

.z-index-74 {
  z-index: 74;
}

.w-75 {
  width: 75%;
}

.f-75 {
  flex: 0 0 75%;
}

.h-75 {
  height: 75%;
}

.p-75 {
  padding: 75%;
}

.m-75 {
  margin: 75%;
}

.mt-75 {
  margin-top: 75%;
}

.mb-75 {
  margin-bottom: 75%;
}

.ml-75 {
  margin-left: 75%;
}

.mr-75 {
  margin-right: 75%;
}

.pt-75 {
  padding-top: 75%;
}

.pr-75 {
  padding-right: 75%;
}

.pb-75 {
  padding-bottom: 75%;
}

.pl-75 {
  padding-left: 75%;
}

.mr-75 {
  margin-right: 75%;
}

.br-75 {
  border-radius: 75%;
}

.z-index-75 {
  z-index: 75;
}

.w-76 {
  width: 76%;
}

.f-76 {
  flex: 0 0 76%;
}

.h-76 {
  height: 76%;
}

.p-76 {
  padding: 76%;
}

.m-76 {
  margin: 76%;
}

.mt-76 {
  margin-top: 76%;
}

.mb-76 {
  margin-bottom: 76%;
}

.ml-76 {
  margin-left: 76%;
}

.mr-76 {
  margin-right: 76%;
}

.pt-76 {
  padding-top: 76%;
}

.pr-76 {
  padding-right: 76%;
}

.pb-76 {
  padding-bottom: 76%;
}

.pl-76 {
  padding-left: 76%;
}

.mr-76 {
  margin-right: 76%;
}

.br-76 {
  border-radius: 76%;
}

.z-index-76 {
  z-index: 76;
}

.w-77 {
  width: 77%;
}

.f-77 {
  flex: 0 0 77%;
}

.h-77 {
  height: 77%;
}

.p-77 {
  padding: 77%;
}

.m-77 {
  margin: 77%;
}

.mt-77 {
  margin-top: 77%;
}

.mb-77 {
  margin-bottom: 77%;
}

.ml-77 {
  margin-left: 77%;
}

.mr-77 {
  margin-right: 77%;
}

.pt-77 {
  padding-top: 77%;
}

.pr-77 {
  padding-right: 77%;
}

.pb-77 {
  padding-bottom: 77%;
}

.pl-77 {
  padding-left: 77%;
}

.mr-77 {
  margin-right: 77%;
}

.br-77 {
  border-radius: 77%;
}

.z-index-77 {
  z-index: 77;
}

.w-78 {
  width: 78%;
}

.f-78 {
  flex: 0 0 78%;
}

.h-78 {
  height: 78%;
}

.p-78 {
  padding: 78%;
}

.m-78 {
  margin: 78%;
}

.mt-78 {
  margin-top: 78%;
}

.mb-78 {
  margin-bottom: 78%;
}

.ml-78 {
  margin-left: 78%;
}

.mr-78 {
  margin-right: 78%;
}

.pt-78 {
  padding-top: 78%;
}

.pr-78 {
  padding-right: 78%;
}

.pb-78 {
  padding-bottom: 78%;
}

.pl-78 {
  padding-left: 78%;
}

.mr-78 {
  margin-right: 78%;
}

.br-78 {
  border-radius: 78%;
}

.z-index-78 {
  z-index: 78;
}

.w-79 {
  width: 79%;
}

.f-79 {
  flex: 0 0 79%;
}

.h-79 {
  height: 79%;
}

.p-79 {
  padding: 79%;
}

.m-79 {
  margin: 79%;
}

.mt-79 {
  margin-top: 79%;
}

.mb-79 {
  margin-bottom: 79%;
}

.ml-79 {
  margin-left: 79%;
}

.mr-79 {
  margin-right: 79%;
}

.pt-79 {
  padding-top: 79%;
}

.pr-79 {
  padding-right: 79%;
}

.pb-79 {
  padding-bottom: 79%;
}

.pl-79 {
  padding-left: 79%;
}

.mr-79 {
  margin-right: 79%;
}

.br-79 {
  border-radius: 79%;
}

.z-index-79 {
  z-index: 79;
}

.w-80 {
  width: 80%;
}

.f-80 {
  flex: 0 0 80%;
}

.h-80 {
  height: 80%;
}

.p-80 {
  padding: 80%;
}

.m-80 {
  margin: 80%;
}

.mt-80 {
  margin-top: 80%;
}

.mb-80 {
  margin-bottom: 80%;
}

.ml-80 {
  margin-left: 80%;
}

.mr-80 {
  margin-right: 80%;
}

.pt-80 {
  padding-top: 80%;
}

.pr-80 {
  padding-right: 80%;
}

.pb-80 {
  padding-bottom: 80%;
}

.pl-80 {
  padding-left: 80%;
}

.mr-80 {
  margin-right: 80%;
}

.br-80 {
  border-radius: 80%;
}

.z-index-80 {
  z-index: 80;
}

.w-81 {
  width: 81%;
}

.f-81 {
  flex: 0 0 81%;
}

.h-81 {
  height: 81%;
}

.p-81 {
  padding: 81%;
}

.m-81 {
  margin: 81%;
}

.mt-81 {
  margin-top: 81%;
}

.mb-81 {
  margin-bottom: 81%;
}

.ml-81 {
  margin-left: 81%;
}

.mr-81 {
  margin-right: 81%;
}

.pt-81 {
  padding-top: 81%;
}

.pr-81 {
  padding-right: 81%;
}

.pb-81 {
  padding-bottom: 81%;
}

.pl-81 {
  padding-left: 81%;
}

.mr-81 {
  margin-right: 81%;
}

.br-81 {
  border-radius: 81%;
}

.z-index-81 {
  z-index: 81;
}

.w-82 {
  width: 82%;
}

.f-82 {
  flex: 0 0 82%;
}

.h-82 {
  height: 82%;
}

.p-82 {
  padding: 82%;
}

.m-82 {
  margin: 82%;
}

.mt-82 {
  margin-top: 82%;
}

.mb-82 {
  margin-bottom: 82%;
}

.ml-82 {
  margin-left: 82%;
}

.mr-82 {
  margin-right: 82%;
}

.pt-82 {
  padding-top: 82%;
}

.pr-82 {
  padding-right: 82%;
}

.pb-82 {
  padding-bottom: 82%;
}

.pl-82 {
  padding-left: 82%;
}

.mr-82 {
  margin-right: 82%;
}

.br-82 {
  border-radius: 82%;
}

.z-index-82 {
  z-index: 82;
}

.w-83 {
  width: 83%;
}

.f-83 {
  flex: 0 0 83%;
}

.h-83 {
  height: 83%;
}

.p-83 {
  padding: 83%;
}

.m-83 {
  margin: 83%;
}

.mt-83 {
  margin-top: 83%;
}

.mb-83 {
  margin-bottom: 83%;
}

.ml-83 {
  margin-left: 83%;
}

.mr-83 {
  margin-right: 83%;
}

.pt-83 {
  padding-top: 83%;
}

.pr-83 {
  padding-right: 83%;
}

.pb-83 {
  padding-bottom: 83%;
}

.pl-83 {
  padding-left: 83%;
}

.mr-83 {
  margin-right: 83%;
}

.br-83 {
  border-radius: 83%;
}

.z-index-83 {
  z-index: 83;
}

.w-84 {
  width: 84%;
}

.f-84 {
  flex: 0 0 84%;
}

.h-84 {
  height: 84%;
}

.p-84 {
  padding: 84%;
}

.m-84 {
  margin: 84%;
}

.mt-84 {
  margin-top: 84%;
}

.mb-84 {
  margin-bottom: 84%;
}

.ml-84 {
  margin-left: 84%;
}

.mr-84 {
  margin-right: 84%;
}

.pt-84 {
  padding-top: 84%;
}

.pr-84 {
  padding-right: 84%;
}

.pb-84 {
  padding-bottom: 84%;
}

.pl-84 {
  padding-left: 84%;
}

.mr-84 {
  margin-right: 84%;
}

.br-84 {
  border-radius: 84%;
}

.z-index-84 {
  z-index: 84;
}

.w-85 {
  width: 85%;
}

.f-85 {
  flex: 0 0 85%;
}

.h-85 {
  height: 85%;
}

.p-85 {
  padding: 85%;
}

.m-85 {
  margin: 85%;
}

.mt-85 {
  margin-top: 85%;
}

.mb-85 {
  margin-bottom: 85%;
}

.ml-85 {
  margin-left: 85%;
}

.mr-85 {
  margin-right: 85%;
}

.pt-85 {
  padding-top: 85%;
}

.pr-85 {
  padding-right: 85%;
}

.pb-85 {
  padding-bottom: 85%;
}

.pl-85 {
  padding-left: 85%;
}

.mr-85 {
  margin-right: 85%;
}

.br-85 {
  border-radius: 85%;
}

.z-index-85 {
  z-index: 85;
}

.w-86 {
  width: 86%;
}

.f-86 {
  flex: 0 0 86%;
}

.h-86 {
  height: 86%;
}

.p-86 {
  padding: 86%;
}

.m-86 {
  margin: 86%;
}

.mt-86 {
  margin-top: 86%;
}

.mb-86 {
  margin-bottom: 86%;
}

.ml-86 {
  margin-left: 86%;
}

.mr-86 {
  margin-right: 86%;
}

.pt-86 {
  padding-top: 86%;
}

.pr-86 {
  padding-right: 86%;
}

.pb-86 {
  padding-bottom: 86%;
}

.pl-86 {
  padding-left: 86%;
}

.mr-86 {
  margin-right: 86%;
}

.br-86 {
  border-radius: 86%;
}

.z-index-86 {
  z-index: 86;
}

.w-87 {
  width: 87%;
}

.f-87 {
  flex: 0 0 87%;
}

.h-87 {
  height: 87%;
}

.p-87 {
  padding: 87%;
}

.m-87 {
  margin: 87%;
}

.mt-87 {
  margin-top: 87%;
}

.mb-87 {
  margin-bottom: 87%;
}

.ml-87 {
  margin-left: 87%;
}

.mr-87 {
  margin-right: 87%;
}

.pt-87 {
  padding-top: 87%;
}

.pr-87 {
  padding-right: 87%;
}

.pb-87 {
  padding-bottom: 87%;
}

.pl-87 {
  padding-left: 87%;
}

.mr-87 {
  margin-right: 87%;
}

.br-87 {
  border-radius: 87%;
}

.z-index-87 {
  z-index: 87;
}

.w-88 {
  width: 88%;
}

.f-88 {
  flex: 0 0 88%;
}

.h-88 {
  height: 88%;
}

.p-88 {
  padding: 88%;
}

.m-88 {
  margin: 88%;
}

.mt-88 {
  margin-top: 88%;
}

.mb-88 {
  margin-bottom: 88%;
}

.ml-88 {
  margin-left: 88%;
}

.mr-88 {
  margin-right: 88%;
}

.pt-88 {
  padding-top: 88%;
}

.pr-88 {
  padding-right: 88%;
}

.pb-88 {
  padding-bottom: 88%;
}

.pl-88 {
  padding-left: 88%;
}

.mr-88 {
  margin-right: 88%;
}

.br-88 {
  border-radius: 88%;
}

.z-index-88 {
  z-index: 88;
}

.w-89 {
  width: 89%;
}

.f-89 {
  flex: 0 0 89%;
}

.h-89 {
  height: 89%;
}

.p-89 {
  padding: 89%;
}

.m-89 {
  margin: 89%;
}

.mt-89 {
  margin-top: 89%;
}

.mb-89 {
  margin-bottom: 89%;
}

.ml-89 {
  margin-left: 89%;
}

.mr-89 {
  margin-right: 89%;
}

.pt-89 {
  padding-top: 89%;
}

.pr-89 {
  padding-right: 89%;
}

.pb-89 {
  padding-bottom: 89%;
}

.pl-89 {
  padding-left: 89%;
}

.mr-89 {
  margin-right: 89%;
}

.br-89 {
  border-radius: 89%;
}

.z-index-89 {
  z-index: 89;
}

.w-90 {
  width: 90%;
}

.f-90 {
  flex: 0 0 90%;
}

.h-90 {
  height: 90%;
}

.p-90 {
  padding: 90%;
}

.m-90 {
  margin: 90%;
}

.mt-90 {
  margin-top: 90%;
}

.mb-90 {
  margin-bottom: 90%;
}

.ml-90 {
  margin-left: 90%;
}

.mr-90 {
  margin-right: 90%;
}

.pt-90 {
  padding-top: 90%;
}

.pr-90 {
  padding-right: 90%;
}

.pb-90 {
  padding-bottom: 90%;
}

.pl-90 {
  padding-left: 90%;
}

.mr-90 {
  margin-right: 90%;
}

.br-90 {
  border-radius: 90%;
}

.z-index-90 {
  z-index: 90;
}

.w-91 {
  width: 91%;
}

.f-91 {
  flex: 0 0 91%;
}

.h-91 {
  height: 91%;
}

.p-91 {
  padding: 91%;
}

.m-91 {
  margin: 91%;
}

.mt-91 {
  margin-top: 91%;
}

.mb-91 {
  margin-bottom: 91%;
}

.ml-91 {
  margin-left: 91%;
}

.mr-91 {
  margin-right: 91%;
}

.pt-91 {
  padding-top: 91%;
}

.pr-91 {
  padding-right: 91%;
}

.pb-91 {
  padding-bottom: 91%;
}

.pl-91 {
  padding-left: 91%;
}

.mr-91 {
  margin-right: 91%;
}

.br-91 {
  border-radius: 91%;
}

.z-index-91 {
  z-index: 91;
}

.w-92 {
  width: 92%;
}

.f-92 {
  flex: 0 0 92%;
}

.h-92 {
  height: 92%;
}

.p-92 {
  padding: 92%;
}

.m-92 {
  margin: 92%;
}

.mt-92 {
  margin-top: 92%;
}

.mb-92 {
  margin-bottom: 92%;
}

.ml-92 {
  margin-left: 92%;
}

.mr-92 {
  margin-right: 92%;
}

.pt-92 {
  padding-top: 92%;
}

.pr-92 {
  padding-right: 92%;
}

.pb-92 {
  padding-bottom: 92%;
}

.pl-92 {
  padding-left: 92%;
}

.mr-92 {
  margin-right: 92%;
}

.br-92 {
  border-radius: 92%;
}

.z-index-92 {
  z-index: 92;
}

.w-93 {
  width: 93%;
}

.f-93 {
  flex: 0 0 93%;
}

.h-93 {
  height: 93%;
}

.p-93 {
  padding: 93%;
}

.m-93 {
  margin: 93%;
}

.mt-93 {
  margin-top: 93%;
}

.mb-93 {
  margin-bottom: 93%;
}

.ml-93 {
  margin-left: 93%;
}

.mr-93 {
  margin-right: 93%;
}

.pt-93 {
  padding-top: 93%;
}

.pr-93 {
  padding-right: 93%;
}

.pb-93 {
  padding-bottom: 93%;
}

.pl-93 {
  padding-left: 93%;
}

.mr-93 {
  margin-right: 93%;
}

.br-93 {
  border-radius: 93%;
}

.z-index-93 {
  z-index: 93;
}

.w-94 {
  width: 94%;
}

.f-94 {
  flex: 0 0 94%;
}

.h-94 {
  height: 94%;
}

.p-94 {
  padding: 94%;
}

.m-94 {
  margin: 94%;
}

.mt-94 {
  margin-top: 94%;
}

.mb-94 {
  margin-bottom: 94%;
}

.ml-94 {
  margin-left: 94%;
}

.mr-94 {
  margin-right: 94%;
}

.pt-94 {
  padding-top: 94%;
}

.pr-94 {
  padding-right: 94%;
}

.pb-94 {
  padding-bottom: 94%;
}

.pl-94 {
  padding-left: 94%;
}

.mr-94 {
  margin-right: 94%;
}

.br-94 {
  border-radius: 94%;
}

.z-index-94 {
  z-index: 94;
}

.w-95 {
  width: 95%;
}

.f-95 {
  flex: 0 0 95%;
}

.h-95 {
  height: 95%;
}

.p-95 {
  padding: 95%;
}

.m-95 {
  margin: 95%;
}

.mt-95 {
  margin-top: 95%;
}

.mb-95 {
  margin-bottom: 95%;
}

.ml-95 {
  margin-left: 95%;
}

.mr-95 {
  margin-right: 95%;
}

.pt-95 {
  padding-top: 95%;
}

.pr-95 {
  padding-right: 95%;
}

.pb-95 {
  padding-bottom: 95%;
}

.pl-95 {
  padding-left: 95%;
}

.mr-95 {
  margin-right: 95%;
}

.br-95 {
  border-radius: 95%;
}

.z-index-95 {
  z-index: 95;
}

.w-96 {
  width: 96%;
}

.f-96 {
  flex: 0 0 96%;
}

.h-96 {
  height: 96%;
}

.p-96 {
  padding: 96%;
}

.m-96 {
  margin: 96%;
}

.mt-96 {
  margin-top: 96%;
}

.mb-96 {
  margin-bottom: 96%;
}

.ml-96 {
  margin-left: 96%;
}

.mr-96 {
  margin-right: 96%;
}

.pt-96 {
  padding-top: 96%;
}

.pr-96 {
  padding-right: 96%;
}

.pb-96 {
  padding-bottom: 96%;
}

.pl-96 {
  padding-left: 96%;
}

.mr-96 {
  margin-right: 96%;
}

.br-96 {
  border-radius: 96%;
}

.z-index-96 {
  z-index: 96;
}

.w-97 {
  width: 97%;
}

.f-97 {
  flex: 0 0 97%;
}

.h-97 {
  height: 97%;
}

.p-97 {
  padding: 97%;
}

.m-97 {
  margin: 97%;
}

.mt-97 {
  margin-top: 97%;
}

.mb-97 {
  margin-bottom: 97%;
}

.ml-97 {
  margin-left: 97%;
}

.mr-97 {
  margin-right: 97%;
}

.pt-97 {
  padding-top: 97%;
}

.pr-97 {
  padding-right: 97%;
}

.pb-97 {
  padding-bottom: 97%;
}

.pl-97 {
  padding-left: 97%;
}

.mr-97 {
  margin-right: 97%;
}

.br-97 {
  border-radius: 97%;
}

.z-index-97 {
  z-index: 97;
}

.w-98 {
  width: 98%;
}

.f-98 {
  flex: 0 0 98%;
}

.h-98 {
  height: 98%;
}

.p-98 {
  padding: 98%;
}

.m-98 {
  margin: 98%;
}

.mt-98 {
  margin-top: 98%;
}

.mb-98 {
  margin-bottom: 98%;
}

.ml-98 {
  margin-left: 98%;
}

.mr-98 {
  margin-right: 98%;
}

.pt-98 {
  padding-top: 98%;
}

.pr-98 {
  padding-right: 98%;
}

.pb-98 {
  padding-bottom: 98%;
}

.pl-98 {
  padding-left: 98%;
}

.mr-98 {
  margin-right: 98%;
}

.br-98 {
  border-radius: 98%;
}

.z-index-98 {
  z-index: 98;
}

.w-99 {
  width: 99%;
}

.f-99 {
  flex: 0 0 99%;
}

.h-99 {
  height: 99%;
}

.p-99 {
  padding: 99%;
}

.m-99 {
  margin: 99%;
}

.mt-99 {
  margin-top: 99%;
}

.mb-99 {
  margin-bottom: 99%;
}

.ml-99 {
  margin-left: 99%;
}

.mr-99 {
  margin-right: 99%;
}

.pt-99 {
  padding-top: 99%;
}

.pr-99 {
  padding-right: 99%;
}

.pb-99 {
  padding-bottom: 99%;
}

.pl-99 {
  padding-left: 99%;
}

.mr-99 {
  margin-right: 99%;
}

.br-99 {
  border-radius: 99%;
}

.z-index-99 {
  z-index: 99;
}

.w-100 {
  width: 100%;
}

.f-100 {
  flex: 0 0 100%;
}

.h-100 {
  height: 100%;
}

.p-100 {
  padding: 100%;
}

.m-100 {
  margin: 100%;
}

.mt-100 {
  margin-top: 100%;
}

.mb-100 {
  margin-bottom: 100%;
}

.ml-100 {
  margin-left: 100%;
}

.mr-100 {
  margin-right: 100%;
}

.pt-100 {
  padding-top: 100%;
}

.pr-100 {
  padding-right: 100%;
}

.pb-100 {
  padding-bottom: 100%;
}

.pl-100 {
  padding-left: 100%;
}

.mr-100 {
  margin-right: 100%;
}

.br-100 {
  border-radius: 100%;
}

.z-index-100 {
  z-index: 100;
}

.m-auto {
  margin: auto;
}

.position-absolute {
  position: absolute !important;
}

.top-20 {
  top: 20px;
}

.left-20 {
  left: 20px;
}

.form-control {
  display: block;
  width: 100%;
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #000;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid;
  border-color: #a9cdff;
  border-radius: 5px;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

* {
  font-family: Times New Roman;
}

.form-control:focus {
  color: #000;
  background-color: #fff;
  border-color: #86b7fe;
  outline: 0;
  box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
}

label {
  font-family: Times New Roman;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
}

.direction-rtl {
  direction: rtl;
}

.direction-ltr {
  direction: ltr;
}

.bg-white {
  background-color: #fff !important;
}

.shadow-0 {
  box-shadow: none !important;
}

.vue-star-rating {
  justify-content: center;
}
.vue-star-rating .sr-only {
  left: 0;
  display: none !important;
}
.vue-star-rating .vue-star-rating-pointer {
  margin-left: 5%;
}

.cursor-pointer {
  cursor: pointer;
}

.list-style-none {
  list-style: none;
}

.bottom-0 {
  bottom: 0;
}

.text-danger {
  text-align: center;
  color: #f00 !important;
  border: 1px solid #f00;
}
.text-danger:hover {
  color: #fff !important;
}

.vue-star-rating .vue-star-rating-star svg {
  width: 25px;
}

.over-flow-x-hidden {
  overflow-y: hidden;
}

.chooseReason .v-text-field__details {
  display: none;
}

.typeHouse label {
  right: 0 !important;
  left: auto !important;
}

.right-0 {
  right: 0;
}

.btn-danger {
  background-color: #f00;
  color: #fff !important;
  font-weight: 900;
  font-size: 25px;
  border: 1px solid #f00;
}
.btn-danger:hover {
  background-color: transparent;
  color: #f00;
}

.h-fit-content {
  height: -moz-fit-content;
  height: fit-content;
}

.smallDetails .v-data-table {
  width: 45% !important;
}

.btn-next .v-btn__content {
  height: 100%;
}

.rentTabs .v-tabs-bar {
  border-radius: 15px;
  height: 42px;
  justify-content: center;
  text-align: center;
  width: 100%;
  background: #F5F6F7 !important;
}
.rentTabs .v-tabs-bar .v-slide-group__content {
  justify-content: center;
}
.rentTabs .v-tabs-bar .v-tab {
  width: 40%;
}
.rentTabs .v-tabs-bar .v-tab {
  width: 50%;
  color: #354764;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
}
.rentTabs .v-tabs-bar .v-tab--active {
  border: 0.5px solid rgba(0, 0, 0, 0.04);
  background: #4EA5B7;
  border-radius: 15px;
  color: #fff;
  box-shadow: 0px 3px 1px 0px rgba(0, 0, 0, 0.04), 0px 3px 8px 0px rgba(0, 0, 0, 0.12);
}
.rentTabs .v-tabs-slider-wrapper {
  height: 0 !important;
}

.sales .v-slide-group__prev {
  display: none;
}
.sales .v-input__prepend-outer {
  display: none;
}

.v-date-picker-header {
  direction: ltr !important;
}

@media (max-width: 346px) {
  .btn-details {
    padding: 0 !important;
  }
  .v-toolbar__content {
    padding: 0 !important;
  }
}
.resultSale .v-input__slot {
  border-radius: 6px;
  background: var(--background, #F5F6F7);
  color: var(--primary-primary, #4EA5B7);
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
}

* {
  text-transform: capitalize;
  letter-spacing: 0 !important;
}

.navbar .theme--light.v-btn--active:before, .navbar .theme--light.v-btn--active:hover:before {
  background: transparent;
}

@media (min-width: 584px) {
  .pr-md-15 {
    padding-right: 60px;
  }
  .pl-md-15 {
    padding-left: 60px;
  }
}
@media (max-width: 584px) {
  .pr-md-15 {
    padding-right: 0 !important;
  }
  .pl-md-15 {
    padding-left: 0 !important;
  }
  .navbar {
    padding: 0 !important;
  }
}
@media (max-width: 462px) {
  .navbar .language .v-btn__content {
    width: -moz-fit-content;
    width: fit-content;
    font-size: 13px;
  }
  .navbar .logoHeader .v-image {
    width: 110px !important;
  }
  .navbar .spacer {
    display: none;
  }
  .v-toolbar__content {
    justify-content: space-evenly;
  }
}
@media (min-width: 424px) {
  .ml-424-5 {
    margin-right: 20px !important;
  }
  .mr-424-6 {
    margin-right: 25px !important;
  }
}
@media (max-width: 480px) {
  .navbar .language {
    min-width: auto !important;
  }
  .ml-424-5 {
    margin-right: 0 !important;
  }
  .mr-424-6 {
    margin-right: 0 !important;
  }
}
.tabFilterMap .v-tab {
  min-width: -moz-fit-content !important;
  min-width: fit-content !important;
}

.navbar {
  background-color: rgb(80, 128, 59);
}
.navbar .navbar-nav {
  padding: 0 !important;
}
.navbar .navbar-nav .nav-item .nav-link {
  color: #FFF;
  font-family: Almarai;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  white-space: nowrap;
}
.navbar .navbar-nav .nav-item .nav-link.active {
  border-bottom: 3px solid var(--White, #FFF);
}
.navbar .btn {
  color: #FFF;
  font-family: Almarai;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.navbar .select-lang {
  background: transparent !important;
  color: #fff !important;
  width: -moz-fit-content;
  width: fit-content;
  width: fit-content;
  padding: 5px;
  border: 0;
  text-align: center;
}
.navbar .select-lang option {
  color: #000 !important;
}
.navbar .logo {
  width: auto;
  flex: 0 0 20%;
}
.navbar .collapse.navbar-collapse {
  width: auto;
  /* flex: 0 0 75%; */
  justify-content: center;
}

@media (max-width: 1155px) and (min-width: 991px) {
  .navbar .navbar-nav .nav-item .nav-link {
    font-size: 11px;
  }
}
.carousel.slide .carousel-caption {
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0.6) 100%);
  bottom: 0 !important;
  right: auto !important;
  left: auto !important;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  padding: 0 15%;
}
.carousel.slide .carousel-caption h2 {
  color: #FFF;
  font-family: Almarai;
font-size: 48px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}
.carousel.slide .carousel-caption p {
  color: #FFF;
  text-align: center;
  font-family: Almarai;
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 34px;
  /* 141.667% */
}
.carousel.slide .carousel-caption .btn-about {
  border-radius: 32px;
  background: var(--White, #FFF);
  padding: 16px 24px;
  gap: 8px;
  font-size: 20px;

  color: rgb(80, 128, 59);
  width: 200px;
  font-size: 18px;
}
.carousel.slide .carousel-caption .btn-about:hover {
  color: rgb(80, 128, 59);
}

@media (max-width: 476px) {
  .carousel-caption {
    display: none !important;
  }
}
@media (max-width: 991px) {
  .navbar .logo {
    width: auto;
    flex: 0 0 35%;
  }
}
.goal h3 {
  color: rgb(80, 128, 59);
  font-family: Almarai;
  font-size: 32px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}
.goal p {
  color: #777;
  font-family: Almarai;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  /* 171.429% */
}
.goal img {
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.goal .box {
  border-radius: 12px;
  background: var(--White, #FFF);
  width: -moz-fit-content;
  width: fit-content;
  padding: 4%;
  position: absolute;
  bottom: 10px;
  left: 25px;
}
.goal .box h2 {
  color: rgb(80, 128, 59);
  text-align: center;
  font-family: Inter;
  font-size: 32px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}
.goal .box h5 {
  color: #777;
  text-align: center;
  font-family: Almarai;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 24px;
  /* 150% */
}
.ministry,.sliderServices{
    background-image:url("../img/bgHome.png");
    background-attachment: fixed;
    background-repeat:no-repeat;
    background-size:cover;
}
.ministry h3,.sliderServices h3{
    color: var(--White, #FFF);
    text-align: center;
    font-family: Almarai;
    font-size: 48px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}
.ministry .box {
  border-radius: 12px;
  border: 1px solid rgba(255, 255, 255, 0.8);
  background: linear-gradient(179deg, rgba(255, 255, 255, 0.3) -0.74%, rgba(159, 159, 159, 0.5) 101.86%);
}
.ministry .box h4 {
  color: #fff;
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: 24px;
  margin-top: 15px;
}
.ministry .box p {
  color: #FFF;
  text-align: center;
  font-family: Almarai;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px; /* 150% */
}

.services h3 {
  color: rgb(80, 128, 59);
  font-family: Almarai;
  font-size: 25px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}
.services .section-title h3{
color: var(--Main-color, #50803B);
text-align: center;
font-family: Almarai;
font-size: 48px;
font-style: normal;
font-weight: 700;
line-height: normal;
}
.services h4 {
  color: var(--main-text-color, #222);
  text-align: center;
  font-family: Almarai;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}
.services .box {
  border-radius: 12px;
  background: rgba(245, 245, 245, 0.8);
  padding: 3%;
}

.swiper {
  /* max-width: 1000px; */
  width: 100%;
  padding-bottom: 50px !important;
}

.swiper-slide {
  background-position: center;
  background-size: cover;
  width: 600px !important;
  height: 300px !important;
  overflow: hidden;
  border-radius: 8px;
}
.swiper-slide.swiper-slide-visible.swiper-slide-active {
  transition: all 0.3s !important;
}
.swiper-slide.swiper-slide-visible.swiper-slide-next, .swiper-slide.swiper-slide-visible.swiper-slide-prev {
  transition: all 0.5s !important;
}
.swiper-slide .text {
  height: 100%;
  color: #fff;
  background-color: rgba(0, 0, 0, 0.5);
  position: relative;
  padding: 3%;
  z-index: 999999999999999;
}
.swiper-slide .text p {
  color: var(--White, #FFF);
  text-align: center;
  font-family: Almarai;
  font-size: 24px;
  font-style: normal;
  font-weight: 400;
  line-height: 34px;
  /* 141.667% */
}
.swiper-slide .text .btn-more {
  background-color: rgb(80, 128, 59);
    width:fit-content;
  color: #fff;
  border-radius: 20px;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  -ms-border-radius: 20px;
  -o-border-radius: 20px;
  flex: 0 0 auto;
  min-width: 150px;
}

.swiper-controller {
  position: relative;
  margin-top: 80px;
  display: flex;
  gap: 10px;
  z-index: 1111;
}
.swiper-controller .swiper-button-next {
  margin-right: 150px;
}
.swiper-controller .swiper-button-prev {
  margin-left: 150px;
}

.slider-arrow {
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
  border-radius: 50%;
  width: 30px !important;
  height: 30px !important;
  cursor: pointer;
  background: #fff;
}
.slider-arrow::after {
  content: "";
}
.slider-arrow .icon {
  position: relative;
  z-index: 11111111111;
  color: black;
  font-size: 16px;
  font-weight: 500;
  pointer-events: all;
  cursor: pointer;
}

.swiper-pagination {
  transform: translateY(50%) !important;
}
.swiper-pagination .swiper-pagination-bullet {
  width: 10px !important;
  height: 4px !important;
  border-radius: 4px !important;
  transition: all 0.3s;
  background: #ffffff;
}
.swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  width: 20px !important;
  background: #ffffff;
}

.groupSwiper {
  width: inherit;
  height: inherit;
  background-position: 100% 100%;
  background-size: cover;
}

.bottom-20 {
  bottom: 20px !important;
}

.eventCard img {
  height: 300px;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: top;
     object-position: top;
}
.eventCard h2 {
  margin: 4% 0;
  color: var(--main-text-color, #222);
  font-family: Almarai;
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}
.eventCard .time {
  display: flex;
  justify-content: space-evenly;
  width: 100%;
  align-items: center;
}
.eventCard .time span {
  color: var(--Main-color, #50803B);
  font-family: Almarai;
  font-size: 34px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.eventCard .time span p {
  color: #777;
  text-align: center;
  font-family: Almarai;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

.owl-prev,
.owl-next {
  background: #50803B !important;
  padding: 1% 3% !important;
  color: #fff !important;
  width: 30px;
  height: 30px;
}

footer {
  margin-top: 6%;
  padding: 3% 0 1%;
  background: #F8F8F8;
}
footer h3 {
  color: var(--main-text-color, #222);
  font-family: Almarai;
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 34px;
  /* 141.667% */
  margin-bottom: 10%;
}
footer ul li {
  color: var(--main-text-color, #222);
  font-family: Almarai;
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: 34px;
  /* 141.667% */
  margin-bottom: 3%;
}
footer .communication a {
  color: var(--main-text-color, #222);
  font-family: Almarai;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 26px;
  /* 162.5% */
}
footer .communication i {
  color: rgb(80, 128, 59);
  font-size: 18px;
}

.btn-send {
  color: #fff !important;
  background-color: rgb(80, 128, 59) !important;
  font-family: Almarai;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 20px;
  margin-top: 5%;
  padding: 16px 24px !important;
  padding: 2% 0;
  border-radius: 25px;
  -webkit-border-radius: 25px;
  -moz-border-radius: 25px;
  -ms-border-radius: 25px;
  -o-border-radius: 25px;
  transition: all 0.5s ease-in-out;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  border: 1px solid rgb(80, 128, 59) !important;
}
.btn-send:hover {
  background-color: transparent !important;
  color: rgb(80, 128, 59) !important;
}

.bg-time a {
  text-decoration: none;
  color: var(--main-text-color, #222);
  font-family: Almarai;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 26px;
  /* 162.5% */
}
.bg-time a button {
  width: 200px;
}

@media (min-width: 582px) {
  .event-carousel .owl-prev {
    position: absolute;
    top: 25%;
    left: -4%;
  }
  .event-carousel .owl-next {
    position: absolute;
    top: 25%;
    right: -4%;
  }
}
@media (min-width: 992px) {
  .myResponsiveMobileSwiper {
    display: none;
  }
}
@media (max-width: 992px) {
  .mySwiper {
    display: none;
  }
}
.breadcrumb-item + .breadcrumb-item::before {
  float: none !important;
}

.aboutPage .bg-about {
  background-color: rgba(0, 0, 0, 0.3);
}
.aboutPage .header {
  background-image: url("../img/aboutHeader.png");
  background-size: cover;
  height: 277px;
}
.aboutPage .header h1 {
  color: #fff;
  font-family: Almarai;
  font-size: 40px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}
.aboutPage .header .breadcrumb {
  flex-wrap: nowrap;
}
.aboutPage .header .breadcrumb .breadcrumb-item a {
  color: var(--White, #bbb5b5);
  font-family: Almarai;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  text-decoration: none;
  /* 171.429% */
}
.aboutPage .header .breadcrumb .breadcrumb-item::before {
  color: var(--White, #FFF);
  margin: 0 1%;
}
.aboutPage .header .breadcrumb .breadcrumb-item.active {
  width: -webkit-fill-available;
  color: var(--White, #FFF);
}
.aboutPage .header .section {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.cityControle .section .section-title h3 {
  color: rgb(80, 128, 59);
  font-family: Almarai;
  font-size: 48px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}
.cityControle .section .section-title p {
  color: #222;
  font-family: Almarai;
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}
.cityControle .card {
  margin-top: 8%;
  border-radius: 12px;
  border: 1px solid #E0E0E0;
  background: #FFF;
  padding: 2%;
}
.cityControle .card img {
  width: 150px;
  height: 150px;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: top;
     object-position: top;
  margin: 5% auto;
}
.cityControle .card .rolePerson {
  color: var(--Main-color, #50803B);
  text-align: center;
  font-family: Almarai;
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}
.cityControle .card .fieldName {
  color: #777;
  text-align: center;
  font-family: Almarai;
  font-size: 13px;
  font-style: normal;
  font-weight: 700;
  line-height: 30px;
  /* 187.5% */
}
.cityControle .card .presonName {
  color: #000;
  text-align: center;
  font-family: Almarai;
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: 30px;
  /* 187.5% */
}
.cityControle .membership {
  color: var(--main-text-color, #222);
  text-align: center;
  font-family: Almarai;
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}

.create {
  /*background-image: url(../img/banner.jpeg);*/
  background-size: cover;
  background-position: 100% 100%;
  padding: 5% 0;
}
.create .section {
  border-radius: 12px;
  background: #FFF;
}
.create .section h3 {
  color: var(--Main-color, #50803B);
  font-family: Almarai;
  font-size: 40px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}
.create .section p {
  color: #777;
  text-align: center;
  font-family: Almarai;
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: 24px;
  /* 171.429% */
}

.powers {
  margin: 90px 0;
}
.powers .section .section-title h3 {
  color: var(--Main-color, #50803B);
  text-align: center;
  font-family: Almarai;
  font-size: 48px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}
.powers  p {
  color: #777;
  text-align: center;
  font-family: Almarai;
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: 24px;
  /* 171.429% */
}
.powers img {
  height: 332px;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: 100%;
     object-position: 100%;
  display: block;
  margin: 2% auto;
  width: 768px;
  border-radius: 20px;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  -ms-border-radius: 20px;
  -o-border-radius: 20px;
}

.places {
  background: #FBFBFB;
  padding: 5% 0;
}
.places .section .section-title h3 {
  color: var(--Main-color, #50803B);
  text-align: center;
  font-family: Almarai;
  font-size: 48px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}
.places .card .card-header h4 {
  color: var(--Main-color, #50803B);
  text-align: center;
  font-family: Almarai;
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}
.places .card .card-body {
  padding: 0 !important;
}
.places .card .card-body .folow {
  padding: 16px 8px;
  width: 100%;
  background: #F3F3F3;
}
.places .card .card-body .folow p {
  color: var(--Secondary-text-color, #777);
  text-align: center;
  font-family: Almarai;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 26px;
  /* 162.5% */
  margin: 0 !important;
}
.places .card .card-body .city {
  border-bottom: 1px solid rgba(80, 128, 59, 0.2);
  padding: 16px 8px;
  gap: 8px;
}
.places .card .card-body .city p {
  color: var(--main-text-color, #222);
  margin: 0 !important;
  text-align: center;
  font-family: Almarai;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 26px;
  /* 162.5% */
}

.achivement {
  margin: 5% 0;
}
.achivement .section h3 {
  color: var(--Main-color, #50803B);
  text-align: center;
  font-family: Almarai;
  font-size: 48px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  margin-bottom:64px !important;
}
.achivement .number {
  flex: 0 0 auto;
  color: var(--Main-color, #50803B);
  text-align: center;
  font-family: Almarai;
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  border: 1px solid rgb(80, 128, 59);
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  width: 56px;
  height: 56px;
}

@media (max-width: 1200px) {
  .d-1200-none {
    display: none !important;
  }
  .mt-1200-6 {
    margin-top: 3%;
  }
}
.recruitment {
  /* SVG */
  /* SVG animations */
  /* Button animations */
}
.recruitment h2.title {
  color: rgb(80, 128, 59);
  text-align: center;
  font-family: Almarai;
  font-size: 48px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  margin: 3% 0;
}
.recruitment .accordion-button::after {
  background-image: url("../img/minus.svg") !important;
}
.recruitment .accordion-button.collapsed::after {
  background-image: url("../img/plus.svg") !important;
}
.recruitment .accordion-item {
  border: 1px solid rgb(80, 128, 59);
  margin: 2% 0;
}
.recruitment .accordion-item button {
  color: var(--main-text-color, #222);
  font-family: Almarai;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}
.recruitment .accordion-item .accordion-body h3 {
  color: #000;
  font-family: Almarai;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.recruitment .accordion-item .accordion-body p {
  color: #777;
  font-family: Almarai;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  /* 171.429% */
}
.recruitment .input-form {
  position: relative;
  font-family: Arial, Helvetica, sans-serif;
  margin: 2% 0;
}
.recruitment .input-form .input {
  border: solid 1.9px #9e9e9e;
  border-radius: 0.5rem;
  background: none;
  padding: 1rem;
  font-size: 1rem;
  color: #000000;
  transition: border 150ms cubic-bezier(0.4, 0, 0.2, 1);
  -webkit-border-radius: 0.5rem;
  -moz-border-radius: 0.5rem;
  -ms-border-radius: 0.5rem;
  -o-border-radius: 0.5rem;
  -webkit-transition: border 150ms cubic-bezier(0.4, 0, 0.2, 1);
  -moz-transition: border 150ms cubic-bezier(0.4, 0, 0.2, 1);
  -ms-transition: border 150ms cubic-bezier(0.4, 0, 0.2, 1);
  -o-transition: border 150ms cubic-bezier(0.4, 0, 0.2, 1);
  width: 100%;
}
.recruitment .input-form .textUser {
  position: absolute;
  right: 15px;
  color: #666666;
  pointer-events: none;
  transform: translateY(1rem);
  transition: 150ms cubic-bezier(0.4, 0, 0.2, 1);
}
.recruitment .input-form .input:focus,
.recruitment .input-form input:valid {
  outline: none;
  box-shadow: -1px 2px 5px rgba(133, 133, 133, 0.523);
  background-image: linear-gradient(to top, rgba(182, 182, 182, 0.199), rgba(252, 252, 252, 0));
  transition: background 4s ease-in-out;
  margin: 3% 0 0;
}
.recruitment .input-form .input:focus ~ label,
.recruitment .input-form input:valid ~ label {
  transform: translateY(-95%) scale(0.9);
  padding: 0 0.2em;
  color: rgba(0, 0, 0, 0.7450980392);
  -webkit-transform: translateY(-95%) scale(0.9);
  -moz-transform: translateY(-95%) scale(0.9);
  -ms-transform: translateY(-95%) scale(0.9);
  -o-transform: translateY(-95%) scale(0.9);
  margin: 2% 0;
}
.recruitment .input-form .input:hover {
  border: solid 1.9px #000002;
  transform: scale(1.03);
  box-shadow: -1px 1px 5px rgba(133, 133, 133, 0.523);
  transition: border-color 1s ease-in-out;
}
.recruitment .form-select {
  background-position: left 0.75rem center;
  min-height: 3.5rem;
  margin: 2% 0;
}
.recruitment .boxFile {
  border-radius: 3px;
  border: 1px solid #DBDBDB;
  background: #FFF;
  width: 100%;
  height: 50px;
  display: flex;
  align-items: center;
  padding: 0 4%;
  margin: 2% 0;
}
.recruitment .inputImage {
  display: none;
}
.recruitment form {
  border-radius: 12px;
  background: #F8F8F8;
  padding: 8%;
}
.recruitment form h2 {
  color: var(--Main-color, #50803B);
  text-align: center;
  font-family: Almarai;
  font-size: 32px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}
.recruitment .btn-conteiner {
  margin-top: 5%;
  display: flex;
  --color-text: #ffffff;
  --color-background: #50803B;
  --color-outline: #50803B;
  --color-shadow: #00000080;
}
.recruitment .btn-content {
  display: flex;
  align-items: center;
  padding: 5px 30px;
  text-decoration: none;
  font-family: "Poppins", sans-serif;
  font-weight: 600;
  font-family: Almarai;
  font-size: 16px;
  font-style: normal;
  line-height: 30px;
  /* 187.5% */
  color: var(--color-text);
  background: var(--color-background);
  transition: 1s;
  border-radius: 100px;
  box-shadow: 0 0 0.2em 0 var(--color-background);
}
.recruitment .btn-content:hover,
.recruitment .btn-content:focus {
  transition: 0.5s;
  animation: btn-content 1s;
  outline: 0.1em solid transparent;
  outline-offset: 0.2em;
  box-shadow: 0 0 0.4em 0 var(--color-background);
}
.recruitment .btn-content .icon-arrow {
  transition: 0.5s;
  margin-left: 0px;
  transform: scale(0.6);
}
.recruitment .btn-content:hover .icon-arrow {
  transition: 0.5s;
  margin-left: 25px;
}
.recruitment .icon-arrow {
  width: 20px;
  margin-right: 15px;
  position: relative;
}
.recruitment #arrow-icon-one {
  transition: 0.4s;
  transform: translateX(60%);
}
.recruitment #arrow-icon-two {
  transition: 0.5s;
  transform: translateX(30%);
}
.recruitment .btn-content:hover #arrow-icon-three {
  animation: color_anim 1s infinite 0.2s;
}
.recruitment .btn-content:hover #arrow-icon-one {
  transform: translateX(0%);
  animation: color_anim 1s infinite 0.6s;
}
.recruitment .btn-content:hover #arrow-icon-two {
  transform: translateX(0%);
  animation: color_anim 1s infinite 0.4s;
}
@keyframes color_anim {
  0% {
    fill: white;
  }
  50% {
    fill: var(--color-background);
  }
  100% {
    fill: white;
  }
}
@keyframes btn-content {
  0% {
    outline: 0.2em solid var(--color-background);
    outline-offset: 0;
  }
}

@media (max-width: 768px) {
  .recruitment .w-md-90 {
    width: 90%;
  }
}
.accordion-button:not(.collapsed) {
  background-color: transparent;
}

.blogs .landing-section {
  background-image: url(Images/section\ background.png);
  padding: 80px 0;
}
.blogs .landing-section h1 {
  color: #fff;
  font-size: 40px;
  margin-bottom: 30px;
  font-weight: 700;
}
.blogs .current-path-holder a {
  opacity: 0.6;
  color: #fff;
  font-size: 14px;
  font-weight: 400;
}
.blogs .current-path-holder a.active {
  opacity: 1;
}
.blogs .current-path-holder img {
  width: 18px;
  margin-bottom: -3px;
}
.blogs .btns-filter-holder {
  width: 80%;
  margin: 0 auto;
}
.blogs .btn-holder input {
  display: none;
}
.blogs .btn-holder label {
  all: unset;
  display: block;
  width: -moz-fit-content;
  width: fit-content;
  background-color: white;
  cursor: pointer;
  font-size: 16px;
  font-weight: 700;
  color: #50803b;
  border: 1px solid #50803b;
  border-radius: 5px;
  padding: 8px 24px;
  transition: 0.3s;
  white-space: nowrap;
}
.blogs .btn-holder input:checked + label {
  background-color: #50803b;
  color: white;
}
.blogs .btn-holder label:hover {
  background-color: rgba(80, 128, 59, 0.2470588235);
  color: #50803b;
}
.blogs .blog-box {
  display: block;
  overflow: hidden;
  padding: 0 15px;
}
.blogs .blog-img-holder {
    width: 100%;
    height: 200px;
}
.blogs .blog-img-holder img {
    width: 100%;
    height: 100% !important;
    object-fit: cover;
    border-radius:12px;
}
.blogs .blog-date p {
  margin: 0;
  color: gray;
}
.blogs .blog-title {
  color: #000;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
}
@media (max-width: 1200px) {
  .blogs .btns-filter-holder {
    width: 100%;
  }
  .blogs .btn-holder label {
    padding: 8px 16px;
    font-size: 14px;
    margin-left: 10px;
  }
}
@media (max-width: 770px) {
  .blogs .btns-filter-holder {
    width: 100%;
    overflow: scroll;
    overflow-wrap: break-word;
  }
}

.oneBlog {
    padding: 1%;
    background: #fff;
    position: relative;
    display: flex;
    place-content: center;
    place-items: center;
    overflow: hidden;
    border-radius: 20px;
    flex-direction: column;
    border-radius: 12px;
    border: 1px solid #E0E0E0;
}
.oneBlog a {
  z-index: 1;
}
.oneBlog:hover::before {
  content: "";
  position: absolute;
  width: 100px;
  background-image: linear-gradient(180deg, #50803B, #232D3F);
  height: 320%;
  animation: rotBGimg 3s linear infinite;
  transition: all 0.2s linear;
}
.oneBlog::after {
  content: "";
  position: absolute;
  background: #fff;
  inset: 5px;
  border-radius: 15px;
}

@keyframes rotBGimg {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
.play {
  position: absolute;
  top: 28%;
  left: 41%;
  background: #fff;
  border-radius: 50%;
  padding: 4% 6%;
}

a {
  text-decoration: none;
}

.pagination {
  display: flex;
  justify-content: center;
  align-items: center;
}
.pagination .page-item {
  margin: 0 0.5%;
  border-radius: 3px;
}
.pagination .page-item a {
  color: rgb(80, 128, 59);
  font-weight: 500;
}
.pagination .page-item.active a {
  background-color: rgb(80, 128, 59) !important;
  color: #fff;
}
.pagination .page-item:last-child .page-link {
  border-radius: 0 !important;
  -webkit-border-radius: 0 !important;
  -moz-border-radius: 0 !important;
  -ms-border-radius: 0 !important;
  -o-border-radius: 0 !important;
}
.pagination .page-item:first-child .page-link {
  border-radius: 0 !important;
  -webkit-border-radius: 0 !important;
  -moz-border-radius: 0 !important;
  -ms-border-radius: 0 !important;
  -o-border-radius: 0 !important;
}

.ads .card {
  border-radius: 12px;
  background: #F8F8F8;
  padding: 7%;
  border: 0;
}
.ads .card h3 {
  color: var(--main-text-color, #222);
  font-family: Almarai;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 26px;
  /* 162.5% */
}
.ads .card i {
  color: rgb(80, 128, 59);
}
.ads .card span {
  color: var(--Secondary-text-color, #777);
  font-family: Almarai;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 34px;
  /* 212.5% */
}

.blogdetails h3 {
  color: var(--main-text-color, #222);
  font-family: Almarai;
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 26px;
  /* 108.333% */
}
.blogdetails p {
  color: #777;
  font-family: Almarai;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  /* 171.429% */
}
.blogdetails h2 {
  color: var(--Main-color, #50803B);
  text-align: center;
  font-family: Almarai;
  font-size: 40px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  margin: 8% 0;
}
.blogdetails .blog-title {
  color: var(--main-text-color, #222);
  font-family: Almarai;
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: 24px;
  /* 171.429% */
}
.blogdetails .showMore {
  color: var(--Main-color, #50803B);
  font-family: Almarai;
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: 27px;
  /* 192.857% */
  display: block;
  width: 100%;
}

a {
  text-decoration: none;
}

.btn-order {
  border-radius: 50px;
  background: var(--Main-color, #50803B);
  padding: 3% 4% !important;
  color: var(--White, #FFF);
  font-family: Almarai;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 24px;
  /*150%*/
  margin: 4% 2%;
  transition: all 0.5s ease-in-out;
}
.btn-order:hover {
  color: #50803B;
  border: 1px solid #50803B;
}

.consultion {
  /* SVG */
  /* SVG animations */
  /* Button animations */
}
.consultion .input-form {
  position: relative;
  font-family: Arial, Helvetica, sans-serif;
  margin: 2% 0;
}
.consultion .input-form .input {
  border: solid 1.9px #9e9e9e;
  border-radius: 0.5rem;
  background: none;
  padding: 1rem;
  font-size: 1rem;
  color: #000000;
  transition: border 150ms cubic-bezier(0.4, 0, 0.2, 1);
  -webkit-border-radius: 0.5rem;
  -moz-border-radius: 0.5rem;
  -ms-border-radius: 0.5rem;
  -o-border-radius: 0.5rem;
  -webkit-transition: border 150ms cubic-bezier(0.4, 0, 0.2, 1);
  -moz-transition: border 150ms cubic-bezier(0.4, 0, 0.2, 1);
  -ms-transition: border 150ms cubic-bezier(0.4, 0, 0.2, 1);
  -o-transition: border 150ms cubic-bezier(0.4, 0, 0.2, 1);
  width: 100%;
}
.consultion .input-form .textUser {
  position: absolute;
  right: 15px;
  color: #666666;
  pointer-events: none;
  transform: translateY(1rem);
  transition: 150ms cubic-bezier(0.4, 0, 0.2, 1);
}
.consultion .input-form .input:focus,
.consultion .input-form input:valid {
  outline: none;
  box-shadow: -1px 2px 5px rgba(133, 133, 133, 0.523);
  background-image: linear-gradient(to top, rgba(182, 182, 182, 0.199), rgba(252, 252, 252, 0));
  transition: background 4s ease-in-out;
  margin: 3% 0 0;
}
.consultion .input-form .input:focus ~ label,
.consultion .input-form input:valid ~ label {
  transform: translateY(-95%) scale(0.9);
  padding: 0 0.2em;
  color: rgba(0, 0, 0, 0.7450980392);
  -webkit-transform: translateY(-95%) scale(0.9);
  -moz-transform: translateY(-95%) scale(0.9);
  -ms-transform: translateY(-95%) scale(0.9);
  -o-transform: translateY(-95%) scale(0.9);
  margin: 2% 0;
}
.consultion .input-form .input:hover {
  border: solid 1.9px #000002;
  transform: scale(1.03);
  box-shadow: -1px 1px 5px rgba(133, 133, 133, 0.523);
  transition: border-color 1s ease-in-out;
}
.consultion .btn-conteiner {
  margin-top: 5%;
  display: flex;
  --color-text: #ffffff;
  --color-background: #50803B;
  --color-outline: #50803B;
  --color-shadow: #00000080;
}
.consultion .btn-content {
  display: flex;
  align-items: center;
  padding: 5px 30px;
  text-decoration: none;
  font-family: "Poppins", sans-serif;
  font-weight: 600;
  font-family: Almarai;
  font-size: 16px;
  font-style: normal;
  line-height: 30px;
  /* 187.5% */
  color: var(--color-text);
  background: var(--color-background);
  transition: 1s;
  border-radius: 100px;
  box-shadow: 0 0 0.2em 0 var(--color-background);
}
.consultion .btn-content:hover,
.consultion .btn-content:focus {
  transition: 0.5s;
  animation: btn-content 1s;
  outline: 0.1em solid transparent;
  outline-offset: 0.2em;
  box-shadow: 0 0 0.4em 0 var(--color-background);
}
.consultion .btn-content .icon-arrow {
  transition: 0.5s;
  margin-left: 0px;
  transform: scale(0.6);
}
.consultion .btn-content:hover .icon-arrow {
  transition: 0.5s;
  margin-left: 25px;
}
.consultion .icon-arrow {
  width: 20px;
  margin-right: 15px;
  position: relative;
}
.consultion #arrow-icon-one {
  transition: 0.4s;
  transform: translateX(60%);
}
.consultion #arrow-icon-two {
  transition: 0.5s;
  transform: translateX(30%);
}
.consultion .btn-content:hover #arrow-icon-three {
  animation: color_anim 1s infinite 0.2s;
}
.consultion .btn-content:hover #arrow-icon-one {
  transform: translateX(0%);
  animation: color_anim 1s infinite 0.6s;
}
.contactUs .btn-conteiner {
  margin-top: 5%;
  display: flex;
  --color-text: #ffffff;
  --color-background: #50803B;
  --color-outline: #50803B;
  --color-shadow: #00000080;
}
.contactUs .btn-content {
  display: flex;
  align-items: center;
  padding: 5px 30px;
  text-decoration: none;
  font-family: "Poppins", sans-serif;
  font-weight: 600;
  font-family: Almarai;
  font-size: 16px;
  font-style: normal;
  line-height: 30px;
  /* 187.5% */
  color: var(--color-text);
  background: var(--color-background);
  transition: 1s;
  border-radius: 100px;
  box-shadow: 0 0 0.2em 0 var(--color-background);
}
.contactUs .btn-content:hover,
.contactUs .btn-content:focus {
  transition: 0.5s;
  animation: btn-content 1s;
  outline: 0.1em solid transparent;
  outline-offset: 0.2em;
  box-shadow: 0 0 0.4em 0 var(--color-background);
}
.contactUs .btn-content .icon-arrow {
  transition: 0.5s;
  margin-left: 0px;
  transform: scale(0.6);
}
.contactUs .btn-content:hover .icon-arrow {
  transition: 0.5s;
  margin-left: 25px;
}
.contactUs .icon-arrow {
  width: 20px;
  margin-right: 15px;
  position: relative;
}
.contactUs #arrow-icon-one {
  transition: 0.4s;
  transform: translateX(60%);
}
.contactUs #arrow-icon-two {
  transition: 0.5s;
  transform: translateX(30%);
}
.contactUs .btn-content:hover #arrow-icon-three {
  animation: color_anim 1s infinite 0.2s;
}
.contactUs .btn-content:hover #arrow-icon-one {
  transform: translateX(0%);
  animation: color_anim 1s infinite 0.6s;
}
.contactUs .btn-content:hover #arrow-icon-two {
  transform: translateX(0%);
  animation: color_anim 1s infinite 0.4s;
}
@keyframes color_anim {
  0% {
    fill: white;
  }
  50% {
    fill: var(--color-background);
  }
  100% {
    fill: white;
  }
}
@keyframes btn-content {
  0% {
    outline: 0.2em solid var(--color-background);
    outline-offset: 0;
  }
}
.consultion .form-container {
  border-radius: 12px;
  background: #F8F8F8;
  width: 85%;
  margin: 8% auto;
  display: block;
}
.consultion .form-container .wizard span {
  color: var(--Secondary-text-color, #777);
  font-family: Almarai;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}
.consultion .form-container .wizard .active {
  background-color: #50803B;
}
.consultion .form-container .wizard .notActive {
  background-color: #C6D4BF;
}
.consultion .form-container #twoForm label {
  color: var(--main-text-color, #222);
  display: block;
  font-family: Almarai;
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}
.consultion .form-container .title {
  color: var(--Main-color, #50803B);
  text-align: center;
  font-family: Almarai;
  font-size: 32px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  padding-top: 6%;
}
.consultion .form-container form {
  padding: 5%;
}

@media (max-width: 750px) {
  .consultion .form-container {
    width: 95%;
  }
}
.checkmark {
  display: block;
  width: 30px;
  height: 30px;
  background-color: #ddd;
  border-radius: 10px;
  position: relative;
  transition: background-color 0.4s;
  overflow: hidden;
  cursor: pointer;
}
.checkmark::after {
  content: "";
  position: absolute;
  width: 5px;
  height: 10px;
  border-right: 3px solid #fff;
  border-bottom: 3px solid #fff;
  top: 44%;
  left: 50%;
  transform: translate(-50%, -50%) rotateZ(40deg) scale(10);
  opacity: 0;
  transition: all 0.4s;
}

#check:checked ~ .checkmark {
  background-color: rgb(80, 128, 59);
}
#check:checked ~ .checkmark::after {
  opacity: 1;
  transform: translate(-50%, -50%) rotateZ(40deg) scale(1);
}

@media (max-width: 640px) {
  .consultion .input-form .input:focus,
  .consultion .input-form input:valid,
  .recruitment .input-form .input:focus,
  .recruitment .input-form input:valid,
  .contactUs .input-form .input:focus,
  .contactUs .input-form input:valid {
    margin: 6% 0 3%;
  }
  .consultion .input-form .input:focus ~ label,
  .consultion .input-form input:valid ~ label,
  .recruitment .input-form .input:focus ~ label,
  .recruitment .input-form input:valid ~ label,
  .contactUs .input-form .input:focus ~ label,
  .contactUs .input-form input:valid ~ label {
    margin: 4% 0;
  }
}
.thanks h2 {
  color: var(--Main-color, #50803B);
  text-align: center;
  font-family: Almarai;
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}
.thanks p {
  color: var(--main-text-color, #222);
  text-align: center;
  font-family: Almarai;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  /* 171.429% */
}
.thanks button {
  border-radius: 32px;
  background: var(--Main-color, #50803B);
  color: var(--White, #FFF);
  text-align: center;
  font-family: Almarai;
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: 30px;
  /* 214.286% */
  padding: 3%;
  margin: 2% auto;
  display: block;
}
.thanks button:hover {
  color: #50803B;
  border: 1px solid #50803B;
}

.contactUs h2 {
  color: var(--Main-color, #50803B);
  font-family: Almarai;
  font-size: 32px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  margin-bottom: 5%;
}
.contactUs .input-form {
  position: relative;
  font-family: Arial, Helvetica, sans-serif;
  margin: 2% 0;
}
.contactUs .input-form .input {
  border: solid 1.9px #9e9e9e;
  border-radius: 0.5rem;
  background: none;
  padding: 1rem;
  font-size: 1rem;
  color: #000000;
  transition: border 150ms cubic-bezier(0.4, 0, 0.2, 1);
  -webkit-border-radius: 0.5rem;
  -moz-border-radius: 0.5rem;
  -ms-border-radius: 0.5rem;
  -o-border-radius: 0.5rem;
  -webkit-transition: border 150ms cubic-bezier(0.4, 0, 0.2, 1);
  -moz-transition: border 150ms cubic-bezier(0.4, 0, 0.2, 1);
  -ms-transition: border 150ms cubic-bezier(0.4, 0, 0.2, 1);
  -o-transition: border 150ms cubic-bezier(0.4, 0, 0.2, 1);
  width: 100%;
}
.contactUs .input-form .textUser {
  position: absolute;
  right: 15px;
  color: #666666;
  pointer-events: none;
  transform: translateY(1rem);
  transition: 150ms cubic-bezier(0.4, 0, 0.2, 1);
}
.contactUs .input-form .input:focus,
.contactUs .input-form input:valid {
  outline: none;
  box-shadow: -1px 2px 5px rgba(133, 133, 133, 0.523);
  background-image: linear-gradient(to top, rgba(182, 182, 182, 0.199), rgba(252, 252, 252, 0));
  transition: background 4s ease-in-out;
  margin: 5% 0 0;
}
.contactUs .input-form .input:focus ~ label,
.contactUs .input-form input:valid ~ label {
  transform: translateY(-95%) scale(0.9);
  padding: 0 0.2em;
  color: rgba(0, 0, 0, 0.7450980392);
  -webkit-transform: translateY(-95%) scale(0.9);
  -moz-transform: translateY(-95%) scale(0.9);
  -ms-transform: translateY(-95%) scale(0.9);
  -o-transform: translateY(-95%) scale(0.9);
  margin: 4% 0;
}
.contactUs .input-form .input:hover {
  border: solid 1.9px #000002;
  transform: scale(1.03);
  box-shadow: -1px 1px 5px rgba(133, 133, 133, 0.523);
  transition: border-color 1s ease-in-out;
}
.contactUs .cardContact {
  border-radius: 12px;
  background: #F8F8F8;
  padding: 24px;
  margin: 16px 0;
}
.contactUs .cardContact i {
  color: rgb(80, 128, 59);
  font-size: 20px;
}
.contactUs .cardContact a {
  color: var(--main-text-color, #222);
  font-family: Almarai;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}

.trainingProgramme {
  /* SVG */
  /* SVG animations */
  /* Button animations */
}
.trainingProgramme h2 {
  color: var(--Main-color, #50803B);
  text-align: right;
  font-family: Almarai;
  font-size: 40px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}
.trainingProgramme p {
  color: #777;
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: 24px;
  /* 171.429% */
}
.trainingProgramme .btn-conteiner {
  margin-top: 5%;
  display: flex;
  --color-text: #ffffff;
  --color-background: #50803B;
  --color-outline: #50803B;
  --color-shadow: #00000080;
}
.trainingProgramme .btn-content {
  display: flex;
  align-items: center;
  padding: 5px 30px;
  text-decoration: none;
  font-family: "Poppins", sans-serif;
  font-weight: 600;
  font-family: Almarai;
  font-size: 16px;
  font-style: normal;
  line-height: 30px;
  /* 187.5% */
  color: var(--color-text);
  background: var(--color-background);
  transition: 1s;
  border-radius: 100px;
  box-shadow: 0 0 0.2em 0 var(--color-background);
}
.trainingProgramme .btn-content:hover,
.trainingProgramme .btn-content:focus {
  transition: 0.5s;
  animation: btn-content 1s;
  outline: 0.1em solid transparent;
  outline-offset: 0.2em;
  box-shadow: 0 0 0.4em 0 var(--color-background);
}
.trainingProgramme .btn-content .icon-arrow {
  transition: 0.5s;
  margin-left: 0px;
  transform: scale(0.6);
}
.trainingProgramme .btn-content:hover .icon-arrow {
  transition: 0.5s;
  margin-left: 25px;
}
.trainingProgramme .icon-arrow {
  width: 20px;
  margin-right: 15px;
  position: relative;
}
.trainingProgramme #arrow-icon-one {
  transition: 0.4s;
  transform: translateX(60%);
}
.trainingProgramme #arrow-icon-two {
  transition: 0.5s;
  transform: translateX(30%);
}
.trainingProgramme .btn-content:hover #arrow-icon-three {
  animation: color_anim 1s infinite 0.2s;
}
.trainingProgramme .btn-content:hover #arrow-icon-one {
  transform: translateX(0%);
  animation: color_anim 1s infinite 0.6s;
}
.trainingProgramme .btn-content:hover #arrow-icon-two {
  transform: translateX(0%);
  animation: color_anim 1s infinite 0.4s;
}
@keyframes color_anim {
  0% {
    fill: white;
  }
  50% {
    fill: var(--color-background);
  }
  100% {
    fill: white;
  }
}
@keyframes btn-content {
  0% {
    outline: 0.2em solid var(--color-background);
    outline-offset: 0;
  }
}

.bestTraining .card {
  border-radius: 12px;
  background: #F8F8F8;
  border: 0;
  padding: 2%;
  margin-bottom: 4%;
}
.bestTraining .card img {
  border-radius: 8px;
  height: 222px;
}
.bestTraining .card h3 {
  color: var(--main-text-color, #222);
  font-family: Almarai;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 34px;
  /* 212.5% */
}
.bestTraining .card p {
  color: var(--Secondary-text-color, #777);
  font-family: Almarai;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 34px;
  /* 212.5% */
}
.bestTraining .intecator {
  box-shadow: 0 1px 25px rgba(0, 0, 0, 0.2);
  display: flex;
  flex-direction: row;
  padding: 12px 10px;
  width: 350px;
}
.bestTraining .card_load {
  width: 70px;
  height: 70px;
  position: relative;
  float: left;
  background: linear-gradient(120deg, #e5e5e5 30%, #f0f0f0 38%, #f0f0f0 40%, #e5e5e5 48%);
  border-radius: 50%;
  background-size: 200% 100%;
  background-position: 100% 0;
  animation: load89234 2s infinite;
}
.bestTraining .card_load_extreme_title {
  width: 90px;
  height: 10px;
  position: relative;
  float: right;
  border-radius: 5px;
  background: linear-gradient(120deg, #e5e5e5 30%, #f0f0f0 38%, #f0f0f0 40%, #e5e5e5 48%);
  background-size: 200% 100%;
  background-position: 100% 0;
  animation: load89234 2s infinite;
}
.bestTraining .card_load_extreme_descripion {
  width: 90px;
  height: 47px;
  position: relative;
  float: right;
  border-radius: 5px;
  background: linear-gradient(120deg, #e5e5e5 30%, #f0f0f0 38%, #f0f0f0 40%, #e5e5e5 48%);
  margin-top: 10px;
  background-size: 200% 100%;
  background-position: 100% 0;
  animation: load89234 2s infinite;
}
@keyframes load89234 {
  100% {
    background-position: -100% 0;
  }
}

.tableProgramme table {
  border: 0 !important;
  border-collapse: separate !important;
}
.tableProgramme table tr {
  border-radius: 12px;
  border: 1px solid var(--Main-color, #50803B);
  background: #F8F8F8;
  height: 68px;
}
.btn-show {
  border-radius: 32px;
  border: 1px solid var(--Main-color, #50803B);
  background: var(--White, #FFF);
  color: var(--Main-color, #50803B);
  font-family: Almarai;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 30px;
  /* 187.5% */
  transition: all 0.5s ease-in-out;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
}
.btn-show:hover {
  background-color: #50803B;
  color: #fff;
}

.selectGender {
  background-position: left 0.75rem center;
  min-height: 3.5rem;
  margin: 2% 0;
}

.programmeDetails h3 {
  color: var(--main-text-color, #222);
  text-align: right;
  font-family: Almarai;
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 34px;
  /* 141.667% */
}
.programmeDetails p {
  color: var(--Secondary-text-color, #777);
  text-align: right;
  font-family: Almarai;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 34px;
  /* 170% */
}

.descCourse {
  color: #777;
  text-align: right;
  font-family: Almarai;
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: 24px;
  /* 171.429% */
}

.charts h2 {
  color: var(--Main-color, #50803B);
  /* text-align: center; */
  margin: 5% 0;
  font-family: Almarai;
  font-size: 40px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}
.charts p {
  color: var(--main-text-color, #222);
  /* text-align: center; */
  font-family: Almarai;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 34px;
  /* 212.5% */
}
.charts h3 {
  color: var(--main-text-color, #222);
  margin-top: 4%;
  text-align: right;
  font-family: Almarai;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}

.tablesstatisticdetails tr {
  background-color: transparent !important;
}
.tablesstatisticdetails tr th {
  background-color: transparent;
}
.tablesstatisticdetails tr td {
  background-color: #F8F8F8;
  color: var(--Secondary-text-color, #777);
  font-family: Almarai;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 34px; /* 212.5% */
  padding: 0 5%;
}
.tablesstatisticdetails tr td:first-child {
  padding: 0;
  background-color: transparent;
  width: 176px;
}
@media(max-width:425px){
    .navbar .logo{
    flex: 0 0 35% !important;
    min-width: 200px !important;
    }
}
@media (max-width: 1250px) {
  .navbar .fa-globe {
    display: none;
  }
  .navbar .navbar-nav .nav-item .nav-link {
    font-size: 12px;
    white-space: nowrap;
  }
}
@media (max-width: 992px) {
  .navbar .navbar-collapse {
    flex: 0 0 100%;
    z-index:99;
    background:#50803B;

  }
  .navbar .navbar-collapse .nav-item {
    text-align: center;
  }
  .navbar .navbar-collapse .nav-item .nav-link {
    font-size: 15px;
  }
  .navbar .navbar-collapse .select-lang {
    display: inline;
    width:100%;
  }
}
.cardServices {
  border-radius: 8px;
  background: #F8F8F8;
  padding: 2%;
}
.cardServices h3 {
  color: var(--main-text-color, #222);
  font-family: Almarai;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 26px; /* 162.5% */
}
.cardServices p {
  color: #777;
  font-family: Almarai;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px; /* 171.429% */
}/*# sourceMappingURL=style.css.map */
a{
    font-family: Almarai;
}
*{
    font-family: Almarai;

}
.MoreElement p{
    color: #50803B;
    font-size: 14px;
    font-family: Almarai;
    font-weight: 700;
    line-height: 27px;
    word-wrap: break-word
}
.subDropDown {
    /* Dropdown */
    /* Sub Dropdown */
    /* Display none by Default */
  }
  .subDropDown a,
  .subDropDown a:hover {
    text-decoration: none;
  }
  .subDropDown #top-nav {
    min-height: 50px;
  }
  .subDropDown #top-nav ul {
    background-color: #010101;
    list-style: none;
  }
  .subDropDown #top-nav ul li {
    display: inline-block;
  }
  .subDropDown #top-nav ul li a {
    display: block;
    color: #f9f9f9;
    padding: 10px 20px;
  }
  .subDropDown #top-nav ul li a:hover {
    background-color: #666;
  }
  .subDropDown li.dropdown {
    position: relative;
  }
  .subDropDown ul.dropdown-menu {
    position: absolute;
    min-width: 120px;
  }
  .subDropDown ul.dropdown-menu li {
    display: block !important;
    white-space: nowrap;
  }
  .subDropDown ul.dropdown-menu ul.dropdown-menu {
    left: 100%;
    top: 0;
  }
  .subDropDown ul.dropdown-menu {
    display: none;
  }
.subdrop .text-light{
    color: #FFF;
    font-family: Almarai;
    font-size: 11px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    white-space: nowrap;
}
.subdrop .dropdown-menu a{
    color: #000;
    font-family: Almarai;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}
.logo-ar{
    background-image: url("../img/whiteNavbar.svg");
}
.logo-en{
    background-image: url("../img/whiteNavbaren.svg");
}
.logo{
    background-size: cover;
    /* max-height: 70px; */
    overflow:hidden;
}
.logo img{
    height: 100%;
    width: 90%;
    object-fit:scale-down;
    padding:3%;
}
@media(max-width:991px){
    .subdrop .text-light{
        font-size:13px;
    }
    .subDropDown ul.dropdown-menu{
        left: 44%;
        padding:15px;
    }
}
.socialMedia .icon-bg{
    background-image:url("../img/circle.svg");
    background-size:cover;
    width: 50px;
    height: 50px;
    padding: 10px;
    margin: 0 2%;
    /* width: 80px;
    height: 80px; */
}
/* .icon-bg img {
    height: 100%;
    width: 100%;
    object-fit: cover;
} */
.owl-theme .owl-dots .owl-dot span{
    width: 40px;
    height: 5px;
    border-radius: 0
}
.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span{
    background-color:#50803B;
}
.events h3{
    color: var(--Main-color, #50803B);
    font-family: Almarai;
    font-size: 40px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    margin-bottom:2%;
    text-align:center;
}
.m-icon-ar::after{
    margin-right: auto!important;
    margin-left:0 !important;
}
.icon-bg img{
    height: 100%;
    width: 100%;
    object-fit: scale-down !important;
}
.border-radius-50{
    border-radius:50%;
}
.carousel.slide{
    max-height:100vh;
    /*height:100vh;*/
}
.carousel.slide .carousel-inner{
    max-height:100vh;
}
.navbar{
    height:99px;
}
.event-carousel .owl-item .eventCard{
    padding-bottom:20px;
}
.event-carousel .owl-dots{
    margin-top:50px;
}
.trainingProgramme .img-training:not(.bestTraining img){
    width: 567px;
    height: 447px;
    object-fit:cover;
}
.bestTraining .btn-content{
    margin-top:60px;
}
.programmeDetails img{
    height: 325px;
    width: 100%;
    object-fit: cover;
    border-radius:20px;
}
.carousel-control-next-icon,.carousel-control-prev-icon{
    background-color: #ddd !important;
    opacity: .5 !important;
    width: 35px !important;
    height: 58px !important;
}
.carousel-control-next-icon{
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fc5c5'%3e%3cpath d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e") !important;
}
.carousel-control-prev-icon{
    background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fc5c5'%3e%3cpath d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z'/%3e%3c/svg%3e") !important;
}
.carousel-inner .carousel-item img{
    max-height:100vh;
}
@media(max-width:658px){
    .carousel.slide .carousel-caption h2{
        font-size:28px;
    }
    .carousel.slide .carousel-caption p{
        font-size:12px;
    }
}
/* Swiper Container Styles */
.wiper {
    position: relative;
    width: 100%;
    height: 100%;
}

/* Next and Prev Button Styles */
.swiper-button-next,
.swiper-button-prev {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 40px;
    height: 40px;
    background-color: #3498db;
    color: #fff;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

.swiper-button-next:hover,
.swiper-button-prev:hover {
    background-color: #2980b9;
}