body {
    padding: 0px;
    margin: 0px;
    list-style: none;
    font: 400 14px/27px 'Roboto', sans-serif;
    color: #000;
}

p {
    padding: 0px;
    margin: 0px;
}

a {
    padding: 0px;
    margin: 0px;
    outline: none;
}

ul {
    list-style: none;
    padding: 0px;
    margin: 0px;
}

label {
    list-style: none;
    padding: 0px;
    margin: 0px;
}

ul li {
    padding: 0px;
    margin: 0px;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    padding: 0px;
    margin: 0px;
}

input[type="text"]::-webkit-placeholder {
    opacity: 1;
}

input[type="text"]::-moz-placeholder {
    opacity: 1;
}

input[type="password"]::-webkit-placeholder {
    opacity: 1;
}

input[type="password"]::-moz-placeholder {
    opacity: 1;
}

input[type="search"]::-webkit-placeholder {
    opacity: 1;
}

input[type="search"]::-moz-placeholder {
    opacity: 1;
}

input[type="email"]::-webkit-placeholder {
    opacity: 1;
}

input[type="email"]::-moz-placeholder {
    opacity: 1;
}

input[type="tel"]::-webkit-placeholder {
    opacity: 1;
}

input[type="tel"]::-moz-placeholder {
    opacity: 1;
}

textarea::-moz-placeholder {
    opacity: 1;
}

textarea::-webkit-placeholder {
    opacity: 1;
}

a:hover {
    outline: none !important;
    text-decoration: none;
}

a:active {
    outline: none !important;
    text-decoration: none;
}

button,
a {
    text-decoration: none !important;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}


/*font-family: 'Mulish', sans-serif;

font-family:'Cerebri Sans Bold';

t-family:'Cerebri Sans Regular';

-family:'Cerebri Sans SemiBold';

font-family:'Cerebri Sans ExtraBold';*/
/* @font-face {
    font-family: 'Roboto', sans-serif;
    src: url('../fonts/DroidArabicKufi.eot');
    src: url('../fonts/DroidArabicKufi.eot?#iefix') format('embedded-opentype'),
        url('../fonts/DroidArabicKufi.woff2') format('woff2'),
        url('../fonts/DroidArabicKufi.woff') format('woff'),
        url('../fonts/DroidArabicKufi.ttf') format('truetype'),
        url('../fonts/DroidArabicKufi.svg#DroidArabicKufi') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Cerebri Sans Bold';
    src: url('../fonts/Cerebri Sans Bold.eot');
    src: url('../fonts/Cerebri Sans Bold.eot?#iefix') format('embedded-opentype'), url('../fonts/Cerebri Sans Bold.woff2') format('woff2'), url('../fonts/Cerebri Sans Bold.woff') format('woff'), url('../fonts/Cerebri Sans Bold.svg#Cerebri Sans Bold') format('svg');
    font-weight: 700;
    font-style: normal;
    font-stretch: normal;
    unicode-range: U+0020-00FE;
}

@font-face {
    font-family: 'Cerebri Sans Regular';
    src: url('../fonts/Cerebri Sans Regular.eot');
    src: url('../fonts/Cerebri Sans Regular.eot?#iefix') format('embedded-opentype'), url('../fonts/Cerebri Sans Regular.woff2') format('woff2'), url('../fonts/Cerebri Sans Regular.woff') format('woff'), url('../fonts/Cerebri Sans Regular.svg#Cerebri Sans Regular') format('svg');
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
    unicode-range: U+0020-00FE;
}

@font-face {
    font-family: "Roboto", sans-serif;
    src: url('../fonts/Cerebri Sans SemiBold.eot');
    src: url('../fonts/Cerebri Sans SemiBold.eot?#iefix') format('embedded-opentype'), url('../fonts/Cerebri Sans SemiBold.woff2') format('woff2'), url('../fonts/Cerebri Sans SemiBold.woff') format('woff'), url('../fonts/Cerebri Sans SemiBold.svg#Cerebri Sans SemiBold') format('svg');
    font-weight: 600;
    font-style: normal;
    font-stretch: normal;
    unicode-range: U+0020-00FE;
}

@font-face {
    font-family: 'Cerebri Sans ExtraBold';
    src: url('../fonts/Cerebri Sans ExtraBold.eot');
    src: url('../fonts/Cerebri Sans ExtraBold.eot?#iefix') format('embedded-opentype'), url('../fonts/Cerebri Sans ExtraBold.woff2') format('woff2'), url('../fonts/Cerebri Sans ExtraBold.woff') format('woff'), url('../fonts/Cerebri Sans ExtraBold.svg#Cerebri Sans ExtraBold') format('svg');
    font-weight: 800;
    font-style: normal;
    font-stretch: normal;
    unicode-range: U+0020-00FE;
} */

.container {
    max-width: 1200px;
}

.wrapper {
    width: 100%;
}

.panel-default>.panel-heading {
    background: none !important;
    border: none !important;
    border-radius: 0px !important;
}

.panel-default {
    border-radius: 0px !important;
}

.panel-default>.panel-heading+.panel-collapse>.panel-body {
    background: none !important;
    border: none !important;
    border-radius: 0px !important;
}

a:hover,
a:focus {
    text-decoration: inherit !important;
}

.navbar-brand {
    padding: 0;
}

.nav_top {
    padding: 0;
    margin: 0;
}

.page_btn {
    display: inline-block;
    font-size: 16px;
    line-height: 52px;
    height: 52px;
    color: #fff;
    background: var(--moalimy-green);
    border-radius: 4px;
    font-weight: 600;
    text-align: center;
    border: none;
    cursor: pointer;
    padding: 0 24px;
    margin-top: 30px;
}

.page_btn:hover {
    background: #3f4349;
    color: #fff;
}

.header_sec {
    width: 100%;
    position: fixed;
    z-index: 999;
    top: 0;
    padding: 11px 0;
    border-bottom: solid 1px #57606cc9;
    background: #2f2b2b30;
    direction: ltr;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

.menu_sec {
    direction: initial;
}

.logon_btn_div {
    display: block;
    position: absolute;
    right: 0;
}

.logon_btn_div li {
    float: left;
}

.menu_sec li {
    margin-left: 12px;
    letter-spacing: 0.5px;
}

.hed_btn {
    display: inline-block;
    font-size: 16px;
    line-height: 34px;
    height: 38px;
    color: #fff;
    background: var(--moalimy-green);
    border-radius: 4px;
    border: 1px solid var(--moalimy-green);
    font-weight: 600;
    -webkit-box-shadow: 0px 0px 16px 3px rgba(14, 71, 192, 0.12);
    -moz-box-shadow: 0px 0px 16px 3px rgba(14, 71, 192, 0.12);
    box-shadow: 0px 0px 16px 3px rgba(14, 71, 192, 0.12);
    text-align: center;
    border: none;
    cursor: pointer;
    padding: 0 16px;
    border: solid 1px var(--moalimy-green);
}

.hed_btn:hover {
    background: #fff;
    color: var(--moalimy-green);
    border-color: #fff;
    -webkit-box-shadow: 0px 0px 19px 7px rgba(155, 162, 168, 0.22);
    -moz-box-shadow: 0px 0px 19px 7px rgba(155, 162, 168, 0.22);
    box-shadow: 0px 0px 19px 7px rgba(155, 162, 168, 0.22);
}

.whit_he {
    background: #fff;
    color: #291f1f;
    border-color: #fff;
    -webkit-box-shadow: 0px 0px 19px 7px rgba(155, 162, 168, 0.22);
    -moz-box-shadow: 0px 0px 19px 7px rgba(155, 162, 168, 0.22);
    box-shadow: 0px 0px 19px 7px rgba(155, 162, 168, 0.22);
}

.whit_he:hover {
    background: var(--moalimy-green);
    color: #fff;
    border-color: var(--moalimy-green);
    -webkit-box-shadow: 0px 0px 16px 3px rgba(14, 71, 192, 0.12);
    -moz-box-shadow: 0px 0px 16px 3px rgba(14, 71, 192, 0.12);
    box-shadow: 0px 0px 16px 3px rgba(14, 71, 192, 0.12);
}

.login_btn {
    display: flex;
    align-items: center;
    height: 38px;
    font-size: 16.6px;
    color: #fff;
    font-weight: 500;
    padding: 0 11px;
    border: solid 1px #fff;
    border-radius: 4px;
    margin-right: 10px;
}

.login_btn img {
    margin-right: 10px;
}

.login_img1 {
    display: none;
}


/*.login_btn:hover .login_img1 {

    display: block;

}



.login_btn:hover .login_img {

    display: none;

}*/

.login_btn:hover {
    color: #fff;
    border: 1px solid var(--moalimy-green);
    background: var(--moalimy-green);
}

.headerfixed {
    background: var(--moalimy-green);
    box-shadow: 0px 4px 4px rgb(0 0 0 / 10%);
    border-color: var(--moalimy-green);
}

.logo2 {
    display: none;
}

.headerfixed .logo2 {
    display: block;
}


/*.headerfixed .logo1 {

    display: none;

}

.logo2 {

    display: none;

}*/

.headerfixed .hed_btn {
    color: var(--moalimy-green);
    background: #fff;
    border: 1px solid #fff
}

.headerfixed .hed_btn:hover {
    border-color: var(--moalimy-green);
    border: 1px solid #000;
    background: #13171e;
    color: #fff;
}

.headerfixed .whit_he {
    border-color: var(--moalimy-green);
    color: var(--moalimy-green);
}

.headerfixed .whit_he:hover {
    border-color: var(--moalimy-green);
    background: var(--moalimy-green);
    color: #fff;
}


/*.headerfixed .login_btn{color: var(--moalimy-green);}

.headerfixed .login_btn .login_img{display: none;}

.headerfixed .login_btn .login_img1{display: block;}

.headerfixed .login_btn:hover{border: solid 1px var(--moalimy-green);}*/

.headerfixed .login_btn:hover {
    border: solid 1px #fff;
    color: #fff;
}

.headerfixed .login_btn:hover {
    border: solid 1px #000;
    background: #000;
    color: #fff;
}

.headerfixed .login_btn .login_img {
    display: block;
}

.headerfixed .login_btn .login_img1 {
    display: none;
}


/*banner section*/

.banner_sec {
    width: 100%;
    position: relative;
}

.banner_sec>img {
    width: 100%;
    height: 661px;
    object-fit: cover;
}

.banner_text {
    font-family: "Roboto", sans-serif;
    position: absolute;
    width: 100%;
    top: 50%;
    right: 0;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    transform: translateY(-50%);
}

.banner_text_bx {
    width: 495px;
    margin-left: auto;
    text-align: right;
}

.banner_text_bx h4 {
    color: #196e62;
    font-family: "Roboto", sans-serif;
    font-size: 38.75px;
    font-weight: 700;
    line-height: 59px;
    letter-spacing: 0.5px;
}

.banner_text_bx .page_btn {
    font-size: 19.25px;
    font-weight: 700;
    color: #13171e;
    background: #fff;
    letter-spacing: 0.4px;
    -webkit-box-shadow: 0px 0px 15px 7px rgba(117, 117, 115, 0.14);
    -moz-box-shadow: 0px 0px 15px 7px rgba(117, 117, 115, 0.14);
    box-shadow: 0px 0px 15px 7px rgba(117, 117, 115, 0.14);
}

.banner_text_bx .page_btn:hover {
    background: #DCA084;
    color: #fff;
}


/*Platfrom section start*/

.Platfrom_sec {
    width: 100%;
    display: inline-block;
    padding: 46px 0 35px;
    display: inline-block;
}

.Platfrom_inr {
    width: 100%;
}

.Platfrom_img {
    float: right;
    width: 41%;
}

.Platfrom_img_inr {
    width: 100%;
}

.Platfrom_img_inrc>img {
    max-width: 100%;
}

.best_plat_frm {
    width: 150px;
    height: 150px;
    position: absolute;
    left: -43px;
    bottom: -17px;
    background: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 100%;
}

.best_plat_frm em {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 127px;
    height: 127px;
    border: dashed 1px var(--moalimy-green);
    border-radius: 100%;
    text-align: center;
    font-style: normal;
}

.best_plat_frm em h4 {
    color: #12171d;
    font-size: 22px;
    line-height: 28.88px;
    font-family: "Roboto", sans-serif;
    width: 100%;
}

.Platfrom_img_inr {
    width: 100%;
    position: relative;
    text-align: center;
}

.Platfrom_text {
    float: right;
    width: 59%;
    padding-right: 115px;
    text-align: left;
    padding-top: 35px;
}

.Platfrom_text_top {
    width: 100%;
    position: relative;
    padding-bottom: 20px;
}

.Platfrom_text_top h6 {
    font-size: 30.25px;
    color: #196e62;
    line-height: 35px;
    font-family: "Roboto", sans-serif;
}

.Platfrom_text_top p {
    font-size: 16.6px;
    line-height: 28.88px;
    color: #4e5156;
    margin-top: 8px;
}

.Platfrom_text_top:before {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 79px;
    height: 3px;
    background: var(--moalimy-green);
    content: "";
    border-radius: 58px;
}

.Platfrom_list li {
    position: relative;
    padding-right: 40px;
    font-size: 16.64px;
    color: #2a2f3a;
    margin-top: 20px;
    font-weight: 600;
}

.Platfrom_list {
    margin-top: 15px;
    display: inline-block;
    width: 100%;
}

.Platfrom_list p {
    font-size: 16.64px;
    color: #2a2f3a;
}

.check_cc {
    position: absolute;
    right: 0;
    top: 1px;
    background: var(--moalimy-green);
    width: 28px;
    line-height: 25px;
    height: 28px;
    border-radius: 100%;
    -webkit-box-shadow: 0px 0px 7px 0px rgba(15, 71, 192, 0.31);
    -moz-box-shadow: 0px 0px 7px 0px rgba(15, 71, 192, 0.31);
    box-shadow: 0px 0px 7px 0px rgba(15, 71, 192, 0.31);
    text-align: center;
}


/*package section start*/

.packages_sec {
    width: 100%;
    padding: 30px 0 30px;
    border: solid 1px #ececec;
}

.packages_inr {
    width: 100%;
}

.packages_top {
    text-align: center;
    width: 100%;
    position: relative;
    padding-top: 28px;
}

.packages_top:before {
    position: absolute;
    left: 50%;
    top: 0;
    width: 130px;
    height: 3px;
    background: var(--moalimy-green);
    content: "";
    border-radius: 58px;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    transform: translateX(-50%);
}

.packages_top h2 {
    font-family: "Roboto", sans-serif;
    color: #1a1c1f;
    font-size: 38px;
    line-height: 45px;
}

.packages_top p {
    font-size: 30px;
    color: #c55a11;
    font-weight: 600;
    line-height: 33px;
    font-family: "Roboto", sans-serif;
    margin-top: 8px;
}

.packages_top span {
    background: url(../images/line1.png) no-repeat left top 12px, url(../images/line2.png) no-repeat right top 12px;
}

.packages_top span {
    padding: 0 54px;
}

.packages_body {
    width: 100%;
    border: solid 1px #d0d0d0;
    text-align: right;
    margin-top: 27px;
}

.packages_body .col-sm-2 {
    -ms-flex: 0 0 21%;
    flex: 0 0 21%;
    max-width: 21%;
    padding: 0;
    border-right: dashed 1px #7ba59c;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

.packages_body .row {
    margin: 0;
    direction: ltr;
}

.packages_panel {
    -ms-flex: 0 0 16% !important;
    flex: 0 0 16% !important;
    max-width: 16% !important;
    border-right: 0 !important;
}

.packages_body .col-sm-2:first-child {
    border-right: 0 !important;
}

.packages_body .col-sm-2:nth-child(2) {
    border-right: 0 !important;
}

.packages_bx_hed {
    background: var(--moalimy-green);
    color: #fff;
    text-transform: uppercase;
}

.packages_bx_hed p {
    font-size: 18px;
    font-family: "Roboto", sans-serif;
    font-weight: 600;
    text-transform: uppercase;
    color: #fff;
}

.pack_name {
    display: flex;
    align-items: center;
    border: solid 1px #7ba59c;
    padding: 20px;
    height: 80px;
}

.packages_bx_hed div {
    border: solid 1px #7ba59c;
    padding: 10px 14px;
    display: flex;
    align-items: center;
    min-height: 69px;
    padding-left: 10px;
}

.packages_bx div {
    min-height: 69px;
    padding: 10px 10px;
    padding-left: 10px;
    border-bottom: solid 1px #dfdfdf;
    display: flex;
    justify-content: center;
    display: flex;
    flex-direction: column;
}

.packages_bx_hed div.pack_mater,
.packages_bx div.pack_mater_bx {
    min-height: 145px;
}

.packages_bx div.pack_mater_bx {
    justify-content: flex-start;
}

.packages_bx h2 {
    font-size: 18px;
    line-height: 30px;
    color: var(--moalimy-green);
    height: 60px;
    overflow: hidden;
    font-weight: 600;
    display: flex;
    align-items: center;
    vertical-align: middle;
}

.packages_bx p {
    font-size: 18px;
    font-weight: 600;
    line-height: 24px;
    color: #111216;
}

.packages_bx h4 {
    font-size: 24px;
    line-height: 29px;
    color: #111216;
    font-weight: 700;
}

.pack_week_reg,
.pack_week_reg_bx {
    border-bottom: 0 !important;
}

.register_btn {
    margin-top: 5px;
}

.packages_bx div.pack_week_reg_bx {
    min-height: 73px;
}

.packages_bx_hed div.pack_week,
.packages_bx div.pack_week_bx,
.packages_bx_hed div.pack_week_monthly,
.packages_bx div.pack_week_monthly_bx,
.packages_bx_hed div.pack_week_single,
.packages_bx div.pack_week_single_bx {
    min-height: 104px;
}

.pack_week_reg_bx .page_btn {
    font-size: 15px;
    margin-top: 0;
    font-weight: 700;
    text-transform: uppercase;
    padding: 0 18px;
    background: var(--moalimy-green);
    height: 42px;
    line-height: 42px;
}

.packages_body .col-sm-2:hover {
    background: #DCA084;
}

.packages_body .col-sm-2:hover .packages_bx h2,
.packages_body .col-sm-2:hover .pack_classe_bx p {
    color: #fff;
}





.pack_week_reg_bx .page_btn:hover {
    background: var(--moalimy-green);
}

.packages_body .col-sm-2:hover .pack_week_reg_bx .page_btn {
    background: var(--moalimy-green);
}

.packages_bx_hed div.pack_week_reg {
    min-height: 74px;
}

.viwe_all_bx {
    width: 100%;
    text-align: center;
    margin-top: 24px;
}

.viwe_all_cc {
    display: inline-block;
    color: var(--moalimy-green);
    font-size: 21px;
    font-weight: 600;
    font-family: "Roboto", sans-serif;
}

.viwe_all_bx i {
    font-size: 23px;
    vertical-align: middle;
    margin-right: 5px;
    margin-top: 11px;
}

.viwe_all_cc:hover {
    color: #3f4349;
}


/*currently available section start*/

.currently_avai_sec {
    width: 100%;
    display: inline-block;
    padding: 54px 0 63px;
    text-align: center;
}

.page_hed {
    width: 100%;
    text-align: center;
}

.page_hed h1,
.page_hed h2,
.page_hed h3,
.page_hed h4,
.page_hed h5,
.page_hed h6 {
    font-size: 37.13px;
    color: #13171e;
    line-height: 44px;
    font-family: "Roboto", sans-serif;
}

.page_hed p {
    font-size: 19.8px;
    color: #565e6b;
    font-weight: 500;
    margin-top: 15px;
    line-height: 28px;
}


/*Your children are our trust section start */

.trust_sec {
    width: 100%;
    background: #f7f8fd;
    padding-top: 59px;
}

.trust_sec .page_hed {
    padding-bottom: 30px;
    position: relative;
}

.trust_sec .page_hed:before {
    position: absolute;
    left: 50%;
    bottom: 0;
    width: 130px;
    height: 3px;
    background: var(--moalimy-green);
    content: "";
    border-radius: 58px;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    transform: translateX(-50%);
}

.trust_inr {
    width: 100%;
    margin-top: 50px;
}

.trust_list {
    display: inline-block;
    width: 100%;
    text-align: right;
}

.trust_list li {
    position: relative;
    padding-right: 39px;
    background: url(../images/list_img.png) no-repeat right top 6px;
    margin-top: 27px;
    font-size: 17.88px;
    color: #28292f;
    line-height: 28.88px;
}

.trust_text {
    float: right;
    text-align: right;
    width: 61%;
    padding-left: 99px;
}

.trust_img {
    float: left;
    width: 39%;
}

.trust_img img {
    width: 100%;
    /* height: 500px; */
    object-fit: cover;
    border-radius: 3px;
}


/*Become Tutor section*/

.becme_sec {
    width: 100%;
    display: inline-block;
}

.becme_inr {
    width: 100%;
    padding: 46px 59px 0;
}

.becme_inr_bx {
    width: 100%;
    display: flex;
    flex-direction: row-reverse;
    justify-content: space-between;
    align-items: center;
    padding: 40px;
    border-radius: 13px;
    background: var(--moalimy-green);
    margin-bottom: -67px;
    position: relative;
    bottom: -4px;
}

.becme_btn {
    width: 40%;
    text-align: left;
}

.becme_text {
    width: 60%;
    text-align: left;
}

.becme_btn .page_btn {
    font-size: 19.25px;
    font-weight: 600;
    color: #13171e;
    background: #fff;
    letter-spacing: 0.4px;
    -webkit-box-shadow: 0px 0px 15px 7px rgb(117 117 115 / 14%);
    -moz-box-shadow: 0px 0px 15px 7px rgba(117, 117, 115, 0.14);
    box-shadow: 0px 0px 15px 7px rgb(117 117 115 / 14%);
    padding: 0 33px;
    margin-top: 0;
    display: block;
    width: fit-content;
    margin-left: auto;
}

.becme_btn .page_btn:hover {
    background: #13171e;
    color: #fff;
}

.becme_text h5 {
    font-size: 35.75px;
    line-height: 40px;
    font-family: "Roboto", sans-serif;
    color: #fff;
}

.becme_text p {
    font-size: 17.18px;
    line-height: 28.88px;
    margin-top: 13px;
    color: #fff;
}


/*footer section start */

.footer_sec {
    width: 100%;
    display: inline-block;
    background: #fafbfe;
}

.footer_top {
    border-top: solid 1px #e0e0e1;
}

.footer_top_inr {
    width: 100%;
    direction: ltr;
    padding-top: 69px;
}

.footer_top_inr .col-sm-3 {
    -ms-flex: 0 0 16%;
    flex: 0 0 16%;
    max-width: 16%;
}

.footer_top_inr .col-sm-3:last-child {
    -ms-flex: 0 0 29%;
    flex: 0 0 29%;
    max-width: 29%;
}

.footer_top_inr .col-sm-3:first-child {
    -ms-flex: 0 0 37%;
    flex: 0 0 37%;
    max-width: 37%;
}

.footer_bx {
    padding: 26px 0 44px;
}

.footer_top_inr .col-sm-3:last-child {
    border-left: solid 1px #eeeeee;
}

.footer_top_inr .col-sm-3:first-child {
    border-right: solid 1px #eeeeee;
}

.footer_top_inr .col-sm-3:last-child .footer_bx {
    padding-right: 10px;
}

.footer_top_inr .col-sm-3:nth-child(2) .footer_bx {
    padding-left: 10px;
}

.footer_top_inr .col-sm-3:nth-child(3) .footer_bx ul {
    margin-top: 50px;
}

.footer_bx {
    width: 100%;
}

.footer_bx ul>li {
    font-size: 14.44px;
    color: #49474d;
    margin-top: 5px;
}

.footer_bx p {
    font-size: 14.26px;
    color: #49474c;
    line-height: 25px;
    margin-top: 18px;
}

.footer_bx li>a {
    color: #49474d;
}

.footer_bx li>a:hover {
    color: var(--moalimy-green);
}

.footer_bx h4 {
    font-size: 18px;
    font-weight: 500;
    font-family: "Roboto", sans-serif;
    color: #27282c;
}

.footer_bx>ul {
    margin-top: 20px;
}

.sos_icon {
    width: 100%;
}

.sos_icon li {
    display: inline-block;
    margin: 0 3px;
}

.sos_icon li a {
    background: #fff;
    width: 32px;
    height: 32px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 100%;
    -webkit-box-shadow: 0px 0px 15px 2px rgba(0, 0, 0, 0.16);
    -moz-box-shadow: 0px 0px 15px 2px rgba(0, 0, 0, 0.16);
    box-shadow: 0px 0px 15px 2px rgba(0, 0, 0, 0.16);
}

.sos_icon li a:hover {
    background: #eee;
}

.sos_icon li a:hover img {
    filter: grayscale(100%);
}

.sos_icon ul {
    margin-top: 14px;
}

.red_mr {
    font-size: 16px;
    font-weight: 600;
    color: var(--moalimy-green);
    margin-top: 16px;
    display: inline-block;
}

.red_mr:hover {
    color: #3f4349;
}

.footer_bot {
    width: 100%;
    border-top: solid 1px #e0e0e1;
    padding: 20px 0;
    text-align: center;
}

.footer_bot li {
    color: #656565;
    font-size: 15px;
    display: inline-block;
    background: url(../images/line3.png) no-repeat left top 8px;
    padding-left: 14px;
    padding-right: 7px;
}

.footer_bot li:last-child {
    padding-right: 0;
}

.footer_bot li:first-child {
    padding-left: 0;
    background: none;
}

.footer_bot li a {
    color: #656565;
}

.footer_bot li a:hover {
    color: var(--moalimy-green);
}

.nav_top .navbar-brand img {
    width: 102px;
}

.foot_logo img {
    width: 100px;
}

.heh_on_ph {
    display: none !important;
    width: 100%;
}


/*-------after login---*/

.log_hed_pro {
    position: absolute;
    right: 0;
    top: 6px;
    display: flex;
    align-items: center;
}

.wallet-balance-show {
    display: flex;
    align-items: center;
    margin-right: 14px;
}

.wallet-balance-show p {
    margin-left: 10px;
    color: #fff;
    font-size: 17px;
    letter-spacing: 0.3px;
    font-weight: 600;
}

.wallet-balance-show p span {
    margin: 0;
}

.log_hed_pro span {
    margin-left: 12px;
    color: #000;
    font-size: 16px;
    font-weight: 600;
}

.hed_img_tog>img {
    width: 44px !important;
    height: 44px !important;
    border-radius: 100%;
    object-fit: cover;
    border-radius: 100%;
}

.log_hed_pro span {
    margin-right: 12px;
    color: #fff;
    font-size: 17.5px;
    letter-spacing: 0.3px;
    font-weight: 600;
}

.log_hed_pro span i {
    margin-right: 7px;
}

.profidropdid {
    border-radius: 0px 0 8px 8px;
    padding: 2px 0;
    background: #fff;
    width: 100%;
    box-shadow: 0 .14px 2.29266px rgba(0, 0, 0, .03231), 0 .37px 4.42626px rgba(0, 0, 0, .04769), 0 3px 7px rgba(0, 0, 0, .09);
    position: absolute;
    top: 55px;

    right: 0;
    z-index: 3;
    border: solid 1px #d9d9d9;
}

.header_dropdown {
    width: 180px;
}

.header_dropdown ul li a {
    padding: 8px 15px;
}

.profidropdid li {
    margin: 0 !important;
    margin-top: 0px;
    margin-top: 0px;
    margin-top: 0px;
    margin-top: 0px;
    margin-top: 1px !important;
    width: 100%;
}

.profidropdid li a {
    padding: 8px 20px;
    display: inline-block;
    width: 100%;
    color: #000;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    font-size: 15px;
    font-weight: 600;
    color: #1b1b1b;
    letter-spacing: 0.3px;
    transition: all 0.3s;
    border-bottom: dashed 1px #dbdbdb;
    font-family: 'Roboto', sans-serif;
}

.profidropdid li a:hover {
    color: var(--moalimy-green);
}

header.header_sec.header_sec_inr.after_lgin_header {
    box-shadow: none;
}

.after_login_menu {
    background: #fff;
    box-shadow: 0px 4px 4px rgb(0 0 0 / 10%);
    direction: ltr;
}

.mobile_menu {
    display: none;
}

.dash_menu_inr ul {
    display: flex;
    align-items: flex-end;
    margin-top: 8px;
}

.dash_menu_inr ul li {
    margin-left: 3px;
}

.dash_menu_inr ul li a {
    padding: 12px 17px;
    display: block;
    color: #3a3e41;
    font-size: 16px;
    font-weight: 600;
    border-radius: 19px 19px 0 0;
}

.dash_menu_inr ul li a:hover,
.dash_menu_inr ul li a.active {
    background: #DCA084;
    color: #fff;
}

.search_bar {
    border-top: 1px solid #e9e9e9;
    padding: 8px 0;
}

.input_blogs {
    display: flex;
    align-items: center;
}

.search_input input,
.search_input select {
    border: 1px solid #d7d7d7;
    background: #fff;
    height: 47px;
    border-radius: 5px;
    width: 100%;
    width: 243px;
    padding: 0 14px;
    color: #637377;
    font-size: 16px;
    font-weight: 600;
    font-family: 'Roboto', sans-serif;
    outline: none !important;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    margin-right: 10px;
}

.search_input input:focus,
.search_input select:focus {
    border: 1px solid var(--moalimy-green);
}

.search_input select {
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    appearance: none !important;
    background: #fff0 url(../images/drop6.png) no-repeat right 15px center;
}

.search_btns button,
.search_btns a,
button.multi_search_btn,
a.multi_search_btn {
    display: block;
    cursor: pointer;
    height: 47px;
    line-height: 37px;
    background: var(--moalimy-green);
    /* width: 128px; */
    border-radius: 5px;
    border: 1px solid var(--moalimy-green);
    font-size: 20px;
    letter-spacing: 0.3px;
    color: #fff;
    padding: 4px 25px;
    font-family: 'Roboto', sans-serif;
    text-align: center;
}

.multi_search_btn {
    margin: 14px auto 0px auto;
}

.search_btns button:hover,
.search_btns a:hover {
    background: #3f4349;
    border: 1px solid #3f4349;
    color: white;
}

.search_tutor_info {
    padding: 22px 0 45px;
    direction: ltr;
}

.back_fa {
    background: #f7f7f7
}

.search_haedings {
    padding-bottom: 12px;
    border-bottom: 1px solid #dcdcdc
}

.search_haedings h2 {
    color: #2a2a2a;
    font-size: 18px;
    font-weight: 600;
    letter-spacing: 0.2px;
}

.tutor_pro_info {
    margin-top: 22px;
    width: 100%;
    text-align: center;
    border: 1px solid #d6d6d6;
    border-radius: 3px;
    padding: 20px 8px;
    background: #fff;
    cursor: pointer;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    min-height: 455px;
}

.tutor_pro_info:hover {
    border: 1px solid #fff;
    box-shadow: rgba(0, 0, 0, 0.08) 0px 4px 12px;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

.tutor_pro_info a.pro_imgs {
    background: #fff;
    border-radius: 50%;
    width: 150px;
    height: 150px;
    overflow: hidden;
    display: inline-block;
    position: relative;
}

.tutor_pro_info a.pro_imgs img {
    max-height: 100%;
    max-width: 100%;
    width: auto;
    height: auto;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
}

.tutor_pro_info h2 a {
    color: #14171e;
    font-size: 21.5px;
    letter-spacing: 0.3px;
    font-weight: bold;
    margin-bottom: 7px;
    margin-top: 3px;
    display: block;
}

.tutor_pro_info h2 a:hover {
    color: var(--moalimy-green)
}

.tutor_pro_info h5 {
    color: var(--moalimy-green);
    font-weight: 600;
    font-size: 15.5px;
}

.tutor_pro_info h5 img {
    margin-left: 6px;
}

.tutor_pro_info p {
    color: #6a6e6f;
    font-size: 14.8px;
    line-height: 22px;
    min-height: 106px;
    margin-top: 8px;
    padding-bottom: 17px;
    border-bottom: 1px solid #e7e7e8;
    flex-grow: 1;
}

.tutor_pro_info p span {
    font-size: 15.3px;
    color: #000000;
    font-weight: 500;
}

.book_btn {
    width: 102px;
    height: 33px;
    line-height: 33px;
    display: inline-block;
    margin: 16px auto 0;
    border-radius: 4px;
    background: var(--moalimy-green);
    color: #fff;
    font-size: 14px;
    font-weight: 500;
}

.book_btn:hover {
    background: #3f4349;
}

.search_tutor_info .col-12.col-sm-6.col-md-4.col-lg-3 {
    padding: 0 10px;
}

.all_page_footer .footer_bx {
    padding: 46px 0 44px;
}


/*-----pagination----*/

.pagination {
    padding: 38px 0 10px 0;
    font-size: 14px;
}

.page-item:not(:last-child) {
    margin-right: .5rem;
}

.page-link {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 35px;
    height: 35px;
    padding: 0 .3rem;
    line-height: 1;
    font-size: 14px;
    font-weight: 600;
    color: #a7a7a7 !important;
    background-color: transparent;
    border: .1rem solid transparent;
    transition: border .3s;
}

.page-item.disabled .page-link {
    color: #868e96;
    pointer-events: none;
    cursor: auto;
    background-color: #fff0;
    border-color: #dee2e6;
}

.page-link-next,
.page-link-prev {
    min-width: 8rem;
    padding: 1.2rem;
    text-transform: uppercase;
}

.disabled>.page-link {
    color: #ccc !important;
    border: 0;
}

:hover>.page-link,
.active>.page-link {
    border-color: var(--moalimy-green) !important;
    background: transparent !important;
    color: var(--moalimy-green) !important;
    font-weight: 600;
}

.page-link-prev i {
    margin-right: .5rem;
}

.page-link-next,
.page-link-prev {
    min-width: auto;
    padding: 10px;
    text-transform: uppercase;
}

.page-item-dots {
    white-space: nowrap;
}

.page-item-dots::before {
    content: '...';
    margin-top: -.9em;
    margin-right: .5rem;
    display: inline-block;
    vertical-align: middle;
}

.page-link:focus,
.page-link:hover {
    background: transparent;
    border-color: transparent;
}

.page-item:last-child .page-link {
    border-top-right-radius: 0rem;
    border-bottom-right-radius: 0rem;
}

a.page-link.page-link-next {
    color: var(--moalimy-green) !important
}


/*-----pagination----*/


/*login pages start*/

.login_sec {
    width: 100%;
    background: #fafafe;
    display: inline-block;
    margin-bottom: -9px;
}

.login_left {
    float: right;
    width: 48%;
}

.login_left>img {
    width: 100%;
    height: 663px;
    object-fit: cover;
    transform: rotate(180deg);
}

.login_right {
    float: left;
    width: 50%;
    position: relative;
}

.header_sec_inr {
    background: var(--moalimy-green);
    box-shadow: 0px 4px 4px rgb(0 0 0 / 10%);
    border-color: var(--moalimy-green);
}

.header_sec_inr .logo2 {
    display: block;
}

.header_sec_inr .hed_btn {
    color: var(--moalimy-green);
    background: #fff;
}

.header_sec_inr .hed_btn:hover {
    border-color: var(--moalimy-green);
    background: #13171e;
    color: #fff;
}

.header_sec_inr .whit_he {
    border-color: var(--moalimy-green);
    color: var(--moalimy-green);
}

.header_sec_inr .whit_he:hover {
    border-color: var(--moalimy-green);
    background: var(--moalimy-green);
    color: #fff;
}

.header_sec_inr .login_btn:hover {
    border: solid 1px #fff;
    color: #fff;
}

.header_sec_inr .login_btn:hover {
    border: solid 1px #000;
    background: #000;
    color: #fff;
}

.header_sec_inr .login_btn .login_img {
    display: block;
}

.header_sec_inr .login_btn .login_img1 {
    display: none;
}

.mar_top {
    display: block;
    width: 100%;
    padding-top: 81px;
}

.login_right {
    padding-right: 100px;
}

.login_right_inr {
    width: 469px;
    direction: ltr;
    padding: 99px 0 11px;
    margin-left: auto;
}

.login_right_top {
    width: 100%;
    padding-bottom: 15px;
}

.login_right_top h1 {
    font-size: 30.25px;
    color: #13181e;
    font-family: "Roboto", sans-serif;
}

.login_right_top h1 b {
    color: #13181e;
    font-family: "Roboto", sans-serif;
    font-size: 27.5px;
    margin-left: 5px;
}

.login_right_top p {
    font-size: 17.88px;
    color: #565e6b;
    margin-top: 10px;
}

.login_right_fm {
    width: 100%;
}

.login_inpt {
    width: 100%;
    margin-top: 15px;
}

.login_inpt_ir {
    width: 100%;
    position: relative;
}

.login_inpt_ir input,
.login_inpt_ir select,
.login_inpt_ir textarea {
    width: 100%;
    height: 53px;
    background: #fff;
    border: solid 1px #c8c8c8;
    outline: none;
    -webkit-appearance: none;
    appearance: none;
    padding: 0 24px;
    padding-right: 55px;
    font-size: 16.5px;
    font-weight: 400;
    color: #7e8692;
    font-family: 'Roboto', sans-serif;
    border-radius: 4px;
    -webkit-box-shadow: 0px 0px 5px 3px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: 0px 0px 5px 3px rgba(0, 0, 0, 0.05);
    box-shadow: 0px 0px 5px 3px rgba(0, 0, 0, 0.05);
}

.inpt_icon {
    position: absolute;
    right: 0;
    width: 54px;
    border-left: solid 1px #c8c8c8;
    top: 0;
    height: 53px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.input-icon {
    position: absolute;
    right: 68px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    transform: translateY(-50%);
}

.login_inpt_ir input:focus,
.login_inpt_ir select:focus,
.login_inpt_ir textarea:focus {
    border-color: var(--moalimy-green);
}

.toggle-password {
    font-size: 16px;
    color: #a8a8a8;
}

.password_padi input {
    padding-right: 87px;
}

.forgot_pass {
    width: 100%;
    margin-top: 14px;
}

.forgot_pass ul {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.for_got {
    display: inline-block;
    color: var(--moalimy-green);
    font-size: 15px;
    font-family: 'Roboto', sans-serif;
    line-height: 30px;
    line-height: 27px;
    direction: initial;
    border-bottom: solid 1px;
}

.for_got:hover {
    color: #000;
}

.checkBox input[type="checkbox"]+label {
    background: url(../images/check.png) no-repeat right top;
    font-size: 15.13px;
    font-family: 'Roboto', sans-serif;
    line-height: 26px;
    color: #637377;
    padding: 1px 0;
    padding-left: 30px;
    font-weight: 400;
    background-size: 20px !important;
}

.checkBox input[type="checkbox"] {
    display: none;
}

.checkBox input[type="checkbox"]:checked+label {
    background: url(../images/checked.png) no-repeat right top;
}

.login_bn_bx {
    width: 100%;
}

.login_bn_bx .page_btn {
    width: 100%;
    background: url(../images/logi_arw_r8.png) no-repeat var(--moalimy-green);
    height: 49px;
    line-height: 49px;
    padding: 0 20px;
    font-size: 20.63px;
    font-family: 'Roboto', sans-serif;
    font-weight: 600;
    border: none;
    outline: none;
    cursor: pointer;
    text-align: left;
    background-position: right 28px center !important;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    margin-top: 10px;
}

.login_bn_bx .page_btn:hover {
    background: url(../images/logi_arw_r8.png) no-repeat #3f4349;
}

.login_tx {
    width: 100%;
    text-align: center;
}

.login_tx p {
    margin-top: 37px;
    font-size: 16.5px;
    color: #403f3f;
    direction: initial;
}

.login_tx li {
    display: inline-block;
    padding-left: 20px;
}

/* .login_tx li:last-child {
    padding-left: 0;
} */

.login_tx .for_got {
    font-size: 16.26px;
}

.login_tx ul {
    margin-top: 25px;
    display: inline-block;
}

.sig_ico_img {
    position: absolute;
    right: 0;
    top: 96px;
    transform: rotate(180deg);
}

.student_sign_up_pg .checkBox {
    font-size: 13.6px;
}

.student_sign_up_pg .checkBox input[type="checkbox"]+label {
    background-position: top 6px left 0 !important;
    font-size: 13px;
}

.student_sign_up_pg .forgot_pass {
    margin-top: 21px;
}

.student_sign_up_pg .login_left>img {
    height: 851px;
}

.student_sign_up_pg .login_img_crp img {
    height: 851px;
}

.login_tx p a {
    color: var(--moalimy-green);
    border-bottom: solid 1px var(--moalimy-green);
}

.login_tx p a:hover {
    color: #403f3f;
}

.login_tx_bod {
    border-top: solid 1px #dedfe3;
    margin-top: 16px;
}

.login_tx_bod p {
    margin-top: 17px;
}

.student_sign_up_pg .login_right {
    padding-right: 0;
}

.student_sign_up_pg .login_right_inr {
    margin-right: 100px;
    padding-top: 48px;
}

.student_sign_up_pg .sig_ico_img {
    top: 48px;
}

.student_sign_up_pg .login_bn_bx .page_btn {
    margin-top: 18px;
}

.student_sign_up_pg .login_tx ul {
    margin-top: 15px;
}

.login_tx_acc {
    /* width: 469px;
    margin-right: 100px; */
    text-align: center;
    margin-left: auto;
}


/*-----dashboard-body----------*/

.dashboard_bodys {
    padding: 40px 0 60px;
    direction: ltr;
}

.dash_body_inr {
    background: #fff;
    border: 1px solid #e6e6e6;
    padding: 25px 20px;
    border-radius: 6px;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
    position: relative;
}

.dash_step_sec {
    text-align: center;
    padding-bottom: 25px;
    border-bottom: 1px solid #efeff0
}

.dash_step_sec ul {
    display: flex;
    align-items: flex-start;
    justify-content: center;
}

.dash_step_sec ul li {}

.dash_step_sec ul li a:after {
    position: absolute;
    width: 100%;
    content: "";
    left: 45%;
    top: 21px;
    z-index: 9;
    height: 2px;
    background: #dcdeeb;
}

.step_info {
    text-align: center;
}

.dash_step_sec ul li:nth-child(2) a:after {
    width: 86%;
}

.dash_step_sec ul li:last-child a:after {
    display: none;
}

.step_info a {
    padding: 0 25px;
    display: block;
    position: relative;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

.step_info a:hover {
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

.step_info a span {
    width: 41px;
    height: 41px;
    display: block;
    text-align: center;
    line-height: 41px;
    background: #fff;
    border: 2px solid #dcdeeb;
    border-radius: 100%;
    margin: 0 auto 8px;
    color: #696c70;
    font-size: 18px;
    z-index: 15;
    position: relative;
    font-weight: 600;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    font-family: "Roboto", sans-serif;
}

.step_info a.active span,
.step_info a:hover span {
    background: #DCA084;
    border: 2px solid #DCA084;
    color: #fff;
}

.step_info a p {
    color: #696c70;
    font-size: 18px;
    font-weight: 600;
    font-family: "Roboto", sans-serif;
}

.step_info a.active p,
.step_info a:hover p {
    color: #DCA084;
}

.dashboard_forms {
    margin-top: 20px;
}

.dash_inputs label {
    color: #7e8692;
    font-size: 17.2px;
    display: block;
    margin-bottom: 6px;
}

.public_p_n .dash_inputs label {
    color: #000;
}

.dash_inputs label b {
    font-weight: 700;
    color: #dca387;
}

.dash_inputs input,
.dash_inputs select,
.dash_inputs textarea {
    width: 100%;
    height: 50px;
    background: #fff;
    border: solid 1px #d5cece;
    outline: none;
    -webkit-appearance: none;
    appearance: none;
    padding: 0 15px;
    font-size: 17.2px;
    font-weight: 500;
    color: #3a3e41;
    font-family: 'Roboto', sans-serif;
    border-radius: 4px;
    margin-bottom: 17px;
    box-shadow: 0px 0px 18px 0px #0000001a;
}

.dash_inputs textarea {
    resize: none;
    height: 81px;
    padding-top: 10px;
}

.dash_inputs input::placeholder,
.dash_inputs select::placeholder,
.dash_inputs textarea::placeholder {
    color: #5c727d;
    font-weight: 400;
    font-size: 16.5px;
}

.dash_inputs input:focus,
.dash_inputs select:focus,
.dash_inputs textarea:focus {
    border: solid 1px var(--moalimy-green);
}

.checkBox_radio {
    width: 100%;
    display: flex;
    align-items: center;
    margin: 12px 0 8px;
}

.checkBox_radio li {
    width: 50%;
}

.checkBox_radio li:first-child {
    padding-right: 0;
}

.checkBox_radio li {
    height: 46px;
    line-height: 36px;
    border: 1px solid #e8e8e8;
    border-radius: 3px;
    padding-left: 15px;
    width: calc(50% - 20px);
    margin-right: 15px;
    cursor: pointer;
    margin-bottom: 15px;
}

.checkBox_radio input[type="radio"]+label,
.checkBox_radio input[type="checkbox"]+label {
    font-size: 17.5px;
    font-weight: 500;
    color: #5c727d;
    font-family: 'Roboto', sans-serif;
    padding-left: 40px;
    background: url(../images/checknew1.png) no-repeat #fff;
    background-position: left center !important;
    width: 100%;
    margin-top: 4px;
    cursor: pointer;
}

.checkBox_radio input[type="radio"]:checked+label,
.checkBox_radio input[type="checkbox"]:checked+label {
    background: url(../images/checknew.png) no-repeat;
    color: var(--moalimy-green)
}

.checkBox_radio input[type="radio"],
.checkBox_radio input[type="checkbox"] {
    display: none;
}

.checkBox_radio label {}

.checkBox_radio ul {
    margin-top: 7px;
    display: inline-block;
    width: 100%;
}

.new_sign_check .checkBox input[type="checkbox"]+label {
    font-size: 14.1px;
    line-height: 21px;
    letter-spacing: 0.2px;
    font-weight: 500;
    padding-right: 35px;
}

.new_sign_check .checkBox input[type="checkbox"]+label {
    background-position: right top 6px;
    cursor: pointer;
}

.dash_btns a,
.dash_btns_bx {
    height: 52px;
    line-height: 52px;
    display: inline-block;
    padding: 0 25px;
    background: var(--moalimy-green);
    border-radius: 4px;
    color: #fff;
    margin-top: 25px;
    font-size: 19px;
    font-weight: 500;
    letter-spacing: 0.2px;
    box-shadow: rgb(14 71 181 / 23%) 0px 1px 5px;
    border: none;
    outline: none;
    cursor: pointer;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

.dash_btns a:hover,
.dash_btns_bx:hover {
    background: #3f4349;
    box-shadow: rgb(48 48 48 / 23%) 0px 1px 5px
}

.dash_step_sec ul li a.complete:after {
    background: #DCA084
}

.dash_inputs label span {
    color: #bbbcbe;
    font-size: 14.5px;
}

.uplodimg {
    width: 100%;
    margin-top: 1px;
    display: flex;
    margin-bottom: 12px;
}

.uplodimgfil {
    -ms-flex: 0 0 32%;
    flex: 0 0 32%;
    max-width: 32%;
}

.uplodimg input[type="file"] {
    display: none;
}

.inputfile-1+label {
    background: var(--moalimy-green);
    color: #fff !important;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.inputfile+label {
    max-width: 100% !important;
    width: 100%;
    font-size: 16px !important;
    font-weight: 400 !important;
    padding: 0 !important;
    padding-right: 0px;
    padding-left: 0px;
    padding-left: 11px !important;
    padding-right: 16px !important;
    height: 50px;
    line-height: 50px;
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    border-radius: 4px !important;
    cursor: pointer;
    font-family: 'Roboto', sans-serif;
}

.inputfile-1+label:hover {
    background: #3f4349
}

.uplodimg_pick {
    margin-left: 18px;
}

.uplodimg_pick img {
    width: 50px;
    height: 50px;
    object-fit: cover;
    border-radius: 100%;
}


/*--table-*/

.main-tabels {
    margin-top: 10px;
}


/*-------- custom table------*/

.custom-table {
    width: 100%;
    margin-bottom: 20px;
}

.table {
    display: table;
    margin-bottom: 0px !important;
    max-width: 100%;
    width: 100% !important;
    background-color: transparent;
    /* box-shadow: 0px 1px 2px #dcdcdc; */
    ;
}

.table .one_row1 {
    display: table-row;
}

.tab_head_sheet {
    background: var(--moalimy-green);
    border: medium none;
    color: #fff;
    font-size: 16.8px;
    letter-spacing: 0px;
    font-weight: 400;
    line-height: 22px;
}

.cell1 {
    display: table-cell;
    padding: 4px 9px;
    position: relative;
    vertical-align: middle;
    white-space: nowrap;
    /* box-shadow: 0px 1px 1px #f3f2f2; */
    text-align: left;
}

.tab_head_sheet_1 {
    border: medium none;
    min-height: 55px;
    text-align: left;
    white-space: normal;
    overflow-wrap: break-word;
    color: #3c3f42;
    font-size: 13.5px;
    font-weight: 500;
    line-height: 24px;
    text-align: left;
    padding: 10px 9px;
    border-bottom: 1px solid #efefef;
}

.W55_1 {
    display: none;
}

.user-right-top-new p.appr {
    color: #099d60;
}

.show-actions {
    display: none;
    position: absolute;
    z-index: 20;
    background: #fff;
    top: 50px;
    left: 0;
    width: 100px;
    border-radius: 5px;
    box-shadow: 0px 0px 8px 1px #efefef;
    padding: 8px 0;
}

.show-actions li a img {
    margin-left: 5px;
}

.show-actions:after,
.show-actions:before {
    bottom: 100%;
    left: 70%;
    border: solid transparent;
    content: "";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}

.show-actions:before {
    border-color: rgba(239, 239, 239, 0);
    border-bottom-color: #ffffff;
    border-width: 11px;
    margin-left: -32px;
}

.angle {
    position: absolute;
    top: -19px;
    right: 25px;
}

.show-actions ul li a {
    float: left;
    width: 100%;
    padding: 2px 10px;
    color: #5c727d;
    cursor: pointer;
    text-align: right;
    font-size: 13.5px;
    font-weight: 500;
}

.show-actions ul li a:hover {
    color: var(--moalimy-green) !important;
}

.add_ttrr.actions-main {
    width: 50px;
    cursor: pointer;
}

.action-dots {
    display: block;
}

.action-dots:hover {
    opacity: 1;
}

.checkBox input[type="radio"]+label,
.checkBox input[type="checkbox"]+label {
    height: 29px;
    font-size: 0;
    width: 30px;
    padding-left: 40px;
    background: url(../images/chced.png) no-repeat #fff0;
    background-position: left center !important;
    width: 100%;
    margin-top: 4px;
    cursor: pointer;
}

.checkBox input[type="radio"]:checked+label,
.checkBox input[type="checkbox"]:checked+label {
    background: url(../images/chc.png) no-repeat;
}

.checkBox_radio input[type="radio"]:checked+label {
    color: var(--moalimy-green)
}

.checkBox input[type="radio"],
.checkBox input[type="checkbox"] {
    display: none;
}

.wght-60 {
    width: 65%;
}

.dash_sucessed {
    border: 1px solid #dddddd;
    padding: 0 30px 30px;
    border-radius: 5px;
    margin-top: 30px;
    text-align: center;
}

.dash_sucessed img {
    margin-top: -18px;
}

.dash_sucessed p {
    color: #3c3f42;
    font-size: 19.6px;
    line-height: 29px;
    margin-top: 27px;
    font-weight: 600;
}

.dash_inputs select {
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    appearance: none !important;
    background: #fff0 url(../images/drop6.png) no-repeat right 21px center;
}


/*tutor sign up page start*/

.login_inpt_ir textarea {
    resize: none;
    padding-top: 16px;
    padding-left: 20px;
    padding-bottom: 10px;
    height: 81px;
}

.pass_padi_tut .input-icon {
    position: absolute;
    right: 0;
    width: 54px;
    border-left: solid 1px #c8c8c8;
    top: 0;
    height: 53px;
    display: flex;
    justify-content: center;
    align-items: center;
    transform: translateY(0);
}

.gen_input {
    display: flex;
    align-items: center;
}

.gen_input li:last-child {
    margin-left: 0;
}

.gen_input label {
    font-size: 16.6px !important;
    color: #7e8692;
    width: 20%;
}

.gen_input ul {
    width: 80%;
}

.gen_input .checkBox_radio li {
    width: 50%;
    margin-bottom: 0;
    height: 53px;
    line-height: 45px;
    background: #fff;
    border-color: #c8c8c8;
    -webkit-box-shadow: 0px 0px 5px 3px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: 0px 0px 5px 3px rgba(0, 0, 0, 0.05);
    box-shadow: 0px 0px 5px 3px rgba(0, 0, 0, 0.05);
    border-radius: 4px;
}

s .tutor_sign_up_pg .login_left>img {
    height: 1057px;
}

.tutor_sign_up_pg .login_img_crp img {
    height: 1057px;
}

.tutor_sign_up_pg .login_right_inr {
    padding-top: 25px;
}

.tutor_sign_up_pg .sig_ico_img {
    top: 25px;
}

.tutor_sign_up_pg .login_inpt {
    margin-top: 12px;
}

.tutor_sign_up_pg .login_right_top {
    padding-bottom: 0;
}

.tutor_sign_up_pg .login_bn_bx .page_btn {
    margin-top: 11px;
}

.tutor_sign_up_pg .login_tx_bod {
    margin-top: 9px;
}

.tutor_sign_up_pg .login_tx_bod p {
    margin-top: 8px;
}

.tutor_sign_up_pg .login_tx ul {
    margin-top: 4px;
}

.money_sec {
    width: 100%;
    background: #fff;
    padding: 50px 0;
    margin-top: 15px;
    border-radius: 24px;
}

.hed_log_top {
    text-align: center;
    position: relative;
    font-size: 30.25px;
    color: #13181e;
    font-family: "Roboto", sans-serif;
    font-weight: 700;
    padding-bottom: 18px;
}

.hed_log_top:before {
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    transform: translateX(-50%);
    bottom: 0;
    width: 131px;
    height: 3px;
    background: var(--moalimy-green);
    content: "";
    border-radius: 24px;
}

.money_box {
    width: 100%;
    text-align: center;
    border: solid 1px #f0f0f0;
    -webkit-box-shadow: 0px 0px 13px 0px rgba(0, 0, 0, 0.11);
    -moz-box-shadow: 0px 0px 13px 0px rgba(0, 0, 0, 0.11);
    box-shadow: 0px 0px 13px 0px rgba(0, 0, 0, 0.11);
    border-radius: 3px;
    padding: 20px 23px;
    margin-top: 24px;
}

.money_box em img {
    max-width: 100%;
}

.money_box h4 {
    color: #12171d;
    font-family: 'Roboto', sans-serif;
    font-weight: 700;
    font-size: 20px;
    margin-top: 7px;
}

.money_box p {
    font-size: 16px;
    color: #2d3033;
    margin-top: 11px;
    line-height: 25px;
}

.get_str_sec {
    width: 100%;
    background: #fafafe;
    padding: 35px 0 67px;
    margin-top: 12px;
    border-radius: 24px;
}

.hit_line {
    position: relative;
    font-family: 'Roboto', sans-serif;
    font-weight: 700;
    font-size: 20px;
    color: #12171d;
    margin-top: 11px;
    padding-bottom: 10px;
    border-bottom: solid 3px #ececec;
    text-align: left;
}

.hit_line:before {
    position: absolute;
    left: 0;
    bottom: -2px;
    width: 115px;
    height: 3px;
    background: var(--moalimy-green);
    content: "";
    border-radius: 24px;
}

.get_str_inr {
    width: 100%;
}

.get_str_bx {
    width: 100%;
    text-align: left;
    margin-top: 24px;
}

.get_str_bx h4 {
    color: #12171d;
    font-family: 'Roboto', sans-serif;
    font-weight: 700;
    font-size: 20px;
    margin-top: 10px;
}

.get_str_bx p {
    font-size: 16px;
    line-height: 25px;
    color: #2d3033;
    margin-top: 12px;
}

.get_str_bx h4 a,
.money_box h4 a {
    color: #12171d;
}

.stu_adk_ques .dash_inputs textarea {
    height: 120px;
}

.dashboard_heding {
    width: 100%;
}

.dashboard_heding {
    width: 100%;
    text-align: left;
    padding-bottom: 16px;
    position: relative;
}

.dashboard_heding h1,
.dashboard_heding h2 {
    font-size: 25px;
    color: #13181e;
    font-family: "Roboto", sans-serif;
    font-weight: 700;
}

.dashboard_heding p {
    font-size: 16.5px;
    line-height: 25px;
    color: #424348;
    margin-top: 8px;
}

.dashboard_heding:before {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 95px;
    height: 3px;
    background: var(--moalimy-green);
    content: "";
    border-radius: 24px;
}

.ask_qus_div {
    position: absolute;
    right: 20px;
    top: 25px;
}

.ask_qus_div .dash_btns_bx {
    padding: 0 13px;
    height: 49px;
    line-height: 49px;
    margin-top: 0;
}

.stu_ques_vw .dashboard_heding {
    padding-right: 147px;
}

.inputs_ques_redio li {
    width: auto !important;
    padding-right: 26px;
    height: 50px;
    line-height: 40px;
}

.inputs_ques_redio li:first-child {
    padding-left: 26px;
}

.sharch_das_panel {
    width: 100%;
    display: flex;
    align-items: flex-end;
    padding-bottom: 8px;
    border-bottom: solid 1px #ebebeb;
    padding-top: 10px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.sharch_cc {
    width: auto;
    margin-bottom: 8px;
}

.das_sharch {
    height: 50px;
    line-height: 50px;
    display: inline-block;
    padding: 0 25px;
    padding-right: 49px;
    background: url(../images/sharch_icon.png) no-repeat right 20px center #DCA084;
    border-radius: 5px;
    color: #fff;
    font-size: 19px;
    font-weight: 500;
    letter-spacing: 0.2px;
    border: none;
    outline: none;
    cursor: pointer;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    margin-bottom: 15px;
    letter-spacing: 0.5px;
}

.das_sharch:hover {
    background: url(../images/sharch_icon.png) no-repeat right 20px center var(--moalimy-green);
}

.inputs_ques_redio {
    width: auto;
}

.table_list {
    width: 100%;
    padding-top: 20px;
    display: inline-block;
    text-align: left;
}


/*-------- custom table------*/

.custom-table {
    width: 100%;
}

.table {
    display: table;
    margin-bottom: 0px !important;
    max-width: 100%;
    width: 100% !important;
    background-color: transparent;
    /* box-shadow: 0px 1px 2px #dcdcdc; */
    ;
}

.table .one_row1 {
    display: table-row;
}

.tab_head_sheet {
    background: var(--moalimy-green);
    border: medium none;
    font-style: normal;
    font-weight: 400;
    font-size: 15px;
    line-height: 30px;
    color: #FFFFFF;
}

.tab_head_sheet_1 p {
    font-size: 15px;
    line-height: 22px;
    color: #030303;
    direction: ltr;
}

.W55_1 {
    display: none;
}

.user-right-top-new p.appr {
    color: #099d60;
}

.table_list h4 {
    font-size: 24px;
    color: #13181e;
    font-weight: 700;
    font-family: "Roboto", sans-serif;
}

.wi_div {
    width: 33%;
}

.wi_acti {
    width: 100px;
    text-align: center;
}

.action_wi {
    text-align: center;
}

.view_cc {
    background: #fff;
    border: solid 1px var(--moalimy-green);
    color: var(--moalimy-green);
    padding: 0 11px;
    /* height: 30px;
    line-height: 30px; */
    display: inline-block;
    border-radius: 3px;
}

.view_cc:hover {
    background: var(--moalimy-green);
    border: solid 1px var(--moalimy-green);
    color: #fff;
}

.inputs_ques_redio .checkBox_radio {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.pagi_das .pagination {
    justify-content: flex-start !important;
    padding: 16px 0 10px 0;
}

.public_profile_sec {
    width: 100%;
    display: inline-block;
    background: #fbfaff;
    margin-bottom: -8px;
    padding: 33px 0 63px;
}

.public_profile_inr {
    width: 100%;
    display: inline-block;
}

.public_profile_box {
    float: left;
    width: 27%;
}

.public_profile_box_inr {
    width: 100%;
    padding: 20px 16px;
    text-align: center;
    background: #fff;
    border-radius: 3px;
    -webkit-box-shadow: 0px 0px 17px 4px rgba(0, 0, 0, 0.08);
    -moz-box-shadow: 0px 0px 17px 4px rgba(0, 0, 0, 0.08);
    box-shadow: 0px 0px 17px 4px rgba(0, 0, 0, 0.08);
}

.public_profile_box_inr em {
    display: inline-block;
}

.public_profile_box_inr em img {
    width: 165px;
    height: 165px;
    object-fit: cover;
    border-radius: 100%;
}

.public_profile_box_inr h4 {
    font-size: 22px;
    color: #14171e;
    font-weight: 700;
    margin-top: 15px;
}

.public_profile_box_inr strong {
    display: inline-block;
    font-size: 15px;
    color: var(--moalimy-green);
    font-weight: 600;
    margin-top: 11px;
}

.public_profile_box_inr strong img {
    margin-left: 7px;
}

.public_profile_box_inr p {
    font-size: 15px;
    color: #6a6e6f;
    font-weight: 400;
    margin-top: 13px;
}

.public_profile_box_inr p b {
    color: #000000;
    font-weight: 500;
}

.public_profile_box_inr .login_bn_bx .page_btn {
    margin-top: 15px;
}

.public_profile_box_inr .login_bn_bx {
    margin-top: 15px;
    border-top: solid 1px #e7e7e7;
}

.public_profile_body {
    float: right;
    width: 73%;
    padding-left: 24px;
}

.public_profile_body_inr {
    width: 100%;
    background: #fff;
    border-radius: 3px;
    -webkit-box-shadow: 0px 0px 17px 4px rgba(0, 0, 0, 0.08);
    -moz-box-shadow: 0px 0px 17px 4px rgba(0, 0, 0, 0.08);
    box-shadow: 0px 0px 17px 4px rgba(0, 0, 0, 0.08);
    border: solid 1px #e5e5e5;
    padding: 20px 0;
}

.public_profile_body_inr .dashboard_heding {
    padding-left: 20px;
    padding-right: 20px;
}

.public_profile_body_inr .dashboard_heding:before {
    left: 20px;
}

.public_profile_table {
    width: 100%;
    display: flex;
    text-align: center;
    margin-top: 23px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    position: relative;
}

.public_profile_table_bx {
    width: 14.285%;
    border-left: solid 1px #efefef;
}

.public_pro_table_top {
    background: var(--moalimy-green);
    color: #fff;
    padding: 11px 13px;
    position: relative;
}

.public_pro_table_top h4 {
    font-size: 17px;
    line-height: 24px;
    font-weight: 400;
    color: #fff;
}

.public_profile_table_bx:first-child {
    border-left: 0;
}

.public_pro_table_bdy li {
    font-size: 15px;
    color: #3c3f42;
    padding: 10px 0;
}

.public_pro_table_bdy li a {
    color: #3c3f42;
}

.public_table_bdy .page_btn {
    height: 40px;
    line-height: 40px;
    font-size: 14.17px;
    padding: 0 15px;
    margin-top: 22px;
}

.public_table_bdy {
    padding: 0 13px;
    width: 100%;
}

.public_pro_table_list {
    width: 100%;
    min-height: 329px;
}

.public_table_bdy .page_btn:hover {
    background: #DCA084;
}

.public_pro_table_bdy li a:hover {
    color: #DCA084;
}

.public_pro_table_top:before {
    position: absolute;
    left: 0;
    top: 0;
    width: 3px;
    height: 100%;
    background: var(--moalimy-green);
    content: "";
    left: -2px;
}

.public_profile_table_bx:first-child .public_pro_table_top:before {
    display: none;
}

.pack_classe_bx p {
    color: #DCA084;
    font-size: 18px;
}

.reting_sec {
    display: flex;
    align-items: center;
}

.reting_sec li {
    float: left;
    margin-right: 3px;
    font-size: 14px;
    color: #9e9f9f;
}

.reting_sec li:first-child span {
    display: inline-block;
    margin: 0 1px;
}

.reting_sec li:last-child {
    margin-right: 6px;
    margin-top: 4px;
}


/*review css start*/

.rev {
    width: 17%;
}

.one_row1 .ret_ul {
    margin-top: 0px;
}

.one_row1 .ret_ul li b {
    margin-left: 3px;
    vertical-align: middle;
    font-size: 13px;
    letter-spacing: 0;
}

.tuto-rating em {
    width: 110px;
    height: 110px;
    display: block;
    position: relative;
    overflow: hidden;
    background: #ccc;
    border-radius: 50%;
}

.tuto-rating em img {
    width: auto;
    height: auto;
    margin: auto;
    max-width: 100%;
    max-height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    border-radius: 50%;
}

.tuto-rating {
    padding-bottom: 20px;
    display: flex;
    align-items: center;
}

.tu-info {
    margin-left: 20px;
}

.tu-info h2 {
    font-size: 24px;
    color: #000000;
    font-family: "Roboto", sans-serif;
    font-weight: normal;
    margin-bottom: 1px;
}

.sed {
    padding: 1.5px 0 1.5px 0;
}

.sed,
.sed span {
    display: flex;
    align-items: center;
}

.sed span {
    font-size: 15px;
    color: #222020;
    margin-right: 15px;
}

.sed span b {
    margin-right: 4px;
}

.sed span img {
    margin-right: 8px;
}


/* use display:inline-flex to prevent whitespace issues. alternatively, you can put all the children of .rating-group on a single line */

#half-stars-example .rating-group {
    display: inline-flex !important;
}


/* make hover effect work properly in IE */

#half-stars-example .rating__icon {
    pointer-events: none;
}


/* hide radio inputs */

#half-stars-example .rating__input {
    position: absolute !important;
    left: -9999px !important;
}


/* set icon padding and size */

#half-stars-example .rating__label {
    cursor: pointer;
    padding: 0 0.1em;
    font-size: 22px;
    border: 1px solid #c5c6c9;
    padding: 8px 10px;
    border-radius: 4px;
    width: 48px;
}


/* add padding and positioning to half star labels */

#half-stars-example .rating__label--half {
    padding-right: 0;
    margin-right: -36px;
    z-index: 2;
    border: 0;
}


/* set default star color */

#half-stars-example .rating__icon--star {
    color: #ffcb00;
}


/* set color of none icon when unchecked */

#half-stars-example .rating__icon--none {
    color: #eee;
}


/* if none icon is checked, make it red */

#half-stars-example .rating__input--none:checked+.rating__label .rating__icon--none {
    color: red;
}


/* if any input is checked, make its following siblings grey */

#half-stars-example .rating__input:checked~.rating__label .rating__icon--star {
    color: #bbbab8;
}


/* make all stars orange on rating group hover */

#half-stars-example .rating-group:hover .rating__label .rating__icon--star,
#half-stars-example .rating-group:hover .rating__label--half .rating__icon--star {
    color: #ffcb00;
}


/* make hovered input's following siblings grey on hover */

#half-stars-example .rating__input:hover~.rating__label .rating__icon--star,
#half-stars-example .rating__input:hover~.rating__label--half .rating__icon--star {
    color: #bbbab8;
}


/* make none icon grey on rating group hover */

#half-stars-example .rating-group:hover .rating__input--none:not(:hover)+#half-stars-example .rating__label .rating__icon--none {
    color: #eee;
}


/* make none icon red on hover */

#half-stars-example .rating__input--none:hover+#half-stars-example .rating__label .rating__icon--none {
    color: red;
}

.none {
    display: none !important;
}

.new-subbtn {
    width: 150px;
}

#half-stars-example .rating-group {
    display: inline-flex !important;
}

.form_box_area label {
    color: #242522;
    font-size: 15px;
}

.newmar {
    margin-top: 20px;
}

#half-stars-example {
    margin-top: 11px;
}

.rating_star {
    direction: initial;
    text-align: left;
}

.rating_star {
    width: 100%;
    margin-bottom: 17px;
}

.rating_star>label {
    color: #7e8692;
    font-size: 17.2px;
    display: block;
    margin-bottom: 6px;
}

.dashboard_forms .checkBox input[type="radio"]+label,
.dashboard_forms .checkBox input[type="checkbox"]+label {
    background-size: 29px !important;
}

.dash_inputs .ui-icon-circle-triangle-w {
    background: url(../images/line2.png) no-repeat;
}

.login_img_crp {
    width: 557px;
    margin-right: auto;
    text-align: center;
}

.login_img_crp img {
    width: 60%;
    height: 710px;
    object-fit: cover;
}
.login_img_crp p {
    padding-top: 35px;
}

/*review css end*/

.student_sub_table .packages_body {
    margin-top: 15px;
}

.student_sub_table h6 {
    font-size: 24px;
    color: #13181e;
    font-family: "Roboto", sans-serif;
    line-height: 34px;
}

.askadmin_modal {
    direction: ltr;
}

.askadmin_modal .dashboard_forms {
    margin-top: 0;
}

.askadmin_modal .dash_btns a,
.askadmin_modal .dash_btns_bx {
    margin-top: 0;
}

.askadmin_modal .modal-title {
    font-size: 19px;
    color: #13181e;
    font-family: "Roboto", sans-serif;
    font-weight: 700;
}

.askadmin_modal .close {
    position: absolute;
    right: 20px;
    top: 15px;
    left: inherit;
}

.askadmin_modal .modal-dialog {
    margin-top: 87px !important;
}

.picture_tut {
    display: inline-block;
}

.picture_tut img {
    width: 62px;
    height: 56px;
    border-radius: 4px;
    object-fit: cover;
}

.tutors_acti li {
    display: inline-block;
    margin-right: 8px;
}

.tutor_btn {
    background: #DCA084;
    border: solid 1px #DCA084;
    color: #fff;
    padding: 0 11px;
    height: 36px;
    line-height: 34px;
    display: inline-block;
    border-radius: 4px;
}

.tutor_btn:hover {
    background: #fff !important;
    color: #DCA084 !important;
}

.tutor_btn_bod {
    background: #fff !important;
    color: #DCA084 !important;
}

.tutor_btn_bod:hover {
    background: #DCA084 !important;
    color: #fff !important;
}

.sta_com {
    font-weight: normal;
    color: #059616;
}

.desibal_act {
    filter: grayscale(100%);
    opacity: 0.3;
    cursor: no-drop;
}

.sharc_studant {
    align-items: flex-end;
}

.sharc_studant .sharch_cc {
    margin-bottom: 0;
}

.sharc_studant .dash_inputs input,
.sharc_studant .dash_inputs select,
.sharc_studant .dash_inputs textarea {
    color: #7e8692;
}

.datepicker,
.class_date {
    background-image: url(../images/calendar.png) !important;
    background-repeat: no-repeat !important;
    background-position: right 10px center !important;
}

.bodar_sharch {
    border-bottom: solid 1px #ebebeb;
    padding-bottom: 10px;
}

.exam_detail .dashboard_heding::before {
    width: 77px;
}

.exam_ques_bx {
    width: 100%;
    position: relative;
    border: solid 1px #ebebeb;
    border-radius: 4px;
    padding: 33px 23px 25px;
    margin-top: 38px;
}

.top_qution {
    position: absolute;
    font-size: 17.19px;
    color: #65696e;
    padding: 0 14px;
    top: -13px;
    direction: ltr;
    background: #fff;
    font-weight: normal;
}

.exam_ques_bx h3 {
    font-weight: 600;
    color: #13181e;
    font-size: 20.1px;
    position: relative;
    padding-right: 40px;
    line-height: 29px;
}

.qu_ap {
    position: absolute;
    right: 0;
    top: -1px;
    font-size: 23.38px;
    color: var(--moalimy-green);
    font-weight: 800;
    font-style: normal;
}

.exam_ansr {
    width: 100%;
    padding-top: 22px;
    padding-right: 40px;
    position: relative;
}

.exam_ansr p {
    font-size: 20.63px;
    line-height: 26px;
    color: var(--moalimy-green);
    font-weight: 700;
    padding-bottom: 13px;
}

.exam_redio {
    width: 100%;
    margin-top: 13px;
    text-align: right;
    position: relative;
}

.exam_redio input[type="radio"]+label {
    font-size: 17px;
    color: #616468;
    padding-right: 86px;
    background: url(../images/chced.png) no-repeat;
    background-position: right top !important;
    background-size: 27px !important;
    direction: initial;
}

.exam_redio input[type="radio"]+label strong {
    font-size: 17.88px;
    color: #616468;
    font-weight: 800;
    border-left: solid 1px #d8d7d7;
    margin-left: 17px;
    padding-left: 13px;
    right: 44px;
    top: 0;
    position: absolute;
}

.exam_redio input[type="radio"]:checked+label {
    background: url(../images/checked_or.png) no-repeat;
    color: #DCA084;
}

.exam_redio input[type="radio"] {
    display: none;
}

.exam_redio input[type="radio"]:checked+label strong {
    color: #DCA084;
}

.exam_detail .dash_body_inr {
    padding-bottom: 54px;
}

.medil_text:before {
    display: none;
}

.medil_text {
    padding-top: 20px;
}

.askadmin_modal .dash_btns a,
.askadmin_modal .dash_btns_bx {
    height: 40px;
    line-height: 40px;
    padding: 0 15px;
    font-size: 15px;
}

.public_pro_table_bdy li a {
    border: 1px solid #C9CCCC;
    padding: 5px 9px;
    border-radius: 6px;
    display: inline-block;
}

.public_pro_table_bdy li a:hover {
    background: var(--moalimy-green);
    color: #fff;
    border-color: var(--moalimy-green);
}

.active_ut {
    background: var(--moalimy-green) !important;
    color: #fff !important;
    border-color: var(--moalimy-green) !important;
}

.active_ut:hover {
    color: #fff;
}


/*about us page*/

.about-pg-sec {
    width: 100%;
    padding: 46px 0 0;
    display: inline-block;
}

.about-bx-iner {
    width: 100%;
}

.about-text {
    width: 100%;
    padding-top: 30px;
    text-align: left;
    padding-left: 10px;
}

.about-text h3 {
    color: #12171d;
    font-weight: 700;
    font-size: 31px;
    line-height: 36px;
    margin-bottom: 11px;
    font-family: "Roboto", sans-serif;
}

.about-text p {
    font-size: 17px;
    line-height: 28px;
    color: #2a2f3a;
    margin-top: 11px;
    text-align: justify;
    direction: ltr;
}

.about-text .pagbtn {
    padding: 0 38px;
    line-height: 48px;
    height: 48px;
    margin-top: 23px;
    font-size: 18px;
    background: #ed1b24;
}

.about-text .pagbtn:hover {
    background: var(--moalimy-green);
}

.about-img {
    width: 100%;
}

.about-img img {
    height: 460px;
    object-fit: cover;
    width: 100%;
    transform: rotateY(180deg);
}

.vision-sec {
    width: 100%;
    margin-top: 50px;
}

.vision-sec .media {
    padding: 33px 20px 40px;
    background: #fff;
    text-align: left;
    -webkit-box-shadow: 0 0 22px -2px #ece9e9;
    -moz-box-shadow: 0 0 22px -2px #ece9e9;
    box-shadow: 0 0 22px -2px #ece9e9;
}

.vision-sec .media-body h4 {
    color: #000;
    font-weight: 600;
    font-size: 28px;
    line-height: 31px;
}

.vision-sec .media-body p {
    color: #656565;
    font-weight: 400;
    font-size: 16px;
    line-height: 26px;
    margin-top: 10px;
    text-align: justify;
    direction: ltr;
}

.vision-sec strong {
    width: 135px;
    height: 135px;
    background: var(--moalimy-green);
    border-radius: 2px;
    position: relative;
    margin-right: 16px;
}

.vision-sec strong img {
    max-width: 100%;
}

.vision-sec .row {
    margin: 0 -17px;
}

.vision-sec .col-sm-6 {
    padding: 0 17px;
}

.inar_ban_sec {
    width: 100%;
    display: inline-block;
    position: relative;
}

.inar_ban_sec>img {
    width: 100%;
    height: 246px;
    object-fit: cover;
    /* transform: rotateY(180deg); */
}

.inar_ban_text {
    position: absolute;
    left: 0;
    top: 50%;
    text-align: center;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 100%;
}

.inar_ban_bx {
    width: 100%;
    text-align: center;
}

.inar_ban_bx h2 {
    color: #fff;
    font-weight: 700;
    font-size: 40px;
    line-height: 36px;
    margin-bottom: 11px;
    font-family: "Roboto", sans-serif;
}

.conpg-sec {
    width: 100%;
    padding: 40px 0 0;
    display: inline-block;
}

.conpg-sec .tophed {
    text-align: left;
    padding-bottom: 10px;
}

.conpg-sec .tophed:before {
    left: inherit;
    transform: translate(0);
    right: 0;
}

.conpg-sec .tophed h2 {
    color: #000;
    font-weight: 600;
    font-size: 32px;
    line-height: 40px;
}

.conpg-sec .tophed p {
    margin-top: 8px;
}

.conpg-ier {
    width: 100%;
}

.contpg-left {
    float: right;
    width: 40%;
    text-align: left;
    padding-left: 45px;
    padding-top: 29px;
}

.contpg-left .media {
    flex-direction: row-reverse;
}

.contpg-left h3 {
    color: #010101;
    font-size: 26px;
    line-height: 33px;
    font-weight: 400;
}

.contpg-left strong {
    width: 39px;
    margin-right: 14px;
    margin-top: 6px;
}

.contpg-left .media {
    margin-top: 22px;
}

.contpg-left .media-body h4 {
    color: #3c3c3d;
    font-size: 18.54px;
    line-height: 27px;
    font-weight: 500;
}

.contpg-left .media-body em {
    color: #6c6c6c;
    font-size: 14.68px;
    line-height: 23px;
    font-style: normal;
}

.contpg-left .media-body em a {
    color: #6c6c6c;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.contpg-left .media-body em a:hover {
    color: #ed1c25;
}

.contpg-sos {
    width: 100%;
}

.contpg-sos li {
    display: inline-block;
    margin-top: 15px;
}

.contpg-sos li {
    padding-right: 3px;
}

.contpg-sos li:last-child {
    padding-right: 0;
}

.contpg-sos li span {
    font-size: 18.50px;
    color: #3c3c3d;
    line-height: 20px;
    padding-right: 13px;
    font-weight: 500;
    vertical-align: middle;
}

.contpg-sos li a {
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.contpg-sos li a:hover {
    opacity: 0.5;
}

.contpg-right {
    width: 60%;
    float: right;
    border-top: solid 1px #e9e6eb;
    padding-top: 35px;
}

.contpg-iner {
    width: 100%;
    padding: 0 22px 49px;
    background: #fff;
    -webkit-box-shadow: 0 0 22px -2px #d5cece;
    -moz-box-shadow: 0 0 22px -2px #d5cece;
    box-shadow: 0 0 22px -2px #d5cece;
    color: #fff;
}

.contactIput {
    width: 100%;
    margin-top: 23px;
    position: relative;
}

.contactIput input[type="text"],
.contactIput input[type="email"],
.contactIput input[type="tel"],
.contactIput input[type="password"],
.contactIput textarea,
.contactIput select {
    width: 100%;
    font-family: 'Roboto', sans-serif;
    border: solid 1px #e9e9e9;
    font-size: 16px;
    color: #707070;
    opacity: 1;
    outline: none;
    -webkit-appearance: none;
    height: 50px;
    padding-left: 51px;
    border-radius: 2px;
    direction: ltr;
    padding-right: 26px;
}

.contactIput span {
    position: absolute;
    left: 19px;
    top: 12px;
}

.contactIput textarea {
    height: 144px;
    padding-top: 14px;
    padding-bottom: 14px;
    resize: none;
}

.contactIput select {
    background: url(../images/cont-d.png) no-repeat left 24px center;
}

.send-mess {
    display: inline-block;
    border-radius: 2px;
    height: 46px;
    background: url(../images/submit.png) no-repeat right 12px center #ed1c25;
    font-weight: 400;
    font-size: 16px;
    cursor: pointer;
    color: #fff;
    padding: 0 47px 0 22px;
    text-align: left;
    letter-spacing: 1px;
    border: none;
    outline: none;
    font-weight: 500;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    margin-top: 24px;
}

.send-mess:hover {
    background-color: var(--moalimy-green);
}

.cont-pg-sub {
    width: 100%;
    text-align: left;
}

.adjust_rm01 {
    width: auto;
    float: none;
}

.cont-pg-sub .page_btn {
    font-family: 'Roboto', sans-serif;
}

.buttons_acti {
    display: flex;
    align-items: center;
    direction: rtl !important
}

.canc_cc {
    background: #fff;
    border: solid 1px #DCA084;
    color: #DCA084;
    padding: 0 11px;
    margin-right: 10px;
    /* height: 30px;
    line-height: 30px; */
    display: inline-block;
    border-radius: 3px;
}

.canc_cc:hover {
    background: #DCA084;
    border: solid 1px #DCA084;
    color: #fff;
}

.green_clr {
    color: #059616 !important
}

.red_clr {
    color: #ff1800 !important
}

.dash_tabs_list {
    display: flex;
    align-items: center;
    border-bottom: 1px solid #ebebeb;
    margin: 30px 0 18px;
}

.dash_tabs_list a {
    margin-left: 20px;
    border: 1px solid #ebebeb;
    background: #fff;
    color: #6c6767;
    border-radius: 15px 15px 0 0;
    border-bottom: 0;
    letter-spacing: 0.2px;
    font-size: 18.7px;
    font-weight: 600;
    display: inline-block;
    padding: 13px 21px;
}

.dash_tabs_list a:hover,
.dash_tabs_list a.active {
    border: 1px solid #DCA084;
    background: #DCA084;
    color: #fff;
    border-bottom: 0;
}

.my_earningg {
    display: block;
    overflow: hidden;
    width: 100%;
    margin: 25px 0 25px 0;
}

.my_earningg ul {
    display: flex;
}

.my_earningg ul li {
    border: 1px solid #ECE7DA;
    border-radius: 4px;
    padding: 12px 14px;
    margin: 0 0 10px 1.5%;
    width: 32.3%;
    position: relative;
}

.my_earningg ul li em {
    position: absolute;
    right: 17px;
    top: 16px;
}

.my_earningg ul li p {
    font-style: normal;
    font-weight: 600;
    line-height: 21px;
    color: #000000;
    margin-bottom: 4px;
    font-size: 16px;
}

.my_earningg ul li span {
    font-style: normal;
    font-weight: 400;
    font-size: 15.4px;
    line-height: 19px;
    color: #616A71;
    margin-bottom: 4px;
    display: block;
}

.my_earningg ul li small {
    width: calc(100% - 40px);
    display: inline-block;
    line-height: 16px;
    font-size: 12px;
    color: #7e8692
}

.my_earningg ul li em img {
    width: 40px;
    height: 40px;
}

.ask_qus_div .dash_btns_bx.pdt-25 {
    padding-left: 30px;
    padding-right: 30px;
}

.dash_profile_info {
    border: 1px solid #ebebeb;
    border-radius: 5px;
    margin-top: 30px;
}

.padid-top-20 {
    padding: 28px 20px;
}

.profile_img_secs {
    display: flex;
    align-items: center;
    gap: 15px;
}

.profile_img_secs span.img_spans {
    background: #ccc;
    width: 126px;
    height: 126px;
    overflow: hidden;
    display: inline-block;
    position: relative;
    border-radius: 5px;
    margin: 0 auto;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 15px -3px, rgba(0, 0, 0, 0.05) 0px 4px 6px -2px;
    /* margin-right: 22px; */
}

.profile_img_secs span.img_spans img {
    max-height: 100%;
    max-width: 100%;
    width: auto;
    height: auto;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    transition: all .4s ease-in-out;
}

.all_pro_info {
    width: calc(100% - 148px);
}

.all_pro_info h2 {
    color: #13181e;
    font-size: 23px;
}

ul.ul_pro_info {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

ul.ul_pro_info li {
    display: flex;
    align-items: flex-end;
    margin-top: 13px;
    margin-right: 32px;
}

ul.ul_pro_info li img {
    margin-right: 10px;
}

ul.ul_pro_info li p,
ul.ul_pro_info li p a {
    color: #030303;
    font-size: 17.3px;
    line-height: 22px;
    letter-spacing: 0.2px;
    font-weight: 600;
    display: flex;
}

ul.ul_pro_info li p a {
    text-decoration: underline !important
}

ul.ul_pro_info li p span {
    color: #6f6f6f;
    white-space: nowrap;
    margin-right: 5px;
}

ul.ul_pro_info li p a:hover {
    color: var(--moalimy-green);
}

.profile_tops {
    border-bottom: 1px solid #ebebeb;
}

.dash_haedings_pro h1 img {
    margin-right: 11px;
}

.dash_haedings_pro h1 {
    font-size: 20px;
    color: #40444a;
    margin-top: 5px;
    display: flex;
    align-items: center;
    margin-bottom: 3px
}

.new_table_pack .tab_head_sheet_1 {
    padding: 15px 9px;
}

.new_btn_div {
    width: 100%;
    text-align: center;
}


/*faq page*/

.faqban-sec {
    width: 100%;
    margin-top: 57px;
    position: relative;
}

.faqban-sec img {
    height: 264px;
    object-fit: cover;
    width: 100%;
}

.faqtext {
    position: absolute;
    width: 100%;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    text-align: center;
}

.faqtext h1,
.faqtext h2 {
    color: #fff;
    font-size: 43px;
    line-height: 49px;
    font-weight: 500;
}

.hedd_rrmm {
    display: block;
    overflow: hidden;
    width: 100%;
    text-align: right;
    margin: 0 0 20px 0;
}

.hedd_rrmm h1 {
    color: #000;
    font-size: 29px;
    line-height: 34px;
    font-weight: 700;
}

.faqsec {
    width: 100%;
    padding: 30px 0 20px;
}

.faqiner {
    width: 100%;
}

.faqTab {
    width: 100%;
}

.faqTab .nav {
    border-bottom: solid 1px #e0e0e0;
    justify-content: flex-end;
    flex-direction: row-reverse;
}

.faqTab .nav li {
    display: inline-block;
    color: #626c71;
    font-size: 25px;
    line-height: 31px;
    padding-left: 60px;
    font-weight: 500;
}

.faqTab .nav li:last-child {
    padding: 0;
}

.faqTab .nav li a {
    color: #626c71;
    position: relative;
    padding-bottom: 23px;
    display: inline-block;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.faqTab .nav li a:before {
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 0;
    height: 4px;
    background: var(--moalimy-green);
    bottom: 0;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    content: "";
    border-radius: 24px;
}

.faqTab .nav li a:hover {
    color: var(--moalimy-green);
}

.faqTab .nav li a:hover:before {
    width: 100%;
}

.faqTab .nav li a.active:before {
    width: 100%;
}

.faqTab .nav li a.active {
    color: var(--moalimy-green);
}

.faqtabbody {
    width: 100%;
    padding-top: 37px;
}

.faqtabbody .card-header {
    background: none;
    padding: 0;
    margin: 0;
    padding: 12px 13px 12px;
    border-radius: 0 !important;
    border-bottom: solid 1px #e0e0e0;
    background: url(../images/faqimg1.png) no-repeat;
    background-position: left 13px top 13px !important;
    text-align: left;
}

.faqtabbody .card {
    border-radius: 0 !important;
    border: 0 !important;
    background: #fff !important;
    margin-top: 11px !important;
}

.faqtabbody .card-body {
    border: none !important;
    border-top: 0 !important;
    padding: 10px 8px 20px;
    background: none !important;
    text-align: left;
}

.faqtabbody .card-body p {
    margin-top: 3px;
    color: #656565;
    font-size: 15.23px;
    line-height: 23px;
}

.faqtabbody .card-header a {
    display: inline-block;
    width: 100%;
    color: #2b2a43;
    font-weight: 500;
    font-size: 20px;
    line-height: 24px;
}

.faqtabbody .card-header a.collapsed {
    background: url(../images/pluse.png) no-repeat;
}

.faqtabbody .card-header a {
    background-position: right bottom !important;
    background: url(../images/muis.png) no-repeat;
    padding-left: 34px;
    padding-right: 18px;
}


/*tearms-&-conditions*/

.tearms-condi-sec {
    width: 100%;
    padding: 48px 0 20px;
    display: inline-block;
    margin-top: 40px;
}

.connectIner h3,
.connectIner h1 {
    color: #fff;
    font-family: "Roboto", sans-serif;
    font-size: 44px;
    line-height: 56px;
    margin: 0 0 25px 0;
}

.tearms-condi-iner {
    width: 100%;
    padding: 0px 25px 30px;
    background: #fff;
    text-align: left;
    overflow: hidden;
    box-shadow: 0px 2px 4px 1px rgb(146 101 191 / 10%);
}

.tearms-condi-iner h1,
.tearms-condi-iner h2 {
    font-size: 20px;
    line-height: 26px;
    color: #2b2a43;
    text-transform: uppercase;
    font-family: "Roboto", sans-serif;
    font-weight: 500;
    margin-top: 26px;
}

.tearms-condi-iner h5 {
    font-size: 18px;
    line-height: 26px;
    font-weight: 500;
    color: #2b2a43;
    margin-top: 14px;
}

.tearms-condi-iner p {
    font-weight: 300;
    font-size: 16px;
    line-height: 27px;
    color: #585858;
    margin-top: 15px;
}

.clockpicker-tick.active,
.clockpicker-tick:hover {
    background-color: var(--moalimy-green) !important;
}

.clockpicker .text-primary {
    color: var(--moalimy-green) !important;
}

.time_availa {
    width: 100%;
}

.time_availa_itm {
    width: 100%;
    display: flex;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-top: 45px;
}

.time_availa_lable {
    width: 12%;
}

.time_availa_input {
    width: 20%;
    display: flex;
    align-items: center;
}

.time_availa_input .dash_inputs {
    width: calc(100% - 18px);
    margin-right: 18px;
}

.time_availa_input .dash_inputs select {
    margin-bottom: 0;
    background: #fff0 url(../images/drop6.png) no-repeat right 12px center;
}

.time_availa_btn {
    width: 10%;
    padding-left: 4px;
}

.time_availa_lable span {
    font-size: 18.75px;
    font-weight: 600;
    color: #13181e;
    display: inline-block;
    width: 100%;
}

.time_availa_input label {
    width: 100%;
    width: 100%;
    font-size: 16.5px;
    color: #7e8692;
}

.time_availa_input input {
    width: 100%;
    height: 46px;
    border-radius: 4px;
    color: #b4b6b7;
    border: solid 1px #c8c8c8;
    padding: 0 16px;
    background: url(../images/clock.png) no-repeat left 16px center;
    outline: none !important;
    font-size: 15.42px;
    margin-top: 7px;
}

.time_availa_input input:hover {
    border-color: var(--moalimy-green);
}

.time_availa_btn .dash_btns_bx {
    height: 46px;
    line-height: 46px;
    margin-top: 0px;
    float: right;
}

.time_slot {
    width: 100%;
    padding-left: 12%;
}

.time_slot li {
    display: inline-block;
    padding-right: 9px;
    padding-top: 13px;
}

.time_slot span {
    display: inline-block;
    border-radius: 3px;
    padding: 3px 15px;
    background: #e9eef9;
}

.time_slot span em {
    cursor: pointer;
    margin-left: 8px;
}

.time_slot .actv {
    background: #DCA084;
    color: #fff;
}

.reti_cc {
    direction: initial;
}

.ability_bx {
    direction: initial;
    text-align: right;
    margin-top: 33px;
    padding-top: 17px;
    border-top: solid 1px #ebecec;
    margin-left: -20px;
    margin-right: -20px;
    padding-left: 20px;
    padding-right: 20px;
}

.ability_bx p {
    font-size: 16.67px;
    color: #737373;
    font-weight: 300;
}

.ability_bx p b {
    color: #737373;
    font-weight: 800;
    font-size: 25px;
}

.colored_bx {
    width: 53px;
    height: 23px;
    background: #DCA084;
    border-radius: 5px;
    display: inline-block;
    margin: 0 3px;
    vertical-align: middle;
}

.tut_btn li {
    display: inline-block;
    margin-right: 3px;
}

.view_cc_red {
    color: #ff1800 !important;
    border-color: #ff1800 !important;
}

.view_cc_red:hover {
    background: #ff1800 !important;
    color: #fff !important;
}

.ui.popup {
    font-size: 1rem;
    width: 25rem !important;
}

.new_headderr {
    background: #fff !important;
    box-shadow: 0px 4px 4px rgba(132, 131, 131, 0.1) !important;
    border-color: #e3e3e3 !important;
}

.new_headderr .login_btn {
    height: 38px !important;
    font-size: 16px !important;
    color: #fff !important;
    padding: 0 11px !important;
    border: solid 1px var(--moalimy-green) !important;
    background: var(--moalimy-green) !important;
}

.new_headderr .login_btn:hover {
    color: #fff !important;
    border: solid 1px #000 !important;
    background: #000 !important;
}

.wrapper-page {
    margin: 7.5% auto;
    width: 420px;
}

.wrapper-page {
    margin: 7.5% auto;
    width: 420px;
}

.panel-pages {
    border-radius: 6px;
}

.panel-pages .panel-body {
    padding: 30px;
}

.panel-heading {
    border-radius: 0;
    border: none !important;
    padding: 10px 20px;
}

.panel-pages .panel-heading {
    -moz-border-radius: 6px 6px 0px 0px;
    -webkit-border-radius: 6px 6px 0px 0px;
    border-radius: 6px 6px 0px 0px;
    padding: 40px 20px;
    position: relative;
}

.panel-pages .panel-heading h3 {
    position: relative;
    z-index: 999;
}

.panel-primary>.panel-heading {
    background-color: var(--moalimy-green);
}

.form-control {
    -moz-border-radius: 2px;
    -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
    -webkit-border-radius: 2px;
    -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
    background-color: #fff;
    border-radius: 2px;
    border: 1px solid #eeeeee;
    box-shadow: none;
    color: rgba(0, 0, 0, 0.6);
    font-size: 14px;
    height: 47px;
    border: 1px solid #a1a7af;
    border-radius: 6px 0 0 6px;
    outline: none;
    font: 400 14px/18px 'Roboto', sans-serif;
    color: #7b7c7c;
    text-overflow: ellipsis !important;
}

.input-group-addon,
.input-group-btn {
    width: 60px;
    white-space: nowrap;
    vertical-align: middle;
}

.input-group-btn {
    position: relative;
    font-size: 0;
    white-space: nowrap;
}

.input-group {
    display: flex;
}

.btn {
    -moz-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.1);
    font-family: "Roboto", sans-serif;
    letter-spacing: 0.2px;
    opacity: 0.93;
    padding: 10px 0;
    width: 100%;
    color: #fff;
    border-radius: 0 5px 5px 0;
    background-color: var(--moalimy-green) !important;
    border: 1px solid var(--moalimy-green) !important;
}

.input-group .form-control {
    position: relative;
    z-index: 2;
    float: left;
    width: calc(100% - 60px);
    margin-bottom: 0;
}

.colr_fort {
    background: #ecf0f17a;
}

h3.text-center.m-t-10.text-white {
    font-size: 22px;
}

.alert-info {
    color: #31708f;
    background-color: #d9edf7;
    border-color: #bce8f1;
    padding-right: 35px;
}

button.close {
    color: #839ca9;
    position: absolute;
    top: 10px;
    right: 9px;
}

.new_lo_imgs {
    width: 100%;
}

.panel-heading img {
    width: 170px;
}


/*--tabs-------*/

.tabs_home_sub {
    text-align: center;
    direction: ltr;
    margin-top: 40px;
}

.tabs_home_sub ul {
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    border-bottom: 0;
}

.tabs_home_sub ul li a {
    font-size: 18px;
    font-family: "Roboto", sans-serif;
    font-weight: 600;
    margin: 0 8px;
    line-height: 30px;
    padding: 12px 38px;
    display: block;
    background: var(--moalimy-green);
    color: #fff;
    border-radius: 15px 15px 0 0;
}

.tabs_home_sub ul li a.active,
.tabs_home_sub ul li a:hover {
    background: #DCA084;
}

.packages_body {
    margin-top: 0px;
}

.exam_question .qu_ap {
    position: relative !important;
    font-size: 17px;
    line-height: 19px !important;
}

.exam_question h3 {
    padding-right: 0 !important;
}

.exam_question .exam_ansr {
    padding-top: 0 !important;
}

.exam_question .exam_redio label {
    width: calc(100% - 44px);
}

.exam_redio img {
    float: right;
    margin: 7px 0 0 0;
}

.cart_icon_link i {
    color: #fff;
    font-size: 22px;
    padding: 0 0 0 3px;
    margin-right: 10px;
}

.cart_icon_link .cou_cart {
    position: absolute;
    z-index: 9;
    top: -5px;
    background: #000;
    font-size: 17px;
    border-radius: 50%;
    width: 23px;
    height: 23px;
    overflow: hidden;
    text-align: center;
    margin: 0;
    right: -12px;
    line-height: 21px;
}

.cart_icon_link {
    position: relative;
}

.faqtabbody .Platfrom_text_top:before {
    display: none;
}

.faqtabbody .Platfrom_list {
    margin-top: -21px;
}

.faqtabbody .check_cc {
    top: 3px;
}

.faqtabbody .Platfrom_text {
    padding-right: 10px;
}

.bordst {
    border-top: solid 1px #ececec;
}

.mew_para_hows .Platfrom_img {
    float: right;
}

.div_hows .Platfrom_img_inr img {
    width: 100%
}

.div_hows .Platfrom_img_inr {
    padding-right: 40px;
    padding-left: 30px;
}

.div_hows {
    padding-bottom: 35px;
}

.bordst {
    padding-top: 30px;
}

.div_hows .Platfrom_text {
    padding-top: 0;
}

.cont-top .row {
    flex-direction: row-reverse;
}

.total_pp {
    border-bottom: 1px solid #efefef;
    box-shadow: 0px 1px 1px #f3f2f2;
}

.total_pp .tab_head_sheet_1 {
    border-bottom: 0px solid #efefef;
    box-shadow: none;
}

.tab_head_sheet_1 p.tot_pps {
    font-size: 18px;
    line-height: 22px;
    color: #030303;
}

.tab_head_sheet_1 p.total_valus {
    font-size: 18px;
    line-height: 22px;
    color: var(--moalimy-green);
    font-weight: 700;
}

.image_banner_2 {
    display: none;
}

.read-more-show {
    color: #DCA084 !important;
}

.flex_banner_btns {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    direction: ltr;
}

.banner_text_bx .flex_banner_btns .page_btn {
    margin-left: 18px;
}

.banner_text_bx .flex_banner_btns .page_btn {
    font-size: 0;
    background: transparent;
    box-shadow: none;
    padding: 0;
    width: 140px;
}

.banner_text_bx .flex_banner_btns .page_btn img {
    width: 100%;
}

.banner_text_bx .flex_banner_btns .page_btn .hovern,
.banner_text_bx .flex_banner_btns .page_btn:hover .hoverb {
    display: inline-block;
}

.banner_text_bx .flex_banner_btns .page_btn:hover .hovern,
.banner_text_bx .flex_banner_btns .page_btn .hoverb {
    display: none;
}

.tab_btmns {
    margin-bottom: 22px;
}

.o-video {
    width: 100%;
    height: 0;
    position: relative;
    padding-top: 56.25%;
    /* 9 / 16 * 100 */
}

.o-video>iframe {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    border: 0;
    margin-top: 35px;
}

.youtube_vid_sections {
    padding: 45px 0 30px;
}

.youtube_vid_sections .page_hed:before {
    position: absolute;
    left: 50%;
    bottom: 0;
    width: 130px;
    height: 3px;
    background: var(--moalimy-green);
    content: "";
    border-radius: 58px;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    transform: translateX(-50%);
}

.youtube_vid_sections .page_hed {
    padding-bottom: 30px;
    position: relative;
}

.heighlight_hedimgs {
    width: 100%;
    background: #fff5f0;
    padding-top: 39px;
    padding-bottom: 30px;
}

.package_extra_texts {
    margin-top: 20px;
}

.packages_top p.smll_size {
    font-size: 21px;
    color: #c55a11;
    font-weight: 500;
}

.spanreds {
    font-size: 14px;
    margin-right: 5px;
    color: red;
}

.flex-der {
    flex-direction: row-reverse;
}


.packages_bx h4 span {
    font-size: 16px;
    line-height: 29px;
}

.pay_icon ul,
.pay_icon ul li {
    display: flex;
    align-items: center;
}

.pay_icon ul li a img,
.pay_icon ul li img {
    margin-right: 8px;
}

.pay_icon ul li img {
    width: 48px;
}

.pay_icon ul li a.extra_img {
    margin-right: 15px;
    padding-right: 10px;
    border-right: 1px solid #dddddd;
}

.pay_icon ul li a.extra_img img {
    width: 31px;
    margin-left: 0px !important;
}

.table_new_rows .public_pro_table_bdy li a {
    display: block;
    margin: 0 11px;
}

.public_profile_table.table_new_rows {
    margin-top: 4px;
}

.instruction_uls {
    padding-right: 0;
    padding-left: 20px;
}

.instruction_uls ul {
    list-style: disc;
}

.instruction_uls ul li {
    font-size: 16px;
    line-height: 23px;
    color: #424348;
    margin-bottom: 12px;
}

span.zoom_links_span {
    position: absolute;
    /* right: 15px; */
    left: 15px;
    top: 12px;
}

.signup_banner_texts {
    position: relative;
}

.signup_ban_texts {
    position: absolute;
    width: 100%;
    left: 0;
    top: 7%;
    padding: 0px 64px;
    text-align: center;
}

.signup_ban_texts p {
    font-size: 40px;
    line-height: 49px;
    color: #13181e;
    font-family: "Roboto", sans-serif;
    position: relative;
    padding-bottom: 15px;
}

.signup_ban_texts p:after {
    position: absolute;
    content: "";
    width: 95px;
    height: 4px;
    left: calc(50% - 47px);
    bottom: -8px;
    background: var(--moalimy-green);
}

.signup_ban_texts p a {
    color: var(--moalimy-green);
}

.signup_ban_texts p a:hover {
    color: #DCA084;
}

p.expreience_paras {
    color: #6f6f6f;
    font-size: 17px;
    line-height: 22px;
    letter-spacing: 0.2px;
    font-weight: 600;
    margin-top: 7px;
}

.for_new_social {
    width: 25px;
    margin: 0 10px 0 0px;
}

.at-log {
    padding-right: 0px !important;
    border-right: 0px !important;
    margin-right: 5px !important;
}

.page_btn_disable {
    display: inline-block;
    height: 40px;
    line-height: 40px;
    font-size: 14.17px;
    padding: 0 15px;
    margin-top: 22px;
    color: #fff;
    background: #3f4349;
    border-radius: 4px;
    font-weight: 600;
    text-align: center;
    border: none;
    cursor: pointer;
    filter: grayscale(100%);
    opacity: 0.3;
    cursor: no-drop;
}

.new_cell {
    display: table-cell;
    vertical-align: middle;
}

.cart_btn_div {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.dash_timing_top {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
}

.timimg_dashs {
    display: flex;
    align-items: center;

}

.timimg_dashs p {
    white-space: nowrap;
    margin-right: 8px;
    font-size: 19px;
    line-height: 22px;
    color: #030303;
}

.timimg_dashs span {
    font-size: 24px;
    line-height: 22px;
    color: var(--moalimy-green);
    font-weight: 800;
}

.cart_btms_info {
    display: flex;
    justify-content: space-between;
    flex-direction: row-reverse;
    margin-top: 15px;
}

.view_all_btns .viwe_all_cc {
    display: block;
    margin-bottom: 8px;
}

.view_all_btns {
    text-align: left;
}

.cart_terms h2 {
    font-size: 18px;
    line-height: 22px;
    color: red;
    font-weight: 600;
}

.cart_terms ol {
    margin: 0;
    margin-top: 5px;
    padding-right: 20px;
    list-style-type: decimal;
}

.cart_terms ol li {
    font-size: 15px;
    line-height: 27px;
    color: red;
}

.tutor_pro_info {
    position: relative;
    height: calc(100% - 22px);
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
}

.full_bokeds {
    background: rgb(219 160 132 / 100%);
    display: inline-block;
    position: absolute;
    top: 16px;
    left: 0;
    color: #fff;
    font-size: 10px;
    font-weight: 500;
    z-index: 1;
    padding: 0 4px;
    font-size: 12px;
    line-height: 22px;
    z-index: 2;
}

.full_bokeds:after {
    content: "";
    position: absolute;
    border-color: rgb(219 160 132 / 55%) rgb(255 255 255 / 49%) rgb(219 160 132 / 44%) rgb(219 160 132 / 79%);
    border-style: solid;
    border-width: 8px;
    left: 100%;
    width: 0;
    height: 0;
    top: 0;
    border-width: 11px;
}

.page-btns {
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.page-btns a {
    display: block;
    padding: 12px 17px;
    display: block;
    color: #3a3e41;
    font-size: 19px;
    font-weight: 600;
    border-radius: 19px 19px 0 0;
    width: 185px;
    text-align: center;
    margin-right: 12px;
    border: 1px solid #DCA084;
    border-bottom: 0px;
    margin-bottom: -3px;
}

.page-btns a:hover,
.page-btns a.active {
    background: #DCA084;
    color: #fff;
}

.serch-no-btm {
    padding-bottom: 0px !important;
}

.guest_registration {
    width: 50%;
    margin: auto;
    background: #fff;
    border: 1px solid #eeeeee;
    padding: 25px 20px;
    border-radius: 6px;
    /* box-shadow: rgb(99 99 99 / 20%) 0px 2px 8px 0px; */
    position: relative;
}

.signer-txt.checkBox input[type="radio"]+label,
.checkBox input[type="checkbox"]+label {
    font-size: 13px !important;
}

.signer-btn {
    margin-top: 10px !important;
}

.bfr-sgn {
    border-bottom: 1px solid #d7d7d7;
    margin-bottom: 20px;
}

.fixed_whatsapp {
    position: fixed;
    /*z-index: 99999;*/
    /*mobile menu 3006 SB*/
    bottom: 80px;
    left: 20px;
}

.for_new_social2 {
    width: 42px;
}

.login_tx .log-nw-pg p {
    font-size: 18px;
    color: #141414;
    direction: initial;
    font-weight: 700;
}

.login_tx_acc.log-nw-pg {
    width: 100%
}

.des-add-pack {
    padding: 8px 12px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: white;
    background-color: var(--moalimy-green);
    border-radius: 4px;
    width: fit-content;
    margin-bottom: 14px !important;
    font-size: 20px;
}

.des-add-pack i {
    font-size: 16px;
    margin-left: 6px;
}

.des-continue,
.des-continue:hover {
    text-decoration: underline !important;
    text-underline-offset: 4px;
}

.des-add-pack:hover {
    background-color: #3f4349;
    color: white;
}

.new-des-btns {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-end;
}

.new_video_all img {
    width: 100%;
}

#applyCouponForm input[type="text"] {
    height: 40px;
    background: #fff;
    border: solid 1px #e8e8e8;
    outline: none;
    -webkit-appearance: none;
    appearance: none;
    padding: 0 10px;
    font-size: 15px;
    font-weight: 500;
    color: #3a3e41;
    font-family: 'Roboto', sans-serif;
    border-radius: 4px;
    margin-bottom: 17px;
}

#applyCouponForm input[type="submit"] {
    color: white;
    background-color: var(--moalimy-green);
    border-radius: 4px;
    height: 40px;
    cursor: pointer;
    border: 0;
    font-family: 'Roboto', sans-serif;
}

#applyCouponForm input[type="submit"]:hover {
    background-color: #3f4349;
    color: white;
}

.white-spaces {
    white-space: nowrap;
}

.cup-code {
    display: flex;
    justify-content: flex-end;
    flex-direction: row-reverse;
    align-items: flex-end;
    border: 1px solid #ECE7DA;
    border-radius: 4px;
    padding: 12px 14px;
    /*  width: fit-content; */
    width: 400px;
    max-width: 100%;
}

.cup-code em {
    display: flex;
    width: 50px;
    height: 50px;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    padding-left: 10px;
    margin-left: 20px;
    border-left: 1px solid #ece7da;
    padding-top: 5px;
    padding-bottom: 5px;
}

.cup-code em img {
    max-width: 100%;
    max-height: 100%;
    width: auto;
    height: auto;
}

.cup-txt {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-end;
}

.cup-txt p {
    font-style: normal;
    font-weight: 600;
    line-height: 37px;
    color: #000000;
    margin-bottom: 11px;
    font-size: 26px;
}

.cup-txt span {
    font-style: normal;
    font-weight: 700;
    font-size: 19px;
    line-height: 19px;
    color: var(--moalimy-green);
    margin-bottom: 4px;
    display: flex;
    flex-direction: row-reverse;
    justify-content: space-between;
    align-items: center;
    width: 100%;
}

.cup-txt span i {
    font-size: 16px;
}

p.cup-txtarea {
    font-style: normal;
    font-weight: 400;
    font-size: 15.4px;
    line-height: 19px;
    color: #616A71;
    display: block;
    margin: 11px 0px 15px 0px;
}

.cup-txt button {
    padding: 10px;
    color: var(--moalimy-green);
    border: none;
    outline: none;
    border-radius: 10px;
    cursor: pointer;
    margin: 0px 10px 0px 0px;
}

.cup-txt button:active {
    background: #616A71;
}

.cup-txt button:before {
    content: "Copied";
    position: absolute;
    top: 40px;
    right: 24px;
    background: #eeeeee;
    padding: 8px 10px;
    border-radius: 20px;
    font-size: 15px;
    display: none;
}

.cup-txt button:after {
    content: "";
    position: absolute;
    top: 75px;
    right: 48.5px;
    width: 10px;
    height: 10px;
    background: var(--moalimy-green);
    transform: rotate(45deg);
    display: none;
}

.cup-txt.active button::before,
.cup-txt.active button::after {
    display: block;
}

.cup-txt input {
    font-style: normal;
    font-weight: 700;
    font-size: 19px;
    line-height: 19px;
    color: var(--moalimy-green);
    margin-bottom: 4px;
    display: flex;
    flex-direction: row-reverse;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    border: none;
    outline: none;
}


.edu-lvl {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: flex-end;
    margin-top: 10px;
}

.edu-lvl label {
    font-size: 15px;
    color: #565e6b;
    font-weight: 500;
    margin-bottom: 5px;
    line-height: 28px;
    direction: ltr;
}

.edu-lvl select {
    width: 400px;
    max-width: 100%;
    height: 40px;
    background: #fff;
    border: solid 1px #e6e6e6;
    outline: none;
    appearance: none;
    padding: 4px 13px;
    font-size: 14px;
    font-weight: 400;
    color: #7e8692;
    font-family: 'Roboto', sans-serif;
    border-radius: 4px;
    box-shadow: 0px 0px 11px 0px rgb(0 0 0 / 5%);
    direction: ltr;
    padding-left: 32px;
    background-image: url('../images/drop6.png');
    background-size: 11px 7px;
    background-position: 10px center;
    background-repeat: no-repeat;
}

.new_dashboard_bodys {
    padding: 22px 15px;
    background: #FFFFFF;
    box-shadow: 0px 1px 12px rgba(0, 0, 0, 0.09);
    border-radius: 9px;
}

.book_slot_breadcums ul {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding-bottom: 22px;
    position: relative;
    border-bottom: 1px solid #D9D9D9;
}

.book_slot_breadcums ul:after {
    position: absolute;
    content: "";
    width: 79px;
    height: 5px;
    bottom: 0;
    right: 0;
    background: #6D8F85;
}

.book_slot_breadcums ul li {
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 20px;
    line-height: 11px;
    text-align: right;
    letter-spacing: 0.03em;
    text-transform: uppercase;
    color: #13181E;
    margin-left: 16px;
    display: flex;
    align-items: center;
}

.book_slot_breadcums ul li img {
    margin-right: 16px;
}

.book_slot_timing {
    margin-top: 40px;
}

.booking_headings {
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.booking_headings h2 {
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 24px;
    line-height: 30px;
    text-align: right;
    letter-spacing: 0.02em;
    text-transform: capitalize;
    margin-right: 13px;
    color: #181D25;
}

.booking_table {
    display: table;
    width: 100%;
    border-collapse: separate;
    border-spacing: 0px 25px;
}

.table_div {
    display: table-row;
    justify-content: space-between;
    background: #FFFFFF;
    box-sizing: border-box;
    border-radius: 6px;
    margin-bottom: 15px;
    padding: 13px 5px;
    position: relative;
    direction: ltr;
}

.table_div_left2 {
    display: table-cell;
    padding: 13px 10px;
    vertical-align: middle;
    border-top: 1px solid #DFE0E0;
    border-bottom: 1px solid #DFE0E0
        /* vector-effect: non-scaling-stroke; */
    ;
}

.table_div .table_div_left2:first-child {
    border-right: 1px solid #DFE0E0;
    border-radius: 0px 8px 8px 0px;
    padding: 23px 10px 23px 5px;
}

.table_div .table_div_left2:last-child {
    border-left: 1px solid #DFE0E0;
    border-radius: 8px 0 0 8px;

    padding: 23px 5px 23px 12px;
}

.table_div:hover .table_div_left2 {
    border-color: var(--moalimy-orange);
}

.table_heading1 {
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 14.5px;
    line-height: 27px;
    /* or 169% */

    text-align: right;
    letter-spacing: 0.02em;
    text-transform: capitalize;

    color: #65696D;
}

.lock_para p {
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 15px;
    line-height: 25px;
    text-align: right;
    letter-spacing: 0.02em;
    text-transform: capitalize;
    color: #24262B;
    white-space: nowrap;
}

.stau_boxes {
    max-width: 170px;
}

.lock_para h5 {
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 14.5px;
    line-height: 27px;
    /* or 169% */

    text-align: right;
    letter-spacing: 0.02em;
    text-transform: capitalize;

    color: #24262B;
}

.bor_das_dibs {
    background: #FFFFFF;
    border: 1px solid #D9D9D9;
    border-radius: 7px;
    padding: 7px 10px;
}

.table_lists a {
    width: 120px;
    height: 42px;
    background: #6D8F85;
    border-radius: 4px;
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 15px;
    line-height: 42px;
    /* identical to box height */

    text-align: center;
    letter-spacing: 0.02em;
    display: inline-block;
    color: #FFFFFF;
}

.table_lists a:hover {
    background: var(--moalimy-orange);
}

.right_alignn01 {
    align-items: flex-start !important;
}

.for_style001 p {
    float: left;
    width: 50%;
    margin-bottom: 0px !important;
}

.for_style001 .for_style002 {
    float: right !important;
    border-right: 1px dashed #000;
    display: flex;
}

.for_style001 {
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
}

.bfr-log-cart {
    margin-top: 10px;
    display: block;
    margin-left: 6px;
}

.bfr-log-cart.cart_icon_link i {
    color: var(--moalimy-green);
    font-size: 22px;
    padding: 0 0 0 3px;
    margin-right: 10px;
}

.bfr-log-cart span {
    color: #fff;
    font-size: 12px;
    width: 18px;
    height: 18px;
    right: -5px;
    top: -9px;
    line-height: 17px;
}

.padding_top_dashh1 {
    padding-top: 64px;
}

.lang-btn {
    display: block;
    position: relative;
    /* margin-right: 10px; */
    width: 50px;
    height: 40px;
    /* background-image: url(../images/lang.png); */
    background-size: 40px;
    background-repeat: no-repeat;
    background-position: left center;
    border: none;
    outline: none;
    box-shadow: none;
    background-color: transparent !important;
    padding: 0px 0px;
    cursor: pointer;
}

.lang-btn:hover,
.lang-btn:focus {
    border: none;
    outline: none;
    box-shadow: none;
}

.lang-btn:focus {
    /* background-image: url(../images/lang_hover.png); */
}

.lang-btn.dropdown-toggle::after {
    display: none;
}

/* .lang-btn::before{
    content: '';
    position: absolute;
    width: 11px;
    height: 40px;
    display: inline-block;
    right: 0px;
    top: 0px;
    background-image: url(../images/drop_iput.png);
    background-size: 11px 7px;
    background-repeat: no-repeat;
    background-position: right center;
} */
.lang-drp .dropdown-menu {
    left: auto !important;
    right: 0px !important;
    border: none !important;
    box-shadow: -11px -3px 11px 0px #0000001f !important;
}

.lang-drp .dropdown-menu::after {
    content: '';
    position: absolute;
    top: -11px;
    right: 20px;
    clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
    background-color: white;
    width: 21px;
    height: 12px;
    display: block;
}

.logon_btn_div ul {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
}

.log_hed_pro .lang-btn {
    filter: invert(1) brightness(100);
}

.log_hed_pro .lang-btn:focus {
    filter: invert(1) brightness(100);
}

/*01.06*/

.my_earningg .new_students_blogs li {
    width: 23.5%;
    min-height: 98px;
    box-shadow: 0 -1px 10px 2px #ededed;
    border-radius: 8px;
    padding: 0;
    cursor: pointer;
}

.my_earningg .new_students_blogs li a {
    display: block;
    width: 100%;
    border-radius: 8px;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 24px;
    color: #fff;
}

.my_earningg .new_students_blogs li:first-child a {
    background: #b3cac6 url(../images/melody2.png) no-repeat;
    background-size: 100%;
    background-position: right;
}

.my_earningg .new_students_blogs li:nth-child(2) a {
    background: #cbb4a9 url(../images/melody1.png) no-repeat;
    background-size: 100%;
    background-position: right;
}

.my_earningg .new_students_blogs li:nth-child(3) a {
    background: #b9b2b2 url(../images/melody3.png) no-repeat;
    background-size: 100%;
    background-position: right;
}

.my_earningg .new_students_blogs li:nth-child(4) a {
    background: #cbacb9 url(../images/melody4.png) no-repeat;
    background-size: 100%;
    background-position: left;
}

.my_earningg .new_students_blogs li a:hover {
    background-color: var(--moalimy-green)
}

.faqtabbody.new_dashboad_faq .card-header {
    background: #fff;
}

.faqtabbody.new_dashboad_faq .card-header a {
    padding-right: 0
}

.new_students_ex a {
    background: #f4f4f4;
    border-radius: 8px;
    padding: 14px 14px 4px;
    min-height: 148px;
    display: block;
    width: 100%;
    height: 100%;
}

.my_earningg .new_students_ex li {
    padding: 0;
    border-radius: 8px;
    border: 0px solid transparent !important;
    box-shadow: none !important;
}

.my_earningg .new_students_ex a span {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 65px;
    height: 65px;
    border-radius: 10%;
}

.new_students_ex a span img {
    width: 34px;
    filter: brightness(0) invert(1);
}

.my_earningg .new_students_ex li:nth-child(2) a span img {
    width: 38px;
}

.my_earningg .new_students_ex li:nth-child(3) a span img {
    width: 42px;
}

.my_earningg .new_students_ex li:first-child a span {
    background: var(--moalimy-green);
}

.my_earningg .new_students_ex li:nth-child(2) a span {
    background: var(--moalimy-orange);
}

.my_earningg .new_students_ex li:nth-child(3) a span {
    background: #8B0F11;
}

.my_earningg .new_students_ex li:nth-child(4) a span {
    background: #000000;
}

.my_earningg .new_students_ex li:nth-child(5) a span {
    background: #84888F;
}

.my_earningg .new_students_ex li:nth-child(6) a span {
    background: #1e318c;
}

.my_earningg .new_students_ex li:nth-child(7) a span {
    background: var(--moalimy-green);
}

.my_earningg .new_students_ex li:nth-child(8) a span {
    background: var(--moalimy-orange);
}

.my_earningg .new_students_ex li:nth-child(10) a span {
    background: #8B0F11;
}

.my_earningg .new_students_ex a p {
    font-style: normal;
    font-weight: 600;
    font-size: 18px;
    line-height: 133%;
    text-align: left;
    margin: 7px 0 0 0 !important;
    letter-spacing: -0.01em;
    color: #030303;
}

.my_earningg .new_students_ex a:hover {
    background: #DCA084;
}

.my_earningg .new_students_ex a:hover span {
    background: #fff !important
}

.my_earningg .new_students_ex a:hover p {
    color: #fff
}

.my_earningg .new_students_ex a:hover span img {
    filter: inherit;
}

.my_earningg .new_students_ex li p em {
    font-style: normal;
    font-weight: 700;
    font-size: 19px;
    line-height: 24px;
    text-align: left;
    margin-top: 1px;
    letter-spacing: -0.01em;
    width: 100%;
    color: var(--moalimy-green);
    position: inherit;
    display: block;
    margin-bottom: 4px;
}

.my_earningg .new_students_ex a:hover p em {
    color: #fff
}

.my_earningg .new_students_ex.five_boxes {
    flex-wrap: wrap;
    justify-content: flex-start;
}

.my_earningg .new_students_ex.five_boxes li {
    width: 30.5%;
    margin: 0 1.25% 25px 1.25%;
    min-height: 139px;
}

.new_dashboad_faq {
    padding: 0 !important
}

.my_earningg ul.new_students_ex li {
    box-shadow: rgb(0 0 0 / 10%) 0px 8px 15px;
    margin: 0 .75% 20px .75%;
    border: 1px solid #dbdbdb;
}

.en-link {
    background-image: url(../images/lang_en.png);
}

.en-link:focus,
.en-link:hover {
    background-image: url(../images/lang_en_hover.png);
}

.ar-link {
    background-image: url(../images/lang_ar.png);
}

.ar-link:focus,
.ar-link:hover {
    background-image: url(../images/lang_ar_hover.png);
}

.fr-link {
    background-image: url(../images/lang_fr.png);
}

.fr-link:focus,
.fr-link:hover {
    background-image: url(../images/lang_fr_hover.png);
}

.picture_tut {
    display: inline-block;
    margin-bottom: 0;
    margin-top: 0;
    margin-right: 10px;
}

.btn_reviews {}

ul.review_ul {
    display: flex;
    align-items: center;
    margin-top: 10px !important;
}

.tutor_btn {
    background: #DCA084;
    border: solid 1px #DCA084;
    color: #fff;
    padding: 0 11px;
    height: 36px;
    line-height: 34px;
    margin-right: 10px;
    display: inline-block;
    border-radius: 4px;
}

.fies_ul {
    display: flex;
    align-items: flex-start;
    margin-top: 30px;
    flex-direction: column;
    justify-content: flex-start;

}

.cell1.celltop {
    vertical-align: baseline;
}

.fies_ul .add_ttrr {
    width: auto;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    font-weight: 600;
}

.view-big-area {
    display: flex;
    justify-content: center;
    align-items: center;
}

.view-prev-sub {
    padding: 6px 15px;
    border-radius: 9px;
    border: 1px solid #DCA084;
    background-color: #DCA084;
    text-align: center;
    color: white !important;
    width: fit-content;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 20px;
}

.view-prev-sub i {
    margin-right: 11px;
    margin-top: 2px;
}

.view-purchase {
    padding: 6px 15px;
    border-radius: 9px;
    border: 1px solid var(--moalimy-green);
    background-color: transparent;
    text-align: center;
    width: fit-content;
    display: flex;
    justify-content: center;
    align-items: center;
}

.view-purchase i {
    margin-top: 4px;
    margin-left: 9px;
    margin-right: auto;
}

.view-big-area .viwe_all_cc:hover {
    background-color: var(--moalimy-green);
    color: white !important;
    border: 1px solid var(--moalimy-green);
}

.login_inpt ul {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: row;
    max-width: 100%;
    width: 100%;
}

.login_inpt ul li {
    width: 60px;
    height: 60px;
    display: block;
    margin: 0px 6px;
}

.login_inpt ul li .login_input {
    width: 100%;
    height: 100%;
}

.login_inpt ul li input {
    display: block;
    width: 100%;
    height: 100%;
    border: 1px solid var(--moalimy-green);
    border-radius: 8px;
    text-align: center;
    padding: 4px;
    outline: none;
    box-shadow: none;
    font-size: 23px;
    font-weight: 500;
    color: #3f4349;
}

.login_inpt ul li input:hover,
.login_inpt ul li input:focus,
.login_inpt ul li input:focus-visible,
.login_inpt ul li input:focus-within {
    outline: none;
    box-shadow: none;
    border: 1px solid var(--moalimy-orange);
}

.login_inpt .otp-error {
    background: transparent;
    border: 0px solid transparent;
    color: red;
    text-align: center;
}

a.edit-num {
    position: absolute;
    top: -28px;
    right: 0px;
    text-align: right;
    color: var(--moalimy-green);
    font-size: 14px;
    font-weight: 500;
    margin-bottom: 2px;
    border-bottom: 1px solid var(--moalimy-green);
    line-height: 1.5;
}

a.edit-num i {
    display: inline-block;
    margin-right: -1px;
    font-size: 13px;
}

a.edit-num:hover {
    color: var(--moalimy-orange);
    border-bottom: 1px solid var(--moalimy-orange);
}

.uplodimgfiln02 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
}


.sample_imagee {
    display: block;
    overflow: hidden;
}

.sample_picc {
    display: flex;
    width: 100%;
    border-radius: 4px;
    justify-content: flex-start;
    overflow: hidden;
    margin: 10px 0 21px 0;
}

.sample_picc span {
    display: flex;
    justify-content: space-between;
    width: 170px;
    height: 100%;
    overflow: hidden;
    margin: 0 14px 0 0;
    border-radius: 4px;
    background: #e6e6e6;
}

.sample_picc img {
    width: 100%;
}

.sample_imagee ul {
    margin: 0;
    padding: 0;
}

.sample_imagee ul li {
    display: block;
    overflow: hidden;
    width: 100%;
    background: url(../images/ck.png) no-repeat left top 13px;
    background-size: 20px;
    padding-left: 32px;
}

.sample_imagee ul li p {
    font-size: 16.5px;
    line-height: 25px;
    color: #424348;
    margin-top: 8px;
}


.css-tooltip-top {
    position: relative !important;
    display: inline-block !important;
    text-decoration: none !important;
    white-space: nowrap;
}

.css-tooltip-top strong {
    width: auto;
    font-family: "Roboto", sans-serif !important;
    font-size: 13px !important;
    line-height: normal !important;
    text-align: left !important;
    padding: 10px 10px 12px 10px !important;
    visibility: hidden;
    opacity: 0;
    position: absolute;
    z-index: 9999999 !important;
    -webkit-transition-duration: 0.25s;
    -moz-transition-duration: 0.25s;
    -o-transition-duration: 0.25s;
    -ms-transition-duration: 0.25s;
    transition-duration: 0.25s;
    -webkit-transition-timing-function: cubic-bezier(0.35, 0, 0.35, 1);
    -moz-transition-timing-function: cubic-bezier(0.35, 0, 0.35, 1);
    -o-transition-timing-function: cubic-bezier(0.35, 0, 0.35, 1);
    -ms-transition-timing-function: cubic-bezier(0.35, 0, 0.35, 1);
    transition-timing-function: cubic-bezier(0.35, 0, 0.35, 1);
}

.css-tooltip-top strong:before {
    content: "";
    display: block;
    width: 0px;
    height: 0px;
    position: absolute;
}



.css-tooltip-top strong {
    left: -6px;
    bottom: 100%;
    margin-bottom: 30px;
    -webkit-transition-property: opacity, margin-bottom, visibility;
    -moz-transition-property: opacity, margin-bottom, visibility;
    -o-transition-property: opacity, margin-bottom, visibility;
    -ms-transition-property: opacity, margin-bottom, visibility;
    transition-property: opacity, margin-bottom, visibility;
}

.css-tooltip-top strong:before {
    border-left: 8px solid transparent !important;
    border-right: 8px solid transparent !important;
    border-top: 8px solid #000;
    border-bottom: 0 !important;
    bottom: -8px;
    left: 15px;
}

.css-tooltip-top:hover strong {
    margin-bottom: 10px;
    visibility: visible;
    opacity: 1;
    font-weight: 600;
    white-space: nowrap;
}



.color-blue strong {
    color: #ffffff !important;
    background: var(--moalimy-green);
    border-radius: 4px;
}

.color-blue strong:before {
    border-color: var(--moalimy-green);
}

.color-blue strong:after {
    content: "";
    display: block;
    border-top: 1px solid var(--moalimy-green);
    position: absolute;
    left: 0px;
    top: 1px;
    width: 100%;
    height: 10px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.css-tooltip-top img {
    width: 22px;
    margin: 3px 0 0 6px !important;
}

/* 17-08 */
.back-sec {
    margin: 16px 0px 5px 0px;
    display: flex;
    justify-content: flex-start;
    flex-direction: column;
    align-items: flex-start;
}

.back-sec a {
    display: flex;
    flex-direction: row-reverse;
    justify-content: flex-end;
    align-items: center;
    width: fit-content;
    color: #333;
    text-align: right;
    font-family: "Roboto", sans-serif;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 133%;
    letter-spacing: -0.2px;
}

.back-sec a em {
    border-radius: 3px;
    background: #FFF;
    box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.60);
    width: 24px;
    height: 24px;
    padding: 2px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 7px;
}

.back-sec span {
    width: 100%;
    height: 1px;
    margin: 20px 0px;
    background-color: #ccc;
}

.back-sec a img {
    width: 24px;
    height: 24px;
    display: block;
    transform: rotate(180deg);
}

.back-sec a:hover {
    color: var(--moalimy-green);
}

.back-sec a:hover em {
    background-color: var(--moalimy-green);
}

.back-sec a:hover em img {
    filter: invert(1) brightness(100);
}

.subscription-outr .row {
    align-items: stretch;
}

.subs-box {
    display: flex;
    padding: 26px 15px 17px 16px;
    flex-direction: column;
    /* justify-content: space-between; */
    align-items: center;
    border-radius: 8px;
    border: 1px solid #ECECEC;
    background: #FFF;
    box-shadow: 11px 0px 37px 0px rgba(0, 0, 0, 0.04);
    margin-bottom: 22px;
    height: calc(100% - 22px);
}

.subs-box.subs-height {
    justify-content: space-between;
}

.scrib-outr {
    margin-top: 23px;
    margin-bottom: 18px;
}

.scrib-outr h2 {
    color: var(--black, #000);
    text-align: left !important;
    font-family: "Roboto", sans-serif;
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: 133%;
    /* 31.92px */
    letter-spacing: -0.24px;
    margin-bottom: 3px;
}

.scrib-outr h5 {
    color: var(--grey, #84888F);
    text-align: left !important;
    font-family: "Roboto", sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 133%;
    letter-spacing: -0.14px;
}

/* .subs-box-top{
    display: block;
    padding-bottom: 9px;
    border-bottom: 1px solid #E6E6E6;
} */
.subs-box-top {
    display: flex;
    justify-content: flex-end;
    align-items: flex-start;
    flex-wrap: wrap;
    padding-bottom: 9px;
    border-bottom: 1px solid #E6E6E6;
    flex-direction: row-reverse;
}

.subs-height .subs-box-top {
    min-height: 74.33px;
}

.subs-box-top h6 {
    color: var(--black, #000);
    text-align: left;
    font-family: "Roboto", sans-serif;
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    margin-left: 8px;
    line-height: 133%;
    letter-spacing: -0.24px;
}

.subs-box-top img {
    display: block;
    width: 54px;
    height: 54px;
    float: left;
    margin-left: 8px;
}

.subs-box-top h3 {
    color: #8B0F11;
    text-align: left;
    font-family: "Roboto", sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 133%;
    letter-spacing: -0.14px;
    margin: 9px 0px 0px 11px;
}

.subs-list {
    padding: 22px 0px;
    width: 100%;
}

.subs-list h4 {
    margin-bottom: 15px;
    display: flex;
    flex-direction: inherit;
    justify-content: space-between;
    align-items: center;
    width: 100%;
}

.subs-list h4:last-child {
    margin-bottom: 0px;
}

.subs-list h4 span {
    display: block;
    width: fit-content;
    color: var(--grey, #84888F);
    text-align: right;
    font-family: "Roboto", sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 133%;
    /* 13.3px */
    letter-spacing: -0.1px;
}

.subs-list h4 b {
    width: 95px;
    color: var(--black, #000);
    text-align: right;
    font-family: "Roboto", sans-serif;
    font-size: 17px;
    font-style: normal;
    font-weight: 400;
    line-height: 133%;
    /* 18.62px */
    letter-spacing: -0.14px;
}

.subs-list h3 {
    color: var(--black, #000);
    text-align: left;
    font-family: "Roboto", sans-serif;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 133%;
    /* 26.6px */
    letter-spacing: -0.2px;
    margin: 11px 0px;
}

.subs-btn-list {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    width: 100%;
}

.subs-btn-list a {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 9px;
    text-align: center;
    font-family: "Roboto", sans-serif;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 133%;
    letter-spacing: -0.2px;
    border-radius: 32px;
    border-width: 1px;
    border-style: solid;
    width: 48%;
    padding: 12px;
}

a.select-tutor {
    background: var(--moalimy-green);
    border-color: var(--moalimy-green);
    color: #fff;
}

a.evaluate-tutor {
    background: transparent;
    border-color: var(--moalimy-green);
    color: var(--moalimy-green);
}

a.shedule {
    background: var(--moalimy-orange);
    border-color: var(--moalimy-orange);
    color: #fff;
}

.subs-btn-list a:hover {
    background: transparent;
    border-color: var(--moalimy-orange);
    color: var(--moalimy-orange);
}

.subs-btns-outr {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 10px;
    margin-bottom: 86px;
}

a.new-pckg {
    border-radius: 32px;
    border: 1px solid var(--secondary, var(--moalimy-green));
    background: #FFF;
    color: var(--moalimy-green);
    text-align: center;
    font-family: "Roboto", sans-serif;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 133%;
    /* 26.6px */
    letter-spacing: -0.2px;
    display: block;
    padding: 12px 104px;
    margin: 0px 11px;
}

a.new-pckg:hover {
    border: 1px solid var(--moalimy-orange);
    background: var(--moalimy-orange);
    color: #fff;
}

a.old-pckg {
    display: block;
    padding: 0px 104px;
    margin: 0px 11px;
    font-family: "Roboto", sans-serif;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 133%;
    letter-spacing: -0.14px;
    color: var(--secondary, var(--moalimy-green));
    text-align: center;
}

a.old-pckg:hover {
    color: var(--moalimy-orange);
}






.pend-req {
    position: relative;
    width: 100%;
    padding: 16px 17px 16px 17px;
    border-radius: 8px;
    border: 1px solid var(--strok, #ECECEC);
    background: #FFF;
    box-shadow: 11px 0px 37px 0px rgba(0, 0, 0, 0.04);
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    margin-bottom: 31px;
}

span.pend-if {
    position: absolute;
    width: 5px;
    height: 5px;
    background-color: rgba(139, 15, 17, 0.59);
    border-radius: 50%;
    top: 16px;
    right: 17px;
}

.pend-img {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 30px;
    height: 30px;
    margin-right: 20px;
}

.pend-img img {
    display: block;
    width: 100%;
    height: 100%;
}

.pend-req h5 {
    color: var(--black, #000);
    text-align: left;
    font-family: "Roboto", sans-serif;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 133%;
    /* 26.6px */
    letter-spacing: -0.2px;
    margin-right: 10px;
}

.pend-req h6 {
    color: var(--secondary, var(--moalimy-green));
    text-align: left;
    font-family: "Roboto", sans-serif;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 133%;
    /* 26.6px */
    letter-spacing: -0.2px;
}

.pend-req h6 a {
    color: var(--secondary, var(--moalimy-green));
}

.cur-pckg-outr h2 {
    margin-bottom: 22px;
    color: var(--black, #000);
    text-align: left;
    font-family: "Roboto", sans-serif;
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: 133%;
    /* 31.92px */
    letter-spacing: -0.24px;
}

.cur-pckg-box {
    padding: 14px 6px 23px 6px;
    border-radius: 4px;
    border: 1px solid #E6E6E6;
    background: #FFF;
    width: 100%;
    margin-bottom: 30px;
    height: calc(100% - 30px);
}

.cur-pckg-box h3 {
    color: var(--black, #000);
    font-family: "Roboto", sans-serif;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 133%;
    /* 26.6px */
    letter-spacing: -0.2px;
    padding-bottom: 24px;
    text-align: center;
    border-bottom: 1px solid #E6E6E6;
}

.cur-pckg-box h4 {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    margin: 12px 0px 31px 0px;
    color: var(--black, #000);
    text-align: right;
    font-family: "Roboto", sans-serif;
    font-size: 17px;
    font-style: normal;
    font-weight: 400;
    line-height: 133%;
    letter-spacing: -0.12px;
}

.cur-pckg-box h4 img {
    width: 37px;
    height: 37px;
    border-radius: 50%;
    overflow: hidden;
    display: block;
    margin-right: 15px;
    margin-left: 15px;
}

.balance-list h5 {
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    margin-bottom: 15px;
}

.balance-list h5.proposed_another_time {
    margin-top: 20px;
}

.balance-list h5 span {
    color: var(--grey, #84888F);
    font-family: "Roboto", sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 133%;
    /* 13.3px */
    letter-spacing: -0.1px;
    width: 100px;
}

.balance-list h5 b {
    color: var(--black, #000);
    text-align: left;
    font-family: "Roboto", sans-serif;
    font-size: 17px;
    font-style: normal;
    font-weight: 400;
    line-height: 133%;
    letter-spacing: -0.14px;
    display: block;
}

.time-frm {
    position: relative;
    margin: 18px 0px;
}

.time-frm input,
select.frm-time {
    border-radius: 8px;
    border: 1px solid var(--strok, #E6E6E6);
    background: #FFF;
    outline: none;
    box-shadow: none;
    color: #000;
    text-align: left;
    font-family: "Roboto", sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 133%;
    letter-spacing: -0.14px;
    width: 100%;
    padding: 12px 30px;
    background-image: url(../images/Clock1.png);
    background-position: right 24px center;
    background-repeat: no-repeat;
    appearance: none !important;
}

.time-frm input::placeholder {
    color: var(--grey, #84888F);
}

a.pckg-btn-time {
    border-radius: 8px;
    background: var(--moalimy-green);
    padding: 12px 24px;
    color: #FFF;
    font-family: "Roboto", sans-serif;
    font-size: 17px;
    font-style: normal;
    font-weight: 400;
    line-height: 133%;
    letter-spacing: -0.14px;
    display: block;
    width: 100%;
    text-align: center;
}

a.pckg-btn-time:hover {
    background: var(--moalimy-orange);
    color: white;
}

.cur-pckg-outr.row {
    align-items: stretch;
}

.ses-req {
    padding-bottom: 19px;
}

.ses-req h4 {
    color: var(--black, #000);
    text-align: right;
    font-family: "Roboto", sans-serif;
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: 133%;
    /* 31.92px */
    letter-spacing: -0.24px;
    padding-bottom: 35px;
    border-bottom: 1px solid #e6e6e6;
    margin-bottom: 22px;
}

.ses-req .balance-list {
    padding-right: 30px;
}

.timepicker_wrap {
    padding: 8px 0;
    border-radius: 5px;
    z-index: 9998;
    display: none;
    box-shadow: none;
    float: left;
    position: absolute;
    top: 50px !important;
    right: inherit !important;
    left: 0 !important;
    border: 1px solid #d9d6d6;
    background: #f7fcfd;
    width: 184px !important;
}

/* 17-08 */
.pend-req a {
    display: flex;
    justify-content: center;
    align-items: center;
}

.balance-list {
    margin-left: 15px;
}

.balance-list h5.proposed_another_time b {
    text-align: center;
    width: 100%;
    font-weight: bold;
}

.balance-list.balance-list2 {
    padding-right: 0;
    margin-right: 0;
}

.no_balnce {
    display: block;
    overflow: hidden;
    text-align: center;
    padding: 25px 15px !important;
}

.no_balnce p {
    font-size: 21px;
    color: #111112;
    line-height: 25px;
    margin: 0;
    float: none;
    font-weight: 600;
}

.no_balnce a {
    color: var(--moalimy-green);
    display: inline-block !important;
}

.no_balnce a:hover {
    color: var(--moalimy-orange);
}

.no_balnce img {
    width: 175px;
    margin: 0 0 15px 0;
}

.new_fles_em {
    display: flex;
    align-items: self-start;
    font-style: normal;
}

.dis_message_box {
    display: flex;
    align-items: flex-start;
    margin-bottom: 40px;
}

.dis_message_box span img {
    width: 52px;
    height: 52px;
    object-fit: cover;
    background: #D9D9D9;
    border-radius: 18px;
}

.message_boxes {
    width: calc(100% - 70px);
    margin-left: 18px;
}

.message_boxes_tops {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 10px;
}

.message_boxes_tops h5 {
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 18px;
    line-height: 23px;
    color: #393E42;
}

.message_boxes_tops h6 {
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 29px;
    letter-spacing: 0.01em;
    color: #81858B;
}

.mess_texts {
    background: var(--moalimy-green)1a;
    border-radius: 0px 27px 27px 27px;
    width: 100%;
    padding: 12px 16px 18px;
}

.right_box_message .message_boxes {
    margin-left: 0px;
    margin-right: 18px;
}

.rounded-circle {
    border-radius: 50% !important;
}

.right_box_message .mess_texts {
    background: var(--moalimy-orange)33;
    border-radius: 27px 0px 27px 27px;
    width: 100%;
    padding: 12px 16px 18px;
}

.right_message_body {
    position: relative;
    visibility: visible;
}

.text_areas {
    width: 100%;
    background: #FFFFFF;
    border: 1px solid #CACACA;
    border-radius: 4px;
}

.text_areas textarea {
    width: 100%;
    border: 0px solid transparent;
    padding: 16px 80px 14px 16px;
    color: #3a3e41;
    font-size: 16px;

    resize: none;
    font-weight: 500;
}

.uplodimgfil2 {
    display: flex;
    align-items: center;
}

.uplodimgfil2 input {
    display: none;
}

.up_file_name {
    margin-left: 8px;
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 15px;
    line-height: 23px;
    letter-spacing: 0.01em;
    color: #00ACE6;
    display: inline-block;
}

button.dash-btn {
    background: var(--moalimy-green);
    border-radius: 4px;
    height: 49px;
    display: flex;
    justify-content: center;
    align-items: center;
    border: none;
    outline: none;
    box-shadow: none;
    padding: 15px 33px;
    font-style: normal;
    font-weight: 600;
    font-size: 20px;
    line-height: 18px;
    color: #FFFFFF;
}

button.dash-btn:hover,
button.dash-btn:focus {
    background: var(--moalimy-orange);
    border: none;
    outline: none;
    box-shadow: none;
}

.uplodimgfil2 .inputfile+label {
    max-width: auto !important;
    width: fit-content;
    font-size: 16px !important;
    font-weight: 400 !important;
    padding: 0 !important;
    padding-right: 0px;
    padding-left: 0px;
    padding-left: 0px !important;
    padding-right: 0px !important;
    height: auto;
    display: block !important;
    justify-content: space-between !important;
    align-items: center !important;
    border-radius: 4px !important;
    cursor: pointer;
    font-family: 'Roboto', sans-serif;
    background-color: transparent !important;
    margin-left: 13px;
}

.message_body_section {
    height: 300px;
    overflow-y: scroll;
    scrollbar-width: thin;
    scrollbar-color: var(--moalimy-orange) #d2d2d2;
    padding-right: 10px;
}

.message_body_section::-webkit-scrollbar {
    width: 3px
}

.message_body_section::-webkit-scrollbar-track {
    background-color: #e2e2e2 !important;
}

.message_body_section::-webkit-scrollbar-thumb {
    border-radius: 3px;
    background-color: var(--moalimy-orange);
}

.enter_boxes {
    margin-top: 40px;
}

.text_areas textarea:focus,
.text_areas textarea:focus-visible {
    box-shadow: none !important;
    border: 0 !important;
    outline: 0 !important;
}

.attch_a {
    display: flex;
    align-items: center;
    justify-content: start;
    color: var(--moalimy-orange);
}

.right_box_message .attch_a {
    justify-content: end;
}

.right_box_message .mess_texts p {
    text-align: right;
}

.rm_emoji_area {
    background: #fff;
    border: 1px solid #ccc;
    width: 100%;
    height: 100px;
    display: block;
    z-index: 999;
    bottom: 41px;
    padding: 2px;
    overflow-y: scroll;
    /* display: none; */
}

.rm_emoji_area ul li {
    float: left;
    margin: 0 4px 8px 5px;
    width: 21px;
    cursor: pointer;
}

.emoji-icon {
    display: inline-flex;
    width: 25px;
    height: 50px;
    justify-content: center;
    align-items: center;
    margin: 0px 0px 0px 12px;
}

.emoji-icon svg {
    display: block;
    width: 24px;
    height: 24px;
}

.emoji-icon svg path {
    stroke: var(--moalimy-green);
}

.emoji-icon+.uplodimgfil2 {
    display: inline-flex;

}

.emoji-icon+.uplodimgfil2 label {
    height: 50px;
    justify-content: space-between !important;
    align-items: center !important;
    cursor: pointer;
    margin-left: 13px;
    justify-content: center;
    align-items: center;
    display: flex !important;
}

.rm_emoji_area ul li {
    float: left;
    margin: 0 4px 8px 5px;
    width: 23px;
    cursor: pointer;
    font-size: 22px;
}

.main-loader-body {
    background: #ffffffb5;
    width: 100%;
    height: 100% !important;
    z-index: 99;
    display: flex;
    align-items: center;
    justify-content: center;
    top: 0;
    bottom: 0;
    position: fixed !important;

}

.main-loader-body.main_lodaer_sticky {
    align-items: baseline;
}

.main-loader-body.main_lodaer_sticky .MuiCircularProgress-root {
    margin-top: 180px;
}

.MuiCircularProgress-root {
    display: inline-block;
}

.MuiCircularProgress-static {
    transition: transform .3s cubic-bezier(.4, 0, .2, 1) 0s;
}

.MuiCircularProgress-indeterminate {
    animation: MuiCircularProgress-keyframes-circular-rotate 1.4s linear infinite;
}

.MuiCircularProgress-determinate {
    transition: transform .3s cubic-bezier(.4, 0, .2, 1) 0s;
}

.MuiCircularProgress-colorPrimary {
    color: #3f51b5;
}

.MuiCircularProgress-colorSecondary {
    color: #f50057;
}

.MuiCircularProgress-svg {
    display: block;
    animation: loading_animation 1.4s infinite;
}

.MuiCircularProgress-circle {
    stroke: currentColor;
}

.MuiCircularProgress-circleStatic {
    transition: stroke-dashoffset .3s cubic-bezier(.4, 0, .2, 1) 0s;
}

.MuiCircularProgress-circleIndeterminate {
    animation: MuiCircularProgress-keyframes-circular-dash 1.4s ease-in-out infinite;
    stroke-dasharray: 80px, 200px;
    stroke-dashoffset: 0;
}

.MuiCircularProgress-circleDeterminate {
    transition: stroke-dashoffset .3s cubic-bezier(.4, 0, .2, 1) 0s;
}

@keyframes MuiCircularProgress-keyframes-circular-rotate {
    0% {
        transform-origin: 50% 50%;
    }

    100% {
        transform: rotate(360deg);
    }
}

@keyframes MuiCircularProgress-keyframes-circular-dash {
    0% {
        stroke-dasharray: 1px, 200px;
        stroke-dashoffset: 0;
    }

    50% {
        stroke-dasharray: 100px, 200px;
        stroke-dashoffset: -15px;
    }

    100% {
        stroke-dasharray: 100px, 200px;
        stroke-dashoffset: -125px;
    }
}

.MuiCircularProgress-circleDisableShrink {
    animation: none;
}

@keyframes loading_animation {
    0% {
        color: #1aa1d6;

    }

    25% {
        color: #1aa1d6;
    }

    50% {
        color: #1aa1d6;
    }

    75% {
        color: #1aa1d6;
    }

}

.msg_list_stylee1 {
    display: block;
    text-align: center;
    width: 100%;
    margin-top: 24px
}

.msg_list_stylee1 span {
    display: inline-block;
    width: 100px;
    margin-bottom: 10px;
    height: 100px;
    border-radius: 50%;
    overflow: hidden;
}

.msg_list_stylee1 span img {
    width: 100%;
    height: 100%;
}

.msg_list_stylee1 h6 {
    font-size: 22px;
    font-weight: 500;
    font-family: "Roboto", sans-serif;
    color: #27282c;
    line-height: 23px;
}

.msg_list_infoo1 {
    display: block;
    text-align: center;
    border-top: 1px solid #cecece;
    width: 100%;
    margin-top: 17px;
    padding: 12px 0 0 0;
}

.msg_list_infoo1 h3 {
    font-size: 17px;
    font-weight: 500;
    font-family: "Roboto", sans-serif;
    color: #606164;
}

.msg_list_infoo1 a {
    background: var(--moalimy-green);
    color: #fff;
    display: block;
    margin: 17px 0 12px 0;
    text-align: center;
    font-family: "Roboto", sans-serif;
    font-size: 20px;
    font-weight: 400;
    line-height: 25px;
    letter-spacing: -0.2px;
    width: 100%;
    padding: 12px;
    border-radius: 43px;
}

.msg_list_infoo1 a:hover {
    background: var(--moalimy-orange);
    color: #fff;
}

.lang-frm-div {
    margin-top: -3px;
}

.lang-frm-div h4 {
    color: #7e8692;
    font-size: 17.2px;
    display: block;
    margin-bottom: 6px;
    font-weight: 400;
}

.lang-frm-div .add_avlb_form {
    padding: 12px 15px;
    border-radius: 7px;
    border: 1px solid #e8e8e8;
}

.lang-frm-div .time_slot {
    width: calc(100% - 30px);
    padding-left: 0%;
    margin: -13px 15px 0px 15px;
}

.lang-frm-div button.dash_btns_bx {
    height: 48px;
    line-height: 48px;
    margin-top: 0px;
    margin-bottom: 18px;
}


.success-div {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.success-div img {
    display: block;
    width: 240px;
    height: 240px;
    max-width: 100%;
    max-height: 100%;
}

.success-div h2 {
    margin-top: 26px;
    text-align: center;
    font-size: 26px;
    font-weight: 500;
    color: var(--moalimy-green);
    margin-bottom: 10px;
    line-height: 1.3;
}

.success-div p {
    font-size: 16px;
    font-weight: 400;
    color: #565e6b;
    line-height: 1.3;
    text-align: center;
    margin-bottom: 20px;
}

.succ-btns {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
}

.succ-btns a {
    display: block;
    padding: 10px 15px;
    font-size: 15px;
    font-weight: 500;
    color: white;
    line-height: 0.9;
    margin: 0px 8px 8px 8px;
    background-color: #DCA084;
    border-radius: 7px;
}

.succ-btns a:nth-child(2) {
    background-color: var(--moalimy-green);
}

.succ-btns a:hover {
    background-color: var(--moalimy-green);
}

.succ-btns a:nth-child(2):hover {
    background-color: #DCA084;
}

.other-department table {
    border: 1px solid #c6c7c7;
}

.other-department table thead {
    border-bottom: 1px solid #c6c7c7;
    background: #f2f2f2;
}

.other-department table tbody tr {
    border-bottom: 1px solid #c6c7c7;
}

.other-department table tbody tr td {
    padding: 6px 8px;
}

.other-department table thead tr th {
    border-bottom: 1px solid #c6c7c7;
    padding: 6px 8px;
}

.other-department {
    overflow-x: auto;
}

.other-department-col1 {
    width: 10%;
}

.other-department-col2 {
    width: 60%;
}

.other-department-col3 {
    width: 10%;
}

.other-department-col4 {
    width: 20%;
}

.other-department-link {
    border: 1px dashed var(--moalimy-green);
    width: 100%;
    display: block;
    text-align: center;
    color: var(--moalimy-green);
    font-weight: 500;
    padding: 8px;
    border-radius: 5px;
}

.other-department-link:hover {
    border: 1px dashed #ed1c25 !important;
    color: #ed1c25 !important;
}

.select2-selection__rendered div {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    padding-right: 8px !important;
    width: fit-content !important;
}

.select2-container {
    width: fit-content !important;
    border-radius: 0px !important;
    border-width: 0px 1px 0px 0px !important;
    border-style: solid !important;
    border-color: #c8c8c8 !important;
    height: 50px !important;
    background-color: white !important;
    display: flex !important;
    justify-content: center;
    align-items: center;
    position: absolute !important;
    top: 2px;
    left: 2px;
}

.select2-container--default .select2-selection--single {
    border: 0px solid transparent !important;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    top: calc(50% - 13px) !important;
}

.login-withcode input {
    padding-left: 120px !important;
}

.select2-container--open .select2-dropdown {
    top: calc(100% - 53px) !important;
}

.select2-results__option div {
    display: flex !important;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    font-size: 13px !important;
    font-weight: 500 !important;
}

.select2-results__option div img {
    width: 21px !important;
    display: block;
    margin-right: 4px;
}

.select2-results__options {
    scrollbar-width: thin !important;
    scrollbar-color: var(--moalimy-green) transparent !important;
}

.select2-results__options::-webkit-scrollbar {
    width: 3px;
}

.select2-results__options::-webkit-scrollbar-track {
    background-color: transparent !important;
}

.select2-results__options::-webkit-scrollbar-thumb {
    background-color: var(--moalimy-green) !important;
}

.modal-phone-code {
    position: relative;
}

.modal-phone-code .select2-container {
    height: 48px !important;
    top: 34px;
}

/* 13-03-2024 */
.check-inptbx {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-wrap: wrap;
    margin-bottom: 17px;
    height: 50px;
}

.check-inptbx label {
    padding-left: 25px;
    margin-right: 14px;
    font-size: 17.2px;
    line-height: 1.2;
    font-weight: 500;
    color: #3a3e41;
    font-family: 'Roboto', sans-serif;
    position: relative;
    width: fit-content;
}

.check-inptbx label:last-child {
    margin-right: 0px;
}

.check-inptbx label input {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    opacity: 0;
    cursor: pointer;
    z-index: 2;
    padding: 0px;
    margin: 0px;
}

span.rad-circle {
    position: absolute;
    width: 20px;
    height: 20px;
    left: 0px;
    top: 0px;
    border: 1px solid #d2d2d2;
    border-radius: 50%;
}

span.rad-circle::after {
    content: '';
    position: absolute;
    margin: 2px;
    width: 14px;
    height: 14px;
    background-color: #DCA084;
    border-radius: 50%;
    display: none;
}

.check-inptbx label input:checked+span.rad-circle {
    border: 1px solid #DCA084;
}

.check-inptbx label input:checked+span.rad-circle::after {
    display: block;
}

.inpt-withchck {
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    height: 100%;
}

.dash-upload-area {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
}

.dash-upload-area .dash_inputs {
    width: 100%;
}

.dash-upld-label {
    position: relative;
    height: 50px;
    width: 320px;
    max-width: 100%;
    border-radius: 5px;
    overflow: hidden;
    margin-right: 20px;
}

.dash-upld-label label {
    width: 100%;
    height: 100%;
    background-color: #DCA084;
    padding: 8px 14px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-style: normal;
    font-weight: 600;
    line-height: 1;
    color: #fff;
    font-size: 19px;
}

.dash-upld-label input {
    position: absolute;
    top: 0px;
    left: 0px;
    opacity: 0;
    z-index: 2;
    cursor: pointer;
    width: 100%;
    height: 100%;
}

.dash-upld-label input:hover+label,
.dash-upld-label input:focus+label {
    background-color: var(--moalimy-green);
}

.dash-uploaded-img {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    flex-wrap: wrap;
    margin-top: 14px;
}

.dash-uploaded-img p {
    font-style: normal;
    font-weight: 600;
    line-height: 1.3;
    color: var(--moalimy-green);
    font-size: 15px;
    text-align: center;
    padding: 3px 9px;
    border-radius: 3px;
    border: 1px solid var(--moalimy-green);
    margin: 0 9px 9px 0;
}

/* 13-03-2024 */

/* 14-03 */
.req-margin {
    height: 48px;
    display: block;
}

.request-deets h2 {
    color: var(--black, #000);
    text-align: left !important;
    font-family: "Roboto", sans-serif;
    font-size: 27px;
    font-style: normal;
    font-weight: 400;
    line-height: 1.3;
    letter-spacing: -0.24px;
    padding-bottom: 5px;
    position: relative;
    margin-bottom: 18px;
}

.request-deets h2::after {
    position: absolute;
    content: '';
    width: 200px;
    height: 2px;
    background-color: var(--moalimy-green);
    display: block;
}

.req-paper {
    background-color: #fff;
    border-radius: 10px;
    padding: 18px;
    box-shadow: 0px 0px 15px 0px #00000014;
    margin-bottom: 30px;
}

.req-paper .dash_inputs label {
    color: #7e8692;
    font-size: 15px;
    line-height: 1;
    display: block;
    margin-bottom: 0px;
}

.req-paper .dash_inputs {
    margin-bottom: 16px;
}

.req-paper .dash_inputs h5 {
    font-size: 17px;
    font-weight: 500;
    color: #3a3e41;
    font-family: 'Roboto', sans-serif;
}

.req-paper .dash_inputs ul {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    flex-wrap: wrap;
}

.req-paper .dash_inputs ul li {
    margin: 9px 9px 0px 0;
}

.req-paper .dash_inputs ul li a {
    display: flex;
    width: fit-content;
    padding: 4px 4px 4px 9px;
    border-radius: 4px;
    background-color: var(--moalimy-orange);
    color: white;
    font-size: 14px;
    line-height: 1.4;
    justify-content: space-between;
    align-items: center;
}

.req-paper .dash_inputs ul li a svg {
    display: block;
    margin-left: 12px;
    width: 13px;
    height: 13px;
    margin-top: -8px;
    opacity: 0.5;
}

.req-paper .dash_inputs ul li a:hover {
    background-color: var(--moalimy-green);
}

.request-deets .span-date {
    margin-top: 3px;
    font-size: 18px;
    line-height: 1.2;
    color: #00000075;
    margin-bottom: 5px;
    font-weight: 600;
    font-family: "Roboto", sans-serif;
}

.response-card {
    background-color: #fff;
    border-radius: 10px;
    box-shadow: 0px 0px 15px 0px #00000014;
    height: calc(100% - 20px);
    margin-bottom: 20px;
}

.resp-hd {
    border-bottom: 1px solid #d2d2d2;
    padding: 12px;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
}

.resp-hd em {
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 5px;
    overflow: hidden;
    margin-right: 14px;
    width: 160px;
    height: 60px;
}

.resp-hd em img {
    display: block;
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 100%;
}

.resp-hd h4 {
    font-size: 18px;
    line-height: 1.2;
    color: #000000de;
    font-weight: 600;
    font-family: "Roboto", sans-serif;
    margin-top: 6px;
}

.resp-body {
    padding: 12px;
}

.resp-body ul li {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 8px;
}

.resp-body ul li:last-child {
    margin-bottom: 0px;
}

.resp-body ul li p {
    font-size: 15px;
    line-height: 1.2;
    color: #000000de;
    font-weight: 500;
    font-family: "Roboto", sans-serif;
}

.resp-body ul li a {
    background-color: var(--moalimy-green);
    display: flex;
    justify-content: center;
    align-items: center;
    width: 88.5px;
    border-radius: 50px;
    padding: 5px 8px 5px 5px;
    color: white;
    font-size: 13px;
    line-height: 1;
    color: #FFF;
    font-weight: 400;
    font-family: "Roboto", sans-serif;
}

.resp-body ul li a svg {
    display: block;
    margin-right: 4px;
    height: 13px;
}

.rtime-top {
    padding-bottom: 1px;
    border-bottom: 1px solid #d2d2d26b;
}

.resp-body ul li a:hover {
    background-color: var(--moalimy-orange);
}

.resp-body ul li.accepted-cls p {
    color: #DCA084;
}

.resp-body ul li.accepted-cls a {
    background-color: var(--moalimy-orange);
}

.resp-body ul li.accepted-cls a svg {
    /* display: none; */
}

.tutor_btn.vie-req {
    background: #DCA084;
    border: solid 1px #DCA084;
    color: #fff;
    padding: 0 7px;
    height: 28px;
    line-height: 1;
    margin-right: 10px;
    display: flex;
    border-radius: 4px;
    white-space: nowrap;
    justify-content: center;
    align-items: center;
}

.tab-fls-lst a {
    display: block;
    padding: 4px 4px 6px 4px;
    margin: 0px 2px 2px 0px;
    font-size: 13.5px;
    font-weight: 400;
    color: white;
    line-height: 1;
    border-radius: 2px;
    background-color: #DCA084;
    font-family: "Roboto", sans-serif;
}

.table-time {
    display: flex !important;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    flex-wrap: wrap;
    color: #979797 !important;
}

.table-time span {
    padding: 2px 4px;
    border-radius: 4px;
    border: 1px solid var(--moalimy-green);
    font-size: 14px;
    line-height: 1.3;
    color: var(--moalimy-green) !important;
    width: fit-content;
    margin: 0 3px 2px 0;
}

.add-time-outr {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: flex-end;
    flex-wrap: wrap;
    padding-top: 14px;
    position: relative;
}

.add-time-outr::before {
    content: '';
    position: absolute;
    top: 0px;
    height: 3px;
    left: 0px;
    width: 100%;
    background-color: var(--moalimy-green);
    border-radius: 4px;
}

.add-time-outr .dash_inputs {
    width: 320px;
    max-width: 100%;
    margin-right: 14px;
}

.add-time-outr .dash_btns {
    margin-bottom: 16px;
}

.add-time-outr .dash_btns a {
    height: 38px;
    line-height: 1.4;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0 14px;
    background: var(--moalimy-green);
    border-radius: 4px;
    color: #fff;
    margin-top: 0px;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 0.2px;
    box-shadow: rgb(14 71 181 / 23%) 0px 1px 5px;
    border: none;
    outline: none;
    cursor: pointer;
    transition: all 0.5s ease-in-out;
}

.add-time-outr .dash_inputs select {
    width: 100%;
    height: 37px;
    padding: 0 15px;
    font-size: 15px;
    margin-bottom: 0px;
    margin-top: 12px;
}

.added-times ul {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    flex-wrap: wrap;
}

.added-times ul li {
    padding: 4px 10px;
    border-radius: 4px;
    border: 1px solid var(--moalimy-green);
    font-size: 14px;
    line-height: 1.3;
    color: var(--moalimy-green) !important;
    width: fit-content;
    margin: 0 14px 7px 0;
    position: relative;
}

.added-times ul li a {
    position: absolute;
    top: -8px;
    right: -8px;
}

.added-times ul li a:hover svg path {
    stroke: var(--moalimy-orange);
}

.add-time-outr h2 {
    font-family: "Roboto", sans-serif;
    font-size: 23px;
    line-height: 1.3;
    color: var(--moalimy-green);
    margin-bottom: 12px;
}

.add-time-outr select.frm-time {
    background-position: right 5px center;
    font-family: "Roboto", sans-serif;
}

/* 14-03 */
.heading_btns {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.cancel_btns_divs {
    display: flex;
    align-items: center;
    justify-content: start;
}

.cancel_btns_divs a {
    display: block;
    width: auto;
    height: 36px;
    padding: 0 18px;
    background: #F5F5F5;
    border: 1px solid var(--moalimy-green);
    border-radius: 4px;
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 36px;
    letter-spacing: -0.01em;
    color: var(--moalimy-green);
    outline: none;
    box-shadow: none;
    cursor: pointer;
    text-align: center;
    margin-bottom: 14px;
}

.cancel_btns_divs a:hover {
    color: #fff;
    background: var(--moalimy-green);
    border: 1px solid var(--moalimy-green);
}

a.new-pckg.disabled_btns,
a.new-pckg.disabled_btns:hover {
    border: 1px solid #ebebeb;
    background: #ebebeb;
    color: #c1c1c1;
    pointer-events: auto ! important;
    cursor: not-allowed ! important;
}

.green {
    background: #B3CB80 !important;
}

.input_blogs.search-inptgrp {
    column-gap: 10px;
    align-items: flex-start;
}

.search-inptgrp .search_input {
    width: calc(((100% - 128px) / 5) - 10px);
    flex-grow: 1;
}

.search-inptgrp .search_input input,
.search-inptgrp .search_input select {
    margin-right: 0px;
    width: 100%;
}

.search-inptgrp .search_input label {
    color: #7e8692;
    font-size: 14px;
    display: block;
    margin-bottom: 6px;
    line-height: 1;
}

.search-inptgrp .search_input label.error {
    background-color: transparent !important;
    border: none !important;
    color: red;
    font-size: 12px;
    margin-bottom: 0px !important;
}

.input_blogs.search-inptgrp .search_btns {
    margin-top: 20px;
}

.youtube-url {
    min-height: 28px;
    display: block;
}

.back-flex-sec {
    flex-direction: row !important;
    justify-content: space-between !important;
    flex-wrap: wrap;
}

.back-flex-sec h5 {
    color: #2a2a2a;
    font-size: 21px;
    font-weight: 600;
    letter-spacing: 0.2px;
}

/* reset-password radio box */
.number-card {
    margin-bottom: 16px;
    position: relative;
    z-index: 1;
    width: 100%;
    height: fit-content;
    display: block;
}

.number-card input {
    position: absolute;
    z-index: 3;
    display: block;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    cursor: pointer;
    opacity: 0;
}

.num-card-inr {
    width: 100%;
    background: #FFFFFF;
    border-radius: 8px;
    padding: 10px 15px;
    border: 1px solid white;
    transition: all 0.2s ease;
}

.num-card-inr h6 {
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 19px;
    line-height: 1.2;
    text-align: left;
    letter-spacing: -0.01em;
    color: var(--moalimy-green);
    margin-bottom: 5px;
    transition: all 0.2s ease;
}

.num-card-inr p {
    margin-bottom: 5px;
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 1;
    text-align: left;
    letter-spacing: 0.01em;
    color: #000000d1;
    transition: all 0.2s ease;
}

.num-card-inr p:last-child {
    margin-bottom: 0px;
}

.number-card input:hover+.num-card-inr,
.number-card input:checked+.num-card-inr {
    border: 1px solid var(--moalimy-green);
}

.number-card input:checked+.num-card-inr {
    background-color: var(--moalimy-green);
}

.number-card input:checked+.num-card-inr h6,
.number-card input:checked+.num-card-inr p {
    color: white;
}

.num-select-btn {
    width: 100%;
    height: 44px;
    padding: 12px 20px 12px 20px;
    border-radius: 4px;
    text-align: center;
    font-family: "Roboto", sans-serif;
    font-size: 18px;
    font-weight: 400;
    line-height: 1;
    letter-spacing: 0.01em;
    background-color: var(--moalimy-green);
    color: white;
    border: none !important;
    outline: none !important;
    box-shadow: none !important;
    cursor: pointer;
    transition: all 0.2s ease;
}

.num-select-btn:hover,
.num-select-btn:focus {
    background-color: var(--moalimy-orange);
    color: white;
}

h2.num-select-hd {
    font-family: "Roboto", sans-serif;
    font-size: 25px;
    font-weight: 400;
    line-height: 1;
    letter-spacing: -0.01em;
    text-align: center;
    color: #000000;
    margin-bottom: 24px;
}

/* reset-password radio box */
.gift_purchase {
    display: flex;
    justify-content: space-between;
}

.gift_purchase .for_colorr {
    margin: 0 8px 0 0;
    background: #6F7B80 !important;
}

.gift_purchase .for_colorr:hover {
    background: var(--moalimy-green) !important;
}

.new_section_added1 {
    display: block;
    overflow: hidden;
    width: 100%;
    text-align: center;
}

.new_section_added1 span {
    display: inline-block;
}

.new_section_added1 h1 {
    font-family: "Roboto", sans-serif;
    font-size: 16px;
    font-weight: 700;
    line-height: 32px;
    letter-spacing: -0.01em;
    color: #061A20;
}

.new_section_added1 p {
    font-family: "Roboto", sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 28px;
    letter-spacing: -0.01em;
    color: #061A20;
}

.dash_btns .buy_now_gift {
    background: #6F7B80 !important;
}

.dash_btns .buy_now_gift:hover {
    background: var(--moalimy-green) !important;
}

.login_inpt_ir label img {
    float: left;
    margin: 6px 6px 0 0;
    width: 16px;
}

/* 04-10 */
.gift-outer {
    width: 790px;
    max-width: 100%;
    margin: 0 auto;
}

.gift-topinr {
    background-color: white;
    border-radius: 6px;
    background-image: url(../images/gift-bg.png);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    position: relative;
    padding: 30px 49.5px;
    box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.1);
    margin-bottom: 30px;
}

.gift-topinr::before,
.gift-topinr::after {
    position: absolute;
    content: '';
    display: block;
    width: 115px;
    height: 122px;
    background-image: url(../images/flower.png);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position: top left;
    top: 0px;
    left: 0px;
}

.gift-topinr::after {
    right: 0px;
    left: auto;
    transform: rotateY(180deg);
}

.gift-inrmn {
    position: relative;
    z-index: 3;
}

.gift-logo {
    display: block;
    width: 100px;
    height: 47px;
    margin: 0 auto 20px auto;
}

.gift-inrmn h5 {
    margin-bottom: 20px;
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 20px;
    line-height: 30px;
    text-align: center;
    letter-spacing: -0.01em;
    color: var(--moalimy-green);
}

.gift-inrmn h3 {
    width: 450px;
    max-width: 100%;
    margin: 0 auto 20px auto;
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 30px;
    text-align: center;
    letter-spacing: -0.01em;
    color: #000000;
}

.gift-table {
    border-radius: 6px !important;
    padding-top: 0px !important;
    overflow: hidden;
}

.gift-table .tab_head_sheet {
    background-color: var(--moalimy-orange);
}

.gift-table .small_screen31 {
    background-color: #F7F7F7;
}

.gift-cupon {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    margin: 20px 0px;
}

.gift-cupon h4 {
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 200%;
    letter-spacing: -0.01em;
    color: #061A20;
    width: fit-content;
}

.gift-cupon h4.cup-nm {
    color: var(--moalimy-green);
}

.gift-snd-rcv {
    display: flex;
    flex-direction: row-reverse;
    justify-content: space-between;
    align-items: stretch;
    padding: 0px;
    border: 1px solid var(--moalimy-orange);
    border-radius: 6px;
}

.gift-snd-rcv h2 {
    width: 50%;
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    letter-spacing: -0.01em;
    color: #000000;
    min-height: 100px;
}

.gift-snd-rcv h2 span {
    color: var(--moalimy-green);
}

.gift-snd-rcv h2:first-child {
    border-left: 1px solid var(--moalimy-orange);
}

.multi-list-area {
    margin-bottom: 30px;
}

.multi-list-area h3 {
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 133%;
    text-align: left;
    letter-spacing: -0.01em;
    color: #000000;
    margin-bottom: 20px;
}

.multi-list-box {
    padding: 20px;
    background: var(--moalimy-orange)1A;
    border: 1px solid var(--moalimy-orange);
    border-radius: 8px;
}

.multi-list-box ul {
    list-style-type: disc;
    padding-left: 24px;
}

.multi-list-box ul li {
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 133%;
    text-align: left;
    letter-spacing: -0.01em;
    color: #84888F;
    margin-bottom: 10px;
}

.serving-buttons-sec {
    direction: ltr;
    display: flex;
    flex-direction: row-reverse;
    justify-content: center;
    align-items: stretch;
    flex-wrap: wrap;
    gap: 30px;
}

.serving-buttons-sec.multi-subbtn-sec button,
.serving-buttons-sec.multi-subbtn-sec a {
    margin: 0px !important;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    gap: 10px;
    border: 1px solid var(--moalimy-green);
    font-family: "Roboto", sans-serif;
    font-size: 20px;
    font-weight: 400;
    line-height: 26.6px;
    letter-spacing: -0.01em;
    text-align: center;
    border-radius: 4px;
    padding: 12px;
    width: 163px;
    height: 51px;
    color: var(--moalimy-green);
    background: #EBEEED;
}

.serving-buttons-sec.multi-subbtn-sec button {
    background: var(--moalimy-green);
    color: white;
}

.serving-buttons-sec.multi-subbtn-sec button:hover,
.serving-buttons-sec.multi-subbtn-sec button:focus,
.serving-buttons-sec.multi-subbtn-sec a:hover {
    background: var(--moalimy-orange);
    color: white;
    border: 1px solid var(--moalimy-orange);
}

.new_section_added1.gift-succs span {
    border-radius: 50%;
    overflow: hidden;
}

.new_section_added1.gift-succs h1 {
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 200%;
    text-align: center;
    letter-spacing: -0.01em;
    color: #061A20;
    margin-bottom: 30px;
}

.gift-succs-btns {
    display: flex;
    flex-direction: row-reverse;
    justify-content: center;
    align-items: stretch;
    gap: 15px;
    margin: 0 auto;
}

.gift-sucs-outr {
    width: 550px;
}

.gift-succs-btns a {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 200px;
    height: 170px;
    border-radius: 4px;
    padding: 12px;
    gap: 23px;
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 133%;
    letter-spacing: -0.01em;
    color: #FFFFFF;
    text-align: center;
}

.gift-succs-btns a.gift-grey {
    background-color: #6F7B80;
}

.gift-succs-btns a.gift-green {
    background-color: var(--moalimy-green);
}

.gift-succs-btns a:hover {
    background-color: var(--moalimy-orange);
}

.gift-snd-bck {
    flex-wrap: wrap;
    justify-content: space-between;
    flex-direction: row !important;
}

.gift-snd-bck a.how-mn {
    padding: 3px 9px;
    border-radius: 5px;
    border: 1px solid var(--moalimy-green);
    color: var(--moalimy-green);
    background-color: white;
}

.gift-snd-bck a.how-mn:hover {
    background-color: var(--moalimy-orange);
    border: 1px solid var(--moalimy-orange);
    color: white;
}

.dash_btns.basket-btns a {
    height: 45px;
    line-height: 52px;
    display: inline-block;
    padding: 12px 25px;
    background: var(--moalimy-green);
    border-radius: 4px;
    color: #fff;
    margin-top: 15px;
    font-size: 16px;
    font-weight: 400;
    letter-spacing: -0.01em;
    box-shadow: rgb(14 71 181 / 23%) 0px 1px 5px;
    border: none;
    outline: none;
    cursor: pointer;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    line-height: 1.3;
    font-family: "Roboto", sans-serif;
}

.login-withcode-left input {
    padding-left: 120px !important;
}

.edu-level {
    font-size: 17px !important;
}

.nav-link .dashboard_heding:before {
    display: none;
}

.earng-paytab {
    border-bottom: 0px solid transparent !important;
    gap: 5px;
    margin-top: 20px;
}

.earng-paytab.nav-tabs .nav-link {
    border: 0px solid transparent;
    padding: 12px 17px;
    display: block;
    border-radius: 19px 19px 0 0;
    color: white;
}

/* .earng-paytab.nav-tabs .nav-link h1{
    transition: all 0.4s ease-in;
} */
.earng-paytab.nav-tabs .nav-link:hover,
.earng-paytab.nav-tabs .nav-link.active {
    background: #DCA084;
    color: #fff;
}

.earng-paytab.nav-tabs .nav-link:hover h1,
.earng-paytab.nav-tabs .nav-link.active h1 {
    color: inherit !important;
}

.earng-paytab.nav-tabs .nav-link .dashboard_heding h1 {
    font-size: 18px;
    font-weight: 500;
    line-height: 1;
}

.slct-slot-btns {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: stretch;
    gap: 12px;
    margin: 20px 0;
}

.slct-slot-btns a {
    width: 189px;
    max-width: calc(50% - 6px);
    height: auto !important;
    border: 1px solid #84888F;
    border-radius: 8px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 16px;
    background-color: transparent;
    margin: 0px !important;
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 32px;
    text-align: center;
    color: #84888F;
}

.slct-slot-btns a:hover,
.slct-slot-btns a.active {
    background-color: var(--moalimy-green);
    color: white;
    border: 1px solid var(--moalimy-green);
}

.slctd-slot-diplay {
    background: #fff;
    border: 1px solid #e6e6e6;
    padding: 25px 20px;
    border-radius: 6px;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
    width: calc(100% - 40px);
    margin: 20px;
}

.slctd-slot-diplay h4 {
    color: #282a2c;
    font-size: 17.2px;
    display: block;
    margin-bottom: 6px;
    text-align: left;
}

.slctd-slot-diplay ul li {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: flex-start;
    margin-bottom: 4px;
    gap: 5px;
    color: #7e8692;
    font-size: 14px;
    text-align: left;
}

.slctd-slot-diplay ul li b {
    display: block;
    width: 195px;
    text-align: left;
    color: #303337;
}

.slctd-slot-diplay ul li text {
    width: calc(100% - 88px);
}

.slctd-slot-diplay p {
    font-size: 15.5px;
    color: #49474c;
    line-height: 25px;
    text-align: left;
    font-weight: 600;
    margin-top: 14px;
}

a.chng-slot {
    position: absolute;
    top: 18px;
    right: 18px;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    border: 1px solid var(--moalimy-green);
    font-family: "Roboto", sans-serif;
    font-size: 17px;
    font-weight: 400;
    line-height: 26.6px;
    letter-spacing: -0.01em;
    text-align: center;
    color: var(--moalimy-green);
    padding: 3px 14px;
    border-radius: 5px;
}

a.chng-slot:hover {
    background: var(--moalimy-orange);
    color: white;
    border: 1px solid var(--moalimy-orange);
}

.public_profile_table .main-loader-body {
    position: absolute !important;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;

}

.public_profile_table #message span {
    background: var(--moalimy-orange);
    width: 45px;
    height: 29px;
    border-radius: 10%;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    transform: translateY(10px);
}

.public_profile_table #message span img {
    width: 22px;
    filter: brightness(0) invert(1);
}

.slotsNowShow .dash_inputs select {
    border: solid 2px var(--moalimy-green);
    background: #fff0 url(../images/drop7.png) no-repeat right 21px center
}

/* 09-12 */
.cls-dtls-top {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-start;
    gap: 20px;
}

.cls-dtls-top ul.ul_pro_info {
    width: calc(50% - 10px) !important;
    flex-direction: column;
    row-gap: 18px;
}

.cls-dtls-top ul.ul_pro_info li {
    margin: 0px !important;
    justify-content: flex-start;
    width: 100%;
}

.cls-btm-hdr {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px;
}

.cls-btm-hdr h3 {
    font-size: 18px;
    color: #13181e;
    font-family: "Roboto", sans-serif;
    font-weight: 600;
    width: calc(100% - 100px);
}

.cls-btm-hdr a {
    background-color: #DCA084;
    line-height: 1.5;
    display: block;
    padding: 6px 15px 7px 15px;
    border-radius: 5px;
    color: #fff;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 0.2px;
    border: none;
    outline: none;
    cursor: pointer;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

.cls-btm-hdr a:hover {
    background-color: var(--moalimy-green);
}

.cls-btm-inr {
    border: 1px solid #d2d2d2;
    border-radius: 5px;
    margin-top: 20px;
    overflow-y: auto;
    max-height: 226px;
}

.cls-btm-inr::-webkit-scrollbar {
    width: 3px !important;
    border-radius: 3px !important;
}

.cls-btm-inr::-webkit-scrollbar-track {
    background-color: transparent !important;
}

.cls-btm-inr::-webkit-scrollbar-thumb {
    background-color: var(--moalimy-green) !important;
}

.cls-btm-inr .message_boxes {
    width: 100%;
    margin-left: 18px;
}

.cls-btm-inr .dis_message_box {
    width: 94%;
    margin-right: auto;
    margin-bottom: 20px;
}

.cls-btm-inr .dis_message_box.right_box_message {
    margin-right: 0;
    margin-left: auto;
}

.cls-btm-inr .message_boxes_tops {
    margin-bottom: 3px;
}

.cls-btm-inr .message_boxes_tops h6 {
    font-size: 12px;
    line-height: 1.4;
}

.cls-btm-inr .message_boxes_tops h5 {
    font-size: 15px;
    line-height: 1.5;
}

.w-fit {
    width: fit-content !important;
}

.row-gap-30 {
    row-gap: 30px !important;
}

/* 09-12 */
.used_by_id {
    width: calc(100% - 98px);
    appearance: none !important;
    background: #fff0 url(../images/drop6.png) no-repeat right 21px center;
    height: 30px;
    border: solid 1px #e8e8e8;
    outline: none;
    -webkit-appearance: none;
    appearance: none;
    padding: 0px 9px;
    font-size: 15.2px;
    font-weight: 500;
    color: #3a3e41;
    font-family: 'Roboto', sans-serif;
    border-radius: 4px;
}

.used_by_id:focus {
    border: solid 1px var(--moalimy-green);
}

.subs-list h4 span strong {
    color: black;
    font-size: 18px;
    font-weight: 400 !important;
}

/* 16-01 */
.time-select {
    border: 1px solid #d2d2d2;
}

.time-select select {
    border-radius: 0px;
    border: none;
    outline: none;
    padding: 4px 12px;
    background-position: right 7px center !important;
    background-color: #dca38736;
    color: #000;
    height: 36px;
}

.time-select .select2-container {
    border-width: 0px 1px 1px 0px !important;
    position: static !important;
    justify-content: flex-start;
    align-items: flex-start;
    height: fit-content !important;
}

.time-select .select2-container--default .select2-selection--multiple .select2-selection__choice {
    padding-left: 12px;
}

.time-select .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    border-right: 0px solid transparent;
    top: 5px;
}

.ed-frm-contry .select2-container {
    height: 48px !important;
    top: 1px;
}

.ed-frm-contry input {
    padding-left: 115px;
}

/* 16-01 */
.appstr-links {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    gap: 8px;
    margin-top: 20px;
}

.appstr-links a {
    width: 140px;
    height: fit-content;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
}

.appstr-links a img {
    display: block;
    width: auto;
    max-width: 100%;
    height: auto;
}

.acp-rej-div .tutor_btn {
    background: #DCA084;
    border: solid 1px #DCA084;
    color: #fff;
    padding: 0 11px;
    height: 36px;
    line-height: 34px;
    margin-left: 10px;
    display: inline-block;
    border-radius: 4px;
}

.cancel_btns_divs.acp-rej-div a.tutor_btn:hover {
    color: #fff !important;
    background: var(--moalimy-green) !important;
    border: 1px solid var(--moalimy-green) !important;
}

.cancel_btns_divs.acp-rej-div a.cancel-request {
    padding: 0 12px;
}

.acpt-radarea {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-wrap: wrap;
    flex-direction: row;
    gap: 4px;
}

.acpt-rad {
    position: relative;
    width: fit-content;
    display: block;
}

.acpt-rad input {
    position: absolute;
    top: 0px;
    left: 0px;
    display: block;
    width: 100%;
    height: 100%;
    opacity: 0;
    cursor: pointer;
    z-index: 2;
    margin: 0 !important;
}

.acpt-rad span {
    background: #fff;
    border: solid 1px var(--moalimy-green);
    color: var(--moalimy-green);
    padding: 0 11px;
    display: block;
    border-radius: 3px;
    font-size: 15px;
    line-height: 22px;
}

.acpt-rad input:hover+span,
.acpt-rad input:checked+span {
    color: white;
    background: var(--moalimy-green);
}

.slct-slot-btns.slot-nwbtn {
    justify-content: center;
    gap: 0px;
}

.slct-slot-btns.slot-nwbtn a,
.subs-btns-outr.sb-btnbx a {
    display: block;
    width: 128px;
    height: 39px !important;
    padding: 9.5px;
    background: #F5F5F5;
    border: 1px solid var(--moalimy-green);
    border-radius: 4px;
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 133%;
    letter-spacing: -0.01em;
    color: var(--moalimy-green);
    outline: none;
    box-shadow: none;
    cursor: pointer;
    text-align: center;
    margin: 0px 22px 0px 0px !important;
}

.slct-slot-btns.slot-nwbtn a:hover,
.subs-btns-outr.sb-btnbx a:hover {
    background: var(--moalimy-green);
    border: 1px solid #F5F5F5;
    border-radius: 4px;
    color: #FFFFFF;
}

.dash_btns_bx.slot-btbx {
    height: 49px;
    line-height: 49px;
    margin-top: 32px;
}

.add_ttrr>.error-slot-span {

    color: #1f1d1d;
    width: 100%;
    display: block;
    padding: 2px 8px;
    font-size: 13px;
    border-radius: 5px;
    margin: 0 0 7px 0;
    width: calc(100% - 100px);
    float: right;
    font-size: 15px;
    line-height: 22px;
    color: #030303;
}

.error-slot-strong {
    width: 100px;
    float: left;
    display: block;
}

.error-slot-p {
    width: 100%;
    display: block;
    overflow: hidden;
}

h2.error-area {
    font-size: 19px;
    line-height: 22px;
    padding: 0;
    font-weight: 500;
    color: #030303;
    font-family: 'Roboto', sans-serif;
}

.error-slot-table .cell1 {
    vertical-align: top !important;
}

.info-message {
    font-size: 16px;
    line-height: 20px;
    color: #375f56;
    font-weight: 600;
    padding: 12px;
    font-family: "Roboto", sans-serif;
    margin-top: 6px;
    background: white;
    text-align: left !important;
    border: 1px solid #375f56;
    border-radius: 6px;
    margin-bottom: 22px;
}

.alternative-teacher-img em {
    min-width: 120px !important;
    height: auto !important;
    /* background: #000; */
    align-items: start !important;
}

.alternative-teacher-body a {
    display: block;
    width: 128px;
    height: 39px !important;
    padding: 9.5px;
    background: #F5F5F5;
    border: 1px solid var(--moalimy-green);
    border-radius: 4px;
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 133%;
    letter-spacing: -0.01em;
    color: var(--moalimy-green);
    outline: none;
    box-shadow: none;
    cursor: pointer;
    text-align: center;
    margin: 0 auto !important;
}

.alternative-teacher-body a:hover {
    background: var(--moalimy-green);
    border: 1px solid var(--moalimy-green);
    color: #fff;
}

.alternative-teacher-body-active {
    background: var(--moalimy-green) !important;
    border: 1px solid var(--moalimy-green) !important;
    color: #fff !important;
}

.error-description {
    width: 25%;
}

.error-slot-table .confirm-available-cell {
    vertical-align: middle !important;
}

.my_earningg .new_students_ex li:nth-child(9) a span {
    background: var(--moalimy-green);
}

.rp-card-space {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: stretch;
}

.rp-card-space .resp-hd {
    border-bottom: 0px solid #d2d2d2;
}

.rp-card-space .resp-body {
    border-top: 1px solid #d2d2d2;
}

.acpt-rad.acptdbig span {
    background: #fff;
    border: solid 1px var(--moalimy-green);
    color: var(--moalimy-green);
    padding: 6px 23px;
    display: block;
    border-radius: 3px;
    font-size: 16px;
    line-height: 22px;
}

.profile-wrap .public_table_bdy {
    width: fit-content;
}

.profile-wrap .slct-slot-btns a {
    width: 189px;
    max-width: 100%;
}

.request-details-div {
    padding: 18px 18px 0px 18px !important;
    margin-bottom: 20px !important;
}

/* other-account-list-modal */
.other-account-list-modal .modal-dialog {
    width: 700px !important;
    max-width: 99% !important;
}

.samenum-modtitle {
    padding: 5px 12px;
    border: 1px solid var(--moalimy-green);
    background-color: var(--moalimy-green)38;
    font-size: 15px;
    font-weight: 500;
    color: black;
    line-height: 1.4;
    text-align: center;
    border-radius: 6px;
    margin-bottom: 14px;
}

.modtbl-table {
    display: table;
    margin-bottom: 0px !important;
    width: 100% !important;
    background-color: transparent;
}

.modtbl-row {
    display: table-row;
}

.modtbl-row:nth-of-type(odd) {
    background-color: #f0f0f0;
}

.modtbl-cell {
    display: table-cell;
    position: relative;
    vertical-align: top;
    border: medium none;
    white-space: normal;
    overflow-wrap: break-word;
    border-bottom: 1px solid #efefef;
    font-size: 15.4px;
    line-height: 20px;
    text-align: left;
    padding: 10px 4px 10px 5px;
}

.modtbl-cell small {
    display: none;
    font-size: 14px;
    line-height: 21px;
    text-align: left;
    color: #343434;
    margin-bottom: 6px;
}

.tbluser p,
.modtbl-subjcts p {
    display: block;
    font-size: 16px;
    line-height: 20px;
    text-align: left;
    color: #030303;
    direction: ltr;
    margin-bottom: 9px;
}

.modtbl-subjcts p {
    margin-bottom: 2px;
    display: block;
    font-size: 14px;
}

.tbluser span {
    display: block;
    font-size: 14px;
    line-height: 20px;
    text-align: left;
    color: var(--moalimy-green);
    direction: ltr;
    margin-bottom: 2px;
    font-weight: 500;
}

.tbluser span span {
    color: #030303;
    display: inline-block;
}

.modtbl-heading .modtbl-cell {
    background: var(--moalimy-green);
    border: medium none;
    font-style: normal;
    font-weight: 400;
    font-size: 15px;
    /* line-height: 30px; */
    color: #FFFFFF;
    padding: 5px 4px 5px 5px;
}

.modtbl-btn {
    display: flex;
    width: 100%;
    height: 100%;
    justify-content: center;
    align-items: center;
}

.cellvertical-center {
    vertical-align: middle !important;
}

/* other-account-list-modal */


.for_border_new {
    border: 1px solid #000;
    padding: 0px 6px;
    border-radius: 3px;
}

.payment_type label span img {
    /* height: auto; */
    /* max-width: 40px; */
    max-height: 21px;
}



.payment_type h3 {
    float: left;
    margin: 27px 0 11px 0;
    color: #030303;
    font-weight: 600;
    font-size: 17px;
    display: block;
    width: 100%;
}

.payment_type .checkBox_radio li {
    width: 100% !important;
    margin: 0;
    height: auto !important;
    border: none;
    padding: 2px 14px;
    box-shadow: none;
    border-bottom: 1px solid #c8c8c8;
    float: none !important;
    flex-grow: 1;
}

.payment_type .checkBox_radio {
    width: 100% !important;
    justify-content: flex-start !important;
    display: flex;
    gap: 14px;
    align-items: stretch;
    flex-wrap: wrap;
}

.payment_type label span {
    float: right;
    top: 2px;
    position: absolute;
    right: 10px;
}

.payment_type .checkBox_radio input[type="radio"]+label,
.checkBox_radio input[type="checkbox"]+label {
    padding-left: 30px !important;
    position: relative;
}

.payment_type ul li label p {
    width: auto !important;
    margin: -11px 0 0 0;
    line-height: 18px;
    font-size: 14px;
    color: #646767;
}

.payment_type .frc_pay_icon span {
    top: -2px;
}

.v-align-top {
    vertical-align: top !important;
}

.table-striped.this-striped .small_screen31:nth-of-type(odd) {
    background-color: #f0f0f0;
}

#shadow-root>div {
    padding: 0 !important;
    border: none !important;
}

.tabby_promo_info {
    width: 100%;
    float: right;
    margin-bottom: 10px;
}

.tamara_promo_info {
    margin-bottom: 10px;
}

.debit-promo {
    display: flex;
    align-items: center;
    padding: 16px;
    border: 1px solid #d6d6d3;
    font-family: "Roboto", sans-serif;
    font-size: 14px;
    line-height: 21px;
    justify-content: space-between;
    border-radius: 7px;
    margin-bottom: 10px;
    gap: 12px;
}

.debit-promo p {
    font-size: 14px;
    line-height: 1.4;
    color: #030303;
}

.debit-img {
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    height: 33px;
    width: fit-content;
}

.debit-img img {
    display: block;
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 100%;
}

.class_rating_mainn.dash_body_inr {
    padding: 20px 100px;
}

.class_rating_mainn .dashboard_heding {
    text-align: center;
}

.class_rating_mainn .dashboard_heding:before {
    display: none;
}

.class_rating_mainn .dashboard_heding h1 {
    font-family: "Roboto", sans-serif;
    font-weight: 600;
    font-size: 30px;
    line-height: 38px;
    text-align: center;
    color: var(--moalimy-green);
    margin: 0 0 10px 0;
}

.class_rating_mainn .dashboard_heding p {
    font-family: "Roboto", sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 20px;
    text-align: center;
    color: #6F7B80;
    max-width: 56%;
    margin: 0 auto;
}

.class_rating_btnn {
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: stretch;
    gap: 18px;
}

.rating-bx-btn {
    box-sizing: border-box;
    border-radius: 4px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 15px;
    padding: 14px;
    /* font-family: "Roboto", sans-serif; */
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    margin: 0px;
}

.rating-bx-btn.border-green {
    background: #FFFFFF;
    border: 1px solid #5A9A8E;
    color: #5A9A8E;
}

.rating-bx-btn.border-black {
    background: #fff;
    border: 1px solid #D1D5DB;
    color: #374151;
}

.rating-bx-btn:hover {
    border: 1px solid #5A9A8E;
    background: #5A9A8E;
    color: white;
}

.rating-bx-btn:hover svg path {
    stroke: white;
}

.class_rating_mainn label span {
    color: #E89F71;
}

/* use display:inline-flex to prevent whitespace issues. alternatively, you can put all the children of .rating-group on a single line */

#half-stars-example1 {
    margin-top: 11px;
}

#half-stars-example1 .rating-group {
    display: inline-flex;
    gap: 5px;
    direction: rtl;
}

#half-stars-example1 .rating__input {
    display: none;
}

#half-stars-example1 .rating__label {
    cursor: pointer;
    padding: 0 0.1em;
    border: 0px solid transparent;
    padding: 0px;
    border-radius: 4px;
    width: 34px;
    height: 34px;
    display: block;
    position: relative;
}

#half-stars-example1 .rating__label svg path {
    stroke: #CED1D9;
    fill: none;
    transition: fill 0.2s ease;
}

#half-stars-example1 .rating__input:checked~.rating__label svg path,
#half-stars-example1 .rating__input:checked+.rating__label svg path {
    fill: #FFD700;
    stroke: #FFD700;
}

#half-stars-example1 .rating__input:not(:checked)+.rating__label:hover svg path,
#half-stars-example1 .rating__input:not(:checked)+.rating__label:hover~.rating__label svg path {
    fill: #FFD700;
    stroke: #FFD700;
}

#half-stars-example1 .rating-overlay {
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    opacity: 0;
    cursor: not-allowed;
    z-index: 9;
}

.new-subbtn {
    width: 150px;
}

.select-rate-img {
    display: block;
    width: 94px;
    height: 87px;
    margin: 0 auto 8px auto;
}

.language_ddrpp ul {
    display: block !important;
}

.language_ddrpp ul li {
    display: block;
    width: 100%;
}

.timer {
    display: flex;
    justify-content: center;
    gap: 10px;
}

.timer-box {
    text-align: center;
    border: 1px solid #ddd;
    padding: 20px 0px;
    border-radius: 6px;
    width: 80px;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
}

.timer-box div:first-child {
    font-size: 28px;
    color: #4a4a4a;
}

.timer-box div:last-child {
    font-size: 14px;
    color: #777;
    margin-top: 5px;
}

.date-text {
    margin-top: 20px;
    font-size: 18px;
}

.note {
    margin-top: 20px !important;
    background: #f0f4f8;
    padding: 15px;
    border-radius: 5px;
    color: #444;
    font-size: 16px;
    display: flex;
    margin: 0 auto;
    text-align: center;
    float: none;
    min-width: 352px;
    align-items: center;
    width: fit-content;
    justify-content: center;
}

.tutor_btn {
    margin-bottom: 5px;
}

.tutor_btn {
    white-space: nowrap;
}

.stu-details span {
    display: block;
    white-space: nowrap;
}

.for_small_ttxt {
    font-size: 12px !important;
}

.urgent_session_accept_request {
    margin-bottom: 15px;
}

.urgent_session_attachment {
    margin-top: 6px;
}

.social-login {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: stretch;
    gap: 12px;
    width: 100%;
    padding-bottom: 30px;
    padding-top: 20px;
}

.social-login a {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    border-radius: 6px;
    border: 1px solid #ccc;
    padding: 8px;
    gap: 11px;
    font-size: 17.88px;
    color: #565e6b;
    margin-top: 10px;
    margin: 0;
}

.social-login a.apple-log {
    background-color: #000;
    border: 1px solid #000;
    color: #ffffffc7;
}

.social-login a:hover {
    background-color: var(--moalimy-green);
    color: white;
    border: 1px solid var(--moalimy-green);
}

.social-login a.google-log:hover img {
    filter: invert(1) brightness(100);
}

.sos-log-aftr {
    display: block;
    position: absolute;
    width: 100%;
    left: 0px;
    height: 0.7px;
    background-color: var(--moalimy-green)8a;
    margin-bottom: 20px;
}

.login_right_top h2 {
    font-size: 25.25px;
    color: #282b2f;
    font-family: "Roboto", sans-serif;
    font-weight: 600;
}

.input_login_disabled input {
    background: #e9e9e9;
    cursor: no-drop;
}

.login_right_top .login_tx ul {
    margin-top: 0px !important;
}

.login_right_top .login_tx ul li {
    padding: 0px !important;
}

.login_right_top .login_tx {
    text-align: right;
}

h1.account_not_found {
    font-size: 25px;
}



/* 19-08 */
.login-ppr-nwdsgn.login_sec {
    display: flex;
    flex-direction: row-reverse;
    justify-content: flex-start;
    align-items: stretch;
    margin-bottom: 0px;
}

.login-ppr-nwdsgn .login_left {
    /* float: none;
    width: 50%;
    background: white; */
}

.login-ppr-nwdsgn .login_right {
    /* float: none;
    width: 50%;
    position: relative;
    background-color: #61928908;
    padding-bottom: 40px; */
}

.login-ppr-nwdsgn .sig_ico_img {
    display: none;
}

.login-ppr-nwdsgn .login_img_crp {
    width: 100%;
    margin: 0 !important;
    padding-top: 251px;
}

.login-ppr-nwdsgn .login_img_crp img {
    width: auto;
    height: fit-content;
    object-fit: initial;
    margin: 0 auto;
    display: block;
}

.logrt-ppr-nwdsgn .login_right_inr {
    width: 540px;
    direction: inherit;
    padding: 0;
    margin: 80px 60px auto auto;
}

.login-info-div {
    padding-top: 40px;
}

.login-info-div .login_right_top {
    padding-bottom: 32px;
}

.login-info-div .login_right_top h2 {
    font-family: 'Be Vietnam Pro';
    font-style: normal;
    font-weight: 600;
    font-size: 38px;
    line-height: 48px;
    color: #262626;
    margin-bottom: 16px;
}

.login-info-div .login_right_top p {
    font-family: 'Be Vietnam Pro';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 20px;
    color: #4C4C4D;
    margin-top: 0px;
}

.login-info-div .login_inpt {
    margin-top: 0px;
    margin-bottom: 16px;
}

.login-info-div .login_inpt label {
    font-family: 'Be Vietnam Pro';
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 150%;
    color: #262626;
    display: block;
    width: 100%;
    margin-bottom: 10px;
}

.login-info-div .login_inpt_ir input,
.login-info-div .login_inpt_ir select,
.login-info-div .login_inpt_ir textarea {
    width: 100%;
    height: 64px;
    background: #fff;
    border: solid 1px #f1f1f3;
    outline: none;
    -webkit-appearance: none;
    appearance: none;
    padding: 20px;
    padding-right: 20px;
    border-radius: 8px;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important;
    font-family: Be Vietnam Pro;
    font-weight: 400;
    font-style: Regular;
    font-size: 16px;
    line-height: 150%;
    letter-spacing: 0%;
}

.inpt-lft-icon.login_inpt_ir input {
    padding-left: 56px;
}

.inpt-lft-icon.login_inpt_ir .inpt_icon {
    position: absolute;
    left: 20px;
    top: 21px;
    width: 20px;
    height: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    border-left: 0px solid transparent;
}

.inpt-lft-icon.login_inpt_ir .inpt_icon svg {
    display: block;
    width: 100%;
    height: 100%;
}

.slct-rt-icon.login_inpt_ir select {
    padding-right: 56px;
}

.slct-rt-icon.login_inpt_ir .inpt_icon {
    position: absolute;
    right: 20px;
    top: 21px;
    width: 20px;
    height: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    border-left: 0px solid transparent;
}

.slct-rt-icon.login_inpt_ir .inpt_icon svg {
    display: block;
    width: 100%;
    height: 100%;
}

.log-phn-sec {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: stretch;
    gap: 7px;
}

.log-phn-sec .select2-container {
    width: 109px !important;
    border-radius: 8px !important;
    border-width: 1px !important;
    border-style: solid !important;
    border-color: #f1f1f3 !important;
    height: auto !important;
    background-color: #FCFCFD !important;
    display: flex !important;
    justify-content: center;
    align-items: center;
    position: relative !important;
    flex-shrink: 0;
}

.log-phn-sec input {
    width: calc(100% - 116px) !important;
    padding-left: 20px !important;
    flex-grow: 1;
    background-color: #FCFCFD !important;
}

.log-phn-sec .select2-container--default .select2-selection--single {
    background-color: transparent;
    border: 0px solid transparent;
}

.log-phn-sec .select2-container .select2-selection--single .select2-selection__rendered {
    padding-left: 12px;
    padding-right: 20px;
    background: transparent !important;
}

.log-phn-sec .select2-container--default .select2-selection--single .select2-selection__arrow b {
    display: none;
}

.log-phn-sec .select2-container--default .select2-selection--single .select2-selection__arrow {
    width: 16px;
    height: 16px;
    display: block;
    background-image: url(../images/select-arw.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 100% 100%;
    top: 24px !important;
}

.pass-icn-nw {
    right: 20px;
}

.chck-nwdsgn.checkBox input[type="checkbox"]+label {
    background: url(../images/check-box.png) no-repeat;
    font-family: Be Vietnam Pro;
    font-weight: 400;
    font-size: 16px;
    line-height: 150%;
}

.page-btn-nwdsgn.page_btn {
    width: 100%;
    height: 49px;
    padding: 14px 20px;
    text-align: left;
    margin-top: 10px;
    background-image: none !important;
    display: flex;
    justify-content: center;
    align-items: center;
    font-family: 'Be Vietnam Pro';
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 150%;
    text-align: center;
    color: #FFFFFF;
}

.login_tx.login-tx-nwdsgn p a {
    color: var(--moalimy-green);
    border-bottom: 0px solid transparent;
    text-decoration: underline !important;
    text-underline-offset: 5px;
    display: inline-flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    gap: 6px;
}

.login_tx.login-tx-nwdsgn p a svg {
    display: block;
    width: 20px;
    height: 20px;
}

.login_tx.login-tx-nwdsgn p a:hover {
    color: #000;
}

.login_tx.login-tx-nwdsgn p a:hover svg path {
    stroke: #000;
}

.login_tx_bod.login-tx-nwdsgn {
    border-top: 0px solid transparent;
    margin-top: 16px;
}

.login-info-div .login_inpt_ir textarea {
    height: 128px;
}

.inpt-lft-icon.login_inpt_ir .inpt_icon img {
    display: block;
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 100%;
    filter: brightness(0.3);
}

.login-info-div .gen_input label {
    font-size: 16.6px !important;
    color: #262626;
    width: 20%;
    font-weight: 500;
}

/* 19-08 */
.login_right_top .login_tx {
    text-align: left;
    margin-top: 10px;
}

.login_right_top .login_tx li {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 12px;
    padding: 10px 20px;
    color: #4a8072;
    font-weight: 600;
    text-transform: uppercase;
    text-decoration: underline;
    cursor: pointer;
    transition: 0.3s;
}

.login_right_top .login_tx li .for_got,
.teacher_as_login li .for_got {
    border-bottom: none;
}

.teacher_as_login li {
    padding: 0px !important;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 12px;
    padding: 10px 20px;
    color: #4a8072;
    font-weight: 600;
    text-transform: uppercase;
    text-decoration: underline;
    cursor: pointer;
    transition: 0.3s;
}

.chck-nwdsgn.checkBox input[type="radio"]:checked+label,
.chck-nwdsgn.checkBox input[type="checkbox"]:checked+label {
    background: url(../images/chc.png) no-repeat;
}

/* 05-09 */
.cls-comp {
    display: flex;
    flex-flow: row wrap;
    justify-content: flex-start;
    align-items: center;
    gap: 20px;
}

.cls-comp label {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 4px;
    color: #2c3135;
    font-size: 16px;
    font-weight: 500;
    line-height: 1.2;
}

.cls-comp label span {
    width: 60px;
    height: 60px;
    background: rgba(210, 210, 210, 0.12);
    border: 1px solid #D2D2D2;
    border-radius: 4px;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    padding: 3px;
}

.cls-comp label span svg {
    display: block;
    width: 24px;
    height: 24px;
}

.cls-comp label.cls-done span {
    background: rgba(96, 143, 133, 0.12);
    border: 1px solid var(--moalimy-green);
}


.my_earningg .new_students_ex li:nth-child(11) a span {
    background: var(--moalimy-green);
}

/* 05-09 */
.game-coupon-div {
    display: flex;
    justify-content: space-between;
    gap: 25px;
    align-items: start;
    border: 1px solid #b6b1b1;
    padding: 15px;
    border-radius: 8px;
    margin-bottom: 23px !important;
}

.game-coupon {
    text-align: center;
    border: 1px solid #b6b1b1;
    padding: 15px 8px;
    border-radius: 8px;
    overflow: hidden;
    max-height: 200px;
    display: inline-block;
    position: relative;
    min-width: 280px;
    max-width: 280px;
    height: 200px;
}

.game-coupon img {
    /* max-height: 100%;
    max-width: 100%;
    width: auto;
    height: auto;
    position: absolute; */
    width: 60px;
    height: 60px;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
}

.game-coupon-txt {
    font-size: 15px;
    font-weight: 500;
    font-family: "Roboto", sans-serif;
    color: #27282c;
}

.game-coupon-border {
    border-bottom: 1px solid var(--moalimy-green);
    padding-bottom: 5px;
    margin-bottom: 10px;
    display: block;
    width: 100%;
}

/* 11-09-25 */
.cupon-img {
    width: 60px;
    height: 60px;
    display: flex;
    justify-content: center;
    align-items: center;
    /* border: 1px solid #f8f8f8; */
    /* background-color: #eee; */
    border-radius: 8px;
    margin: 14px auto;
}

.game-coupon .cupon-img img {
    display: block;
    width: 100%;
    height: auto;
    max-width: 100%;
    max-height: 100%;
    position: static;
}

.point-img {
    gap: 10px;
    margin-top: 5px;
    align-items: center;
}

.point-img img {
    display: block;
    width: 20px;
    height: auto;
}

.my_earningg .new_students_ex li a span.game_coupon_span {
    background: #1e318c;
}

/* 11-09-25 */
.radio_same {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 15px;
    margin: 0 0 22px 0;
    justify-content: space-between;
}

.new_text_radio .radio_post {
    width: 48%;
    margin-top: 0;
}

.radio_post input[type="radio"] {
    display: none;
}

.new_text_radio .radio_post label {
    height: 60px;
    width: 100%;
}

.radio_post label {
    background: #ffffff;
    border: 1px solid #9a9b9c;
    border-radius: 16px;
    padding: 11px;
}

.new_text_radio .radio_post label p {
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 18px;
    line-height: 30px;
    text-align: center;
    color: #474747;
    margin-top: 5px;
}

.radio_post input[type="radio"]:checked+label p {
    color: #fff;
}

.radio_post input[type="radio"]:checked+label {
    border: 1px dashed var(--moalimy-green);
    background: var(--moalimy-green);
}

.my_earningg ul li {
    margin: 0 0 10px 0;
}

.my_earningg ul {
    flex-wrap: nowrap;
    justify-content: space-between;
    gap: 5px;
}

.my_earningg_five ul li {
    width: 19% !important;
}

.edit_tutor_image {
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    gap: 10px;
}

.edit_tutor_image .edit_tutor_image_div {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 6px;
}

.edit_tutor_image .edit_tutor_image_div p {
    color: #6f7784;
    font-size: 14px;
    line-height: 1.2;
    font-weight: 500;
}

.edit_tutor_image .edit_tutor_image_div p span {
    display: inline-block;
    color: red;
    font-size: 14px;
    margin: 3px 0 0 0;
}

.edit_tutor_image .new_edit_tutor_image,
.edit_tutor_image .old_edit_tutor_image {
    background: #ccc;
    width: 126px;
    height: 126px;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    border-radius: 5px;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 15px -3px, rgba(0, 0, 0, 0.05) 0px 4px 6px -2px;
}

.edit_tutor_image img {
    max-height: 100%;
    max-width: 100%;
    width: auto;
    height: auto;
    object-fit: contain;
}

.uplodimgTutor .inputfile-1+label {
    background: transparent !important;
    color: #487269 !important;
}

.uplodimgTutor .inputfile-1+label:hover {
    background: transparent !important;
    color: #c1866a !important;
}

.uplodimgTutor .inputfile+label {
    font-size: 16px !important;
    padding-left: 0 !important;
    padding-right: 8px !important;
    height: auto !important;
    line-height: 21px !important;
}

.edit_tutor_image_div1 {
    align-items: center !important;
}

.profile_img_secs_flex_wrap {
    flex-wrap: wrap;
    justify-content: flex-start;
    gap: 12px;
}

.tutor_profile_image {
    display: flex;
    gap: 12px;
}

.tutor_profile_image_pending p span {
    display: inline-block;
    color: red;
    font-size: 14px;
    margin: 3px 0 0 0;
    text-align: center;
}

.tutor_profile_image_approve,
.tutor_profile_image_pending {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    gap: 6px;
    align-items: center;
}

.tutor_profile_image p {
    color: #6f7784;
    font-size: 14px;
    line-height: 1.2;
    font-weight: 500;
    text-align: center;
}

.my_earningg2 ul {
    flex-wrap: wrap;
    justify-content: flex-start;
    gap: 5px;
}

.refer_link {
    display: block;
    margin: 15px 0 0 0;
}

.refer_link p {
    font-style: normal;
    font-weight: 600;
    line-height: 21px;
    color: var(--moalimy-green);
    margin-bottom: 4px;
    font-size: 16px;
}

.refer_link p strong {
    color: #DCA084;
    display: block;
    font-size: 19px;
    font-weight: 600;
    line-height: 25px;
    margin-bottom: 8px;

}

.refer_link p strong a {
    padding: 5px 9px;
    color: var(--moalimy-green);
    border: none;
    outline: none;
    border-radius: 7px;
    cursor: pointer;
    margin: 0;
    background: #f0f0f0;
}

.refer_link span i {
    font-size: 17px;
}

.etch-hdng {
    font-size: 18px;
    font-weight: 700;
    color: #2d2d2d;
    line-height: 1.4;
    margin-bottom: 13px;
    display: block;
}

.text-italic {
    font-style: italic;
    font-weight: 600;
    font-size: 15px;
}

.my_earningg_tutor ul {
    flex-wrap: wrap;
    justify-content: start;
    gap: 15px;
}

.my_earningg_tutor ul li {
    width: 24%;
}

.add-time-outr h3 {
    font-size: 18px;
    color: var(--moalimy-green);
}

.my_earningg ul li p {
    width: calc(100% - 55px);
}

.satus_box_rmn {
    display: block;
    background: #eeeeee;
    padding: 15px 15px 10px 15px;
    margin: 10px 0 0 0;
}

.satus_box_rmn p {
    font-style: normal;
    font-weight: 500;
    line-height: 23px;
    color: #000000;
    margin-bottom: 4px;
    font-size: 17px;
}

.satus_box_rmn p strong {
    font-weight: 700;
    color: var(--moalimy-green);
}

.satus_box_rmn p a i {
    color: #4d7970;
}

.css-tooltip-top,
.css-tooltip-bottom,
.css-tooltip-right,
.css-tooltip-left {
    position: relative !important;
    display: inline-block !important;
    text-decoration: none !important;
}

.css-tooltip-top span,
.css-tooltip-bottom span,
.css-tooltip-right span,
.css-tooltip-left span,
.css-tooltip-diagonal-right span,
.css-tooltip-diagonal-left span {

    font-family: arial, sans-serif !important;
    font-size: 13px !important;
    line-height: normal !important;
    text-align: left !important;
    padding: 10px 10px 12px 10px !important;
    visibility: hidden;
    opacity: 0;
    position: absolute;
    z-index: 99 !important;
    -webkit-transition-duration: 0.25s;
    -moz-transition-duration: 0.25s;
    -o-transition-duration: 0.25s;
    -ms-transition-duration: 0.25s;
    transition-duration: 0.25s;
    -webkit-transition-timing-function: cubic-bezier(0.35, 0, 0.35, 1);
    -moz-transition-timing-function: cubic-bezier(0.35, 0, 0.35, 1);
    -o-transition-timing-function: cubic-bezier(0.35, 0, 0.35, 1);
    -ms-transition-timing-function: cubic-bezier(0.35, 0, 0.35, 1);
    transition-timing-function: cubic-bezier(0.35, 0, 0.35, 1);
    width: 150px;
    word-wrap: break-word;
    white-space: normal;
}

.css-tooltip-top span:before,
.css-tooltip-bottom span:before,
.css-tooltip-right span:before,
.css-tooltip-left span:before,
.css-tooltip-diagonal-right span:before,
.css-tooltip-diagonal-left span:before {
    content: "";
    display: block;
    width: 0px;
    height: 0px;
    position: absolute;
}

.css-tooltip-top span {
    left: -10px;
    bottom: 100%;
    margin-bottom: 30px;

    -webkit-transition-property: opacity, margin-bottom, visibility;
    -moz-transition-property: opacity, margin-bottom, visibility;
    -o-transition-property: opacity, margin-bottom, visibility;
    -ms-transition-property: opacity, margin-bottom, visibility;
    transition-property: opacity, margin-bottom, visibility;
}

.css-tooltip-top span:before {
    border-left: 8px solid transparent !important;
    border-right: 8px solid transparent !important;
    border-top: 8px solid #000;
    border-bottom: 0 !important;
    bottom: -8px;
    left: 15px;
}

.css-tooltip-top:hover span {
    margin-bottom: 10px;
    /* End Position */
    visibility: visible;
    opacity: 1;
}

.color-blue span {
    color: #ffffff !important;
    background: var(--moalimy-green);
    border-radius: 4px;
}

.color-blue span:before {
    border-color: #31598a;
}

.color-blue span:after {
    content: "";
    display: block;
    border-top: 1px solid #6591c3;
    position: absolute;
    left: 0px;
    top: 1px;
    width: 100%;
    height: 10px;

    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.status-new-session {
    right: 14px !important;
    top: 10px !important;
}

.session-cancel-status {
    position: absolute;
    right: 14px;
    width: 19px;
}

.status-new-session img {
    width: 19px !important;
    height: 19px !important;
}

/* 08-12 */
.cp-shr-lnk {
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
    align-items: center;
    gap: 12px;
    padding-bottom: 12px;
}

.cp-shr-lnk p {
    flex-grow: 1;
    font-size: 17px;
    font-weight: 400;
    color: #23292b;
    font-family: 'Roboto', sans-serif;
    max-width: calc(100% - 195px);
    line-height: 1.2;
    word-wrap: break-word;
}

.cpshr-btns {
    flex-shrink: 0;
    margin-left: auto;
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    align-items: center;
    gap: 0;
}

a.cp-shr-btn {
    font-size: 15px;
    font-weight: 500;
    line-height: 1.3;
    font-family: 'Roboto', sans-serif;
    color: var(--moalimy-green);
    padding: 2px 5px;
    border-right: 1px solid #5c727d;
}

a.cp-shr-btn:hover {
    color: #DCA084;
}

a.cp-shr-btn:last-of-type {
    border-right: 0px solid transparent;
}

/* 08-12 */
/* 15-12 */
.paylnk-li {
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
    align-items: center;
    gap: 2px;
    cursor: auto !important;
}

.checkBox_radio .paylnk-li input[type="radio"]+label,
.checkBox_radio .paylnk-li input[type="checkbox"]+label {
    width: fit-content !important;
    cursor: pointer;
}

.paylnk-li .cp-shr-lnk {
    width: fit-content;
    margin-left: auto;
    padding: 0 !important;
}

/* 15-12 */

/* 02-04-Anwesa */
.blog-page-svg {
    opacity: .05;
    z-index: -1;
}

.h-auto {
    height: auto !important;
}

.blog-page-heading {
    padding: 23px 0;
    border-bottom: 1px solid #F3F4F6;
}

.blog-breadcrumb {
    margin-bottom: 16px;
}

.blog-breadcrumb__list {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-start;
    gap: 8px;
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

.blog-breadcrumb__item {
    margin: 0;
    padding: 0;
}

.blog-breadcrumb__link {
    color: inherit;
    /* font-family: 'Mulish'; */
    font-family: 'Roboto';
    font-weight: 400;
    font-size: 14px;
    line-height: 1;
    letter-spacing: 0px;
    vertical-align: middle;
    margin-bottom: -1px;
    display: block;
}

.blog-breadcrumb__link:hover,
.blog-breadcrumb__link:focus {
    color: var(--moalimy-green);
    text-decoration: none;
}

.blog-breadcrumb__current {
    font-weight: 500;
    color: #111827;
    /* font-family: 'Mulish'; */
    font-family: 'Roboto';
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0px;
}

.blog-breadcrumb__item+.blog-breadcrumb__item {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    gap: 8px;
}

.blog-breadcrumb__item+.blog-breadcrumb__item::before {
    content: '';
    display: block;
    width: 16px;
    height: 16px;
    background-image: url(../images/breadcrumb-icon.svg);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-position: center center;
    margin-top: 3px;
}

.blog-page-name h2 {
    /* font-family: 'Mulish'; */
    font-family: 'Roboto';
    font-weight: 700;
    font-style: Bold;
    font-size: 48px;
    line-height: 48px;
    letter-spacing: 0px;
    margin-bottom: 8px;
}

.blog-page-name p {
    /* font-family: 'Mulish'; */
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 28px;
    color: #4B5563;
}

.blog-page-body {
    padding: 48px 0 0 0;
}

.blog-page-search {
    margin-bottom: 24px;
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
    align-items: center;
    gap: 16px;
}

.srch-select select,
.srch-input input {
    box-sizing: border-box;
    display: flex;
    padding: 14px 36px 14px 17px;
    width: 160px;
    height: 52px;
    background: #FFFFFF;
    border: 1px solid #E5E7EB;
    border-radius: 24px;
    /* font-family: 'Mulish'; */
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #000000;
    appearance: none;
    background-image: url(../images/select-icon.svg);
    background-size: 20px 20px;
    background-repeat: no-repeat;
    background-position: right 20px center;
    cursor: pointer;
    outline: none !important;
    box-shadow: none !important;
}

.srch-select select:hover,
.srch-select select:focus {
    border: 1px solid #DCA084;
}

.srch-input {
    width: calc(100% - 160px - 16px);
}

.srch-input input {
    width: 100%;
    padding: 13px 17px 13px 49px;
    background-image: none !important;
}

.srch-input svg {
    position: absolute;
    top: 50%;
    left: 13px;
    transform: translateY(-50%);
    display: block;
    width: 20px;
    height: 20px;
}

.srch-input input::placeholder {
    color: #9CA3AF;
}

.blog-srch-result .nav {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    gap: 8px;
    padding-bottom: 8px;
    overflow: auto;
    max-width: calc(100vw - 30px);
    flex-wrap: nowrap;
}

.blog-srch-result .nav .nav-item .nav-link {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 11px 21px;
    background: #FFFFFF;
    mix-blend-mode: normal;
    border: 1px solid var(--moalimy-green);
    border-radius: 9999px;
    /* font-family: 'Mulish'; */
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    text-align: center;
    color: var(--moalimy-green);
    text-transform: capitalize;
    white-space: nowrap;
}

.blog-srch-result .nav .nav-item .nav-link.active {
    background: var(--moalimy-green);
    box-shadow: 0px 2px 4px -2px rgba(0, 0, 0, 0.1), 0px 4px 6px -1px rgba(0, 0, 0, 0.1);
    color: white;
}

.blog-list {
    padding: 48px 0 40px 0;
    display: flex;
    flex-flow: row wrap;
    justify-content: flex-start;
    align-items: stretch;
    gap: 40px;
}

.blog-box {
    background-color: white;
    box-shadow: 0px 1px 2px 0px #0000000D;
    border-radius: 16px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: stretch;
    width: calc((100% - (40px * 2)) / 3);
}

.blog-box em {
    height: 217px;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    position: relative;
}

.blog-box em img {
    display: block;
    width: 100%;
    height: auto;
}

span.blog-tag {
    position: absolute;
    left: 12px;
    bottom: 12px;
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 6px 12px;
    background: var(--moalimy-orange);
    mix-blend-mode: normal;
    border-radius: 12px;
    /* font-family: 'Mulish'; */
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 600;
    font-size: 12px;
    line-height: 16px;
    color: #FFFFFF;
}

.blog-text {
    padding: 24px;
}

.blog-text h5 {
    /* font-family: 'Mulish'; */
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 700;
    font-size: 20px;
    line-height: 28px;
    color: #111827;
    margin-bottom: 12px;
}

.blog-text p {
    margin-bottom: 16px;
    /* font-family: 'Mulish'; */
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 26px;
    color: #4B5563;
}

.blog-time {
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
    align-items: center;
    gap: 12px;
}

.date-time {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 0px;
    gap: 12px;
}

.date-time h6 {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 0px;
    gap: 6px;
    /* font-family: 'Mulish'; */
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    color: #6B7280;
}

.date-time h6 svg {
    display: block;
    width: 16px;
    height: 16px;
}

.date-time span {
    width: 4.72px;
    height: 20px;
    /* font-family: 'Mulish'; */
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    font-size: 22px;
    line-height: 9px;
    color: #a5a7ad;
}

a.read-blog {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 0px;
    gap: 6px;
    /* font-family: 'Mulish'; */
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 20px;
    color: var(--moalimy-green);
}

a.read-blog svg {
    display: block;
    width: 16px;
    height: 16px;
    color: var(--moalimy-green);
    transition: all 0.3s ease;
}

a.read-blog:hover,
a.read-blog:hover svg {
    color: var(--moalimy-orange);
}

.blog-pagi .pagination {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    gap: 8px;
    padding: 0 !important;
}

.blog-pagi .pagination .page-link {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 1px;
    width: 40px;
    height: 40px;
    background: #FFFFFF;
    border: 1px solid #E5E7EB;
    border-radius: 50%;
    /* font-family: 'Mulish'; */
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    text-align: center;
    color: #374151;
}

.blog-pagi .pagination .page-link:hover {
    border: 1px solid var(--moalimy-green);
    color: var(--moalimy-green);
}

.blog-pagi .pagination .page-link:focus,
.blog-pagi .pagination .page-link.active {
    background: var(--moalimy-green);
    color: white !important;
}

.blog-pagi .pagination .page-link svg {
    display: block;
    width: 21px;
    height: 20px;
    color: var(--moalimy-green);
}

.blog-pagi .pagination .page-item:first-child .page-link,
.blog-pagi .pagination .page-item:last-child .page-link {
    border-radius: 8px;
}

.blog-pagi .pagination .page-item.disabled .page-link {
    opacity: 0.3;
}

.blog-tags-check {
    padding-bottom: 8px;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    gap: 8px;
    overflow: auto;
    max-width: 100%;
}

.blog-tags-check label {
    width: fit-content;
    position: relative;
    z-index: 1;
}

.blog-tags-check label input {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    cursor: pointer;
}

.blog-tags-check label span {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 11px 21px;
    background: #FFFFFF;
    mix-blend-mode: normal;
    border: 1px solid var(--moalimy-green);
    border-radius: 9999px;
    /* font-family: 'Mulish'; */
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    text-align: center;
    color: var(--moalimy-green);
    text-transform: capitalize;
    white-space: nowrap;
}

.blog-tags-check label input:hover+span,
.blog-tags-check label input:checked+span {
    background: var(--moalimy-green);
    box-shadow: 0px 2px 4px -2px rgba(0, 0, 0, 0.1), 0px 4px 6px -1px rgba(0, 0, 0, 0.1);
    color: white;
}

/* 02-04-Anwesa */

/* 34Anwesa */
.blog-details-img {
    width: 100%;
    max-height: 500px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 42px;
    overflow: hidden;
}

.blog-details-img img {
    display: block;
    width: 100%;
    max-width: 100%;
    height: auto;
}

.blog-details-innr {
    width: 816px;
    max-width: 100%;
    margin: 0 auto;
}

.blog-name-box {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 40px;
    background: #FFFFFF;
    box-shadow: 0px 8px 10px -6px rgba(0, 0, 0, 0.1), 0px 20px 25px -5px rgba(0, 0, 0, 0.1);
    border-radius: 16px;
}

.blog-dtls-txt {
    padding-bottom: 80px;
    border-bottom: 1px solid #E5E7EB;
}

.tag-date {
    display: flex;
    margin-bottom: 16px;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    gap: 12px;
}

.tag-date .blog-tag {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 4px 12px;
    background: var(--moalimy-green);
    border-radius: 9999px;
    /* font-family: 'Mulish'; */
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    color: #FFFFFF;
}

.tag-date h6 {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    gap: 4px;
    /* font-family: 'Mulish'; */
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    color: #6B7280;
}

.tag-date h6 svg {
    display: block;
    width: 14px;
    height: 14px;
}

.blog-name-box h2 {
    margin-bottom: 24px;
    /* font-family: 'Mulish'; */
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 700;
    font-size: 48px;
    line-height: 48px;
    color: #111827;
}

.blog-share {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
}

.blog-share h5 {
    /* font-family: 'Mulish'; */
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    color: #4B5563;
    margin-right: 16px;
}

.blog-share ul {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    gap: 8px;
}

.blog-share ul li a {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    width: 36px;
    height: 36px;
    background: #F3F4F6;
    border-radius: 50%;
}

.blog-share ul li a svg {
    display: block;
    width: 18px;
    height: 18px;
}

.blog-share ul li a:hover {
    background: var(--moalimy-green);
}

.blogs-similar {
    padding-bottom: 38px;
    padding-top: 49px;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    gap: 32px;
}

.blogs-similar h3 {
    /* font-family: 'Mulish'; */
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 700;
    font-size: 36px;
    line-height: 40px;
    color: #111827;
    width: 100%;
}

.similar-list {
    display: flex;
    flex-flow: row wrap;
    justify-content: flex-start;
    align-items: stretch;
    gap: 24px;
    width: 100%;
}

.blog-box.similar-box {
    box-shadow: 0px 4px 6px -1px #0000001A, 0px 2px 4px -2px #0000001A;
}

.blog-box.similar-box:hover .blog-text h5 {
    color: #DCA084;
}

.blog-box.similar-box em {
    height: 132px;
}

.blog-box.similar-box em span.blog-tag {
    top: 12px;
    bottom: auto;
    background-color: white;
    color: var(--moalimy-green);
    font-size: 11px;
    line-height: 1;
}

.blog-box.similar-box .blog-text {
    padding: 16px;
}

.veiw-all {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 14px 20px;
    gap: 10px;
    background: var(--moalimy-green);
    border-radius: 8px;
    width: fit-content;
    /* font-family: 'Mulish'; */
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
    text-align: center;
    color: #FFFFFF;
}

.veiw-all svg {
    display: block;
    width: 16px;
    height: 16px;
}

.veiw-all:hover {
    background: #DCA084;
}

.input-clear {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 20px;
    height: 20px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: var(--moalimy-green);
    z-index: 3;
    right: 13px;
}

.input-clear svg {
    display: block;
    width: 14px;
    height: 14px;
    position: static;
    transform: translateY(0px);
}

.input-clear:hover {
    background-color: var(--moalimy-orange);
}

.blog-description {
    margin: 50px 0 0 0;
    padding: 32px;
    border-radius: 16px;
    background: #F3F4F6;
}

.blog-details-body {
    background: #F9FAFB;
}

.blog-text a:hover h5 {
    color: var(--moalimy-orange);
    transition: all 0.3s ease;
}

.blog-box a:hover em img {
    transform: scale(1.07);
    transition: all 0.3s ease;
}

/* 34Anwesa */

/* 64Anwesa */
.blog-CTA {
    margin-top: 32px;
    width: 816px;
    max-width: 100%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 48px;
    background: var(--moalimy-orange);
    mix-blend-mode: normal;
    border-radius: 24px;
}

.blog-CTA h3 {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 700;
    font-size: 36px;
    line-height: 40px;
    text-align: center;
    color: #FFFFFF;
    margin-bottom: 16px;
    width: 100%;
}

.blog-CTA p {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 29px;
    text-align: center;
    color: #F0FDFA;
    width: 639px;
    max-width: 100%;
    margin: 0 auto 32px auto;
}

.blog-cta-btns {
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
    align-items: center;
    gap: 10px;
    margin: 0 auto;
}

.blog-cta-btns a {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 11px 25px;
    min-width: 230px;
    background: #FFFFFF;
    box-shadow: 0px 4px 6px -4px rgba(0, 0, 0, 0.1), 0px 10px 15px -3px rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    max-width: 100%;
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
    text-align: center;
    color: #4B5563;
    text-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1), 0px 10px 15px rgba(0, 0, 0, 0.1);
}

/* .blog-cta-btns a.blog-cnct{
    border:1.3px solid #fff;
    color: #fff;
    background: var(--moalimy-orange);
} */
.blog-cta-btns a:hover {
    background: var(--moalimy-green);
    color: white;
    border-color: var(--moalimy-green);
}

/* 64Anwesa */

/*070426 SB*/
.banner_area {
    background: url(../images/select-bg.png) no-repeat center top;
    background-size: cover;
    /* background-color: #10363d;*/
}

.banner_area_in {
    display: flex;
    /*direction: rtl;*/
    align-items: center;
}

.ban_pic {
    width: 614px;
}

.ban_pic img {
    width: 100%;
    height: 100%;
}

.ban_cont {
    width: calc(100% - 614px);
    padding: 0px 30px;
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.ban_top_txt {
    width: 362px;
    height: 62px;
    border-radius: 45px;
    border: var(--moalimy-orange) 1px solid;
    font-family: "Roboto", sans-serif;;
    font-weight: 700;
    font-size: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--moalimy-orange);

}

.ban_cont h1 {
    font-family: "Roboto", sans-serif;;
    font-weight: 700;
    font-size: 72px;
    line-height: 150%;
    display: flex;
    text-align: right;
    color: #FEFEFE;
}

.ban_cont p {
    font-family: "Roboto", sans-serif;;
    font-weight: 400;
    font-size: 24px;
    line-height: 189%;
    color: #E9E9E9;

}

.ban_btn {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0px 60px;
    gap: 8px;
    height: 68px;
    background: #57827A;
    border-radius: 8px;
    font-family: "Roboto", sans-serif;;
    font-weight: 700;
    font-size: 20px;
    line-height: 150%;
    color: #FFFFFF;
    width: fit-content;
    border: none;
}

.ban_btn:hover {
    background-color: var(--moalimy-orange);
}

.ban_btn img {
    transform: rotate(180deg);
}

.content_area {
    background: url(../images/fl_bg.png) no-repeat left top #F1F1F3;
    padding: 60px 0px;
}

.cont_box_area {
    display: flex;
    /*direction: rtl;*/
    column-gap: 24px;
    row-gap: 24px;
    flex-flow: row wrap;
}

.cont_box {
    width: calc((100% - 48px) / 3);
    display: flex;
    flex-direction: column;
    padding: 24px;
    gap: 16px;
    background: #FFFFFF;
    border-radius: 12px;

    font-family: "Roboto", sans-serif;;
    font-weight: 400;
    font-size: 24px;
    line-height: 150%;
    color: #848484;
    position: relative;
}

.box_num {
    position: absolute;
    font-family: "Roboto", sans-serif;;
    font-weight: 700;
    font-size: 136px;
    line-height: 136px;
    color: rgba(219, 160, 132, 0.12);
    z-index: 2;
    top: 0px;
    right: 10px;
}

.cont_box h4 {
    font-family: "Roboto", sans-serif;;
    font-style: normal;
    font-size: 24px;
    line-height: 150%;
    color: var(--moalimy-green);
}

.content_area h3 {
    font-family: "Roboto", sans-serif;;
    font-weight: 700;
    font-size: 36px;
    line-height: 150%;
    text-align: center;

    color: #0F172A;
    margin-bottom: 60px;
}




/* 74Anwesa */
.qudurat-page {
    background-color: #F1F1F3;
    position: relative;
    width: 100%;
    overflow: hidden;
    padding: 53px 0 85px 0;
}

.flower-svg {
    position: absolute;
    width: 296.89px;
    height: 296.84px;
    left: -53px;
    top: -23px;
    transform: rotate(0.67deg);
    z-index: 1;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
}

.flower-svg-smaller {
    position: absolute;
    width: 198.82px;
    height: 198.79px;
    right: 38.69px;
    top: 573px;
    transform: rotate(2.67deg);
    z-index: 1;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
}

.flower-svg svg,
.flower-svg-smaller svg {
    display: block;
    width: 100%;
    height: 100%;
}

.qudurat-page-inner {
    width: 1063px;
    max-width: 100%;
    margin: 0 auto;
}

.qdrt-page-hdng {
    margin: 0 auto 63px auto;
}

.qdrt-page-hdng h2 {
    font-family: "Roboto", sans-serif;;
    font-style: normal;
    font-weight: 700;
    font-size: 48px;
    line-height: 150%;
    text-align: center;
    letter-spacing: -1.18111px;
    color: var(--moalimy-green);
}

.qdrt-page-hdng p {
    font-family: "Roboto", sans-serif;;
    font-style: normal;
    font-weight: 400;
    font-size: 20px;
    line-height: 150%;
    text-align: center;
    color: #4D4D4D;
}

.qudurat-page-inner {
    position: relative;
    z-index: 3;
}

.dir-rtl {
    direction: rtl;
}

.chs-asses-section {
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
    align-items: stretch;
    gap: 38px;
}

a.chs-asses-box {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 31.4963px;
    gap: 42px;
    background: #FFFFFF;
    border: 1px solid #F0F0F0;
    box-shadow: 0px 0px 54.7px rgba(0, 0, 0, 0.05);
    border-radius: 16px;
    flex-grow: 1;
    width: calc((100% - (38px * 1)) / 2);
}

.chs-asses-box text {
    display: flex;
    flex-flow: row wrap;
    justify-content: flex-start;
    align-items: center;
    gap: 21px;
}

.chs-asses-box text em {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    width: 62.99px;
    height: 62.99px;
    background: rgba(93, 141, 127, 0.1);
    border-radius: 10.4988px;
}

.chs-asses-box text em svg {
    display: block;
    width: 25px;
}

.chs-asses-box text h5 {
    font-family: "Roboto", sans-serif;;
    font-style: normal;
    font-weight: 700;
    font-size: 24px;
    line-height: 150%;
    text-align: left;
    color: #1E1E1E;
    width: calc(100% - 63px - 21px);
}

.chs-asses-box text h5:hover {
    color: var(--moalimy-orange);
}

.chs-asses-box text h5 span {
    font-family: "Roboto", sans-serif;;
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 150%;
    text-align: left;
    color: #999999;
    display: block;
    width: 100%;
}

.chs-asses-tags {
    display: flex;
    flex-flow: row wrap;
    justify-content: flex-start;
    align-items: center;
    gap: 16px;
    width: 100%;
}

.chs-asses-tags h6 {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 6px 15px;
    gap: 10.5px;
    background: rgba(219, 160, 132, 0.08);
    border: 1.3px solid var(--moalimy-orange);
    border-radius: 45.9321px;
    font-family: "Roboto", sans-serif;;
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 150%;
    text-align: left;
    color: var(--moalimy-orange);
}

em.chs-image {
    width: 100%;
    height: 252px;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    border-radius: 10.5px;
    margin-top: auto;
}

em.chs-image img {
    display: block;
    width: 100%;
    height: auto;
    max-width: 100%;
    max-height: 100%;
    transition: all 0.3s ease;
}

span.assess-btn {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 10.4988px;
    gap: 10.5px;
    width: 100%;
    background: #57827A;
    border-radius: 10.4988px;
    font-family: "Roboto", sans-serif;;
    font-style: normal;
    font-weight: 700;
    font-size: 20px;
    line-height: 150%;
    text-align: center;
    color: #FFFFFF;
}

span.assess-btn svg {
    display: block;
    width: 31px;
    height: 31px;
    transform: rotate(180deg);
}

span.assess-btn:hover {
    background: var(--moalimy-orange);
}

.chs-asses-box:hover em.chs-image img {
    transform: scale(1.05);
    transition: all 0.3s ease;
}

.instruction {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    padding: 31.4963px;
    gap: 15.75px;
    background: rgba(219, 160, 132, 0.12);
    border: 1.31235px solid var(--moalimy-orange);
    border-radius: 15.7481px;
    width: 100%;
}

.instruction svg {
    display: block;
    width: 20px;
    height: 20px;
    margin-top: 5px;
    flex-shrink: 0;
}

.instruction text {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 10.5px;
}

.instruction text h6 {
    font-family: "Roboto", sans-serif;;
    font-style: normal;
    font-weight: 700;
    font-size: 20px;
    line-height: 150%;
    text-align: left;
    color: #1E1E1E;
}

.instruction text p {
    font-family: "Roboto", sans-serif;;
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 150%;
    text-align: left;
    color: #6A6A6A;
}

/* 74Anwesa */

/*080426 SB*/
.placement_page .container {
    max-width: 888px;
    margin: 0 auto;
    position: relative;
    z-index: 2;
}

.placement_page .content_area {
    position: relative;
}

.placement_page .content_area::after {
    content: "";
    background: url(../images/palce_bot.png) no-repeat;
    width: 131px;
    height: 182px;
    position: absolute;
    bottom: 250px;
    right: 0;
    z-index: 1;
}

.placement_page .content_area h3 {
    font-family: "Roboto", sans-serif;;
    font-style: normal;
    font-weight: 700;
    font-size: 40px;
    line-height: 150%;
    color: #1E1E1E;
    margin-bottom: 25px;
    margin-top: 10px;


}

.placement_page .content_area h4 {

    font-family: "Roboto", sans-serif;;
    font-weight: 400;
    font-size: 20px;
    line-height: 40px;
    text-align: center;
    color: #4D4D4D;


}

.placement_page .content_area h4 span {
    font-size: 32px;
    color: var(--moalimy-green);
    font-weight: 700;
}

.place_tag_sec {
    display: flex;
    justify-content: center;
    align-items: center;

    margin-top: 30px;
}

.place_tag_sec ul {
    display: flex;
    gap: 16px;
}

.place_tag_sec li {
    display: flex;

    justify-content: center;
    align-items: center;
    padding: 0px 16px;
    gap: 8px;
    height: 40px;
    background: rgba(219, 160, 132, 0.08);
    border: 1px solid var(--moalimy-orange);
    border-radius: 32px;
    font-family: "Roboto", sans-serif;;
    font-style: normal;
    font-weight: 700;
    font-size: 14px;
    color: var(--moalimy-orange);
}

.place_tag_sec li:hover {
    background: #FFF;
}

.place_tag_sec li a {
    color: var(--moalimy-orange);
}

.place_pic {
    margin: 20px 0px;
}

.place_pic img {
    width: 100%;
    border-radius: 12px;
}

.place_box_area {
    display: flex;
    flex-flow: row wrap;
    column-gap: 24px;

    margin-bottom: 25px;
}

.place_box {

    display: flex;
    flex-direction: column;

    padding: 16px;
    gap: 12px;
    background: #FBF6F3;
    border: 1px solid var(--moalimy-orange);
    border-radius: 12px;
    font-family: "Roboto", sans-serif;;
    font-weight: 400;
    font-size: 14px;
    color: #6A6A6A;
}

.place_sm_box {
    width: 366px;

}

.place_big_box {

    width: calc(100% - 366px - 24px);
    gap: 24px;
    flex-flow: row wrap;
    display: flex;

}

.place_big_box_insec {
    width: calc((100% - 24px) / 2);
}

.place_box_area h5 {
    font-family: "Roboto", sans-serif;;
    font-weight: 700;
    font-size: 16px;
    line-height: 28px;
    display: flex;

    align-items: center;
    color: #121212;
    gap: 12px;
    margin-bottom: 10px;
}

.num_row {
    display: flex;

    align-items: center;

    gap: 8px;
}

.num {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 28px;
    height: 28px;
    background: var(--moalimy-orange);
    border-radius: 18px;
    font-family: "Roboto", sans-serif;;
    font-weight: 400;
    font-size: 14px;
    line-height: 150%;
    color: #FFFFFF;
}

.place_btn_row {
    margin-bottom: 15px;
}

.place_btn {

    display: flex;

    justify-content: center;
    align-items: center;
    padding: 0px 8px;
    gap: 8px;

    width: 100%;
    height: 64px;

    /* Options/Green/green-600 */
    background: #57827A;
    border-radius: 8px;

    font-family: "Roboto", sans-serif;;
    font-weight: 700;
    font-size: 20px;

    color: #FFFFFF;

}

.place_btn img {
    transform: rotate(180deg);
}

.place_btn:hover {
    background-color: var(--moalimy-orange);
}

.place_btn_trans {
    background-color: transparent;
    color: #57827A;
    border: #57827A 1px solid;
}

.place_btn_trans:hover {
    border-color: transparent;
    color: #FFFFFF;
}

/*assessment*/
.assessment_area {
    background-color: #F1F1F3;
    display: flex;

    flex-flow: row wrap;
    column-gap: 35px;
}

.asset_sidebar {
    width: 312px;
    display: flex;

    flex-direction: column;
    align-items: center;
    height: calc(100vh - 75px);
    background: #FFFFFF;
    border-left: 1px solid #F3F4F6;
    box-shadow: 4px 0px 24px rgba(0, 0, 0, 0.02);
    position: sticky;
    right: 0;
    top: 70px;
    padding: 20px;
    z-index: 100;
    overflow: auto;
    scrollbar-width: thin;
    scrollbar-color: #dca0842b transparent;
}

.asset_sidebar ul {
    width: 100%;

}

.asset_sidebar li {
    font-family: "Roboto", sans-serif;;
    font-weight: 400;
    font-size: 16px;
    color: #6A6A6A;
    padding: 12px 15px;
    border-radius: 12px;
    margin-bottom: 5px;

}

.asset_sidebar li a {
    color: #6A6A6A;
    display: flex;
    align-items: center;
    gap: 12px;
}

.asset_sidebar li:hover,
.asset_sidebar li.active {
    background: var(--moalimy-green);
}

.asset_sidebar li:hover a,
.asset_sidebar li.active a {
    color: #FFF;
}

.asset_sidebar li:hover svg path,
.asset_sidebar li.active svg path {
    fill: #FFF;
}
/*2105*/
.asset_sidebar .has_submenu {
    border-radius: 14px;
    overflow: hidden;
    background: transparent !important;
}

.asset_sidebar .has_submenu.active {
    background: transparent !important;
    box-shadow: none !important;
}

.asset_sidebar .has_submenu > .submenu_toggle {
    display: flex;
    align-items: center;
    gap: 12px;
    position: relative;
    background: transparent !important;
    color: #7A7A7A !important;
}
.asset_sidebar .has_submenu > .submenu_toggle:hover svg path ,
.asset_sidebar .has_submenu > .submenu_toggle.active svg path{
fill: #7A7A7A !important;
}
.has_submenu svg path {
   fill: #7A7A7A !important;
}


.asset_sidebar .submenu_arrow {
    margin-left: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: 0.3s ease;
}

.asset_sidebar .submenu_arrow svg {
    width: 14px;
    height: 14px;
    transform: rotate(180deg);
}

.asset_sidebar .submenu_arrow svg path {
    fill: #7A7A7A !important;
    transition: 0.3s ease;
}

.asset_sidebar .has_submenu.active .submenu_arrow {
    transform: rotate(-180deg);
}

.asset_sidebar .submenu {
    display: none;
    padding-top: 6px;
}

.asset_sidebar .has_submenu.active .submenu {
    display: block;
}

.asset_sidebar .submenu li {
    margin-bottom: 6px;
    padding: 0 !important;
    background: transparent !important;
}

.asset_sidebar .submenu li a {
    min-height: 46px;
    border-radius: 14px;
    padding: 12px 35px;
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 15px;
    font-weight: 500;
    background: transparent;
    color: #7A7A7A !important;
    transition: 0.3s ease;
}

.asset_sidebar .submenu li a svg path{
    fill: #7A7A7A !important;
}
.asset_sidebar .submenu li.active a,
.asset_sidebar .submenu li:hover a {
    background: var(--moalimy-green);
    color: #fff !important;
}

.asset_sidebar .submenu li.active svg path,
.asset_sidebar .submenu li:hover svg path {
    fill: #fff !important;
}
.asset_sidebar .mn_line_sec {margin-top: 50px;}
.asset_sidebar .profile-box {display: flex; margin: 25px 0 5px 0; align-items: center; justify-content: space-between; width: 100%; background: #F2F2F2; padding: 10px; border-radius: 12px;}
.asset_sidebar .profile-box .profile-details {display: flex; align-items: center; gap: 10px;}
.asset_sidebar .profile-box .profile-details .img-box {width: 40px; height: 40px; border: 3px solid var(--moalimy-green); border-radius: 100%;}
.asset_sidebar .profile-box .profile-details .img-box img {border-radius: 100%; width:100%;}
.asset_sidebar .profile-box .profile-details .details h3 {color: #1E1E1E; font-size: 18px;}
.asset_sidebar .profile-box .profile-details .details p {color: #999999; font-size: 12px;}
.asset_sidebar .profile-box a img {width: 26px;}



.assect_cont {

    width: calc(100% - 312px - 35px);
    padding-left: 0px;
    padding-right: 45px;
    padding-top: 30px;
    height: 100vh;
    /*overflow-y: scroll;*/
    overflow: auto;
    scrollbar-width: thin;
    scrollbar-color: #dca0842b transparent;

}

.as_cont_top {
    background: #FFF;
    padding: 15px 30px;
    display: flex;

    justify-content: space-between;
    align-items: center;
    border-radius: 16px;
}

.cir_sec {
    font-family: "Roboto", sans-serif;;
    font-weight: 400;
    font-size: 20px;
    color: #6A6A6A;
    display: flex;
    align-items: center;
    gap: 25px;
}

.as_txt {
    display: flex;
    flex-direction: column;
    gap: 18px;
}

.bt_sec {

    display: flex;
    flex-direction: column;
    gap: 16px;
}

.cir_sec h4 {
    font-family: "Roboto", sans-serif;;
    font-weight: 700;
     font-size: 34px; /*160426 SB*/
    color: var(--moalimy-green);
}

.as_btn {
    display: flex;
    align-items: center;
    padding: 0px 24px;
    gap: 8px;
    height: 40px;
    background: rgba(219, 160, 132, 0.14);
    border-radius: 30px;
    font-family: "Roboto", sans-serif;;
    font-weight: 400;
    font-size: 16px;
    width: fit-content;
    color: #C79278;
}

.as_btn:hover {
    background-color: var(--moalimy-green);
    color: #FFF;
}

.as_btn:hover svg path {
    fill: #FFF;
}

.edit_btn {
    display: flex;
    align-items: center;
     padding: 0px 18px; /*160426 SB*/
    gap: 8px;
    height: 50px;/*160426 SB*/
    background: #57827A;
    border-radius: 30px;


    font-family: "Roboto", sans-serif;;

    font-weight: 700;
    font-size: 18px;/*160426 SB*/


    color: #FFFFFF;



}

.edit_btn:hover {
    background-color: rgba(219, 160, 132, 0.14);

}

.reload_btn {
    display: flex;
    align-items: center;
     padding: 0px 18px; /*160426 SB*/
    gap: 8px;
    height: 50px;/*160426 SB*/
    border-radius: 30px;

    font-family: "Roboto", sans-serif;;

    font-weight: 700;
     font-size: 18px;/*160426 SB*/


    color: var(--moalimy-orange);

    border: 1px solid var(--moalimy-orange);
    border-radius: 30px;



}

.reload_btn:hover {
    border-color: #57827A;
    color: #57827A;

}

.reload_btn:hover svg path {
    stroke: #57827A;
}

.mobile_filter {
    display: none;
}

.mobile_filter {
    float: left;
    width: 100%;
    min-height: 40px;
    cursor: pointer;
    background: #57827A;
    text-align: center;
    color: #fff;
    padding: 7px;
    margin-bottom: 0;
    display: none;
    margin-bottom: 10px;
    border-radius: 10px;
    margin-top: 15px;
    font-weight: 700;
    position: relative;
    z-index: 1;
    margin: 15px 25px 0px 25px;
}

.assess_heading {
    display: flex;
    gap: 8px;
    font-family: "Roboto", sans-serif;;
    font-weight: 700;
    font-size: 22px;/*160426 SB*/
    color: #0F172A;
    margin: 25px 0px;
}

.ass_box_area {
    display: flex;
    gap: 24px;

    flex-flow: row wrap;
}

.ass_box {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 32px;
    background: #FFFFFF;
    border-radius: 24px;
    width: calc((100% - 24px)/2);
}

.ass_box h6 {
    display: flex;
    gap: 12px;
    font-family: "Roboto", sans-serif;;
    font-weight: 700;
    font-size: 20px;
    align-items: center;
    color: var(--moalimy-green);
    margin-bottom: 20px;
}

.brown_box h6,
.brown_box .ass_num {
    color: #AF1D03;
}

.ass_row {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    padding: 12px 16px;
    margin-bottom: 15px;
    width: 100%;
    background: #EFF4F3;
    border-radius: 12px;

}

.brown_box .ass_row {
    background: #FBF3F2;
}

.ass_row p {
    font-family: "Roboto", sans-serif;;
    font-weight: 400;
    font-size: 16px;
    color: #1E1E1E;
}

.ass_num {
    font-family: "Roboto", sans-serif;;
    font-weight: 700;
    font-size: 16px;
    display: flex;
    align-items: center;
    text-align: right;
    color: var(--moalimy-green);
}

.ass_blue_txt_sec {
    direction: rtl;
    display: flex;
    padding: 30px;
    justify-content: center;
    align-items: center;
    gap: 4px;
    background: var(--moalimy-green);
    border-radius: 16px;
    font-family: "Roboto", sans-serif;;
    font-weight: 700;
    font-size: 30px;
    color: #FFFFFF;
    margin-top: 28px;
}

.ass_blue_txt_sec span {
    font-weight: 700;
    color: #DCA084;
    font-size: 45px;
}

.goalpick-container {
    padding: 60px 0px;

}

.goalpick-title {
    margin-bottom: 10px;
    font-family: "Roboto", sans-serif;;
    font-weight: 700;
    font-size: 24px;
    display: flex;
    align-items: center;
    text-align: center;
    justify-content: center;
    color: #1A1C1C;
}

.goalpick-subtitle {
    margin-bottom: 40px;
    font-family: "Roboto", sans-serif;;
    font-weight: 400;
    font-size: 16px;
    display: flex;
    align-items: center;
    text-align: center;
    justify-content: center;
    color: #414942;
}

/* Layout */
.goalpick-options {
    display: flex;

    gap: 24px;
    justify-content: center;
}

/* Card */
.goalpick-card {
    position: relative;
    width: calc((100% - 48px)/3);
    cursor: pointer;


}

/* ✅ Hide native radio properly */
.goalpick-card input[type="radio"] {
    position: absolute;
    opacity: 0;
    pointer-events: none;
}

/* Box */
.goalpick-box {
    background: #ffffff;
    border-radius: 24px;
    padding: 25px 15px;
    border: 4px solid transparent;
    transition: all 0.3s ease;
    direction: rtl;
}

/* Number row */
.goalpick-number {
    position: relative;
    font-size: 36px;
    font-weight: bold;
    padding-right: 32px;
    /* space for custom radio */
    direction: ltr;
    text-align: right;
    font-family: 'Inter';

    font-weight: 700;
    font-size: 36px;
    color: #1E1E1E;

}

/* Custom radio outer */
.goalpick-number::before {
    content: "";
    position: absolute;
    right: 0;
    top: 6px;
    width: 20px;
    height: 20px;
    border: 2px solid #bfbfbf;
    border-radius: 50%;
    background: #fff;
    transition: all 0.25s ease;
}

/* Inner dot */
.goalpick-card input:checked+.goalpick-box .goalpick-number::after {
    content: "";
    position: absolute;
    right: 5px;
    top: 11px;
    width: 10px;
    height: 10px;
    background: #d49a7a;
    border-radius: 50%;
}

/* Text */
.goalpick-desc {
    margin-top: 10px;
    font-family: 'Tajawal';
    font-weight: 700;
    font-size: 18px;
    line-height: 28px;
    color: #1E1E1E;

}

.goalpick-subdesc {

    margin-top: 5px;

    font-family: "Roboto", sans-serif;;
    font-weight: 400;
    font-size: 14px;
    line-height: 150%;
    color: #6A6A6A;

}

/* Active card */
.goalpick-card input:checked+.goalpick-box {


    background: #FFFFFF;
    /* Options/Brown/brown-500 */
    border: 4px solid var(--moalimy-orange);
    border-radius: 24px;

}

/* Active radio border */
.goalpick-card input:checked+.goalpick-box .goalpick-number::before {
    border-color: #d49a7a;
}

/* Badge */
.goalpick-badge {
    position: absolute;
    top: -15px;
    right: 50%;
    transform: translateX(50%);
    font-family: "Roboto", sans-serif;;

    font-weight: 400;
    font-size: 14px;

    color: #FFFFFF;
    display: flex;
    height: 32px;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 0px 16px;

    background: var(--moalimy-orange);
    border-radius: 56px;

}

.ass_bot_box {

    display: flex;
    flex-direction: column;

    padding: 32px;
    background: #FFFFFF;
    border-radius: 24px;
    gap: 15px;
    justify-content: center;
    margin-bottom: 80px;


}

.back_btn img {
    rotate: 180deg;
}

.as_footer {


    font-family: "Roboto", sans-serif;;

    font-weight: 400;
    font-size: 14px;
    display: flex;
    justify-content: center;
    text-align: center;
    color: #999999;
    padding-bottom: 30px;


}

.ass_bot_box h3 {


    font-family: "Roboto", sans-serif;;
    font-weight: 700;
    font-size: 20px;
    margin-bottom: 15px;

    display: flex;
    align-items: center;
    text-align: center;

    color: #0F172A;
    margin: 0 auto;

}

.ass_bot_box p {

    font-family: "Roboto", sans-serif;;
    font-weight: 400;
    font-size: 16px;

    display: flex;
    align-items: center;
    text-align: center;

    color: #64748B;
    margin: 0 auto;

}

.back_btn {
    /* Frame 1000004330 */

    /* Auto layout */
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 0px 8px;
    gap: 8px;

    height: 56px;

    background: #57827A;
    border-radius: 8px;

    font-family: "Roboto", sans-serif;;

    font-weight: 700;
    font-size: 20px;
    color: #FFFFFF;

}

.back_btn:hover {
    background-color: #DCA084;
}

.progress-circle {
    /*width: 220px;
    aspect-ratio: 1 / 1;
    position: relative;*/
    --size: 180px;
    --thickness: 14px;
    --value: 0; /* default */
    --color: #5f8f85;
    --bg: #f8f8f8;

    width: var(--size);
    height: var(--size);
    border-radius: 50%;
    background: conic-gradient(
      var(--color) calc(var(--value) * 1%),
      var(--bg) 0
    );
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}
  /* Inner white circle */
  .progress-circle::before {
    content: "";
    position: absolute;
    width: calc(100% - var(--thickness) * 2);
    height: calc(100% - var(--thickness) * 2);
    background: #FFF;
    border-radius: 50%;
  }

  /* Content inside */
  .progress-circle .inner {
    position: relative;
    text-align: center;
    font-family: sans-serif;
  }

  .progress-circle .number {
    font-size: 56px;
    line-height:65px;
    color: var(--moalimy-green);
    font-weight: 600;
  }

  .progress-circle .label {
    font-size: 16px;
    color: #646464;
  }



.bg {
    fill: none;
    stroke: #ddd;
    stroke-width: 8;
}

.progress {
    fill: none;
    stroke: #5f8f86;
    stroke-width: 8;
    stroke-linecap: round;
    stroke-dasharray: 283;
    /* full circumference for r=45 */
    stroke-dashoffset: 74;
    /* change this to adjust blue size */
    transition: stroke-dashoffset 0.3s ease;
}

.progress-text {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
    color: #5f8f86;
}



.progress-text .value {


    font-family: "Roboto", sans-serif;;

    font-weight: 700;
    font-size: 65px;
    line-height: 70px;
    color: var(--moalimy-green);
}

.progress-text .label {
    font-family: "Roboto", sans-serif;;

    font-weight: 400;
    font-size: 19px;
    color: #6A6A6A;

}


/* 84Anwesa */
.qrdt-question-inner {
    width: 1323px;
    max-width: 100%;
    margin: 0 auto;
}

.qdrt-questions {
    /* height: calc(100vh - 106px); */
    padding-top: 20px;
    padding-bottom: 40px;
    position: relative;
    overflow: auto;
}

.questions-footer {
    /* position: absolute;
    bottom: 0; */
    z-index: 99;
    width: 100%;
    box-sizing: border-box;
    padding: 15px 38px;
    background: #FFFFFF;
    border-top: 1px solid #BABABA;
}

.qs-prgrs-time {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    gap: 10px;
    margin-bottom: 20px;
}

.qus-prgrs {
    width: calc(100% - 31px - 182px);
    display: flex;
    flex-flow: row wrap;
    justify-content: flex-start;
    align-items: center;
    gap: 31px;
}

.qus-prgrs h5 {
    font-family: "Roboto", sans-serif;;
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 150%;
    text-align: left;
    color: #1E1E1E;
}

.qus-prgrs h6 {
    font-family: "Roboto", sans-serif;;
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 150%;
    text-align: left;
    color: var(--moalimy-green);
}

.ques-prgrs-bar {
    width: calc(100% - 161px - 124px - 62px);
    height: 8px;
    background: #BABABA;
    border-radius: 23px;
    display: block;
}

.ques-prgrs-bar span {
    height: 8px;
    background: var(--moalimy-green);
    border-radius: 23px;
    display: block;
}


.qus-time {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 0px 16px;
    gap: 12px;
    width: 160px;
    height: 50px;
    background: rgba(75, 124, 90, 0.04);
    border: 1px solid var(--moalimy-green);
    border-radius: 8px;
    font-family: "Roboto", sans-serif;;
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 150%;
    text-align: left;
    color: var(--moalimy-green);
}

.qus-time svg {
    width: 20px;
    height: 20px;
}

.question {
    margin-bottom: 20px;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    padding: 15px 16px;
    gap: 8px;
    /*100426*/
    background: #FFFFFF;
    box-shadow: 0px 0px 26.8px rgba(0, 0, 0, 0.08);
    border-radius: 18px;
}

.question span {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px;
    width: 50px;
    height: 50px;
    background: var(--moalimy-green);
    border-radius: 43px;
    font-family: "Roboto", sans-serif;;
    font-style: normal;
    font-weight: 700;
    font-size: 26px;
    line-height: 21px;
    text-align: center;
    color: #FFFFFF;
    flex-shrink: 0;
}

.question h6 {
    font-family: "Roboto", sans-serif;;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 18px;
    /*100426*/
    text-align: left;
    color: #999999;
    margin-bottom: 5px;
    /*100426*/
}

.question h6 small {
    font-weight: 700;
    color: var(--moalimy-orange);
}

.question h3 {
    font-family: "Roboto", sans-serif;;
    font-style: normal;
    font-weight: 800;
    /*100426*/
    font-size: 18px;
    /*100426*/
    line-height: 26px;
    /*100426*/
    text-align: left;
    color: #333333;
}

.answers {
    width: 736px;
    max-width: 100%;
    margin: 0 auto 0 0;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: stretch;
    gap: 16px;
    padding-left: 30px;
    /*100426*/
}

.ans-option {
    position: relative;
    z-index: 1;
    width: 100%;
    height: 60px;
}

.ans-option input {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    cursor: pointer;
    z-index: 2;
}

.ans-option .ans-box {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    padding: 12px 16px;
    border: 2px solid #AAAAAA;
    border-radius: 8px;
    width: 100%;
    height: 100%;
    gap: 10px;
}

.ans-option.ans-correct .ans-box {
    border: 4px solid var(--moalimy-green);
    background-image: url(../images/ans-correct.svg);
    background-repeat: no-repeat;
    background-position: left 16px center;
    background-size: 24px 24px;
}

.ans-option.ans-wrong .ans-box {
    border: 4px solid #E10509;
    background-image: url(../images/ans-wrong.svg);
    background-repeat: no-repeat;
    background-position: left 16px center;
    background-size: 24px 24px;
}

.ans-option .ans-box span {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px;
    width: 26px;
    height: 26px;
    border: 1px solid var(--moalimy-green);
    border-radius: 43px;
    flex-shrink: 0;
    font-family: "Roboto", sans-serif;;
    font-style: normal;
    font-weight: 700;
    font-size: 12px;
    line-height: 26px;
    text-align: center;
    color: var(--moalimy-green);
}

.ans-option.ans-correct .ans-box span {
    background: var(--moalimy-green);
    color: white;
}

.ans-option.ans-wrong .ans-box span {
    background: #E10509;
    border: 1px solid #E10509;
    color: white;
}

.ans-option .ans-box h6 {
    font-family: "Roboto", sans-serif;;
    font-style: normal;
    font-weight: 400;
    font-size: 15px;
    line-height: 24px;
    text-align: left;
    color: #333333;
}

.ans-option .ans-box h6 small {
    display: block;
    font-size: 16px;
    line-height: 24px;
}

.ans-option.ans-correct .ans-box h6 small {
    color: var(--moalimy-green);
}

.ans-option.ans-wrong .ans-box h6 small {
    color: #E10509;
}

.ans-option input:hover+.ans-box,
.ans-option input:checked+.ans-box {
    border-color: var(--moalimy-green);
    box-shadow: 0px 4px 20px -2px rgb(96 143 134 / 31%);
}

.qus-footer {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
}

.qus-footer .left,
.qus-footer .right {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    gap: 10px;
    /*100426*/
}

/*100426*/
.right_sec {
    display: flex;
    gap: 10px;
}

.qus-hint.disable {
    border-color: #CCC !important;
    color: #CCC !important;
    cursor: not-allowed !important;
}

.qus-hint.disable svg path {
    stroke: #CCC !important;
}

/*100426*/
.qus-footer a svg {
    display: block;
    width: 24px;
    height: 24px;
    transition: all 0.3s ease;
    transform: rotateY(180deg);
}

.qus-footer a:hover svg path {
    stroke: var(--moalimy-orange);
}

.qus-footer a.qus-prev {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    /* padding: 8px; */
    gap: 8px;
    /* width: 120px; */
    height: 50px;
    border-radius: 8px;
    flex-shrink: 0;
    background: #FFFFFF;
    font-family: "Roboto", sans-serif;;
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 150%;
    text-align: center;
    color: var(--moalimy-green);
    margin-right: 16px;
}

.qus-footer a.qus-prev:hover {
    color: var(--moalimy-orange);
}

.qus-footer a.qus-hint {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 8px;
    gap: 8px;
    width: 176px;
    height: 50px;
    border: 1px solid var(--moalimy-green);
    border-radius: 8px;
    font-family: "Roboto", sans-serif;;
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 150%;
    text-align: center;
    color: var(--moalimy-green);
}

.qus-footer a.qus-hint:hover {
    color: var(--moalimy-orange);
    border: 1px solid var(--moalimy-orange);
}

.qus-footer a.review,
.qus-footer .review {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 8px;
    gap: 8px;
    width: fit-content;
    height: 56px;
    border-radius: 8px;
    font-family: "Roboto", sans-serif;;
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 150%;
    text-align: center;
    color: var(--moalimy-orange);
    margin: 0 auto;
}

.qus-footer .review input {
    accent-color: var(--moalimy-orange);

}

.qus-footer a.review:hover {
    color: var(--moalimy-green);
}

.qus-footer a.review:hover svg path {
    stroke: var(--moalimy-green);
}

/*100426 SB*/
.qus-footer .review {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    /* padding: 8px; */
    gap: 8px;
    /* width: 201px; */
    height: 56px;

}

.reviewoption {
    position: relative;
    z-index: 1;
    width: 100%;
    display: flex;
    align-items: center;
    gap: 10px;


}

.reviewoption span {
    font-family: "Roboto", sans-serif;;
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 150%;
    text-align: center;
    color: var(--moalimy-orange);
}

.reviewoption input {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    cursor: pointer;
    z-index: 2;
}

.reviewoption input:hover+svg path,
.reviewoption input:checked+svg path {

    stroke: var(--moalimy-green);
    stroke-width: 3px;

}

.reviewoption input:hover+svg+span,
.reviewoption input:checked+svg+span {
    color: var(--moalimy-green);
}

.qus-footer a.skip {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 8px;
    gap: 8px;
    width: 116px;
    height: 50px;
    border: 1px solid #BABABA;
    border-radius: 8px;
    font-family: "Roboto", sans-serif;;
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 150%;
    text-align: center;
    color: #BABABA;
}
.qus-footer a.check_answer {
    width: 180px !important;
}

.qus-footer a.skip:hover {
    color: var(--moalimy-orange);
    border: 1px solid var(--moalimy-orange);
}

.qus-footer a.next ,.qus-footer a.check_answer{
    display: flex;
    flex-direction: row-reverse;
    justify-content: center;
    align-items: center;
    padding: 8px;
    gap: 8px;
    width: 180px;
    height: 50px;
    background: #57827A;
    border-radius: 8px;
    font-family: "Roboto", sans-serif;;
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 150%;
    text-align: center;
    color: #FFFFFF;
    margin-left: 16px;
}

.qus-footer a.next:hover ,.qus-footer a.check_answer:hover {
    background: var(--moalimy-orange);
    color: white;
}

/* .qus-footer a.next svg {
    transform: rotate(180deg);
} */

.qus-footer a.next:hover svg path {
    stroke: white;
}

/* view-page */
.question-view-page {
    padding: 52px 0 60px 0;
    width: 1323px;
    max-width: 100%;
    margin: 0 auto;
}

.qus-vw-info {
    width: 928px;
    max-width: 100%;
    margin: 0 auto 52px auto;
}

.qus-vw-info h3 {
    margin-bottom: 32px;
    font-family: "Roboto", sans-serif;;
    font-style: normal;
    font-weight: 700;
    font-size: 36px;
    line-height: 40px;
    text-align: center;
    letter-spacing: -0.9px;
    color: var(--moalimy-green);
}

.vw-info-innr {
    box-sizing: border-box;
    display: flex;
    flex-direction: row-reverse;
    justify-content: center;
    align-items: center;
    padding: 32px;
    gap: 58px;
    background: #FFFFFF;
    border: 1px solid #BABABA;
    border-radius: 12px;
}

.vw-info-innr em {
    width: 1px;
    height: 48px;
    background: #BABABA;
    display: block;
}

.vw-info-box {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 15px;
}

.vw-info-box h6 {
    font-family: "Roboto", sans-serif;;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    text-align: center;
    color: #6A6A6A;
}

.vw-info-box h4 {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    gap: 8px;
    font-family: "Roboto", sans-serif;;
    font-style: normal;
    font-weight: 700;
    font-size: 48px;
    line-height: 48px;
    text-align: center;
    color: var(--moalimy-orange);

}

.vw-info-box h4 span {
    font-family: "Roboto", sans-serif;;
    font-style: normal;
    font-weight: 400;
    font-size: 20px;
    line-height: 28px;
    text-align: center;
    color: #6A6A6A;
}

.vw-info-box h5 {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 4px 16px;
    height: 28px;
    background: #FBF6F3;
    border-radius: 9999px;
    font-family: "Roboto", sans-serif;;
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 20px;
    text-align: center;
    color: var(--moalimy-orange);
}

.vw-info-prgrs {
    display: flex;
    justify-content: flex-start;
    align-items: center;

    width: 100%;
    background-color: #EED3C6;
    height: 6px;
    border-radius: 6px;
    overflow: hidden;
}

.vw-info-prgrs span {
    display: block;
    background-color: var(--moalimy-orange);
    height: 100%;
    border-radius: 6px;
}

.dir-ltr {
    direction: ltr !important;
}

.qus-vw-ans-box {

    display: flex;
    flex-direction: column;
    gap: 32px;
    padding: 32px;
    border-radius: 18px;
    border-left: 8px solid var(--moalimy-green);
    box-shadow: 0px 0px 26.8px 0px #00000014;
    background-color: white;
}

.qus-vw-ans-box.vw-ans-wrong-box {
    border-color: #B10A0D;
}

.ans-type-list {
    margin-bottom: 34px !important;
    display: flex;
    flex-flow: row wrap;
    justify-content: flex-start;
    align-items: center;
    gap: 16px;

}

.ans-type-list li a {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 8px 16px;
    height: 37px;
    background: #F3F3F3;
    border: 1px solid #999999;
    border-radius: 32px;
    font-family: "Roboto", sans-serif;;
    font-style: normal;
    font-weight: 700;
    font-size: 14px;
    line-height: 150%;
    text-align: center;
    color: #999999;
}

.ans-type-list li a:hover,
.ans-type-list li a.active {
    background: var(--moalimy-green);
    border: 1px solid var(--moalimy-green);
    color: white;
}

.ans-box-top {
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
    align-items: flex-start;
    gap: 20px;
}

.ans-box-top text {
    width: calc(100% - 251px - 183px);
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 12PX;
}

.ans-box-top text span {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px;
    width: 74px;
    height: 74px;
    background: var(--moalimy-green);
    border-radius: 43px;
    font-family: "Roboto", sans-serif;;
    font-style: normal;
    font-weight: 700;
    font-size: 36px;
    line-height: 21px;
    text-align: center;
    color: #FFFFFF;
    flex-shrink: 0;
}

.qus-vw-ans-box.vw-ans-wrong-box .ans-box-top text span {
    background: #B10A0D;
}

.ans-box-top text text {
    width: 100%;
    display: block;
}

.ans-box-top text text p {
    font-family: "Roboto", sans-serif;;
    font-style: normal;
    font-weight: 400;
    font-size: 20px;
    line-height: 150%;
    text-align: left;
    color: #999999;
}

.qus-vw-results-inner {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: stretch;
    gap: 24px;
}

.ans-box-top text text p span {
    font-weight: 700;
    color: var(--moalimy-orange);
    width: fit-content;
    height: fit-content;
    background-color: transparent !important;
    font-size: 20px;
    line-height: 150%;
    text-align: left;
    display: inline;
}

.ans-box-top text text h6 {
    font-family: "Roboto", sans-serif;;
    font-style: normal;
    font-weight: 700;
    font-size: 24px;
    line-height: 36px;
    text-align: left;
    color: #333333;
}

.ans-box-top a {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 8px 16px;
    gap: 8px;
    width: 251px;
    height: 56px;
    background: var(--moalimy-orange);
    border-radius: 34px;
    font-family: "Roboto", sans-serif;;
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 150%;
    text-align: center;
    color: #FEFEFE;
}

.ans-box-top a svg {
    display: block;
    width: 24px;
    height: 24px;
    transition: all 0.3s ease;
}

.ans-box-top a:hover {
    background: var(--moalimy-green);
}

.ans-box-bottom ul {
    display: flex;
    flex-flow: row wrap;
    justify-content: flex-start;
    align-items: stretch;
    gap: 16px;

}

.ans-box-bottom ul li {
    width: calc((100% - (16px * 3)) / 4);
}

.ans-viewoption {
    width: 100%;

    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    padding: 12px 16px;
    border: 2px solid #AAAAAA;
    border-radius: 8px;
    gap: 16px;
    height: 100%;
}

.ans-viewoption.ans-correct {
    border: 4px solid var(--moalimy-green);
    background-image: url(../images/ans-correct.svg);
    background-repeat: no-repeat;
    background-position: right 16px center;
    background-size: 24px 24px;
}

.ans-viewoption.ans-wrong {
    border: 4px solid #E10509;
    background-image: url(../images/ans-wrong.svg);
    background-repeat: no-repeat;
    background-position: right 16px center;
    background-size: 24px 24px;
}

.ans-viewoption span {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px;
    width: 38px;
    height: 38px;
    border: 1px solid var(--moalimy-green);
    border-radius: 43px;
    font-family: "Roboto", sans-serif;;
    font-style: normal;
    font-weight: 700;
    font-size: 18px;
    line-height: 150%;
    text-align: center;
    color: var(--moalimy-green);
}

.ans-viewoption h6 {
    font-family: "Roboto", sans-serif;;
    font-style: normal;
    font-weight: 400;
    font-size: 20px;
    line-height: 24px;
    text-align: left;
    color: #333333;
}

.ans-viewoption h6 small {
    display: block;
    font-size: 16px;
    line-height: 24px;
    color: var(--moalimy-green);
}

.ans-box-footer {
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
    align-items: center;

}

.ans-box-footer h6 {
    font-family: "Roboto", sans-serif;;
    font-style: normal;
    font-weight: 400;
    font-size: 20px;
    line-height: 150%;
    text-align: left;
    color: #000000;
}

.ans-ftr-btns {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    gap: 12px;
    width: fit-content;
}

a.practice {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 8px 16px;
    gap: 8px;
    height: 56px;
    background: var(--moalimy-green);
    border-radius: 34px;
    font-family: "Roboto", sans-serif;;
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 150%;
    text-align: center;
    color: #FEFEFE;
}

.ans-ftr-btns a svg {
    display: block;
    width: 24px;
    height: 24px;
}

a.practice:hover {
    background: var(--moalimy-orange);
}

a.explain {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 8px 16px;
    gap: 8px;
    height: 56px;
    border: 2px solid var(--moalimy-orange);
    border-radius: 34px;
    font-family: "Roboto", sans-serif;;
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 150%;
    text-align: center;
    color: var(--moalimy-orange);
}

a.explain:hover {
    background: var(--moalimy-orange);
    color: white;
}

a.explain:hover svg path {
    stroke: white;
}

.vw-result-page-btns {
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
    align-items: stretch;
    gap: 16px;

    margin-top: 32px;
}

.vw-result-page-btns a {
    width: calc(50% - 8px);
    display: flex;
    justify-content: center;
    align-self: center;
    gap: 8px;
    padding: 17px 8px;
    font-family: "Roboto", sans-serif;;
    font-style: normal;
    font-weight: 700;
    font-size: 20px;
    line-height: 150%;
    text-align: center;
    border-radius: 8px;
    border: 1px solid var(--moalimy-green);
}

.vw-result-page-btns a.back {
    background: transparent;
    color: var(--moalimy-green);
}

.vw-result-page-btns a.dwnld-report {
    background: #57827A;
    color: #FFFFFF;
}

.vw-result-page-btns a:hover {
    border: 1px solid var(--moalimy-orange);
    color: white;
    background: var(--moalimy-orange);
}

.ans-option input:checked+.ans-box {
    border-width: 4px;
}

.ans-option input:checked+.ans-box span {
    background-color: var(--moalimy-green);
    color: white;
}

/* view-page */
/* 84Anwesa */
/*traing SB*/
.training_cont {
    display: flex;
    gap: 20px;

}

.t_sidebar {
    width: 340px;
}

.t_mid {
    width: calc(100% - 340px);
    direction: rtl;
}

.trpage h2 {

    font-family: "Roboto", sans-serif;;

    font-weight: 700;
    font-size:28px;

    color: var(--moalimy-green);
    margin-bottom: 18px;

}

.trpage p {


    font-family: "Roboto", sans-serif;;

    font-weight: 400;
    font-size: 18px;

    color: #6A6A6A;
    margin-bottom: 25px;

}

.t_box_area {
    display: flex;
    gap: 24px;

}

.t_box {
    width: calc((100% - 24px)/2);
    display: flex;
    flex-direction: column;
    padding: 24px;
    gap: 18px;
    background: #FFFFFF;
    box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.05);
    border-radius: 12px;
    direction: ltr;
}

.t_box p {
    font-family: "Roboto", sans-serif;;
    font-weight: 400;
    font-size: 16px;
    color: #64748B;
}

.t_n_row {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    font-family: "Roboto", sans-serif;;
    font-weight: 700;
    font-size: 16px;

    color: #4A7C59;


}

.t_n_row h3 {

    font-family: "Roboto", sans-serif;;
    font-weight: 700;
    font-size: 34px;
    line-height: 50px;
    color: #1E1E1E;

}

.t_sky {
    background-color: var(--moalimy-green);
}

.t_sky .t_n_row h3,
.t_sky p {
    color: #FFF;
}

.progressTrackX-card {

    margin: 40px auto;
    background: #fff;
    border-radius: 16px;
    padding: 20px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
    direction: ltr;

}

.progressTrackX-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 20px;
}

.progressTrackX-title {


    font-family: "Roboto", sans-serif;;

    font-weight: 700;
    font-size: 20px;

    color: #1E1E1E;

}

.progressTrackX-container {
    position: relative;
    height: 12px;
    background: #e5e5e5;
    border-radius: 10px;
    margin: 90px 0 20px 0px;
}

.progressTrackX-bar {
    position: absolute;
    left: 0;
    height: 100%;
    width: 26%;
    background: #4f7f75;
    border-radius: 10px;
}

.progressTrackX-point {
    position: absolute;
    right: 26%;
    top: -65px;
    transform: translateX(50%);
    text-align: center;
}

.progressTrackX-value {

    display: flex;
    justify-content: center;
    align-items: center;
    padding: 4px 8px;
    background: var(--moalimy-orange);
    border-radius: 4px;

    font-family: "Roboto", sans-serif;;

    font-weight: 700;
    font-size: 16px;


    color: #FFFFFF;


}

.progressTrackX-dot {

    border-radius: 50%;
    margin: 6px auto 0;


    width: 15px;
    height: 15px;

    border: #FDEDEB 4px solid;
    background: var(--moalimy-orange);



}

.progressTrackX-scale {
    display: flex;
    justify-content: space-between;
    margin-top: 10px;
    font-size: 14px;
    color: #666;


    font-family: "Roboto", sans-serif;;

    font-weight: 700;
    font-size: 12px;

    color: #6A6A6A;

}

.progressTrackX-scale div {
    text-align: center;
}

.progressTrackX-footer {
    margin-top: 20px;

    font-family: "Roboto", sans-serif;;

    font-weight: 400;
    font-size: 14px;

    color: #6A6A6A;

}

.progressTrackX-start {
    color: #4f7f75;
    font-weight: bold;
}

.t_mid h4 {
    gap: 10px;
    font-family: "Roboto", sans-serif;;

    font-weight: 700;
    font-size: 20px;

    display: flex;
    align-items: center;
    margin-bottom: 20px;
    color: #1E1E1E;
    direction: ltr;

}

.t_bot_box_area {
    display: flex;
    gap: 16px;
}

.t_bot_box {
    display: flex;
    flex-direction: column;
    /* justify-content: center; */
    align-items: flex-end;
    padding: 16px 24px;
    gap: 16px;
    width: calc((100% - 32px)/2);
    background: #FFFFFF;
    border-left: 4px solid #AF1D03;
    border-radius: 12px;

    font-family: "Roboto", sans-serif;;
    font-weight: 400;
    font-size: 14px;
    direction: ltr;
    color: #6A6A6A;

}

.t_bot_row {
    display: flex;
    direction: ltr;
    width: 100%;
    justify-content: space-between;
    gap: 10px;
}

.tb_title {

    font-family: "Roboto", sans-serif;;
    font-weight: 700;
    font-size: 16px;

    color: #1E1E1E;


}

.tb_btn {

    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0px 12px;
    height: 32px;


    background: rgba(175, 29, 3, 0.1);

    border-radius: 9999px;


    font-family: "Roboto", sans-serif;;
    font-weight: 400;
    font-size: 12px;
    margin: 10px 0px;

    color: #AF1D03;


}

.tb_txt {


    font-family: "Roboto", sans-serif;;
    font-weight: 400;
    font-size: 12px;
    color: #6A6A6A;

}

.tb_num {

    font-family: "Roboto", sans-serif;;

    font-weight: 700;
    font-size: 24px;
    direction: rtl;
    color: #1E1E1E;

}

.tb-prgrs-bar {
    width: 100%;
    height: 8px;
    background: #d3d3d3;
    border-radius: 23px;
    display: block;
    position: relative;
    z-index: 10;
}

.tb-prgrs-bar span {
    height: 8px;
    background: #af1d03;
    border-radius: 23px;
    display: block;
}

.box_b_txt {


    font-family: "Roboto", sans-serif;;

    font-weight: 400;
    font-size: 14px;
    color: #6A6A6A;

}

.orgbox {

    border-color: #E8472A;

}

.orgbox .tb_btn {
    background: #FFEDD5;
    color: #EA580C;
}

.orgbox .tb-prgrs-bar span {
    background: #EA580C;
}

.t_wh_box {

    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 24px;
    gap: 16px;
    background: #FFFFFF;
    border: 1px solid #F1F5F9;
    box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.05);
    border-radius: 12px;
    direction: rtl;
    margin-bottom: 20px;

}

.cir_row {
    display: flex;
    width: 100%;
    justify-content: space-between;
}

.t_wh_box .progress-circle {
    width: 60px;
    height: 60px;

}

.t_wh_box .progress-text .value {

    font-family: "Roboto", sans-serif;;
    font-weight: 700;
    font-size: 12px;
    line-height: 16px;
    color: var(--moalimy-green);


}

.t_wh_box h4 {

    font-family: "Roboto", sans-serif;;
    font-weight: 700;
    font-size: 20px;
    color: #1E1E1E;

}

.t_wh_box h6 {
    font-family: "Roboto", sans-serif;;
    font-weight: 400;
    font-size: 14px;
    /* Options/Black/black-300 */
    color: #6A6A6A;


}

.t_wh_box ul {
    margin-top: 10px;
    width: 100%;
}

.t_wh_box li {

    margin-bottom: 5px;
    display: flex;

    align-items: center;

    padding: 12px;
    gap: 16px;

    border-radius: 8px;

    font-family: "Roboto", sans-serif;;

    font-weight: 700;
    font-size: 14px;

    color: #999999;
    background: url(../images/Icon.png) no-repeat 4% 14px #F8FAFC;
    padding-left: 40px;
    direction: ltr;

}

.t_wh_box li.active,
.t_wh_box li:hover {
    background: url(../images/checkmark.png) no-repeat 4% 14px #EFF4F3;
    color: var(--moalimy-green);
}

.off_brown_box {

    display: flex;
    padding: 16px;
    align-items: flex-start;


    /* Options/Brown/brown-50 */
    background: #FBF6F3;
    /* Options/Brown/brown-400 */
    border: 1px solid #E2B39D;
    border-radius: 12px;
    gap: 10px;

    font-family: "Roboto", sans-serif;;
    font-weight: 400;
    font-size: 12px;
    color: #6A6A6A;

}

.off_title {

    font-family: "Roboto", sans-serif;;
    font-weight: 700;
    font-size: 14px;

    color: var(--moalimy-orange);

}

/* .tb_side_bt_area {
    margin-top: 80px;
} */

.tb_s_bt {
    margin-top: 10px;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 0px 8px;
    gap: 8px;
    height: 56px;

    /* Options/Green/green-500 */
    border: 1px solid var(--moalimy-green);
    border-radius: 8px;

    font-family: "Roboto", sans-serif;;
    font-weight: 700;
    font-size: 20px;
    color: var(--moalimy-green);

}

.tb_s_bt svg {
    rotate: 180deg;
}

.tb_s_bt:hover {
    border-color: #DCA084;
    color: #DCA084;
}

.tb_s_bt:hover svg path {
    stroke: #DCA084;
}

.tb_sky {
    background: #57827A;
    color: #FFF;
}

.tb_sky:hover {
    background: #DCA084;
    color: #FFF;
}

.tb_sky:hover svg path {
    stroke: #FFF;
}

/* 1304Anwesa */
.assessment_student_info .modal-dialog{
    max-width: 99%;
    width:880px;
}
.assessment_student_info .modal-content{
position: relative;
background: #F1F1F3;
border-radius: 24px;
padding: 30px 51px 58px 43px;
}
.modal-logo{
    margin-right: auto;
    margin-bottom: 24px;
    width: 123px;
    height: 53px;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
}
.modal-logo img{
    display: block;
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 100%;
}
.assess-modal-paper{
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
    align-items: center;
    gap: 24px;
}
.assess-paper-left{
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    gap: 32px;
    width: calc(100% - 24px - 434px);
}
.assess-paper-left em{
    width:298px;
    height:257px;
    overflow: hidden;
    border-radius: 16px;
}
.assess-paper-left em img{
    display: block;
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 100%;
}
.assess-paper-left text{
    display: flex;
    flex-direction: column;
    gap:8px;
    justify-content: flex-start;
    align-items: center;
}
.assess-paper-left text h5{
    font-family: "Roboto", sans-serif;;
font-weight: 700;
font-style: Bold;
font-size: 20px;
line-height: 150%;
letter-spacing: 0px;
text-align: center;
vertical-align: middle;
}
.assess-paper-left text h5 span{
    color: var(--moalimy-green);
}
.assess-paper-left text p{
    font-family: "Roboto", sans-serif;;
font-weight: 400;
font-style: Regular;
font-size: 14px;
line-height: 150%;
letter-spacing: 0px;
text-align: center;
vertical-align: middle;
}
.assess-paper-form form{
    width: 434px;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: stretch;
    gap: 14px;
}
.ases-frm-div{
width: 100%;
}
.ases-frm-div input, .ases-frm-div select {
    display: block;
    padding: 7px 12px 7px 44px;
    height: 46px;
    background-color: #FFFFFF;
    border-radius: 4px;
    background-size: 20px 20px;
    background-repeat: no-repeat;
    background-position: left 12px center;
    font-family: "Roboto", sans-serif;;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 18px;
    text-align: left;
    letter-spacing: -0.165px;
    color: #848484;
    position: relative;
    width: 100%;
    box-shadow: none;
    border: 1px solid transparent;
    outline: none !important;
}
.ases-frm-div input::placeholder{
    color: #999999;
}
.ases-frm-div.ases-name input{
    background-image: url(../images/ases-name.svg);
}
.ases-frm-div.ases-subject select{
    background-image: url(../images/ases-subject.svg);
}
.ases-frm-div.ases-mail input{
    background-image: url(../images/ases-mail.svg);
}
.ases-frm-div.ases-phone input {
    background-image: url(../images/ases-ph.svg);
    background-position: left 0px center;
    padding-left: 32px;
}
.ases-frm-div.ases-phone input,
.ases-frm-div.ases-phone select,
.ases-frm-div.ases-phone .ed-frm-contry .select2-container{
    height:24px !important;
}
.ases-frm-div.ases-phone .ed-frm-contry{
    display:flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: stretch;
    gap: 0;
    padding: 12px;
    border-radius: 4px;
    background-color: white;
    position: relative;
    direction: rtl;

}
.ases-frm-div.ases-phone .ed-frm-contry .select2-container{
    position: relative !important;
    border-width: 0 0 0 1px !important;
}


.ases-frm-div.ases-phone .ed-frm-contry .select2-container.select2-container--default .select2-selection--single .select2-selection__arrow {
    top: calc(50% - 13px) !important;
    left: 2px !important;
    right: auto !important;
}
.ases-frm-div.ases-phone .ed-frm-contry .select2-container .select2-selection--single .select2-selection__rendered {
    padding-right: 0px !important;
    padding-left: 26px !important;
}
.select-wrapper {
    position: relative;
}

.select-wrapper::after {
    content: '';
    position: absolute;
    top: 50%;
    right: 12px; /* for RTL */
    transform: translateY(-50%);
    width: 24px;
    height: 24px;
    background-image: url(../images/select-arw.png);
    background-size: contain;
    background-repeat: no-repeat;
    pointer-events: none;
}
.ases-frm-div select {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
}
.ases-frm-div input:hover,
.ases-frm-div select:hover,
.ases-frm-div input:focus,
.ases-frm-div select:focus,
.ases-frm-div input:focus-visible,
.ases-frm-div select:focus-visible,
.ases-frm-div input:focus-within,
.ases-frm-div select:focus-within{
    border: 1px solid #57827A;
}
.ases-frm-div.ases-phone input:hover,
.ases-frm-div.ases-phone select:hover,
.ases-frm-div.ases-phone input:focus,
.ases-frm-div.ases-phone select:focus,
.ases-frm-div.ases-phone input:focus-visible,
.ases-frm-div.ases-phone select:focus-visible,
.ases-frm-div.ases-phone input:focus-within,
.ases-frm-div.ases-phone select:focus-within{
    border: 1px solid #fff;
}
.ases-frm-btn{
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
padding: 8px;

gap: 8px;
width: 100%;
height: 48px;
background: #57827A;
border-radius: 8px;
font-family: "Roboto", sans-serif;;
font-style: normal;
font-weight: 600;
font-size: 15px;
line-height: 150%;
text-align: center;
color: #FFFFFF;
border:none;
outline:none;
box-shadow: none;
}
.ases-frm-btn svg{
    display: block;
    width: 24px;
    height: 24px;
    rotate: 180deg;
}
.ases-frm-btn:hover,
.ases-frm-btn:focus{
    background:var(--moalimy-orange);
}
/* 1304Anwesa */
/*1304 SB*/
.answers{
    display: flex;
    justify-content: flex-end;

}
.qu_left{
    padding: 12px 16px;
    gap: 11px;
    width: 372px;
    background: rgba(219, 160, 132, 0.12);
    border-radius: 12px;
    direction:ltr;
    margin-left: auto;
}
.qu_rt{
    width:calc(100% - 540px);
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: stretch;
    gap: 16px;
}
.ql_head{
    display: flex;
    direction: ltr;
    gap: 8px;
    font-family: "Roboto", sans-serif;;
    font-weight: 700;
    font-size: 16px;
    color: var(--moalimy-green);
    margin-bottom: 5px;

}
.qu_link{
    gap: 5px;
    font-family: "Roboto", sans-serif;;
    font-weight: 400;
    font-size: 14px;
    line-height: 27px;
    color: #212121;

}
.rev_mob{
    display: none;
}

.qus-ans .answers{
    width: 100%;
    flex-direction: row-reverse;
    flex-wrap: wrap;
}


.explain{
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: stretch;
    gap: 18px;
}
.explain h6{
    display: block;
        font-family: "Roboto", sans-serif;;
    font-style: normal;
    font-weight: 400;
    font-size: 20px;
    line-height: 150%;
    color: #000000;
}
.explain h6 b{
    display: block;
    margin-bottom: 4px;
}
/*160426 SB*/
#showPracticeSkill .modal-body h3{
    font-family: "Roboto", sans-serif;;
    font-size: 20px;
    color: #000000;
    text-align: center;
}
#showPracticeSkill .modal-body p{
    font-family: "Roboto", sans-serif;;
    font-size: 14px;
    color: #000000;
    text-align: center;
    margin-top: 16px;
}
.big_btn{
    background: var(--moalimy-green);
    padding: 12px 25px;
    font-family: "Roboto", sans-serif;;
    font-size: 18px;
    color:#FFF;
     border-radius: 10px;
}
.small_btn{
     padding: 5px 10px;
    font-family: "Roboto", sans-serif;;
    font-size: 14px;
    color:var(--moalimy-green);
    border:var(--moalimy-green) 1px solid;
    border-radius: 10px;
}
.m_bt_area{
    display: flex;
    gap: 10px;
    justify-content: center;
    align-items: center;
    margin-top: 20px;
}
.mob_btn{
    display: none !important;
}
.practice-heading-left{
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 12px;
}
.practice-heading-left h2{
    font-family: "Roboto", sans-serif;;
    font-style: normal;
    font-weight: 700;
    font-size: 24px;
    line-height: 32px;
    text-align: left;
    color: #1E1E1E;
}
.practice-heading-left h3{
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    padding: 6px 12px;
    gap: 8px;
    background: rgba(96, 143, 134, 0.12);
    border: 1px solid var(--moalimy-green);
    border-radius: 9999px;
    font-family: "Roboto", sans-serif;;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 20px;
    text-align: center;
    color: var(--moalimy-green);
}
a.training-mode {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 8px 20px;
    gap: 8px;
    width: fit-content;
    background: rgba(219, 160, 132, 0.12);
    border: 1px solid var(--moalimy-orange);
    border-radius: 26px;
    font-family: "Roboto", sans-serif;;
    font-style: normal;
    font-weight: 700;
    font-size: 15px;
    line-height: 32px;
    text-align: center;
    color: var(--moalimy-orange);
}
a.training-mode:hover{
    background: var(--moalimy-orange);
    color: white;
}
/*110526*/
.new_t_mid{
    width: 100%;
    direction: ltr;
}
.new_t_mid .t_box{
    width: calc((100% - 24px)/3);
    gap: 5px;
    height: 125px;
    padding: 20px;
}
.new_t_mid .t_box p{
    margin-bottom: 0;

}
.new_t_mid .t_box .t_n_row{
    align-items: center;

}
.new_t_mid .t_sky .t_n_row{
     margin-top: 10px;
}
.box_star{
display: flex;
justify-content: center;
align-items: center;
padding: 0px;
gap: 8px;

width: 62px;
height: 62px;
background: rgba(255, 255, 255, 0.08);
border-radius: 12px;
}
.t_bt{
display: flex;
justify-content: center;
align-items: center;
gap: 8px;
height: 38px;
line-height: 38px;
padding: 0 15px;
background: #FFFFFF;
border-radius: 38px;
font-family: "Roboto", sans-serif;;
font-weight: 400;
font-size: 14px;
color: var(--moalimy-green);
}
.t_bt:hover{
    background-color: var(--moalimy-orange);
    color: #FFF;
}

.tb_rt_big{
    display: flex;
    direction: ltr;
    gap: 10px;
}
.new_t_mid .t_n_row {
    gap: 0;
}
.new_t_mid .t_n_row h3{
    line-height: 40px;
}
.arr{
    line-height: 26px;
}
.new_num{
font-family: "Roboto", sans-serif;;
font-weight: 700;
font-size: 48px;
color: var(--moalimy-orange);
}
.num_small{
font-family: "Roboto", sans-serif;;
font-weight: 400;
font-size: 32px;
color: #999999;
}
.tb_txt{

font-family: "Roboto", sans-serif;;
font-weight: 400;
font-size: 12px;
color: var(--moalimy-orange);
}
.xp-track-container{
  width:100%;
  max-width:1040px;
  margin:40px auto;
  background:#f5f5f5;
  border-radius:18px;
  padding:26px 24px 34px;
  direction:rtl;
  position:relative;
}

.sadiq-progress-path-wrapper{
    width:100%;
    /* max-width: 1055px; */
    margin:auto;
    background:#f3f3f3;
    border-radius:4px;
    padding:30px 0px;
    direction:ltr;

  }

  .sadiq-progress-path-title{
    text-align:right;
    font-size:20px;
    font-weight:700;
    color:#222;
    margin-bottom:28px;
  }

  .sadiq-progress-path-timeline{
    position:relative;
    display:flex;
    /*justify-content:space-between;*/
    align-items:flex-start;
    position: relative;
    width: 96%;
    margin: 0 auto;
  }

  .sadiq-progress-path-timeline::before{
    content:"";
    position:absolute;
    top:18px;
    right:0;
    left:0;
    height:8px;
    background:#D9D9D9;
    z-index:1;
    border-radius: 5px;
    /*width: 96%;*/
    margin: 0 auto;
  }
  .sadiq_highlight{
    background-color:var(--moalimy-green);
    height:8px;
    /* border-radius: 5px; */
    position:absolute;
    top: 18px;
    left: 0px;
    z-index: 2;
  }


  .sadiq-progress-path-step{
    position:relative;
    z-index:2;
    display:flex;
    flex-direction:column;
    align-items:center;
    min-width:70px;
    position: relative;
    width: calc(100%/8);
  }
  .sadiq-start , .sadiq-finished{
     width: calc(50%/8);
  }

  .sadiq-progress-path-circle{
    width:34px;
    height:34px;
    border-radius:50%;
    background:#d9d9d9;
    color:#777;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:14px;
    font-weight:700;
    margin-bottom:10px;
    position: relative;
    z-index: 3;

  }

  .sadiq-progress-path-label{
    font-size:14px;
    color:#b3b3b3;
    white-space:nowrap;
    font-weight:600;
  }

  .sadiq-active .sadiq-progress-path-circle{
    background:#fff;
    border:3px solid #5f9e91;
    color:#5f9e91;
  }

  .sadiq-active .sadiq-progress-path-label{
    color:#222;
  }

  .sadiq-start .sadiq-progress-path-circle{
    background:#5f9e91;
    color:#fff;
  }

  .sadiq-start .sadiq-progress-path-label{
    color:#7c7c7c;
  }

  .sadiq-finished .sadiq-progress-path-circle{
    background:#d89a74;
    color:#fff;
  }

  .sadiq-finished .sadiq-progress-path-label{
    color:#d89a74;
  }

  .sadiq-progress-path-badge{
    margin-top:4px;
    background:#d89a74;
    color:#fff;
    font-size:11px;
    padding:2px 8px;
    border-radius:10px;
    line-height:1.3;
    position: relative;
    z-index: 3;
  }
/*1305
.sadiq-progress-path-step.sadiq-start{
    align-items: flex-start;
}
.sadiq-progress-path-step.sadiq-finished{
    align-items: flex-end;
}*/
.sadiq-progress-path-step.sadiq-finished .sadiq-progress-path-circle{
    position: absolute;
    right: 0;
    top:-3px;
}
.sadiq-progress-path-step .sadiq-progress-path-circle{
    margin-top: -24px;
}
.sadiq-progress-path-step .sadiq-progress-path-label{
    margin-top: 10px;
}
.sadiq-start .sadiq-progress-path-circle , .sadiq-start .sadiq-progress-path-label{
    margin-right: 40px;
    margin-top: 0;
}
/*1405*/
.sadiq-start .sadiq-progress-path-label{
    position: absolute;
    top: 38px;
    /*left: -15px;*/
}

.sadiq-start .sadiq-progress-path-label
 .sadiq-finished .sadiq-progress-path-label , .sadiq-progress-path-wrapper .sadiq-progress-path-badge {
     margin-top: 0;
}
/*1405*/
.sadiq-start .sadiq-progress-path-circle
{
    position: absolute;
    top:0px;
    left: -2px;
    margin-left: 0;
   /* right: -15px;*/
}
.sadiq-start .sadiq-progress-path-label{
    position: absolute;
    top: 38px;
    left: 0;
    right: 0;
    margin-right: 0;
}

.sadiq-finished .sadiq-progress-path-label {
    position: absolute;
    top: 22px;
    right: -7px;
   /* right: -15px;*/
}
.sadiq-progress-path-wrapper .sadiq-progress-path-badge{
   /* margin-top: -5px;*/
   position: absolute;
    right: -15px;
    top: 15px;
}
.sadiq-progress-path-wrapper .progressTrackX-header{
    margin-bottom: 40px;
}
.sadiq-start .sadiq-progress-path-label{
    margin-top: -5px;
}
.new_heading{
    display: flex;
    justify-content: space-between;
    margin-bottom: 15px;
}
.n_gr{

display: flex;
justify-content: center;
align-items: center;
padding: 8px 16px;
gap: 8px;
background: #57827A;
border-radius: 8px;
font-family: "Roboto", sans-serif;;
font-weight: 700;
font-size: 14px;
color: #FFFFFF;
}
.new_t_mid .t_bot_box{
  width: calc((100% - 16px) / 2);
  gap: 5px;
}
.new_t_mid .t_box_small{
    width: 240px;
height: 120px;
display: flex;
padding: 16px;

background: #FFFFFF;
border: 1px solid #E9E9E9;
border-radius: 12px;
display: flex;
gap: 10px;
font-family: "Roboto", sans-serif;;
font-weight: 400;
font-size: 12px;
color: #6A6A6A;
line-height: 18px;

}
.sm_hd{
font-family: "Roboto", sans-serif;;
font-weight: 700;
font-size: 14px;
color: var(--moalimy-orange);
margin-bottom: 10px;

}
.sky_end{
    border-color: var(--moalimy-green);
}

.num_tag{
display: flex;
justify-content: center;
align-items: center;
padding: 0px 8px;
height: 24px;
gap: 8px;
background: rgba(96, 143, 134, 0.12);
border-radius: 42px;
font-family: "Roboto", sans-serif;;
font-weight: 700;
font-size: 14px;
color: var(--moalimy-green);
}
.new_t_mid .t_bot_box{
    align-items: flex-start;
}



.sat_stage_progress_top{
    display:flex;
    align-items:center;
    justify-content:space-between;
    margin-bottom:8px;
    color:#6A6A6A;
    font-size:14px;

}

.sat_stage_progress_top span{

font-weight: 700;
font-size: 16px;
color: var(--moalimy-green);

}

.sat_stage_progress_bar{
    width:100%;
    height:8px;
    background:#d7e6e1;
    border-radius:30px;
    overflow:hidden;
    margin-bottom:10px;
}

.sat_stage_progress_fill{
    width:100%;
    height:100%;
    background:#5d9c8e;
    border-radius:30px;
}

.sat_stage_info_item{
    display:flex;
    align-items:center;
    justify-content:flex-start;
    color:#7a7a7a;
    gap: 8px;
font-family: "Roboto", sans-serif;;
font-weight: 400;
font-size: 14px;
/* Options/Black/black-300 */
color: #6A6A6A;
}

.sat_stage_info_item i{
    color:#d89a76;
    font-size:15px;
}

.sat_stage_skill_title{
    color:#444;
    font-size:30px;
    margin-top:15px;


font-family: "Roboto", sans-serif;;
font-weight: 400;
font-size: 14px;
color: #414942;
}

.sat_stage_skill_tags{
    display:flex;
    gap:10px;
    flex-wrap:wrap;
    margin-bottom:15px;
    margin-top:15px;
}

.sat_stage_skill_tags span{

    color:#d89a76;

font-family: "Roboto", sans-serif;;
font-weight: 400;
font-size: 12px;
color: var(--moalimy-orange);


    font-size:15px;
    background:#fff;

padding: 0px 8px;

height: 32px;

background: rgba(219, 160, 132, 0.08);
border: 1px solid var(--moalimy-orange);
border-radius: 4px;
}

.sat_stage_restart_btn{
    width:100%;
    background: #FFF;
    display:flex;
    align-items:center;
    justify-content:center;

    cursor:pointer;
padding:0px 10px;
gap: 10px;
height: 48px;

border: 1.31235px solid var(--moalimy-green);
border-radius: 10.4988px;
    transition:.3s;

font-family: "Roboto", sans-serif;;
font-weight: 400;
font-size: 16px;
color: var(--moalimy-green);

}

.sat_stage_restart_btn:hover{
    background:#5d9c8e;
    color:#fff;
}
.sat_stage_restart_btn:hover svg path{
    fill: #FFF !important;
}

.sat_stage_restart_btn i{
    font-size:28px;
}
.n_bt_area {
    display: flex;
    justify-content: space-between;
}
.prog_txt{

font-family: "Roboto", sans-serif;;
font-weight: 400;
font-size: 14px;
color: #6A6A6A;

}
.brown_end{
    border-color: var(--moalimy-orange);
}
.brown_end .num_tag{


background: rgba(219, 160, 132, 0.08);
color: var(--moalimy-orange);


}
.brown_end .sat_stage_progress_top span{
    color: var(--moalimy-orange);
}
.brown_end .sat_stage_progress_fill{
   background:#E9E9E9 ;
}
.brown_end .sat_stage_progress_fill .tb-prgrs-bar span{
    background-color: var(--moalimy-orange);
}
.brown_end .sat_stage_restart_btn{
    border-color: var(--moalimy-orange);
    background-color: var(--moalimy-orange);
    color: #FFF;

}
.brown_end .sat_stage_restart_btn svg{
    rotate: 180deg;
}
/*training result*/
.tr_result{
    background-color: #F1F1F3;
    padding: 20px 0px;
}
.tr_result_container{
    max-width: 900px;
    margin: 0px auto;
    padding: 32px;
    direction: ltr;
}
.two_result_box_area{
    display: flex;
    gap:24px;
}
.result_box{
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
padding: 10px 20px;
background: #FFFFFF;
border: 1px solid #F1F5F9;
box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.05);
border-radius: 12px;
width: calc((100% - 24px)/2);
font-family: "Roboto", sans-serif;;
font-weight: 400;
font-size: 16px;
color: #6A6A6A;
min-height: 125px;
height: auto;
}
.r_num{
font-family: "Roboto", sans-serif;;
font-weight: 700;
font-size: 36px;
line-height: 150%;
color: var(--moalimy-green);
}
.red_txt{
    color: #AF1D03;
}
.result_top{
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 20px;
    width: fit-content;
    margin: 0 auto;
    margin-bottom: 30px;
}
.result_top h3{
font-family: "Roboto", sans-serif;;
font-weight: 700;
font-size: 26px;
color: #191C19;
}
.rtop_bt{
display: flex;
justify-content: center;
align-items: center;
padding: 0px 10px;
gap: 8px;
height: 40px;
background: rgba(175, 29, 3, 0.08);
border-radius: 50px;
font-family: "Roboto", sans-serif;;
font-weight: 400;
font-size: 16px;
color: #AF1D03;
}
.result_progress{
    padding: 60px;
    position: relative;

}
.result_progress .tb-prgrs-bar{
    z-index: 1;
}
.pr_value{
    display: flex;
}
.pr_value_num{

font-family: "Roboto", sans-serif;;
font-weight: 700;
font-size: 24px;
color: #AF1D03;
margin-top: -32px;
margin-right: -20px;
}
.pro_end{
    width: fit-content;
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 8px;
font-family: "Roboto", sans-serif;;
font-weight: 400;
font-size: 14px;
color: var(--moalimy-green);
text-align: center;
position: absolute;
  right: 20px;
  top: 35px;
  z-index: 2;
}
.result_bot_box_area{
    display: flex;
    gap: 16px;
    margin-bottom: 16px;
}
.re_row{
    display: flex;
    gap: 8px;
}
.rbox_big{
    width: 60%;
}
.rbox_sm{
    width: 40%;
}
.result_box h4{
font-family: "Roboto", sans-serif;;
font-weight: 700;
font-size: 24px;
color: #6A6A6A;
}
.rbox_sm h4{
    color: #171717;
}
.green_bt{
    background-color: #57827A;
    color: #FFF;
}
.green_bt:hover{
    color: #FFF;
}
.re_bt_area{
    display: flex;
    flex-direction: column;
    gap: 12px;
}
.bt_nostyle{
    border-color: transparent;
    color: #4D4D4D;
    background-color: transparent;
}
.bt_nostyle:hover{
    border-color: #5d9c8e;
     background-color: transparent;
      color: #4D4D4D;
}
.bt_nostyle:hover svg path{
    fill:#4D4D4D !important;
}
.bt_nostyle svg{
    rotate: 180deg;
}
.sat_stage_restart_btn.green_bt svg{
    rotate: 180deg;
}
.ans-correct h6 ,.ans-wrong h6{
    padding-right: 30px;
}
/*14005*/
.showChangeGoal .modal-dialog{
    min-width: 650px;
}
.showChangeGoal .modal-content{

    border-radius: 16px;
}
.showChangeGoal .modal-body{
        padding: 30px 60px;
        display: flex;
        flex-direction: column;
        justify-content: center;
        gap: 12px;
}
.m_head{
font-family: "Roboto", sans-serif;;
font-weight: 700;
font-size: 32px;
line-height: 40px;
color: #171717;
}
.modal_bt_area{
    display: flex;
    gap: 12px;
}
.modal_bt_area .goalpick-box{
display: flex;
justify-content: flex-end;
align-items: center;
padding: 0 12px;
gap: 8px;
height: 60px;
border: 1px solid #6A6A6A;
border-radius: 12px;
}
.modal_bt_area .goalpick-number{
    font-weight: 700;
    font-size: 24px;
}
.modal_bt_area .goalpick-number::before{
    border-color: #6A6A6A;
    width: 26px;
    height: 26px;
    top: 0;
}

.modal_bt_area .goalpick-card input:not(:checked)+.goalpick-box .goalpick-number::after{
    content: "";
    position: absolute;
    background-color: #6A6A6A;
    width: 14px;
    height: 14px;
    top: 6px;
    right: 6px;
    border-radius: 50%;
    margin: auto;
}
.modal_bt_area .goalpick-card input:checked + .goalpick-box {
	background: var(--moalimy-green);
	border:0;
	border-radius: 12px;

}
.modal_bt_area .goalpick-card input:checked + .goalpick-box .goalpick-number{
    color: #FFF;
}
.modal_bt_area .goalpick-card input:checked + .goalpick-box .goalpick-number::before{
    border-color: #FFF;
    background-color:var(--moalimy-green) ;
}
.modal_bt_area .goalpick-card input:checked + .goalpick-box .goalpick-number::after{
    background: #FFF;
    width: 14px;
    height: 14px;
    top:6px;
    right: 6px;
}
.gray_text_box{
display: flex;
flex-direction: row;
justify-content: flex-end;
align-items: center;
padding: 12px;
gap: 8px;
background: #F5F5F5;
border: 1px solid #BABABA;
border-radius: 12px;
font-family: "Roboto", sans-serif;;
font-weight: 400;
font-size: 14px;
color: #6A6A6A;
}
.modal_bt_area .mbt{
    width: calc((100% - 12px)/2);
}
.modal_bt_primary{
display: flex;
justify-content: center;
align-items: center;
padding:0 8px;
height: 50px;
background: #57827A;
border-radius: 8px;
font-family: "Roboto", sans-serif;;
font-weight: 700;
font-size: 16px;
color: #FFFFFF;
border: 1px solid transparent;

}
.modal_bt_primary:hover{
    background-color: var(--moalimy-orange);
}
.modal_bt_secendary{
display: flex;
justify-content: center;
align-items: center;
padding:0 8px;
height: 50px;
border: 1px solid #6A6A6A;
border-radius: 8px;
font-family: "Roboto", sans-serif;;
font-weight: 700;
font-size: 16px;
color: #57827A;
}
.modal_bt_secendary:hover{
background: #57827A;
border-color:#57827A;
color: #FFF;
}
.modal_bt_area .goalpick-card{
    width: calc((100% - 24px)/3);
}
.stage_report_summary .new_heading{
    margin-top: 15px;
}
.stage_report_summary .tbot_big_sec{
    width: 100%;
}
.stage_report_summary .new_t_mid .t_bot_box{
    width: calc((100% - 32px) / 3);
}
.stage_report_summary .new_t_mid .t_bot_box .sat_stage_skill_tags span{
    font-size: 13px;
    height: 26px;
    padding: 0px 6px;
}
.stage_report_summary .new_t_mid .t_bot_box .sat_stage_info_item {
    justify-content: space-between;
}

/*1505*/
.stage_report_summary .t_box{
    width: calc((100% - 24px) / 2);
    height: auto;
}
.t_in{
    display: flex;
    justify-content: space-between;
}
.t_start{
    display: flex;
    gap:16px;
}
.stage_report_summary .t_start .report_heading , .stage_report_summary .t_start .report_heading1{
    font-family: "Roboto", sans-serif;;
    font-weight: 400;
    font-size: 16px;
    line-height: 150%;
    color: var(--moalimy-green);
    margin-bottom: 8px;
}
.stage_report_summary .t_start .report_heading1{
    color:#6A6A6A;
}

.stage_report_summary .new_num{
color:var(--moalimy-green);

}
.stage_report_summary .report_stage{
    direction: rtl;
    display: flex;
    justify-content: flex-end;
}
.stage_report_summary .num_small{
    font-size:24px;
}
.stage_report_summary .progress-circle{
    --size: 70px;
    --thickness: 7px;
}
.stage_report_summary .progress-circle .number{
    font-size: 14px;
    line-height: 16px;
}
.stage_report_summary .t_n_row{
    margin-top: -10px;
}
.stage_report_summary .rep_result_label{

display: flex;
justify-content: center;
align-items: center;
padding: 0px 10px;
gap: 4px;
height: 30px;
background: rgba(96, 143, 134, 0.08);
border-radius: 25px;
font-family: "Roboto", sans-serif;;
font-weight: 400;
font-size: 14px;
color: var(--moalimy-green);
}
.report_btn{
    display: flex;
    justify-content: center;
    align-items: center;
    padding:0px 20px;
    gap: 8px;
    height: 50px;
    background: #57827A;
    border-radius: 8px;
    font-family: "Roboto", sans-serif;;
    font-weight: 700;
    font-size: 16px;
    color: #FFFFFF;
}
.report_btn:hover{
background: #C79278;
}

.rep_head{
    display: flex;
    justify-content: space-between;
}
.stage_report_summary  .t_mid h4{
    margin-bottom: 5px;
}
.ans-box-top .marked_for_review_span{
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0px 16px;
    gap: 8px;
    height: 40px;
    background: rgba(219, 160, 132, 0.08);
    border: 1px solid var(--moalimy-orange);
    border-radius: 32px;
    font-family: "Roboto", sans-serif;;
    font-weight: 700;
    font-size: 14px;
    line-height: 150%;
    color: var(--moalimy-orange);
    min-width: 180px;
    width: auto;

}
.ans-box-top-btn-div{
    display: flex;
    flex-direction: column;
    gap:5px;
}
.mob_btn_marked_for_review{
    display: none !important;
}
#passage_text{
    font-weight: 500;
}

.showError .modal-body h3 {
   font-family: "Roboto", sans-serif;
    font-size: 21px !important;
    color: #000000;
    text-align: center;
}
.showError .modal-body h2 {
   font-family: "Roboto", sans-serif;
    font-size: 32px;
    color: var(--moalimy-green);
    text-align: center;
    margin-bottom: 30px;
}
.showError .modal-body p {
    font-size: 16px !important;
    color: #999999 !important;
    margin-top: 10px !important;
}
.modal_heading_icon{
    display: flex;
    justify-content: center;
    margin-bottom: 16px;
}
.showError .big_btn ,.showError .small_btn{
    border-radius: 30px;
    width: 100%;
    text-align: center;
}
.showError .small_btn{
    padding: 12px 25px;
}
.showError .modal-header {
    border-bottom: 0px ;
}
.showError .modal-body {
    padding: 25px;
    padding-top: 0px;
    padding-bottom: 30px;
}
.showError .m_bt_area{
    flex-direction: column;
}
.modal-header .close {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px;
    position: absolute;
    width: 30px;
    height: 30px;
    right: 20px;
    top: 21px;
    background: #FFFFFF;
    box-shadow: 0px 0px 15.3px rgba(0, 0, 0, 0.26);
    border-radius: 9999px;
    flex: none;
    order: 1;
    flex-grow: 0;
    z-index: 1;
}
.showError .big_btn.add-to-cart {
    border-radius: 10px;
    display: flex;
    justify-content: center;
    gap: 6px;
    flex-direction: row-reverse;
    background: var(--moalimy-orange);
}
.modal_practice_skill_info{
    display: flex;
    justify-content: center;
    flex-direction: column;
    gap: 10px;
    direction: rtl;

}
.modal_practice_skill_box{
    padding: 30px 0px 10px;
    display: flex;
    justify-content: center;
    flex-direction: column;
    gap: 10px;
    max-width: 80%;
    margin: auto;
}
.modal_practice_skill_info_desc{
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    padding: 16px ;
    gap: 15px;
    width:100%;
    height: 64px;
    background: #F3F3F3;
    border-radius: 8px;
    direction: ltr;
}
.showError .modal-body .modal_practice_skill_info_desc p{

    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 16px !important;
    line-height: 24px;
    color: #171717 !important;
    margin-top: 0px !important;

}
.modal_practice_skill_price_info_desc{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px;;
    height: 108px;
    background: var(--moalimy-green);
    border-radius: 12px;
    direction: rtl;
    gap: 14px;
    margin-top: 20px;
    direction: ltr;
}
.modal_practice_skill_price_info_desc .div_info {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    gap: 10px;
    padding: 0px;
}
.modal_practice_skill_price_info_desc .div_info p{
    font-weight: 400 !important;
    font-size: 14px !important;
    line-height: 36px !important;
    color: #FEFEFE !important;
    margin-top: 0px !important;
}
.modal_practice_skill_price_info_desc .div_info_2 p{
    font-size: 18px !important;
}
.modal_practice_skill_price_info_desc .div_info span{
    font-size: 36px !important;
    color: #E2B39D !important;

}
.my_earningg .new_students_ex li a span.assessment_dashboard {
    background: #066860;
}
.ans-box-top text text h3 {
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 18px;
    line-height: 26px;
    text-align: left;
    color: #333333;
}

.login_sec_new_main{
    background:#F0F0F0;
    padding: 40px 80px;
}
.login_sec_new_1{
    padding: 40px 15px;
    background: #FFFFFF;
    border-radius: 24px;
}
.login_sec_new_1 .login_img_crp {
    width: 557px;
    margin:auto !important;
    padding-top: 0px;
}
.login_sec_new_1 .login_right {
    border-right: #D2D2D2 1px solid;
}
.login_sec_new_1 .login_right_top h1 {
    text-align: center;
}
.txt_line{
    position: relative;
    width: 100%;
    border-bottom: #E5E7EB 1px solid;
    margin-bottom:25px;
}
.sos-log-aftr_new{
    position: absolute;
    width: fit-content;
    background-color: #FFF;
    top:-15px;
    left: 0;
    right: 0;
    margin: auto;
    padding: 2px 10px;
    color:#9CA3AF;
}

.login_page_tab{
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: flex-start;
    padding: 4px;
    width: 100%;
    height: 44px;
    background: #FFFFFF;
    border-radius: 16px;
    gap: 5px;

}
.login_page_tab li{
    width: 50%;
    text-align: center;
}
.login_page_tab a {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 0px;
    color: #6A6A6A;
    width: 100%;
    border-radius: 8px;

}
.login_page_tab a:hover{
    color: #fff;
    background-color: var(--moalimy-green);
}
.login_page_tab a.active{
    color: #fff;
    background-color: var(--moalimy-green);
}
.login_sec_new_1 .login_right_top{
    padding-bottom: 2px;
}
.login_sec_new_1 .inpt_icon{
    right: auto;
    left: 0;
    border-left: 0px;
}
.login_sec_new_1 .login_inpt_ir input, .login_inpt_ir select, .login_inpt_ir textarea{
    padding-left: 55px;
    color: #D2D2D2;
    border-radius: 6px;
    box-shadow: none;
}
.login_sec_new_1 .input-icon {
    right: 15px;
}
.login_sec_new_1 .login_bn_bx .page_btn{
    background-position: 61% center !important;
    text-align: center;
    background: url(../images/symbol_submit_2.png) no-repeat var(--moalimy-green);
}
.login_sec_new_1 .select2-container{
    left:2px;
    right: auto;
    border-width: 0px 1px 0px 0px !important;
    /* border-color: #1E1E1E !important; */
}
.mob_767{
    display: none !important;
}
.login_sec_new_main .login_img_crp img {
    width: 70%;
    height: auto;
    object-fit: cover;
    margin: auto;
}

.login_sec_new_main .inpt-lft-icon.login_inpt_ir .inpt_icon {
    right: 20px;
    top: 22px;
    width: 20px;
    height: 20px;
}
.login_sec_new_main .slct-rt-icon.login_inpt_ir .inpt_icon {
    position: absolute;
    right: 20px;
    left: auto;
    top: 21px;
    width: 20px;
    height: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    border-right: 0px solid transparent;
}
.login_sec_new_1 .login-info-div .login_inpt_ir input, .login_sec_new_1 .login-info-div .login_inpt_ir select, .login_sec_new_1 .login-info-div .login_inpt_ir textarea {
    color: #7e8692;
    border: solid 1px #c8c8c8;
}
.student_sign_up_pg.login_sec_new_1  .select2-container {
    height: 61px !important;
}
.login_sec_new_1 .login_right{
    padding-left: 0;
    padding-right: 0;
}
.login_sec_new_1 .login_right_inr {
    margin: auto;
    padding: 48px 0 11px;
}
.login_sec_new_1 .login-info-div {
    padding-top: 8px;
}
/*account*/
.arabic_follow_section{
    width:100%;
    /* padding:140px 20px; */
    padding:80px 20px;
    background: #F1F1F3;
}

.arabic_follow_container{
    max-width: 1200px;
    margin:auto;
}

.arabic_follow_heading{
    width:100%;
    margin:0 auto 35px;
    text-align:center;
}

.arabic_follow_heading h2{
    font-family: "Roboto", sans-serif;;
    font-weight: 700;
    font-size: 36px;
    color: #171717;
    margin-bottom: 10px;
}

.arabic_follow_heading p{
    font-family: "Roboto", sans-serif;;
    font-weight: 400;
    font-size: 16px;
    color: #6A6A6A;
}

.arabic_follow_cards{

    display: flex;
    flex-flow: row wrap;
    justify-content: center;
    text-align: center;
}

.arabic_follow_card{
    width:280px;
    padding:20px;
    text-align:center;
    position:relative;
    background: #FFFFFF;
    border-radius: 16px;
    display: inline-block;
    vertical-align: top;
    margin: 8px;
    display: flex;
    flex-direction: column;
}

.arabic_follow_profile{
    width:100px;
    height:100px;
    border-radius:50%;
    overflow:hidden;
    margin:0 auto 10px;
    border:4px solid var(--moalimy-green);
}

.arabic_follow_profile img{
    width:100%;
    height:100%;
    object-fit:cover;
}


.arabic_follow_card h3{
    margin-bottom:8px;
    font-family: "Roboto", sans-serif;;
    font-weight: 700;
    font-size: 23px;
    line-height: 32px;
    color: #181C1D;
}

.arabic_follow_class{
    display:block;
    margin-bottom:12px;
    font-family: "Roboto", sans-serif;;
    font-weight: 400;
    font-size: 14px;
    line-height: 23px;
    color: #6A6A6A;
}

.arabic_follow_info{
    list-style:none;
    margin-bottom:18px;
}

.arabic_follow_info li{
    display:flex;
    align-items:center;
    justify-content:space-between;
    margin-bottom:10px;
    font-family: "Roboto", sans-serif;;
    font-weight: 400;
    font-size: 14px;
    color: #414942;
}

.arabic_follow_info strong{
    font-family: "Roboto", sans-serif;;
    font-weight: 700;
    font-size: 14px;
    color: #414942;
}

.arabic_follow_btn{
    width:100%;
    height:42px;
    border:none;
    cursor:pointer;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:8px;
    transition:.3s;
    background: var(--moalimy-green);
    border-radius: 8px;
    font-family: "Roboto", sans-serif;;
    font-weight: 400;
    font-size: 14px;
    color: #FEFEFE;
    display: flex;
    margin-top: auto;
}
.arabic_follow_btn span{
    height: 24px;
}
.arabic_follow_btn svg{
    rotate: 180deg;
}

.arabic_follow_btn:hover{
    background:#5c847d;
}
.li_txt{
    display: flex;
    align-items: center;
    gap: 10px;
}


.uplodimgfiln02 {
    display: flex;
    gap: 10px;
    justify-content: flex-start;
}
.profile_image{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    padding: 0px;
    width: 112px;
    height: 112px;
    background: rgba(255, 255, 255, 0.002);
    border: 4px solid var(--moalimy-green);
    box-shadow: 0px 12px 32px rgba(24, 28, 29, 0.06);
    border-radius: 50%;

}
.profile-image-wrapper{
    position: relative;
    display: inline-block;
}

.profile_image{
    width: 112px;
    height: 112px;
    object-fit: cover;
    border: 4px solid var(--moalimy-green);
    border-radius: 50%;
    box-shadow: 0px 12px 32px rgba(24, 28, 29, 0.06);
}

.edit-profile-icon{
    position: absolute;
    right: 0px;
    bottom: -5px;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    background: #DCA084;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    border: 2px solid #fff;
    box-shadow: 0 2px 10px rgba(0,0,0,.15);
    transition: .3s;
}

.edit-profile-icon:hover{
    transform: scale(1.1);
}
.edit-profile-icon svg{
    width: 16px;
    height: 16px;
    display: block;
}
.dash_inputs .edit-profile-icon{
    display: flex;
    color: #FFF;
}

/*header new*/

.mn_header {
    width: 100%;
    /* border-bottom: #BABABA 2px solid; */
}

.mn_header_inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 16px 56px;
    position: relative;
    direction: ltr;
    max-width: 1440px;
    margin: 0 auto;
}

.mn_menu_btn {
    display: none;
    width: 42px;
    height: 42px;
    border: none;
    border-radius: 50%;
    background: #e9e9e9;
    font-size: 22px;
    cursor: pointer;
}

.mn_left_logo img {
    max-width: 94px;
}

.mn_right_logo img {
    max-width: 90px;
}

.mn_header_menu {
    display: flex;
    align-items: center;
    gap: 35px;
}

.mn_header_menu a {
    text-decoration: none;
    color: #333;
    font-size: 18px;
}

.mn_cart {
    position: relative;
}


.mn_cart .cou_cart {
    position: absolute;
    z-index: 9;
    top: -13px;
    background: var(--moalimy-orange);
    font-family: 'Roboto', sans-serif;
    font-weight: 700;
    font-size: 12px;
    color: #FFFFFF;
    border-radius: 30px !important;
    width: 25px !important;
    height: 15px !important;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0;
    left: -8px;
    right: auto;
}

.mn_header_txt {
    display: flex;
    align-items: center;
    gap: 36px;
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    font-size: 20px;
    color: #1E1E1E;
}

.mn_gift img {
    height: 38px;
}

.mn_gift {
    display: flex;

    gap: 8px;
    align-items: center;
}

.mn_header_txt .en-link {
    background-image: none;
}

.mn_header_txt .lang-btn {
    width: auto;
    display: flex;
    align-items: center;
    gap: 4px;
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    font-size: 20px;
    color: #1E1E1E;
}

.mn_login {
    display: flex;
    align-items: center;
    gap: 4px;
}

.mn_mob_lang {
    position: relative;
    order: 3;
}

.mn_header_txt .profidropdid {
    left: 0;
    right: auto;
}

.profidropdid {
    width: 180px;
}

.mn_header .log_hed_pro {
    position: relative;
    top: 0;
}

/*header new*/
/*dashboard new*/
.mn_dashboard_area {
    background-color: #F1F1F3;
    display: flex;
    flex-flow: row wrap;
    column-gap: 35px;
}

.mn_dashboard_area .asset_sidebar {
    /* height: 780px; */
    /* position: static; */
    /* overflow: inherit; */
    /* scrollbar-width: none; */
    /* scrollbar-color: inherit; */
}

.mn_dashboard_left {
    width: calc(100% - 312px - 35px);
    padding-right: 45px;
    padding-top: 30px;
    padding-bottom: 30px;
    display: flex;
    flex-direction: column;
    gap: 26px;
}

.mndashboard_top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 24px;
    gap: 8px;
    background: rgba(219, 160, 132, 0.08);
    border: 1px solid var(--moalimy-orange);
    border-radius: 16px;
}

.mn_pictxt_sec {
    display: flex;
    align-items: center;
    gap: 12px;
    position: relative;
    margin-top: -15px;
    margin-bottom: -15px;
}

.shimaa-morsi img {
    width: 77px;
    height: 77px;
    border-radius: 90px;
}

.mn_dashtxt {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.mn_dashtxt h3 {
    font-family: 'Roboto', sans-serif;
    font-weight: 700;
    font-size: 24px;
    line-height: 150%;
    color: #181C1D;
}

.mn_dashtxt p {
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 150%;
    color: #6A6A6A;
    max-width: 542px;
}

.mndash_bt_area {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-top: -1px;
    margin-bottom: -1px;
}

.mndash_bt_area .button-4 {
    gap: 8px;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 60px;
    background: var(--moalimy-orange);
    border-radius: 8px;
    padding: 0px 40px;
    font-family: 'Roboto', sans-serif;
    font-weight: 700;
    font-size: 16px;
    color: #FEFEFE;
}

.button-4 svg {
    transform: rotate(180deg);
}

.mndash_bt_area .button-4:hover {
    background: var(--moalimy-green);
}

.mndash_bt_area .button-3 {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 8px 12px;
    gap: 8px;
    height: 60px;
    border: 1px solid #6A6A6A;
    border-radius: 8px;
    font-family: 'Roboto', sans-serif;
    font-weight: 700;
    font-size: 16px;
    color: #6A6A6A;
}

.mndash_bt_area .button-3:hover {
    border-color: var(--moalimy-green);
}

.mndash_heading {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.mndash_heading h3 {
    font-family: 'Roboto', sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 24px;
    line-height: 32px;
    color: #171717;
}

.mndash_heading h3 span {
    color: var(--moalimy-orange);
}

.mndash_heading p {
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    color: #6A6A6A;
}

.mndash_box_area {
    display: flex;
    align-items: center;
    gap: 24px;
    flex-flow: row wrap;
}

.mndash_box {


    position: relative;
    border-radius: 16px;
    width: calc((100% - 72px)/4);
    background-color: #ffffff;
}

.mndash_box a {
    display: flex;
    flex-direction: column;
    gap: 32px;
    padding: 16px 24px;
}

.mndash_box_green {
    background-color: var(--moalimy-green);
}

.mndash_box_row {
    display: flex;
    justify-content: space-between;
}

.mndash_num {
    font-family: 'Roboto', sans-serif;
    font-weight: 700;
    font-size: 40px;
    line-height: 36px;
    color: #121212;
}

.mndash_box_txt {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 4px;
    position: relative;
    align-self: stretch;
}

.mndash_box h4 {
    font-family: 'Roboto', sans-serif;
    font-weight: 700;
    font-size: 18px;
    line-height: 28px;
    color: #121212;
    width: 100%;
}

.mndash_box p {
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    font-size: 12px;
    line-height: 16px;
    color: #6A6A6A;
    width: 100%;
}

.mndash_box_green .mndash_num,
.mndash_box_green h4,
.mndash_box_green p {
    color: #FFF;
}

.mn_bluebox {

    border-right: #2563eb 3px solid;
}

.mn_redbox {
    border-right: #ef4444 3px solid;
    ;
}

.mn_purplebox {
    border-right: #6366F1 3px solid;
    ;
}

.mn_dash_heading {

    font-family: 'Roboto', sans-serif;
    font-weight: 700;
    font-size: 20px;
    line-height: 28px;
    color: #1E293B;

}

.mn_dash_botbox_area {
    display: flex;
    flex-flow: row wrap;
    gap: 16px;
}

.mn_dashbot {


    background-color: #ffffff;
    border-radius: 24px;
    border: 1px solid #e2e8f0;
    box-shadow: 0px 1px 2px #0000000d;
    align-items: center;
    justify-content: center;
    width: calc((100% - 32px)/3);
}

.mn_dashbot a {
    display: flex;
    flex-direction: column;
    gap: 16px;
    padding: 16px 24px;
}

.mn_dashbot_txt {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 4px;
}

.mn_dashbot h3 {
    font-family: 'Roboto', sans-serif;
    font-weight: 700;
    font-size: 18px;
    line-height: 28px;
    text-align: center;
    color: #121212;

}

.mn_dashbot p {
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    text-align: center;
    color: #6A6A6A;

}

.mn_background-shadow {
    display: flex;
    align-items: center;
    padding: 24px;
    position: relative;
    background-color: var(--moalimy-orange);
    border-radius: 24px;
    overflow: hidden;
}

.mn_overlay-blur {
    position: absolute;
    top: -40px;
    right: -40px;
    width: 128px;
    height: 128px;
    background-color: #ffffff1a;
    border-radius: 9999px;
    filter: blur(20px);
    opacity: 0.27;
}

.mnstar1 {
    position: absolute;

    top: 24.58%;
    left: 1px;

}

.mnstar2 {
    position: absolute;

    top: 0;
    left: 53px;

}

.mn_overlay {
    display: flex;
    width: 90px;
    height: 24px;
    justify-content: flex-end;
    padding: 4px 12px;
    position: absolute;
    top: 0;
    right: 0;
    background-color: #549994;
    border-radius: 0px 0px 12px 0px;
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    font-size: 12px;
    line-height: 16px;

    color: #FFFFFF;
}

.mn_sh_row {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-end;
    gap: 8px;
    position: relative;
    width: 100%;
}

.mn_sh_row h3 {
    font-family: 'Roboto', sans-serif;
    font-weight: 700;
    font-size: 20px;
    line-height: 32px;
    text-align: left;
    color: #FFFFFF;
}

.mn_sh_row p {
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    font-size: 12px;
    line-height: 20px;
    text-align: left;
    color: rgba(255, 255, 255, 0.9);
}

.mn_sh_btn {

    display: flex;
    padding: 8px 20px;
    background-color: #ffffff;
    border-radius: 8px;
    align-items: center;
    justify-content: center;
    position: relative;
    font-family: 'Roboto', sans-serif;
    font-weight: 700;
    font-size: 14px;
    line-height: 20px;
    color: #D49C81;
    box-shadow: 0px 2px 4px -2px #0000001a, 0px 4px 6px -1px #0000001a;
    margin-left: auto;
}

.mn_sh_btn:hover {
    background: var(--moalimy-green);
    color: #FFF;
}

.mn_dpic {
    text-align: center;
}

.mn_dpic img {
    width: 64px;
    height: 64px;

}

.mn_as_sec p {

    font-weight: 400;
    color: #999999;
    font-size: 14px;
    letter-spacing: 0;
    line-height: 20px;
    white-space: nowrap;
    /* direction: rtl; */
    font-family: 'Roboto', sans-serif;

}

.mn_as_sec p span {
    color: var(--moalimy-green);
    font-weight: 700;
}

.mn_aside_row {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    position: relative;
    align-self: stretch;
}

.mnline_txt {

    font-family: 'Roboto', sans-serif;
    font-weight: 700;
    font-size: 14px;
    line-height: 20px;
    color: #334155;

}

.mn_line {
    width: 100%;
    height: 10px;
    background-color: #DADADA;
    border-radius: 9999px;
    overflow: hidden;
}

.mn_line_selected {
    width: 85%;
    height: 100%;
    left: 15%;
    background-color: var(--moalimy-green);
    border-radius: 9999px;
}

.mn_line_sec {
    margin-top: auto;
    width: 100%;
}
/*classes SB*/
.mn_classes {
    width: 100%;
    padding-top: 45px;
    gap: 16px;
    display: flex;
    flex-direction: column;
}
.mn_schedule_head h3 svg {
    transform: rotate(180deg);
}

.mn_today_box{
    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:20px;
    border:1px solid #dcdcdc;
    padding:20px;
    border-radius:12px;
    margin-bottom:20px;
}

.mn_today_right{
    display:flex;
    align-items:center;
    gap:16px;
}

.mn_teacher_img img{
    width:70px;
    height:70px;
    border-radius:50%;
    object-fit:cover;
}

.mn_today_btns{
    display:flex;
    gap:12px;
}

.mn_join_btn,
.mn_cancel_btn{
    padding:14px 28px;
    border-radius:8px;
    text-decoration:none;
}

.mn_schedule_head{
    display:flex;
    align-items:center;
    gap:15px;
    margin-bottom:20px;
}

.mn_filter_btn{
    width:50px;
    height:50px;
    border-radius:12px;
    display:flex;
    align-items:center;
    justify-content:center;
    background:#6b9387;
    color:#fff;
}

.mn_schedule_table{
    width:100%;
    border-collapse:collapse;
}

.mn_schedule_table th
{
    padding:12px 16px;
background: #F9FAFB;
font-family: 'Cairo';
font-style: normal;
font-weight: 700;
font-size: 14px;
color: #061A20;
}

.mn_schedule_table td{
    padding: 12px 16px;
font-family: 'Roboto', sans-serif;
font-weight: 400;
font-size: 14px;
line-height: 20px;
color: #061A20;

}
.mn_teacher_name{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:8px;
}

.mn_teacher_name img{
    width:28px;
    height:28px;
    border-radius:50%;
}

.mn_status{
    padding:8px 18px;
    border-radius:30px;
    display:inline-block;
}

.mn_upcoming{
    background:#fdf1eb;
}

.mn_live{
    background:#6d9589;
    color:#fff;
}

.mn_done{
    background:#e5f3ea;
    color:#4f8a67;
}

.mn_actions{
    display:flex;
    justify-content:center;
    gap:18px;
    align-items: center;
    margin: auto;
}

.mn_action_btns{
    display:flex;
    justify-content:center;
    gap:8px;
}

.mn_action_btns a{
    padding:8px 12px;
    border:1px solid #ddd;
    border-radius:20px;
    text-decoration:none;
}

/*dashboard desk4*/
.desk4_top_area{
display: flex;
justify-content: space-between;
align-items: center;
padding: 24px;
background: #FFFFFF;
border: 1px solid #F3F4F6;
border-radius: 24px;

}
.desk4_logo_sec{
    display: flex;
    gap: 24px;
    align-items: center;
}
.desk4_logo_sec_logo{
    width: 88px;
    height: 80px;
}
.desk4_logo_sec_logo img{
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: top;
}
.desk4_txt h3{

font-family: 'Roboto', sans-serif;
font-weight: 700;
font-size: 20px;

color: #061A20;
}
.desk4_txt p{

font-family: 'Roboto', sans-serif;
font-weight: 400;
font-size: 16px;
line-height: 32px;

color: #656567;
}
.desk4_subsc_sec{
display: flex;
align-items: center;
padding: 10px 20px;
gap: 16px;
background: #F9FAFB;
border: 1px solid #E5E7EB;
border-radius: 16px;
font-family: 'Cairo';
font-weight: 500;
font-size: 14px;
line-height: 20px;
color: #4B5563;
justify-content: center;
}
.desk_green{
 display: flex;
align-items: center;
gap: 6px;
font-weight: 700;
color: #15803D;
}
.desk_title_area{
display: flex;
justify-content: space-between;
align-items: center;
padding: 24px 12px;
background: #FFFFFF;
border-radius: 24px;
font-family: 'Roboto', sans-serif;
font-weight: 700;
font-size: 20px;
color: #061A20;
}
.desk_2title_sec{
    display: flex;
    gap: 100px;
}
.desk4_txt_sec{
    display: flex;
}
.desk4_box_area{
     display: flex;
     gap: 16px;
}
.desk4_box{
display: flex;
justify-content: space-between;
align-items: center;
padding: 16px;
background: #FFFFFF;
box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.05);
border-radius: 12px;
font-family: 'Roboto', sans-serif;
font-weight: 400;
font-size: 12px;
line-height: 16px;
color: #656567;
width: calc((100% - 64px) /5);

}
.desk4_num{
font-family: 'Roboto', sans-serif;
font-weight: 700;
font-size: 18px;
color: #061A20;
margin-top: 5px;
}
.desk4_2col_area{
    display: flex;
    gap: 24px;
}
.desk4_sidecol{
display: flex;
flex-direction: column;
padding: 24px;
gap: 16px;
width: 307px;
background: #FFFFFF;
box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.05);
border-radius: 12px;

}
.desk4_piecol{
display: flex;
flex-direction: column;
padding: 24px;
gap: 24px;

width: calc(100% - 307px - 24px);

background: #FFFFFF;
box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.05);
border-radius: 12px;

}
.desk4_2col_area h3{
font-family: 'Cairo';
font-weight: 700;
font-size: 18px;
line-height: 28px;
color: #061A20;
}
.mn_sibecol_box{
display: flex;
align-items: flex-start;
padding: 12px;
gap: 8px;
background: #F0FDF4;

border-radius: 8px;

position: relative;
overflow: hidden;
}
.mn_sibecol_box::after{
    content: "";
    background: #22C55E;
    height: 100%;
    width: 2px;
    position: absolute;
    top: 0;
    left: 0;
}
.mn_sibecol_box p{
font-family: 'Roboto', sans-serif;
font-weight: 400;
font-size: 12px;
line-height: 16px;
color: #656567;

}
.mn_sibecol_box h4{
font-family: 'Roboto', sans-serif;
font-weight: 700;
font-size: 14px;
line-height: 22px;
color: #166534;
margin-bottom: 5px;
}
.red_colbox{
    background-color: #FFF7ED;
}
.red_colbox::after{
    background: #F97316;
}
.red_colbox h4{
    color:#9A3412;
}
.desk4_piecol_heading{
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
}
.desk4_piecol_heading h2{
font-family: 'Roboto', sans-serif;
font-weight: 700;
font-size: 18px;
line-height: 28px;
color: #061A20;
}
.desk4_select{
    display: flex;
    align-items: center;
padding: 0px 8px;
height: 38px;
background: #F1F1F3;
border-radius: 8px;
font-family: 'Roboto', sans-serif;
font-weight: 400;
font-size: 14px;
color: #262626;
}
.desk4_select select{
    border: none;
    background-color: transparent;
}
.mn_progress_circle{
  width:160px;
    height:160px;
    border-radius:50%;
    background:conic-gradient(
        var(--moalimy-green) calc(var(--progress) * 1%),
        #EAEAEA 0
    );

    display:flex;
    align-items:center;
    justify-content:center;
    position: relative;
}

.mn_progress_inner{
    width:135px;
    height:135px;
    border-radius:50%;
    background:#fff;
    display:flex;
    flex-direction: column;
    align-items:center;
    justify-content:center;
font-family: 'Roboto', sans-serif;
font-weight: 700;
font-size: 24px;
line-height: 32px;
color: #061A20;

}
.mn_progress_inner small{
font-family: 'Roboto', sans-serif;
font-weight: 400;
font-size: 12px;
line-height: 16px;
color: #656567;

}
.pie_area{
    display: flex;
    gap: 32px;
    align-items: center;
}
.pie_txt_sec{
    width: calc(100% - 160px - 32px);
    display: flex;
    flex-direction: column;
    gap: 16px;
font-family: 'Roboto', sans-serif;
font-weight: 400;
font-size: 12px;
line-height: 16px;
color: #656567;
}
.mndk_orange{
    background-color: #F97316;
}
.mndk_blue{
    background-color: #3B82F6;
}
.pie_prog{
    display: flex;
    flex-direction: column;
    gap: 4px;
}
.desk_lightblue_area{
display: flex;
flex-direction: column;
padding: 16px;
gap: 8px;
background: #EFF6FF;
border: 1px solid #DBEAFE;
border-radius: 12px;
font-family: 'Roboto', sans-serif;
font-weight: 400;
font-size: 14px;
line-height: 23px;
color: #1D4ED8;
}
.desk_lightblue_area h2{
    display: flex;
    gap: 8px;
font-family: 'Roboto', sans-serif;
font-weight: 700;
font-size: 16px;
line-height: 24px;
color: #1E40AF;
}
.mn_table_wrap{
background: #FFFFFF;
border: 1px solid #F3F4F6;
box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.05);
border-radius: 12px;
}
.mn_table_title{
padding: 24px;
border-bottom: 1px solid #F3F4F6;
font-family: 'Roboto', sans-serif;
font-weight: 700;
font-size: 18px;
line-height: 28px;
color: #111827;
}
.mn_t_green{
display: flex;
justify-content: center;
align-items: center;
width: fit-content;
padding: 7.5px 12px;
background: #DCFCE7;
border-radius: 9999px;
font-family: 'Roboto', sans-serif;
font-weight: 700;
font-size: 12px;
line-height: 16px;
color: #15803D;
margin: auto;
}
.desk_sibebar_bottom{
    display: flex;
    gap: 12px;
    align-items: center;
font-family: 'Roboto', sans-serif;
font-weight: 400;
font-size: 12px;
line-height: 16px;
color: #6B7280;
border-top: #E5E7EB80 1px solid;
padding-top: 20px;
}
.desk_sibebar_bottom h4{
font-family: 'Roboto', sans-serif;
font-style: normal;
font-weight: 700;
font-size: 14px;
line-height: 20px;
color: #1F2937;
}
.mobile-label{
    display:none;
    font-weight:700;
}
.mn_sidecolbox_area{
    display: flex;
    gap: 16px;
    flex-direction: column;
}
.mn_exam_head,
.mn_exam_row {
    display: grid;
    grid-template-columns: 1fr 1fr .8fr .8fr .8fr 1fr 1fr;
    align-items: center;
}

.mn_exam_head{
    background:#f3f3f3;
    font-weight:600;
    color:#333;
}

.mn_exam_head>div,
.mn_exam_row>div {
    padding: 12px 8px;
    min-width: 20px;
    width: auto;

}

.mn_exam_row{
    border-top:1px solid #eee;
}
.mn_exam_row > div:nth-child(4) svg , .mn_exam_row > div:nth-child(3) svg{
    display: none;
}
/*desk2 SB*/
.desk2_title {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
}
.desk2_title h2{
font-family: 'Roboto', sans-serif;
font-weight: 700;
font-size: 24px;
color: #1F2937;
}
.desk2_title p{
font-family: 'Roboto', sans-serif;
font-weight: 400;
font-size: 14px;
line-height: 20px;
color: #6B7280;
}
.desk2_box_area {
	display: flex;
	gap: 24px;
}
.desk2_box {
	display: flex;
	justify-content: space-between;
font-family: 'Roboto', sans-serif;
font-weight: 400;
font-size: 14px;
line-height: 20px;
color: #656567;
	width: calc((100% - 72px) /4);
padding: 24px 12px;
background: #FFFFFF;
border: 1px solid #F3F4F6;
border-radius: 16px;

}
.desk4_num {
	font-family: 'Roboto', sans-serif;
	font-weight: 700;
	font-size: 30px;
    line-height: 36px;
	color: #061A20;
	margin-top: 5px;
}
.desk2_greentxt{
    color: var(--moalimy-green);
}
.desk2_yext{
    color: #EAB308;
}
.desk2_piecol {
	display: flex;
	flex-direction: column;
	padding: 30px;
	gap: 24px;
	background: #FFFFFF;
	box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.05);
	border-radius: 24px;
font-family: 'Roboto', sans-serif;
font-weight: 400;
font-size: 14px;
line-height: 20px;
color: #6B7280;
}
.desk2_heading  h2 {
font-family: 'Roboto', sans-serif;
font-weight: 700;
font-size: 24px;
line-height: 32px;
color: #1F2937;
margin-bottom: 5px;
}
.desk2_updated{
display: flex;
align-items: center;
justify-content: center;
padding: 12px;
height: 44px;
gap: 4px;
background: #F1F1F3;
border-radius: 9999px;
font-family: 'Roboto', sans-serif;
font-weight: 400;
font-size: 14px;
color: #061A20;
}
.desk2_piecol .mn_progress_circle{
    width: 220px;
    height: 220px;
}
.desk2_piecol .mn_progress_inner{
     width: 190px;
    height: 190px;
    font-size: 36px;
    line-height: 40px;
}
.desk2_piecol .pie_txt_sec{
    width: calc(100% - 220px - 10px);
}
.desk2_piecol .mn_progress_inner small{
    font-size: 14px;
}
.desk2_pie_bottom{
    display: flex;
    justify-content: space-between;
    margin-top: 20px;
    padding: 0 10px;
font-family: 'Roboto', sans-serif;
font-weight: 400;
font-size: 14px;
color: #656567;
}
.desk2_piecol .mn_line{
    height: 12px;
    margin-top: 8px;
}
.desk2_piecol .mn_aside_row{
font-family: 'Roboto', sans-serif;
font-style: normal;
font-weight: 400;
font-size: 14px;
color: #656567;
}
.desk2_linetop{
    direction: ltr;
font-family: 'Roboto', sans-serif;
font-weight: 400;
font-size: 16px;
line-height: 36px;
color: #656567;
text-align: left;
}
.desk2_linetop span{
    font-weight: 700;
font-size: 30px;
color: #061A20;
}
.desk2_num span{
    color: var(--moalimy-green);
}
.desk2_piecol .pie_prog{
padding: 24px;
background: #F9FAFB;
border-radius: 16px;
}
.desk2_pie_box_area{
    display: flex;
    gap: 16px;
}
.desk2_piebox{
display: flex;
align-items: center;
padding: 12px 16px;
background: #EFF6FF;
border: 1px solid #DBEAFE;
border-radius: 16px;
width: calc((100% - 16px)/2);
font-family: 'Roboto', sans-serif;
font-weight: 700;
font-size: 18px;
line-height: 28px;
color: #1F2937;
gap: 12px;
}
.desk2_piebox h4{
font-family: 'Roboto', sans-serif;
font-weight: 400;
font-size: 12px;
line-height: 16px;
color: #2563EB;
}
.desk2_purple{
    background: #FAF5FF;
}
.desk2_purple h4{
    color: #9333EA;
}
.desk2_link{
    display: flex;
    gap: 8px;
font-family: 'Roboto', sans-serif;
font-style: normal;
font-weight: 400;
font-size: 16px;
color: var(--moalimy-green);
}
.desk2_link a{
    color: var(--moalimy-green);
}
.desk2_link a:hover , .desk2_link:hover{
    color: #DCA084;
}
.desk2_bot_box_area{
    display: flex;
    flex-flow: row wrap;
    gap: 24px;
}
.desk2_bot_box{
    width: calc((100% - 24px)/2);
display: flex;
flex-direction: column;
align-items: flex-start;
padding: 24px;
gap: 16px;
background: #FFFFFF;
box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.05);
border-radius: 24px;
}
.desk2_bot_box_top{
    display: flex;
    gap: 16px;
}
.desk2_cir{
display: flex;
justify-content: center;
align-items: center;
position: relative;
width: 56px;
height: 56px;
background: #D1FAE5;
border-radius: 56px;
font-family: 'Roboto', sans-serif;
font-weight: 700;
font-size: 20px;
color: var(--moalimy-green);
}
.desk2_cir_blue{
color: #1D4ED8;
background: linear-gradient(135deg, #DBEAFE 0%, #C7D2FE 100%);

}
.desk2_cir_pic{
    position: absolute;
    bottom: 0px;
    left: 0px;
    width: 24px;
    height: 24px;
}
.desk2_txt h3{
font-family: 'Roboto', sans-serif;
font-weight: 700;
font-size: 18px;
color: #1F2937;
}
.desk2_txt  p{
font-family: 'Roboto', sans-serif;
font-weight: 400;
font-size: 14px;
line-height: 20px;
color: #656567;
}
.desk2btop{
    display: flex;
    gap: 16px;
     width: 100%;
}
.desk2_num_sec_area{
    display: flex;
    gap: 16px;
    width: 100%;
}
.desk2_num_sec{
    display: flex;
    flex-direction: column;
    width: calc((100% - 32px)/3);
    justify-content: center;
    align-items: center;
    gap: 6px;
font-family: 'Roboto', sans-serif;
font-weight: 400;
font-size: 12px;
line-height: 16px;
color: #656567;
}
.desk2_num_sec h2{
font-family: 'Roboto', sans-serif;
font-weight: 700;
font-size: 24px;
line-height: 32px;
color: #1F2937;
}
.desk2_3col_area{
    display: flex;
    gap: 12px;
    flex-direction: column;
    width: 100%;
}
.desk2_3col_area h4{
font-family: 'Roboto', sans-serif;
font-weight: 400;
font-size: 14px;
color: #656567;
}
.desk2_3col_row{
   display: flex;
    gap: 8px;
    flex-flow: row wrap;
}
.desk2_col{
display: flex;
align-items: center;
padding: 4px 12px;
gap: 4px;
background: #ECFDF5;
border: 1px solid #D1FAE5;
border-radius: 8px;
font-family: 'Roboto', sans-serif;
font-weight: 400;
font-size: 14px;
color: var(--moalimy-green);
}
.desk2_numcir{
display: flex;
justify-content: center;
align-items: center;
width: 30px;
height: 30px;
background: var(--moalimy-green);
border-radius: 25px;
font-family: 'Roboto', sans-serif;
font-weight: 700;
font-size: 12px;
color: #FFFFFF;
}
.desk2_blue{
    background: #EFF6FF;
    border-color: #DBEAFE;
    color: #1D4ED8;
}
.desk2_blue .desk2_numcir{
    background: #1D4ED8;
}
.desk2_purple{
    background: #FAF5FF;
     border-color: #F3E8FF;
    color: #7E22CE;
}
.desk2_purple .desk2_numcir{
    background: #7E22CE;
}
.desk2_orange{
    background: #FFF7ED;
     border-color: #FFEDD5;
    color: #C2410C;
}
.desk2_orange .desk2_numcir{
    background: #C2410C;
}
.desk2_pink{
    background:#FFF1FB;
     border-color:#FFE4FE;
    color:#B812BE;
}
.desk2_pink .desk2_numcir{
    background:#B812BE;
}
.desk2_box_link{
display: flex;
justify-content: space-between;
align-items: center;
padding: 16px 0px 0px;
width: 100%;
border-top: 1px solid #F3F4F6;
}
.desk2_box_link_txt{
    display: flex;
    align-items: center;
    gap: 8px;
font-family: 'Roboto', sans-serif;
font-weight: 400;
font-size: 12px;
color: #656567;
}
.desk2_box_link_txt span{
font-family: 'Roboto', sans-serif;
font-weight: 700;
font-size: 12px;
line-height: 16px;
color: #1F2937;
}
.desk2_link{
    display: flex;
    align-items: center;
    gap: 4px;
font-family: 'Roboto', sans-serif;
font-weight: 400;
font-size: 14px;
color: var(--moalimy-green);

}
.desk2_link svg{
    rotate: 180deg;
}
.mn_actions div{
    display: flex;
    gap: 16px;
}
/*desk3 SB*/
.desk3_top_rt{
    display: flex;
    justify-content: center;
    gap: 4px;
    flex-direction: column;
}
.desk3_top_rt p{
font-family: 'Roboto', sans-serif;
font-weight: 400;
font-size: 16px;
line-height: 32px;
color: #656567;
text-align: center;
}
.desk2_title h3{
font-family: 'Roboto', sans-serif;
font-weight: 700;
font-size: 20px;
color: #061A20;
}
.desk3_table .mn_exam_head, .desk3_table .mn_exam_row{
    grid-template-columns: 1.3fr 1fr 1fr 1fr 1fr 1fr;
}
.desk3_box_area{
    display: flex;
    gap: 16px;
    flex-flow: row wrap;
}
.desk3_box{
display: flex;
flex-direction: column;
padding: 24px;
gap: 24px;
background: #FFFFFF;
border-radius: 24px;
width: calc((100% - 16px)/2);
}
.desk3_box h3{
font-family: 'Roboto', sans-serif;
font-weight: 700;
font-size: 18px;
line-height: 28px;
color: #061A20;
}
.desk3_box_top{
    display: flex;
    justify-content: space-between;
}
.desk3box_top_rt{
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 10px;
font-family: 'Roboto', sans-serif;
font-weight: 400;
font-size: 12px;
color: #656567;
}
.desk3box_top_rt p{
font-family: 'Roboto', sans-serif;
font-weight: 400;
font-size: 14px;
line-height: 20px;
color: var(--moalimy-green);
}
.desk3_prog_sec{
    display: flex;
    flex-direction: column;
    gap: 24px;
font-family: 'Roboto', sans-serif;
font-weight: 400;
font-size: 14px;
color: #061A20;
}
.desk3_num{
font-family: 'Roboto', sans-serif;
font-weight: 700;
font-size: 14px;
line-height: 20px;
color: var(--moalimy-green);

}
.desk3bar_wrap{
    display:flex;
    gap:16px;
    padding: 0px 16px;
}

.desk3bar_item{
    flex:1;
    text-align:center;
    position: relative;
}

.desk3bar_percent{
font-family: 'Cairo';
font-weight: 700;
font-size: 12px;
color: var(--moalimy-green);

    position: absolute;
    top: 10px;
    left: 0;
    right: 0;
    margin: auto;
}

.desk3bar_track{
    height:215px;
    background:#F3F4F6;
    border-top-left-radius:16px;
    border-top-right-radius:16px;
    position:relative;
    overflow:hidden;
}

.desk3bar_fill{
    position:absolute;
    left:0;
    right:0;
    bottom:0;
    height:var(--progress);
    border-radius:16px 16px 0 0;
}

/* Individual Colors */
.desk3bar_item:nth-child(4) .desk3bar_fill{
    background:var(--moalimy-green);
}

.desk3bar_item:nth-child(2) .desk3bar_fill{
    background:#26C7BC;
}

.desk3bar_item:nth-child(3) .desk3bar_fill{
    background:#60274F;
}

.desk3bar_item:nth-child(1) .desk3bar_fill{
    background:var(--moalimy-orange);
}

.desk3bar_label{
font-family: 'Roboto', sans-serif;
font-weight: 400;
font-size: 14px;
color: #656567;
}
/*desk1 SB*/
.desk1_top_area {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	direction: rtl;
    position: relative;
}
.desk1_top_area .desk4_txt h3 {
	font-size: 24px;
    margin-bottom: 5px;
}
.desk1_top_area .desk4_txt p {
	font-size: 16px;
	line-height: 24px;
}
.desk1_subsc_sec_absolute{
    position: absolute;
    top: 0px;
    left: 0px;
}
.desk1_tag{
display: flex;
justify-content: center;
align-items:center;
height: 24px;
padding: 0px 12px;
background: #F3F4F6;
border-radius: 9999px;
font-family: 'Roboto', sans-serif;
font-weight: 400;
font-size: 12px;
color: #061A20;
margin-left: auto;
}
.desk1_status{
display: flex;
align-items: center;
padding:0 12px;
height: 26px;
background: #F0FDFA;
border: 1px solid #CCFBF1;
border-radius: 8px;
gap: 4px;
font-family: 'Roboto', sans-serif;
font-weight: 400;
font-size: 12px;
color: var(--moalimy-green);
}
.desk1_st_purple{
    background: #FAF5FF;
    border-color: #F3E8FF;
    color: #9333EA;
}
.desk1_st_orange{
    background: #FFF7ED;
    border-color: #FFEDD5;
    color: #EA580C;
}
.desk1_st_blue{
    background: #EFF6FF;
    border-color:#DBEAFE;
    color: #2563EB;
}
.desk1_cir_red{
    background: #FFE4E6;
    color: #E11D48;
}
.desk1_3col_area{
    margin-top: 20px;
}
.mid_num{
    border-left: #F3F4F6 1px solid;
    border-right: #F3F4F6 1px solid;
}
/*schedule class SB*/
.mn_sch_sel_area{
    display: flex;
    flex-flow: row wrap;
    gap: 10px;
    width: 100%;
}
.mn_sch_sel_sec{
    display: flex;
        flex-direction: column;
    width: calc((100% - 20px)/3);
    font-family: 'Roboto', sans-serif;
  font-weight: 400;
  font-size: 14px;
  color: #6B7280;
}
.mn_sch_sel {
	display: flex;

	align-items: center;
	padding: 0px 8px;

	background: #F1F1F3;
	border-radius: 8px;
	font-family: 'Roboto', sans-serif;
	font-weight: 400;
	font-size: 14px;
	color: #262626;

    width: 100%;

}
.mn_sch_sel select{
     border: none;
      width: 100%;
      	height: 38px;
        background-color: transparent;
}
.mnsch_bt_area{
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
}
.mnsch_bt_area a{
    width: fit-content;
    padding: 0px 20px;
}
.mn_profile_link_show {
    display: none;
}
/*Add member SB*/
.mn_add_member_area{
    width: 60%;
}
.mn_add_member_area .form-control{
    background-color: #F1F1F3;
    height: 38px;
    padding: 0px 8px;
    border-radius: 8px;
  font-family: 'Roboto', sans-serif;
  font-weight: 400;
  font-size: 14px;
  color: #262626;
  border: none;
}
.mn_add_member_area .form-control::placeholder {
    color: #262626;
    opacity: 1; /* Optional */
}
.mn_add_member_area button{
    width: fit-content;
    padding: 0px 15px;
}
.mn_add_member_area button:hover{
    background-color: #DCA084 !important;
    border-color:  #DCA084 !important;
}
/*desktop7 SB*/
.mn_select_box{
    position:relative;
    width:350px;
}

.mn_select_box select{
    width:100%;
    height:56px;
    padding:0 40px 0 56px;
    border:0;
    border-radius:8px;
    background:#fff;
font-family: 'Roboto', sans-serif;
font-weight: 400;
font-size: 16px;
color: #656567;
    cursor:pointer;
    appearance:none;
    -webkit-appearance:none;
    -moz-appearance:none;

    outline:none;
}

/* Left Arrow */
.mn_select_box::before {
	content: "";
	position: absolute;
	right: 18px;
	top: 50%;
	width: 12px;
	height: 12px;
	border-right: 2px solid #666;
	border-bottom: 2px solid #666;
	transform: translateY(-70%) rotate(45deg);
	pointer-events: none;
}

/* Right User Icon */
.mn_user_icon{
    position:absolute;
    left:14px;
    top:50%;
    transform:translateY(-50%);
    font-size:20px;
    color:#666;
    pointer-events:none;
}

.mn_package_area{
    padding: 26px 0px 26px 0px;


}
.mn_package_area h2{
font-family: 'Roboto', sans-serif;
font-weight: 700;
font-size: 32px;
line-height: 150%;
color: #000000;
}
/*package tab*/
.unique_tab_wrapper{
    margin-top: 24px;
}

/* =========================
   PARENT TAB
========================= */

.unique_parent_tabs{
    margin-bottom:24px;
display: flex;
justify-content: space-between;
align-items: center;
gap: 8px;
background: #E9E9E9;
}
.mn_tab_btn , .mn_tab_btn_mn{
display: flex;
justify-content: center;
align-items: center;
padding: 0px 16px;
height: 50px;
background: var(--moalimy-green);
border-radius: 8px;
gap: 8px;
font-family: 'Roboto', sans-serif;
font-weight: 700;
font-size: 14px;
color: #FFFFFF;
}
.mn_tab_btn:hover , .mn_tab_btn_mn:hover{
    background: var(--moalimy-orange);
}
.unique_parent_btn{
    border:none;
    cursor:pointer;
    transition:.3s;
font-family: 'Roboto', sans-serif;
font-weight: 400;
font-size: 16px;
color: #6B7280;
display: flex;
align-items: center;
padding: 0px 16px;
gap: 8px;
height: 70px;
box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.05);
}
.unique_parent_btn svg path{
    fill:#6B7280;
}

.unique_parent_btn.active{
    background: #FFFFFF;
border-bottom: 2px solid var(--moalimy-green);
color:var(--moalimy-green) ;
font-weight: 700;
}
.unique_parent_btn.active svg path{
    fill:var(--moalimy-green);
}

/* =========================
   PARENT CONTENT
========================= */

.unique_parent_content{
    display:none;
}

.unique_parent_content.active{
    display:block;
}

/* =========================
   SUB TAB
========================= */

.unique_sub_tabs{
    display:flex;
    gap:12px;
    flex-wrap:wrap;
    margin-bottom:30px;
}

.unique_sub_btn{
    cursor:pointer;
    transition:.3s;
font-family: 'Roboto', sans-serif;
font-weight: 400;
font-size: 14px;
color: #4B5563;
display: flex;
justify-content: center;
align-items: center;
padding: 0px 20px;
height: 38px;
background: #FFFFFF;
border: 1px solid #E5E7EB;
border-radius: 9999px;
}

.unique_sub_btn.active{
    background:var(--moalimy-green);
    color:#fff;
    border-color:var(--moalimy-green);
}

/* =========================
   SUB CONTENT
========================= */

.unique_sub_content{
    display:none;
    width: calc((100% - 40px)/3);
}

.unique_sub_content.active{
    display:block;
}

/* =========================
   CARD GRID
========================= */

.unique_card_grid{
    display:flex;
    gap:20px;
    width:100%;
    height: 100%;
    align-items:stretch;

}

/* =========================
   CARD
========================= */

.unique_course_card{
    overflow:hidden;
     width: 100%;
display: flex;
flex-direction: column;
padding: 16px;
gap: 12px;
background: #FFFFFF;
border: 1px solid #EEEEEE;
box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.12);
border-radius: 24px;
}

.unique_course_img{
    width:100%;

background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.75) 100%), url(.jpg);
border-radius: 16px;
    position: relative;
}
.unique_course_img img{
    width: 100%;
   height: 143px;
    object-fit: cover;
    object-position: top;
    border-radius: 16px;

}
.mn_ipad_sec{
    display: flex;
    gap: 8px;
    justify-content: center;
    position: absolute;
    bottom: 10px;
    left: 0;
    right: 0;
    margin: auto;
}
.mn_ipad_btn{
display: flex;
justify-content: center;
align-items: center;
padding: 0px 12px;
gap: 4px;
height: 32px;
background: rgba(255, 255, 255, 0.1);
border: 1px solid #FEFEFE;
border-radius: 27px;
font-family: 'IBM Plex Sans Arabic';
font-weight: 400;
font-size: 12px;
color: #FEFEFE;
}
.unique_course_body{
    display: flex;
    flex-direction: column;
    gap: 12px;
    height: 100%;
}

.unique_course_title{
font-family: 'Roboto', sans-serif;
font-weight: 700;
font-size: 18px;
line-height: 28px;
color: #374151;
}

.unique_course_text{
font-family: 'Roboto', sans-serif;
font-weight: 400;
font-size: 14px;
line-height: 150%;
color: #6A6A6A;
}
.unique_course_body ul{
    display: flex;
    flex-direction: column;
    gap: 2px;
}
.unique_course_body li{
    background: url(../images/checkmark-circle.png) no-repeat left center;
font-family: 'Roboto', sans-serif;
font-weight: 400;
font-size: 12px;
color: #6A6A6A;
padding-left: 22px;
}
.mn_tab_content{
    display: flex;
    gap: 20px;
    flex-flow: row wrap;
}
.mn_tabbox_bt_area{
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin-top: auto;
}
.mn_tabbox_btn{
display: flex;
justify-content: space-between;
align-items: center;
padding: 0px 12px;
gap: 8px;
height: 48px;
border: 1px solid var(--moalimy-green);
border-radius: 12px;
justify-content: space-between;
}
.mn_tabbox_btn:hover{
    border-color: var(--moalimy-orange);
    color:var(--moalimy-orange);
}
.mn_tabbox_btn:hover .mn_share , .mn_tabbox_btn:hover .mn_serve{
    color:var(--moalimy-orange);
}
.mn_tabbox_btn:hover svg path{
    fill:var(--moalimy-orange)
}
.mn_serve{
font-family: 'Roboto', sans-serif;
font-weight: 700;
font-size: 14px;
color: var(--moalimy-green);
display: flex;
align-items: center;
gap: 8px;
}
.mn_share{
    display: flex;
    align-items: center;
    gap: 4px;
font-family: 'Roboto', sans-serif;
font-weight: 400;
font-size: 12px;
color: #212121;
}
.mn_share span{
    font-family: 'Roboto', sans-serif;
    font-weight: 700;
    font-size: 14px;
    font-style: bold;
}
.mn_share svg{
    width: 14px;
    height: 16px;
}
.mn_green{
    background: var(--moalimy-green);
}
.mn_green:hover{
background: var(--moalimy-orange);
}
.mn_green .mn_share , .mn_green .mn_serve , .mn_green:hover .mn_share , .mn_green:hover .mn_serve{
    color: #FFF;
}
.mn_green .mn_serve svg{
    width: 14px;
    height: 19px;
}
.unique_parent_tabs,
.unique_sub_tabs {
    overflow-x: auto;
    overflow-y: hidden;

    /* Firefox */
    scrollbar-width: none;

    /* IE & Edge */
    -ms-overflow-style: none;
}

.unique_parent_tabs::-webkit-scrollbar,
.unique_sub_tabs::-webkit-scrollbar {
    display: none;
    /* Chrome, Safari, Opera */
}
.desk7_sidebar li a{
color: #656567;
}
.desk7_side_btn{
display: flex;
justify-content: center;
align-items: center;
padding: 0px 12px;
gap: 8px;
height: 60px;
background: var(--moalimy-orange);
border-radius: 8px;
font-family: 'Roboto', sans-serif;
font-weight: 700;
font-size: 16px;
color: #FEFEFE;
margin-top: 20px;
}
.desk7_side_btn:hover{
background: var(--moalimy-green);
}
.desk7_area .mn_aside_row{
    margin-bottom: 5px;
}
.desk7_sel_area{
    display: flex;
    gap: 16px;
    flex-flow: row wrap;
}
/*desk4new SB*/
.desk4_table .mn_exam_head, .mn_exam_row {
	display: grid;
	grid-template-columns: 1fr .8fr 1fr .8fr 1fr 1fr 1.5fr;
	align-items: center;
}
.desk_dt{
    direction: ltr;
    text-align: right;
}
.desk4_br_div{

display: flex;
justify-content: center;
align-items: center;
padding: 8px;
min-width: 109px;
width: auto;
background: rgba(219, 160, 132, 0.08);
border-radius: 22px;
font-family: 'Roboto', sans-serif;
font-weight: 700;
font-size: 14px;
color: var(--moalimy-orange);
margin: auto;
}
.desk4_green_div{

    display: flex;
    justify-content: center;
    align-items: center;
    padding: 8px;
    min-width: 109px;
    width: auto;
    background:var(--moalimy-green);
    border-radius: 22px;
    font-family: 'Roboto', sans-serif;
    font-weight: 700;
    font-size: 14px;
    color: #FFF;
    margin: auto;
}
.desk4_green_div:hover {
    background: var(--moalimy-orange);
}
.desk4_ligttgreen_div{

display: flex;
justify-content: center;
align-items: center;
padding: 8px;
min-width: 109px;
width: auto;
border-radius: 22px;
font-family: 'Roboto', sans-serif;
font-weight: 700;
font-size: 14px;
color: #3C943E;
background: rgba(60, 148, 62, 0.08);
margin: auto;
}
.desk4_lighttxt{
font-family: 'Roboto', sans-serif;
font-weight: 400;
font-size: 14px;
color: #BABABA !important;

}
.desk4_tabletxt{
    color: #656567 !important;
}
.desk4_icon_sec{
    display: flex;
    gap: 20px;
    justify-content: center;
}
.desk4_btnsec{
    display: flex;
    gap: 10px;
    justify-content: center;
}
.desk4_ac_btn{
display: flex;
justify-content: center;
align-items: center;
padding: 8px 12px;
gap: 8px;
border: 1px solid var(--moalimy-green);
border-radius: 12px;
font-family: 'Roboto', sans-serif;
font-weight: 400;
font-size: 12px;
color: var(--moalimy-green);
white-space: nowrap;
width: fit-content;
margin: auto;
}
.desk4_ac_btn2{
display: flex;
justify-content: center;
align-items: center;
padding: 8px 12px;
gap: 8px;
border: 1px solid var(--moalimy-orange);
border-radius: 12px;
font-family: 'Roboto', sans-serif;
font-weight: 400;
font-size: 12px;
color: var(--moalimy-orange);
white-space: nowrap;
width: fit-content;
margin: auto;
}
.desk_tab_heading{
padding: 24px;
border-bottom: 1px solid #F3F4F6;
font-family: 'Roboto', sans-serif;
font-weight: 700;
font-size: 18px;
color: #111827;
}
.chk_li {
    justify-content: flex-start !important;
    gap: 8px;
}

.chk_li input[type="checkbox"] {
    width: 20px;
    height: 20px;
    border: 1px solid var(--moalimy-green);
    border-radius: 6px;
    accent-color: var(--moalimy-green);
}
/*mobile menu 3006 SB*/
.mob_cart{
    display: none;
}
.menu-toggle{
    display: none;
}
.tog_heading{
    display: none;
}
.menu_btn{
    display: none;
}
.mn_gift{
    order: 1;
}
.mn_cart{
     order:2;
}
.mn_header_txt .lang-btn{
    order: 3;
}
.mn_login{
    order: 4;
}
.mn_header_menu .mn_right_logo{
    display: none;
}
.mn_btn_green{
display: flex;
justify-content: center;
align-items: center;
padding: 0px 30px;
gap: 8px;
height: 56px;
background: var(--moalimy-green);
border-radius: 8px;
font-family: 'Roboto', sans-serif;
font-weight: 700;
font-size: 16px;
color: #FEFEFE;
min-width: 210px;
}
.mn_btn_green:hover{
    background: var(--moalimy-orange);
}
.mn_btn_white{
display: flex;
justify-content: center;
align-items: center;
height: 56px;
padding: 0px 30px;
gap: 8px;
border: 1px solid var(--moalimy-green);
border-radius: 8px;
font-family: 'Roboto', sans-serif;
font-weight: 700;
font-size: 16px;
color: var(--moalimy-green);
}
.mn_btn_white:hover{
    border-color: var(--moalimy-orange);
    color: var(--moalimy-orange);

}
.mn_btn_white:hover svg path{
 fill: var(--moalimy-orange);
}



/**************** New sidebar SB ****************/
.new_side_bottom_area{
    background: #F2F2F2;
    border-radius: 12px;
    padding: 10px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 18px;
    width: 100%;
}
.new_side_pic_sec{
  display: flex;
  gap: 4px;
  font-size: 12px;
  color: #999999;
  align-items: center;
}
.new_side_pic_sec h4{
    font-size: 18px;
    font-weight: 700;
    color: #1E1E1E;
}
.new_side_pic{
    width: 40px;
    height: 40px;
}
.new_side_pic img{
    width: 40px;
    height: 40px;
    border: var(--moalimy-green) 2px solid;
    border-radius: 40px;
}
.sidebar_edit i{
    font-size: 22px;
    color: var(--moalimy-green);
}


/*--------------------classes SB---------------------------*/
.mn_container{
    padding: 0px 56px;
    max-width: 1440px;
    margin: 0 auto;
}
.mn_schedule_head{
    justify-content: space-between;
    /*classes SB 0607*/
    direction: ltr;
}
.mn_schedule_head h3{
font-weight: 700;
font-size: 24px;
color: #181C1D;
display: flex;
align-items: center;
gap: 5px;
}
.mn_schedule_head p{
font-family: 'Roboto', sans-serif;
font-weight: 400;
font-size: 14px;
color: #6A6A6A;
}
.mn_schedule_head .mn_filter_btn{
    width: auto;
    padding: 0 15px 0 10px;
    gap: 5px;

    justify-content: space-between;
}
.mn_schedule_head .mn_filter_btn select{
    background: transparent;
    color: #FFF;
    font-size: 16px;
    border: none;
     width: 150px;
    height: 50px;
}
.mn_schedule_head .mn_filter_btn select option {
  background: rgba(0, 0, 0, 0.15);
  color: #fff;
}
.mn_class_table{
    border-radius: 10px;
    overflow: hidden;
     background: #F8F8F8;
}
.mn_class_table .mn_exam_head{
    background: #F8F8F8;
}
.mn_class_table .mn_exam_row:nth-of-type(odd){
    background: #F1F1F1;
}
.tabl_pic{
    width: 20px;
    height: 20px;
    border-radius: 20px;
}
.mn_class_table .mn_exam_head, .mn_exam_row {
  grid-template-columns: .9fr .8fr .8fr 1.6fr 1fr .8fr 1.4fr;
}
.mn_class_table .desk4_tabletxt{

    text-align: center;
}
.mn_class_table .desk4_btnsec{
    align-items: center;
}
.mn_class_table .desk4_btnsec a{
    margin: 0;
}
.mn_classes .report-wrapper{
    width: 100%;
    padding: 15px 0;

}
.mn_class_table .mn_exam_row > div:nth-child(2) svg{
    display: none;

}
.mn_class_copy_area{
    margin: 30px 0;
    display: flex;
    justify-content: center;
    font-size: 14px;
    color: #999999;
}

.mob_tog_bt{
    display: none;
}
.desk_tog_bt{
    display: flex;
}
/*ai modal*/
/* Open Button */


/* Modal Background */
.mn_classes .modal{
    position:fixed;
    inset:0;
    width:100%;
    height:100vh;
    background:rgba(0,0,0,.6);
    display:flex;
    align-items:center;
    justify-content:center;

    opacity:0;
    visibility:hidden;
    transition:.3s;
    z-index:9999;
}

/* Show Modal */
.mn_classes .modal.show{
    opacity:1;
    visibility:visible;
}

/* Modal Box */
.mn_classes .modal-content{
    width:90%;
    max-width:500px;
    background:#fff;
    border-radius:10px;
    padding:30px;
    position:relative;
    transform:translateY(-40px);
    transition:.3s;
}

.mn_classes .modal.show .modal-content{
    transform:translateY(0);
}

/* Close Button */
.mn_classes .close-modal{
    position:absolute;
    top:15px;
    right:15px;
    width:35px;
    height:35px;
    border:none;
    border-radius:50%;
    background:#f1f1f1;
    font-size:24px;
    cursor:pointer;
    line-height:30px;
}
.class_modal_icon{
    background-color: var(--moalimy-green)2B;
    width: 60px;
    height: 60px;
    border-radius: 60px;
    margin: 0 auto;
    display: flex;
    justify-content: center;
    align-items: center;
}
.class_modal_icon_area{
    display: flex;
    flex-direction: column;
    gap: 16px;
    font-size: 14px;
    color: #475569;
    align-items: center;
}
.class_modal_icon i{
    font-size: 26px;
    color: var(--moalimy-green);
}
.class_modal_title{
    font-weight: 700;
    font-size: 24px;
    color: #171717;
    text-align: center;
}
.class_modal_name_area{
    display: flex;
    justify-content: space-between;
    font-size: 12px;
    color: #64748B;
    margin-top: 40px;
}
.class_modal_name_area h4{
    font-weight: 700;
    font-size: 18px;
    color: #171717;
}
.class_modal_name_sec{
    display: flex;
    gap: 8px;
    align-items: center;
    line-height: 18px;
}
.class_modal_name{
    font-size: 14px;
    color: #1E293B;
}
.class_modal_pic{
    width: 38px;
    height: 38px;
}
.class_modal_pic img{
    width: 38px;
    height: 38px;
    border-radius: 40px;
}
.class_modal_time_area{
    display: flex;
    gap: 34px;
    margin-top: 18px;
}
.class_modal_time_sec{
    display: flex;
    gap: 8px;
    font-size: 14px;
    align-items: center;
    color: #475569;
}
.mn_classes .modal-content .modal_bt_area{
    margin-top: 40px;
    flex-direction: column;
}
.mn_classes .modal-content .modal_bt_area a{
    width: 100%;
    gap: 5px;
}
.mn_classes .modal-content .modal_bt_area a svg path{
    fill: #FFF;
}

.mn_error{
    background-color: #FFAE002B;
}
.mn_error i{
    color: #E6A61A;
}
/*--------------------Other Times Details SB---------------------------*/
.mn_other_heading{
    font-weight: 700;
    font-size: 25px;
    color: var(--moalimy-green);
    display: flex;
    gap: 16px;
    align-items: center;
    margin-bottom: 16px;
    font-family: "Roboto", sans-serif;
}
.mn_other_heading svg{
    rotate: 180deg;
}
.oth_card{
   width: 100%;
   font-family: "Roboto", sans-serif;
}

/*================ TOP ================*/

.oth_top{
    display:flex;

    align-items:flex-start;
    gap:56px;
}

/*.oth_box{
    width:33.333%;
}*/



.oth_student , .oth_package , .oth_teacher{
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.oth_label{
    color:#6A6A6A;
    font-size:14px;
}

.oth_info{
    display:flex;
    align-items:center;
    gap:12px;

}

.oth_student .oth_info{
    justify-content:flex-start;
}

.oth_teacher .oth_info{
    justify-content:start;
}

.oth_text h3{
    font-size:18px;
    font-weight: 700;
    color: #1E1E1E;
}

.oth_text p{
    color:#999999;
    font-size:12px;
    line-height: 16px;
}

.oth_package h4{
    font-size:17px;
    color:var(--moalimy-orange);
    font-weight: 700;
}

.oth_img{
    width:40px;
    height:40px;
    border:2px solid var(--moalimy-green);
    border-radius:50%;
    overflow:hidden;
    flex-shrink:0;
}

.oth_img img{
    width:100%;
    height:100%;
    object-fit:cover;
}

/*================ BOTTOM ================*/

.oth_bottom{
    margin-top:40px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    font-family: "Roboto", sans-serif;
}

.oth_item{
    display: flex;
  flex-direction: column;
}

.oth_item span{
    color:#6A6A6A;
    font-size: 14px;
}

.oth_item strong{
    color:var(--moalimy-orange);
    font-size:24px;
    font-weight: 700;
}

.oth_status p{
    margin:0;
    line-height:1.8;
    font-weight:400;
}

.oth_green{
    color:var(--moalimy-green) !important;
    font-size: 20px !important;
}

.oth_orange{
    font-size: 20px !important;
    color:var(--moalimy-orange) !important;
}

.oth_cancel{
    width:145px;
    height:56px;
    border:1px solid;
    border-radius:50px;
    color:var(--moalimy-green);
    font-size:16px;
    font-weight:700;
    display: flex;
    justify-content: center;
    align-items: center;
}
.oth_cancel:hover{
    background: var(--moalimy-green);
    color: #FFF;
}
.oth_table_heading{
   font-family: "Roboto", sans-serif;
    font-size: 24px;
    color: #212121;
}
.oth_table , .oth_table .mn_exam_head > div{
    font-family: "Roboto", sans-serif;
}
.oth_table .mn_exam_row > div{
    color: #4D4D4D;
}

.oth_table .mn_exam_head {
    background: #FFF;
}

.oth_table .mn_exam_head, .oth_table .mn_exam_row {
	display: grid;
	grid-template-columns:  .7fr .9fr 1fr .8fr 1.8fr 1fr;
	align-items: center;
}
.oth_top_area{
    background: #FFF;
    border-radius: 16px;
    padding: 16px 24px;
    margin-right: 0px;
    display: flex;
    flex-direction: column;
}
.oth_tab_btn{
    width: 100px;
    height: 46px;
    border: var(--moalimy-green) 1px solid;
    border-radius: 50px;
    color: var(--moalimy-green);
    font-size: 14px;
    font-weight: 700;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: auto;
}
.oth_tab_btn:hover{
    background: var(--moalimy-green);
    color: #FFF;
}
.oth_table .mn_exam_row:nth-child(odd){
    background-color: #F8F8F8;

}
.oth_mob_hd{
    display: none;
}
.oth_date{
    display: flex;
    gap: 8px;
     align-items: center;
}
.oth_date svg{
    display: none;
}
.oth_table .mn_exam_head > div{
    background-color: #FFF;
}
.oth_checkbox_btn{
    position:relative;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    width:72px;
    height:46px;
    border:1px solid var(--moalimy-green);
    border-radius:50px;
    cursor:pointer;
    overflow:hidden;
    user-select:none;
    background:#f8f8f8;
    margin: auto;
}

.oth_checkbox_btn input{
    position:absolute;
    inset:0;
    opacity:0;
    cursor:pointer;
    margin:0;
}

.oth_checkbox_btn span{
    color:var(--moalimy-green);
    font-size:14px;
    font-weight:700;
    transition:.3s;
}

/* Selected */
.oth_checkbox_btn input:checked + span{
    background:var(--moalimy-green);
    color:#fff;
    width:100%;
    height:100%;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:50px;
}

.oth_checkbox_btn:hover{
    background:#f1f7f7;
}
.oth_bt_area{
    text-align: center;
    margin-top: 20px;
}
.oth_bt_area .oth_tab_btn{
    width: fit-content;
    padding: 0px 20px;
}
/*--------------------Other Times Details 2 SB---------------------------*/
.oth_d2_table .mn_exam_head, .oth_d2_table .mn_exam_row{
display: grid;
  grid-template-columns: 1.5fr .8fr 1.2fr 1fr .8fr;
  align-items: center;
}
.oth_d2_bro_tag{
    background-color: var(--moalimy-orange)1F;
    font-size: 14px;
    color: var(--moalimy-orange);
    height: 34px;
    border-radius: 50px;
    padding: 0 16px;
    display: flex;
    justify-content: center;
    align-items: center;
    width: fit-content;
    margin: auto;
}
.oth_d2_green_tag{
    background-color: var(--moalimy-green)1F;
       font-size: 12px;
    white-space: nowrap;
    color: var(--moalimy-green);
    height: 34px;
    border-radius: 50px;
      padding: 0 16px;
    display: flex;
    justify-content: center;
    align-items: center;
    width: fit-content;
    margin: auto;
}
.oth_d2_tabl_pic , .oth_d2_table .mn_exam_row > div:nth-child(1) p{
    display: none;
}
.oth_d2_table .mn_exam_row>div:nth-child(5) .oth_tab_btn {
display: none;
}
/*--------------------Other Topic Details 3 SB---------------------------*/
.oth_topic_page .oth_top{
    gap: 0;
    justify-content: space-between;
    align-items: flex-end;
}
.oth_topic_page .oth_item{
    gap: 12px;
}
.oth_topic_page .oth_status{
     gap: 0;
}
.oth_topic_page .oth_status p{
    line-height: auto;
}
.oth_topic_table .mn_exam_head, .oth_topic_table .mn_exam_row {
	display: grid;
	grid-template-columns: 1.2fr .8fr 1fr;
	align-items: center;
}
.oth_topic_table2 .mn_exam_head , .oth_topic_table2 .mn_exam_row{
    grid-template-columns: 1.2fr .8fr 1fr .8fr;
}
.oth_topic_pic_area{
    display: flex;
    flex-flow: row wrap;
    gap: 16px;
}
.oth_topic_pic_box{
    width: calc((100% - 32px)/3);
    background: #ffffff;
    padding: 30px;
    border-radius: 30px;
    position: relative;
    margin-top: 16px;
    text-align: center;
    font-size: 14px;
    color: #6A6A6A;
}
.oth_pic_tag{
    display: flex;
    justify-content: center;
    align-items: center;
    background: var(--moalimy-green)1F;
    border-radius: 50px;
    padding: 0 16px;
    font-size: 14px;
    color: var(--moalimy-green);
    position: absolute;
    top: 20px;
    right:20px;
}
.oth_topic_pic{
    width: 100px;
    height: 100px;
    margin: auto;
    margin-bottom: 25px;
}
.oth_topic_pic img{
    width: 100px;
    height: 100px;
    border-radius: 100%;
}
.oth_topic_pic_box h3{
    font-weight: 700;
    font-size: 24px;
    color: #181C1D;
    margin-bottom: 10px;
}
.oth_topic_mob_box{
    gap: 24px;
    display: flex;
    flex-direction: column;
}
.oth_topic_desig{
    display: none;
}
.oth_topic_page .mn_exam_row > div svg{
    display: none;
}
/*--------------------Urgrnt Session Details 1 SB---------------------------*/
.urg_sec{
    display: flex;
    gap: 16px;
}
.urg_left{
    width: 74%;
    display: flex;
    flex-direction: column;
    gap: 16px;
}
.urg_rt{
    width: calc(100% - 70%);
    background: #FFF;
    border-radius: 16px;
    gap: 8px;
}
.urg_detail_page .mn_other_heading span{
    font-size: 14px;
    color: #4D4D4D;
    font-weight: 400;
}
.urg_detail_page_heading{
display: flex;
justify-content: space-between;
align-items: center;
border-bottom: #E1E2E480 1px solid;
    padding-bottom: 10px;
    margin-bottom: 14px;
    font-size: 14px;
    font-weight: 400;
    color: #3C4A42;
}
.urg_detail_page_heading h3{
    font-weight: 700;
    font-size: 20px;
    color: #191C1E;
}
.urg_detail_page_heading .oth_d2_green_tag{
    height: 28px;
    font-size: 12px;

}
.urg_detail_page .oth_label{
    font-weight: 700;
    font-size: 12px;
    line-height: 16px;
    color: #3C4A42;
}
.urg_detail_page .oth_text h3 , .urg_detail_page  .oth_text p{
    font-size: 12px;
    color: #999999;
    line-height: 150%;
}
.urg_detail_page .oth_student{
    gap: 4px;
}
.urg_detail_page .oth_text h3 {
color: #1E1E1E;
}

.urg_detail_page .oth_top_area{
    margin: 0;
    padding: 30px;
}
.urg_detail_page .oth_top_area h4{
    font-weight: 700;
    font-size: 16px;
    line-height: 24px;
    color: #191C1E;
}
.urg_detail_page .oth_top_area .oth_img{
    width: 32px;
    height: 32px;
}
.urg_detail_page .oth_top{
    align-items: flex-start;
}
.urg_top_in{
    display: flex;
    flex-flow: row wrap;
    gap: 16px;
    margin-bottom: 16px;
}
.urg_top_left{
    /*width: 60%;*/
    min-width: 45%;
    width: 100%;
    background-color: #F3F4F680;
    border: #E1E2E4 1px dashed;
    padding: 16px;
    border-radius: 12px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    font-weight: 400;
    font-size: 14px;
    color: #3C4A42;
    min-height: 250px;
    height: auto;
}
.urg_top_left i{
    color: #3C4A4280;;
    font-size: 24px;
}
.urg_top_left_btn_area{
    border-top: #E1E2E480 1px solid;
    padding-top: 16px;
    width: 100%;
}
.urg_top_left_btn{
    height: 56px;
    background-color: var(--moalimy-green);
    border-radius: 8px;
    padding: 0px 16px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 8px;
    font-size: 700;
    font-size: 16px;
    color: #FFF;
}
.urg_top_left_btn:hover{
    background-color: #d89a74;
}
.urg_top_rt{
     width:calc(45% - 8px);
     display: flex;
     flex-direction: column;
     padding: 16px;
     gap: 16px;
     border: #E1E2E480 1px solid;
       border-radius: 12px;
}
.urg_top_in.one-box .urg_top_left{
    flex: 1;
}
.urg_detail_page .urg_top_rt .oth_img{
    width: 64px;
    height: 64px;
    border: none;
}
.urg_top_rt .oth_text h3{
    font-size: 16px;
    color: #191C1E;
}
.urg_top_rt .oth_text p{
    font-size: 13px;
    color: #3C4A42;
      margin-top: 5px;
}
.urg_top_rt_row_area{
    display: flex;
    flex-direction: column;
    gap: 8px;
}
.urg_top_rt_row{
    display: flex;
    justify-content: space-between;
    align-items: center;
    background-color: #F3F4F6;
    padding: 8px;
    border-radius: 4px;

}
.urg_top_rt_row p{
    color: #191C1E;
    font-size: 16px;
    direction: ltr;

}
.urg_tagbtn{
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: 700;
    font-size: 12px;
    color: var(--moalimy-green);
    border: var(--moalimy-green) 1px solid;
    border-radius: 50px;
    padding: 0px 12px;
    min-width: 78px;
    width: auto;
}
.urg_tagbtn_active{
    background: var(--moalimy-green);
    color: #FFF;
}
.urg_detail_page_heading_in{
    display: flex;
    width: 100%;
    justify-content: space-between;
    align-items: flex-start;
    padding: 16px;
    padding-bottom: 0;
}
.urg_rt_in{
    display: flex;
    flex-direction: column;
    gap: 12px;
    padding: 12px;
}
.urg_rt_in_box{
    background-color: #FFF;
    padding: 8px 12px;
    border: var(--moalimy-green) 1px solid;
    border-right-width: 4px;
    border-radius: 16px;

}
.urg_rt_in_box .oth_label{
    font-size: 16px;
    color: #191C1E;
    font-weight: 700;
    line-height: 24px;
}
.urg_rt_in_box .oth_img{
    width: 32px;
    height: 32px;
}
.urg_rt_in_box .oth_student{
    gap: 8px;
}
.urg_time_sec{
    display: flex;
    gap: 4px;
    color: #3C4A42;
    font-size: 14px;
    align-items: center;
}
.urg_rt_in_box .oth_d2_green_tag{
    margin: 0;
    margin-right: auto;
}
/*--------------------Book Today Class2 SB---------------------------*/
.booktoday_heading h3{
    font-weight: 700;
    font-size: 24px;
    color: #181C1D;
    margin-bottom: 10px;
}
.booktoday_heading p{
    font-weight: 400;
    font-size: 14px;
    color: #6A6A6A;
}

.today_btn{
    background-color: var(--moalimy-orange);
    height: 50px;
    display: flex;
    gap: 8px;
    justify-content: center;
    align-items: center;
    font-weight: 700;
    font-size: 16px;
    color: #FFF;
    border-radius: 8px;
}
.today_btn:hover{
    background-color: var(--moalimy-green);
}
.today_page .subscription-details-box .teacher-invoice .teacher p{
    line-height: 16px;
    color: #6A6A6A;
}
.today_page .subscription-details-box .teacher-invoice .teacher h6{
    line-height: 20px;
    color: #171717;
}
.today_page .subscription-details-box .teacher-invoice .teacher{
    align-items: flex-start;
}
/*--------------------Other Topic Details 2 SB---------------------------*/
.oth_topic_de2_area{
    display: flex;
    gap: 20px;
    font-family: 'Droid Arabic Kufi';
}
.oth_topic_de2_rt{
    width: calc(100% - 70%);
    background-color: #ffffff;
    padding: 12px 16px;
    border-radius: 16px;
}
.oth_topic_de2_rt .urg_rt_in{
    gap: 16px;
}
.oth_topic_de2_left{
    width: 70%;
    border-radius: 16px;
    overflow: hidden;
}
.oth_topic_de2_rt_box{
    padding: 16px;
    border-radius: 16px;
    border: #E6E6E6 2px solid;
    gap: 10px;
    display: flex;
    flex-direction: column;
}
.oth_topic_de2_rt_box.brown_topic_box{
    border-width: 1px 1px 1px 8px;
    border-style: solid;
    border-color: var(--moalimy-orange);

}
.oth_topic_de2_rt_box.brown_topic_box .oth_d2_green_tag{
    background-color: var(--moalimy-orange)1F;
    color: var(--moalimy-orange);
}
.oth_topic_de2_rt_box_top{
    display: flex;
    justify-content: space-between;
}
.oth_topic_de2_rt_box_top .oth_label a{
    color: #111827;
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 5px;
}
.oth_topic_de2_rt_box_top p{
    color: #6B7280;
    font-size: 14px;
    display: flex;
    gap: 4px;
    align-items: center;
}
.oth_topic_de2_rt_box_top p i{
    display: none;
    font-size: 16px;
}
.oth_topic_de2_rt_box_info{
    display: grid;
    grid-template-columns:repeat(3, 1fr);
    border-width: 1px 0px 1px 0px;

    border-style: solid;

    border-color: #F3F4F6;
    padding: 12px;
    font-size: 12px;
    color: #6B7280;
    text-align: center;
}
.oth_topic_de2_rt_box_info div:first-child{
  border-right: #F3F4F6 1px solid;
}
.oth_topic_de2_rt_box_info div:last-child{
  border-left: #F3F4F6 1px solid;
}
.oth_topic_de2_rt_box_info h4{
    font-size: 16px;
    font-weight: 700;
    color: #1F2937;
}
.oth_topic_de2_left_top{
    display: flex;
    flex-direction: column;
    background-color: #F9FAFB;
    gap: 8px;
    padding: 20px;

}
.oth_topic_de2_left_top .urg_detail_page_heading{
    flex-direction: column;
    align-items: flex-start;
}
.oth_topic_de2_left_mid{
    display: flex;
    flex-direction: column;
    padding: 20px 20px 40px 20px;
    background: #FFF;

}
.oth_topic_de2_left_mid_title{
    font-weight: 700;
    font-size: 18px;
    color: #171717;
    border-bottom: var(--moalimy-orange) 2px solid;
    padding-bottom: 4px;
    width: fit-content;
    margin-bottom: 16px;
}
.oth_topic_de2_left_table_head , .oth_topic_de2_left_table_row {
    display: grid;
    grid-template-columns:repeat(3, 1fr);
    padding: 14px;
    text-align: left;
}
.oth_topic_de2_left_table_row {
    border: #D1D5DB 1px solid;
    border-top: 0;

}
.oth_topic_de2_left_table_row:last-child{
        border-bottom-left-radius: 16px;
     border-bottom-right-radius: 16px;
}

.oth_topic_de2_left_table_head{
    background: var(--moalimy-green);
  color: #fff;
  font-size: 14px;
  font-weight: 700;
border-top-left-radius: 16px;
     border-top-right-radius: 16px;
}
.oth_blue_sec{
    background: #EFF6FF;
    padding: 16px;
    display: flex;
    gap: 12px;
    border: #BFDBFE 1px solid;
    border-radius: 8px;
    font-size: 14px;
    color: #1E40AF;
    margin: 25px 0;
}
.oth_topic_de2_box_area{
display: flex;
gap: 10px;
flex-flow: row wrap;
}
.oth_topic_de2_box{
    border: #E5E7EB 1px solid;
    border-radius: 12px;
    gap: 12px;
    padding: 16px;
    width: 46%;
}
.oth_topic_de2_box_top{
    display: flex;
    gap: 10px;
}
.oth_topic_de2_box_top_pic{
    width: 45px;
    height: 45px;
}
.oth_topic_de2_box_top_pic img{
    width: 45px;
    height: 45px;
    border-radius: 100%;
}
.oth_topic_de2_box_top_txt{
    display: flex;
    flex-direction: column;
    gap: 8px;
}
.oth_topic_de2_box_top_txt h3{
    font-weight: 700;
    font-size: 18px;
    color: #171717;
}
.oth_topic_de2_box_top_txt p{
    font-size: 12px;
    color: #6A6A6A;
    line-height: 16px;
}
.oth_topic_de2_box_bottom{
    border-top: #F3F4F6 1px solid;
    padding-top: 8px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 14px;
    color: #171717;
}
.oth_topic_de2_box_bottom span{
    font-weight: 700;
}
.oth_red_btn{
    border: #D32F2F 1px solid;
    height: 56px;
    border-radius: 8px;
    font-weight: 700;
    color: #D32F2F;
    font-size: 16px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 30px;
}
.oth_topic_de2_left_bottom{
    background: #F9FAFB;
    border-top:#E5E7EB 1px solid;
    gap: 12px;
    display: flex;
    flex-direction: column;
    font-size: 12px;
    color: #6A6A6A;
    text-align: center;
    padding: 20px;
}
.oth_topic_offer_btn{
    display: none;
    justify-content: center;
    align-items: center;
    height: 48px;
    border: var(--moalimy-green) 1px solid;
    border-radius: 50px;
    font-size: 14px;
    font-weight: 700;
    color: var(--moalimy-green);
    margin-top: 20px;
}
.oth_topic_offer_btn:hover{
   background-color: var(--moalimy-green);
   color: #FFF;
}
@media only screen and (min-width:990px) {
    .oth_bottom .oth_item {
        width: 20%;
    }

    .oth_bottom .oth_item.oth_item.oth_status {
        width: 30%;
    }

    .oth_top .oth_box.oth_teacher {
        width: 30%;
    }
}

.oth_bottom .oth_item.oth_item.oth_status p span {
    font-size: 16px !important;
}
/*--------------------new tab---------------------------*/
.mn_tab_nav{
    background-color: #FFF;
    height: 68px;
    border-radius: 140px;
    padding: 10px;

 /*scrollbar-width: thin;
     overflow-y: hidden;
    overflow-x: scroll;*/


}
.mn_tab_nav_in{
         display: flex;
    justify-content: space-between;
    align-items: center;
 overflow-x: auto;
    padding-bottom: 12px;
    margin-bottom: -12px;
}
.mn_tab_nav a{
    padding: 0px 40px;
    font-size: 18px;
    color: #999999;
    height: 48px;
     display: flex;
    justify-content: space-between;
    align-items: center;
    white-space: nowrap;
}
.mn_tab_nav a:hover{
    color: var(--moalimy-green);
}
.mn_tab_nav a.active{
    color: #FFF;
    font-weight: 700;
    background: var(--moalimy-green);
    border-radius: 60px;
}
/*2707 SB*/
.add_file {
    margin: 15px 0px;
}

.add_file .dash_inputs label {
    color: #3C4A42;
    font-weight: 700;
    font-size: 12px;
}

.add_file ul {
    display: flex;
    gap: 8px;
    flex-flow: row wrap;
}

.add_file li a {
    display: flex;
    gap: 8px;
    justify-content: space-between;
    align-items: center;
    width: fit-content;
    padding: 4px 13px 4px 15px;
    border-radius: 8px;
    background-color: var(--moalimy-orange);
    color: white;
    font-size: 14px;
}

.add_file li a:hover {
    background-color: var(--moalimy-green);
}

/*--------------------25.6.26 sabir---------------------------*/

/*----page report---*/

.report-page {background-color: #F1F1F3; display: flex; flex-flow: row wrap; column-gap: 35px;}
.report-wrapper {width: calc(100% - 312px - 35px); padding-right: 45px; padding-top: 30px; padding-bottom: 30px; display: flex; flex-direction: column; gap: 26px;}
.report-txt h3 {font-family: "Roboto", sans-serif; font-weight: 700; font-size: 20px; color: #061A20;}
.report-txt p {font-family: "Roboto", sans-serif; font-weight: 400; font-size: 16px; line-height: 32px; color: #656567;}
.report-wrapper .report-top-area {display: flex; align-items: center; justify-content: space-between;}
.report-wrapper .report-top-area .top-grid-box {display: flex; background: #fff; padding: 10px; border-radius: 12px; gap: 15px; align-items: center;}
.report-wrapper .report-top-area .top-grid-box .box { text-align: center; min-width: 90px;}
.report-wrapper .report-top-area .top-grid-box .box h3 {font-size: 24px; font-weight: 700;}
.report-wrapper .report-top-area .top-grid-box hr {background: #999999; height: 50px; opacity: 0.5;}
.report-wrapper .report-top-area .top-grid-box .box p {color: #6A6A6A; font-size: 12px; font-family: "Roboto", sans-serif;}

.report-search-area {display: flex; align-items: center; justify-content: space-between; gap: 15px;}
.report-search-area .search-input {width: 70%; position: relative;}
.report-search-area .search-input input, .report-search-area .select-box select {width: 100%; padding: 0 20px 0 50px; height: 50px; background: #fff; border: none; border-radius: 8px; font-size: 16px; color: #6A6A6A; border:none; font-family: "Roboto", sans-serif;}
.report-search-area .select-box select {padding: 0 15px 0 40px;}
.report-search-area .search-input input:focus, .report-search-area .select-box select:focus{ border: none; outline:none;}
.report-search-area em.input-icon {position: absolute; left: 15px; top: 29px; right: auto;}
.filter-box.mobile-togel {display: none;}
.report-search-area .mobile-search-togel {display: flex; width: 35%; justify-content: space-around; gap: 10px;}
.report-search-area .select-box { position: relative; width: 100%; background: #fff; padding: 0 10px 0 0px; border-radius: 8px;}
.report-search-area .search-btn-box .page_btn{ margin:0; padding: 0px 45px; border-radius: 12px; height: 50px; font-family: "Roboto", sans-serif;}



.report_table_wrap {background: #FFFFFF; border: 1px solid #F3F4F6; box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.05); border-radius: 12px; overflow: hidden;}
.report_exam_head {font-weight: 600; color: #333; padding: 15px 8px; min-width: 20px; width: auto; font-family: "Roboto", sans-serif;}
.report_exam_head, .report_exam_row {display: grid; grid-template-columns: 0.8fr 1.2fr 1fr 1fr .7fr 0.7fr 0.7fr; align-items: center;}
.report_exam_row {background: #f8f8f8;}
.report_exam_row>div {padding: 15px 8px; min-width: 20px; width: auto; font-family: "Roboto", sans-serif; font-weight: 400; font-size: 14px; line-height: 30px; color: #4D4D4D;}
.report_exam_row .report_actions {justify-content: center;}
.report_exam_row .report_actions div {display: flex; align-items: center; gap: 20px; line-height: 0;}
.report_exam_row.default-bg {background: #F1F1F1;}
.report_exam_row .rating{ display: flex; align-items: center; gap: 3px; justify-content: center; font-family: "Roboto", sans-serif; direction: rtl;}
.report_exam_row .btn-box {text-align: center;}
.report_exam_row .rating span {font-size: 12px; color: #848484;}
.report_exam_row .rating strong {font-weight: 800; font-size: 16px; color: #171717;}
.report_exam_row .btn-box a.rt-table-btn {border: 1px solid var(--moalimy-orange); padding: 10px 15px; border-radius: 8px; color: var(--moalimy-orange); font-size: 12px;}
.report_exam_row .btn-box a.rt-table-btn:hover{background: var(--moalimy-orange)61; color:#333; border-color:var(--moalimy-orange)61;}
.report_table_wrap .report_exam_row div:nth-child(4) svg, .report_table_wrap .report_exam_row div:nth-child(5) svg, .report_table_wrap .report_exam_row div:nth-child(2) svg{ display:none;}

.report-wrapper .pagination-wrapper{display:flex; justify-content:space-between; align-items:center; padding:20px 0; font-family:Arial, sans-serif;}
.report-wrapper .pagination-info{color:#6A6A6A; font-size:14px; font-weight:400; font-family: "Roboto", sans-serif; display: flex; gap: 5px;}
.report-wrapper .pagination-info span{ color:#171717;}
.report-wrapper .pagination{display:flex; align-items:center; gap:8px; padding: 0;}
.report-wrapper .pagination a{text-decoration:none; min-width:34px; height:34px; display:flex; align-items:center; justify-content:center; border:1px solid #ddd; border-radius:6px; background:#fff; color:#6A6A6A; font-size:14px; transition:0.3s; font-family: "Roboto", sans-serif;}
.report-wrapper .pagination a.active, .report-wrapper .pagination a:hover{background:var(--moalimy-green); color:#fff; border-color:var(--moalimy-green);}
.report-wrapper .pagination a.disabled{pointer-events: none; width: auto; padding: 10px; display: flex; gap: 5px;}
.report-wrapper .pagination a svg { transform: rotate(180deg);}

/*----Sabir page watch-report---*/

.sm_dashboard_area {background-color: #F1F1F3; display: flex; flex-flow: row wrap; column-gap: 35px;}
.sm_dashboard_left {width: calc(100% - 312px - 35px); padding-right: 45px; padding-top: 30px; padding-bottom: 30px; display: flex; flex-direction: column; gap: 26px;}
.watch-report-wrapper .watch-report-top-box {display: flex; align-items: center; justify-content: space-between;}
.watch-report-wrapper .watch-report-top-box .back-to a svg { transform: rotate(180deg);}
.watch-report-top-box .btn-box .btn-dflt {gap: 8px; display: flex; justify-content: center; align-items: center; background:var(--moalimy-green); border-radius: 8px; padding: 12px 40px; font-family: "Roboto", sans-serif; font-weight: 700; font-size: 16px; color: #FEFEFE; direction: rtl;}
.watch-report-top-box .btn-box .btn-dflt:hover{background: #DCA084;}
.watch-report-top-box .back-to a {color: #171717; display: flex; align-items: center; gap: 10px; font-family: "Roboto", sans-serif; font-size: 16px; font-weight: 400;}

.watch-report-wrapper .watch-main-body {background: #fff; padding: 30px; border-radius: 15px; display: grid; gap: 25px;}
.watch-top-area {display: flex; align-items: center; justify-content: space-between;}
.watch-top-area .user-box {display: flex; align-items: center; gap: 10px;}
.watch-top-area .user-box .user-des {display: flex; align-items: start; gap: 15px;}
.watch-top-area .user-box .user-des .name-box {display: grid; gap: 5px;}
.watch-top-area .user-box .user-des .name-box h3 {font-size: 24px; color: #171717; font-weight: 700; font-family: "Roboto", sans-serif;}
.watch-top-area .user-box .user-des .name-box p {display: flex; align-items: center; gap: 10px; font-size: 14px; font-family: "Roboto", sans-serif; color: #6A6A6A;}
.watch-top-area .user-box .user-des .btn-box .btn-dflt {background: var(--moalimy-green); padding: 5px 10px; border-radius: 8px; color: #fff; font-family: "Roboto", sans-serif;}
.watch-top-area .user-grid-box {display: flex; gap: 20px; align-items: center;}
.watch-top-area .user-grid-box div {text-align: center;}
.watch-top-area .user-grid-box div p {font-size: 12px; color: #6A6A6A; font-family: "Roboto", sans-serif;}
.watch-top-area .user-grid-box div h3 {color: #171717; font-size: 14px; font-weight: 700;}
.watch-top-area .user-grid-box hr {background: #999999; height: 60px; opacity: 0.4;}

.watch-main-body .session-box {background: #F4F4F4; padding: 20px; border-radius: 10px;}
.watch-main-body .session-box h4 {display: flex; gap: 10px; align-items: center; font-size: 20px; color: var(--moalimy-green); font-weight: 700; margin: 0 0 10px 0;}
.watch-main-body .session-box p {font-size: 16px; color: #6A6A6A; font-family: "Roboto", sans-serif; font-weight: 400;}
.watch-main-body .academic-level {display: flex; align-items: end; justify-content: space-between; gap: 20px;}
.watch-main-body .academic-level .level-icon-box {background: var(--moalimy-green); padding: 15px; border-radius: 15px; width: 30%; display: flex; align-items: center; gap: 10px;}
.watch-main-body .academic-level .level-icon-box .content-box p {color: #FAFAFA; font-size: 16px; font-weight: 400;}
.watch-main-body .academic-level .level-icon-box .content-box h3 {color: #FEFEFE; font-size: 24px; font-weight: 700;}
.watch-main-body .academic-level .progress-box {width: 70%;}
.watch-main-body .academic-level .progress-box .progress {background: #DADADA; border-radius: 15px; height: 13px;}
.watch-main-body .academic-level .progress-box .progress .progress-bar {background: var(--moalimy-green); border-radius: 15px; width:85%;}
.watch-main-body .academic-level .progress-box .progress-name {display: flex; align-items: center; justify-content: space-between; margin: 0 0 10px 0;}
.watch-main-body .academic-level .progress-box .progress-name h3 {color: #171717; font-size: 16px; font-weight: 700; font-family: "Roboto", sans-serif;}
.watch-main-body .academic-level .progress-box .progress-name span {color: var(--moalimy-green); font-size: 16px; font-weight: 700;}

.watch-main-body .home-work-box { background: var(--moalimy-orange)1F; padding: 20px 25px; border-radius: 15px; border: 1px solid var(--moalimy-orange); display: grid; gap: 20px;}
.watch-main-body .home-work-box h3 {display: flex; align-items: center; gap: 10px; color: var(--moalimy-orange); font-size: 20px; font-weight: 700; text-transform: capitalize;}
.watch-main-body .home-work-box .align-box {display: flex; align-items: center; justify-content: space-between; gap: 20px;}
.watch-main-body .home-work-box .align-box div {width: 100%; background: #fff; padding: 30px; border-radius: 15px; min-height: 150px; height: 100%;}
.watch-main-body .home-work-box .align-box div h4 {color: var(--moalimy-orange); font-weight: 700; font-size: 20px; margin: 0 0 10px 0;}
.watch-main-body .home-work-box .align-box div p {color: #4D4D4D; font-size: 16px; font-weight: 400;  font-family: "Roboto", sans-serif;}
.watch-main-body .home-work-box .btn-box {display: flex; justify-content: end;}
.watch-main-body .home-work-box .btn-box a.btn-dflt-2 {background: var(--moalimy-orange); padding: 15px 40px; color: #FEFEFE; font-weight: 700; border-radius: 30px;  font-family: "Roboto", sans-serif;}
.watch-report-wrapper .watch-main-body .recomendation-box { padding: 20px; background: var(--moalimy-orange)14; border-radius: 15px; border: 1px solid var(--moalimy-orange);}
.watch-report-wrapper .watch-main-body .recomendation-box h4 {color: var(--moalimy-orange); font-size: 18px; font-weight: 700; margin: 0 0 10px 0;  font-family: "Roboto", sans-serif;}
.watch-report-wrapper .watch-main-body .recomendation-box p {color: #6A6A6A; font-size: 16px; font-weight: 400; font-family: "Roboto", sans-serif;}

.watch-report-wrapper .watch-main-body .additional-box {background: #F4F4F4; padding: 20px; border-radius: 15px; display: flex; align-items: center; justify-content: space-between;}
.watch-report-wrapper .watch-main-body .additional-box .content-box h4 {color: var(--moalimy-green); font-size: 18px; font-weight: 700; margin: 0 0 10px 0; font-family: "Roboto", sans-serif;}
.watch-report-wrapper .watch-main-body .additional-box .content-box p {color: #6A6A6A; font-size: 16px; font-weight: 400; font-family: "Roboto", sans-serif;}
.watch-report-wrapper .watch-main-body .additional-box .rating-box { padding: 0 10px; text-align: center;}
.watch-report-wrapper .watch-main-body .additional-box .rating-box p {color: #6A6A6A; font-size: 14px; font-weight: 700; font-family: "Roboto", sans-serif; margin: 0 0 10px 0;}


/*----Sabir page subscription---*/
.subscription-wrapper {font-family: "Roboto", sans-serif; max-width: 1170px; margin: 0 auto; padding: 30px 0; display: grid; gap: 26px;}
.subscription-wrapper .breadcrumb {padding: 0; margin: 0; background: no-repeat;}
.subscription-wrapper .breadcrumb ul {display: flex; gap: 5px;}
.subscription-wrapper .breadcrumb ul li {color: #999999; font-size: 14px;}
.subscription-wrapper .breadcrumb ul li a {color: var(--moalimy-green);}

.subscription-wrapper .subscription-top-box {display: flex; align-items: center; justify-content: space-between;}
.subscription-wrapper .btn-box .btn-dflt {gap: 8px; display: flex; justify-content: center; align-items: center; background:var(--moalimy-green); border-radius: 8px; padding: 12px 24px; font-family: "Roboto", sans-serif; font-weight: 700; font-size: 16px; color: #FEFEFE;}
.subscription-wrapper .btn-box .btn-dflt:hover{background: #DCA084;}
.subscription-wrapper .back-to { display: flex; align-items: start; gap: 15px;}
.subscription-wrapper .back-to a svg {transform: rotate(180deg);}
.subscription-wrapper .back-to .heading h2 {color: #181C1D; font-size: 24px; font-weight: 700; margin: 0 0 10px 0;}
.subscription-wrapper .back-to .heading p {color: #6A6A6A; font-size: 14px; font-weight: 400;}

.subscription-grid-box {display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 15px;}
.subscription-grid-box .subscription-details-box {background: #fff; border-radius: 15px; padding: 16px 24px; display: grid; gap: 15px;}
.subscription-details-box .package-box {display: flex; align-items: start; justify-content: space-between; gap: 10px}
.subscription-details-box .package-box .btn-dflt {background: var(--moalimy-green)1F; padding: 3px 15px; border-radius: 20px; color: var(--moalimy-green); font-weight: 700;}
.subscription-details-box .package-box h3 { font-size: 18px; font-weight: 700; margin: 0 0 5px 0; color: #171717; overflow-wrap: break-word; word-break: break-word;}
.subscription-details-box .package-box p {color: #6A6A6A; font-size: 14px;}
.subscription-details-box .session-title {display: flex; justify-content: space-between; color: #6A6A6A;}
.subscription-details-box .session-progress {width: 100%; height: 10px; background: #DADADA; border-radius: 20px; position: relative; margin: 5px 0;}
.subscription-details-box .session-progress .session-progress-bar {position: absolute; height: 10px; background: var(--moalimy-green); border-radius: 20px;}
.subscription-details-box .session-btm {text-align: left; font-size: 12px; color: #6A6A6A;}
.subscription-details-box .package-date { display: flex; align-items: center; gap: 10px;}
.subscription-details-box .package-date p {font-size: 14px; color: #475569;}
.subscription-details-box .teacher-invoice {display: flex; align-items: center; justify-content: space-between;}
.subscription-details-box .teacher-invoice .teacher {display: flex; align-items: center; gap: 10px;}
.subscription-details-box .teacher-invoice .teacher h6 {color: #1E293B; font-size: 14px; font-weight: 400;}
.subscription-details-box .teacher-invoice .teacher p {font-size: 12px; color: #64748B;}
.subscription-details-box .teacher-invoice .invoice a { display: flex; align-items: center; gap: 5px; color: var(--moalimy-green);}
.subscription-details-box .btn-box {display: flex; align-items: center; justify-content: space-between; gap: 10px;}
.subscription-wrapper .subscription-details-box .btn-box a {width: 100%; text-align: center; border: 1px solid var(--moalimy-green); border-radius: 8px; height: 55px; display: flex; align-items: center;    justify-content: center; gap: 5px; padding: 0; font-weight: 700;}
.subscription-wrapper .subscription-details-box .btn-box a.btn {background: transparent !important; color: var(--moalimy-green);}
.subscription-wrapper .subscription-details-box .btn-box a.btn:hover, .subscription-wrapper .subscription-details-box .btn-box a:hover{ background: #DCA084 !important; color:#fff; border-color:#DCA084 !important;}

.subscription-details-box .teacher-invoice .no-teacher {display: flex; align-items: center; background: var(--moalimy-orange)14; padding: 8px 10px; border-radius: 20px; gap: 5px;}
.subscription-details-box .teacher-invoice .no-teacher p {color: var(--moalimy-orange); font-size: 14px;}
.subscription-grid-box .subscription-details-box.background {background: var(--moalimy-green);}
.subscription-details-box.background .package-box p {color: #FEFEFE;}
.subscription-details-box.background .package-box .btn-dflt {background: #fff;}
.subscription-details-box.background .content-box p {color: #FEFEFE; font-size: 14px; line-height: 20px; font-weight: 400;}
.subscription-details-box.background .package-date p {color: #FEFEFE;}
.subscription-details-box.background .invoice {display: flex; align-items: center; justify-content: center; gap: 5px; color: #fff; font-size: 16px; font-weight: 700; line-height: 20px;}
.subscription-details-box.background .bnt-box a {background: #fff !important; width: 100%; border-radius: 10px; height: 60px; color: var(--moalimy-green); line-height: 20px; padding: 0; display: flex; align-items: center; justify-content: center; font-size: 16px; font-weight: 700;}
.subscription-details-box.background .bnt-box a:hover{background: #DCA084 !important; color:#fff;}

.subscription-mid-box .sec-title-box {margin: 30px 0 20px 0;}
.subscription-mid-box .sec-title-box h2 {font-size: 24px; font-weight: 700; line-height: 150%; color: #181C1D;}
.subscription-details-box .package-box .btn-dflt.complate {background: #BC0E111F; color: #BC0E11;}
.subscription-details-box .btn-box.resubscribe { justify-content: center;}
.subscription-details-box .btn-box.resubscribe a.btn { width: 100%; background: transparent; color: var(--moalimy-green);}
.subscription-details-box .btn-box.resubscribe a.btn:hover svg path{ fill: #fff;}



/*----Sabir page Chats---*/
.chats-page-wrapper {padding: 30px 0; background: #F1F1F3; font-family: "Roboto", sans-serif;}
.chats-page-wrapper .breadcrumb {padding: 0; margin:0 0 20px 0; background: no-repeat;}
.chats-page-wrapper .breadcrumb ul {display: flex; gap: 5px;}
.chats-page-wrapper .breadcrumb ul li {color: #999999; font-size: 14px;}
.chats-page-wrapper .breadcrumb ul li a {color: var(--moalimy-green);}

.chats-page-wrapper .top-box .mobile-sidebar {display: none;}

.chats-page-wrapper .title-row {display: flex; align-items: center; justify-content: space-between; gap: 20px;}
.chats-page-wrapper .title-row .title-box {display: flex; align-items: start; gap: 15px;}
.chats-page-wrapper .title-row .title-box a {transform: rotate(180deg);}
.chats-page-wrapper .title-row .title-box .heading h2 {color: #181C1D; font-size: 24px; font-weight: 700; margin: 0 0 10px 0;}
.chats-page-wrapper .title-row .title-box .heading p {color: #6A6A6A; font-size: 14px; font-weight: 400; line-height: 150%;}
.chats-page-wrapper .title-row .btn-box .btn-dflt {gap: 8px; display: flex; justify-content: center; align-items: center; background: var(--moalimy-green); border-radius: 8px; padding: 12px 24px; font-family: "Roboto", sans-serif; font-weight: 700; font-size: 16px; color: #FEFEFE;}
.chats-page-wrapper .title-row .btn-box .btn-dflt:hover{background: #DCA084;}

.mid-chats-area {display: flex; justify-content: space-between; margin: 25px 0 0 0; gap: 20px;}
.mid-chats-area .teacher-chat-list-box {width: 40%; background: #fff; padding: 20px; border-radius: 20px; display: grid; gap: 10px; align-content: start;}
.mid-chats-area .teacher-chat-list-box h4 {color: var(--moalimy-green); font-size: 20px; font-weight: 700; line-height: 150%;}
.mid-chats-area .teacher-chat-list-box .chat-search-box {display: flex; align-items: center; justify-content: space-between; gap: 10px;}
.mid-chats-area .teacher-chat-list-box .chat-search-box .search-input {position: relative; width:70%;}
.mid-chats-area .teacher-chat-list-box .chat-search-box .search-input input {width: 100%; height: 50px; background: #F3F3F3; border: none; border-radius: 8px; padding: 0 40px 0 10px; color: #6A6A6A;
    font-size: 16px; font-family: "Roboto", sans-serif;}
.mid-chats-area .teacher-chat-list-box .chat-search-box .search-input input:focus{ outline:none;}
.mid-chats-area .teacher-chat-list-box .chat-search-box .search-input em.input-icon {right:auto; right: 15px; top: 29px;}
.mid-chats-area .teacher-chat-list-box .chat-search-box .search-btn-box {width: 30%;}
.mid-chats-area .teacher-chat-list-box .chat-search-box .search-btn-box svg {display: none;}
.mid-chats-area .teacher-chat-list-box .chat-search-box .search-btn-box input.page_btn { margin: 0; width: 100%; height: 50px; border-radius: 12px; font-size: 16px; font-family: "Roboto", sans-serif;}

.teacher-chat-list-box .teacher-list {display: grid; gap: 10px; height: 460px; align-content: start; overflow-y:scroll; margin: 5px 0 0 0;}
.teacher-chat-list-box .teacher-list::scrollbar-track{border-radius: 10px; background-color: #fff;}
.teacher-chat-list-box .teacher-list::scrollbar{width: 5px; background-color: #fff;}
.teacher-chat-list-box .teacher-list::scrollbar-thumb{border-radius: 10px;background-color: var(--moalimy-green);}
.teacher-chat-list-box .teacher-list::-webkit-scrollbar-track{border-radius: 10px; background-color: #fff;}
.teacher-chat-list-box .teacher-list::-webkit-scrollbar{width: 5px; background-color: #fff;}
.teacher-chat-list-box .teacher-list::-webkit-scrollbar-thumb{border-radius: 10px;background-color: var(--moalimy-green);}
.teacher-chat-list-box .teacher-list::-moz-scrollbar-track{border-radius: 10px; background-color: #fff;}
.teacher-chat-list-box .teacher-list::-moz-scrollbar{width: 5px;	background-color: #fff;}
.teacher-chat-list-box .teacher-list::-moz-scrollbar-thumb{border-radius: 10px;background-color: var(--moalimy-green);}

.teacher-chat-list-box .teacher-list .list-box { display: flex; justify-content: space-between; align-items: center; padding: 15px; border-radius: 12px; cursor: pointer; gap: 15px;}
.teacher-chat-list-box .teacher-list .list-box.new {background: #F4F4F4;}
.teacher-chat-list-box .teacher-list .list-box.unread {background: #FBF6F3;}
.teacher-chat-list-box .teacher-list .list-box .teacher-info {display: flex; align-items: center; gap: 5px;}
.teacher-chat-list-box .teacher-list .list-box .teacher-info .img-box {width: 50px; height: 50px; border-radius: 100%;}
.teacher-chat-list-box .teacher-list .list-box .teacher-info .img-box img {width: 100%; border-radius: 100%;}
.teacher-chat-list-box .teacher-list .list-box .teacher-info .name-box div {display: flex; gap: 10px;}
.teacher-chat-list-box .teacher-list .list-box .teacher-info .name-box div h5 {color: #1E1E1E; font-size: 16px; font-weight: 700;}
.teacher-chat-list-box .teacher-list .list-box .teacher-info .name-box div p.package {background: #EFF4F3; font-size: 12px; font-weight: 400; padding: 2px 15px; border-radius: 20px; color: #1E1E1E;}
.teacher-chat-list-box .teacher-list .list-box .teacher-info .name-box p {color: #999999; font-size: 14px; line-height: 150%;}
.teacher-chat-list-box .teacher-list .list-box .notification-icon span {width: 40px; height: 40px; display: flex; align-items: center; justify-content: center; background: var(--moalimy-orange); border-radius: 50px;
    color: #fff; font-family: "Roboto", sans-serif; font-size: 16px; font-weight: 700;}
.teacher-chat-list-box .teacher-list .list-box.unread .teacher-info .name-box p{ color:#212121;}


.mid-chats-area .teacher-chat-details {width: 60%; background: #fff; padding: 20px; border-radius: 20px;  gap: 10px;  display: none;}
.mid-chats-area .teacher-chat-details.active{ display: block;}
.mid-chats-area .teacher-chat-details .top-box {background: #F3F3F3; padding: 15px; border-radius: 12px; display: flex; justify-content: space-between; align-items: center;}
.mid-chats-area .teacher-chat-details button.closeBtn { display: none;}
.mid-chats-area .teacher-chat-details .top-box .teacher-details {display: flex; gap: 5px; align-items: center;}
.mid-chats-area .teacher-chat-details .top-box .teacher-details .name-box .status {display: flex; align-items: center; gap: 5px;}
.mid-chats-area .teacher-chat-details .top-box .teacher-details .name-box .status p {color: #3C943E; font-size: 14px; letter-spacing: -1px;}
.mid-chats-area .teacher-chat-details .top-box .teacher-details .package-name p {padding: 0 15px 0 0; color: #1E1E1E; font-size: 12px;}
.mid-chats-area .teacher-chat-details .top-box .rewards a {border: 1px solid; padding: 10px 20px; border-radius: 10px; color: var(--moalimy-green); height: auto; display: flex; align-items: center;  justify-content: center; gap: 5px;}
.mid-chats-area .teacher-chat-details .top-box .more-box {display: flex; align-items: center; gap: 20px;}
.mid-chats-area .teacher-chat-details .top-box .more-box .search {line-height: 10px;}

.teacher-chat-details .chat-history { padding: 20px 50px 0; display: grid; gap: 15px; height: 400px; overflow-y: scroll; margin: 5px; align-content: start;}
.teacher-chat-details .chat-history::scrollbar-track{border-radius: 10px; background-color: #fff;}
.teacher-chat-details .chat-history::scrollbar{width: 5px; background-color: #fff;}
.teacher-chat-details .chat-history::scrollbar-thumb{border-radius: 10px;background-color: var(--moalimy-green);}
.teacher-chat-details .chat-history::-webkit-scrollbar-track{border-radius: 10px; background-color: #fff;}
.teacher-chat-details .chat-history::-webkit-scrollbar{width: 5px; background-color: #fff;}
.teacher-chat-details .chat-history::-webkit-scrollbar-thumb{border-radius: 10px;background-color: var(--moalimy-green);}
.teacher-chat-details .chat-history::-moz-scrollbar-track{border-radius: 10px; background-color: #fff;}
.teacher-chat-details .chat-history::-moz-scrollbar{width: 5px;	background-color: #fff;}
.teacher-chat-details .chat-history::-moz-scrollbar-thumb{border-radius: 10px;background-color: var(--moalimy-green);}

.teacher-chat-details .chat-history .chat-date {text-align: center;}
.teacher-chat-details .chat-history .chat-date span {background: var(--moalimy-green); color: #fff; font-size: 12px; padding: 2px 15px; border-radius: 15px;}
.teacher-chat-details .chat-history .message-received {display: flex; gap: 5px; align-items: end; justify-content: start;}
.teacher-chat-details .chat-history .message-received .message{ display: block; order: 2;}
.teacher-chat-details .chat-history .message-received .icon{line-height: 10px;}
.teacher-chat-details .chat-history .message-received .message .bubble {display: inline-block; background: #F3F3F3; padding: 12px 15px 2px 15px; border-radius: 12px; float: left; clear: both; margin: 0 0 5px 0;}
.teacher-chat-details .chat-history .message-received .message .bubble span {font-size: 8px; color: #BABABA; float: left; line-height: 200%; letter-spacing: -1px;}
.teacher-chat-details .chat-history .message-received .message .bubble p {color: #6A6A6A; font-size: 16px; line-height: 200%;}

.teacher-chat-details .chat-history .message-send {display: flex; gap: 5px; align-items: end; justify-content: end;}
.teacher-chat-details .chat-history .message-send .icon {order: 2;}
.teacher-chat-details .chat-history .message-send .message{ display: block;}
.teacher-chat-details .chat-history .message-send .icon{line-height: 10px;}
.teacher-chat-details .chat-history .message-send .message .bubble {display: inline-block; background: var(--moalimy-green); padding: 12px 15px 2px 15px; border-radius: 12px; float: right; clear: both; margin: 0 0 5px 0;}
.teacher-chat-details .chat-history .message-send .message .bubble span {font-size: 8px; color: #E9E9E9; float: right; line-height: 200%; letter-spacing: -1px;}
.teacher-chat-details .chat-history .message-send .message .bubble p {color:#fff; font-size: 16px; line-height: 200%;}

.teacher-chat-details .chat-input-box { margin: 20px 0 0 0; display: flex; align-items: center; background: #F3F3F3; border-radius: 30px; justify-content: space-between; padding: 0 10px; height: 60px;}
.teacher-chat-details .chat-input-box .type-input {width: 85%; position: relative;}
.teacher-chat-details .chat-input-box .type-input input {height: 50px; width: 100%; border: none; padding: 0 10px 0 40px; background: #F3F3F3; border-radius: 20px; font-size: 16px; color: #6A6A6A;
font-family: "Roboto", sans-serif;}
.teacher-chat-details .chat-input-box .type-input input:focus{ outline:none;}
.teacher-chat-details .chat-input-box .type-input em.input-icon {right: auto; top: 25px; left: 10px; line-height: 10px;}

.teacher-chat-details .chat-input-box .send-btn-box {display: flex; align-items: center; gap: 10px; line-height: 10px;}
.teacher-chat-details .chat-input-box .send-btn-box div button {border: none; cursor: pointer;}
.teacher-chat-details .chat-input-box .send-btn-box .send-btn button {background: var(--moalimy-green); width: 50px; height: 50px; border-radius: 50px; display: flex; align-items: center; justify-content: center;
line-height: 10px;}

.chats-page-wrapper .mobile-btn-box {display: none;}

.mid-chats-area .teacher-chat-details .top-box .more-box #action-popup {line-height: 10px; padding: 0 5px; cursor: pointer;}
.mid-chats-area .teacher-chat-details .top-box .more-box .popup-overlay { display:none; transition: all 0.9s ease; max-height: 0; top: 135px; right: 36px; position: absolute;  background: var(--moalimy-orange);  padding: 10px; border-radius: 10px; min-width: 150px;}
.mid-chats-area .teacher-chat-details .top-box .more-box .popup-overlay.active { display:block; max-height: 200px;}
.mid-chats-area .teacher-chat-details .top-box .more-box .popup-overlay ul li a { color: #fff; font-family: "Roboto", sans-serif; padding: 5px 2px;    display: block;}

.mid-chats-area .teacher-chat-details .top-box .more-box .search-popup { display:none; transition: all 0.1s ease; max-height: 0; top: 135px; right: 36px; position: absolute;  background: #F3F3F3;  padding: 10px; border-radius: 10px; min-width: 300px; z-index:-9999;}
.mid-chats-area .teacher-chat-details .top-box .more-box .search-popup.active{ display:block; max-height: 200px; z-index:1;}
.mid-chats-area .teacher-chat-details .top-box .more-box .search-popup .search-box {background: #fff; border-radius: 8px; position: relative;}
.mid-chats-area .teacher-chat-details .top-box .more-box .search-popup .search-box span.close-btn {position: absolute; top: -21px; width: 20px; height: 20px; background: var(--moalimy-orange); display: flex;
align-items: center; justify-content: center; border-radius: 50px; color: #fff; line-height: 0; font-size: 11px; right: -13px; cursor:pointer;}
.mid-chats-area .teacher-chat-details .top-box .more-box .search-popup .search-box button {position: absolute; border: none; padding: 0; right: 10px; top: 6px; background: none; cursor: pointer;}
.mid-chats-area .teacher-chat-details .top-box .more-box .search-popup .search-box input {width: 100%; padding: 12px 30px 12px 10px; border: none; border-radius: 8px; color: #6A6A6A; font-family: 'Droid Arabic Kufi';}
.mid-chats-area .teacher-chat-details .top-box .more-box .search-popup .search-box input:focus{ border:none; outline:none;}


/*Sabir 20-07*/
.search-box{width:320px;height:46px;background:#F3F3F3;border-radius:14px;display:none;align-items:center;padding:0 15px;box-shadow:0 8px 20px rgba(0,0,0,.25);position:absolute;top:135px;right:36px;z-index:999}
.search-icon{flex-shrink:0}
.search-box input{flex:1;margin:0 12px;background:#F3F3F3;border:none;outline:none;color:#6A6A6A;font-size:15px}
.search-box input::placeholder{color:#888}.close-btn{width:30px;height:30px;border:none;background:transparent;color:#bbb;font-size:22px;cursor:pointer;transition:.25s}
.close-btn:hover{color:#000}
.search-box mark,mark{background:yellow;color:#000;padding:0 2px;border-radius:2px}
/*----Sabir page Files---*/

.files-page-wrapper{padding: 30px 0; background: #F1F1F3; font-family: "Roboto", sans-serif;}
.files-page-wrapper .page-head .breadcrumb {padding: 0; margin: 0 0 26px 0; background: no-repeat;}
.files-page-wrapper .page-head .breadcrumb ul {display: flex; gap: 5px;}
.files-page-wrapper .page-head .breadcrumb ul li {color: #999999; font-size: 14px;}
.files-page-wrapper .page-head .breadcrumb ul li a {color: var(--moalimy-green);}

.files-page-wrapper .page-head .top-box {display: flex; align-items: center; justify-content: space-between;}
.files-page-wrapper .page-head .top-box .title-box{display: flex; align-items: start; gap: 15px;}
.files-page-wrapper .page-head .top-box .title-box a {transform: rotate(180deg);}
.files-page-wrapper .page-head .top-box .title-box .heading h2 {color: #181C1D; font-size: 24px; font-weight: 700; margin: 0 0 10px 0;}
.files-page-wrapper .page-head .top-box .title-box .heading p {color: #6A6A6A; font-size: 14px; font-weight: 400; line-height: 150%;}

.files-page-wrapper .page-head .top-box .top-btn-box {display: flex; align-items: center; gap: 20px;}
.files-page-wrapper .page-head .top-box .top-btn-box .btn-dflt {gap: 8px; display: flex; justify-content: center; align-items: center; background: var(--moalimy-orange); border-radius: 8px; padding: 12px 24px; font-family: "Roboto", sans-serif; font-weight: 700; font-size: 16px; color: #FEFEFE;}
.files-page-wrapper .page-head .top-box .top-btn-box .btn-dflt:hover{background: var(--moalimy-green);}
.files-page-wrapper .page-head .top-box .top-btn-box hr {background: #999999; height: 50px;  opacity: 0.8;}
.files-page-wrapper .page-head .top-box .top-btn-box .file-info {text-align: center;}
.files-page-wrapper .page-head .top-box .top-btn-box .file-info h2 {color: var(--moalimy-orange); font-size: 24px; line-height: 32px; font-weight: 700;}
.files-page-wrapper .page-head .top-box .top-btn-box .file-info p {display: block; direction: ltr; font-size: 12px; line-height: 16px; font-weight: 400; color: #6A6A6A; font-family: roboto;}

.files-body-box { margin: 25px 0 0 0; display: grid; gap: 26px;}
.files-body-box .files-search-area {display: flex; align-items: center; justify-content: space-between; gap: 15px;}
.files-body-box .files-search-area .search-input {width: 70%; position: relative;}
.files-body-box .files-search-area .search-input input, .files-body-box .files-search-area .select-box select {width: 100%; padding: 0 20px 0 50px; height: 50px; background: #fff; border: none; border-radius: 8px; font-size: 16px; color: #6A6A6A; border:none; font-family: "Roboto", sans-serif;}
.files-body-box .files-search-area .select-box select {padding:0 15px 0 40px;}
.files-body-box .files-search-area .search-input input:focus, .report-search-area .select-box select:focus{ border: none; outline:none;}
.files-body-box .files-search-area em.input-icon {position: absolute; left: 15px; top: 29px; right: auto;}
.files-body-box .files-search-area .filter-box.mobile-togel {display: none;}
.files-body-box .files-search-area .mobile-search-togel {display: flex; width: 35%; justify-content: space-around; gap: 10px;}
.files-body-box .files-search-area .select-box { position: relative; width: 100%; background: #fff; padding: 0 10px 0 0px; border-radius: 8px;}
.files-body-box .files-search-area .search-btn-box .page_btn{ margin:0; padding: 0px 45px; border-radius: 12px; height: 50px; font-family: "Roboto", sans-serif; text-transform: capitalize;}

.files-body-box .files_table_wrap {background: #FFFFFF; border: 1px solid #F3F4F6; box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.05); border-radius: 12px; overflow: hidden;}
.files_table_wrap .files_exam_head {font-weight: 600; color: #333; padding: 15px 8px; min-width: 20px; width: auto; font-family: "Roboto", sans-serif;}
.files_table_wrap .files_exam_row{background: #F8F8F8;}
.files_table_wrap .files_exam_row.default-bg{background: #F1F1F1;}
.files_table_wrap .files_exam_row div {padding: 15px 8px; min-width: 20px; width: auto; font-family: "Roboto", sans-serif; font-weight: 400; font-size: 14px; line-height: 100%; color: #4D4D4D; display: flex; align-items: center; gap: 10px; vertical-align:middle;}
.files_table_wrap .files_exam_head, .files_table_wrap .files_exam_row {display: grid; grid-template-columns: 1.3fr 0.6fr 0.6fr 1fr .7fr 0.7fr; align-items: center;}
.files_table_wrap .files_exam_row .files_actions .mobile-action-icon {display: none;}
.files_table_wrap .files_exam_row .files_actions{justify-content: center;}
.files_table_wrap .files_exam_row .files_actions div {display: flex; justify-content: center; gap: 30px; padding: 0; align-items: center;}
.files_table_wrap .files_exam_row div:nth-child(2) svg, .files_table_wrap .files_exam_row div:nth-child(3) svg, .files_table_wrap .files_exam_row div:nth-child(4) svg {display: none;}

.files-body-box .pagination-wrapper {display: flex; justify-content: space-between; align-items: center; padding: 20px 0; font-family: Arial, sans-serif;}
.files-body-box .pagination-wrapper .pagination-info{color:#6A6A6A; font-size:14px; font-weight:400; font-family: "Roboto", sans-serif; display: flex; gap: 5px;}
.files-body-box .pagination-wrapper .pagination-info span{ color:#171717;}
.files-body-box .pagination-wrapper .pagination{display:flex; align-items:center; gap:8px; padding: 0;}
.files-body-box .pagination-wrapper .pagination a{text-decoration:none; min-width:34px; height:34px; display:flex; align-items:center; justify-content:center; border:1px solid #ddd; border-radius:6px; background:#fff; color:#6A6A6A; font-size:14px; transition:0.3s; font-family: "Roboto", sans-serif;}
.files-body-box .pagination-wrapper .pagination a.active, .files-body-box .pagination-wrapper .pagination a:hover{background:var(--moalimy-green); color:#fff; border-color:var(--moalimy-green);}
.files-body-box .pagination-wrapper .pagination a.disabled{pointer-events: none; width: auto; padding: 10px; display: flex; gap: 5px; text-transform: capitalize;}



/*----------- Sabir rate page -----------------*/

.rate-page {background-color: #F1F1F3; display: flex; flex-flow: row wrap; column-gap: 35px; font-family: "Roboto", sans-serif;}
.rate-page-wrapper {width: calc(100% - 312px - 35px); padding-right: 45px; padding-top: 30px; padding-bottom: 30px; display: flex; flex-direction: column; gap: 26px;}
.rate-page-wrapper .rate-top-area {display: flex; align-items: center; justify-content: space-between;}
.rate-page-wrapper .rate-top-area .title-box h2 {font-weight: 700; font-size: 32px; color: var(--moalimy-green);  line-height: 150%;}
.rate-page-wrapper .rate-top-area .title-box p {font-weight: 400; font-size: 16px; line-height: 32px; color: #6A6A6A;}
.rate-page-wrapper .rate-top-area .top-btn-box .btn-dflt { gap: 8px; display: flex; justify-content: center; align-items: center; background: var(--moalimy-green); border-radius: 8px; padding: 12px 24px;  font-weight: 700; font-size: 16px; color: #FEFEFE;}
.rate-page-wrapper .rate-top-area .top-btn-box .btn-dflt:hover{background: #DCA084;}

.rate-search-area {display: flex; align-items: center; justify-content: space-between; gap: 15px;}
.rate-search-area .search-input {width: 65%; position: relative;}
.rate-search-area .search-input input, .rate-search-area .select-box select {width: 100%; padding: 0 20px 0 50px; height: 50px; background: #fff; border: none; border-radius: 8px; font-size: 16px; color: #6A6A6A; border:none; font-family: "Roboto", sans-serif;}
.rate-search-area .select-box select {padding: 0 15px 0 40px;}
.rate-search-area .search-input input:focus, .report-search-area .select-box select:focus{ border: none; outline:none;}
.rate-search-area em.input-icon {position: absolute; left: 15px; top: 29px; right: auto;}
.rate-search-area .filter-box.mobile-togel {display: none;}
.rate-search-area .mobile-search-togel {display: flex; width: 40%; justify-content: space-around; gap: 10px;}
.rate-search-area .select-box { position: relative; width: 100%; background: #fff; padding: 0 10px 0 0px; border-radius: 8px;}
.rate-search-area .search-btn-box .page_btn{ margin: 0; padding: 0px 25px; border-radius: 8px; height: 50px; display: flex; align-items: center; gap: 10px; background: transparent; border: 1px solid #DCA084; color: #DCA084; font-size: 16px; font-family: "Roboto", sans-serif;}
.rate-search-area .search-btn-box .page_btn:hover{ background:#DCA084; color:#fff;}
.rate-search-area .search-btn-box .page_btn:hover svg path{ fill: #fff;}

.rate_table_wrap {background: #FFFFFF; border: 1px solid #F3F4F6; box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.05); border-radius: 12px; overflow: hidden;}
.rate_table_wrap .rate_exam_head {font-weight: 600; color: #333; padding: 15px 8px; min-width: 20px; width: auto; font-family: "Roboto", sans-serif;}
.rate_table_wrap .rate_exam_head, .rate_table_wrap .rate_exam_row {display: grid; grid-template-columns: 1.3fr 0.6fr 0.6fr 1fr .7fr 0.7fr; align-items: center; text-align: center;}
.rate_exam_row {background: #f8f8f8;}
.rate_table_wrap .rate_exam_row div {padding: 15px 8px; min-width: 20px; width: auto; font-family: "Roboto", sans-serif; font-weight: 400; font-size: 14px; line-height: 30px; color: #4D4D4D; display: flex; align-items: center; gap: 10px; vertical-align: middle; justify-content: center;}
.rate_table_wrap .rate_exam_row .rrate_actions {justify-content: center;}
.rate_table_wrap .rate_exam_row .rate_actions div {display: flex; align-items: center; gap: 30px; line-height: 0; padding:0;}
.rate_table_wrap .rate_exam_row.default-bg {background: #F1F1F1;}
.rate_table_wrap .rate_exam_row .rating{ display: flex; align-items: center; gap: 3px; justify-content: center; font-family: "Roboto", sans-serif;}
.rate_table_wrap .rate_exam_row div:nth-child(5) svg{ display:none;}
.rate_table_wrap .rate_exam_row div span.star{ line-height:10px;}




.rate-page-wrapper .pagination-wrapper {display: flex; justify-content: space-between; align-items: center; padding: 20px 0; font-family: Arial, sans-serif;}
.rate-page-wrapper .pagination-wrapper .pagination-info{color:#6A6A6A; font-size:14px; font-weight:400; font-family: "Roboto", sans-serif; display: flex; gap: 5px;}
.rate-page-wrapper .pagination-wrapper .pagination-info span{ color:#171717;}
.rate-page-wrapper .pagination-wrapper .pagination{display:flex; align-items:center; gap:8px; padding: 0; text-transform: capitalize;}
.rate-page-wrapper .pagination-wrapper .pagination a{text-decoration:none; min-width:34px; height:34px; display:flex; align-items:center; justify-content:center; border:1px solid #ddd; border-radius:6px; background:#fff; color:#6A6A6A; font-size:14px; transition:0.3s; font-family: "Roboto", sans-serif;}
.rate-page-wrapper .pagination-wrapper .pagination a.active, .files-body-box .pagination-wrapper .pagination a:hover{background:var(--moalimy-green); color:#fff; border-color:var(--moalimy-green);}
.rate-page-wrapper .pagination-wrapper .pagination a.disabled{pointer-events: none; width: auto; padding: 10px; display: flex; gap: 5px;}



/*----------- Sabir student profile page -----------------*/

.student-profile-page {background-color: #F1F1F3; display: flex; flex-flow: row wrap; column-gap: 35px; font-family: "Roboto", sans-serif;}
.profile-page-wrapper {width: calc(100% - 312px - 35px); padding-right: 45px; padding-top: 30px; padding-bottom: 30px; display: flex; flex-direction: column; gap: 26px;}
.profile-page-wrapper .profile-top-area .title-box h2 {font-weight: 700; font-size: 32px; color: var(--moalimy-green);  line-height: 150%;}
.profile-page-wrapper .profile-top-area .title-box p {font-weight: 400; font-size: 16px; line-height: 32px; color: #6A6A6A;}
.profile-page-wrapper .profile-top-area .top-btn-box .btn-dflt { gap: 8px; display: flex; justify-content: center; align-items: center; background: var(--moalimy-green); border-radius: 8px; padding: 12px 24px;  font-weight: 700; font-size: 16px; color: #FEFEFE;}
.profile-page-wrapper .profile-top-area .top-btn-box .btn-dflt:hover{background: #DCA084;}

.profile-page-wrapper .profile-mid-are {display: grid; gap: 20px;}
.profile-page-wrapper .card-box {background: #fff; padding: 25px; border-radius: 12px;}
.profile-page-wrapper .card-box  h3 {color: #171717; font-size: 20px; font-weight: 700; margin:0 0 20px 0;}
.profile-page-wrapper .card-box .form-box {display: grid; grid-template-columns: repeat(2, 1fr); gap: 15px;}
.profile-page-wrapper .card-box .form-box .form-group {margin: 0;}
.profile-page-wrapper .card-box .form-box .form-group label {color: #6A6A6A; font-size: 16px; line-height: 28px; padding: 0 0 5px 0; text-transform: capitalize;}
.profile-page-wrapper .card-box .form-box .form-group input, .profile-page-wrapper .card-box .form-box .form-group select {background: #F3F3F3; border: none; border-radius: 10px; height: 56px; padding: 8px 15px; font-size: 16px; font-family: "Roboto", sans-serif; font-weight: 400; width:100%; border:none; outline:none;}
.profile-page-wrapper .card-box .form-box .form-group .select-box {background: #F3F3F3; border-radius: 10px; padding: 0 15px 0 0px;}
.profile-page-wrapper .card-box .form-box .form-group .select-box select {background: transparent; color: #6A6A6A;}
.profile-page-wrapper .card-box .form-box .form-group .phone-input {display: flex;background: #F3F3F3; border-radius: 12px; align-items: center; padding: 5px 15px; height: 55px; gap: 10px;}
.profile-page-wrapper .card-box .form-box .form-group .phone-input input {width: 80%; border-left: 1px solid #99999961; text-align: left; border-radius: 0; padding: 5px 0px 5px 10px; height: auto; order: 2;}
.profile-page-wrapper .card-box .form-box .form-group .phone-input .country-box {display: flex; align-items: center; gap: 5px; color: #999999; font-size: 16px; direction: rtl;}
.profile-page-wrapper .card-box .form-box .form-group .phone-input .country-box .arrow-box {line-height: 15px;}
.profile-page-wrapper .card-box .form-box .form-group .phone-input .country-box .arrow-box button {padding: 0; border: 0; cursor: pointer;}
.profile-page-wrapper .card-box .form-box .form-group .phone-input .country-box img {width: 30px; border-radius: 3px;}
.profile-page-wrapper .card-box .form-box .form-group input:focus, .profile-page-wrapper .persotional-info .form-box .form-group select:focus{ outline:none; box-shadow:none;}
.profile-page-wrapper .card-box .form-box .form-group .password-box {position: relative;}
.profile-page-wrapper .card-box .form-box .form-group .password-box em.toggle-password {position: absolute; right: 20px; top: 25px;}

.profile-page-wrapper .card-box .form-box .form-group .password-box em.toggle-password svg.open {display: none;}
.profile-page-wrapper .card-box .form-box .form-group .password-box em.toggle-password.fa-eye.fa-eye-slash svg.close{ display:none;}
.profile-page-wrapper .card-box .form-box .form-group .password-box em.toggle-password.fa-eye.fa-eye-slash svg.open{ display:block; position: relative; top: -4px;}
.profile-page-wrapper .card-box .form-box .form-group .password-box em.toggle-password.fa-eye.fa-eye-slash svg.open path{fill: #1E1E1E;}
.profile-page-wrapper .card-box .form-box .form-group .password-box em.toggle-password.fa-eye.fa-eye-slash::before{ content:none;}



.profile-page-wrapper .profile-mid-are .form-btn-box {margin: 25px 0 0 0; display: flex; justify-content: end; gap: 10px;}
.profile-page-wrapper .profile-mid-are .form-btn-box button {padding: 8px 12px; height: 55px; min-width: 130px; line-height: 10px; border: 1px solid var(--moalimy-green); margin: 0; cursor: pointer; font-family: "Roboto", sans-serif; font-weight: 700; font-size: 16px;  border-radius: 8px; text-transform: capitalize;}
.profile-page-wrapper .profile-mid-are .form-btn-box button.page_btn-dflt {color: var(--moalimy-green); order: 2;}
.profile-page-wrapper .profile-mid-are .form-btn-box button.page_btn-dflt:hover{ background:var(--moalimy-green); color:#fff;}




/*----------- Sabir family profile page -----------------*/

.family-profile-page {background-color: #F1F1F3; display: flex; flex-flow: row wrap; column-gap: 35px; font-family: "Roboto", sans-serif;}
.family-page-wrapper {width: calc(100% - 312px - 35px); padding-right: 45px; padding-top: 30px; padding-bottom: 30px; display: flex; flex-direction: column; gap: 26px;}
.family-page-wrapper .family-top-area {display: flex; align-items: center; justify-content: space-between;}
.family-page-wrapper .family-top-area .title-box h2 {font-weight: 700; font-size: 32px; color: var(--moalimy-green);  line-height: 150%;}
.family-page-wrapper .family-top-area .title-box p {font-weight: 400; font-size: 16px; line-height: 32px; color: #6A6A6A;}
.family-page-wrapper .family-top-area .top-btn-box .btn-dflt { gap: 8px; display: flex; justify-content: center; align-items: center; background: var(--moalimy-green); border-radius: 8px; padding: 12px 24px;  font-weight: 700; font-size: 16px; color: #FEFEFE;}
.family-page-wrapper .family-top-area .top-btn-box .btn-dflt:hover{background: #DCA084;}

.family-mid-area {display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px;}
.family-mid-area .family-profile-card-box {width: 100%; background: #fff; border-radius: 16px; padding: 24px; text-align: center; display: grid; align-content: center; gap: 5px;}
.family-mid-area .family-profile-card-box .img-box {width: 110px; height: 110px; margin: 0 auto; border: 4px solid var(--moalimy-green); border-radius: 100%;
    overflow: hidden;}
.family-mid-area .family-profile-card-box .img-box img { width: 104px;  border-radius: 100%;  height: 104px;  object-fit: cover;
    object-position: center;}
.family-mid-area .family-profile-card-box h4 {color: #181C1D; font-size: 24px; font-weight: 700; line-height: 32px;}
.family-mid-area .family-profile-card-box p {color: #6A6A6A; font-size: 14px; line-height: 22.75px;}
.family-mid-area .family-profile-card-box .btn-box a.btn-dflt{gap: 8px; display: flex; justify-content: center; align-items: center; background: var(--moalimy-green); border-radius: 8px; padding: 10px 24px;
font-weight: 400; font-size: 14px; color: #FEFEFE; width: 100%; margin: 0 auto;}
.family-mid-area .family-profile-card-box .btn-box a.btn-dflt:hover{background: #DCA084;}
.family-mid-area .family-profile-card-box.add-new {background: #FAFAFA; min-height: 220px;}
.family-mid-area .family-profile-card-box.add-new:hover {background: #fff;}
.family-mid-area .family-profile-card-box.add-new p {color: #DADADA; font-size: 16px; font-weight: 700;}
.family-page-wrapper .mobile-bnt-box {display: none;}




.family-mid-area .family-profile-card-box .btn-box {display: flex; align-items: center; justify-content: space-between; gap: 10px;}
.family-mid-area .family-profile-card-box .btn-box a.btn-dflt.cancel-request {background: var(--moalimy-orange);}
.family-mid-area .family-profile-card-box .btn-box a.btn-dflt.cancel-request:hover {background: var(--moalimy-green);}
.uplodimgfiln02.family-account-img-upload {justify-content: center;}
/*----------- Sabir presents page -----------------*/

.presents-page-wrapper { padding: 30px 0; background: #F1F1F3; font-family: "Roboto", sans-serif;}
.presents-page-wrapper .breadcrumb {padding: 0; margin:0 0 20px 0; background: no-repeat;}
.presents-page-wrapper .breadcrumb ul {display: flex; gap: 5px;}
.presents-page-wrapper .breadcrumb ul li {color: #999999; font-size: 14px; line-height: 24px;}
.presents-page-wrapper .breadcrumb ul li a {color: var(--moalimy-green);}

.presents-page-wrapper .title-row {display: flex; align-items: center; justify-content: space-between;}
.presents-page-wrapper .title-row .title-box {display: flex; align-items: start; gap: 15px;}
.presents-page-wrapper .title-row .title-box a {transform: rotate(180deg);}
.presents-page-wrapper .title-row .title-box .heading h2 {color: #181C1D; font-size: 24px; font-weight: 700; margin: 0 0 10px 0; line-height: 150%;}
.presents-page-wrapper .title-row .title-box .heading p {color:#6A6A6A; font-size: 14px; font-weight: 400; line-height: 150%;}
.presents-page-wrapper .title-row .btn-box .btn-dflt {gap: 8px; display: flex; justify-content: center; align-items: center; background: var(--moalimy-green); border-radius: 8px; padding: 12px 10px; font-family: "Roboto", sans-serif; font-weight: 700; font-size: 15px; color: #FEFEFE; direction: rtl;}
.presents-page-wrapper .title-row .btn-box .btn-dflt:hover{background: #DCA084;}
.presents-page-wrapper .title-row .btn-box {display: flex;justify-content: center;gap: 5px;}
.presents-page-wrapper .title-row .btn-box .redeem_gift_coupon{direction: ltr;}
.btn-dflt.redeem_gift_coupon svg{transform: rotate(180deg);}

.presents-mid-box {display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; margin: 26px 0;}
.presents-mid-box .gift-box-card {padding: 25px; background: #fff; border-radius: 20px; text-align: center; position: relative; overflow:hidden; display: grid; gap: 5px;}
.presents-mid-box .gift-box-card::before {content: ""; position: absolute; width: 250px; height: 250px; background-image: linear-gradient(to bottom, #dca08400 20%, #dca084d1 100%); left: -90px; top: -90px; border-radius: 100%; transform: rotate(138deg); z-index: 1;}
.presents-mid-box .gift-box-card::after {content: ""; position: absolute; width: 150px; height: 150px; background-image: linear-gradient(to bottom, #dca08400, #dca084c7); right: -60px; bottom: -60px;
border-radius: 100%; transform: rotate(-46deg); z-index: 1;}

.presents-mid-box .gift-box-card .gift-icon-box h5 { color: var(--moalimy-orange); font-size: 24px; font-weight: 700; line-height: 28px; margin: 10px 0 5px 0;}
.presents-mid-box .gift-box-card p.box-content {color: #6A6A6A; font-size: 16px; line-height: 28px;}
.presents-mid-box .gift-box-card h4.lesson {color: var(--moalimy-green); font-size: 24px; font-weight: 700; line-height: 28px;}
.presents-mid-box .gift-box-card p.from {color: #1E1E1E; font-size: 20px; line-height: 28px;}
.presents-mid-box .gift-box-card p.date, .presents-mid-box .gift-box-card p.gift-coupon {color: #6A6A6A; font-size: 20px; line-height: 28px;}
.presents-mid-box .gift-box-card p.gift-coupon{ margin:20px 0 0 0;}
.presents-mid-box .gift-box-card h3.coupon-number {color: var(--moalimy-orange); font-size: 32px; font-weight: 700; line-height: 28px; margin: 0 0 20px 0;}
.presents-mid-box .gift-box-card a.btn-dflt{ display:inline-block; background: var(--moalimy-green); border-radius: 8px; padding: 12px 24px; font-family: "Roboto", sans-serif; font-weight: 700; font-size: 16px; color: #FEFEFE; z-index: 2; position: relative;}
.presents-mid-box .gift-box-card a.btn-dflt:hover{background: #DCA084;}
.presents-mid-box .gift-box-card a.btn-dflt svg {transform: rotate(180deg);}

.presents-page-wrapper .mobile-bnt-box{ display:none;}

.gift-modal{display:none; position:fixed; inset:0; background:rgba(0,0,0,.5); justify-content:center; align-items:center; z-index: 999;}
.gift-modal .modal-content{background:#fff; padding:20px; border-radius:20px; max-width: 500px; position:relative; overflow: hidden; text-align: center;}
.gift-modal .modal-content::before {content: ""; position: absolute; width: 250px; height: 250px; background-image: linear-gradient(to bottom, #dca08400 20%, #dca084d1 100%); left: -90px; top: -90px; border-radius: 100%; transform: rotate(138deg); z-index: 1;}
.gift-modal .modal-content::after {content: ""; position: absolute; width: 150px; height: 150px; background-image: linear-gradient(to bottom, #dca08400, #dca084c7); right: -60px; bottom: -60px;
border-radius: 100%; transform: rotate(-46deg); z-index: 1;}
.gift-modal .modal-content .box-content {padding: 0 15px;}
.gift-modal .modal-content .gift-icon-box h5 {color: var(--moalimy-orange); font-size: 24px; line-height: 28px; font-weight: 700; font-family:"Roboto", sans-serif;}
.gift-modal .modal-content p.description {color: #6A6A6A; font-size: 16px; line-height: 150%; font-weight: 400;}
.gift-modal .modal-content .code-boxes{display:flex; justify-content:space-between; gap: 0px; margin: 15px 0px 20px;}
.gift-modal .modal-content .code-boxes input{width: 60px; height: 65px; border: 1px solid #bababa82; border-radius: 12px; text-align: center; font-size: 28px; outline: none; background: #F3F3F3;
color: var(--moalimy-orange);}
.gift-modal .modal-content h3.course {color: var(--moalimy-green); font-size: 20px; line-height: 28px; font-weight: 700;}
.gift-modal .modal-content p.sender {color: #1E1E1E; font-size: 16px; line-height: 28px;}
.gift-modal .modal-content p.date {color: #6A6A6A; font-size: 16px; line-height: 28px;}
.gift-modal .modal-content .btn-box button {margin: 20px 0 0 0; background: var(--moalimy-green); border: none; width: 100%;  min-height: 50px;  font-size: 16px; font-weight: 700; color: #fff; font-family: "Roboto", sans-serif; border-radius: 12px; z-index: 2; cursor: pointer; position: relative;}
.gift-modal .modal-content .btn-box button:hover{background: #DCA084;}

.gift-modal .modal-content .close {position: absolute; right: 10px; top: 10px; cursor: pointer; font-size: 18px; z-index: 1; background: #DCA084; width: 25px; height: 25px; border-radius: 50px;
color: #fff; opacity: 1; display: flex; align-items: center; justify-content: center; text-shadow: none;}
.gift-modal .modal-content .close:hover{background: var(--moalimy-green);}



/*----------- Sabir studennt profile2 -----------------*/

.student-profile-page-details {background-color: #F1F1F3; display: flex; flex-flow: row wrap; column-gap: 35px; font-family: "Roboto", sans-serif;}
.student-profile-page-details .profile-details-wrapper {width: calc(100% - 312px - 35px); padding-right: 45px; padding-top: 30px; padding-bottom: 30px; display: flex; flex-direction: column; gap: 26px;}
.student-profile-page-details .profile-details-wrapper .profile-top-area {display: flex; align-items: center; justify-content: space-between;}
.student-profile-page-details .profile-details-wrapper .profile-top-area .title-box h2 {font-weight: 700; font-size: 32px; color: var(--moalimy-green);  line-height: 150%;}
.student-profile-page-details .profile-details-wrapper .profile-top-area .title-box p {font-weight: 400; font-size: 16px; line-height: 32px; color: #6A6A6A;}
.student-profile-page-details .profile-details-wrapper .profile-top-area .top-btn-box .btn-dflt { gap: 8px; display: flex; justify-content: center; align-items: center; background: var(--moalimy-green); border-radius: 8px; padding: 12px 24px;  font-weight: 700; font-size: 16px; color: #FEFEFE;}
.student-profile-page-details .profile-details-wrapper .profile-top-area .top-btn-box .btn-dflt:hover{background: #DCA084;}

.student-profile-page-details .profile-details-wrapper .profile-mid-area {display: flex; gap: 20px; justify-content: space-between;}
.student-profile-page-details .profile-details-wrapper .profile-mid-area .right-box {width: 25%; display: grid; gap: 15px; align-content: start; }
.student-profile-page-details .profile-details-wrapper .profile-mid-area .right-box .student-details, .student-profile-page-details .profile-details-wrapper .profile-mid-area .right-box .quick-facts {width: 100%; background: #fff; padding: 20px; border-radius: 15px; text-align: center; display: grid; gap: 5px;}
.student-profile-page-details .profile-details-wrapper .profile-mid-area .right-box .student-details .student-img {width: 104px; height: 104px; margin: 0 auto; border: 4px solid var(--moalimy-green);    border-radius: 100%;}
.student-profile-page-details .profile-details-wrapper .profile-mid-area .right-box .student-details .student-img img {border-radius: 100%; width:100%;}
.student-profile-page-details .profile-details-wrapper .profile-mid-area .right-box .student-details h3 {color: #181C1D; font-size: 24px; font-weight: 700; line-height: 32px;}
.student-profile-page-details .profile-details-wrapper .profile-mid-area .right-box .student-details p {color: #6A6A6A; font-size: 14px; line-height: 22px;}
.student-profile-page-details .profile-details-wrapper .profile-mid-area .right-box .student-details a.btn-dflt{gap: 8px; display: flex; justify-content: center; align-items: center; background: #DCA084; border-radius: 8px; padding: 10px 10px; font-weight: 400; font-size: 14px; color: #FEFEFE; width: 100%; direction: rtl;}
.student-profile-page-details .profile-details-wrapper .profile-mid-area .right-box .student-details a.btn-dflt:hover{background: var(--moalimy-green);}

.student-profile-page-details .profile-details-wrapper .profile-mid-area .right-box .quick-facts{ text-align:inherit; gap: 15px;}
.student-profile-page-details .profile-details-wrapper .profile-mid-area .right-box .quick-facts h4 {color: #171717; font-size: 18px; font-weight: 700; margin: 0 0 5px 0;}
.student-profile-page-details .profile-details-wrapper .profile-mid-area .right-box .quick-facts .fact-details {display: flex; align-items: start; gap: 15px;}
.student-profile-page-details .profile-details-wrapper .profile-mid-area .right-box .quick-facts .fact-details .icon { width: 32px; height: 32px; background: var(--moalimy-green)14; display: flex; align-items: center; justify-content: center; border-radius: 50%;}
.student-profile-page-details .profile-details-wrapper .profile-mid-area .right-box .quick-facts .fact-details p {color: #6A6A6A; font-size: 14px; line-height: 24px;}
.student-profile-page-details .profile-details-wrapper .profile-mid-area .right-box .quick-facts .fact-details h6 {color: var(--moalimy-green); font-size: 16px; font-weight: 700; line-height: 24px;}
.student-profile-page-details .profile-details-wrapper .profile-mid-area .right-box .quick-facts .fact-details span {color: #6A6A6A; font-size: 14px; direction: rtl; display: flex; justify-content: end;
gap: 3px;}
.student-profile-page-details .profile-details-wrapper .profile-mid-area .right-box .quick-facts .fact-details span strong {color: var(--moalimy-orange); font-weight: 700;}

.student-profile-page-details .profile-details-wrapper .profile-mid-area .left-box {width: 75%; display: grid; gap: 15px;}
.student-profile-page-details .profile-details-wrapper .profile-mid-area .left-box .box-skills {width: 100%; background: #fff; padding: 20px; border-radius: 12px; display: grid; gap: 15px;}
.student-profile-page-details .profile-details-wrapper .profile-mid-area .left-box .box-skills h3 {color: #171717; font-size: 20px; font-weight: 700; margin: 0 0 10px 0;}
.student-profile-page-details .profile-details-wrapper .profile-mid-area .left-box .box-skills .overview {background: #F5F5F5; padding: 15px; border-radius: 12px; display: grid; gap: 10px;}
.student-profile-page-details .profile-details-wrapper .profile-mid-area .left-box .box-skills .overview h4 {color: #334155; font-size: 18px; font-weight: 700;}
.student-profile-page-details .profile-details-wrapper .profile-mid-area .left-box .box-skills .overview .progress-title {display: flex; align-items: center; justify-content: space-between;}
.student-profile-page-details .profile-details-wrapper .profile-mid-area .left-box .box-skills .overview .progress-title h5 {color: #334155; font-size: 14px; font-weight: 700; text-transform: capitalize;}
.student-profile-page-details .profile-details-wrapper .profile-mid-area .left-box .box-skills .overview .progress-title span {color: var(--moalimy-green); font-size: 14px; font-weight: 700;}
.student-profile-page-details .profile-details-wrapper .profile-mid-area .left-box .box-skills .overview .progress-box {width: 100%; height: 10px; background: #DADADA; border-radius: 20px; position: relative; margin: 5px 0;}
.student-profile-page-details .profile-details-wrapper .profile-mid-area .left-box .box-skills .overview .progress-box .progress-bar{position: absolute; height: 10px; background: var(--moalimy-green); border-radius: 20px;}
.student-profile-page-details .profile-details-wrapper .profile-mid-area .left-box .box-skills .overview .skill-progress.red .progress-title span{color: #E8472A;}
.student-profile-page-details .profile-details-wrapper .profile-mid-area .left-box .box-skills .overview .skill-progress.red .progress-box .progress-bar{ background:#E8472A;}

.student-profile-page-details .profile-mid-area .box-skills .box-grid {display: flex; align-items: center; justify-content: space-between; gap: 15px;}
.student-profile-page-details .profile-mid-area .box-skills .box-grid .card-box {width: 100%; padding: 15px; border-radius: 12px; border: 1px solid; display: grid; gap: 10px;}
.student-profile-page-details .profile-mid-area .box-skills .box-grid .card-box h5 {font-size: 16px; font-weight: 700; margin: 0 0 5px 0;}
.student-profile-page-details .profile-mid-area .box-skills .box-grid .card-box.strengths {background: #5D8D7F1A; border-color: #5D8D7F1A;}
.student-profile-page-details .profile-mid-area .box-skills .box-grid .card-box.strengths h5{ color:var(--moalimy-green);}
.student-profile-page-details .profile-mid-area .box-skills .box-grid .card-box div {display: flex; gap: 10px; color: #212121;}
.student-profile-page-details .profile-mid-area .box-skills .box-grid .card-box.upgrade {background: var(--moalimy-orange)0D; border-color: var(--moalimy-orange)1A;}
.student-profile-page-details .profile-mid-area .box-skills .box-grid .card-box.upgrade h5{ color:var(--moalimy-orange);}

.student-profile-page-details .left-box .card-box {background: #fff; padding: 20px; border-radius: 12px;}
.student-profile-page-details .left-box .persotional-info  h3 {color: #171717; font-size: 20px; font-weight: 700; margin:0 0 10px 0;}
.student-profile-page-details .left-box .persotional-info .form-box {display: grid; grid-template-columns: repeat(2, 1fr); gap: 15px;}
.student-profile-page-details .left-box .persotional-info .form-box .form-group {margin: 0;}
.student-profile-page-details .left-box .persotional-info .form-box .form-group label {color: #6A6A6A; font-size: 16px; line-height: 28px; padding: 0 0 5px 0; text-transform: capitalize;}
.student-profile-page-details .left-box .persotional-info .form-box .form-group input {background: #F3F3F3; border: none; border-radius: 10px; height: 56px; padding: 8px 15px; font-size: 16px; font-family: "Roboto", sans-serif; font-weight: 400; outline:none;}
.student-profile-page-details .left-box .persotional-info .form-box .form-group .phone-input {display: flex; direction: rtl; justify-content: space-between; background: #F3F3F3; border-radius: 12px; align-items: center; padding: 5px 15px; height: 55px; gap: 10px;}
.student-profile-page-details .left-box .persotional-info .form-box .form-group .phone-input input {width: 80%; border-left: 1px solid #99999961; text-align: left; border-radius: 0; padding: 5px 5px 5px 10px; height: auto; direction: ltr;}
.student-profile-page-details .left-box .persotional-info .form-box .form-group .phone-input .country-box {display: flex; align-items: center; gap: 5px; color: #999999; font-size: 16px;}
.student-profile-page-details .left-box .persotional-info .form-box .form-group .phone-input .country-box .arrow-box {line-height: 15px;}
.student-profile-page-details .left-box .persotional-info .form-box .form-group .phone-input .country-box .arrow-box button {padding: 0; border: 0; cursor: pointer;}
.student-profile-page-details .left-box .persotional-info .form-box .form-group .phone-input .country-box img {width: 30px; border-radius: 3px;}
.student-profile-page-details .left-box .persotional-info .form-box .form-group input:focus{ box-shadow: none;}

.student-profile-page-details .left-box .whatsapp-notification {display: flex; align-items: center; justify-content: space-between;}
.student-profile-page-details .left-box .whatsapp-notification .setting-title p {color: #6A6A6A; line-height: 150%;}
.student-profile-page-details .left-box .whatsapp-notification .setting-title h5 {color: #1E1E1E; font-size: 16px; line-height: 150%;}

.student-profile-page-details .left-box .whatsapp-notification .setting-switch .switch{position:relative; display:inline-block; width:65px; height:34px; cursor:pointer; top: 5px;}
.student-profile-page-details .left-box .whatsapp-notification .setting-switch .switch input{display:none;}
.student-profile-page-details .left-box .whatsapp-notification .setting-switch .slider{position:absolute; inset:0; background:#d6d6d6; border-radius:50px; transition:.3s;}
.student-profile-page-details .left-box .whatsapp-notification .setting-switch .slider::before{content:""; position:absolute; width:26px; height:26px; left:4px; top:4px; background:#fff; border-radius:50%; transition:.3s;}
.student-profile-page-details .left-box .whatsapp-notification .setting-switch .switch input:checked + .slider{background:var(--moalimy-green);}
.student-profile-page-details .left-box .whatsapp-notification .setting-switch .switch input:checked + .slider::before{transform:translateX(30px);}

.student-profile-page-details .left-box .security h3 {color: #171717; font-size: 20px; font-weight: 700; margin:0 0 10px 0;}
.student-profile-page-details .left-box .card-box .pass-info-box { display: flex; align-items: center; justify-content: space-between; background: #F3F3F3; padding: 10px; border-radius: 8px;}
.student-profile-page-details .left-box .card-box .pass-info-box .content-box p {font-size: 12px; color: #6A6A6A; line-height: 150%;}
.student-profile-page-details .left-box .card-box .pass-info-box .content-box h5 {color: #1E1E1E; font-weight: 400; font-size: 16px; line-height: 150%;}
.student-profile-page-details .left-box .card-box .pass-info-box .btn-box a.btn-dflt {background: var(--moalimy-green); border-radius: 8px; padding: 11px 30px; font-size: 14px; color: #FEFEFE; line-height: 20px; display: block; text-transform: capitalize;}
.student-profile-page-details .left-box .card-box .pass-info-box .btn-box a.btn-dflt:hover{background: #DCA084;}





/*---------------------Sabir Ask Admin--------------------*/

.ask_admin {background-color: #F1F1F3; display: flex; flex-flow: row wrap; column-gap: 35px; font-family: "Roboto", sans-serif;}
.ask-admin-wrapper {width: calc(100% - 312px - 35px); padding-right: 45px; padding-top: 30px; padding-bottom: 30px; display: flex; flex-direction: column; gap: 26px;}
.ask-admin-wrapper .top-area {display: flex; align-items: center; justify-content: space-between; gap: 20px;}

.ask-admin-wrapper .top-area .title-box h2 {font-weight: 700; font-size: 32px; color: var(--moalimy-green); line-height: 150%;}
.ask-admin-wrapper .top-area .title-box p {color: #6A6A6A; font-size: 16px; font-weight: 400; line-height: 150%;}
.ask-admin-wrapper .top-area .top-btn-box .btn-dflt {gap: 8px; display: flex; justify-content: center; align-items: center; background: var(--moalimy-green); border-radius: 8px; padding: 15px 40px;
font-weight: 700; font-size: 16px; color: #FEFEFE; line-height: 20px;}
.ask-admin-wrapper .top-area .top-btn-box .btn-dflt:hover{background: #DCA084;}

.ask-admin-wrapper .mid-area {display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px;}
.ask-admin-wrapper .mid-area .card-box {background: #fff; padding: 20px; border-radius: 15px; border-left: 3px solid var(--moalimy-green); display: grid; gap: 30px;}
.ask-admin-wrapper .mid-area .card-box .card-head {display: flex; align-items: center; justify-content: space-between; gap: 20px;}
.ask-admin-wrapper .mid-area .card-box .card-head span.icon {width: 40px; height: 40px; display: flex; align-items: center; justify-content: center; border-radius: 8px;}
.ask-admin-wrapper .mid-area .card-box.box-blue {border-color: #2563EB;}
.ask-admin-wrapper .mid-area .card-box.box-red {border-color: #EF4444;}
.ask-admin-wrapper .mid-area .card-box.box-green span.icon {background: var(--moalimy-green)21;}
.ask-admin-wrapper .mid-area .card-box.box-blue span.icon {background: #EFF6FF;}
.ask-admin-wrapper .mid-area .card-box.box-red span.icon {background: #FEF2F2;}
.ask-admin-wrapper .mid-area .card-box .card-head h2 {font-size: 40px; font-weight: 700; color: #121212;}
.ask-admin-wrapper .mid-area .card-box .card-bdy h4 {color: #121212; font-size: 18px; font-weight: 700; line-height: 28px;}



.ask-admin-wrapper .main-content-area {display: grid; gap: 25px; margin: 30px 0 0 0;}
.ask-admin-wrapper .contant-area-top {display: flex; align-items: center; justify-content: space-between;}
.ask-admin-wrapper .contant-area-top .filter-tabs {display: inline-flex; align-items: center; background: #E9E9E9; padding: 6px; border-radius: 50px; gap: 6px;}
.ask-admin-wrapper .contant-area-top .filter-tabs input[type="radio"] {display: none;}
.ask-admin-wrapper .contant-area-top .filter-tabs label {padding: 6px 28px; border-radius: 40px; cursor: pointer; font-size: 20px; color: #999; transition: all 0.3s ease; white-space: nowrap; text-transform: capitalize;}
.ask-admin-wrapper .contant-area-top .filter-tabs input[type="radio"]:checked + label {background: #5d958d; color: #fff; font-weight:700;}
.ask-admin-wrapper .contant-area-top .filter-tabs label:hover {color: #5d958d;}

.ask-admin-wrapper .contant-area-top .search-area { display: flex; align-items: center; gap: 10px;}
.ask-admin-wrapper .contant-area-top .search-area .search-box {position: relative;}
.ask-admin-wrapper .contant-area-top .search-area .search-box input {background: #fff; border: none; padding: 10px 10px 10px 50px; min-width: 300px; height: 50px; border-radius: 50px; font-size: 16px;
color: #6A6A6A; font-family: "Roboto", sans-serif;}
.ask-admin-wrapper .contant-area-top .search-area .search-box input:focus{ border:none; outline:none;}
.ask-admin-wrapper .contant-area-top .search-area .search-box em.input-icon {position: absolute; left: 20px; top: 25px; right: auto; line-height: 0;}
.ask-admin-wrapper .contant-area-top .search-area .search-btn-box input.page_btn {margin: 0; border-radius: 50px; padding: 10px 40px; height: 50px; line-height: 0; font-family:"Roboto", sans-serif; text-transform: capitalize;}

.ask-admin-wrapper .main-content-area .table-wrap {background: #FFFFFF; border: 1px solid #F3F4F6; box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.05); border-radius: 12px; overflow: hidden;}
.ask-admin-wrapper .main-content-area .table-wrap .exam_head {font-weight: 600; color: #333; padding: 15px 8px; min-width: 20px; width: auto; font-family: "Roboto", sans-serif;}
.ask-admin-wrapper .main-content-area .table-wrap .exam_row{background: #F8F8F8;}
.ask-admin-wrapper .main-content-area .table-wrap .exam_row.default-bg{background: #F1F1F1;}
.ask-admin-wrapper .main-content-area .table-wrap .exam_row div {padding: 15px 8px; min-width: 20px; width: auto; font-family: "Roboto", sans-serif; font-weight: 400; font-size: 14px; line-height: 100%; color: #4D4D4D; display: flex; align-items: center; gap: 10px; vertical-align:middle;}
.ask-admin-wrapper .main-content-area .table-wrap .exam_head, .ask-admin-wrapper .main-content-area .table-wrap .exam_row {display: grid; grid-template-columns: 1.2fr 0.6fr 1.1fr 0.6fr .6fr; align-items: center;}
.ask-admin-wrapper .main-content-area .table-wrap .exam_row div.text-center {justify-content: center;}
.ask-admin-wrapper .main-content-area .table-wrap .exam_row .actions div {display: flex; justify-content: center; gap: 30px; padding: 0; align-items: center;}
.ask-admin-wrapper .main-content-area .table-wrap div:nth-child(2) svg, .ask-admin-wrapper .main-content-area .table-wrap div:nth-child(4) svg {display: none;}
.ask-admin-wrapper .main-content-area .table-wrap .exam_row .actions div.icon svg {display: block;}



.new_deg_student_account {background: #F1F1F3;}
.new_deg_student_account .back-sec.back-sec-new {flex-direction: row; padding: 20px 0 10px 0; font-size: 24px; color: #181C1D;font-weight: 700; gap: 5px;}
.new_deg_student_account .back-sec.back-sec-new a {transform: rotate(180deg);}




.teacher_home_work h4{ font-size: 20px; margin-top: 5px; margin-bottom: 10px; color: #6e7277;}
.watch-report-wrapper .watch-main-body .mn_file_name  {  min-height: 0 !important; margin: 15px 0 0 0; }
.watch-report-wrapper .watch-main-body .mn_file_name a {color:var(--moalimy-green);display: flex; gap:5px; align-items:center;}
.watch-report-wrapper .watch-main-body .mn_file_name a:hover {color:var(--moalimy-orange)}
.watch-report-wrapper .watch-main-body .mn_file_name a:hover svg path,
.watch-report-wrapper .watch-main-body .mn_file_name a:hover svg rect {
    fill: var(--moalimy-orange) !important;
    stroke: var(--moalimy-orange) !important;
}