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

*{
  font-family: 'Ubuntu', sans-serif !important;
}
:root {
    --brand-color: #063e33;
    --brand-color2:#24417a;
    --secondary-color: #f9f6e3;
    --secondary-color2: #b6d2ea;
    --tertiary-color: #aeb884;
    --tertiary-color2: #1a191d;
    --white: #ffffff;
}
.width-100{
  width: 100% !important;
}
.h-100vh{
  height: 100vh !important;
}
.height-100{
  height: 100% !important;
}
.bg-tertiary{
  background-color: var(--tertiary-color) !important;
}

.brandcolor{
  color: var(--brand-color) !important;
}
.brand-color{
  color: var(--brand-color) !important;
}

.brand-color-2{
  color: var(--brand-color2) !important
}
.brand-bg{
  background-color: var(--brand-color) !important;
}
.secondary-bg{
  background-color: var(--secondary-color);
}

.bg-white{
  background-color: var(--white);
}
.p-0{padding: 0 !important}
.px-0{padding-right:0!important;padding-left:0!important}
.px-1{padding-right:.25rem!important;padding-left:.25rem!important}
.px-2{padding-right:.5rem!important;padding-left:.5rem!important}
.px-3{padding-right:1rem!important;padding-left:1rem!important}
.px-4{padding-right:1.5rem!important;padding-left:1.5rem!important}
.px-5{padding-right:3rem!important;padding-left:3rem!important}

.py-0{padding-top:0!important;padding-bottom:0!important}
.py-1{padding-top:.25rem!important;padding-bottom:.25rem!important}
.py-2{padding-top:.5rem!important;padding-bottom:.5rem!important}
.py-3{padding-top:1rem!important;padding-bottom:1rem!important}
.py-4{padding-top:1.5rem!important;padding-bottom:1.5rem!important}
.py-5{padding-top:3rem!important;padding-bottom:3rem!important}
.pt-5{padding-top: 3rem !important}
.pb-5{padding-bottom: 3rem !important}

.m-0{margin: 0 !important}
.mx-0{margin-right:0!important;margin-left:0!important}
.mx-1{margin-right:.25rem!important;margin-left:.25rem!important}
.mx-2{margin-right:.5rem!important;margin-left:.5rem!important}
.mx-3{margin-right:1rem!important;margin-left:1rem!important}
.mx-4{margin-right:1.5rem!important;margin-left:1.5rem!important}
.mx-5{margin-right:3rem!important;margin-left:3rem!important}
.mx-auto{margin-right:auto!important;margin-left:auto!important}
.my-0{margin-top:0!important;margin-bottom:0!important}
.my-1{margin-top:.25rem!important;margin-bottom:.25rem!important}
.my-2{margin-top:.5rem!important;margin-bottom:.5rem!important}
.my-3{margin-top:1rem!important;margin-bottom:1rem!important}
.my-4{margin-top:1.5rem!important;margin-bottom:1.5rem!important}
.my-5{margin-top:3rem!important;margin-bottom:3rem!important}
.mt{margin-top: 3rem;}
.pb-3{
  padding-bottom: 1.5rem;
}
.py-px-3{
  padding: 10px 20px;
}
.mar-10{
  margin-top: 80px;
}
.mb-3{
  margin-bottom: 2rem !important;
}
.mt-0{
  margin-top: 0px !important;
}
.mt-5{
  margin-top: 5rem;
}
.text-grey{
  color: #666 !important;
}
.text-white{
  color: var(--white) !important;
}
.text-black{
  color: var(--secondary-color) !important;
}
.text-center{
  text-align: center;
}
.block{
  display: block;
}
.text-justify{
  text-align: justify !important;
  display: block;
}
.pt-2{
  padding-top: 10px;
}
 
.slick-next:before, .slick-prev:before{
  color: var(--brand-color) !important;
}
.animation{
  transition-property:all;
  transition-timing-function:ease;
  transition-duration:0.5s;
}

.bg-light-gray{
  background-color: #f2f2f7;
  padding: 70px 0px;
}

.my-3{
  margin: 3rem 0;
}




/* new css */
.primary-heading{
  /* font-size: 128pt !important; */
  letter-spacing: -0.5px !important;
  font-weight: bold !important;
}

.primary-subheading{
  /* font-size: 50pt !important; */
  letter-spacing: -0.5px !important;
  font-weight: bold !important;
}

.secondary-subheading{
  /* font-size: 36pt !important; */
  letter-spacing: -0.5px !important;
  font-weight: bold !important;
}

.third-subheading{
  /* font-size: 28pt !important; */
  letter-spacing: -0.5px !important;
  font-weight: bold !important;
}

