/* FONTS */
.smallest-text{
    font-size: 0.8rem;
  }
  
  .small-text{
    font-size: 1rem;
  }
  
  .heading{
    font-size: clamp(2rem, 5vw, 3rem);
    font-weight: 600;
  }
  @media only screen and (max-width:600px){
  /* .heading{
    font-size: 2.5rem;
  } */
  }
  
  .light-text{
    opacity: 0.8;
  }
  
  .first-style{
    padding: 5rem;
    background-color: var(--background-one);
    display: flex;
    justify-content: center;
    align-items: center;
  }

  @media only screen and (max-width:1536px){
    .first-style{
        display: flex;
        padding: 6% 0%;
    }
  }
  
  @media only screen and (max-width:1280px){
    .first-style{
        display: flex;
        padding: 2rem 3rem;
    }
  }
    
  @media only screen and (max-width:1024px){
    .first-style{
        display: block;
        padding: 2rem 5rem;
    }
  }
    
  @media only screen and (max-width:768px){
    .first-style{
        display: block;
        padding: 2rem 3rem;
    }
  }

  @media only screen and (max-width:600px){
    .first-style{
        display: block;
        padding: 0% 5%;
  }
}

  .contact{
    height: 100%;
    width: 80%;
    background-color: var(--background-one);
    display: flex;
    align-items: center;
  }

  @media only screen and (max-width:1280px){
    .contact{
        display: flex;
        padding: 2rem 2rem;
        width: 100%;
    }
  }

  @media only screen and (max-width:1024px){
    .contact{
        display: block;
        padding: 2rem 1rem;
    }
  }

  @media only screen and (max-width:768px){
    .contact{
        display: block;
        padding: 4rem 0rem;
        width: 100%;
    }
  }
  
  @media only screen and (max-width:600px){
    .contact{
        display: block;
        padding: 4rem 0rem;
        width: 100%;
    }
  }
  
  /* @media only screen and (max-width:1536px){
    .contact{
        display: flex;
        padding: 2rem 0rem;
        width: 100%;
    }
  } */
  
  .card-one{
    width: 50%;
    display: flex;
    flex-direction: column;
    padding-right: 5rem;
  }
  @media only screen and (max-width:1280px){
    .card-one{  
        display: block;
        width: 100%;
        /* padding: 0rem 16rem; */
        margin-bottom: 3rem;
    }
  }

  @media only screen and (max-width:1024px){
    .card-one{
        /* display: block; */
        width: 100%;
    }
  }
  
  @media only screen and (max-width:768px){
    .card-one{
        /* display: block; */
        /* padding-left: 2.5rem;
        padding-right: 5rem; */
        width: 100%;
    }
  }
  
  @media only screen and (max-width:600px){
    .card-one{
        /* display: block; */
        padding: 0rem 0rem;
        width: 100%;
    }
  }
  
  /* @media only screen and (max-width:1536px){
    .card-one{
        display: flex;
        justify-content: center;
         padding-left: 2.5rem;
        padding-right: 15rem;
        width: 50%;
    }
  } */
  
  .contact-para{
    margin-top: 1.2rem;
  }
  
  /* CARD-TWO */
  .card-two{
    width: 50%;
    color: rgb(0, 0, 0);
  }
  @media only screen and (max-width:1280px){
    .card-two{
      width: 100%;
    }
  }

  @media only screen and (max-width:1024px){
    .card-two{
        width: 100%;
        /* padding: 0 rem 2rem; */
    }
  }
  
  @media only screen and (max-width:768px){
    .card-two{
        width: 100%;
        /* padding: 0rem 4rem; */
    }
  }

  @media only screen and (max-width:600px){
    .card-two{
        margin-top: 4rem;
        width: 100%;
        /* padding: 0rem 2rem; */
    }
  }
  
  
  /* @media only screen and (max-width:1536px){
    .card-two{
        justify-content: center;
        width: 50%;
        padding:0rem 2rem;
    }
  } */
  
  .form{
    background-color: white;
    padding: 2rem;
    border-radius: 20px;
    box-shadow: 1px 1px 10px 2px grey;
  }
  
  .details-div{
    display: flex;
    flex-direction: column;
  }
  
  .details-inner-div{
    display: flex;
    align-items: center;
    margin-top: 2rem;
  }
  
  .contact-icon{
    font-size: 2rem !important;
    margin-right: 2rem;
    /* color: rgb(57, 57, 234); */
  }
  
  .contact-icon-alt{
    font-size: 2.4rem !important;
    margin-right: 2rem;
  }