body {
    padding: 0px;
    margin: 0px;
    list-style: none;
    font: 400 14px/27px 'Droid Arabic Kufi';
    color: #000;
    background: #F8F8F8;
    ;
}

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;
}

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

.container {
    max-width: 1200px;
}

.wrapper {
    width: 100%;
}

@font-face {
    font-family: 'Droid Arabic Kufi';
    src: url('../fonts/DroidArabicKufi-Bold.eot');
    src: url('../fonts/DroidArabicKufi-Bold.eot?#iefix') format('embedded-opentype'), url('../fonts/DroidArabicKufi-Bold.woff2') format('woff2'), url('../fonts/DroidArabicKufi-Bold.woff') format('woff'), url('../fonts/DroidArabicKufi-Bold.ttf') format('truetype'), url('../fonts/DroidArabicKufi-Bold.svg#DroidArabicKufi-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Droid Arabic Kufi';
    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: 'Inter';
    src: url('../fonts/Inter-Italic.woff2') format('woff2'),
        url('../fonts/Inter-Italic.woff') format('woff');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Inter';
    src: url('../fonts/Inter-Regular.woff2') format('woff2'),
        url('../fonts/Inter-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Inter 18pt';
    src: url('Inter18pt-Bold.woff2') format('woff2'),
        url('Inter18pt-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Inter 18pt';
    src: url('Inter18pt-MediumItalic.woff2') format('woff2'),
        url('Inter18pt-MediumItalic.woff') format('woff');
    font-weight: 500;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Inter 18pt';
    src: url('../fonts/Inter18pt-Light.woff2') format('woff2'),
        url('../fonts/Inter18pt-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Inter 18pt';
    src: url('../fonts/Inter18pt-Italic.woff2') format('woff2'),
        url('../fonts/Inter18pt-Italic.woff') format('woff');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Inter 18pt';
    src: url('../fonts/Inter18pt-Medium.woff2') format('woff2'),
        url('../fonts/Inter18pt-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Inter 18pt';
    src: url('../fonts/Inter18pt-ExtraBold.woff2') format('woff2'),
        url('../fonts/Inter18pt-ExtraBold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Inter 18pt';
    src: url('../fonts/Inter18pt-BoldItalic.woff2') format('woff2'),
        url('../fonts/Inter18pt-BoldItalic.woff') format('woff');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Inter 18pt';
    src: url('../fonts/Inter18pt-SemiBoldItalic.woff2') format('woff2'),
        url('../fonts/Inter18pt-SemiBoldItalic.woff') format('woff');
    font-weight: 600;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Inter 24pt';
    src: url('../fonts/Inter24pt-Bold.woff2') format('woff2'),
        url('../fonts/Inter24pt-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Inter 18pt';
    src: url('../fonts/Inter18pt-Regular.woff2') format('woff2'),
        url('../fonts/Inter18pt-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Inter 18pt';
    src: url('../fonts/Inter18pt-SemiBold.woff2') format('woff2'),
        url('../fonts/Inter18pt-SemiBold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Inter 24pt';
    src: url('../fonts/Inter24pt-BoldItalic.woff2') format('woff2'),
        url('../fonts/Inter24pt-BoldItalic.woff') format('woff');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Inter 24pt';
    src: url('Inter24pt-Italic.woff2') format('woff2'),
        url('Inter24pt-Italic.woff') format('woff');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Inter 24pt';
    src: url('../fonts/Inter24pt-ExtraBold.woff2') format('woff2'),
        url('../fonts/Inter24pt-ExtraBold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Inter 24pt';
    src: url('../fonts/Inter24pt-Light.woff2') format('woff2'),
        url('../fonts/Inter24pt-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Inter 24pt';
    src: url('../fonts/Inter24pt-SemiBold.woff2') format('woff2'),
        url('../fonts/Inter24pt-SemiBold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Inter 24pt';
    src: url('../fonts/Inter24pt-Regular.woff2') format('woff2'),
        url('../fonts/Inter24pt-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Inter 24pt';
    src: url('../fonts/Inter24pt-MediumItalic.woff2') format('woff2'),
        url('../fonts/Inter24pt-MediumItalic.woff') format('woff');
    font-weight: 500;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Inter 24pt';
    src: url('../fonts/Inter24pt-Medium.woff2') format('woff2'),
        url('../fonts/Inter24pt-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Inter 28pt';
    src: url('../fonts/Inter28pt-ExtraBold.woff2') format('woff2'),
        url('../fonts/Inter28pt-ExtraBold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Inter 28pt';
    src: url('../fonts/Inter28pt-BoldItalic.woff2') format('woff2'),
        url('../fonts/Inter28pt-BoldItalic.woff') format('woff');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Inter 24pt';
    src: url('../fonts/Inter24pt-SemiBoldItalic.woff2') format('woff2'),
        url('../fonts/Inter24pt-SemiBoldItalic.woff') format('woff');
    font-weight: 600;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Inter 28pt';
    src: url('../fonts/Inter28pt-Bold.woff2') format('woff2'),
        url('../fonts/Inter28pt-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Inter 28pt';
    src: url('../fonts/Inter28pt-Italic.woff2') format('woff2'),
        url('../fonts/Inter28pt-Italic.woff') format('woff');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Inter 28pt';
    src: url('../fonts/Inter28pt-Medium.woff2') format('woff2'),
        url('../fonts/Inter28pt-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Inter 28pt';
    src: url('../fonts/Inter28pt-Light.woff2') format('woff2'),
        url('../fonts/Inter28pt-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Inter 28pt';
    src: url('../fonts/Inter28pt-SemiBold.woff2') format('woff2'),
        url('../fonts/Inter28pt-SemiBold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Inter 28pt';
    src: url('../fonts/Inter28pt-MediumItalic.woff2') format('woff2'),
        url('../fonts/Inter28pt-MediumItalic.woff') format('woff');
    font-weight: 500;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Inter 28pt';
    src: url('../fonts/Inter28pt-Regular.woff2') format('woff2'),
        url('../fonts/Inter28pt-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Inter 28pt';
    src: url('../fonts/Inter28pt-SemiBoldItalic.woff2') format('woff2'),
        url('../fonts/Inter28pt-SemiBoldItalic.woff') format('woff');
    font-weight: 600;
    font-style: italic;
    font-display: swap;
}

.headerfixed {
    background: #fff;
    box-shadow: 0px 4px 4px rgb(0 0 0 / 0%);
    padding: 10px 0 !important;
}

.navbar-brand {
    margin-right: 0;
}

.header_sec {
    width: 100%;
    z-index: 999;
    padding: 20px 0 25px;
    top: 0;
    direction: rtl;
    margin-top: 90px;
    -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;
}

.nav_top {
    justify-content: end;
    padding: 0 !important;
}

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

.logon_btn_new ul li a {
    width: 136px;
    height: 51px;
    background: var(--moalimy-green);
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 32px;
    font-family: 'Droid Arabic Kufi';
    font-style: normal;
    font-weight: 400;
    font-size: 20px;
    letter-spacing: -0.01em;
    margin-right: 6px;
    color: #FFFFFF;
}

.logon_btn_new ul li a.hed_btn {
    width: 130px;
    background: #EBEEED;
    color: var(--moalimy-green);
}

.logon_btn_new ul li a:hover {
    background: var(--moalimy-orange);
    color: #fff;
}

.extra-banner {
    margin-top: 170px;
}

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

.first-rows-imgs {
    margin-right: 4px;
}

.images-ban {
    margin-bottom: 4px;
    display: inline-block;
}

.first-banner-imgas {
    border-radius: 35px 0px 0px 0px;
}

.two-banner-imgas {
    border-radius: 0px 35px 0px 0px;
}

.third-banner-imgas {
    border-radius: 0px 0px 0px 35px;
}

.four-banner-imgas {
    border-radius: 0px 0px 35px 0px;
}

.banner-contents {
    direction: rtl;
    padding-left: 160px;
    position: relative;
}

.banner-contents h3 {
    font-family: 'Droid Arabic Kufi';
    font-style: normal;
    font-weight: 400;
    font-size: 20px;
    line-height: 133%;
    text-align: right;
    letter-spacing: -0.01em;
    margin-bottom: 9px;
    color: var(--moalimy-orange);
}

.banner-contents h2 {
    font-family: 'Droid Arabic Kufi';
    font-style: normal;
    font-weight: 400;
    font-size: 32px;
    line-height: 133%;
    text-align: right;
    letter-spacing: -0.01em;
    /* black */
    margin-bottom: 40px;
    color: #000000;
}

.banner-contents h1 {
    font-family: 'Droid Arabic Kufi';
    font-style: normal;
    font-weight: 400;
    font-size: 44px;
    line-height: 133%;
    text-align: right;
    letter-spacing: -0.01em;
    margin-bottom: 25px;
    color: var(--moalimy-orange);
}

.banner-contents p {
    font-family: 'Droid Arabic Kufi';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 200%;
    /* or 32px */
    text-align: right;
    letter-spacing: -0.01em;
    margin-bottom: 29px;
    /* grey */
    color: #84888F;
}

.banner-contents a {
    width: 291px;
    height: 59px;
    /* secondary */
    background: var(--moalimy-green);
    border-radius: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: 'Droid Arabic Kufi';
    font-style: normal;
    font-weight: 400;
    font-size: 20px;
    line-height: 133%;
    letter-spacing: -0.01em;
    color: #FFFFFF;
}

.banner-contents a:hover {
    background: var(--moalimy-orange);
    color: #fff;
}

.banner-contents:before {
    position: absolute;
    content: "";
    background: url('../images/shape1.png');
    left: -29px;
    width: 120px;
    height: 46.19px;
}

/**/
.sec-pad {
    padding: 14px 0px 76px 0;
}

.package-sec-headings h2 {
    font-family: 'Droid Arabic Kufi';
    font-style: normal;
    font-weight: 400;
    font-size: 32px;
    line-height: 45.5px;
    text-align: right;
    letter-spacing: -0.01em;
    margin-bottom: 53px;
    color: #000000;
}

.first-tabs_views {
    direction: rtl;
}

.init {
    display: none;
}

.list-unstyled-tabs {
    display: flex;
    align-items: center;
}

.list-unstyled-tabs li {
    background: #F8F8F8;
    border-left: 1px solid #E6E6E6;
    height: 73px;
    line-height: 73px;
    padding: 0 12px;
}

.list-unstyled-tabs li a {
    font-family: 'Droid Arabic Kufi';
    font-style: normal;
    font-weight: 400;
    font-size: 19px;
    line-height: 73px;
    text-align: right;
    letter-spacing: -0.01em;
    /* grey */
    display: flex;
    align-items: center;
    justify-content: center;
    color: #84888F;
}

.list-unstyled-tabs li a img {
    margin-left: 12px;
    opacity: 0.5;
    -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;
}

.list-unstyled-tabs li.active,
.list-unstyled-tabs li:hover {
    background: #E6E6E6;
    border-left: 1px solid #E6E6E6;
}

.list-unstyled-tabs li:hover a,
.list-unstyled-tabs li.active a {
    color: #000000;
}

.list-unstyled-tabs li:hover a img,
.list-unstyled-tabs li.active a img {
    opacity: 1;
    -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;
}

.second-tabs_views {
    background: #E6E6E6;
    width: 100%;
    /* height: 127px; */
    height: auto;
    display: flex;
    align-items: center;
}

.packages-divs {
    direction: rtl;
}

.new_tabs_btns_ul {
    padding: 30px 25px;
}

.new_tabs_btns_ul li {
    margin-bottom: 8px;
}

.new_tabs_btns_ul li a {
    background: #FFFFFF;
    /* secondary */
    padding: 9px 11px;
    border: 1px solid var(--moalimy-green);
    border-radius: 4px;
    font-family: 'Droid Arabic Kufi';
    font-style: normal;
    font-weight: 400;
    font-size: 20px;
    line-height: 133%;
    cursor: pointer;
    /* identical to box height, or 27px */
    text-align: right;
    letter-spacing: -0.01em;
    margin-left: 7px;
    /* secondary */
    color: var(--moalimy-green)
}

.new_tabs_btns_ul li a.new_tab2 {
    border: 1px solid #84888F;
    color: #84888F;
}

.new_tabs_btns_ul li a.new_tab3 {
    border: 1px solid var(--moalimy-orange);
    color: var(--moalimy-orange);
}

.new_tabs_btns_ul li a.new_tab4 {
    border: 1px solid #000;
    color: #000;
}

.new_tabs_btns_ul li a.active,
.new_tabs_btns_ul li a:hover {
    background-color: var(--moalimy-orange) !important;
    border: 1px solid var(--moalimy-orange);
    color: #fff;
}

/*-*/
.package_boxes {
    background: #FFFFFF;
    border: 1px solid #E6E6E6;
    border-radius: 4px;
    margin-bottom: 23px;
    height: calc(100% - 23px);
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: stretch;
}

.packaage_top_boxes {
    border-radius: 4px 4px 0px 0px;
}

.packaage_top_boxes span {
    display: block;
    position: relative;
}

.packaage_top_boxes span img {
    width: 100%;
}

.opcity {
    position: absolute;
    content: "";
    width: 100%;
    background: rgba(61, 64, 91, 0.44);
    border-radius: 4px 4px 0px 0px;
    height: 100%;
    top: 0;
}

.packaage_top_boxes {
    position: relative;
}

.packaage_top_boxes p {
    position: absolute;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: 'Droid Arabic Kufi';
    font-style: normal;
    font-weight: 400;
    font-size: 20px;
    line-height: 133%;
    text-align: center;
    letter-spacing: -0.01em;
    color: #FFFFFF;
    top: 0;
}

.packaage_btm_boxes {
    padding: 15px;
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: stretch;
}

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

.package_device ul li {
    padding: 0px 4px;
    display: flex;
    align-items: center;
}

.package_device ul li span {
    font-family: 'Droid Sans';
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 161%;
    text-align: right;
    letter-spacing: -0.01em;
    color: #84888F;
}

.package_device ul li img {
    margin-right: 3px;
}

.package_device {
    margin-bottom: 22px;
}

.package_adv {
    margin-bottom: 20px;
}

.package_adv h6 {
    font-family: 'Droid Arabic Kufi';
    font-style: normal;
    font-weight: 400;
    font-size: 14.85px;
    line-height: 133%;
    text-align: right;
    letter-spacing: -0.01em;
    margin-bottom: 10px;
    color: #000000;
}

.package_adv ul li {
    font-family: 'Droid Arabic Kufi';
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 133%;
    /* identical to box height, or 19px */
    text-align: right;
    letter-spacing: -0.01em;
    /* grey */
    margin-bottom: 5px;
    color: #84888F;
}

.package_adv ul li img {
    margin-left: 9px;
}

.packages_btns a {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 44px;
    position: relative;
    background: var(--moalimy-green);
    border-radius: 4px;
    font-family: 'Droid Arabic Kufi';
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 133%;
    /* identical to box height, or 19px */
    letter-spacing: -0.01em;
    color: #FFFFFF;
}

.packages_btns {
    position: relative;
    margin-bottom: 10px;
}

.packages_btns:last-child {
    margin-bottom: 0px !important;
}

.packages_btns p {
    position: absolute;
    width: 16.15px;
    height: 70.75px;
    left: 10px;
    top: -22px;
    background: #FFFFFF;
    transform: rotate(55.56deg);
}

.packages_btns p span {
    font-style: normal;
    font-weight: 400;
    font-size: 10px;
    line-height: 2%;
    position: absolute;
    white-space: nowrap;
    padding: -35px;
    top: 35px;
    left: -11px;
    text-align: right;
    display: inline-block;
    letter-spacing: -0.01em;
    color: #8B0F11;
    transform: rotate(270.44deg);
}

.packages_btns a:hover {
    background: var(--moalimy-orange);
    color: #fff;
}

.package_txt_btms h5 {
    font-family: 'Droid Arabic Kufi';
    font-style: normal;
    font-weight: 400;
    font-size: 20px;
    line-height: 133%;
    /* identical to box height, or 27px */
    text-align: center;
    letter-spacing: -0.01em;
    /* secondary */
    margin-top: 15px;
    margin-bottom: 15px;
    color: var(--moalimy-green);
}

.sec-pad2 {
    padding: 30px 0 0px;
}

.step-sec-headings h2 {
    font-family: 'Droid Arabic Kufi';
    font-style: normal;
    font-weight: 400;
    font-size: 44px;
    line-height: 133%;
    /* identical to box height, or 59px */
    text-align: center;
    letter-spacing: -0.01em;
    /* black */
    color: #000000;
}

.step_widths {
    background: #FFFFFF;
    margin-top: 60px;
    box-shadow: 11px 7px 25px 9px #F2F2F2;
    border-radius: 8px;
    padding: 60px 30px;
    direction: rtl;
}

.step_widths ul {
    display: flex;
    align-items: baseline;
}

.step_widths ul li {
    width: 20%;
    padding-left: 25px;
}

.steps_boxes img {
    margin-bottom: 28px;
}

.steps_boxes h2 {
    font-family: 'Droid Arabic Kufi';
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 133%;
    /* identical to box height, or 24px */
    text-align: right;
    letter-spacing: -0.01em;
    /* black */
    margin-bottom: 15px;
    color: #000000;
}

.steps_boxes p {
    font-family: 'Droid Arabic Kufi';
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 25px;
    text-align: right;
    letter-spacing: -0.01em;
    color: #000000;
}

.testimonails-section {
    background: rgba(241, 241, 241, 0.72);
    padding: 45px 0;
}

.meet_testimonaisls_inr .owl-stage {
    padding: 67px 0 90px;
}

.testimonails_boxes {
    background: #FFFFFF;
    border-radius: 8px;
    min-height: 403px;
    text-align: right;
    padding: 30px 18px;
    display: grid;
}

.meet_tutors_slid .owl-carousel .testimonails_boxes img {
    width: 70px;
}

.testimonails_boxes p {
    font-family: 'Droid Arabic Kufi';
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 170%;
    /* or 27px */
    text-align: right;
    letter-spacing: -0.01em;
    margin-top: 11px;
    color: #000000;
    min-height: 184px;
}

.testi_users {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    margin-top: 8px;
    align-self: flex-end;
}

.testi_users img {
    width: 50px !important;
    height: 50px;
    border-radius: 50%;
    object-fit: cover;
}

.testi-user-box {
    margin-left: 11px;
}

.testi-user-box h5 {
    font-family: 'Droid Arabic Kufi';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 133%;
    /* or 21px */
    text-align: right;
    letter-spacing: -0.01em;
    color: #000000;
}

.testi-user-box h6 {
    font-style: normal;
    font-weight: 400;
    font-size: 10px;
    line-height: 133%;
    /* or 13px */
    text-align: right;
    letter-spacing: -0.01em;
    /* grey */
    color: #84888F;
}

.meet_tutors_slid .owl-nav {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 26px
}

.meet_tutors_slid .owl-nav .nav-button {
    font-family: 'League Spartan';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 133%;
    /* or 21px */
    letter-spacing: -0.01em;
    /* black */
    color: #000000;
}

.meet_tutors_slid .owl-dots {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    bottom: 40px;
    right: calc(50% - 140px);
}

.meet_tutors_slid .owl-dots .owl-dot {
    width: 93px;
    height: 3px;
    background: rgba(0, 0, 0, 0.2);
}

.meet_tutors_slid .owl-dots .owl-dot.active {
    background: #000000;
}

.register-step-section {
    padding: 90px 0;
}

.new_aggis {
    position: relative;
}

.register_shape {
    position: absolute;
    top: -2px;
    right: 22%;
}

.register_shape2 {
    position: absolute;
    top: 45px;
    right: 10%;
}

.register_steps {
    margin-top: 70px;
    direction: rtl;
    position: relative;
}

.register_steps_boxes {
    background: #FFFFFF;
    box-shadow: 11px 7px 25px 9px #F2F2F2;
    border-radius: 6px;
    min-height: 290px;
    padding: 15px;
    text-align: center;
}

.register_steps_boxes img {
    width: 100%;
}

.register_steps_boxes h3 {
    font-family: 'Droid Arabic Kufi';
    font-style: normal;
    font-weight: 400;
    font-size: 20px;
    line-height: 133%;
    /* identical to box height, or 27px */
    text-align: center;
    letter-spacing: -0.01em;
    /* black */
    margin-top: 45px;
    margin-bottom: 45px;
    color: #000000;
}

.shape3 {
    z-index: -1;
    position: absolute;
    right: -35px;
    bottom: -70px;
}

.Investing-section {
    padding: 65px 0;
    direction: rtl;
}

.investing_right {
    max-width: 37%;
    position: relative;
    height: 620px;
}

.investing_right img {
    width: 100%;
    height: 620px;
    object-fit: cover;
}

.investing_right h2 {
    display: flex;
    align-items: center;
    width: 100%;
    height: 100%;
    justify-content: center;
    position: absolute;
    top: 0;
    left: 0;
    font-family: 'Droid Arabic Kufi';
    font-style: normal;
    font-weight: 400;
    font-size: 64px;
    line-height: 133%;
    /* or 85px */
    padding-right: 22px;
    text-align: right;
    letter-spacing: -0.01em;
    color: #FFFFFF;
}

.investing_left {
    width: 65.5%;
    padding: 0 50px 0 35px;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.investing_left .investing_left_boxes {
    width: calc(33.33% - 40px);
    margin: 12px 20px;
    background: #FFFFFF;
    box-shadow: 11px 7px 25px 9px #F2F2F2;
    border-radius: 8px;
    padding: 25px 20px 25px 20px;
    height: 300px;
}

.investing_left_boxes img {
    margin-bottom: 30px;
}

.investing_left_boxes h3 {
    font-family: 'Droid Arabic Kufi';
    font-style: normal;
    font-weight: 400;
    font-size: 24px;
    line-height: 133%;
    /* identical to box height, or 32px */
    text-align: right;
    letter-spacing: -0.01em;
    /* black */
    color: #000000;
}

.investing_left_boxes p {
    font-family: 'Droid Arabic Kufi';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 170%;
    /* or 27px */
    text-align: right;
    letter-spacing: -0.01em;
    /* black */
    color: #000000;
    padding: 38px 0 36px;
}

.join_section {
    background: rgba(0, 0, 0, 0.81);
    padding: 61px 0;
    text-align: center;
}

.jopin_us_texts h2 {
    font-family: 'Droid Arabic Kufi';
    font-style: normal;
    font-weight: 400;
    font-size: 36px;
    line-height: 133%;
    /* identical to box height, or 48px */
    margin-bottom: 52px;
    text-align: center;
    letter-spacing: -0.01em;

    /* white color */

    color: #FFFFFF;
}

.jopin_us_texts p {
    font-family: 'Droid Arabic Kufi';
    font-style: normal;
    font-weight: 400;
    font-size: 20px;
    line-height: 133%;
    /* or 27px */
    margin: 0 auto 52px;
    text-align: center;
    letter-spacing: -0.01em;

    /* white color */
    width: 55%;

    color: #FFFFFF;
}

.jopin_us_texts a {
    height: 59px;
    width: 291px;
    background: #FFFFFF;
    border-radius: 32px;
    font-family: 'Droid Arabic Kufi';
    font-style: normal;
    font-weight: 400;
    font-size: 20px;
    line-height: 59px;
    /* identical to box height, or 27px */

    letter-spacing: -0.01em;

    /* black */
    display: inline-block;
    color: #000000;
}

.jopin_us_texts a:hover {
    background: var(--moalimy-orange);
    color: #fff;
}

footer {
    background: #000000;
    direction: rtl;
    padding-top: 48px;
}

.footer-tops {
    padding-left: 160px;
}

.footer-tops a {
    margin-bottom: 30px;
    display: inline-block;
}

.footer-tops p {
    font-family: 'Droid Arabic Kufi';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 23px;
    text-align: right;
    letter-spacing: -0.01em;
    color: #fff;
}

.social_box {
    margin-top: 45px;
}

.social_box h6 {
    font-family: 'Droid Arabic Kufi';
    font-style: normal;
    font-weight: 400;
    font-size: 20px;
    line-height: 133%;
    /* or 27px */

    text-align: right;
    letter-spacing: -0.01em;

    /* black */
    margin-bottom: 20px;
    color: #fff;
}

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

.social_box ul li a {
    margin-left: 20px;
}

.footer_links h5 {
    font-family: 'Droid Arabic Kufi';
    font-style: normal;
    font-weight: 400;
    font-size: 28px;
    line-height: 133%;
    /* or 37px */

    text-align: right;
    letter-spacing: -0.01em;

    /* black */
    margin-bottom: 25px;
    color: #fff;
}

.footer_links li a {
    font-family: 'Droid Arabic Kufi';
    font-style: normal;
    font-weight: 400;
    font-size: 20px;
    line-height: 133%;
    /* or 27px */
    display: inline-block;
    text-align: right;
    letter-spacing: -0.01em;

    /* black */
    margin-bottom: 26px;
    color: #fff;
}

.footer_links li a:hover {
    color: var(--moalimy-orange);
}

.footer-bottom-part {
    border-top: 1px solid #ECECEC;
    padding: 32px 0 32px;
    margin-top: 30px;
}

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

.footer_payments li a {
    margin-left: 10px;
}

.footer_copyrigt p,
.footer_copyrigt p a {
    text-align: left;
    font-family: 'Droid Arabic Kufi';
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 133%;
    /* identical to box height, or 19px */

    letter-spacing: -0.01em;

    /* black */

    color: #fff;
}

.footer_copyrigt p a {
    text-decoration: underline !important;
}

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

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

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

.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: #000;
    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: auto;
    z-index: 3;
    border: solid 1px #d9d9d9;
    width: 180px;
    left: 0px;
}


.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: 'Mulish', sans-serif;
}

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


.cart_icon_link {
    position: relative;
}

.cart_icon_link i {
    color: var(--moalimy-green);
    font-size: 22px;
    padding: 0 0 0 3px;
    margin-right: 10px;
}

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

.header-log-drodown i img {
    filter: grayscale(100%);
}

.log_hed_pro {
    position: relative;
}

.package_txt_btms a:hover h5 {
    color: var(--moalimy-orange);
}

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

.for_new_social2 {
    width: 42px;
}

.package_adv ul {
    min-height: 115px;
}

.tutor {
    padding: 70px 0px 0px 0px;
    display: block;
    width: 100%;
}

.tutor-box {
    background: #FFFFFF;
    border: 1px solid #ECECEC;
    box-shadow: 11px 0px 37px rgba(0, 0, 0, 0.04);
    border-radius: 8px;
    padding: 48px 14px 14px 14px;
}

.intro-tut {
    border-bottom: 1px solid #E6E6E6;
    padding: 0px 4px 4px 4px;
}

.tut-img {
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    border-radius: 50%;
    width: 94px;
    height: 94px;
    margin: 0 auto 10px auto;
}

.intro-tut h2 {
    font-family: 'Droid Arabic Kufi';
    font-style: normal;
    font-weight: 400;
    font-size: 24px;
    line-height: 1.6;
    text-align: center;
    letter-spacing: -0.01em;
    color: #000000;
    margin-bottom: 4px;
    direction: rtl;
}

.intro-insd {
    min-height: 137px;
}

.intro-insd ul {
    padding: 8px 4px 4px 4px;
    border-bottom: 1px solid #E6E6E6;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: flex-start;
    flex-wrap: wrap;
}

.intro-insd ul li {
    direction: rtl;
    font-family: 'Droid Arabic Kufi';
    font-style: normal;
    font-weight: 400;
    font-size: 13px;
    line-height: 1.5;
    text-align: right;
    letter-spacing: -0.01em;
    color: #000000;
    padding-left: 10px;
    position: relative;
    margin-right: 12px;
}

.intro-insd ul li::before {
    position: absolute;
    content: '';
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background-color: var(--moalimy-green);
    left: 0px;
    top: 6px;
}

.intro-insd p {
    font-family: 'Droid Arabic Kufi';
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 133%;
    text-align: center;
    letter-spacing: -0.01em;
    color: #000000;
    direction: rtl;
    padding: 9px 0px 0px 0px;
    width: 100%;
    overflow: hidden;
    max-height: 48px;
    text-overflow: ellipsis;
}

a.tut-btn {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 8px;
    background: #FFFFFF;
    border: 1px solid var(--moalimy-green);
    border-radius: 32px;
    font-family: 'Droid Arabic Kufi';
    font-style: normal;
    font-weight: 400;
    font-size: 20px;
    line-height: 1.4;
    text-align: center;
    letter-spacing: -0.01em;
    color: var(--moalimy-green);
    margin-top: 20px;
}

a.tut-btn:hover {
    background: var(--moalimy-orange);
    color: #fff;
    border: 1px solid var(--moalimy-orange);
}

.logon_btn_new ul li a.bfr-log-cart {
    width: auto !important;
    height: auto !important;
    background: transparent !important;
    color: var(--moalimy-green);
    display: block;
    margin-top: 10px;
}

.lang-btn {
    display: block;
    position: relative;
    /* margin-left: 10px; */
    width: 50px;
    height: 40px;
    /* background-image: url(../images/lang.png); */
    background-size: 40px;
    background-repeat: no-repeat;
    background-position: right 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: block;
    left: 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;
    right: 0px;
    border: none !important;
    box-shadow: 8px 6px 11px 0px #0000001f;
}

.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;
}

.header-log-drodown {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
}

.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);
}

/* 15-03 */
.ushr-mar {
    height: 158px;
}

.urgnt-shr-sec {
    height: 158px;
    padding: 37px 0px 29px 0px;
    background-color: white;
    margin-top: 0;
}

.urgnt-shr-sec .nav_top {
    justify-content: start;
}

.urgnt-shr-sec .navbar-brand {
    width: 194px;
    height: 92px;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
}

.urgnt-shr-sec .navbar-brand img {
    display: block;
    width: 100%;
    height: 100%;
    max-width: 100%;
    max-height: 100%;
}

.ushr-banner {
    width: 100%;
    padding: 35px 0px 35px 0px;
    position: relative;
    z-index: 2;
}

.ushr-banner img.ushr-bnr-bg {
    position: absolute;
    z-index: -1;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    top: 0px;
    left: 0px;
}

.ushr-banner h1 {
    font-family: 'Droid Arabic Kufi';
    font-style: normal;
    font-weight: 700;
    font-size: 30px;
    line-height: 133%;
    text-align: center;
    letter-spacing: -0.01em;
    color: #F5F5F5;
}

.ushr-steps {
    direction: rtl;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin-top: -25.05px;
    position: relative;
    z-index: 9;
    overflow-x: hidden;
    overflow-y: visible;
}

.ushr-steps::after {
    content: '';
    position: absolute;
    width: 100%;
    height: 7px;
    left: 0px;
    top: 18.5px;
    background-color: #8AA0A2;
    z-index: -1;
}

.ushr-stp-box {
    width: 33.33%;
    position: relative;
    z-index: 3;
}

.ushr-sb-txt {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: fit-content;
    margin-right: auto;
    height: 78px;
}

.ushr-sb-txt span {
    background: #FFFFFF;
    border: 3px solid #8AA0A2;
    width: 34px;
    height: 34px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-family: 'Baloo 2';
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 24px;
    color: #8AA0A2;
    border-radius: 50%;
    margin-bottom: 14px;
    margin-top: 3px;
}

.ushr-stp-box.active .ushr-sb-txt span {
    background: var(--moalimy-green);
    border: 3px solid var(--moalimy-green);
    width: 42px;
    height: 42px;
    font-size: 20px;
    color: #FFFFFF;
    margin-bottom: 12px;
    margin-top: 0px;
}

.ushr-stp-box em {
    position: absolute;
    width: calc(100% - 29px);
    height: 7px;
    top: 18.5px;
    z-index: -1;
    display: block;
    left: 49px;
}

.ushr-stp-box.ushr-stp3 em {
    width: calc(100% + 36px);
    left: 0px;
}

.ushr-stp-box em::after {
    content: '';
    display: none;
    width: 100%;
    height: 100%;
    background-color: var(--moalimy-green);
}

.ushr-stp-box.active em::after,
.ushr-stp-box.done em::after {
    display: block;
}

.ushr-stp-box.active.ushr-stp3 em::after {
    display: block;
    width: 25%;
}

.ushr-stp-box.active.ushr-stp3.ushr-stp3-on2 em::after {
    display: block;
    width: 50%;
}

.ushr-paper-inr {
    margin-top: 37px;
}

.ushr-paper-inr h6 {
    width: 760px;
    max-width: 100%;
    margin-bottom: 15px;
    font-family: 'Droid Arabic Kufi';
    font-style: normal;
    font-weight: 400;
    font-size: 20px;
    line-height: 200%;
    text-align: right;
    letter-spacing: -0.01em;
    color: #84888F;
    margin-left: auto;
}

.required-numbr-box {
    margin-bottom: 47px;
    background: #FFFFFF;
    border-radius: 6px;
    padding: 41px 173px 56px 174px;
    margin: 0 56px 47px 56px;
    max-width: 100%;
}

.required-numbr-box h2 {
    display: flex;
    direction: rtl;
    justify-content: center;
    align-items: center;
    flex-direction: row;
    font-family: 'Droid Arabic Kufi';
    font-style: normal;
    font-weight: 700;
    font-size: 20px;
    line-height: 30px;
    text-align: right;
    color: #0D0D0D;
    margin-bottom: 101px;
}

.required-numbr-box h2 svg {
    display: block;
    width: 32px;
    height: 32px;
    margin-left: 16px;
}

.serving-outr {
    direction: rtl;
    margin-bottom: 66px;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: stretch;
    flex-wrap: wrap;
}

.serving-box {
    margin: 0 6px 12px 6px;
    height: calc(100% - 12px);
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px;
    width: 230px;
    background: #FFFFFF;
    border: 1px solid var(--moalimy-green);
    border-radius: 8px;
}

.serving-box input {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    z-index: 2;
    cursor: pointer;
    opacity: 0;
}

.serving-box h5 {
    font-family: 'Droid Arabic Kufi';
    font-style: normal;
    font-weight: 400;
    font-size: 20px;
    line-height: 133%;
    text-align: center;
    letter-spacing: -0.01em;
    color: #5E5E5E;
    margin-bottom: 17px;
}

.serving-box p {
    font-family: 'Droid Arabic Kufi';
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 133%;
    text-align: center;
    letter-spacing: -0.01em;
    color: #84888F;
}

.serving-box svg {
    position: absolute;
    top: 0px;
    right: -1px;
    display: none;
}

.serving-box input:checked+svg {
    display: block;
}

.serving-buttons-sec {
    direction: rtl;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: stretch;
    flex-wrap: wrap;
}

.serving-buttons-sec button,
.serving-buttons-sec a {
    display: block;
    width: 236px;
    height: 44px;
    padding: 12.5px;
    background: #F5F5F5;
    border: 1px solid var(--moalimy-green);
    border-radius: 4px;
    font-family: 'Droid Arabic Kufi';
    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 11.5px 11.5px 11.5px;
}

.serving-buttons-sec button:hover,
.serving-buttons-sec a:hover,
.serving-buttons-sec button:focus {
    background: var(--moalimy-green);
    border: 1px solid #F5F5F5;
    border-radius: 4px;
    color: #FFFFFF;
}

.req-box-step2 {
    padding: 36px 112px 67px 186px;
    width: 818px;
    margin: 0px auto 47px auto;
    max-width: 100%;
}

.ed-frm-div {
    width: 100%;
    direction: rtl;
    margin-bottom: 40px;
}

.ed-frm-div label {
    font-family: 'Droid Arabic Kufi';
    font-style: normal;
    font-weight: 400;
    font-size: 20px;
    line-height: 200%;
    text-align: right;
    letter-spacing: -0.01em;
    color: #84888F;
    margin-bottom: 16px;
}

.ed-frm-div input,
.ed-frm-div select {
    width: 100%;
    appearance: none;
    padding: 17px 36px 17px 30px;
    height: 64px;
    background: #FFFFFF;
    border: 1px solid #E6E6E6;
    border-radius: 8px;
    font-family: 'Droid Arabic Kufi';
    font-style: normal;
    font-weight: 400;
    font-size: 20px;
    line-height: 133%;
    text-align: right;
    letter-spacing: -0.01em;
    color: #84888F;
    outline: none !important;
    box-shadow: none !important;
}

.ed-frm-div select {
    background-image: url(../images/select-arw.png);
    background-size: 30px 30px;
    background-position: top 17px left 30px;
    background-repeat: no-repeat;
}

.ed-frm-div input::placeholder {
    color: #E6E6E6;
}

.ed-frm-div input:hover,
.ed-frm-div select:hover,
.ed-frm-div input:focus,
.ed-frm-div select:focus,
.ed-frm-div input:focus-visible,
.ed-frm-div select:focus-visible,
.ed-frm-div input:focus-within,
.ed-frm-div select:focus-within {
    border: 1px solid var(--moalimy-green) !important;
    outline: var(--moalimy-green) auto 1px !important;
}

.ed-frm-contry {
    display: flex;
    direction: rtl;
    justify-content: flex-start;
    flex-direction: row-reverse;
    align-items: stretch;
}

.ed-frm-contry .select2-container {
    width: 105px !important;
    margin-right: 3px;
    height: 64px;
}

.ed-frm-contry span.selection {
    height: 100%;
}

.ed-frm-contry span.select2-selection.select2-selection--single {
    direction: rtl;
    height: 100%;
    background-image: url(../images/select-arw.png);
    background-size: 16px 16px;
    background-position: top 22px right 3.5px;
    background-repeat: no-repeat;
    border: 1px solid #D2D5DA !important;
    border-radius: 6px !important;
    padding: 19px 1px 19px 1px;
}

.select2-selection__rendered div {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    width: fit-content !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-selection__rendered div img,
.select2-results__option div img {
    width: 26px !important;
    margin-left: 4px !important;
    margin-right: 4px;
}

.ed-frm-contry .select2-container--default .select2-selection--single .select2-selection__arrow {
    display: none !important;
}

.ed-frm-contry .select2-container .select2-choice .select2-arrow {
    display: none !important;
}

.ed-frm-contry .select2-container .select2-choice>.select2-chosen {
    margin-right: 14px;
}

.ed-frm-contry .select2-search input {
    padding: 4px !important;
}


.select2-search--dropdown input:focus-visible {
    outline: none !important;
}

.select2-results div {
    display: flex !important;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    font-size: 13px !important;
    font-weight: 500 !important;
}


.ed-img-upld-sec {
    position: relative;
    width: 100%;
    height: 157px;
}

.ed-img-upld-sec input {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    z-index: 3;
    opacity: 0;
    cursor: pointer;
}

.ed-img-upld-label {
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 22px;
    background: #FFFFFF;
    border: 1px solid #E6E6E6;
    border-radius: 8px;
    justify-content: flex-end;
    font-family: 'Droid Arabic Kufi';
    font-style: normal;
    font-weight: 400;
    font-size: 20px;
    line-height: 133%;
    letter-spacing: -0.01em;
    color: #84888F;
}

.ed-img-upld-label svg {
    display: block;
    width: 30px;
    height: 30px;
    margin-bottom: 14px;
}

.ed-img-upld-sec input:hover+.ed-img-upld-label {
    border: 1px solid var(--moalimy-green);
    color: var(--moalimy-green);
}

.ed-img-upld-sec input:hover+.ed-img-upld-label svg path {
    fill: var(--moalimy-green);
}

.ed-img-uploaded {
    display: flex;
    margin-top: 25px;
    direction: rtl;
    flex-direction: row;
    justify-content: flex-start;
    align-items: stretch;
    flex-wrap: wrap;
    margin-bottom: -5px;
}

.ed-img-uploaded em {
    width: 100px;
    height: 100px;
    position: relative;
    border-radius: 9px;
    overflow: hidden;
    background-color: #eee;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0px 0px 12px 12px;
}

.ed-img-uploaded em img {
    display: block;
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 100%;
}

.ed-img-uploaded em a {
    display: block;
    position: absolute;
    top: 1px;
    right: 1px;
    width: fit-content;
    height: fit-content;
}

.ed-img-uploaded em a:hover svg path {
    stroke: var(--moalimy-green);
}

.ed-img-uploaded p {
    padding: 4px 8px;
    border-radius: 2px;
    border: 1px solid var(--moalimy-green);
    font-family: 'Droid Arabic Kufi';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 133%;
    letter-spacing: -0.01em;
    color: var(--moalimy-green);
    margin: 0 0 5px 5px;
}

.ushr-success {
    width: 100%;
    background: #FFFFFF;
    border-radius: 8px;
    padding: 42px 42px 55px 42px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: fit-content;
    margin: 88px 0px 93px 0px;
}

.ushr-success svg {
    display: block;
    margin-bottom: 12.13px;
    max-width: 100%;
}

.ushr-success h3 {
    font-family: 'Droid Arabic Kufi';
    font-style: normal;
    font-weight: 400;
    font-size: 36px;
    line-height: 133%;
    text-align: center;
    letter-spacing: -0.01em;
    color: #000000;
    margin-bottom: 50.87px;
}

a.success-btn {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    width: 248px;
    height: 44px;
    background: var(--moalimy-green);
    border: 1px solid #F5F5F5;
    border-radius: 4px;
    padding: 12.5px;
    font-family: 'Droid Arabic Kufi';
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 133%;
    letter-spacing: -0.01em;
    color: #FFFFFF;
}

a.success-btn:hover {
    background: #3f4349;
}

.ushr-sb-txt p {
    font-family: 'Baloo 2';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 26px;
    text-align: center;
    color: var(--moalimy-green);
}

.ushr-stp-box.ushr-stp3.done em {
    width: calc(100% + 27px);
}

.select2-container--default .select2-results__option--selected {
    background-color: var(--moalimy-orange)62;
}

.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
    background-color: var(--moalimy-orange);
    color: white;
}




.ushr-paper-otp {
    width: 818px;
    max-width: 100%;
    background: #FFFFFF;
    border-radius: 8px;
    padding: 42px 42px 55px 42px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: fit-content;
    margin: 88px auto 93px auto;
}

.ushr-paper-otp h2 {
    font-family: 'Droid Arabic Kufi';
    font-style: normal;
    font-weight: 400;
    font-size: 26px;
    line-height: 133%;
    text-align: center;
    letter-spacing: -0.01em;
    color: #000000;
    margin-bottom: 50.87px;
}

.ed-frm-otp {
    display: flex;
    flex-direction: row;
    direction: rtl;
    justify-content: center;
    align-items: center;
    margin-bottom: 40px;
}

.ed-frm-otp input {
    width: 64px;
    max-width: calc((100% / 6) - 4px);
    margin: 0px 2px;
    display: block;
    padding: 8px;
    text-align: center;
}

/* 15-03 */


.new_header_box {
    width: 100%;
    position: fixed;
    z-index: 999;
    top: 0;
    background: #F5F5F5;
    direction: rtl;
    -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;
    /* position: relative; */
    height: 90px;
}

.heder_shape1 {
    position: absolute;
    width: 100px;
    height: 90px;
    left: 0;
    top: 0;
    z-index: -1;
}

.heder_shape1 img {
    height: 90px;
}

.heder_shape2 {
    position: absolute;
    width: 209px;
    height: 139px;
    right: 0;
    bottom: 0;
    z-index: -1;
}

.new_wrapper_heade {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    height: 90px;
}

.header_top_right {
    display: flex;
    align-items: center;
    justify-content: end;
    position: relative;
}

.hedaer_ex_logo {
    margin-right: 10px;
}

.navbar-brand img {
    height: 65px;
}

.hedaer_ex_logo img {
    height: 65px;
}

.header_sec2 {
    width: 100%;
    position: fixed;
    z-index: 999;
    margin-top: 0;
    top: 0;
    padding: 11px 0;
    border-bottom: solid 1px #57606cc9;
    background: #2f2b2b30;
    direction: rtl;
    -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: 400 14px / 27px 'Mulish', sans-serif;
}

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

.header_sec2 .nav_top {
    justify-content: inherit;
    padding: 0;
    margin: 0;
}

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

.header_sec2 .navbar-brand {
    margin-right: 0;
    padding: 0;
}

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

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

.logon_btn_div ul {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
}

.logon_btn_div li {
    float: right;
}

.header_sec2 .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-left: 10px;
}

.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;
}

.header_sec2 .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);
}

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

.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;
}

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

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

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

.bfr-log-cart {
    margin-top: 10px;
    display: block;
}

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

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

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

.header_sec2.after_lgin_header .log_hed_pro .lang-btn {
    filter: invert(1) brightness(100);
}

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

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

.header_sec2.after_lgin_header .cart_icon_link {
    margin-left: 0px;
}

.header_sec2.after_lgin_header .cart_icon_link .cou_cart {
    top: -12px;
    left: -12px;
}

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

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

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

.d-fon-block {
    display: none;
}

.multi-topic-inr h6 {
    margin: 50px auto;
    font-family: 'Droid Arabic Kufi';
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 200%;
    text-align: center;
    letter-spacing: -0.01em;
    color: #84888F;
}

.multi-paper-mn {
    width: 100%;
    margin: 0px 0px 50px 0px;
    background-color: white;
    padding: 50px;
}

.multi-paper-mn.required-numbr-box h2 {
    font-family: 'Droid Arabic Kufi';
    font-style: normal;
    font-weight: 400;
    font-size: 25px;
    line-height: 200%;
    text-align: center;
    letter-spacing: -0.01em;
    color: #000000;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    gap: 10px;
    margin-bottom: 50px !important;
}

.multi-paper-mn.required-numbr-box h2 svg {
    display: block;
    width: 30px;
    height: 30px;
    margin: 0px !important;
}

.multi-paper-serving {
    margin: 0 0 50px 0;
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: stretch;
    gap: 20px;
    flex-direction: row;
}

.multi-paper-serving .serving-box {
    width: calc(25% - 15px);
    margin: 0px !important;
    height: auto !important;
    border: 1px solid #84888F;
    border-radius: 8px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 33.5px;
    gap: 3px;
    background-color: transparent;
}

.multi-paper-serving .serving-box.checked-multiserving {
    background-color: var(--moalimy-green);
}

.multi-paper-serving .serving-box h5 {
    margin: 0px !important;
    font-family: 'Droid Arabic Kufi';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 32px;
    text-align: center;
    color: #84888F;
}

.multi-paper-serving .serving-box p {
    font-family: 'Droid Arabic Kufi';
    font-style: normal;
    font-weight: 400;
    font-size: 20px;
    line-height: 32px;
    text-align: center;
    color: #84888F;
}

.multi-paper-serving .serving-box.checked-multiserving h5,
.multi-paper-serving .serving-box.checked-multiserving p {
    color: white;
}

.multi-list-area {
    margin-bottom: 50px;
}

.multi-list-area h3 {
    font-family: 'Droid Arabic Kufi';
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 133%;
    text-align: right;
    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-right: 24px;
    direction: rtl;
}

.multi-list-box ul li {
    font-family: 'Droid Arabic Kufi';
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 133%;
    text-align: right;
    letter-spacing: -0.01em;
    color: #84888F;
    margin-bottom: 10px;
}

.multi-list-box ul li:last-child {
    margin-bottom: 0px;
}

.multi-subbtn-sec {
    gap: 30px;
    flex-direction: row-reverse;
}

.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: Droid Arabic Kufi;
    font-size: 20px;
    font-weight: 400;
    line-height: 26.6px;
    letter-spacing: -0.01em;
    text-align: center;
}

.serving-buttons-sec.multi-subbtn-sec a {
    background: #EBEEED;
    color: var(--moalimy-green);
}

.serving-buttons-sec.multi-subbtn-sec button {
    background: var(--moalimy-green);
    color: white;
}

.serving-buttons-sec.multi-subbtn-sec button img,
.serving-buttons-sec.multi-subbtn-sec a img {
    display: block;
}

.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;
}

.serving-buttons-sec.multi-subbtn-sec a:hover img {
    filter: invert(1) brightness(100);
}

.go-to-multisub {
    display: flex;
    flex-direction: row-reverse;
    justify-content: space-between;
    align-items: flex-end;
}

.go-to-multisub ul.list-unstyled-tabs {
    width: 100%;
}

a.multisub-btn {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    margin-bottom: 10px;
    padding: 8px 8px;
    gap: 8px;
    width: 158px;
    height: 45px;
    background: var(--moalimy-green);
    border-radius: 4px;
    font-family: 'Droid Arabic Kufi';
    font-style: normal;
    font-weight: 400;
    font-size: 17px;
    line-height: 133%;
    text-align: right;
    letter-spacing: -0.01em;
    color: #FFFFFF;
}

a.multisub-btn svg {
    display: block;
    width: 19px;
    height: 19px;
}

a.multisub-btn:hover {
    background: var(--moalimy-orange);
}

.gift_icon {
    width: 230px;
    height: 51px;
    border-radius: 50px;
    border: 1px solid var(--moalimy-green);
    font-family: Droid Arabic Kufi;
    font-size: 20px;
    padding-left: 32px;
    font-weight: 400;
    line-height: 26.6px;
    letter-spacing: -0.01em;
    text-align: left;
    position: relative;
    color: var(--moalimy-green);
    display: flex;
    align-items: center;
    justify-content: space-around;
    margin-left: 20px;
}

.gift_icon img {
    position: absolute;
    left: 20px;
    bottom: 7px;
    width: 36px;
}

.gift_icon:hover {
    border: 1px solid var(--moalimy-orange) !important;
    color: var(--moalimy-orange) !important;
}

.added_rn1 {
    background: #6F7B80 !important;
    color: #fff !important;
}

.added_rn1:hover {
    background: var(--moalimy-orange) !important;
    color: #fff !important;
}

.added_rn2 {
    margin-bottom: 24px !important;
}

.added_rn3 {
    margin-bottom: 50px !important;
    flex-direction: row !important;
}

.added_rn4 {
    margin-bottom: 0px !important;
    justify-content: flex-start !important;
}

.multi-topic-inr .added_rn2 h2 {
    justify-content: flex-start !important;
    margin-bottom: 20px !important;
    font-size: 16px !important;
}

.multi-topic-inr .added_rn2 h2 svg {
    width: 20px !important;
    height: 20px !important;
}

.added_rn5 {
    justify-content: flex-start !important;
    margin-bottom: 30px !important;
}

.added_rn6 {
    display: block;
    margin-bottom: 30px !important;
}

.added_rn6 label {
    justify-content: flex-end !important;
    margin-bottom: 20px !important;
    font-size: 16px !important;
    font-family: 'Droid Arabic Kufi';
    font-style: normal;
    font-weight: 400;
    line-height: 200%;
    text-align: center;
    letter-spacing: -0.01em;
    color: #000000;
    display: flex;
    flex-direction: row;
    direction: ltr;
    align-items: center;
    gap: 10px;
    width: 100% !important;
}

.added_rn6 label svg {
    width: 20px !important;
    height: 20px !important;
}

.added_rn6 select {
    width: 100% !important;
    border: 1px solid #84888F !important;
    background: #fff url(../images/select-arw.png);
    background-size: 20px;
    background-position: top 13px left 9px;
    background-repeat: no-repeat;
    width: 100%;
    appearance: none;
    padding: 5px 20px;
    height: 46px;
    border-radius: 5px;
    font-family: 'Droid Arabic Kufi';
    font-style: normal;
    font-weight: 400;
    font-size: 20px;
    line-height: 133%;
    text-align: right;
    letter-spacing: -0.01em;
    color: #84888F;
    direction: rtl;
    cursor: pointer;
    font-size: 14px;
}

.added_rn8 {
    width: 100% !important;
    border: 1px solid #84888F !important;
    /* background: #fff url(../images/select-arw.png); */
    background-size: 30px 30px;
    background-position: top 17px left 30px;
    background-repeat: no-repeat;
    width: 100%;
    appearance: none;
    padding: 5px 20px;
    height: 46px;
    border-radius: 5px;
    font-family: 'Droid Arabic Kufi';
    font-style: normal;
    font-weight: 400;
    font-size: 20px;
    line-height: 133%;
    text-align: right;
    letter-spacing: -0.01em;
    color: #84888F;
    /*direction: rtl;*/
    font-size: 14px;
}

.added_rn8:focus {
    border: 1px solid #84888F !important;
    outline: none !important;
}

.added_rn9 {
    display: flex;
    justify-content: space-between;
    direction: rtl;
}

.added_rn10 {
    margin-bottom: 0 !important;
}

.added_rn7 {
    margin-bottom: 0px !important;
    width: 37% !important;
}

.added_rn10 {
    width: 20% !important;
    position: relative;
}

.added_rn10 img {
    position: absolute;
    top: 14px;
    right: 5px;
}

.added_rn10 select {
    width: 100% !important;
    margin-top: 52px !important;
    padding-right: 50px;

}

.added_rn6 .select2 {
    width: 100% !important;
    border: 1px solid #84888F !important;
    width: 100%;
    appearance: none;
    padding: 5px 20px !important;
    height: 46px;
    border-radius: 5px;
    font-family: 'Droid Arabic Kufi';
    font-style: normal;
    font-weight: 400;
    font-size: 19px !important;
    line-height: 133%;
    text-align: right;
    letter-spacing: -0.01em;
    color: #84888F;
    direction: rtl;
    cursor: pointer;
    margin-top: 52px !important;
    position: relative;
}

.added_rn6 .select2-container--default .select2-selection--single {
    background-color: transparent;
    border: none !important;
    border-radius: 4px;
    height: 33px !important;
    margin-top: 4px !important;
}

.added_rn6 .select2-container--default .select2-selection--single .select2-selection__arrow {
    top: 11px !important;
    right: auto !important;
    left: 12px !important;
}

.added_rn99 {
    width: 61%;
    display: flex;
    justify-content: space-between;
}

.added_rn99 .added_rn10 {
    width: 20% !important;
}

.added_rn99 .added_rn77 {
    width: 77% !important;
}

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

.added_rn3 .formsubmit:hover {
    background: var(--moalimy-orange) !important;
    color: #fff !important;
}

.added_rn3 .formsubmit img {
    filter: brightness(1000%) !important;
}

.gift-ushr-banner {
    padding: 35px 0px 35px 0px;
    height: 135px;
    overflow: hidden;
    background: url('../images/1007.png');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50% 73%;
    position: relative;
}

.gift-ushr-banner h1 {
    margin-top: 21px !important;
}

.gift-ushr-banner span {
    position: absolute;
    background-color: rgb(0 0 0 / 44%);
    width: 100%;
    height: 100%;
    top: 0;
    z-index: -1;
}

.gift-ushr-banner h1 {
    font-weight: 400;
    font-size: 32px;
}

.serving-box h5 svg {
    position: relative;
    top: auto;
    right: auto;
    display: inline-block;
}

.not-check-box h5 svg {
    filter: invert(38%) sepia(3%) saturate(12%) hue-rotate(3deg) brightness(92%) contrast(84%);
}

.for_nopadd {
    padding: 0 !important;
}

.package_type-box-1 h5 svg {
    filter: brightness(1000%) !important;
}

.social_box ul li a img {
    max-width: 136px;
}


/* 28-03-2025 */

@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');


.video-page-body {
    padding: 80px 0 126px 0;
    display: block;
    background: #F8F8F8;
}

.vidpg-search {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    flex-wrap: wrap;
    gap: 16px;
    width: 897px;
    max-width: 100%;
    margin-left: auto;
    margin-bottom: 42px;
    direction: rtl;
}

.vidpg-search label {
    font-family: 'Inter', sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 32px;
    line-height: 46px;
    display: flex;
    align-items: center;
    text-align: right;
    letter-spacing: -0.32px;
    color: #000000;
    flex-shrink: 0;
}

.vidpg-srch-inr {
    flex-grow: 1;
    position: relative;
}

.vidpg-srch-inr input {
    box-sizing: border-box;
    padding: 14.5px 52px 14.5px 26px;
    background: #FFFFFF;
    border: 1px solid #E8ECEE;
    border-radius: 30px;
    text-align: right;
    font-family: 'Inter', sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 18px;
    color: #848588;
}

.vidpg-srch-inr button {
    border: none;
    outline: none;
    box-shadow: none;
    width: 18px;
    height: 18px;
    background-color: transparent;
    position: absolute;
    z-index: 4;
    top: 14.5px;
    right: 24px;
    display: block;
    padding: 0px !important;
    margin: 0px !important;
    cursor: pointer;
}

.vidpg-srch-inr button svg {
    display: block;
    width: 100%;
    height: 100%;
}

.vidpg-srch-inr button:hover svg path,
.vidpg-srch-inr button:focus svg path {
    stroke: var(--moalimy-green);
}

.video-outer-box {
    background: #FFFFFF;
    border-radius: 10px;
    overflow: hidden;
    height: 100%;
    display: block;
}

.row-gap-30 {
    row-gap: 30px;
}

.video-outer-box em {
    width: 100%;
    height: 226px;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    position: relative;
}

.video-outer-box em video {
    width: auto;
    max-height: 450px;
    object-fit: cover;
    object-position: top;
    display: none;
}

.video-outer-box em img {
    display: block;
    width: 100%;
    height: auto;
    max-width: 100%;
    max-height: 100%;
    object-fit: cover;
    object-position: center;
    /* position: absolute;
    top: 0px;
    left: 0px;
    z-index: 2; */
}

span.play-btn {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 10px;
    width: 54px;
    height: 54px;
    background: rgba(255, 255, 255, 0.2);
    border: 4px solid rgba(255, 255, 255, 0.3);
    border-radius: 50%;
    z-index: 3;
}

span.play-btn svg {
    display: block;
    width: 34px;
    height: 34px;
}

span.vid-time {
    right: 16px;
    bottom: 16px;
    position: absolute;
    z-index: 3;
    width: 47px;
    height: 28px;
    background: rgba(61, 64, 91, 0.44);
    display: flex;
    justify-content: center;
    align-items: center;
    font-family: 'Inter', sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 20px;
    letter-spacing: -0.148px;
    color: #FFFFFF;
}

.video-outer-box h3 {
    padding: 14px 24px 14px 24px;
    font-family: 'Inter', sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 14.9px;
    line-height: 20px;
    display: flex;
    align-items: center;
    text-align: right;
    letter-spacing: -0.148px;
    color: #000000;
    background: white;
}

.video-outer-box:hover h3 {
    color: var(--moalimy-green);
}

.video-outer-box:hover {
    box-shadow: 0px 0px 19px 0px var(--moalimy-green)61;
}

.header-padding {
    display: block;
    width: 100%;
    height: 90px;
}

.hdr-vid-pgbtn {
    margin-left: 21px;
    display: flex;
    justify-content: center;
    align-items: center;
    width: fit-content;
    gap: 10px;
    font-family: 'Inter', sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 19px;
    line-height: 1.4;
    color: #FFFFFF;
    background: var(--moalimy-orange);
    border-radius: 30px;
    height: 51px;
    flex-direction: row-reverse;
    padding: 0px 22px;
}

.hdr-vid-pgbtn svg {
    display: block;
    width: 24px;
    height: 24px;
}

.hdr-vid-pgbtn:hover {
    background: var(--moalimy-green);
}

.hdr-vid-pgbtn.bann-vidbtn {
    margin: 18px auto 0 auto;
    display: none;
}

.row.dir-rtl {
    flex-direction: row-reverse;
}

/* 28-03-2025 */
.video-modal .modal-content {
    height: fit-content;
}

.video-modal .modal-content .modal-body {
    height: fit-content;
    display: flex;
    justify-content: center;
    align-items: center;
}

.video-modal video {
    width: 100%;
    height: auto;
    max-height: 570px;
}

.modal-close-btn {
    position: absolute;
    top: -10px;
    right: -9px;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    background-color: var(--moalimy-orange);
    padding: 6px !important;
    box-shadow: none !important;
    border: none;
    outline: none;
    cursor: pointer;
}

.modal-close-btn svg {
    display: block;
    width: 14px;
    height: 14px;
}

.modal-close-btn:hover,
.modal-close-btn:focus {
    background-color: var(--moalimy-green);
}

.footer_payments li a img {
    height: 29px;
}

/* 21-05 */
.time_added_heading label {
    width: 100%;
}

.time_added_heading label b {
    font-family: 'Droid Arabic Kufi';
    font-style: normal;
    font-weight: 400;
    font-size: 20px;
    line-height: 200%;
    text-align: right;
    letter-spacing: -0.01em;
    color: #84888F;
    margin-bottom: 16px;
    width: 100%;
    display: block;
}

.time_slot_ul {
    display: flex;
    flex-flow: row wrap;
    justify-content: flex-start;
    align-items: stretch;
    row-gap: 13px;
    column-gap: 9px;
    direction: rtl;
}

.time_slot_ul li span {
    display: flex;
    border-radius: 3px;
    padding: 3px 15px;
    background: #e9eef9;
    font: 400 14px / 27px 'Mulish', sans-serif;
    gap: 4px;
    flex-direction: row;
}

.ed-frm-div label b {
    font-weight: 400;
}

.slot-btbx {
    display: block;
    width: 236px;
    height: 44px;
    padding: 12.5px;
    background: var(--moalimy-green);
    border: 1px solid #F5F5F5;
    border-radius: 4px;
    color: #FFFFFF;
    font-family: 'Droid Arabic Kufi';
    font-style: normal;
    font-weight: 400;
    font-size: 19px;
    line-height: 1;
    letter-spacing: -0.01em;
    outline: none;
    box-shadow: none;
    cursor: pointer;
    text-align: center;
    margin: 0px;
}

.slot-btbx:hover,
.slot-btbx:focus {
    background: #3f4349;
    border: 1px solid #3f4349;
    color: #FFFFFF;
}

.time_add select {
    width: 100%;
    appearance: none;
    padding: 17px 16px 17px 17px;
    height: 64px;
    background: #FFFFFF;
    border: 1px solid #E6E6E6;
    border-radius: 8px;
    font-family: 'Droid Arabic Kufi';
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 133%;
    text-align: right;
    letter-spacing: -0.01em;
    color: #84888F;
    outline: none !important;
    box-shadow: none !important;
    background-image: url(../images/select-arw.png);
    background-size: 20px 20px;
    background-position: top 22px left 16px;
    background-repeat: no-repeat;
}



.tabs-other-btn {
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
}

a.other-btn {
    display: block;
    width: fit-content;
    margin-right: auto;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    margin-bottom: 10px;
    padding: 8px 8px;
    gap: 8px;
    height: 45px;
    background: var(--moalimy-green);
    border-radius: 4px;
    font-family: 'Droid Arabic Kufi';
    font-style: normal;
    font-weight: 400;
    font-size: 17px;
    line-height: 133%;
    text-align: right;
    letter-spacing: -0.01em;
    color: #FFFFFF;
    margin-left: 12px;
}

a.other-btn:hover {
    background: var(--moalimy-orange);
    color: white;
}

.upload_n02 {
    height: 70px !important;
}

.upload_n02 .ed-img-upld-label {
    padding: 0 0 8px 0;
    margin: 0;
}

.upload_n02 .ed-img-upld-label svg {
    width: 25px;
    height: 25px;
    margin-bottom: 2px;
}

.lang-ul {
    width: 100% !important;
}

.lang-ul ul {
    display: block !important;
}

.account_not_found_signup {
    display: flex;
    gap: 12px;
}

/* 20-08 */
.video-singular-outer {
    width: 800px;
    height: fit-content;
    display: block;
    margin: 0 auto;
    border: 3px solid var(--moalimy-orange);
    box-shadow: 0px 0px 20px 0px #00000029;
    max-width: 96%;
}

.video-singular-outer video {
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 100%;
    object-fit: initial;
}

/* 20-08 */
/* 21-04 */
.qdrt-link-sec {
    padding: 72px 0;
    width: 100%;
    max-width: 1920px;
    margin: 0 auto;
}

.qdrt-linksec-bg {
    /* position: absolute;
    top: 0;
    left: 0; */
    width: 837px;
    max-width: 100%;
    height: fit-content;
}

.qdrt-linksec-bg img {
    display: block;
    width: auto;
    height: auto;
    max-width: 100%;
}

.qdrt-linksec-bg img.qdrtbg-mob {
    display: none;
}

.qdrt-link-sec .container {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: flex-start;
}

.qdrt-link-txt {
    padding: 240px 43px 165px 0px;
    position: relative;
    direction: rtl;
    width: 687px;
    max-width: 100%;
}

.qdrt-link-txt::before {
    content: '';
    position: absolute;
    right: 0px;
    top: 29px;
    width: 50px;
    height: 44px;
    background-image: url(../images/stars-green.png);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position: center center;
}

.qdrt-link-txt::after {
    content: '';
    position: absolute;
    top: 175px;
    left: -32px;
    width: 46px;
    height: 44px;
    background-image: url(../images/stars-orange.png);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position: center center;
}

.qdrt-link-txt h4 {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 8px 16px;
    gap: 8px;
    background: rgba(219, 160, 132, 0.12);
    border-radius: 40px;
    direction: rtl;
    font-family: 'Droid Arabic Kufi';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 20px;
    text-align: right;
    color: var(--moalimy-orange);
    width: fit-content;
    margin-bottom: 8px;
}

.qdrt-link-txt h2 {
    font-family: 'Droid Arabic Kufi';
    font-style: normal;
    font-weight: 700;
    font-size: 30px;
    line-height: 138%;
    text-align: right;
    color: #121212;
    margin-bottom: 16px;
}

.qdrt-link-txt h3 {
    font-family: 'Droid Arabic Kufi';
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 150%;
    text-align: right;
    color: #6A6A6A;
    margin-bottom: 24px;
}

.qdrt-link-txt a {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 8px;
    gap: 8px;
    border: 1px solid var(--moalimy-green);
    border-radius: 8px;
    padding: 13px 87px;
    font-family: 'Droid Arabic Kufi';
    font-style: normal;
    font-weight: 700;
    font-size: 20px;
    line-height: 150%;
    text-align: center;
    color: var(--moalimy-green);
    width: fit-content;
}

.qdrt-link-txt a svg {
    display: block;
    width: 24px;
    height: 24px;
}

/* 21-04 */
/* 2404Anwesa */
.bnr-item {
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    /* border-radius: 69px; */
    /* height: 388px; */
}

.banner_imgaes {
    overflow: hidden;
}

.owl-index-banner .owl-nav,
.owl-index-banner .owl-dots {
    display: none;
}

.bnr-item img {
    display: block;
    width: auto !important;
    height: auto !important;
    max-width: 100% !important;
    max-height: 100% !important;
    object-fit: cover;
}

/* 2404Anwesa */
/*2705 home new*/
.mn_body{
    background: #F2F2F2;
    font-family: 'Droid Arabic Kufi';
    overflow-x: hidden;
}
.mn_body h2{
font-family: 'Droid Arabic Kufi';
font-weight: 700;
font-size: 40px;
line-height: 150%;
color: #000000;
}
.mn_body p{
font-family: 'Droid Arabic Kufi';
font-style: normal;
font-weight: 400;
font-size: 18px;
line-height: 150%;
color: #6A6A6A;
}
.mn_banner_area{
    gap:16px;
    padding: 20px 0;
    direction: rtl;
    display: flex;
    align-items: center;
    padding-right: 56px;
    max-width: 1440px;
    margin: 0 auto;
}
.mn_bantxt{
    padding:50px 0px 50px 0px;
    display: flex;
    flex-direction: column;
    gap: 30px;
    width: calc(100% - 770px);
}
.mn_heading{
    display: flex;
    flex-direction: column;
    gap: 8px;
}
.mn_ban_sub{
font-family: 'Droid Arabic Kufi';
font-weight: 400;
font-size: 24px;
color: #000000;
}
.mn_bantxt h2{
font-family: 'Droid Arabic Kufi';
font-weight: 700;
font-size: 46px;
line-height: 59px;
margin-bottom: 15px;
color: var(--moalimy-orange);
}
.mn_bantxt p{
font-family: 'Droid Arabic Kufi';
font-weight: 400;
font-size: 18px;
line-height: 150%;
color: #84888F;
}
.mn_bt_area{
    display: flex;
    gap: 12px;
}
.mn_banpic{
    width: 770px;
}
.mn_banpic img{
    width: 100%;
    object-fit: contain;
    margin-top: 15px;
}
.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: 'Droid Arabic Kufi';
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: 'Droid Arabic Kufi';
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);
}
.mn_container{
    padding: 0px 56px;
    max-width: 1440px;
    margin: 0 auto;
}
.mn_package_area{
    padding: 65px 0px 45px 0px;
    direction: rtl;
    max-width: 1440px;
    margin: 0 auto;
}
.mn_package_area h2{
font-family: 'Droid Arabic Kufi';
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;
padding: 0px 56px;
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: 'Droid Arabic Kufi';
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: 'Droid Arabic Kufi';
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;
    padding: 0px 56px;
    align-items: center;
}

.unique_sub_btn{
    cursor:pointer;
    transition:.3s;
font-family: 'Droid Arabic Kufi';
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: 'Droid Arabic Kufi';
font-weight: 700;
font-size: 18px;
line-height: 28px;
color: #374151;
}

.unique_course_text{
font-family: 'Droid Arabic Kufi';
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 right center;
font-family: 'Droid Arabic Kufi';
font-weight: 400;
font-size: 12px;
color: #6A6A6A;
padding-right: 22px;
}
.mn_tab_content{
    display: flex;
    gap: 20px;
    padding: 0px 68px;
    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: 'Droid Arabic Kufi';
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: 'Droid Arabic Kufi';
font-weight: 400;
font-size: 12px;
color: #212121;
}
.mn_share span{
    font-family: 'Droid Arabic Kufi';
    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;
}

.mn_teacher_heading{
    display: flex;
    flex-direction: column;
    gap: 12px;
    text-align: center;
    margin-bottom: 42px;
}
.mn_teacher_heading h2{
font-family: 'Droid Arabic Kufi';
font-weight: 700;
font-size: 40px;
line-height: 150%;
color: #000000;
}
.mn_numbox_area{
    max-width: 1440px;
    margin: 0 auto;
}
.mn_teacher_heading p , .mn_numbox_area p {
font-family: 'Droid Arabic Kufi';
font-style: normal;
font-weight: 400;
font-size: 18px;
line-height: 150%;
color: #6A6A6A;
}
.mn_teacherbox_area{
    display: flex;
    flex-flow: row wrap;
    gap: 32px;
    padding: 0 70px;
    direction: rtl;
}
.mn_teacherbox{
    width: calc((100% - 64px)/3);
display: flex;
flex-direction: column;
align-items: flex-end;
padding: 30px;
background: #FFFFFF;
border-radius: 12px;
position: relative;
font-family: 'Droid Arabic Kufi';
font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 150%;
color: #6A6A6A;
}
.mn_teacherbox_body{
    width: 100%;
    display: flex;
    flex-direction: column;
}
.mn_teacherbox h3{
font-family: 'Droid Arabic Kufi';
font-style: normal;
font-weight: 700;
font-size: 24px;
line-height: 32px;
color: #171717;
margin-bottom: 12px;
}
.mn_t_bg{
    position: absolute;
    top: 0px;
    left: 0px;
}
.mn_bigbox{
     width: calc(((100% - 64px) / 3) * 2 + 32px);
}
.mn_testimonial {
    max-width: 1440px;
    margin: 0 auto;
}
.mn_testimonial .owl-dots{
    padding: 5px;
  display: flex;
  gap: 10px;
  justify-content: center;
  margin-top: 30px;
}
.mn_testimonial .owl-dot{

width: 8px;
height: 8px;

background: #D9D9D9;
border-radius: 26px;
}
.mn_testimonial .owl-dot.active
{
width: 24px;
height: 8px;
background: var(--moalimy-green);
border-radius: 26px;
}
.mn_testimonial{
    padding: 50px 0px;
}
.mn_testimonial h2 , .mn_numbox_area h2 {
font-family: 'Droid Arabic Kufi';
font-weight: 700;
font-size: 40px;
line-height: 150%;
color: #000000;

}
.mn_testimonial h2 {
    margin-bottom: 30px;
}

.mn_testimonial .owl-stage{
    display:flex;
    align-items:stretch;
}

.mn_testimonial .owl-item{
    display:flex;
    height:auto !important;
}

.mn_testimonial .owl-item .item{
    width:100%;
    height:100%;
    display:flex;
    flex-direction:column;
}
.mn_testbox{
display: flex;
flex-direction: column;
padding: 24px;
gap: 16px;
background: #FFF;
border-radius: 24px;
font-family: 'Droid Arabic Kufi';
font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 150%;
color: #6A6A6A;
text-align: right;
 height:100%;
 align-items: stretch;
}
.mn_review{
    display: flex;
    gap: 5px;
    justify-content: flex-end;
}
.mn_review i{
    color:#FFAE00;
    font-size: 16px;
}
.mn_usersec{
    display: flex;
    gap: 8px;
font-family: 'Droid Arabic Kufi';
font-style: normal;
font-weight: 700;
font-size: 12px;
color: #000000;
direction: rtl;
align-items: center;
justify-content: flex-end;
margin-top: auto;
}
.mn_desig{
font-family: 'Droid Arabic Kufi';
font-weight: 400;
font-size: 10px;
line-height: 150%;
color: #999999;
}
.mn_usersec svg{
    width: 32px;
    height: 32px;
    color: #6A6A6A;
}
.mn_mob_area{
    padding: 20px 56px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    direction: rtl;
    max-width: 1440px;
    margin: 0 auto;
}
.mn_mobtxt{
    gap: 24px;
    display: flex;
    flex-direction: column;
    direction: rtl;
}
.mn_mobtag{

display: flex;
justify-content: center;
align-items: center;
padding: 0 10px;
height: 40px;
background: rgba(219, 160, 132, 0.12);
border: 1px solid var(--moalimy-orange);
border-radius: 30px;
font-family: 'Droid Arabic Kufi';
font-weight: 400;
font-size: 14px;
line-height: 150%;
color: var(--moalimy-orange);
}
.mn_tag_sec{
        display: flex;
        gap: 16px;
        align-items: center;
}
.mn_mobtxt h1{
font-family: 'Droid Arabic Kufi';
font-weight: 700;
font-size: 44px;
line-height: 150%;
color: #333333;
}
.mn_mobtxt h1 span{
    color: var(--moalimy-green);
}
.mn_mobtxt p{
font-family: 'Droid Arabic Kufi';
font-weight: 400;
font-size: 16px;
line-height: 150%;

color: #84888F;
}
.mn_mobtxt ul{
    display: flex;
    gap: 8px;
    flex-direction: column;
}
.mn_mobtxt li{
    display: flex;
    gap: 16px;
font-family: 'Droid Arabic Kufi';
font-weight: 400;
font-size: 14px;
line-height: 150%;
color: #000000;
}
.mn_mob_btn{
display: flex;
justify-content: center;
align-items: center;
padding: 0px 60px;
height: 60px;
background: var(--moalimy-green);
border-radius: 8px;
font-family: 'Droid Arabic Kufi';
font-weight: 700;
font-size: 16px;
color: #FEFEFE;
width: fit-content;
}
.mn_mob_btn:hover{
    background-color: var(--moalimy-orange);
}
.mn_numbox_area{
    padding: 120px 0px;
    position: relative;
}
.mn_numbox_area::before{
    content: "";
    background: url(../images/Ellipse_mn.png) no-repeat;
    width: 239px;
    height: 239px;
    position: absolute;
    top: 190px;
  left: 145px;
}
.mn_numbox_wrapper {
	display: flex;
	justify-content: flex-start;
	align-items:flex-start;
	gap: 30px;
    direction: rtl;
	margin-bottom: 20px;
}
.mn_numbox{
position: relative;
display: flex;
flex-direction: column;
align-items: flex-end;
padding: 16px;
gap: 24px;
background: #FFF;
border-radius: 12px;
font-family: 'Droid Arabic Kufi';
font-weight: 400;
font-size: 18px;
line-height: 150%;
color: #6A6A6A;
width: calc((100% - 60px)/3);
}
.mn_numbox h4{
font-family: 'Droid Arabic Kufi';
font-weight: 700;
font-size: 28px;
line-height: 150%;
color: var(--moalimy-green);
margin: 8px 0px 15px 0px;
}
.mn_num_body{
    width: 100%;
}
.mn_num{
position: absolute;
left: 15px;
top: 12px;
font-family: 'Be Vietnam Pro';
font-style: normal;
font-weight: 800;
font-size: 94px;
line-height: 94px;
color: rgba(0, 0, 0, 0.06);
}
.mn_1::before{
    content: "";
    background: url(../images/mn_pencil.png) no-repeat;
    width: 23px;
    height: 59px;
    position: absolute;
    top: -56px;
    left: -70px;
    right: 0;
    margin: 0 auto;
    rotate: -15deg;
    z-index: -1;
}
.mn_1::after{
    content: "";
    background: url(../images/book2.png) no-repeat;
    width: 93px;
    height: 98px;
    position: absolute;
    bottom: -120px;
    left: 0;
    right: 0;
    margin: 0 auto;
    z-index: -1;
}
.mn_2{
     margin-top: 60px;
}
.mn_2 h4{
    color: var(--moalimy-orange);
}
.mn_3{
     margin-top: 120px;
}
.mn_3 h4{
    color: #1374A1;
}
.mn_2::before{
    content: "";
    background: url(../images/leaf.png) no-repeat;
    width: 24px;
    height: 32px;
    position: absolute;
    bottom: -40px;
    left: 20px;
    margin: 0 auto;
    z-index: -1;
}
.mn_3::before{
    content: "";
    background: url(../images/book1.png) no-repeat;
    width:126px;
    height: 120px;
    position: absolute;
    top: -100px;
    left: 80px;
    z-index: -1;
}
.mn_body .qdrt-link-txt a:hover{
    border-color: var(--moalimy-orange);
    color: var(--moalimy-orange);
}
.mn_body .qdrt-link-txt a:hover svg path{
    fill:  var(--moalimy-orange);;
}
.mn_numbox_area .qdrt-link-txt{
    padding: 0;
    width: 100%;
    text-align: center;

}
.mn_numbox_area .qdrt-link-txt a{
    margin: 0 auto;
}

.mn_numbox_area .qdrt-link-txt::before , .mn_numbox_area .qdrt-link-txt::after{
    display: none;
}
.mn_brownbox_area{
    padding:0px 0px 80px 56px;
    display: flex;
    direction: rtl;
    gap: 20px;
    max-width: 1440px;
    margin: 0 auto;
}
.mn_brownbox{
    background: url(../images/brown_bg.png) repeat;
    padding: 80px 56px 80px 20px;
    width: 480px;

    display: flex;
    /*flex-direction: column;*/
    align-items: center;
    justify-content: flex-end;
}
.mn_brownbox h1{
font-family: 'Droid Arabic Kufi';
font-weight: 700;
font-size: 60px;
line-height: 130%;
color: #FFFFFF;
text-align: right;
}
.mn_brown_tag{

display: flex;
justify-content: center;
align-items: center;
padding: 0px 16px;
height: 36px;
background: rgba(255, 255, 255, 0.12);
border: 1px solid #FEFEFE;
border-radius: 9999px;
font-family: 'Droid Arabic Kufi';
font-weight: 400;
font-size: 14px;
line-height: 20px;
color: #FEFEFE;
margin-left: auto;
margin-bottom: 10px;
width: fit-content;
}
.mn_brown_left{
    width: calc(100% - 480px);
    display: flex;
    gap: 30px;
    flex-flow: row wrap;
}
.mn_botbox{
padding: 12px 16px;
width:calc((100% - 60px)/3);
background: #FFF;
border-radius: 12px;
font-family: 'Droid Arabic Kufi';
font-weight: 400;
font-size: 16px;
text-align: right;
color: #6A6A6A;
}
.mn_botbox h3{
font-family: 'Droid Arabic Kufi';
font-weight: 700;
font-size: 24px;
text-align: right;
color: var(--moalimy-orange);
}
.mn_tab_btn_mn{
    display: none;
}
.mn_pack_bt_sec{
    display: flex;
    justify-content: space-between;
    direction: rtl;
    align-items: center;
}
.mn_mob_pic , .mn_mob_test{
    display: none;
}

/* .unique_parent_tabs::-webkit-scrollbar,
.unique_sub_tabs::-webkit-scrollbar {
    height: 3px;
}

.unique_parent_tabs::-webkit-scrollbar-thumb,
.unique_sub_tabs::-webkit-scrollbar-thumb {
    background: #999;
    border-radius: 10px;
} */
.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 */
}
.mn_banpic .owl-index-banner .item img {
    max-height: 450px;
}

.mn_banpic .owl-index-banner .owl-stage {
    display: flex;
    justify-content: center;
    align-items: center;
}
.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: rtl;
    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: 146px;
}

.mn_right_logo img {
    max-width: 119px;
}

.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: 'Droid Arabic Kufi';
    font-weight: 700;
    font-size: 12px;
    color: #FFFFFF;
    border-radius: 30px;
    width: 25px;
    height: 15px;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0;
    right: -8px;
    left: auto;
}

.mn_header_txt {
    display: flex;
    align-items: center;
    gap: 36px;
    font-family: 'Droid Arabic Kufi';
    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: 'Droid Arabic Kufi';
    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{
    right: 0;
    left: auto;
}
/***********Serach page start********************/
.search-page {
    padding: 66px 0 42px;
    background: #f2f2f2;


}

.search-page input,
button,
select {
    font-family: 'Droid Arabic Kufi';

}

.breadcrumb-line {
    margin-bottom: 22px;
    color: #9ca7ad;
    font-size: 13px;
    text-align: right;

}

.breadcrumb-line strong {
    color: #5aa098;
    font-weight: 600;
}

.search-panel {
    margin-bottom: 20px;
    padding: 18px;
    border-radius: 18px;
    background: #fff;
    box-shadow: 0 12px 28px rgba(74, 86, 94, 0.08);
    direction: rtl;
}

.search-form {
    display: flex;
    gap: 18px;
    align-items: center;
}

.search-field,
.select-field {
    position: relative;
    min-height: 48px;
    margin: 0;
    border-radius: 8px;
    background: #f1f2f4;
    color: #737e86;
}

.search-keyword {
    flex: 1 1 360px;
}

.select-field {
    flex: 0 0 205px;
}

.search-field input,
.select-field select {
    width: 100%;
    height: 48px;
    padding: 0 46px 0 18px;
    border: 0;
    outline: 0;
    background: transparent;
    color: #69747d;
    font: inherit;
}

.select-field select {
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    cursor: pointer;
}

.select-field::before {
    content: "";
    position: absolute;
    left: 18px;
    top: 50%;
    width: 10px;
    height: 10px;
    border-right: 2px solid #666;
    border-bottom: 2px solid #666;
    transform: translateY(-70%) rotate(45deg);
    pointer-events: none;
}

.field-icon {
    position: absolute;
    right: 18px;
    top: 13px;
    color: #6f7880;
    font-size: 18px;
    line-height: 1;
    pointer-events: none;
}

.search-btn {
    flex: 0 0 136px;
    height: 48px;
    border-radius: 8px;
    background: #56a49c;
    color: #fff;
    font-weight: 700;
    box-shadow: none;
}

.search-btn:hover,
.teacher-action:hover {
    background: #458d86;
    color: #fff;
}

.unique_sub_tabs {
    direction: rtl;
}

.result-meta {
    margin-bottom: 28px;
    color: #8b98a1 !important;
    font-size: 13px !important;
    direction: rtl;
}

.teachers-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 28px;
    direction: rtl;
}

.teacher-card {
    position: relative;
    overflow: hidden;
    min-height: 420px;
    padding: 28px 16px 18px;
    border-radius: 16px;
    background: #fff;
    box-shadow: 0 10px 24px rgba(68, 79, 86, 0.09);
    text-align: center;

    display: flex;
    flex-direction: column;
}

.teacher-card::before {
    content: "";
    position: absolute;
    top: -68px;
    right: -56px;
    width: 146px;
    height: 146px;
    border-radius: 50%;
    background: #f3f9f8;
}

.teacher-avatar {
    position: relative;
    z-index: 1;
    width: 100px;
    height: 100px;
    margin: 0 auto 10px;
    border: 4px solid #eba383;
    border-radius: 50%;
    background: #fff;
}



.teacher-name {
    margin-bottom: 12px;
    color: #3e4651;
    font-size: 20px;
    font-weight: 800;
    font-family: 'IBM Plex Sans Arabic';
}

.teacher-name a {
    color: #3e4651;
}

.teacher-tags {
    display: flex;
    justify-content: center;
    margin-bottom: 22px;
}

.teacher-tag {
    font-family: 'IBM Plex Sans Arabic';
    padding: 5px 12px;
    border-radius: 99px;
    background: #eef9f7;
    color: #5aa098;
    font-size: 15px;
    font-weight: 600;
}

.teacher-tag,
.teacher-action {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    flex-direction: row;
    justify-content: center;
    direction: ltr;
}

.icon-cap {
    width: 18px;
    height: 18px;
    stroke-width: 2;
}

.teacher-summary {
    font-family: 'IBM Plex Sans Arabic';
    margin-bottom: 18px;
    padding: 16px 14px;
    border-radius: 10px;
    background: #fafbfc;
    color: #6B7280;
    font-size: 13px;
    line-height: 19px;
    text-align: right;

    flex-grow: 1;
    /* takes available space */
}

.teacher-summary strong {
    display: block;
    color: #55a29a;
    font-weight: 700;
}

.teacher-action {
    width: 100%;

    padding: 12px;
    border: 0;
    border-radius: 8px;
    background: #56a49c;
    color: #fff;
    cursor: pointer;
    font-size: 16px;
    font-weight: 700;
}

.icon-calendar {
    width: 20px;
    height: 20px;
    stroke-width: 2;
}

.pager-wrap {
    display: flex;
    justify-content: center;
    padding: 38px 0 22px;
}

.search-pagination {
    padding: 8px;
    border-radius: 12px;
    background: #fff;
    box-shadow: 0 8px 18px rgba(74, 86, 94, 0.06);
    direction: rtl;
}

.search-pagination .page-link {
    width: 34px;
    height: 34px;
    margin: 0 3px;
    padding: 7px 0;
    border: 0;
    border-radius: 8px;
    color: #75818a;
    text-align: center;
}

.page-item:first-child .page-link {
    direction: ltr;
}

.page-item:last-child .page-link {
    direction: ltr;
}

.search-pagination .active .page-link {
    background: #56a49c;
    color: #fff;
}

.search-pagination .disabled .page-link {
    background: transparent;
    color: #9aa5ad;
}

.mobile-filter-btn {
    display: none;
    position: relative;
    flex: 0 0 58px;
    width: 58px;
    height: 58px;
    border: 0;
    color: #fff;
    border-radius: 9px;
    background: #56a49c;
    cursor: pointer;
}

/***********Serach page start********************/

/***********Teacher Details********************/

.teacher-head {
    text-align: right;
    font-size: 27px !important;
}

.teacher-text-muted {
    text-align: right;
    font-size: 16px !important;
    margin: 10px 0px 20px 0px;
}

.rtl {
    direction: rtl;
}






.counter-card {
    background: #fff;
    border-radius: 28px;
    padding: 30px;
    text-align: center;
    box-shadow: 0 4px 20px rgba(0, 0, 0, .04);
    height: 100%;
}

.counter-card h4 {
    font-size: 22px;
    font-weight: 700;
    color: #222;
    margin-bottom: 30px;
    text-align: right;
}

.counter-row {
    display: flex;
    align-items: center;
    justify-content: start;
    gap: 15px;
    flex-wrap: wrap;
    direction: rtl;
}

.counter-btn {
    width: 50px;
    height: 50px;
    border: none;
    border-radius: 50%;
    background: #6b9d96;
    color: #fff;
    font-size: 30px;
    font-weight: 700;
    line-height: 10px;
    cursor: pointer;
    transition: .3s;
}

.counter-btn i {
    font-size: 21px;
}

.counter-btn:hover {
    background: #5b8a84;
}

.counter-number {
    font-size: 40px;
    font-weight: 700;
    color: #d59a7d;
    min-width: 40px;
}

.counter-label {
    color: #777;
    font-size: 16px;
}

.date-title {
    font-size: 18px;
    font-weight: 700;
    text-align: right;
    margin-bottom: 25px;
}

.date-list {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    justify-content: flex-start;
    gap: 18px;
    flex-wrap: wrap;
    direction: rtl;
}

.date-list li {
    margin: 0;
}

.date-item {
    width: 100px;
    height: 150px;
    background: #e9e9e9;
    border-radius: 40px;
    text-decoration: none;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    transition: .3s ease;
}

.day-name {
    font-size: 16px;
    color: #666;
    margin-bottom: 10px;
}

.day-number {
    font-size: 34px;
    line-height: 20px;
    color: #666;
    font-weight: 700;
}

.month-name {
    font-size: 16px;
    color: #666;
    margin-top: 10px;
}

.date-item:hover,
.date-item.active {
    background: #6f9f98;
}

.time-wrapper {
    background: #fff;
    border-radius: 28px;
    padding: 30px;
    text-align: center;
    box-shadow: 0 4px 20px rgba(0, 0, 0, .04);
    margin-top: 40px;
}

.time-wrapper h5 {
    text-align: right;
    font-size: 18px !important;
    margin-bottom: 15px !important;
}




.sidebar-card {
    background: #fff;
    border-radius: 32px;
    padding: 32px;
    margin-bottom: 18px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, .03);
    direction: rtl;
}

.teacher-info-card {
    text-align: center;
}

.teacher-avatar {
    width: 110px;
    height: 110px;
    border-radius: 50%;
    object-fit: cover;
    margin: 0 auto 20px;
    display: block;
}

.teacher-info-card .teacher-name {
    font-size: 26px !important;
    font-weight: 700;
    color: #202020;
    margin-bottom: 10px;
}

.teacher-rating {
    color: #8d8d8d;
    font-size: 16px;
    margin-bottom: 11px;
}

.teacher-rating .fa-star {
    color: #f5b301;
}

.teacher-desc {
    color: #666 !important;
    font-size: 16px !important;
    line-height: 1.6 !important;
    margin: 0;
}

.card-title {
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 25px;
}

.detail-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 22px;
}

.detail-row span {
    color: #777;
    font-size: 16px;
}

.detail-row strong {
    color: #e39b78;
    font-size: 16px;
    font-weight: 700;
}

.package-type {
    display: flex;
    align-items: center;
    gap: 72px;
}

.badge-level {
    background: #fff3ee;
    color: #e39b78;
    border-radius: 20px;
    padding: 6px 14px;
    font-size: 14px;
}

.change-level {
    border: 1px solid #6f9f98;
    color: #6f9f98;
    border-radius: 30px;
    padding: 5px 18px;
    text-decoration: none;
}

.price-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 35px;
    direction: rtl;
}

.price-title {
    font-size: 18px;
    font-weight: 700;
}

.price-value {
    color: #6f9f98;
    font-size: 25px;
    font-weight: 700;
}

.btn-cart {
    display: block;
    text-align: center;
    background: #6f9f98;
    color: #fff;
    padding: 18px;
    border-radius: 12px;
    text-decoration: none;
    font-size: 17px;
    font-weight: 700;
    margin-bottom: 14px;
}

.btn-cart:hover {
    color: #fff;
    text-decoration: none;
}

.btn-alt-time {
    display: block;
    text-align: center;
    border: 2px solid #6f9f98;
    color: #6f9f98;
    padding: 18px;
    border-radius: 12px;
    text-decoration: none;
    font-size: 17px;
    font-weight: 700;
}

.teacher-info-card h2 {}


.date-item:hover .day-name,
.date-item:hover .day-number,
.date-item:hover .month-name,
.date-item.active .day-name,
.date-item.active .day-number,
.date-item.active .month-name {
    color: #fff;
}

.time-slots {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}


.slot-btn {
    border: 1px solid #bbb;
    background: #fff;
    border-radius: 30px;
    padding: 8px 20px;
    cursor: pointer;
}

.slot-btn:hover {
    background: #6c9f97;
    color: #fff;
    border-color: #6c9f97;
}

.slot-btn.active {
    background: #6c9f97;
    color: #fff;
    border-color: #6c9f97;
}

.slot-btn.disabled {
    opacity: .4;
    background: #e9e9e9 !important;
}

.slot-btn.disabled:hover {
    opacity: .4;
    background: #e9e9e9 !important;
    color: #000 !important;
    border: 1px solid #bbb !important;
}

.price-card .btn-cart {
    direction: rtl
}

.mob {
    display: none
}
.search-page .slctd-slot-diplay {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.search-page .slctd-slot-diplay p {
    font-size: 15.5px;
    color: #49474c;
    line-height: 25px;
    text-align: right;
    font-weight: 600;
}

.search-page #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);
}

.search-page #message span img {
    width: 22px;
    filter: brightness(0) invert(1);
}

