@font-face {
    font-family: 'pacifico';
    src: url(../font/pacifico/Pacifico.ttf);
}

@font-face {
    font-family: 'poppins';
    src: url(../font/Poppins-Font/Poppins-SemiBold.ttf);
}

@font-face {
    font-family: 'poppins-regular';
    src: url(../font/Poppins-Font/Poppins-Regular.ttf);
}

.total-size span {
    font-weight: 700;
    position: absolute;
    top: 45%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-family: 'poppins';
    text-shadow: 2px 2px #aca8a8;
}

.total-size h1 {
    font-weight: 600;
    color: #f2ab30;
    font-family: 'pacifico';
    padding-top: 10px;
    margin-bottom: 0px;
    font-size: xxx-large;
}

.total-size h6 {
    font-size: small;
    color: #fff;
    font-family: 'poppins';

}

.arrow-btn {
    color: #fff;
    background-color: transparent;
    border: 1px solid #fff;
    font-family: 'poppins';
    float: left;
}

.arrow-btn:active,
.arrow-btn:hover,
.arrow-btn:focus {
    color: #fff;
    background-color: transparent;
    border: 1px solid #fff;
    font-family: 'poppins';
    float: left;
}

.w-90 {
    width: 85%;
}

.w-80 {
    width: 78%;
}
.h-fit{
    height: fit-content;
}
.pearl {
    background-image: url("../images/pearl.png");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-color: rgba(159,153,148,.99);
    background-blend-mode: multiply;
}

.ruby {
    background-image: url("../images/ruby.png");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-color: rgba(159,153,148,.99);
    background-blend-mode: multiply;
}

.sapphire {
    background-image: url("../images/sapphire.png");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-color: rgba(159,153,148,.99);
    background-blend-mode: multiply;
}

.emerald {
    background-image: url("../images/emerald.png");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-color: rgba(159,153,148,.99);
    background-blend-mode: multiply;
}

.diamond {
    background-image: url("../images/diamond.png");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-color: rgba(159,153,148,.99);
    background-blend-mode: multiply;
}


.blackdiamond {
    background-image: url("../images/bcrown.jpg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-color: rgba(159,153,148,.99);
    background-blend-mode: multiply;
}

.wrapper {
    min-height: 90vh;
}

@media only screen and (max-width: 768px) {
    .wrapper {
        width: 100%;
        overflow: auto;
        white-space: nowrap;
        font-size: 0;
    }

    .wrapper .child {
        font-size: .5rem;
        height: 500px;
        width: 78px;
        display: inline-block;
        margin-left: 10px;
        margin: 0 auto;
    }

    .wrapper .child:first-child {
        margin-left: 0px;
    }

    .w-95 {
        width: 45%;
    }

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

    .justify-content-evenly {
        justify-content: center !important;
    }

    .pos-mob {
        padding-bottom: 55px;
    }

    .total-size span {
        font-weight: 700;
        position: absolute;
        top: 30%;
        left: 50%;
        transform: translate(-50%, -50%);
        font-family: 'poppins';
        text-shadow: 2px 2px #aca8a8;
    }

    .total-size h6 {
        font-size: .3rem;
        color: #fff;
        font-family: 'poppins';

    }
}

@media only screen and (max-width: 585px) {
    .wrapper {
        width: 100%;
        overflow: auto;
        white-space: nowrap;
        font-size: 0;
    }

    .wrapper .child {
        font-size: .5rem;
        height: 500px;
        width: 60px;
        display: inline-block;
        margin-left: 10px;
        margin: 0 auto;
    }

    .wrapper .child:first-child {
        margin-left: 0px;
    }

    .w-95 {
        width: 45%;
    }

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

    .justify-content-evenly {
        justify-content: center !important;
    }

    .pos-mob {
        padding-bottom: 55px;
    }

    .total-size span {
        font-weight: 700;
        position: absolute;
        top: 35%;
        left: 50%;
        transform: translate(-50%, -50%);
        font-family: 'poppins';
        text-shadow: 2px 2px #aca8a8;
    }
}

@media only screen and (max-width: 444px) {
    .wrapper {
        width: 100%;
        overflow: auto;
        white-space: nowrap;
        font-size: 0;
    }

    .wrapper .child {
        font-size: .5rem;
        height: 500px;
        width: 40px;
        display: inline-block;
        margin-left: 10px;
        margin: 0 auto;
    }

    .wrapper .child:first-child {
        margin-left: 0px;
    }

    .w-95 {
        width: 45%;
    }

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

    .justify-content-evenly {
        justify-content: center !important;
    }

    .pos-mob {
        padding-bottom: 55px;
    }

}

.pos {
    position: relative;
}

.mentor-tag {
    text-decoration: none;
    color: #000;
}

#mentor .modal-header {
    border-bottom: none !important;
    padding-bottom: 0px !important;
}

