.contact-box
    {
    padding: 10px;
    margin: 10px;
    text-align: center;
    border-radius: 10px;
    box-shadow: 2px 2px 2px 2px var(--primary);
    cursor:pointer;
    transition:all .3s ease;
    }

    .contact-box:hover
    {
    transform:scale(1.03);
    box-shadow: 0px 0px 5px 2px var(--primary);
    }

    .contact-box i{
    font-size: 35px;
    margin: 5px;
    }


    .contact-box p
    {

    }


    .phone-card i
    {
    color:#007BFF;
    }

    .whatsapp-card i
    {
    color:#25D366;
    }

    .form-card i
    {
    color:#FF9800;
    }


    .location-card i
    {
    color:#007BFF;
    }


    .sms-card i
    {
    color:#007BFF;
    }

    .email-card i
    {
    color:#007BFF;
    }


    .card-content
    {
        display:none;
    }




    .bcard {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 140px;
  padding: 6px;
  
  border: 1px solid #d7d7d7;
  border-radius: 20px;
  background-color: rgba(255, 255, 255, 0.45);
  /*box-shadow: 0 0 10px 1px rgba(0, 0, 0, 0.25);*/
  backdrop-filter: blur(15px);
  cursor:pointer;
  
  transition: background-color 0.3s ease, color 0.3s ease, transform 0.2s ease-in-out;
  }




  .bcard:hover{
        border: 1px solid var(--primary);
        color: white;
        transform: scale(1.05);
        background-color: var(--primary);
        transform: translateY(-5px);
  }

    .bcard:hover p
    {
        color: white;
    }

    .bcard:hover i
    {
        color: white !important;
    }


    .card-footer {
    font-size: 0.65em;
    color: #446;
    }

    .bcard i {
        position: absolute;
        top: -40px;
        text-align: center;
        width: 65px;
        font-size: 30px;
        margin: 5px 5px 5px 5px !important;
        background: var(--primary);
        padding: 17px;
        height: 65px;
        color: white !important;
        border-radius: 10px;
    }

    .bcard-down i
    {
        top: 5px !important; 
    }

    .bcard-down p
    {
    position: absolute;
    bottom: 15px;
    }

    .bcard-down:hover{
    transform: scale(1.05);
    transform: translateY(0px);
    }




    .map-sec ,.form-sec,.query-sec,.phone-sec
    {
    display:none;
    }