.search-page a.chng-slot {
    position: absolute;
    top: -8px;
    left: 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;
}

.search-page a.chng-slot:hover {
    background: var(--moalimy-orange);
    color: white;
    border: 1px solid var(--moalimy-orange);
}

.search-page .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: 16px;
    text-align: left;
}
.search-page .slctd-slot-diplay h4 {
    color: #282a2c;
    font-size: 18px;
    display: block;
    margin-bottom: 6px;
    text-align: right;
}
.search-page .slctd-slot-diplay ul li b {
    display: block;
    text-align: right;
    color: #303337;
}
/***********Teacher Details********************/

/************ Cart Page *******************/

.cart-page {
    padding: 26px 0 42px;
    background: #f2f2f2;
}

.cart-header h2 {
    color: #5f9188;
    font-weight: 600;
    margin-bottom: 5px;
    font-size: 32px;
}

.cart-header p {
    color: #777;
    font-size: 16px;
    margin-bottom: 20px;
}

.cart-item {
    position: relative;
    display: flex;
    align-items: center;
    gap: 20px;
    background: #fff;
    border-radius: 24px;
    padding: 25px;
    margin-bottom: 20px;
}
/*0207 SB*/
.item-image{
    position: absolute;
    top: 20px;
    right: 20px;
}
.item-image img {
    width: 90px;
    height: 90px;
    border-radius: 50%;
    object-fit: cover;

}
/*0207 SB*/
.mn_cart_top{
    padding-right: 110px;
    margin-bottom:10px;
}
.no_img{
   padding-right:0px !important;
}

