.admission-enquiry {
    position        : fixed;
    top             : 35%;
    right           : 2px;
    background-color: rgba(255, 201, 65, 0.959);
    color           : white !important;
    padding         : 0px 10px;
    border-radius   : 10px 10px 0px 0px;
    font-size       : 14px;
    text-align      : center;
    display         : inline-block;
    z-index         : 9999;
    transition      : background-color 0.3s ease;
    text-decoration : none;
    transform       : rotate(270deg);
    transform-origin: bottom right;
    border          : 2px solid white;
}



.admission-enquiry:hover {
    background-color: #f59e0b;
    color           : black;
}

.form-dark {
    background-color: rgb(255, 198, 52);
}

.admission-form-container {
    display         : none;
    position        : fixed;
    bottom          : 90px;
    right           : 34px;
    z-index         : 999;
    background-color: #fff;
    padding         : 5px;
    border-radius   : 8px;
    width           : 250px;
    transition      : all 0.3s ease-in-out;
}

.admission-form .form-input {
    background-color: #f9f9f9;
    border          : 1px solid #ffc634;
    border-radius   : 8px;
    padding         : 5px;
    width           : 100%;
    margin-bottom   : 1px;
    height          : 40px;
}

.admission-form .submit-btn {
    background-color: #c4122f !important;
    color           : white;
    font-weight     : bold;
    padding         : 8px;
    width           : 100%;
    border          : none;
    cursor          : pointer;
    transition      : background-color 0.3s ease;
    border-radius   : 50px;
}

.admission-form .submit-btn:hover {
    background-color: #f59e0b;
}

.close-form {
    position     : absolute;
    top          : 2px;
    right        : 225px;
    color        : white;
    padding      : 4px;
    cursor       : pointer;
    border-radius: 50%;
    z-index      : 10000;
}

.admission-enquiry:hover+.admission-form-container {
    display: block;
}

@media screen and (max-width: 768px) {
    .admission-enquiry {
        font-size          : 16px;
        padding            : 10px 18px;
        /* transform       : rotate(90deg); */
        transform          : rotate(270deg);

    }

    .admission-form .form-input {
        font-size: 14px;
    }

    .admission-form-container {
        width: 250px;
    }

    .admission-form .submit-btn {
        font-size: 14px;
    }
}

@media screen and (max-width: 480px) {
    .admission-enquiry {
        font-size          : 14px;
        padding            : 1px 6px;
        /* transform       : rotate(90deg); */
        transform          : rotate(270deg);

    }

    .admission-form .form-input {
        font-size: 12px;
    }

    .admission-form .submit-btn {
        font-size: 12px;
    }
}

/* ================whatapp============== */

.contact-icons {
    position      : fixed;
    bottom        : 4%;
    left          : 20px;
    z-index       : 9999;
    display       : flex;
    flex-direction: column;
    gap           : 15px;
}

.contact-icon {
    background-color: #25D366;
    color           : white;
    display         : flex;
    align-items     : center;
    justify-content : center;
    padding         : 12px;
    border-radius   : 50%;
    box-shadow      : 0 4px 6px rgba(0, 0, 0, 0.1);
    font-size       : 24px;
    text-decoration : none;
    transition      : background-color 0.3s ease, transform 0.2s ease-in-out;
    width           : 50px;
    height          : 50px;
    text-align      : center;
}

.contact-icon i {
    margin: 0;
}

.contact-icon:hover {
    background-color: #128C7E;
    transform       : scale(1.1);
}

.contact-icon.phone {
    background-color: #007BFF;
}

.contact-icon.phone:hover {
    background-color: #0056b3;
}

@media screen and (max-width: 768px) {
    .contact-icons {
        left  : 10px;
        bottom: 20%;
    }

    .contact-icon {
        font-size: 22px;
        padding  : 10px;
        width    : 45px;
        height   : 45px;
    }
}

@media screen and (max-width: 480px) {
    .contact-icons {
        left  : 5px;
        bottom: 12%;
    }

    .contact-icon {
        font-size: 18px;
        padding  : 8px;
        width    : 40px;
        height   : 40px;
    }
}



/* =======================pay-fee-online========================== */

.pay-fee-online {
    position        : fixed;
    left            : 0px;
    bottom          : 70%;
    z-index         : 9999;
    background-color: rgba(255, 201, 65, 0.959);
    color           : black;
    padding         : 2px 11px;
    border-radius   : 10px 10px 0px 0px;
    font-size       : 14px;
    text-align      : center;
    display         : inline-block;
    box-shadow      : 0 4px 6px rgba(0, 0, 0, 0.1);
    transition      : background-color 0.3s ease;
    text-decoration : none;
    transform       : rotate(90deg);
    transform-origin: bottom left;
    border          : 2px solid white;
}

.pay-fee-online:hover {
    background-color: rgba(255, 201, 65, 0.959);
    color           : black;
}

@media screen and (max-width: 768px) {
    .pay-fee-online {
        left     : 10px;
        bottom   : 20%;
        font-size: 14px;
    }
}

@media screen and (max-width: 480px) {
    .pay-fee-online {
        left     : 5px;
        bottom   : 75%;
        font-size: 12px;
    }
}