:root {
    --theme-default-white: #fff;
    --theme-default-black: #000000;
    --theme-default-orange: #275F5E;
    --theme-default-orange-hover: #193d3d;
}

/* ______________________________________________________ Bootstrap Changes ______________________________________________________ */

.page-link {
    color: var(--theme-default-orange);
}

.active>.page-link, .page-link.active {
    z-index: 3;
    color: var(--bs-pagination-active-color);
    background-color: var(--theme-default-orange);
    border-color: var(--theme-default-orange);
}
.page-link:hover {
    z-index: 2;
    color: var(--theme-default-white);
    background-color: var(--theme-default-black);
    border-color: var(--theme-default-black);
}
.page-link:focus {
    box-shadow: none;
}

/* _____________________________________________________ Form Submission Loader _____________________________________________________ */

#form-submit-loader {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.5);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 9999;
}
.form-spinner {
    border: 8px solid #fff; /* Light grey */
    border-top: 8px solid #FF6D34; /* Blue */
    border-radius: 50%;
    width: 50px;
    height: 50px;
    animation: spin 1s linear infinite;
}
@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

/* ______________________________________________________ Datatable Responsive ______________________________________________________ */

.table-responsive .table th, .table-responsive .table td {
    white-space: nowrap; /* Prevent text wrapping */
    padding-right: 50px;
}
.table-responsive .table th:last-child, .table-responsive .table td:last-child {
    padding-right: 0px;
}

/* __________________________________________________________________________________________________________________________________ */


.default-color {
    color: var(--theme-default-orange);
}

.default-button {
    background-color: var(--theme-default-orange);
    border-color: var(--theme-default-orange);
    color: var(--theme-default-white);
}
.default-button:hover {
    background-color: var(--theme-default-orange-hover);
    border-color: var(--theme-default-orange-hover);
    color: var(--theme-default-white);
}
.default-button:active {
    background-color: var(--theme-default-orange-hover) !important;
    border-color: var(--theme-default-orange-hover) !important;
    color: var(--theme-default-white) !important;
}

.error-span {
    width: 100%;
    margin-top: .25rem;
    font-size: .875em;
    color: var(--bs-form-invalid-color);
}

.active>.page-link {
    background-color: var(--theme-default-orange);
}

.general-image {
    margin-top: 10px;
    max-width: 200px;
    max-height: 200px;
}

.video {
    width: 25%;
}

.btn-primary{
    background: #275F5E !important;
    border: none;
}


/* __________________________________________________________________________________________________________________________________ */

/* changes done by aryan */


.logo img{
    max-height: 35px !important;
    width: 45px;
  }


  .back-to-top{
    background-color: #275f5e;
    border-radius: 50%;
    border: 2px solid #275f5e;
    color: white;
    transition:all .5s ease-in-out;

}


body .back-to-top i{
    background-color: #275f5e;
    color: white;
    transition:all .5s ease-in-out;

}

body .back-to-top:hover i{
    background-color: white;
    color: #275f5e;
    
    
    color: #275f5e;
    transition:all .5s ease-in-out;

}

body .back-to-top:hover{
    background-color:white;
    color: #275f5e;
}


.justify-content-between{
    justify-content: end !important;
}