.item-content {
    flex: 1;
}

.item-content h3 {
    font-size: 24px;
    font-weight: 700;
    margin-bottom: 10px;
}

.item-name {
    color: #777;
    margin-bottom: 10px;
    font-size: 16px;
}

.item-tags {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-bottom: 10px;
}

.item-tags span {
    background: #fff3ee;
    color: #d49c7f;
    border-radius: 20px;
    padding: 5px 12px;
    font-size: 13px;
}

.item-times {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
}

.item-times span {
    display: flex;
    align-items: center;
    gap: 6px;
    color: #888;
    font-size: 16px;
    line-height: 1.4;
}

.item-times svg {
    width: 22px;
    height: 22px;
    flex-shrink: 0;
}

.item-price {
    min-width: 100px;
    text-align: center;
    text-align: right;
    margin-top: auto; /*0207 SB*/
}

.item-price span {
    display: block;
    color: #777;
    font-size: 20px;
    margin-bottom: 10px;
    margin-top: 40px;
}

.item-price strong {
    display: block;
    color: #5f9188;
    font-size: 38px;
    direction: ltr;
}

.delete-btn {
    position: absolute;
    left: 20px;
    top: 20px;
    width: 42px;
    height: 42px;
    border: none;
    border-radius: 50%;
    background: #fdeeee;
    color: #e25b5b;
    cursor: pointer;
}

