.button {
    background-color: #D50037;
    border: none;
    color: white;
    padding: 1px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    margin: 2px 2px;
    cursor: pointer;
}

.button4 {
    border-radius: 5px;
    width: 127px;
    height: 32px;
}

.topbox {
    border-radius: 0px;
    background: #ffffff;
    padding: 12px;
    margin: 0 auto;
    text-align: right;
}

.card-menu {
    width: 24%;
    margin: 30px auto;
}

#MainContentContainer .content .content-wrapper {
    padding: 0px !important;
}

#MainContentContainer .container {
    padding: 0px !important;
}

.scrollable-menu {
    overflow-y: auto;
    max-height: 120px;
    display: block;
}

.paybtn {
    background-color: white;
    width: 150px;
    font-size: 10px;
    color: #D50037;
    font-weight: 600;
}

.btn-success, .btn-success:hover {
    background-color: #52ae93 !important;
}

.btn-danger, .btn-danger:hover {
    background-color: #D50037 !important;
}

.service-inner-section {
    width: 100%;
    float: left;
    height: 48px;
}

.service-inner-section div:first-child {
    font-weight: normal;
    color: #202945;
}

.service-inner-section div {
    font-weight: normal;
    color: #55595C;
    width: 50%;
    float: left;
    margin: 0 0 8px 0;
}

.service-list span {
    color: #7B7773;
    font-size: 13px;
    padding: 3px 20px 2px 2px;
}

.service-title {
}

.service-list {
    background-color: #fff;
    padding: 10px;
    border-bottom: 1px solid #f5f5f5;
}

.service-list h5 {
    font-size: 20px;
}

.payment-summary-section {
    width: 100%;
    border-top: 1px solid #f5f5f5;
    margin: 11px 0 20px 0;
    font-weight: 600;
}

.payment-summary-division {
    width: 100%;
    margin: 3px 0 0 0;
}

.payment-summary-division div {
    float: left;
    width: 50%;
    margin: 5px 0 10px 0;
}

.payment-summary-division div:first-child {
    text-align: left;
}

.payment-summary-division div:nth-child(2) {
    text-align: right;
}

.payment-help-text {
    color: #202945;
    font-weight: 600;
}

.payment-price {
    font-size: 40px;
    font-weight: 600;
    color: #202945;
}

.paybtn {
    background-color: white;
    width: 150px;
    padding: 6px;
    font-size: 10px;
    color: #D50037;
    font-weight: 600;
}

.right .btn-success {
    float: right;
    padding: 0px 10px 3px 10px !important;
    font-size: 10px !important;
    background-color: #52ae93 !important;
    width: 56px;
    height: 16px;
}

.right .btn-danger {
    float: right;
    padding: 3px 10px 3px 10px !important;
    font-size: 12px !important;
    background-color: #D50037 !important
}

.dropmenu {
    padding-bottom: 0px;
}

.dropmenu .paybtn {
    padding-left: 0px;
}

h5.mb-0 button {
    width: 100%;
}

.left_text {
    float: left;
    color: #202945;
    font-weight: 600;
}

.float-right {
    color: #202945;
    font-weight: 600;
}

span.float-right img {
    padding-left: 10px;
}

.borderStyle {
    border-bottom: 1px solid #f5f5f5;
}


.btcetisement-carousel {
    position: relative;
}

.btcetisement-carousel .carousel-inner .carousel-item img {
    height: 600px;
    object-fit: cover;
    width: 100%;
    border-radius:16px;
}

.btcetisement-carousel .carousel-inner {
    -webkit-box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15) !important;
    box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15) !important;
    border-radius:16px;
}

    .btcetisement-carousel .carousel-indicators li {
        width: 8px;
        height: 8px;
        border-radius: 50%;
        background-color: #E5E1E6;
        transform: scale(0.8, 0.8);
    }

    .btcetisement-carousel .carousel-indicators .active {
        transform: scale(1, 1);
        background-color: #D50037;
    }

.btcetisement-carousel .carousel-caption {
    bottom: unset;
    top: 8%;
    left: 5%;
    right: 5%;
}

.btcetisement-carousel .carousel-caption .title {
    color: #202945;
    font-size: 24px;
    font-weight: normal;
}

.btcetisement-carousel .carousel-caption .subtitle {
    color: #202945;
    font-size: 12px;
    font-weight: normal;
}

.btcetisement-carousel .carousel-inner {
    -webkit-box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15) !important;
    box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15) !important;
}

    .btcetisement-carousel .carousel-indicators li {
        width: 8px;
        height: 8px;
        border-radius: 50%;
        background-color: #E5E1E6;
        transform: scale(0.8, 0.8);
    }

    .btcetisement-carousel .carousel-indicators .active {
        transform: scale(1, 1);
        background-color: #D50037;
    }

