body {
    padding: 0%;
    margin: 0%;

}

* {
    padding: 0%;
    margin: 0%;
}

.hoabe {
    transition: all 0.3s ease-in-out; /* Smooth transition effect */
}

.hoabe:hover {
    transform: translateY(-50px); /* Move upward by 10px */
    background-color: #271F41;
    color: white !important;
    border-radius: 20px !important;
}.hoabe:hover, 
.hoabe:hover *:not(.keep-color) {
    color: white !important;
}
.classs {
    margin-top: 145px !important;
}
button:hover{
    background-color: white ;
    color: black;
}
.colorback{
    background-color: #271F41;
    color: white;
    font-size: 28px;
    font-weight: 500;
    border-radius: 10px 10px 0px 0px;
}
.borderdiv {
    color: #271F41;
    font-size: 18px;
    font-weight: 500;
    border: 1px solid #00000026;
    border-radius:  0px 0px  10px 10px;
}
.headsub {
    font-size: 35px;
    font-weight: 600;
    color: #271F41;
}
.orangeclr {
    color: #F40000;
}
.twentysix {
    font-size: 26px;
    font-weight: 600;
    color: #271F41;
}
.twelve {
    font-size: 12px;
    font-weight: 500;
    color: #84949E;
}
.wtwentysix {
    font-size: 26px;
    font-weight: 600;
    color: #002D69;
}
.twenty {
    font-size: 20px;
    font-weight: 600;
    color: #271F41;
}
.headsured {
    font-size: 30px;
    font-weight: 600;
    color: #F40000;
}
.cler {
    color: #271F41;
}

.shadowss {
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.25); /* X, Y, blur, color */
}

.btnsub {
    background-color: #271F41;
     color: white;
      width: 100%;
      border: none;
      border-radius: 30px;
       padding:10px 20px;
}
.btnsub:hover {
    background-color: #F40000;
     color: white;
      width: 100%;
      border: none;
      border-radius: 30px;
       padding:10px 20px;
}

.hoabe.active-card {
    transform: translateY(-50px);
    background-color: #271F41;
    color: white !important;
    border-radius: 20px !important;
}
.backcur {
    background-color: white;
}

.redbttn {
    color:white;
    border: none;
    border-radius: 5px;
    font-size: 12px;
    font-weight: 500;
    background-color: #F40000;
padding: 5px 15px;
}
.blubttn {
    color:white;
    border: none;
    border-radius: 5px;
    font-size: 12px;
    font-weight: 500;
    background-color: #281F48;
padding: 5px 15px;
}
.whtbttn {
    color:#002D69;
    border: 1px solid #002D69;
    border-radius: 5px;
    font-size: 12px;
    font-weight: 500;
    background-color: white;
padding: 5px 15px;
}
.colrblack{
    color: #404040;
}
.reddbuton {
    color:white;
    border: none;
    border-radius: 5px;
    font-size: 18px;
    font-weight: 500;
    background-color: #F40000;
padding: 5px 15px;
}