#mentor .modal-body {
    padding-top: 0px !important;
}

/*team pages*/
.team-page {
    background-image: url("../images/background.png");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    min-height: 100vh;
    border: 5px solid #c9a716;
}

.team-name {
    width: max-content;
    background: linear-gradient(36deg, #04263b 0%, #78afa9 90%);
    margin: 0 auto;
    padding: 3px 5px 0px 5px;
    box-shadow: 2px 9px 8px -3px #f4e5a8;
    border-radius: 5px;
}

.team-details {
    margin: 0 25%;
    background: linear-gradient(36deg, #04263b 0%, #78afa9 100%);
    box-shadow: 2px 9px 8px -3px #f4e5a8;
    border-radius: 5px;
}

.team-page h1 {
    font-family: 'poppins';
    color: #ffdc48;
    text-shadow: 0 0 3px #ffff, 0 0 5px #ffff;
    text-transform: uppercase;
    font-size: xxx-large;
    text-align: center;
}

.team-details h4 {
    font-family: 'poppins';
    color: #ffdc48;
    font-size: 22px;
    text-align: center;
    text-transform: uppercase;
}

.team-name h5 {
    font-family: 'poppins';
    color: #ffdc48;
    font-size: 16px;
    text-align: center;
    text-transform: uppercase;
}

.team-details p {
    font-family: 'poppins';
    color: #ffdc48;
    text-align: center;
    text-transform: uppercase;
    margin-bottom: 0px;
    font-size: x-small;
}

.team-hd-img {
    height: 235px;
    width: 235px;
    border-radius: 50%;
    padding: 3px;
    box-shadow: inset 0 0 28px 2px #f7f8fa;
    transition: transform .2s;
    /* Animation */
}

.team-img {
    height: 165px;
    width: 165px;
    border-radius: 50%;
    padding: 3px;
    box-shadow: inset 0 0 40px 5px #282a2d;
    transition: transform .2s;
    /* Animation */
}

.diamond-icon {
    height: 24px;
    width: 30px;
}

.team-hd-img:hover {
    transform: scale(1.1);
}

.team-img:hover {
    transform: scale(1.2);
}

.h-85 {
    height: 85px;
    width: 90px;
}

/*team pages end*/
/*login page*/

.bg-img {
    background-image: url("../images/login-background.jpg");
    background-position: center;
    background-repeat: no-repeat;
    background-position:top;
    background-size: cover;
    background-color: rgba(159,153,148,.99);
    background-blend-mode: multiply;

}

a {
    text-decoration: none;
}

.login-page {
    width: 100%;
    height: 100vh;
    display: inline-block;
    display: flex;
    align-items: center;
    font-family: 'poppins';
    color: #fff;
}

.profile-page {
    width: 100%;
    padding: 2% 0;
    display: inline-block;
    display: flex;
    align-items: center;
    font-family: 'poppins';
    color: #fff;
}

.form-right i {
    font-size: 100px;
}

.btn-login {
    background: linear-gradient(36deg, #04263b 0%, #78afa9 100%);
    box-shadow: 2px 9px 8px -3px #f4e5a8;
    border-radius: 5px;
    color: #fff;
    border: none;
}

.btn-login:active,
.btn-login:hover,
.btn-login:visited,
.btn-login:focus {
    background: linear-gradient(36deg, #04263b 0%, #78afa9 100%);
    box-shadow: 2px 9px 8px -3px #f4e5a8;
    border-radius: 5px;
    color: #fff;
    border: none;
}

.text-login {
    color: #fff;
}

.profile-table th {
    background: linear-gradient(36deg, #04263b 0%, #78afa9 100%);
    border: transparent;
    color: #fff;
}

/*login page end*/
/*dashboard*/
.dashboard {
    font-family: 'poppins' !important;
}

.dashboard .nav li {
    width: 100%;
    font-size: 14px;
}

.dash-bg-img {
    background-image: url("../images/sapphire.png");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    min-height: 100vh;
    background-color: rgba(159,153,148,.99);
    background-blend-mode: multiply;
}

.nav-pills>li.active>a,
.nav-pills>li.active>a:focus,
.nav-pills>li.active>a:hover {
    background: linear-gradient(36deg, #04263b 0%, #78afa9 100%);
    box-shadow: 2px 9px 8px -3px #f4e5a8;
    border-radius: 5px;
    color: #fff;
    border: none;
}

.dashboard .nav-link {
    color: #fff;
    text-shadow: 0 0 2px #ffff;
    font-family: 'poppins-regular';
}

.dashboard .dropdown-down {
    font-family: 'poppins-regular';
}

.dash-right {
    color: #fff;
}
#notification .modal-header {
    border-bottom: none !important;
    padding-bottom: 0px !important;
}
.btn-lang{
    background: linear-gradient(36deg, #04263b 0%, #78afa9 100%);
    box-shadow: 2px 9px 8px -3px #f4e5a8;
    border-radius: 5px;
    color: #fff;
    border: none;
}
.btn-lang:active,.btn-lang:focus,.btn-lang:hover{
    background: linear-gradient(36deg, #f8fafc 0%, #78afa9 100%);
    box-shadow: 2px 9px 8px -3px #ffffff;
    border-radius: 5px;
    color: #04263b;
    border: none;
}
/*dashboard end*/
/*owner*/
.owner-p {
    font-family: 'poppins';
    color: #fff;
    font-size: large;
    padding-left: 2%;
}

.owner-page h1 {
    font-family: 'poppins';
    color: #f4c709;
    text-shadow: 0 0 3px #ffff, 0 0 5px #ffff;
    text-transform: uppercase;
    font-size: xx-large;
    text-align: center;
    background: linear-gradient(36deg, #04263b 0%, #78afa9 100%);
    padding: 2% 0;
}

.owner-page {
    background-image: url("../images/background.png");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    min-height: 100vh;
    border: 5px solid #c9a716;
}

/*owner end*/
/*cards*/
.cards-page {
    background-image: url("../images/ruby.png");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    min-height: 100vh;
    background-color: rgba(159,153,148,.99);
    background-blend-mode: multiply;
}

.cards-page h1 {
    font-family: 'poppins';
    color: #ffdc48;
    text-shadow: 0 0 3px #ffff, 0 0 5px #ffff;
    text-transform: uppercase;
    font-size: xxx-large;
    text-align: center;
}

.cards-page .card-title {
    text-shadow: 0 0 3px #ffff, 0 0 5px #ffff;
}

.cards-center {
    min-height: 80vh;
}

.shrink {
    transition: .9s ease;

}

.shrink:hover {
    -webkit-transform: scale(0.8);
    -ms-transform: scale(0.8);
    transform: scale(0.8);
    transition: 1s ease;
}

.pearl-card {
    background-color: #c9e99d63;
    color: #fff;
    box-shadow: 8px 8px 9px -3px #f4e5a8;
}

.pearl-card-icon {
    height: 60px;
    width: 60px;
    margin: 50px 0;
    box-shadow: 8px 8px 9px -3px #f4e5a8;
    border-radius: 50%;

}

.ruby-card {
    background-color: #dc354561;
    color: #fff;
    box-shadow: 8px 8px 9px -3px #850608;
}

.ruby-card-icon {
    height: 60px;
    width: 60px;
    margin: 50px 0;
    box-shadow: 8px 8px 9px -3px #850608;
    border-radius: 50%;

}

.sapphire-card {
    background-color: #0d6efd4d;
    color: #fff;
    box-shadow: 8px 8px 9px -3px #3316da;
}

.sapphire-card-icon {
    height: 60px;
    width: 60px;
    margin: 50px 0;
    box-shadow: 8px 8px 9px -3px #3316da;
    border-radius: 50%;

}

.emerald-card {
    background-color: #29ba777d;
    color: #fff;
    box-shadow: 8px 8px 9px -3px #29ba77;
}

.emerald-card-icon {
    height: 60px;
    width: 60px;
    margin: 50px 0;
    box-shadow: 8px 8px 9px -3px #29ba77;
    border-radius: 50%;

}

.diamond-card {
    background-color: #ffffff59;
    color: #fff;
    box-shadow: 8px 8px 9px -3px #fff;
}

.diamond-card-icon {
    height: 58px;
    width: 70px;
    margin: 50px 0;
    box-shadow: 8px 8px 9px -3px #fff;
    border-radius: 50%;
}

.black-diamond-card {
    background-color: #000000a6;
    color: #fff;
    box-shadow: 8px 8px 9px -3px #000;
}

.black-diamond-card-icon {
    height: 58px;
    width: 70px;
    margin: 50px 0;
    box-shadow: 8px 8px 9px -3px #000;
    border-radius: 50%;
}

.btn-card {
    background-color: transparent;
    color: #fff;
    text-shadow: 0 0 3px #ffff, 0 0 5px #ffff;
    border: 1px solid#fff;
}

.btn-card:active,
.btn-card:focus,
.btn-card:visited,
.btn-card:hover {
    background-color: transparent;
    color: #fff;
    text-shadow: 0 0 3px #ffff, 0 0 5px #ffff;
    border: 1px solid#fff;
}

@media only screen and (max-width: 585px) {
    .black-diamond-card-icon {
        margin: 10px 0;
    }

    .diamond-card-icon {
        margin: 10px 0;
    }

    .emarald-card-icon {
        margin: 10px 0;
    }

    .sapphire-card-icon {
        margin: 10px 0;
    }

    .ruby-card-icon {
        margin: 10px 0;
    }

    .pearl-card-icon {
        margin: 10px 0;
    }

}

/*cards-end*/
/*master board*/
.master-board {
    background-image: url("../images/pearl.png");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    min-height: 100vh;
}

.master-board h1 {
    font-weight: 600;
    color: #f2ab30;
    font-family: 'poppins';
    padding-top: 10px;
    margin-bottom: 0px;
    font-size: xxx-large;
}

.master-board h5 {
    font-weight: 600;
    color: #ffff;
    text-shadow: 0 0 3px #ffff;
    font-family: 'poppins';
    padding-top: 10px;
    margin-bottom: 0px;
    font-size: xx-large;
}

/*master board end*/
/*not available page*/
#oopss {
    background: linear-gradient(36deg, #04263b 0%, #78afa9 100%);
    position: fixed;
    left: 0px;
    top: 0;
    width: 100%;
    height: 100%;
    line-height: 1.5em;
    z-index: 9999;
}

#oopss #error-text {
    font-size: 40px;
    display: flex;
    flex-direction: column;
    align-items: center;
    font-family: 'poppins';
    color: #fff;
    direction: rtl;
}

#oopss #error-text span {
    position: relative;
    font-size: 1em;
    font-weight: 900;
    margin-bottom: 50px;
    text-align: center;
    line-height: 1em;
}

.btn-back {
    color: #fff;
    border: 1px solid #fff;
}

.btn-back:hover,
.btn-back:active,
.btn-back:focus {
    color: #fff;
    border: 1px solid #fff;
}

/*not available page end*/


.responsive-image {
    max-width: 100%;
    height: auto;
}







.mentor-actions {
    background-image: url("../images/mentor-background.png");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    min-height: 100vh;
    color: #fff;
    font-family: 'poppins';
}

.mentor-actions h1 {
    font-weight: 600;
    color: #f2ab30; /* Gold color */
    text-shadow: 0 0 5px #000; /* Black text stroke */
    font-size: xxx-large;
    padding-top: 10px;
    margin-bottom: 0;
}

.mentor-actions h5 {
    font-weight: 600;
    color: #ffff; /* White color */
    text-shadow: 0 0 5px #000; /* Black text stroke */
    font-size: xx-large;
}

.mentor-actions .profile-table th {
    background: linear-gradient(36deg, #04263b 0%, #78afa9 100%);
    border: transparent;
    color: #fff;
}

.mentor-actions .profile-table td button {
    margin: 0.5rem;
}

.mentor-actions .btn-success {
    background-color: #28a745;
    border-color: #28a745;
}

.mentor-actions .btn-warning {
    background-color: #ffc107;
    border-color: #ffc107;
}

.mentor-actions .btn-danger {
    background-color: #dc3545;
    border-color: #dc3545;
}


.btn-success:disabled {
    background-color: #d4edda; /* Light green background for disabled */
    border-color: #c3e6cb; /* Light green border for disabled */
    color: #6c757d; /* Grey text color for disabled */
    cursor: not-allowed; /* Change cursor to indicate disabled */
}

.btn-warning:disabled {
    background-color: #fff3cd; /* Light yellow background for disabled */
    border-color: #ffeeba; /* Light yellow border for disabled */
    color: #6c757d; /* Grey text color for disabled */
    cursor: not-allowed; /* Change cursor to indicate disabled */
}

.btn-danger:disabled {
    background-color: #f8d7da; /* Light red background for disabled */
    border-color: #f5c6cb; /* Light red border for disabled */
    color: #6c757d; /* Grey text color for disabled */
    cursor: not-allowed; /* Change cursor to indicate disabled */
}




Container holding the image and text
.congrats-overlay {
    position: relative; /* Establishes a positioning context for the overlay text */
    text-align: center; /* Centers the text horizontally */
    max-width: 350px; /* Set the same width as the image */
    margin: 0 auto; /* Centers the container itself */
   
    overflow: hidden; /* Ensures any overflow is clipped for a cleaner look */
}

/* Styling for the image */
.congrats-overlay img {
    width: 100%; /* Ensures the image takes the full width of the container */
    height: auto; /* Maintains the aspect ratio of the image */
    display: block; /* Removes the bottom space below the image */
}

/* Styling for the overlay text */
.congrats-overlay-text {
    position: absolute; /* Allows for precise positioning over the image */
    top: 50%; /* Vertically centers the text */
    left: 50%; /* Horizontally centers the text */
    transform: translate(-50%, -50%); /* Offsets text by its own size for perfect centering */
    color: #fff; /* Sets the text color to white for contrast */
    /* background-color: rgba(0, 0, 0, 0.5); Adds a semi-transparent background for readability */
    padding: 10px 20px; /* Adds padding around the text */
    border-radius: 5px; /* Rounds the corners of the background */
    font-size: 32px; /* Adjusts the font size */
    font-weight: bold; /* Makes the text bold for emphasis */
    letter-spacing: 1px; /* Adds spacing between letters for a stylish effect */
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5); /* Optional: Adds a shadow to the text itself */
}


/*corporate members*/
.team-img-member {
    height: 104px;
    width: 104px;
    border-radius: 50%;
    padding: 3px;
    box-shadow: inset 0 0 40px 5px #282a2d;
    transition: transform .2s;
    /* Animation */
}

.team-img-member:hover {
    transform: scale(1.2);
}
.team-name-member h5 {
    font-family: 'poppins';
    color: #ffdc48;
    font-size: 10px;
    text-align: center;
    text-transform: uppercase;
}
.diamond-icon-member {
    margin-bottom: 3px;
    height: 20px;
    width: 24px;
}
.team-name-mem {
    min-width: 205px;
}
/*corporate members end*/



/*additional css*/
.royal-mentor-txt {
    color: #c0fe72;
    font-size: 25px;
    text-shadow: 2px 2px #000 !important;
    top: 40% !important;
    left: 51% !important;
}

.royal-mentor-btm {
    color: #16b9ff;
    text-shadow: 2px 2px #000 !important;
}
.yellow-mentor-btm {
    color: #ffdc48;
    text-shadow: 2px 2px #000 !important;
}
@media only screen and (min-width: 1200px) {
    .royal-diamond-cntr {
        min-width: 650px;
    }
    .royal-diamond-sid {
        width: 220px;
    }
    .royal-diamond-sid-1{
        width: 180px;
    }

}
@media only screen and (max-width: 992px) {
    .royal-mentor-txt {
        color: #c0fe72;
        font-size: 20px;
    }
}
/*additional css end*/





.yellow-diamond {
    background-image: url("../images/yellow-diamond.png");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-color: rgba(159,153,148,.99);
    background-blend-mode: multiply;
}
.royal-diamond {
    background-image: url("../images/royal-diamond.png");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-color: rgba(159,153,148,.99);
    background-blend-mode: multiply;
}