.cb {
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.7)), url(../images/contactb.jpg);
    width: 100%;
    height: 52vh;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 160px 0px;
    background-attachment: fixed;

}

.r1 {
    background: rgba(255, 255, 255, 0.8) !important;
    border-radius: 10px !important;
    border: transparent !important;
    box-shadow: 0px 2px 3px 2px gray;
}

.card {
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
    transition: 0.3s;
    width: 40%;
}

.card:hover {
    box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.2);
}

.container {
    padding: 2px 16px;
}

.dropbtn {
    color: white;
    /* padding: 16px; */
    font-size: 16px;
    border: none;
}

.dropdown {
    position: relative;
    display: inline-block;
}

.dropdown-content {
    display: none;
    position: absolute;
    background-color: #f1f1f1;
    min-width: 275px;
    box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
    z-index: 1;
}

.dropdown-content a {
    /* padding: 12px 16px; */
    text-decoration: none;
    display: block;

}

.dropdown-content a:hover {
    background-color: rgb(9, 110, 9);
    border-radius: 50px;
    color: #fff !important;
}

.dropdown:hover .dropdown-content {
    display: block;
    border-radius: 10px;
    color: white;

}

/* .dropdown:hover .dropbtn {
    color: #679d40;
    font-weight: 700;
} */

 /* next pagination button */
 *{
    box-sizing:border-box;
    padding:0;
    margin:0;
  }
  .body{
    display:flex;
    justify-content:center;
    align-items:center;
    height:10vh;
    gap: 7px;
  }

 
 .body .box{
    width:35px;
    height:35px;
    background: lightgray !important;
    padding: 7px;
    margin: 9px !important;
  }
  .body .box  a{
    color: #5e5b5b;
    font-weight: 700;
  }

  .body .box  a .active {
    color: #000000;
    font-weight: 700;
}

@media (max-width: 767px) {
    .body{
        display:flex;
        justify-content:center;
        align-items:center;
        height:10vh;
        gap: 15px;
      }
    .body .box{
        width: 35px;
        height: 23px;
        background: lightgray !important;
        padding: 0px;
        margin: 0px !important;
      }
}