:root {
    --font-lg:clamp(2.00rem, calc(1.40rem + 2.46vw), 3.50rem);
    --font-sm-title:clamp(1.06rem, calc(0.89rem + 0.72vw), 1.50rem);
    --font-lg-2: clamp(2.00rem, calc(1.60rem + 1.64vw), 3.00rem);
    --font-sm: clamp(1.25rem, calc(1.03rem + 0.99vw), 1.88rem);
    --font-sm-2:clamp(1.06rem, calc(0.91rem + 0.70vw), 1.50rem);
  }
  @font-face {
    font-family: AvenirMedium;
    src: url(/font/avenir/AvenirLTStd-Medium.otf);
    font-display: swap;
  }

  @font-face {
    font-family: AvenirBlack;
    src: url(/font/avenir/AvenirLTStd-Black.otf);
    font-display: swap;
  }
body {
font-family: AvenirMedium;
}
  
  
  .color-primary {
    color: #4BBF28;
  }
  .font-weight-normal{
    font-family: AvenirRoman;
  }
  
  .font-weight-medium{
    font-family: AvenirMedium;
  }
  
  .font-weight-heavy {
    font-family: AvenirBlack;
}
  
  /* font sizes  */
  .font-lg {   /* 32 to 56 */
    font-size: var(--font-lg);
  }
  .font-lg-2 {   /* 32 to 48 */
    font-size: var(--font-lg-2);
  }
  
  .font-sm {
    font-size: var(--font-sm);
  }
  
  .font-sm-2 {/* 17 to 24 */
    font-size: var(--font-sm-2);
  }

.btn-primary{
    width: 100%;
    background:#33BE2D 0% 0% no-repeat padding-box;
    border: 0px solid #707070;
  
    opacity: 1;
  
    color: white;
}
.btn-primary:hover{
  background: #65d642 0% 0% no-repeat padding-box;
  border: 0px solid #707070;

  opacity: 1;

  color: white;
}
.btn-primary:active{

  background: #65d642 0% 0% no-repeat padding-box!important;
  border: 0px solid #707070!important;
  opacity: 1;

  color: white;
}
.btn-primary:focus {
  box-shadow:  0 0 0.2rem rgb(0 123 255 / 50%);
}


.btn-secondary {
  width: 100%;
  background: white ;
  border: 1px solid #4BBF28;

  opacity: 1;

  color: #4BBF28;
}

.btn-secondary:hover {

  background: #4BBF28 ;
  border: 1px solid #4BBF28;

  opacity: 1;

  color: #FFFFFF;
}


.unv-info-title {
  text-align: left;
  font:  12px AvenirRoman;
  letter-spacing: 0px;
  color: #707070;
  opacity: 1;
}

.unv-info-value {
  text-align: left;
  font: normal normal 900 16px/20px Avenir;
  letter-spacing: 0px;
  color: #1F1F21;
  opacity: 1;
}

.unv-info-value small {
  text-align: left;
  font: normal normal normal 10px/14px AvenirRoman;
  letter-spacing: 0px;
  color: #1F1F21;
}


.footer-class {
  padding-top: 20px;
  width: 100%;
  display: grid;
  grid-template-columns:50% 25% 25%;
}

.footer-sub {
  display: flex;
  flex-direction: row;
  column-gap: 60px;
}

.unv-details-mob {
  display: grid;
  grid-template-columns:repeat(3, 3fr) ;
  row-gap: 10px;
  column-gap: 10px;
}
.unv-info-value {
  margin-top: 10px;
}
 
.truncate-text {
  display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    height: 8vh;
}

.form-container {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  column-gap: 40px;
  row-gap: 30px;
}

@media only screen and (max-width: 600px) { 
  
  .form-container {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    column-gap: 40px;
 
  }
  .footer-class {
    padding-top: 20px;
    width: 100%;
    display: grid;
    grid-template-columns:repeat(2, 1fr) ;
  }
  .footer-sub {
    flex-direction: column;
    row-gap: 30px;
  }
  
}