.cart-summary {
    background: #fff;
    padding: 25px;
    border-radius: 24px;
    position: sticky;
    top: 20px;
}

.cart-summary h3 {
    text-align: right;
    color: #5f9188;
    font-size: 24px;
    margin-bottom: 25px;
}

.cart-item {
    transition: all .4s ease;
}

.cart-item.removing {
    opacity: 0;
    transform: translateX(-20px);
    max-height: 0;
    margin-bottom: 0;
    padding-top: 0;
    padding-bottom: 0;
    overflow: hidden;
}

.summary-row,
.discount-row,
.total-row {
    display: flex;
    justify-content: space-between;
    margin-bottom: 15px;
}

.summary-row span {
    font-size: 16px;
}

.summary-row strong {
    direction: ltr;
    font-size: 18px;
}


.discount-row strong {
    color: #f44336;
    direction: ltr;
    font-size: 16px;

}

.total-row strong {
    font-size: 35px;
    color: #d49c7f;
    direction: ltr;
}

.coupon-box {
    display: flex;
    gap: 10px;
    margin: 20px 0;
    width: 100%;
}

.coupon-box input {
    flex: 1;
    border: 1px solid #ddd;
    border-radius: 8px;
    padding: 10px;
    width: 100%;
}

.coupon-box button {
    background: #5f9188;
    color: #fff;
    border: none;
    padding: 10px 18px;
    border-radius: 8px;
}

