.font-Poppins{
  font-family: 'Poppins' !important;
}
.font-Roboto{
  font-family: 'Roboto' !important;
}
.font-axiforma{
  font-family: 'Axiforma' !important;
}
h1,h2,h3,h4,h5,h6,p{
  font-family: 'Axiforma' !important;
}
p {
  line-height: 29px;
}
.font-10 {
  font-size: 10px;
}
.font-12 {
  font-size: 12px;
}
.font-14 {
  font-size: 14px !important;
}
.font-16 {
  font-size: 16px !important;
}
.font-18 {
  font-size: 18px !important;
}
.font-20 {
  font-size: 20px;
}
.font-22 {
  font-size: 22px;
}
.font-24 {
  font-size: 24px !important;
}
.font-26 {
  font-size: 26px;
}
.font-28 {
  font-size: 28px !important;
}
.font-30 {
  font-size: 30px;
}
.font-34 {
  font-size: 34px;
}
.font-40 {
  font-size: 40px;
}
.font-44 {
  font-size: 44px;
}
.font-48 {
  font-size: 48px;
}
.font-49 {
  font-size: 49px;
}
.font-60 {
  font-size: 60px;
}
.font-70 {
  font-size: 70px;
}
.font-95 {
  font-size: 95px;
}

/* font weight class */
.fontw100 {
  font-weight: 100;
}
.fontw300 {
  font-weight: 300;
}
.fontw400 {
  font-weight: 400;
}
.fontw500 {
  font-weight: 600;
}
.fontw600 {
  font-weight: 600;
}
.fontw700 {
  font-weight: 700;
}
.fontw800 {
  font-weight: 800;
}
.fontw900 {
  font-weight: 900;
}
.fontwn0rmal{
  font-style: normal;
}

/* colors css */
.text-black {
  color: black;
}
.text-white {
  color: white !important;
}
.text-grey {
  color: #f0f0f0;
}
.text-grey-md {
  color: #7D7D7D;
}
.text-grey-lg {
  color: #A4A4A4;
}
.text-grey-dark {
  color: #2E2E2E;
}
.text-yellow {
  color: #ffc940;
}
.text-green {
  color: #33b898;
}
.text-green-two {
  color: #2eab9d;
}
.text-blue {
  color: #59c3ff;
}
.text-blue-two {
  color: #00aeef;
}
/* bg colors css */
.bg-black {
  background-color: black;
}
.bg-white {
  background-color: white;
}
.bg-grey {
    background: #F8F8F8;
}
.bg-grey-dark {
    background: #041726;
}
.bg-grey-light {
  background: #F6F6F6;
}
.bg-grey-md {
  background: #ebebeb;
}
.bg-yellow {
  background-color: #ffc940;
}
.bg-green {
  background-color: #33b898;
}
.bg-green-two {
  background-color: #2eab9d;
}
.bg-blue {
  background-color: #59c3ff;
}
.bg-blue-two {
  background-color: #00aeef;
}
.bg-dark{
    background: #041726 !important;
}
.bg-brown{
    background: #F95B5C !important;
}
.bg-pink{
  background-color: #FFE1C1;
}
.bg-seagreen{
  background-color: #D6FFFA;
}
.bg-lightpurple{
  background-color: #FFE2E2;
}
.bg-orange{
  background-color: #FFA03C;
}
.btn-info {
  background-color: #2eab9d;
}
.btn-info:hover,
.btn-info:hover:focus {
  box-shadow: none !important;
}
.bg-transparent{
  background-color: transparent !important;
}
/* line height */
.lh-30{
  line-height: 30px;
}

.lh-18{
  line-height: 18px;
}
.lh36{
line-height: 36px;
}
.lh-33{
line-height: 33px;
}
.lh-36{
line-height: 36px;
}
.lh-40{
line-height: 40px;
}
.lh-48{
line-height: 48px;
}
.lh-53{
line-height: 53px;
}
.lh60{
line-height: 60px;
}
.lh-70{
line-height: 70px;
}
.lh-90{
line-height: 90px;
}