.body-text{
  /* font-size: 21pt !important; */
  font-size: 18px;
  /* line-height: 112% !important; */
  /* letter-spacing: -1px !important; */
  font-weight: 500 !important;
}

.larg-btn{
  width: 445px;
  height: 45px;
  border-radius: 11.25px;
  font-weight: 900;
  /* letter-spacing: -2px; */
  text-align: center;
  box-shadow: 0px 4px 4px 4px rgba(0, 0, 0, 0.25);
  border: 0px !important;
}

.med-btn{
  width: 325px;
  height: 45px;
  border-radius: 11.25px;
  font-weight: 900;
  /* letter-spacing: -2px; */
  text-align: center;
  box-shadow: 0px 4px 4px 4px rgba(0, 0, 0, 0.25);
  border: 0px !important;
}

.sm-btn{
  width: 165px;
  height: 45px;
  border-radius: 11.25px;
  font-weight: 900;
  /* letter-spacing: -2px; */
  text-align: center;
  box-shadow: 0px 4px 4px 4px rgba(0, 0, 0, 0.25);
  border: 0px !important;
}

.long-field{
  width: 445px;
  height: 45px;
  border-radius: 5px;
}

.cs-delete{
  position: absolute;
  top: 10px;
  right: 10px;
  border: 0px;
  background-color: transparent;
}

.data-storage{
  border: 1px solid var(--tertiary-color);
  padding: 5px;
}

.h-100{
  height: 100%;
}

.border-card{
  border-color: var(--brand-color) !important;
}

.w-auto{
  width: auto !important;
}

.draw-div{
  height: 400px;
  width: 100%;
  border: 1px solid var(--brand-color);
}

@media (max-width: 991px){
  .larg-btn,
  .med-btn,
  .sm-btn{
    width: 100%;
  }

  .long-field{
    width: 100%;
  }
}

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

.martop-100{
  margin-top: 100px;
}

.border0{
  border: 0px !important;
}

.ol{
  line-height: 35px;
}

.width-1076{
  max-width: 1076px !important;
}
.width-976{
  max-width: 976px !important;
}
.width-786{
  max-width: 786px !important;
}
.width-786-without-93{
  max-width: 786px !important;
}
.width-576{
  max-width: 576px !important;
}
.width-90{
  width: 90% !important;
  max-width: 1400px !important;
}
.width-91{
  width: 91% !important;
  max-width: 1400px !important;
}
.width-93{
  width: 93% !important;
  max-width: 1400px !important;
}
.width-96{
  width: 96% !important;
  max-width: 1400px !important;
}
.width-100{
  width: 100% !important;
  max-width: 1400px !important;
}
.min-height-100{
  min-height: 100% !important;
}
.height-25{
  height: 25px !important;
}
.height-20{
  height: 20px !important;
}
@media (max-width: 768px){
  .width-786{
    width: 93% !important;
    max-width: 93% !important;
  }
}
@media (max-width: 576px){
  .width-576{
    width: 93% !important;
    max-width: 93% !important;
  }
}
.cursor-pointer{
  cursor:pointer !important
}
.justify-center{
  display: flex !important;
  justify-content: center !important;
}
.justify-end{
  display: flex !important;
  justify-content: flex-end !important;
}
.center{
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
}
.align-top{
  display: flex !important;
  align-items:flex-start !important;
}
.align-center{
  display: flex !important;
  align-items: center !important;
}
.align-center-end{
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
}
.align-end{
  display: flex !important;
  align-items: flex-end !important;
}
.space-between{
  display: flex !important;
  justify-content: space-between !important; 
  flex-wrap: wrap !important
}
.space-between-no-wrap{
  display: flex !important;
  justify-content: space-between !important; 
}
.space-between-end{
  display: flex !important;
  justify-content: space-between !important; 
  align-items: end !important;
  flex-wrap: wrap !important
}
.align-center-space-between{
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important
}
.align-end-center{
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
}
.space-between-center{
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.flex-col-center{display: flex;flex-direction: column;align-items: center;}
.flex-col-space-between{
  display: flex !important;
  flex-direction: column !important;
  justify-content: space-between !important;
}
.flex-col-justify-center{
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.flex-col-center-center{
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
}
.flex-col-center-end{
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: flex-end !important;
}
.flex-col{display: flex;
  flex-direction: column;
}
.text-white{
  color: #fff !important;
}
.display-none{
  display: none;
}
.link{
  color: #666 !important;
  cursor: pointer !important;
}
.link:hover{
  color: var(--brand-color) !important;
}