.payment-option {
    position: relative;
    display: flex;
    align-items: center;
    gap: 16px;
    background: #ededed;
    border: 1px solid transparent;
    border-radius: 14px;
    min-height: 72px;
    padding: 16px 18px;
    margin-bottom: 14px;
    cursor: pointer;
    transition: .3s;
    direction: ltr;
    text-align: right;
    opacity: 0.5;
}

.payment-option.active {
    background: #f8fcfb;
    border-color: #6b9d96;
    opacity: 1;
}

.payment-logos {
    display: flex;
    align-items: center;
    gap: 8px;
}

.payment-logos img {
    height: 20px;
    width: auto;
}

.payment-logo img {
    height: 26px;
    width: auto;
}

.payment-input {
    display: flex
}

.payment-text {
    flex: 1;
    color: #333;
    font-size: 14px;
    line-height: 1.5;
}

.payment-option input {
    display: none;
}

/* Radio */
.custom-radio {
    width: 24px;
    height: 24px;
    border: 2px solid #A6A6A6;
    border-radius: 50%;
    flex-shrink: 0;
    position: relative;
}

.payment-option input:checked+.custom-radio {
    background: #6b9d96;
    border-color: #6b9d96;
}

.payment-option input:checked+.custom-radio:before {
    content: "✓";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -55%);
    color: #fff;
    font-size: 14px;
    font-weight: 700;
}