/* shadow css */
.shadow1{
  filter: drop-shadow(0px 9px 64px rgba(0, 0, 0, 0.17));
}
/* shadow css */
/* reset padding */
.mpt-0{
    padding-top: 0;
}
.mpt-2{
    padding-top: 2px;
}
.mpt-5{
    padding-top: 5px;
}
.mpt-10{
    padding-top: 10px;
}

h2{
    line-height: 38px;
}
/* buttons */
.btn-outline-warning{
    border: 1px solid #FFC940;
}
.btn-outline-info{
    border: 1px solid #59C3FF;
}
.btn-outline-success{
    border: 1px solid #33B898;
}
.btn-outline-success:hover {
  color: #fff;
  background-color: #33b898;
  border-color: #33b898;
}
.btn-outline-warning:hover {
  color: #fff;
  background-color: #FFC940;
  border-color: #FFC940;
}
.rounded-8{
  border-radius: 8px;
}
.btn-outline-info:hover {
  color: #fff;;
}
.btn-warning {
  background-color: #FFC940 !important;
}
.btn-warning:hover {
  background-color: #FFC940 !important;
  border-color: #FFC940 !important;
  opacity: 0.9 !important;
  color: #000 !important;
}
.btn:hover{
  box-shadow: none;
}


.h35{
    height: 35px;
}
.h55{
    height: 55px;
}
.h46{
    height: 46px !important;
}
.w153{
  width: 153px;
}
.w-33{
  width: 33%;
}
.w-55{
  width: 55% !important;
}
.w-45{
  width: 45% !important;
}
.vh100-61{
  height: calc(100vh - 62px);
}
.vh100-180{
  height: calc(100vh - 180px);
}
.loginForm{
  max-width: 380px;
}
.pt60{
  padding-top: 60px !important;
}
.pt160{
  padding-top: 160px !important;
}
.mx970{
max-width: 970px;
}
.h34{
  height: 34px;
}

.nofocus:focus {
  outline: 0;
  box-shadow: 0 0 0 0.25rem rgba(13, 109, 253, 0);
}
/* z index class */
.z1{
  z-index: 1;
}
.z2{
  z-index: 2;
}
.z3{
  z-index: 3;
}

/* z index class */

.rounded-pill {
  border-radius: 50rem!important;
}

@media screen and (min-width: 1600px) {
  body,p{
    font-size: 18px !important;
  }
  .font-12 {
    font-size: 14px !important;
  }
  .font-14 {
    font-size: 16px !important;
  }
  .font-16 {
    font-size: 18px !important;
  }
}

@media (max-width: 480px){
  .buttonsArea button {
    padding: 0 14px !important;
  }
  .bannerBoxes .border-dotted {
    min-width: 110px;
  }
  .font-49 {
    font-size: 24px;
  }
  .font-24 {
    font-size: 18px !important;
  }
}
  @media (max-width: 380px){
.buttonsArea button {
    padding: 0 5px !important;
    line-height: 30px;
}
.bannerBoxes .border-dotted {
  min-width: 31%;
}
}
label.font-12{
  font-size: 13px;
}
.form-control{
  font-size: 12px;
}
@media only screen and (max-width: 600px) {
  .font-12 {
    font-size: 10px;
  }
  .font-14 {
    font-size: 12px;
  }
  .font-16 {
    font-size: 16px;
  }
  .font-18 {
    font-size: 16px !important;
  }
  .font-20 {
    font-size: 16px;
  }
  .font-22 {
    font-size: 18px;
  }
  .font-24 {
    font-size: 18px !important;
  }
  .font-26 {
    font-size: 23px;
  }
  .font-28 {
    font-size: 20px !important;
  }
  .font-32 {
    font-size: 24px;
  }
  .font-34 {
    font-size: 24px;
  }
  .font-38 {
    font-size: 30px;
  }
  .font-40 {
    font-size: 30px;
  }
  .font-52 {
    font-size: 32px;
  }
  .font-65 {
    font-size: 40px;
  }
  .font-60 {
    font-size: 38px;
  }
  .font-44 {
    font-size: 30px;
  }
  .font-48 {
    font-size: 34px;
  }
  .font-49 {
    font-size: 34px;
  }
  .font-70 {
    font-size: 38px;
  }
  .font-95 {
    font-size: 38px;
  }
}