.btcetisement-carousel .carousel-caption {
    bottom: unset;
    top: 8%;
    left: 5%;
    right: 5%;
}

.btcetisement-carousel .carousel-caption .title {
    color: 202a44;
    font-size: 24px;
    font-weight: normal;
}

.btcetisement-carousel .carousel-caption .subtitle {
    color: #202945;
    font-size: 12px;
    font-weight: normal;
}

@media (max-width: 767px) {
    .btcetisement-carousel .carousel-inner .carousel-item img {
        height: auto;
    }
}

.carouseldash img {
    height: 583px;
    width: 210px;
}

.scrollable-menu button {
    margin-right: 10px;
}

.coloum1 {
    height: 600px;
}

.coloum2 {
    height: 380px;
}

.coloum3 {
    height: 195px;
}

.Test-transfer-text {
    font-weight: normal;
    padding-bottom: 5px;
    color: #202945;
}

body {
}

.nicepadding {
    padding-top: 20px;
}

#MainContentContainer section {
    padding: 2rem 0 5rem 0;
    width: 100%;
}

.alert-danger {
    margin-left: -10px;
    margin-right: -10px;
    padding: 21px;
    color: #FFFFFF !important;
    background-color: #ff4f41 !important;
}

.alert-danger.modal-response {
    margin-left: -16px;
    margin-right: -16px;
    padding: 16px;
}

/*.alert-success,
.alert-info,
.alert-warning {
    margin-left: -10px;
    margin-right: -10px;
    padding: 21px;
    color: #52AE93 !important; !* Font color *!
    background-color: #EEF6F3 !important; !* 90% lighter background *!
    border: 1px solid #DCFEE9 !important; !* 80% lighter border *!
}*/


/*.alert-success.modal-response, .alert-info.modal-response, .alert-warning.modal-response {
    margin-left: -14px;
    margin-right: -14px;
    padding: 14px;
}*/
/* Common Styles for All Alerts */
.alert-warning,
.alert-danger,
.alert-error,
.alert-success,
.alert-info {
    position: relative; /* Ensure positioning context for ::before */
    padding: 18px 18px 18px 48px !important; /* Increased left padding for icon */
    border-radius: 8px !important; /* Optional: Rounded corners for better aesthetics */
    font-weight: 400;
    font-size: 14px !important;
    width: 100%;
}

/* ALERT – WARNING (amber) */
    .alert-warning::before {
        content: '';
        position: absolute;
        left: 18px;
        top: 50%;
        transform: translateY(-50%);
        width: 18px;
        height: 18px;
        background: url('../images/warningStatus.svg') no-repeat center / contain;
    }

/* ALERT – ERROR (red) */
    .alert-danger:before,
    .alert-error::before {
        content: '';
        position: absolute;
        left: 18px;
        top: 50%;
        transform: translateY(-50%);
        width: 18px;
        height: 18px;
        background: url('../images/errorStatus.svg') no-repeat center / contain;
    }

/* ALERT – SUCCESS (green) */
    .alert-success::before {
        content: '';
        position: absolute;
        left: 18px;
        top: 50%;
        transform: translateY(-50%);
        width: 18px;
        height: 18px;
        background: url('../images/checkStatus.svg') no-repeat center / contain;
    }

/* ALERT – INFO (navy) */
    .alert-info::before {
        content: '';
        position: absolute;
        left: 18px;
        top: 50%;
        transform: translateY(-50%);
        width: 18px;
        height: 18px;
        background: url('../images/infoStatus.svg') no-repeat center / contain;
    }

/* ALERT – WARNING (amber) Specific Styles */
.alert-warning {
    background-color: #FFF2DC !important; /* 30% lighter version of #FDBF4C */
    border: 1px solid #DB9C49 !important; /* 80% darker orange */
    color: #DB9C49 !important;            /* same orange font color */
}

/* ALERT – ERROR (red) Specific Styles */
.alert-danger,
.alert-error {
    background-color: #FFEDEC !important; /* 90% lighter red */
    border: 1px solid #FF4F41 !important; /* 80% lighter red */
    color: #FF4F41 !important;            /* 100% red font */
}

/* ALERT – SUCCESS (green) Specific Styles */
.alert-success {
    background-color: #EEF7F4 !important; /* 90% lighter green */
    border: 1px solid #52AE93 !important; /* 80% lighter border */
    color: #52AE93 !important;            /* 100% green font */
}

/* ALERT – INFO (navy) Specific Styles */
.alert-info {
    background-color: rgba(32, 41, 69, 0.1) !important; /* ~90% lighter version of #202945 */
    border: 1px solid #202945 !important; /* 100% navy border */
    color: #202945 !important;            /* navy font */
}