.terms-box {
    background: #fafafa;
    border-radius: 16px;
    padding: 18px;
    margin-top: 20px;
}

.terms-box h6 {
    font-weight: 700;
    margin-bottom: 10px;
    font-size: 16px;

}

.terms-box p {
    color: #e53935;
    margin-bottom: 5px;
    font-size: 15px;
}

.btn-main {
    display: block;
    width: 100%;
    text-align: center;
    background: #5f9188;
    color: #fff;
    padding: 15px;
    border-radius: 10px;
    margin-top: 20px;
    text-decoration: none;
    font-weight: 700;
    font-size: 16px;
}

.btn-outline-main {
    display: block;
    width: 100%;
    text-align: center;
    border: 1px solid #5f9188;
    color: #5f9188;
    padding: 15px;
    border-radius: 10px;
    margin-top: 12px;
    text-decoration: none;
    font-weight: 700;
    font-size: 16px;
}

.cart-page .row {
    flex-direction: row-reverse;
}
.cart-page .timimg_dashs{
    display: flex;
    flex-direction: column;
    gap: 8px;
    /*align-items: center;
    margin-bottom: 20px;*/
}
.cart-page .timimg_dashs p{
    color: #000;
    font-size: 16px;
    line-height: 20px; margin: 0;/*0104 SB*/
}

.cart-page .timimg_dashs span{
    color: #5f9188;
    font-weight: 700;
    font-size: 18px;
    text-align: left;
}

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

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

.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: 'Mulish', sans-serif;
    border-radius: 4px;
    margin-bottom: 17px;
    box-shadow: 0px 0px 18px 0px #0000001a;
}
.dash_inputs input,
.dash_inputs select,
.dash_inputs textarea {
    text-align: right;
}
.dash_btns {
    text-align: right;
}
.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;
}

.cart-page .select2-selection__rendered div {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    width: fit-content !important;
}

.cart-page .select2-container {
    width: fit-content !important;
    border-radius: 0px !important;
    border-width: 0px 0px 0px 1px !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;
    right: 2px;
}

.cart-page .select2-container--default .select2-selection--single {
    border: 0px solid transparent !important;
}

.cart-page .select2-container--default .select2-selection--single .select2-selection__arrow {
    top: calc(50% - 13px) !important;
    left: 0px !important;
    right: auto !important;
}
.cart-page .modal-phone-code .select2-container {
    height: 48px !important;
    top: 34px;
    right: 20px;
}
/*0107 SB*/
.cart-header{
    display: flex;
    justify-content: space-between;
    align-items: center;
}


/************ Cart Page *******************/
/***************************** Various Service pages ***********************/

.package-section {
    position: relative;
    background: #f5f5f3;
    padding: 60px 0px;
    overflow: hidden;
    direction: rtl;
}

/* Top Left Blob */
.package-section::before {
    content: "";
    position: absolute;
    top: -120px;
    left: -100px;
    width: 260px;
    height: 260px;
    /*1108*/
    /*background: #e9dfd9;*/
    background: linear-gradient(90deg, var(--moalimy-orange) 0%, rgba(219, 160, 132, 0) 100%);
    border-radius: 50%;
    opacity: .8;
}

/* Bottom Left Blob */
.package-section::after {
    content: "";
    position: absolute;
    bottom: -120px;
    right: -120px;
    width: 300px;
    height: 300px;
    background: #eef4f1;
    border-radius: 50%;
}

.bg-stars {
    position: absolute;
    color: #6d978f;
    z-index: 1;
    pointer-events: none;
}

.top-stars {
    top: 30px;
    right: 70px;
}

.bottom-stars {
    bottom: 120px;
    left: 120px;
}

.bg-stars span {
    position: absolute;
    line-height: 1;
}

.bg-stars span:nth-child(1) {
    font-size: 60px;
    top: 23px;
    right: -10px;
}

.bg-stars span:nth-child(2) {
    font-size: 28px;
    top: 70px;
    right: 25px;
}

.bg-stars span:nth-child(3) {
    font-size: 18px;
    top: 42px;
    right: 40px;
}





.package-header {
    text-align: center;
    margin-bottom: 50px;
    width: 100%;
    position: relative;
}

.package-header h2 {
    font-size: 32px;
    color: #6a978f;
    margin-bottom: 15px;
    font-weight: 700;
}
/*1108*/
.package-header h2 span{
    color: #171717;
}
.package-header p {
    max-width: 850px;
    margin: auto;
    color: #666;
    font-size: 16px;
    line-height: 1.8;
}

.package-title {
    text-align: center;
    font-size: 24px;
    margin-bottom: 40px;
    font-weight: 700;
    width: 100%;
}

.package-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 20px;
    width: 100%;
}

.package-card {

    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
/*1108*/
   /* padding: 70px 0px 30px 0px;
   border-radius: 30px;*/
   gap: 26px;
   border-radius: 16px;
   padding: 20px;


    background: #fff;
    cursor: pointer;

    transition: .35s;

    box-shadow: 0 5px 20px rgba(0, 0, 0, .04);
    direction: ltr;
    overflow: hidden;
}

/* Hide radio */

.package-card input {

    position: absolute;
    opacity: 0;
    pointer-events: none;
}

/* Hover */

.package-card:hover {

    background: #D89D7E;
    transform: translateY(-3px);
}

/* Selected */

.package-card:has(input:checked) {

    background: #D89D7E;
}

/* Price */

.price {

    display: flex;
    align-items: center;
    gap: 8px;


    font-weight: 700;
    margin-bottom: 10px;
    color: #171717;

    transition: .3s;
    /*1108*/
    /*font-size: 47px;*/
    font-size: 30px;
    margin-left: auto;
}

.price svg {
/*1108*/
   /* width: 34px;*/
   width: 26px;
    height: auto;

    transition: .3s;
}

.price svg path {

    transition: .3s;
}

/* Selected text */

.package-card:hover .price,
.package-card:has(input:checked) .price {

    color: #fff;
}

/* Make SVG white */

.package-card:hover svg path,
.package-card:has(input:checked) svg path {

    fill: #fff;
}

/* Lessons badge */

.lessons {
    direction: rtl;
    /*1108
    margin-top: 18px;*/
    /*1108*/
     margin-left: auto;
}

.lessons span {



    border-radius: 30px;

    background: #EEF3F1;

    color: #6A978F;
/*1108*/
    /*font-weight: 600;
     padding: 8px 18px;*/
     padding: 5px 16px;
    font-weight: 700;
    font-size: 14px;

    transition: .3s;
}

.package-card:hover .lessons span,
.package-card:has(input:checked) .lessons span {
/*1108*/
   /* background: rgba(255, 255, 255, .18);

    color: #fff;*/
    background: #FFF;
    color: var(--moalimy-orange);
}

/* Radio */

.radio {

    position: absolute;

    top: 18px;
    /*1108*/
    /*right: 18px;*/
    left: 20px;

    width: 22px;
    height: 22px;

    border: 2px solid #777;

    border-radius: 50%;

    transition: .3s;
}

/* Checked radio */

.package-card:has(input:checked) .radio {

    background: #fff;
    border-color: #fff;
}

.package-card:has(input:checked) .radio::after {

    content: "✓";

    position: absolute;

    top: 50%;
    left: 50%;

    transform: translate(-50%, -56%);

    color: #D89D7E;

    font-size: 13px;

    font-weight: bold;
}

.bottom-area {
    margin-top: 50px;
    display: flex;
    gap: 30px;
    align-items: center;
    width: 100%;
}

.features {
    flex: 1;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;

}

.feature-box {
    background: #fff;
    border-radius: 30px;
    padding: 30px;
}

.feature-list {
    list-style: none;
    margin: 0;
    padding: 0;
}

.feature-list li {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 8px;
    margin-bottom: 10px;
    color: var(--moalimy-green);
    font-size: 16px;
    line-height: 1.5;
    direction: rtl;
    text-align: right;
}

.feature-list li:last-child {
    margin-bottom: 0;
}

.feature-list li svg {
    flex-shrink: 0;
    width: 18px;
    height: 18px;
}

.feature-list li span {
    flex: 1;
}

.service-title {
    width: 220px;
    text-align: right;
}

.service-title span {
    display: block;
    font-size: 52px;
    color: #6a978f;
    font-weight: 700;
    line-height: 74px;
}

.service-title strong {
    font-size: 47px;
    font-weight: 500;
}

.package-buttons {

    margin-top: 45px;
    display: flex;

    gap: 20px;
    width: 100%;
    justify-content: center;
    position: relative;
    z-index: 9;
}

.btn-outline,
.btn-filled {
    width: 350px;
    height: 58px;
    border-radius: 8px;
    text-decoration: none;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    font-weight: 600;
    transition: .3s;
}

.btn-outline {
    border: 1px solid #6a978f;
    color: #6a978f;
    direction: ltr;
}

.btn-outline svg {
    margin-right: 8px;
}

.btn-filled svg {
    margin-left: 8px;
}


.btn-filled {
    background: #6a978f;
    color: #fff;
}

.btn-filled:hover {
    background: #58857d;
}

.btn-outline svg {
    color: inherit;
    transition: 0.3s;
}

.btn-outline:hover {
    background: #6a978f;
    color: #fff;
}

.btn-outline:hover svg * {
    fill: #fff;
}
/***************************** Various Service pages ***********************/


.mn_profile_link_show {
    display: none;
}
/*1906*/
.search-book-latter{
    font-family: 'Droid Arabic Kufi';
    background-color: var(--moalimy-orange);
    font-weight: 700;
    font-size: 16px;
    color: #FFFFFF;
    padding: 12px 20px;
    border-radius: 8px;
    display: flex;
    justify-content: center;
    align-items: center;

    gap: 8px;
}
.search-book-latter:hover{
    background: rgb(69, 141, 134);;
}
.mn_uniq_row{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.mn_uniq_row .unique_sub_tabs{
    order: 1;
    margin-bottom: 0;
}

/*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;
}
/**********Urgent Session Today SB**********/
.urgent_page{
    padding: 30px 0;
    direction: rtl;
}
.urg_heading{
    font-family: 'Droid Arabic Kufi';
    font-weight: 700;
    font-size: 24px;
    color: #191C1E;
}
.urg_radio_area{
    margin: 40px 0;
}
.urg_radio_area h3{
    font-family: 'Droid Arabic Kufi';
    font-weight: 400;
    font-size: 30px;
    color: #000;
    margin-bottom: 16px;
}
.urg_stage{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:35px}
.urg_stage label input{display:none}
.urg_stage label span{display:flex;align-items:center;justify-content:center;height:60px;background:#fff;border-radius:30px;border:1px solid #ececec;position:relative;padding:0 40px;color:#171717; font-size: 18px;}
.urg_stage label span:before{content:"";position:absolute;right:18px;width:22px;height:22px;border:2px solid #6A6A6A;border-radius:50%}
.urg_stage label input:checked+span{background:var(--moalimy-orange);color:#fff}
.urg_stage label input:checked+span:before{background:#E9E9E9;border-color:#E9E9E9;}
.urg_stage label input:checked+span:after{content:"\f00c"; font-family: FontAwesome; position:absolute;right:22px;color:var(--moalimy-orange);font-size:16px}
.urg_title{
    margin:25px 0 20px;
    font-family: 'Droid Arabic Kufi';
    font-weight: 400;
    font-size: 30px;
    color: #000;
}
.urg_grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;}
.urg_field label{font-size:16px;color:#6A6A6A;margin-bottom:5px}
.urg_field input,.urg_field select{width:100%;height:60px; border:none; border-radius:8px;padding:0 15px;background:#FEFEFE; font-size: 16px; color: #999999;}
.upload{margin-top:30px}
.upload h3{font-size:22px;margin-bottom:15px}
.drop{height:130px;border:2px dashed #cfcfcf;border-radius:8px;background:#fff;display:flex;align-items:center;justify-content:center;color:#888;flex-direction:column}
.drop .icon{font-size:42px}
.phone_field{
    display:flex;
    align-items:center;
    width:100%;
    height:60px;
    border:none;
    border-radius:8px;
    overflow:hidden;
    background:#FEFEFE;
    flex-direction: row-reverse;
}

.phone_field input{
    flex:1;
    height:100%;
    border:0;
    outline:0;
    padding:0 15px;
    font-size:16px;
    color:#666;
    text-align:right;
}

.urg_country_code{
    display:flex;
    align-items:center;
    padding: 0 20px 0 0;
    background:#fff;
}

.urg_country_code img{
    width:18px;
    height:13px;
    object-fit:cover;
    border-radius: 4px;
}

.urg_country_code select{
    border:0;
    outline:0;
    background:transparent;
    appearance:none;
    -webkit-appearance:none;
    -moz-appearance:none;
    font-size:16px;
    color:#999;
    padding-left:18px;
    cursor:pointer;
    direction: ltr;
}

.urg_country_code{
    position:relative;
}
.urg_country_code svg{
    position: absolute;
    top: 20px;
    right: 5px;
    z-index: 1;
    display: none;
}
.urg_country_code::before {
    content: "";
    width: 1px;
    height: 33px;
    position: absolute;
    background: #7c7878;
    right: 10px;
}

.urg_select{
    position: relative;
    background-color: #FEFEFE;
    height: 60px;
    border-radius: 8px;
}
/*.urg_select::before{
     content: "\f0ac";
    font-family: FontAwesome;
    font-size: 20px;
    color: #6A6A6A;
    position: absolute;
    top: 15px;
    right: 10px;
}*/
.urg_select::before{
     content: "";
     background: url(../images/globe.png) no-repeat;
     background-size: contain;
     width: 20px;
     height: 20px;
    position: absolute;
    top:20px;
    right: 15px;
}
.urg_select select{
   padding: 0 45px;
    background: transparent;
    width: 99%;
}
.urg_upload_area{
    width:100%;
    margin-bottom: 30px;
}

.urg_upload_box{
    width:100%;
    min-height:160px;
    border:2px dashed #6A6A6A;
    border-radius:16px;
    background:#fff;
    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:center;
    cursor:pointer;
    transition:.3s;
    text-align:center;
    padding:20px;
}


.urg_upload_box:hover{
    border-color:#6a968f;
    background:#fafafa;
}

.urg_upload_icon{
    margin-bottom:12px;
}

.urg_upload_text{
    font-size:18px !important;
    color:#999999 !important;
}

.urg_file_name{
    margin-top:10px;
    color:#6a968f;
    font-size:14px;
    font-weight:600;
}
.urg_btn_area{
    margin-top: 25px;
    direction: ltr;
}
.urg_btn{
    direction: rtl;
    height: 60px;
    padding: 0px 40px;
    max-width: 300px;
    display: flex;
    gap: 5px;
    justify-content: center;
    align-items: center;
    font-weight: 700;
    font-size: 16px;
    color: #FEFEFE;
    background: var(--moalimy-green);
    border-radius: 8px;
}
.urg_btn:hover{
    background: var(--moalimy-orange);
}
.ed-frm-contry.urg_country_code span.select2-selection.select2-selection--single {
    border:none !important;
}
/*--------------------Request Alternative Times Before Login---------------------------*/
.req_time_page{
    font-family: 'Droid Arabic Kufi';

}
.req_time_page .teacher-avatar{
    border: none;
    width: 105px;
    height: 105px;
}
.req_time_page .teacher-head , .req_time_page .teacher-info-card .teacher-name{
    font-size: 24px !important;
}
.req_step_area{
    display: flex;
    gap: 12px;
    margin-bottom: 30px;
    direction: rtl;
    align-items: flex-end;
}
.req_sec{
    width: calc(100%/2);

}
.req_txt{
     font-weight: 700;
    font-size: 16px;
    color:#6A6A6A;
    display: flex;
    justify-content: flex-start;
    flex-direction: row-reverse;
    gap: 4px;
}
.req_txt span{
    color: var(--moalimy-green);
}
.req_step{

    background-color: #BABABA;
    height: 10px;
    border-radius: 20px;
    margin-top: 12px;
}
.req_step.active{
    background-color: var(--moalimy-green);
}
.req_time_page .teacher-rating , .req_time_page .teacher-desc{
    font-size: 14px !important;
}
.req_time_page .counter-card h4{
    font-size: 16px;
    margin-bottom: 20px;
}
.req_time_page .counter-number{
    font-size: 36px;
}
.req_time_page .counter-card{
    padding: 24px;
}
.req_time_page .counter-number{
    color: #999999;
}
.req_time_page .counter-btn.minus{
    background: #F3F3F3;
    color: #999999;
}
.req_time_page .date-title{
    font-size: 16px;
}
.req_time_page .date-item{
    width: 90px;
    height: 134px;
    border-radius: 50px;
}
.req_time_page .date-list{
    flex-wrap: nowrap;

}
.req_time_page .time-wrapper{
    padding: 24px;
}
.req_cross{
    border-color: var(--moalimy-green);
    align-items: center;
    display: flex;
    gap: 8px;
}
.req_cross i{
color: #AD1717;
font-size: 20px;
padding-top: 5px;
}
.req_bt_area{
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 40px;
    direction: rtl;
}
.req_bt{
    border: var(--moalimy-green) 1px solid;
    border-radius: 8px;
    width: 300px;
    height: 60px;
    padding: 0px 40px;
    font-weight: 700;
    font-size: 16px;
    color: var(--moalimy-green);
    display: flex;
    justify-content: center;
    align-items: center;
}
.req_bt:hover , .req_bt.active{
    background: var(--moalimy-green);
    color: #FFF;
}
.req_time_page .urg_stage label span{
    font-size: 16px;
    white-space: nowrap;
    padding: 0 45px 0 30px;
}
.req_time_page .urg_country_code{
    padding-right: 15px;
}
.req_step2 h3{
    font-weight: 700;
    font-size: 18px;
    color: #181C1D;
    margin-bottom: 15px;
}
.req_step2_txt{
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-weight: 16px;
    color: #6A6A6A;
}
.req_step2_txt span{
    font-weight: 700;
    color: var(--moalimy-orange);
}
.req_time_page .urg_select::before{
    display: none;
}
.req_time_page .urg_country_code svg{
    display: block;
    left: 14px;
}
.req_span_area .slot-btn{
    cursor:auto;
}
.req_span_area .slot-btn:hover{
    background-color: #FFF;
    color: #000;
}
/*--------------------Login Popup---------------------------*/
.req_modal .modal-dialog{
    max-width:800px ;
}
.req_modal .login_sec_new_1 .login_img_crp , .req_modal .login_right_inr{
    width: auto;
}
.req_modal .login_img_crp img{
    width: auto;
    height: 370px;
}
.req_modal .login_sec_new_1{
    display: flex;
    align-items: center;
}
.req_modal .login_sec_new_1 .login_right{
    padding: 0px 0 0 20px;
}
.req_modal .modal-body{
    padding: 0;

}
.req_modal .modal-content{
     border-radius: 50px;
}
.req_modal .login_right_top h1{
    font-size: 28px;
}
.req_modal .social-login a , .req_modal .login_page_tab a , .req_modal .for_got , .req_modal .login_tx p{
    font-size: 14px;
}
.req_modal .for_got{
    color: #6B7280;
}
.req_modal .sos-log-aftr_new{
    font-size: 12px;
}
.req_modal .login_sec_new_1 .login_inpt_ir input{
    color: #9CA3AF;
    font-size: 14px;
}
.req_modal .login_sec_new_1 .input-icon{
    top: 6px;
    left: 46px;
}
.req_modal .login_bn_bx .page_btn{
    height: 46px;
    font-size: 16px;
}
.req_modal .req_modal .login_tx p{
    margin-top: 20px;
}
.req_modal .login_tx ul{
    margin-top: 0px;
    margin-bottom: 20px;
}
/*--------------------Package new 1108---------------------------*/
.new_package_area{
    display: flex;
    flex-direction: column;
    gap: 30px;
    width: 100%;
    font-family: 'Droid Arabic Kufi';
}
.mn_white_sec{
    background: #FFF;
    padding: 28px 40px;
    border-radius: 30px;
    position: relative;
    z-index: 2;

}
.pack_tab_title{
font-family: "Cairo", sans-serif;
font-weight: 600;
font-size: 20px;
line-height: 30px;
color: #171717;
font-size: 20px;
margin-bottom: 8px;
}
.pack_tab_desc{
font-weight: 400;
font-size: 12px;
line-height: 16px;
color: #62748E;

}
.pack_tab_area{
    margin-top: 10px;
}
.pack_custom-tabs { width: 100%; }
.pack_tab-buttons { border: #E2E8F0 1px solid;
    padding: 4px;
    gap: 6px;
    display: flex;
    border-radius: 16px;}
.pack_tab-btn { width: calc(100%/2); border: 0; background: #E9E9E9; padding: 8px 16px; display: flex; gap: 12px; cursor: pointer; font-size: 11px; color: #999999; position: relative; border-radius: 14px; align-items: center; }
.pack_tab-btn.active { color: #FFF; background: var(--moalimy-green); }
.pack_tab-content { padding: 50px 0; }
.pack_tab-pane { display: none; }
.pack_tab-pane.active { display: block; }
.pack_tab_icon{
    background: #F1F1F3;
    border-radius: 10px;
    width: 36px;
    height: 36px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.pack_tab_icon i{
    font-size: 16px;
    color: #BABABA;
}
.pack_tab-btn.active .pack_tab_icon{
    background: #FFF;
}
.pack_tab-btn.active .pack_tab_icon i{
    color: var(--moalimy-green);
}
.pack_tab-btn h3{
    color: #6A6A6A;
    font-weight: 700;
    font-size: 16px;
    line-height: 20px;
    text-align: right;
}
.pack_tab-btn.active  h3{
    color: #FFF;
}
.package-title span{
    color: var(--moalimy-green);
}
.pack_bottom
{
    display: flex;
    justify-content: space-between;
    font-size: 12px;
    color: #62748E;
    width: 100%;
  direction: rtl;
}
.pact_b_txt{
    display: flex;
    gap: 6px;
    align-items: center;
}
.pack_bottom strong{
    color: #1D293D;
    font-weight: 700;
}
.package-card:has(input:checked) .pack_bottom{
    color: #E9E9E9;
}
.package-card:has(input:checked) .pack_bottom strong{
     color: #E9E9E9;
}
.pack_end_area{
    display: flex;
    flex-direction: column;
    gap: 16px;
    font-weight: 400;
    font-size: 26px;
    color: #171717;
}
.pack_end_area h3{
    font-weight: 700;
    font-size: 32px;
    color: var(--moalimy-green);
}
.pack_gray_area{
    background: #F2F2F2;
    padding: 20px 30px;
    border-radius: 16px;
    display: flex;
    flex-flow: row wrap;
    gap: 10px
}
.pack_gray_col{
    width: calc(25% - 8px);
    gap: 12px;
    font-weight: 400;
    font-size: 14px;
    color: #999999;
    display: flex;
    align-items: center;
}
.p_g_icon{
    width: 40px;
    height: 40px;
    background: var(--moalimy-green)1F;
border-radius: 10px;
display: flex;
justify-content: center;
align-items: center;
}
.p_g_icon i{
    font-size: 18px;
    color: var(--moalimy-green);
}
.pack_gray_col h4{
    font-weight: 700;
    font-size: 16px;
    color: #171717;
}
.new_package_area .bottom-stars{
    bottom: 50%;
    left: 30px;
}
.package-buttons_area{
    display: flex;
    justify-content: space-between;
}
.p_btn_txt{
    font-size: 14px;
    color: var(--moalimy-green);
}
.p_btn_txt .price{
    direction: ltr;
}
.new_package_area  .package-buttons {
    margin-top: 0px;

    gap: 20px;
    /*width: 100%;
    justify-content: center;*/
    position: relative;
    z-index: 9;
    width: fit-content;
}
.new_package_area  .package-buttons a{
    padding: 0px 20px;
}
.new_package_area .btn-outline, .btn-filled{
    width: 270px;
}
.new_package_area .package-buttons{
    flex-direction: row;
}
.package-buttons_area_mob {
    display: none;
}
.new_package_area .btn-filled{
    direction: rtl;
}