/************ All Content ************/
/* 
1. HEADER END
2. ONE-SEC-INDEX
3. TWO-SEC-INDEX
4. THREE-SEC-INDEX
5. FOUR-SEC-INDEX
6. FIVE-SEC-INDEX
7. SIX-SEC-INDEX
8. LOGIN

*/

@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Mulish:ital,wght@0,200..1000;1,200..1000&display=swap');
/* font-family: "Inter", sans-serif; */


/*  Font SF-Pro-Display */
@font-face {
    font-family: "SF-Pro-Display";
    src: url('../fonts/SF-Pro-Display-UltralightItalic.otf') format("opentype");
    font-weight: 100;
}

@font-face {
    font-family: "SF-Pro-Display";
    src: url('../fonts/SF-Pro-Display-Ultralight.otf') format("opentype");
    font-weight: 100;
}

@font-face {
    font-family: "SF-Pro-Display";
    src: url('../fonts/SF-Pro-Display-ThinItalic.otf') format("opentype");
    font-weight: 200;
}

@font-face {
    font-family: "SF-Pro-Display";
    src: url('../fonts/SF-Pro-Display-Thin.otf') format("opentype");
    font-weight: 200;
}

@font-face {
    font-family: "SF-Pro-Display";
    src: url('../fonts/SF-Pro-Display-LightItalic.otf') format("opentype");
    font-weight: 300;
}

@font-face {
    font-family: "SF-Pro-Display";
    src: url('../fonts/SF-Pro-Display-Light.otf') format("opentype");
    font-weight: 300;
}

@font-face {
    font-family: "SF-Pro-Display";
    src: url('../fonts/SF-Pro-Display-RegularItalic.otf') format("opentype");
    font-weight: 400;
}

@font-face {
    font-family: "SF-Pro-Display";
    src: url('../fonts/SF-Pro-Display-Regular.otf') format("opentype");
    font-weight: 400;
}

@font-face {
    font-family: "SF-Pro-Display";
    src: url('../fonts/SF-Pro-Display-MediumItalic.otf') format("opentype");
    font-weight: 500;
}

@font-face {
    font-family: "SF-Pro-Display";
    src: url('../fonts/SF-Pro-Display-Medium.otf') format("opentype");
    font-weight: 500;
}

@font-face {
    font-family: "SF-Pro-Display";
    src: url('../fonts/BeVietnamPro-SemiBoldItalic.ttf') format("opentype");
    font-weight: 600;
}

@font-face {
    font-family: "SF-Pro-Display";
    src: url('../fonts/BeVietnamPro-SemiBold.ttf') format("opentype");
    font-weight: 600;
}

@font-face {
    font-family: "SF-Pro-Display";
    src: url('../fonts/SF-Pro-Display-BoldItalic.otf') format("opentype");
    font-weight: 700;
}

@font-face {
    font-family: "SF-Pro-Display";
    src: url('../fonts/SF-Pro-Display-Bold.otf') format("opentype");
    font-weight: 700;
}

@font-face {
    font-family: "SF-Pro-Display";
    src: url('../fonts/SF-Pro-Display-HeavyItalic.otf') format("opentype");
    font-weight: 800;
}

@font-face {
    font-family: "SF-Pro-Display";
    src: url('../fonts/SF-Pro-Display-Heavy.otf') format("opentype");
    font-weight: 800;
}

@font-face {
    font-family: "SF-Pro-Display";
    src: url('../fonts/SF-Pro-Display-BlackItalic.otf') format("opentype");
    font-weight: 900;
}

@font-face {
    font-family: "SF-Pro-Display";
    src: url('../fonts/SF-Pro-Display-Black.otf') format("opentype");
    font-weight: 900;
}


* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: "SF-Pro-Display";
}

body {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    /* Google font */
    font-weight: 500;
    font-family: "SF-Pro-Display";
    background-color: #0A0A0A;
}

a {
    text-decoration: none;
    cursor: pointer;
}

a:hover,
a:focus,
a:visited {
    text-decoration: none;
    outline: none;
}

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

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

:root {
    /* Font size attributes declare  */
    --fs-10px: 10px;
    --fs-11px: 11px;
    --fs-12px: 12px;
    --fs-13px: 13px;
    --fs-14px: 14px;
    --fs-15px: 15px;
    --fs-16px: 16px;
    --fs-17px: 17px;
    --fs-18px: 18px;
    --fs-19px: 19px;
    --fs-20px: 20px;
    --fs-21px: 21px;
    --fs-22px: 22px;
    --fs-23px: 23px;
    --fs-24px: 24px;
    --fs-25px: 25px;
    --fs-26px: 26px;
    --fs-27px: 27px;
    --fs-28px: 28px;
    --fs-29px: 29px;
    --fs-30px: 30px;
    --fs-31px: 31px;
    --fs-32px: 32px;
    --fs-33px: 33px;
    --fs-34px: 34px;
    --fs-36px: 36px;
    --fs-38px: 38px;
    --fs-40px: 40px;
    --fs-42px: 42px;
    --fs-44px: 44px;
    --fs-46px: 46px;
    --fs-48px: 48px;
    --fs-50px: 50px;

    /* Font color attributes declare */
    --text-gray: rgba(126, 135, 159, 1);
    --text-green: rgba(10, 186, 181, 1);

    /* Bg color attributes declare */
    --bg-blue: #0d6efd;
    --bg-indigo: #6610f2;
    --bg-purple: #6f42c1;
    --bg-pink: #d63384;
    --bg-red: #dc3545;
    --bg-orange: #fd7e14;
    --bg-yellow: #ffc107;
    --bg-green: #198754;
    --bg-teal: #20c997;
    --bg-cyan: #0dcaf0;
    --bg-black: #000;
    --bg-white: #fff;
    --bg-gray: #6c757d;
    --bg-gray-dark: #343a40;
    --bg-gray-100: #f8f9fa;
    --bg-gray-200: #e9ecef;
    --bg-gray-300: #dee2e6;
    --bg-gray-400: #ced4da;
    --bg-gray-500: #adb5bd;
    --bg-gray-600: #6c757d;
    --bg-gray-700: #495057;
    --bg-gray-800: #343a40;
    --bg-gray-900: #212529;
    --bg-primary: #0d6efd;
    --bg-secondary: #6c757d;
    --bg-success: #198754;
    --bg-info: #0dcaf0;
    --bg-warning: #ffc107;
    --bg-danger: #dc3545;
    --bg-light: #f8f9fa;
    --bg-dark: #212529;

    /* font-weight */
    --fw-100: 100;
    --fw-200: 200;
    --fw-300: 300;
    --fw-400: 400;
    --fw-500: 500;
    --fw-600: 600;
    --fw-700: 700;
    --fw-800: 800;
    --fw-900: 900;
}

.text-green2 {
    color: #44BE69 !important;
}

.imgExp-icon img {
    width: 20px;
}

.fw-5 {
    font-weight: 500 !important;
}

.fw-6 {
    font-weight: 600 !important;
}

.fw-7 {
    font-weight: 700 !important;
}

.fw-8 {
    font-weight: 800 !important;
}

.fw-9 {
    font-weight: 900 !important;
}

.text-gray1 {
    color: rgba(106, 106, 106, 1) !important;
}

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

.text-gray {
    color: var(--text-gray) !important;
}

.text-darklate {
    color: rgba(255, 255, 255, 0.5);
}

.text-black2 {
    color: rgba(25, 35, 35, 1) !important;
}


/* Font sizes */
.fs-10 {
    font-size: var(--fs-10px);
}

.fs-12 {
    font-size: var(--fs-12px);
}

.fs-14 {
    font-size: var(--fs-14px);
}

.fs-16 {
    font-size: var(--fs-16px);
}

.fs-18 {
    font-size: var(--fs-18px);
}

.fs-20 {
    font-size: var(--fs-20px);
}

.fs-22 {
    font-size: var(--fs-22px);
}

.fs-24 {
    font-size: var(--fs-24px);
}

.fs-26 {
    font-size: var(--fs-26px);
}

.fs-28 {
    font-size: var(--fs-28px);
}

.fs-30 {
    font-size: var(--fs-30px);
}

.fs-34 {
    font-size: var(--fs-34px);
}

.fw-5 {
    font-weight: 500 !important;
}

.fw-4 {
    font-weight: 400 !important;
}

.text-black1 {
    color: rgba(0, 0, 0, 1) !important;
}

.text-green1 {
    color: rgba(68, 190, 105, 1) !important;
}

/* HEADER START */
header {
    background-color: rgba(0, 2, 1, 1);
    padding: 22px 50px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 16px;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    z-index: 999;
}

.logo_header img {
    width: 168px;
}

.right_header {
    display: flex;
    gap: 20px;
    align-items: center;
}

.right_header .right {
    display: flex;
    gap: 20px;
    align-items: center;
    height: 100%;
}

.btn-f-12px {
    font-size: 12px;
    font-weight: 500;
    line-height: 14.94px;
}

.btn-f-16px {
    /* font-family: SF Pro Display; */
    font-size: 16px;
    font-weight: 400;
    line-height: 19.92px;
    letter-spacing: 0.02em;
    text-align: center;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
}

.btn-f-14px {
    font-size: 14px;
    font-weight: 400;
    line-height: 16.71px;
    color: #ffffff;
}

.btn-f-15px {
    /* font-family: SF Pro Display; */
    font-size: 15px;
    font-weight: 400;
    line-height: 22px;
    color: #ffffff;
}


.btn-theam_darklate {
    background-color: rgba(47, 79, 79, 1);
    border-color: transparent;
    color: rgba(255, 255, 255, 1);
}

.btn-theam_darklate2 {
    background-color: rgba(25, 35, 35, 1);
    border: 1px solid rgba(25, 35, 35, 1);
    color: rgba(255, 255, 255, 1);
}

.btn-theam_white {
    color: rgba(25, 35, 35, 1);
    border: 1px solid rgba(25, 35, 35, 1);
    background-color: rgba(255, 255, 255, 1);
}

.btn-theam-border_white {
    background-color: transparent;
    border: 1px solid rgba(255, 255, 255, 1);
    color: rgba(255, 255, 255, 1);
}

.btn-theam {
    display: flex;
    gap: 10px;
    justify-content: center;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
    padding: 11.5px 15px;
    align-items: center;
}

.bg-black {
    background-color: rgba(10, 10, 10, 1) !important;
}

/* HEADER END */

.one-sec-index {
    width: 100%;
    padding: 232px 0;
    /* height: 863px; */
    /* background-image: url('../image/one-sec-index.png'); */
    background-image: url('../image/one-sec-index2.png');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.box-sec-index {
    position: relative;
    z-index: 3;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 50px;
    max-width: 816px;
    margin: auto;
}

.badge-welcom span {
    font-weight: 300;
}

.badge-welcom {
    display: flex;
    gap: 7px;
    align-items: center;
    font-size: 18px;
    font-weight: 600;
    line-height: 21.48px;
    text-align: center;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    color: rgba(255, 255, 255, 1);
}

.mainTitle {
    font-size: 60px;
    font-weight: 800;
    line-height: 71.6px;
    text-align: center;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    color: rgba(255, 255, 255, 1);
    margin-bottom: 11px;
}

.submainTitle {
    font-size: 18px;
    font-weight: 300;
    line-height: 21.48px;
    letter-spacing: 1px;
    text-align: center;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    color: rgba(255, 255, 255, 1);
}

.btn_sec-index {
    display: flex;
    gap: 30px;
    align-items: center;
    padding: 0 12px;
}

.btn_sec-index button {
    border: 0;
    background-color: transparent;
}

.two-sec-index {
    padding: 100px 0;
}

.title {
    font-size: 50px;
    font-weight: 600;
    line-height: 72px;
    text-align: left;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    color: rgba(255, 255, 255, 1);
}

.subtitle {
    font-size: 20px;
    font-weight: 300;
    line-height: 23.87px;
    text-align: left;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    color: rgba(255, 255, 255, 1);
}

.badgeCompletionCirty {
    display: flex;
    gap: 10px;
    align-items: center;
    padding: 20px;
    background-color: rgba(47, 79, 79, 1);
    border-radius: 9px;
    -webkit-border-radius: 9px;
    -moz-border-radius: 9px;
    -ms-border-radius: 9px;
    -o-border-radius: 9px;
}

.fs-18-fw-5 {
    font-size: 18px;
    font-weight: 500;
    line-height: 21.48px;
    text-align: left;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    color: rgba(255, 255, 255, 1);
}

.two-sec-index-heading {
    display: flex;
    flex-direction: column;
    gap: 25px;
}

.right-two-sec-index ul {
    display: flex;
    flex-direction: column;
    gap: 42px;
}

.right-two-sec-index ul li {
    display: flex;
    gap: 20px;
    align-items: center;
}

.right-two-sec-index ul li .right .subtitle {
    margin-bottom: 5px;
}

.three-sec-index {
    background: rgba(25, 35, 35, 1);
    padding: 85px 0;
}

.fw-16-fw-4-31 {
    font-size: 16px;
    font-weight: 400;
    line-height: 31px;
    text-align: left;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    color: #ffffff;
}

.fw-16-fw-4 {
    font-size: 16px;
    font-weight: 400;
    line-height: 23px;
    text-align: left;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    color: #ffffff;
}

.border-white {
    background: linear-gradient(white, white) padding-box,
        linear-gradient(to right, darkblue, darkorchid) border-box;
    border-radius: 50em;
    border: 4px solid transparent;
}

.border-white {
    position: relative;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    font-size: 1em;
    color: darkblue;
    padding: 0.5rem 1rem;
    cursor: pointer;

}

.bordergradient {
    width: 100%;
    position: relative;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.13) 0%, rgba(255, 255, 255, 0.58) 100%);
    padding: 2px;
    border-radius: 14px;
    overflow: hidden;
}

.inner {
    padding: 25px;
    overflow: hidden;
    BACKGROUND: #192323;
    border-radius: 14px;
    color: #fff;
    -webkit-border-radius: 14px;
    -moz-border-radius: 14px;
    -ms-border-radius: 14px;
    -o-border-radius: 14px;
}

.gradient-commen::before {
    content: "";
    z-index: 2;
    top: 0;
    left: 0;
    position: absolute;
    width: 282px;
    background-repeat: no-repeat;
    background-size: cover;
    height: 100%;
}

.green-gradiuent::before {
    background-image: url('../image/svg/green-gradiuent.png');
}

.purple-gradiuent::before {
    background-image: url('../image/FeaturesgradiuentBg_02.png');
}

.Downloadable-gradiuent::before {
    background-image: url('../image/FeaturesgradiuentBg_03.png');
}

.Betterment-gradiuent::before {
    background-image: url('../image/FeaturesgradiuentBg_04.png');
}

.Axiatom-gradiuent::before {
    background-image: url('../image/FeaturesgradiuentBg_05.png');
}

.Join-CreateCommunity-gradient::before {
    background-image: url('../image/FeaturesgradiuentBg_06.png');
}

.CommunityForum-gradient::before {
    background-image: url('../image/FeaturesgradiuentBg_07.png');
}

.boxFeatures {
    width: 100%;
    padding: 20px 24px;
}

.boxFeatures {
    display: flex;
    gap: 25px;
}

.fs-22-fw-6 {
    font-size: 22px;
    font-weight: 600;
    line-height: 32px;
    letter-spacing: 0.02em;
    text-align: left;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    color: rgba(255, 255, 255, 1);
}

.info-boxFeatures {
    opacity: 0.5;
}

.mb-three-sec-index .col-12 {
    margin-bottom: 30px;
}

.rightside-boxFeatures {
    position: relative;
    z-index: 2;
}

.four-sec-index {
    padding: 50px 0;
}

.mb-50-index {
    margin-bottom: 50px;
}

.BoxHowtoLearn {
    padding: 24px;
    border-radius: 16px;
    box-shadow: 4px 9px 36px 0px rgba(0, 0, 0, 0.07);
    background-color: rgba(25, 35, 35, 1);
    -webkit-border-radius: 16px;
    -moz-border-radius: 16px;
    -ms-border-radius: 16px;
    -o-border-radius: 16px;
    height: 100%;
}


.info-howLearn {
    font-size: 18px;
    font-weight: 400;
    line-height: 25px;
    text-align: left;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    color: rgba(255, 255, 255, 0.7);
}


.title-boxhowtolearn {
    font-size: 50px;
    font-weight: 600;
    line-height: 56px;
    text-align: center;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    color: rgba(255, 255, 255, 1);
    margin-bottom: 25px;
}

.subtitle-boxhowtolearn {
    margin-bottom: 16px;
    font-size: 22px;
    font-weight: 600;
    line-height: 25px;
    letter-spacing: 0.02em;
    text-align: left;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    color: rgba(255, 255, 255, 1);
}

.comunityFormbox {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
}

.fifth-sec-index {
    padding: 50px 0;
}

.subtitleboxPlyquiz {
    display: flex;
    gap: 10px;
}

.cirty-icon-sm img {
    width: 27px;
}

.OutstudentBox {
    padding: 24px;
    border-radius: 16px;
    box-shadow: 4px 9px 36px 0px rgba(0, 0, 0, 0.07);
    background-color: rgba(255, 255, 255, 1);
    -webkit-border-radius: 16px;
    -moz-border-radius: 16px;
    -ms-border-radius: 16px;
    -o-border-radius: 16px;
    height: 100%;
}

.nameStudent {
    font-size: 21px;
    font-weight: 600;
    line-height: 24px;
    text-align: left;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    color: rgba(10, 10, 10, 1);
    margin-bottom: 10px;
}

.desgStudent {
    font-size: 12px;
    font-weight: 600;
    line-height: 16px;
    text-align: left;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    color: rgba(106, 106, 106, 1);
}

.Objectfit-top {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: top;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}

.Objectfit-top1 {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.PhotoStudent {
    width: 56px;
    height: 56px;
}

.TopOutstudentBox .One {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
    align-items: center;
    margin-bottom: 24px;
}

.info-TopOutstudentBox {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    text-align: left;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    color: rgba(106, 106, 106, 1);
    margin-bottom: 32px;
}

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

.eight-sec-index {
    margin: 50px 0;
}

.eight-sec-index .container {
    width: 100%;
    padding: 60px;
    background-image: url('../image/exploreAppBg.png');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    -o-border-radius: 20px;
}

.eight-sec-index .container {
    height: 285px;
    overflow: hidden;
}

.titleEight-sec-index {
    font-size: 40px;
    font-weight: 600;
    line-height: 47.73px;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    color: #ffffff;
    margin-bottom: 15px;
}

.headingEight-sec-index {
    margin-bottom: 30px;
}

.iMockup-iPhon14 img {
    position: absolute;
    width: 587px;
    left: -250px;
    top: -44px;
}

/* Accordain start */

.custAccordian .accordion {
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.custAccordian .accordion-button:not(.collapsed)::after {
    background-image: url('../image/svg/acordian-arrowdown.svg');
}

.accordion-button::after {
    background-image: url('../image/svg/acordian-arrowup.svg');
}

.custAccordian .accordion-button {
    background-color: rgba(25, 35, 35, 1);
    padding: 25px 20px;
    font-size: 18px;
    font-weight: 600;
    line-height: 21.48px;
    text-align: left;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    color: rgba(255, 255, 255, 1);
    border: 0;
    border-radius: 20px !important;
    -webkit-border-radius: 20px !important;
    -moz-border-radius: 20px !important;
    -ms-border-radius: 20px !important;
    -o-border-radius: 20px !important;
}

.custAccordian .accordion-item:last-of-type>.accordion-header .accordion-button.collapsed {
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    -o-border-radius: 20px;
}

.custAccordian .accordion-button:not(.collapsed) {
    padding: 25px 20px 0 20px;
    border-radius: 20px 20px 0 0 !important;
}

.custAccordian .accordion-body {
    background-color: rgba(47, 79, 79, 1);
    padding: 10px 20px 10px 25px;
    font-size: 14px;
    font-weight: 300;
    line-height: 21px;
    text-align: left;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    color: rgba(255, 255, 255, 1);
}

.custAccordian .accordion-item {
    border: 0;
}

.custAccordian .accordion-button:not(.collapsed) {
    box-shadow: none;
    background: rgba(47, 79, 79, 1);

}

.custAccordian .accordion-body:first-of-type {
    border-radius: 0 0 20px 20px;
}

.custAccordian .accordion-item:first-of-type>.accordion-header .accordion-button {
    border-radius: 20px;
}

.custAccordian .accordion-item:first-of-type>.accordion-header .accordion-button {
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    -o-border-radius: 20px;
}

.custAccordian .accordion-item:first-of-type {
    border-radius: 10px 10px 0 0;
    -webkit-border-radius: 10px 10px 0 0;
    -moz-border-radius: 10px 10px 0 0;
    -ms-border-radius: 10px 10px 0 0;
    -o-border-radius: 10px 10px 0 0;
    overflow: hidden;
}

.custAccordian .accordion-item {
    background-color: transparent;
}

.custAccordian .accordion-item:first-of-type>.accordion-header .accordion-button {
    border-radius: 20px;
}

.custAccordian .accordion-header {
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    -o-border-radius: 20px;
}

.custAccordian .accordion-button:focus {
    box-shadow: none;
}

/* Accordain End */

/* FOOTER SIGNIN */
#footer-signin {
    padding: 90px 0 0 0;
    background-color: rgba(25, 35, 35, 1);
    color: rgba(255, 255, 255, 1);
}

.logo-footer {
    width: 210px;
    height: auto;
    margin-bottom: 30px;
}

.footer-signin-left p {
    max-width: 367px;
}

.footer-signin-left p {
    font-size: 15px;
    font-weight: 500;
    line-height: 22.62px;
}

.footer-signin-right p {
    font-size: 22px;
    font-weight: 600;
    line-height: 30px;
    letter-spacing: 0.9493924975395203px;
    text-align: left;
}

#footer-signin h5 {
    font-size: 18px;
    font-weight: 600;
    line-height: 21.48px;
    margin-bottom: 24px;
}

#footer-signin ul {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

#footer-signin ul li {
    display: flex;
    align-items: center;
    gap: 6px;

}

#footer-signin ul li a,
.title-cancellation-clause_box {
    font-size: 18px;
    font-weight: 300;
    line-height: 21.48px;
    color: rgba(255, 255, 255, 0.6);
}

.footer-signin-center-container {
    display: flex;
    gap: 58px;
}

.footer-signin-center-container .quick-link-footer {
    color: white;
}

.footer-signin-center-container a:hover {
    text-decoration: underline;
}

#footer-signin .footer-signin-right h5 {
    margin-bottom: 10px;
}

.footer-signin-right {
    max-width: 378px;
}

/* .footer-signin-right p { */
/* .footer-signin-right p {
    font-size: 20px;
    font-weight: 300;
    line-height: 30px;
    max-width: 286px;
} */

.ply-apple-btns2 {
    margin-top: 25px;
    display: flex;
    gap: 20px;
}

#footer-signin .row:first-child {
    padding-bottom: 82px;
}

.copyright-2024 {
    font-size: 16px;
    font-weight: 300;
    line-height: 21px;
    color: #ffff;
}

.social-links3 .one {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: white;
}

.social-links3 .one:hover {
    background-color: black;
}

.social-links3 {
    display: flex;
    gap: 20px;
    margin-top: 25px;
}

.footer-signin-bottom {
    display: flex;
    justify-content: start;
    align-items: center;
    padding: 18px 0;
    background-color: rgba(25, 35, 35, 1);
    border-top: 1px solid rgba(47, 79, 79, 1);
    margin-top: 0;
}

.enter-email .email1:active,
.enter-email .email1:focus-visible {
    border: 0;
}

.enter-email .email1 {
    border: 0;
    width: 68%;
}

.enter-email {
    max-width: 370px;
    height: 55px;
    background-color: rgba(255, 255, 255, 1);
    border: 1px solid rgba(73, 101, 123, 0.15);
    padding: 10px;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    position: relative;
    display: flex;
    align-items: center;
    margin-top: 20px;
}

.subscriber {
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
    text-align: center;
    color: rgba(255, 255, 255, 1);
    background-color: rgba(0, 207, 200, 1);
    padding: 8px 15px;
    border: 0;
    border-radius: 24px;
    -webkit-border-radius: 24px;
    -moz-border-radius: 24px;
    -ms-border-radius: 24px;
    -o-border-radius: 24px;
    position: absolute;
    right: 11px;
}

/* Scroll to Top Arrow */
#scrollToTopBtn {
    display: none;
    position: fixed;
    bottom: 22px;
    right: 51px;
    width: 47px;
    height: 47px;
    color: #fff;
    text-align: center;
    line-height: 40px;
    cursor: pointer;
    border-radius: 22px;
    background-image: url('../images/arro-scroll.png');
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100% auto;
    z-index: 999;
}

.btns-ply-app-container {
    display: flex;
    align-items: center;
    gap: 30px;
    margin-top: 30px;
}

.btn-apple-app,
.btn-ply-app {
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100% auto;
    width: 170px;
    height: 42px;
    background-color: transparent;
    border: 0;
}

.btn-apple-app {
    background-image: url('../image/appstore.png');

}

.btn-ply-app {
    background-image: url('../image/plystore.png');
}

.admin-support-btn {
    padding: 10px 12px;
    height: 58.55px;
    background-color: rgba(25, 91, 203, 1);
    border: 0;
    border-radius: 29px;
    -webkit-border-radius: 29px;
    -moz-border-radius: 29px;
    -ms-border-radius: 29px;
    -o-border-radius: 29px;
    font-size: 16px;
    font-weight: 600;
    line-height: 22.76px;
    color: rgba(255, 255, 255, 1);
    display: flex;
    gap: 10px;
    align-items: center;
    position: fixed;
    z-index: 99;
    right: 33px;
    bottom: 25.45px;
}

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

/* Scroll to Top Arrow */

@media (max-width:680px) {

    .footer-signin-center-container {
        display: flex;
        gap: 9px;
    }
}

@media (max-width:575px) {

    /* FOOTER SIGNIN */
    #footer-signin {
        padding: 24px;
    }

    .logo-footer {
        width: 120px;
        margin-bottom: 15px;
    }

    .footer-signin-left p {
        max-width: 100%;
    }

    .footer-signin-center-container {
        margin: 14px 0;
    }

    #footer-signin .row:first-child {
        padding-bottom: 12px;
    }

    .copyright-2024 {
        text-align: center;
    }

    #footer-signin ul {
        gap: 13px;
    }

    #footer-signin h5 {
        font-size: 17px;
        line-height: 20.57px;
        margin-bottom: 15px;
    }

    .footer-signin-left p,
    .footer-signin-right p {
        font-size: 14px;
        line-height: 22px;
    }

    #footer-signin ul li {
        font-size: 14px;
        line-height: 14.5px;
    }

    .copyright-2024 {
        font-size: 12px;
        line-height: 14px;
    }

    #scrollToTopBtn {
        bottom: 28px;
        right: 12px;
        width: 30px;
        height: 30px;
    }

    .admin-support-btn {
        font-size: 0;
        gap: 0;
    }

    .footer-signin-bottom {
        padding: 20px 0;
        margin-top: 0px;
    }

    .footer-signin-center-container {
        display: flex;
        gap: 50px;
    }

    #footer-signin ul li a,
    .title-cancellation-clause_box {
        font-size: 14px;
        line-height: 17px;
    }

    #footer-signin ul {
        gap: 8px;
    }
}

/* LOGIN MODEL START */
.theam-modal .modal-header {
    border: 0;
    padding: 0;
}

.w-800-Model .modal-dialog {
    max-width: 800px !important;
}

.w-931-Model .modal-dialog {
    max-width: 931px !important;
}

.w-400-Model .modal-dialog {
    max-width: 400px !important;
}

.w-435-Model .modal-dialog {
    max-width: 435px !important;
}

.w-333-Model .modal-dialog {
    max-width: 333px !important;
}

.w-1183-Model .modal-dialog {
    max-width: 1183px !important;
}

.theam-modal .modal-dialog {
    margin: auto;
}

.theam-modal .modal-content {
    border: 0;
    border-radius: 15px;
    background-color: transparent;
    overflow: hidden;
}

.theam-modal .modal-body {
    padding: 0;
}

/* theam-modal-sm */
.theam-modal-sm .modal-header {
    border: 0;
    padding: 0;
}

.theam-modal-sm .modal-dialog {
    max-width: 456px;
    margin: auto;
}

.theam-modal-sm .modal-content {
    border: 0;
    border-radius: 16px;
    background-color: rgba(255, 255, 255, 1);
    -webkit-border-radius: 16px;
    -moz-border-radius: 16px;
    -ms-border-radius: 16px;
    -o-border-radius: 16px;
}

.theam-modal-sm .modal-body {
    padding: 60px 58px;
}


.left-loginside {
    height: 100%;
}

.left-loginsidebg {
    padding: 68px 23px 23px 23px;
    width: 100%;
    height: 100%;
    background-image: url('../image/left-loginsidebg.png');
    background-color: rgba(244, 247, 254, 1);
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 24px 0 0 24px;
    -webkit-border-radius: 24px 0 0 24px;
    -moz-border-radius: 24px 0 0 24px;
    -ms-border-radius: 24px 0 0 24px;
    -o-border-radius: 24px 0 0 24px;
    text-align: center;
}

.btn-close1 {
    position: absolute;
    top: 20px;
    right: 20px;
    z-index: 1;
}

.btn-close1.btn-close {
    background-image: url('../image/svg/close-modal.svg');
    opacity: 1;
    background-size: 24px auto;
    width: 24px;
    height: 24px;
}

.logo-modal {
    margin: 0 auto 15px;
}

.logo-modal img {
    width: 138px;
}

.title-leftside-modal {
    font-size: 20px;
    font-weight: 700;
    line-height: 30px;
    text-align: center;
    color: rgba(11, 17, 32, 1);
    max-width: 336px;
    text-align: center;
    margin: auto;
}

.right-loginside {
    padding: 73px 30px 30px 30px;
}

.title-modal {
    color: #FFFFFF;
    margin-bottom: 5px;
    font-size: 24px;
    font-weight: 600;
    line-height: 28.64px;
    text-align: center;
}

.subtitle-modal {
    font-size: 14px;
    font-weight: 400;
    line-height: 21px;
    text-align: center;
    color: #6A6A6A;
}

.login-top {
    margin-bottom: 40px;
}

.form-floating-theam .form-control {
    border: 1px solid rgba(129, 146, 158, 0.2);
    padding: 13px 15px;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    font-size: 14px;
    font-weight: 500;
    line-height: 17.71px;
    text-align: left;
    color: rgba(11, 17, 32, 1);
    min-height: 50px;
    height: 50px;
}

.form-floating-theam .form-floating>label {
    color: rgba(129, 146, 158, 1);
    font-size: 14px;
    font-weight: 400;
    /* line-height: 15.18px; */
    text-align: left;
    padding: 13px 15px;
    top: 0px;
}

.form-control:focus {
    box-shadow: none;
}

.header-login {
    margin-bottom: 25px;
}

.mb-15px {
    margin-bottom: 15px !important;
}

.mb-15px {
    margin-bottom: 15px !important;
}

.mb-20px {
    margin-bottom: 20px !important;
}

.mb-10px {
    margin-bottom: 10px !important;
}

.forgotpw-link {
    display: block;
    text-align: end;
    font-size: 14px;
    font-weight: 300;
    line-height: 16.71px;
    text-align: right;
    color: rgba(255, 255, 255, 1);
}

.mx-318px {
    max-width: 318px;
    margin: auto;
}

.mx-246px {
    max-width: 246px;
    margin: auto;
}

.btn-theam-blue {
    background-color: rgba(31, 59, 135, 1);
    width: 100%;
    padding: 15px;
    border-radius: 12px;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    -ms-border-radius: 12px;
    -o-border-radius: 12px;
    font-size: 16px;
    font-weight: 700;
    line-height: 20.24px;
    text-align: center;
    color: rgba(255, 255, 255, 1);
    border-color: transparent;
}

.btn-theam-gray {
    background-color: rgba(129, 146, 158, 1);
    width: 100%;
    padding: 15px;
    border-radius: 12px;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    -ms-border-radius: 12px;
    -o-border-radius: 12px;
    font-size: 16px;
    font-weight: 700;
    line-height: 20.24px;
    text-align: center;
    color: rgba(255, 255, 255, 1);
    border-color: transparent;
}

.bottom-payment .top {
    margin-bottom: 30px;
}

.right-loginside {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 20px;
    height: 578px;
    background: rgba(10, 10, 10, 1);
}

.dontAcc-link {
    font-size: 16px;
    font-weight: 400;
    line-height: 19.92px;
    text-align: center;
    color: rgba(106, 106, 106, 1);
}

.signup-link {
    color: rgba(47, 79, 79, 1);
    font-weight: 500;
    cursor: pointer;
}

.eye-btn {
    width: 24px;
}

.eye-btn-container {
    position: absolute;
    right: 13px;
    top: 13px;
}

.theamInput .form-label {
    font-size: 12px;
    font-weight: 300;
    line-height: 14.32px;
    text-align: left;
    color: #FFFFFF;
    letter-spacing: 1px;
}

.theamInput .form-control[type="password"]::placeholder {
    font-size: 14px;
    color: rgba(106, 106, 106, 0.5);

}

.theamInput .form-control::placeholder {
    color: rgba(106, 106, 106, 1);
}

.theamInput .form-control,
.Customeselect .form-select {
    border: 1px solid rgba(129, 146, 158, 0.3);
    background-color: #192323;
    color: #ffffff;
    font-size: 14px;
    font-weight: 400;
    line-height: 22px;
    text-align: left;
    padding: 14px 15px;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
}

/* Teacher panel */
.theamInput-teacher .theamInput .form-control {
    padding: 0;
    border: 0;
    background: transparent;
}

.theamInput-teacher .select-contrycode {
    left: 0;
    top: 0;
    /* background-color: transparent; */
}

.theamInput-teacher .theamInput .mobileInput .form-control {
    padding-left: 57px;
    background-color: transparent;
}

.ChantTab-btnTeacher.ChantTab-btn .tab-theam-02 .tab-theam .nav-pills .nav-link.active .theamInput-teacher .select-contrycode select {
    background-color: rgba(47, 79, 79, 1);
}

/* Teacher panel */

.Customeselect .form-select:focus {
    box-shadow: none;
}

.forgotpwnav .tab-theam .nav {
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    -o-border-radius: 20px;
    overflow: hidden;
}

.eye-icon {
    position: absolute;
    top: 13px;
    right: 13px;
}

.btn-h-50px {
    height: 50px;
}

.leftloginsideBox {
    display: flex;
    gap: 30px;
    flex-direction: column;
    padding: 87px 42px;
    background: #ffffff;
}

.loginlogo {
    text-align: center;
}

.title-login {
    font-size: 24px;
    font-weight: 600;
    line-height: 28.64px;
    text-align: center;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    color: rgba(10, 10, 10, 1);
}

.loginBadgeBox {
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.badge-login span {
    font-weight: 300;
}

.badge-login {
    display: flex;
    gap: 10px;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    font-weight: 600;
    line-height: 21.48px;
    text-align: center;
    color: rgba(255, 255, 255, 1);
    padding: 14px 11px;
    border-radius: 7px;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    -ms-border-radius: 7px;
    -o-border-radius: 7px;
}

.purpleBg-badge {
    background-color: rgba(63, 94, 253, 0.5);
    backdrop-filter: blur(18.399999618530273px);
    max-width: 232px;
    margin: auto;
}

.grayBg-badge {
    background-color: rgba(192, 115, 123, 1);
    backdrop-filter: blur(18.399999618530273px);
    max-width: 232px;
    margin: auto;
}

.pinkBg-badge {
    background-color: rgba(183, 111, 254, 0.5);
    backdrop-filter: blur(18.399999618530273px);
}

.select-contrycode {
    position: absolute;
    left: 15px;
    top: 15px;
    font-size: 14px;
    font-weight: 600;
    line-height: 22px;
}

.select-contrycode select {
    background-color: rgba(25, 35, 35, 1);
    border: 0;
    color: rgba(255, 255, 255, 1);
}

.otpBox .theamInput .form-control:focus {
    background-color: rgba(47, 79, 79, 1);
}

/* LOGIN MODEL END */

/* SIGNUP MODEL START */
.signupBox {
    padding: 30px 28px;
    background-color: rgba(10, 10, 10, 1);
}

.completprofile {
    padding: 50px 28px;
    background-color: rgba(10, 10, 10, 1);
}

.by-continue {
    font-size: 12px;
    font-weight: 300;
    line-height: 20.04px;
    color: rgba(106, 106, 106, 1);
    position: relative;
    left: 10px;
}

.by-continue span {
    font-weight: 400;
    color: rgba(255, 255, 255, 1);
}

.checkBoxtheam2 .form-check-input[type=radio] {
    border-radius: 50%;
    width: 24px;
    height: 24px;
    border: 1px solid rgba(106, 106, 106, 1);
    background-color: transparent;
}

.checkBoxtheam .form-check-input[type=checkbox] {
    border-radius: 50%;
    width: 24px;
    height: 24px;
    border: 1px solid rgba(106, 106, 106, 1);
    background-color: transparent;
}

.form-check-input:checked[type=checkbox] {
    background-color: #ffffff;
}

.form-check-input:checked[type=checkbox] {
    --bs-form-check-bg-image: url("../image/svg/checkgreen.svg");
    background-size: 9px 7px;
}

.form-check-input:focus {
    border-color: none;
    box-shadow: none;
}

.bg-model {
    background-color: rgba(10, 10, 10, 1) !important;
}

.bgdarklate-model {
    background-color: rgba(47, 79, 79, 1) !important;
}

.select-theam {
    position: absolute;
    left: 20px;
    top: 36px;
}

.select-theam .form-select:focus {
    box-shadow: none;
}

.select-theam .form-select {
    padding: 0;
    width: 40px;
    background-position: right 4px center;
    background: transparent;
    color: #ffffff;
    font-size: 14px;
    font-weight: 600;
    line-height: 22px;
    text-align: left;
    border: 0;
    position: absolute;
    top: -21px;
    left: -3px;
}

.select-theam .form-select option {
    background-color: #192323;
}

.theamInput .form-control.phonenumb {
    padding-left: 62px;
}

.select-theam .form-select {
    background-image: url("../image/svg/downarrow_gray.svg");
    background-size: 16px 16px;
    background-repeat: no-repeat;
    background-position: right center;
}

/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* Firefox */
input[type=number] {
    -moz-appearance: textfield;
}

/* SIGNUP MODEL END */

/* FORGOTPW MODEL START */
.h-550px {
    height: 550px !important;
}

.or {
    font-size: 14px;
    font-weight: 500;
    line-height: 16.71px;
    color: #ffff;
    text-align: center;
}

.ForgotpwTheam {
    padding: 73px 18px 18px 18px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 10px;
    width: 100%;
    height: 100%;
}

.codesent {
    font-size: 14px;
    font-weight: 600;
    line-height: 21px;
    text-align: center;
    color: #ffffff;
}

.otpBox {
    display: flex;
    gap: 21px;
    text-align: center;
    margin-bottom: 20px;
    padding: 0 38.5px;
}

.otpBox .theamInput .form-control {
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    font-size: 20px;
    font-weight: 600;
    line-height: 22px;
    color: #ffffff;
}

.Btn_mx-340px {
    max-width: 340px;
    height: 50px;
    margin: auto;
}

/* FORGOTPW MODEL END */

/* COMPLETE PROFILE MODEL START */
.photo-upload-container {
    position: relative;
    display: block;
    width: 100%;
    text-align: center;
}

.fileupload {
    position: absolute;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    border: 1px solid;
    z-index: 99;
    opacity: 0;
}

/* COMPLETE PROFILE MODEL END */

/* EXPRESSINTEREST MODEL START */

/* CUSTACCORDIANTHEAM2 MODEL START */
.custAccordianTheam2 .custAccordian .accordion {
    gap: 0px;
}

.custAccordianTheam2 .custAccordian .accordion-item:first-of-type>.accordion-header .accordion-button {
    background: transparent;
    padding: 0 0 15px 0;
}

.custAccordianTheam2 .custAccordian .accordion-body:first-of-type {
    border-radius: 10px;
}

.custAccordianTheam2 .custAccordian .accordion-item {
    border: 0;
    border-bottom: 1px solid rgba(25, 35, 35, 1);
}

.custAccordianTheam2 .custAccordian .accordion-button {
    padding: 15px;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    background-color: rgba(10, 10, 10, 1);
    font-size: 16px;
    font-weight: 500;
    line-height: 19.09px;
    text-align: left;
    color: rgba(255, 255, 255, 1);

}

.custAccordianTheam2 .custAccordian .accordion-button {
    padding: 15px 0;
}

.custAccordianTheam2 .custAccordian .accordion-button:not(.collapsed) {
    background-color: rgba(10, 10, 10, 1);
    padding: 15px 0;
}

.custAccordianTheam2 .custAccordian .accordion-item:last-of-type>.accordion-header .accordion-button.collapsed {
    background-color: rgba(10, 10, 10, 1);
}

/* .custAccordianTheam2 .accordion-button:not(.collapsed)::after {
    background-image: url('../image/svg/accordianOn.svg');
    background-size: 24px;
    width: 24px;
    height: 24px;
    transform: none;
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
} */

.no-arrow::after {
    display: none !important;
  }
  

.custAccordianTheam2 .accordion-button::after {
    background-image: url('../image/svg/accordianOff.svg');
    background-size: 24px;
    width: 24px;
    height: 24px;
}

.custAccordianTheam2 .custAccordian .accordion-body {
    padding: 10px;
    background-color: rgba(25, 35, 35, 1);
}

.BoxbtnSub {
    display: flex;
    gap: 10px;
    align-items: center;
}

.subjectList ul li:first-child {
    padding-top: 0;
}

.subjectList ul li:last-child {
    padding-bottom: 0;
    border: 0;
}

.subjectList ul li {
    display: flex;
    justify-content: space-between;
    gap: 10px;
    align-items: center;
    padding: 10px 0;
    border-bottom: 1px solid rgba(47, 79, 79, .30);
}

/* CUSTACCORDIANTHEAM2 MODEL END */
/* EXPRESSINTEREST MODEL END */

/* REQUESTSPECIALACCESS MODEL START */
.lable-16px {
    font-size: 16px;
    font-weight: 400;
    line-height: 22px;
    text-align: left;
    color: rgba(255, 255, 255, 1);
}


.uploadcirty {
    width: 100%;
    background-image: url('../image/uploadBorder.png');
    background-repeat: no-repeat;
    background-size: 100% 100%;
    height: 56px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.textarea_h-120px textarea {
    height: 120px;
}

.pdfBox {
    display: flex;
    justify-content: space-between;
    gap: 15px;
    align-items: center;
    background-color: rgba(25, 35, 35, 1);
    padding: 10px;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
}

.pdfBox .leftside {
    display: flex;
    align-items: center;
    gap: 12px;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    color: #ffffff;
}

.userBtn {
    width: 180px;
    height: 46px;
    justify-content: space-between;
}

.userBtn .left {
    display: flex;
    gap: 6px;
    align-items: center;
    height: 100%;
}

.userphoto {
    width: 23px;
    height: 23px;
    overflow: hidden;
}

.btn0 {
    border: 0;
    background-color: transparent;
}

/* REQUESTSPECIALACCESS MODEL END */

/* DROPDOWN CHAT START */
.dropdown-theam-notification .dropdown-menu .dropdown-item {
    padding: 15px 15px 20px 15px;
}

.dropdown-theam-notification .dropdown-menu,
.dropdown-theam-mycart .dropdown-menu {
    top: 5px !important;
    width: 274px;
    padding: 15px 0 0 0;
    border: 0px solid rgba(235, 235, 235, 0.5);
    background-color: rgba(255, 255, 255, 1);
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
}

.title-dropdown {
    font-size: 16px;
    font-weight: 500;
    line-height: 20px;
    text-align: left;
    color: rgba(10, 10, 10, 1);
    margin-bottom: 7.5px;
}

.title-notif {
    padding-left: 20px;
    padding-bottom: 15px;
    box-shadow: 0px 1px 0px 0px rgba(106, 106, 106, 0.15);
}

.dropdown-theam-notification .dropdown-menu,
.dropdown-theam-mycart .dropdown-menu {
    right: 0;
    background-color: #ffffff;

}

.dropdown-theam-notification .dropdown-menu li:last-child {
    padding: 15px;
}

.dropdown-theam-notification .dropdown-menu .dropdown-item {
    padding: 12.5px 20px;
    border-bottom: 1px solid rgba(106, 106, 106, 0.20);
}

.subtitle-notifi-drop {
    font-size: 16px;
    font-weight: 600;
    line-height: 20px;
    text-align: left;
    color: rgba(0, 0, 0, 1);
    margin-bottom: 10px;
}

.info-noti-drop {
    font-size: 16px;
    font-weight: 500;
    line-height: 19.5px;
    text-align: left;
    color: rgba(10, 10, 10, 1);
    margin-bottom: 5px;
}

.info-noti-drop span {
    font-weight: 400;
    color: rgba(79, 77, 77, 1);
}

.date-noti-drop {
    /* font-family: Codec Pro; */
    font-size: 12px;
    font-weight: 400;
    line-height: 10.29px;
    text-align: left;
    color: rgba(128, 124, 128, 1);
}

.box-notification {
    display: flex;
    gap: 10px;
}

.notification-dropdown-icon-container img {
    width: 24px;
}

.notification-dropdown-icon-container {
    width: 55px;
    height: 55px;
    background-color: rgba(249, 249, 249, 1);
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 0;
}

.photo-container img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    object-position: top;
}

.photos-noti-drop {
    width: 55px;
    height: 55px;
}

.seeall-btn {
    font-size: 18px;
    font-weight: 600;
    line-height: 22.5px;
    text-align: center;
    display: block;
    color: rgba(223, 94, 64, 1);
}

.photos-chat-drop {
    width: 43px;
    height: 43px;
}

.fw-6 {
    font-weight: 600 !important;
}

.box-chat .sub-box-noti-drop {
    display: flex;
    justify-content: space-between;
    align-items: start;
    width: 100%;
}

.right-headertoppart .leftbtn {
    display: flex;
    gap: 9px;
    align-items: start;
    width: 100%;
    padding-left: 20px;
    align-items: center;
}

.dropdown-theam-notification .dropdown-toggle::after {
    width: 0;
    display: none;
}

.Btn_ViewMore {
    display: flex;
    gap: 5px;
    align-items: center;
    font-size: 14px;
    font-weight: 500;
    line-height: 17.43px;
    text-align: center;
    color: rgba(106, 106, 106, 1);
}

.lable-noti {
    font-size: 15px;
    font-weight: 500;
    line-height: 17.9px;
    text-align: left;
    color: rgba(10, 10, 10, 1);
    margin-bottom: 6px;
}

.info-note {
    font-size: 12px;
    font-weight: 400;
    line-height: 14.32px;
    text-align: left;
    color: rgba(106, 106, 106, 1);
    margin-bottom: 6px;
}



/* DROPDOWN CHAT END */

/* DROPDOWN NOTIFICATION START */

.dropdown-theam-notificationFirst.dropdown-theam-notification .dropdown-menu .dropdown-item:last-child {
    border-bottom: 1px solid rgba(106, 106, 106, 0.20);
}

.dropdown-theam-notificationFirst.dropdown-theam-notification .dropdown-menu .dropdown-item {
    padding: 12.5px 7.5px;
    border-bottom: 0;
}

.Blanknotification {
    padding: 50px 25px;
}

/* DROPDOWN NOTIFICATION END */

/* DROPDOWN USER START */
.dropdown-theam-user .dropdown-toggle::after {
    width: 0;
}

.dropdown-theam-user .dropdown-menu {
    top: 5px !important;
    width: 185px;
    right: 0;
    background-color: #ffffff;
    box-shadow: 0px 0px 12.6px 0px rgba(0, 0, 0, 0.05);
    padding: 10px;
    border: 0px solid rgba(235, 235, 235, 0.5);
    background-color: rgba(255, 255, 255, 1);
    border-radius: 5px;
}

.User_img {
    width: 58px;
    height: 58px;
}

.Userbox {
    display: flex;
    flex-direction: column;
    gap: 10px;
    align-items: center;
    font-size: 20px;
    font-weight: 400;
    line-height: 25px;
    text-align: left;
    color: rgba(0, 0, 0, 1);
    border-bottom: 1px solid rgba(79, 77, 77, 0.1);
    padding-bottom: 15px;
    margin-bottom: 15px;
}

.Userbox_listing {
    display: flex;
    flex-direction: column;
    gap: 0px;
}

.Userbox_listing .list-items {
    display: flex;
    gap: 10px;
    align-items: center;
    padding: 8px 10px;
    font-size: 16px;
    font-weight: 400;
    line-height: 19.09px;
    text-align: left;
    color: rgba(10, 10, 10, 1);
}

.Userboxicon img {
    width: 20px;
}

.categoryImg {
    width: 19px;
}

.categoryBtn {
    color: rgba(10, 10, 10, 1);
    height: 100%;
}

/* DROPDOWN USER END */

/* SEARCHBAR START */
.SearchBox.btn-theam {
    display: flex;
    gap: 7px;
    align-items: center;
    justify-content: start;
}

.SearchBox input:focus {
    outline: none;
}

.SearchBox input {
    border: 0;
    width: 100%;
}

.Search-469px {
    width: 469px;
}

/* SEARCHBAR END */

.headerSignin header {
    border-bottom: 1px solid rgba(255, 255, 255, 0.10);
}

.headerSigninback {
    width: 100%;
    height: 90px;
}

/* ONE-SEC-HOME START */

.one-sec-home {
    padding: 46px 0 25px 0;
}

.box-sec-home {
    padding: 25px;
    background: rgba(47, 79, 79, 1);
    border-radius: 15px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    -ms-border-radius: 15px;
    -o-border-radius: 15px;
}

.theamLeftRight {
    display: flex;
    justify-content: space-between;
    gap: 15px;
    align-items: center;
}

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

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

.Profile_img {
    width: 73px;
    height: 73px;
}

.Profile_img img {
    border: 1px solid rgba(255, 255, 255, 1)
}

.titleWelcomeback {
    font-size: 35px;
    font-weight: 500;
    line-height: 41.77px;
    color: #ffffff;
    margin-bottom: 10px;
}

.titleWelcomeback span {
    font-weight: 600;
}

.learn {
    font-size: 20px;
    font-weight: 300;
    line-height: 23.87px;
    color: #ffffff;
}

.Boxwatchvideo_bg1 {
    background-image: url('../image/Box1_gradienthome.png');
}

.Boxwatchvideo_bg2 {
    background-image: url('../image/Box2_gradienthome.png');
}

.Boxwatchvideo_bg3 {
    background-image: url('../image/Box3_gradienthome.png');
}

.Boxwatchvideo_bg4 {
    background-image: url('../image/Box4_gradienthome.png');
}

.Boxwatchvideo {
    background-repeat: no-repeat;
    width: 100%;
    height: 100%;
    background-size: cover;
    display: flex;
    flex-direction: column;
}

.totalBoxwatchvideo {
    font-size: 22px;
    font-weight: 600;
    line-height: 22px;
    text-align: center;
    margin-bottom: 7px;
}

.infoBoxwatchvideo {
    font-size: 14px;
    font-weight: 400;
    line-height: 16px;
    letter-spacing: 0.5px;
    text-align: center;
    color: rgba(255, 255, 255, 1);
}

.infoBoxwatchvideo-text1 {
    color: rgba(71, 105, 226, 1);
}

.infoBoxwatchvideo-text2 {
    color: rgba(183, 111, 254, 1);
}

.infoBoxwatchvideo-text3 {
    color: rgba(68, 190, 105, 1);
}

.infoBoxwatchvideo-text4 {
    color: rgba(235, 84, 104, 1);
}

/* ONE-SEC-HOME END */

/* TWO-SEC-HOME START */
.two-sec-home {
    padding: 25px 0;
}

.title-30px {
    font-size: 30px;
    font-weight: 600;
    line-height: 35.8px;
    text-align: left;
    color: rgba(255, 255, 255, 1);
}

.Viewmore-140px {
    width: 140px;
    height: 46px;
}

.heading-01 {
    margin-bottom: 30px;
}

.learningbox_bg1 {
    background-image: url('../image/learningbox_bg1.png');
}

.learningbox_bg2 {
    background-image: url('../image/learningbox_bg2.png');
}

.learningbox {
    position: relative;
    width: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 64px 13px 13px 13px;
    display: flex;
    flex-direction: column;
    justify-content: end;
    height: 100%;
    border-radius: 12.06px;
}

.linear_learningbox {
    background: linear-gradient(360deg, #0A0A0A 0%, rgba(0, 0, 0, 0) 100%);
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
}

.badge-white-bg {
    background-color: rgba(255, 255, 255, 1);
}

.badge-white_theam {
    font-size: 16.88px;
    font-weight: 500;
    line-height: 20.15px;
    text-align: left;
    color: rgba(2, 25, 6, 1);
    padding: 2.41px 6.03px;
    display: inline-block;
    border-radius: 3.62px;
    -webkit-border-radius: 3.62px;
    -moz-border-radius: 3.62px;
    -ms-border-radius: 3.62px;
    -o-border-radius: 3.62px;
}

.label-learning {
    font-size: 19.3px;
    font-weight: 500;
    line-height: 24.12px;
    letter-spacing: 0.6030303239822388px;
    text-align: left;
    color: #ffffff;
    max-width: 276px;
}

.courseby span {
    color: rgba(255, 255, 255, 1);
}

.courseby {
    font-size: 14.47px;
    font-weight: 400;
    line-height: 17.27px;
    text-align: left;
    color: rgba(106, 106, 106, 1);
}

.progress {
    border-radius: 20.5px;
    height: 6.03px;
    --bs-progress-bar-bg: rgba(246, 13, 13, 1);
}

.subBox_learning {
    position: relative;
    z-index: 3;
    display: flex;
    flex-direction: column;
    gap: 8.44px;
}

.boxexplore {
    width: 100%;
    padding: 8px 16px;
    border-radius: 7px;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    -ms-border-radius: 7px;
    -o-border-radius: 7px;
}

.explore_icon img {
    width: 46px;
    height: 46px;
}

.subject {
    font-size: 16px;
    font-weight: 500;
    line-height: 16px;
    letter-spacing: 0.5px;
    text-align: left;
}

.text-purple {
    color: rgba(183, 111, 254, 1) !important;
}

.text-blue1 {
    color: rgba(71, 105, 226, 1) !important;
}

.text-red1 {
    color: rgba(235, 84, 104, 1) !important;
}

.text-saffron {
    color: rgba(68, 190, 105, 1) !important;
}

.course-text {
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
    letter-spacing: 0.5px;
    text-align: left;
    color: rgba(106, 106, 106, 1);
}

.boxexplore .Rightside {
    flex-direction: column;
    align-items: start;
    gap: 8px;
}

.boxexplore .theamLeftRight {
    gap: 12px;
}

.bgBoxexplore {
    background: rgba(255, 255, 255, 1);
    backdrop-filter: blur(9.800000190734863px)
}

.bgBoxexplore-gray {
    background-color: rgba(25, 35, 35, 1);
    backdrop-filter: blur(9.800000190734863px)
}

.cardImgExplore {
    display: flex;
    justify-content: end;
    height: 100%;
    align-items: end;
    padding-right: 22px;
}

.cardExplore_theam {
    height: 100%;
}

.cardExplore_theam .card {
    height: 100%;
    border-radius: 12px;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    -ms-border-radius: 12px;
    -o-border-radius: 12px;
    overflow: hidden;
    border: 0;
}

.cardExplore_theam .card-body {
    padding: 18px 16px;
}

.card-title-20px {
    font-size: 20px;
    font-weight: 600;
    line-height: 26px;
    text-align: left;
    color: rgba(10, 10, 10, 1);

}

.card-title-22px {
    font-size: 22px;
    font-weight: 600;
    line-height: 26.25px;
    text-align: left;
    color: rgba(10, 10, 10, 1);
}

.cardExplore_theam .Top .card-title-22px {
    position: absolute;
    top: 12px;
    left: 113px;
    padding: 24px;
    width: 234px;
    padding-right: 24px;
}

.heartBox {
    width: 42px;
    height: 42px;
    display: flex;
    justify-content: center;
    align-items: center;
    background: rgba(106, 106, 106, 1);
    box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.2);
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    position: absolute;
    top: 24px;
    right: 24px;
}

.cardStartBox .one {
    display: flex;
    gap: 5px;
    align-items: center;
}

.cardStartBox .one p span {
    font-weight: 600;
    color: rgba(10, 10, 10, 1);
}

.cardStartBox .one p {
    font-size: 16px;
    font-weight: 400;
    line-height: 19.09px;
    text-align: left;
    color: rgba(106, 106, 106, 1);
}

.cardStartBox {
    display: flex;
    justify-content: space-between;
    gap: 10px;
    flex-wrap: wrap;
}

.card-footer {
    position: relative;
    background-color: rgba(255, 255, 255, 1);
}


.cardStartBox .Left {
    display: flex;
    gap: 26px;
    flex-wrap: wrap;
}

.bgcardExplore_img01 {
    background-image: url('../image/exploreCardImg-01.png');
}

.bgcardExplore_img02 {
    background-image: url('../image/exploreCardImg-02.png');
}

.bgcardExplore_img03 {
    background-image: url('../image/exploreCardImg-03.png');
}

.bgcardExplore_img04 {
    background-image: url('../image/exploreCardImg-04.png');
}

.bgcardExplore_theam {
    background-repeat: no-repeat;
    width: 100%;
    height: 214px;
    background-size: cover;

}

.cardExplore_theam .card-body .cardStartBox {
    justify-content: start;
    gap: 20px;
}

.card-footerBox {
    height: 100%;
}

.mb-explore .col-12 {
    margin-bottom: 30px;
}

.three-sec-home {
    padding: 25px 0 25px 0;
}

.cardExploreComunity_theam .cardExplore_theam .card {
    border-radius: 7.79px;
    -webkit-border-radius: 7.79px;
    -moz-border-radius: 7.79px;
    -ms-border-radius: 7.79px;
    -o-border-radius: 7.79px;
    background-color: rgba(25, 35, 35, 1);
}

.bgcardExploreComunity_theam {
    background-repeat: no-repeat;
    width: 100%;
    height: 148px;
    background-size: cover;
    background-position: center;
}

.bgcardExploreComunity_img01 {
    background-image: url('../image/bgcardExploreComunity_img01.png');
}

.bgcardExploreComunity_img02 {
    background-image: url('../image/bgcardExploreComunity_img02.png');
}

.bgcardExploreComunity_img03 {
    background-image: url('../image/bgcardExploreComunity_img03.png');
}

.bgcardExploreComunity_img04 {
    background-image: url('../image/bgcardExploreComunity_img04.png');
}

.cardExploreComunity_theam .cardExplore_theam .card-body {
    background-color: transparent;
}

/* TWO-SEC-HOME END */

/* Breadcrumb star */
.theam-breadcrumb .breadcrumb-item+.breadcrumb-item::before {
    content: " ";
    background-image: url("../image/svg/bredcrumb-arrow.svg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100% auto;
    width: 16px;
    height: 16px;
    position: relative;
    top: 2px;
}

.singleblog-sec_1 {
    padding: 40px 0 40px 0;
}

.theam-breadcrumb .breadcrumb-item a {
    color: rgba(255, 255, 255, 1);
    font-family: "Inter", sans-serif;
}

.theam-breadcrumb .breadcrumb-item {
    font-family: "Inter", sans-serif;
    font-size: 16px;
    font-weight: 500;
    line-height: 19.36px;
    color: rgba(255, 255, 255, 0.5);
    padding: 0;
}

/* Breadcrumb end */

/* PadicourseDetail Page start  */
.one-sec-padicourseDetail {
    padding: 46px 0;
}

.one-sec-padicourseDetail {
    background-color: rgba(47, 79, 79, 1);

}

.one-sec-padicourseDetail-Left {
    display: flex;
    flex-direction: column;
    gap: 20px;
    margin-top: 56px;
    justify-content: space-between;
}

.title-padicourseDetail {
    max-width: 400px;
    font-family: "Inter", sans-serif;
    font-size: 28px;
    font-weight: 600;
    line-height: 33.89px;
    text-align: left;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    color: rgba(255, 255, 255, 1);
}

.coursebyBox {
    display: flex;
    gap: 30px;
}

.coursebyBox .one {
    display: flex;
    gap: 10px;
    align-items: center;
}

.imgCourseBy {
    width: 46px;
    height: 46px;
    padding: 3px;
}

.imgCourseBy img {
    width: 40px;
    height: 40px;
}

.coursebyBox-text span {
    color: rgba(255, 255, 255, 1);
    font-weight: 600;
}

.coursebyBox-text {
    font-size: 16px;
    font-weight: 400;
    line-height: 19.09px;
    color: rgba(255, 255, 255, 0.5);
}

.downloadBox {
    display: flex;
    gap: 11px;
    align-items: center;
    justify-content: end;
}

.coursebyBox_main {
    display: flex;
    width: 100%;
    gap: 20px;
}

.heartBox2 {
    width: 50px;
    height: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    background: rgba(25, 35, 35, 1);
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
}

.downloadBox {
    display: flex;
    gap: 20px;
    align-items: center;
}

.coursebyBox_main>div {
    width: 100%;
}

.byCourseBox .cardExplore_theam .card-body {
    padding: 20px 0 0 0;
}

.byCourseBox_main {
    position: absolute;
    width: 100%;
    top: 56px;

}

.byCourseBox_main2 {
    position: absolute;
    width: 100%;
    top: 56px;
}

.byCourseBox {
    padding: 10px;
    border-radius: 18px;
    background-color: rgba(25, 35, 35, 1);
    -webkit-border-radius: 18px;
    -moz-border-radius: 18px;
    -ms-border-radius: 18px;
    -o-border-radius: 18px;
    width: 100%;
}

.byCourseBox .Top {
    border-radius: 11.66px;
    overflow: hidden;
}

.byCourseBox .card-body,
.byCourseBox .card-footer:last-child {
    background-color: transparent;
}

.byCourseBox .cardExplore_theam .card {
    background-color: rgba(25, 35, 35, 1);
}

.byCourseBox .bgcardExplore_theam {
    border-radius: 11.66px;
}

.byCourseBox .cardStartBox .one {
    display: flex;
    gap: 5px;
    align-items: center;
    width: 170px;
}

.byCourseBox .cardStartBox .one p span {
    font-weight: 500;
    color: rgba(255, 255, 255, 1);
}

.byCourseBox .cardStartBox .one p {
    font-size: 16px;
    font-weight: 400;
    line-height: 19.09px;
    text-align: left;
    color: rgba(106, 106, 106, 1);
}

.byCourseBox .cardStartBox {
    display: flex;
    justify-content: space-between;
    gap: 10px;
    flex-wrap: wrap;
}

.byCourseBox .cardStartBox .Left {
    display: flex;
    gap: 26px;
    flex-wrap: wrap;
    width: 100%;
    /* gap: 54px; */
    gap: 0;
}

.byCourseBox .cardStartBox {
    margin-bottom: 26px;
}

.title-course {
    font-size: 24px;
    font-weight: 700;
    line-height: 29.88px;
    text-align: left;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    color: rgba(255, 255, 255, 1);
}


.title-course-22 {
    font-size: 22px;
    font-weight: 700;
    line-height: 27.88px;
    text-align: left;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    color: rgba(255, 255, 255, 1);
}

.info-course {
    font-size: 16px;
    font-weight: 400;
    line-height: 24.13px;
    text-align: left;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    color: rgba(255, 255, 255, 0.5);
}

.seemore-14px {
    font-size: 14px;
    font-weight: 500;
    line-height: 16.71px;
    color: rgba(255, 255, 255, 1);
    display: flex;
    align-items: center;
    gap: 5px;
    border: 0;
    background-color: transparent;
}

.courseincludeBox {
    margin-bottom: 50px;
}

.hr-01 {
    border-top: 1px solid rgba(25, 35, 35, 1);
}

.hr-02 {
    border-top: 1px solid rgba(255, 255, 255, 0.10);
}

.two-sec-padicourseDetail {
    padding: 50px 0 25px 0;
}

.three-sec-padicourseDetail {
    padding: 25px 0;
}

/* PadicourseDetail Page end  */

/* custAccordianTheam3 start */
.custAccordianTheam3 .question-accordian {
    position: absolute;
    right: 54px;
    top: 33.5px;
}

.custAccordianTheam3 .accordion-button {
    padding: 20.5px 20px;
    flex-direction: column;
    align-items: start;
}

.custAccordianTheam3 .accordion {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.custAccordianTheam3 .accordion-button:not(.collapsed)::after {
    background-image: url('../image/svg/acordian-arrowdown.svg');
}

.custAccordianTheam3 .accordion-button::after {
    background-image: url('../image/svg/acordian-arrowup.svg');
    position: absolute;
    top: 35.5px;
    right: 20px;
}

.custAccordianTheam3 .accordion-button {
    background-color: rgba(25, 35, 35, 1);
    padding: 25px 20px;
    font-size: 18px;
    font-weight: 600;
    line-height: 21.48px;
    text-align: left;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    color: rgba(255, 255, 255, 1);
    border: 0;
    border-radius: 12px 12px 0 0 !important;
    -webkit-border-radius: 12px 12px 0 0 !important;
    -moz-border-radius: 12px 12px 0 0 !important;
    -ms-border-radius: 12px 12px 0 0 !important;
    -o-border-radius: 12px 12px 0 0 !important;
}

.custAccordianTheam3 .accordion-item:first-of-type {
    border-top-left-radius: 16px;
    border-top-right-radius: 16px;
}

.custAccordianTheam3 .accordion-item {
    color: var(--bs-accordion-color);
    background-color: transparent;
    border: 0;
    border-radius: 12px;
    overflow: hidden;
}

.custAccordianTheam3 .accordion-body {
    /* background-color: rgba(47, 79, 79, 1); */
    padding: 25px 27px 33.5px 27px;
}

.custAccordianTheam3 .accordion-item {
    border: 1px solid rgba(25, 35, 35, 1);
}

.custAccordianTheam3 .accordion-button:not(.collapsed) {
    box-shadow: none;

}

/* .custAccordian .accordion-item:last-of-type>.accordion-header .accordion-button.collapsed {
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    -o-border-radius: 20px;
}

.custAccordian .accordion-button:not(.collapsed) {
    padding: 25px 20px 0 20px;
    border-radius: 20px 20px 0 0 !important;
}

.custAccordian .accordion-body:first-of-type {
    border-radius: 0 0 20px 20px;
}

.custAccordian .accordion-item:first-of-type>.accordion-header .accordion-button {
    border-radius: 20px;
}

.custAccordian .accordion-item:first-of-type>.accordion-header .accordion-button {
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    -o-border-radius: 20px;
}

.custAccordian .accordion-item:first-of-type {
    border-radius: 10px 10px 0 0;
    -webkit-border-radius: 10px 10px 0 0;
    -moz-border-radius: 10px 10px 0 0;
    -ms-border-radius: 10px 10px 0 0;
    -o-border-radius: 10px 10px 0 0;
    overflow: hidden;
}

.custAccordian .accordion-item {
    background-color: transparent;
}

.custAccordian .accordion-item:first-of-type>.accordion-header .accordion-button {
    border-radius: 20px;
}

.custAccordian .accordion-header {
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    -o-border-radius: 20px;
}

.custAccordian .accordion-button:focus {
    box-shadow: none;
} */

/* Accordain End */
/* custAccordianTheam3 end */

.imgChapter {
    width: 54px;
    height: 54px;
}

.chapterBox {
    display: flex;
    gap: 10px;
    align-items: center;
}

.lable-chapter {
    color: #ffffff;
    font-size: 18px;
    font-weight: 500;
    line-height: 21.48px;
}

.subjectBox {
    display: flex;
    gap: 21px;
    align-items: center;
}

.subName {
    font-size: 16px;
    font-weight: 400;
    line-height: 19.09px;
    color: #ffffff;
    display: flex;
    align-items: center;
    gap: 5px;
}

.subName span {
    color: rgba(255, 255, 255, 0.5);
    font-weight: 500;
}

.chaptericon-20px {
    width: 20px;
}

.chapter-info {
    color: rgba(255, 255, 255, 0.5);
    font-size: 15px;
    font-weight: 400;
    line-height: 22.62px;
    text-align: left;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
}

.custAccordianTheam3 .subcustAccordianTheam3 .accordion-button {
    padding: 0;
    background-color: transparent;
}

.custAccordianTheam3 .subcustAccordianTheam3 .accordion-button {
    background-color: transparent;
    padding: 0 0 25px 0;
}

.custAccordianTheam3 .subcustAccordianTheam3 .accordion-item {
    border: 0;
    border-bottom: 1px solid rgba(25, 35, 35, 1);
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
}

.custAccordianTheam3 .subcustAccordianTheam3 .accordion-button::after {
    top: 0;
    right: 0;
}

.custAccordianTheam3 .subcustAccordianTheam3 .accordion-body {
    padding: 0 0 25px 0;
}

.topic1Box {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 15px;
}

.topic1-textBox {
    width: 445px;
}

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

.topic1Img {
    width: 116px;
    height: 70.69px;
    overflow: hidden;
    border-radius: 5.44px;
    -webkit-border-radius: 5.44px;
    -moz-border-radius: 5.44px;
    -ms-border-radius: 5.44px;
    -o-border-radius: 5.44px;
}

.topic1-text {
    font-size: 16px;
    font-weight: 500;
    line-height: 19.09px;
    color: #ffffff;
    margin-bottom: 10px;
}

.time-Topic1 .one p span {
    color: #ffffff;
    font-weight: 500;
}

.time-Topic1 .one {
    display: flex;
    gap: 5px;
    align-items: center;
}

.time-Topic1 .one p {
    font-size: 12px;
    font-weight: 400;
    line-height: 14.32px;
    text-align: left;
    color: rgba(106, 106, 106, 1);
}

.time-Topic1 {
    display: flex;
    justify-content: space-between;
    gap: 10px;
    flex-wrap: wrap;
}

.time-Topic1 .Left {
    display: flex;
    gap: 26px;
    flex-wrap: wrap;
}

.resume-105px {
    width: 105px;
    height: 36px;
}

.resume-105px.btn-theam {
    gap: 5px;
}

.topic1_listing {
    display: flex;
    flex-direction: column;
    gap: 25px;
    /* padding-bottom: 25px; */
}

.badge-red-theam_topic1 .progress {
    height: 2.06px;
    border-radius: 7.94px;
    -webkit-border-radius: 7.94px;
    -moz-border-radius: 7.94px;
    -ms-border-radius: 7.94px;
    -o-border-radius: 7.94px;
}

.progressbar-theam-5h .progress {
    height: 5px;
    border-radius: 7.94px;
    -webkit-border-radius: 7.94px;
    -moz-border-radius: 7.94px;
    -ms-border-radius: 7.94px;
    -o-border-radius: 7.94px;
}

.progressbar-theam-2h .progress {
    height: 2px;
    border-radius: 7.94px;
    -webkit-border-radius: 7.94px;
    -moz-border-radius: 7.94px;
    -ms-border-radius: 7.94px;
    -o-border-radius: 7.94px;
}

.progressbar-green-theam .progress-bar {
    background-color: rgba(68, 190, 105, 1);
}

.progressbar-green-theam .progress,
.progressbar-green-theam .progress-stacked {
    background-color: rgba(25, 35, 35, 1);
}

.four-sec-padicourseDetail {
    padding: 25px 0 172px 0;
}

.reviewBox {
    border: 1px solid rgba(25, 35, 35, 1);
    border-radius: 5px;
    overflow: hidden;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
}

.Topreviewbox {
    overflow: hidden;
    border-radius: 5px 5px 0 0;
    background-color: rgba(25, 35, 35, 1);
    padding: 20px;
    -webkit-border-radius: 5px 5px 0 0;
    -moz-border-radius: 5px 5px 0 0;
    -ms-border-radius: 5px 5px 0 0;
    -o-border-radius: 5px 5px 0 0;
}

.Topreviewbox .Leftside {
    display: flex;
    gap: 20px;
    align-items: center;
}

.reviewheadingtext {
    font-size: 26px;
    font-weight: 700;
    line-height: 31.03px;
    color: rgba(255, 255, 255, 1);
}

.imgReviewphoto {
    width: 38px;
    height: 38px;
}

.reviewlisting {
    padding: 12.5px 0;
}

.reviewlisting li {
    display: flex;
    gap: 20px;
    align-items: start;
    padding: 12.5px 25px;
}

.fivestart {
    font-size: 14px;
    font-weight: 400;
    line-height: 16.71px;
    color: #ffffff;
    display: flex;
    gap: 8px;
    align-items: center;
}

.reviwerName {
    font-size: 16px;
    font-weight: 500;
    line-height: 19.09px;
    color: #ffffff;
}

.reviewlisting .rightSide {
    width: 100%;
    border-bottom: 1px solid rgba(106, 106, 106, 0.5);
    padding-bottom: 20px;
}

.reviewlisting .rightSide .Top {
    display: flex;
    justify-content: space-between;
}

.review-text {
    font-size: 14px;
    font-weight: 400;
    line-height: 16.71px;
    color: rgba(106, 106, 106, 1);
}

/* Subtopic start */
.one-sec-subTopic {
    padding: 46px 0;
}


.BoxsubTopic {
    display: flex;
    width: 100%;
    justify-content: space-between;
    align-items: center;
}

.title-BoxsubTopic {
    font-size: 20px;
    font-weight: 600;
    line-height: 23.87px;
    color: rgba(255, 255, 255, 1);
}

.topic1-listing {
    display: flex;
    flex-direction: row;
    gap: 30px;
    align-items: center;
}

.topic1_listing li:first-child {
    list-style-type: none;
}

.topic1_listing li {
    list-style-type: disc;
}

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

.topic1 {
    font-size: 14px;
    font-weight: 400;
    line-height: 16.71px;
    color: rgba(255, 255, 255, 1);
}

.axiatomPremiumBox {
    padding: 12px 17px 12px 12px;
    background-color: rgba(47, 79, 79, 1);
    border-radius: 9.69px;
    -webkit-border-radius: 9.69px;
    -moz-border-radius: 9.69px;
    -ms-border-radius: 9.69px;
    -o-border-radius: 9.69px;
}

.title-axiatomPremiumBox {
    font-size: 16.16px;
    font-weight: 600;
    line-height: 19.28px;
    color: rgba(255, 255, 255, 1);
    margin-bottom: 3.23px;
}

.subtitle-axiatomPremiumBox {
    font-size: 11.31px;
    font-weight: 400;
    line-height: 13.5px;
    color: rgba(255, 255, 255, .70);
}


.Videoimg_part {
    padding: 33px 0;
}

.videotext {
    font-size: 14px;
    font-weight: 400;
    line-height: 21.11px;
    color: rgba(255, 255, 255, 0.5);
    padding: 20px 0;
    border-bottom: 1px solid rgba(25, 35, 35, 1);
}

/* Subtopic end */

/* Modal Bucourse start */
.leftbycourse {
    background-color: rgba(10, 10, 10, 1);
    padding: 30px 0px 20px 15px;
    height: 100%;
}

.title-bycouse {
    font-size: 20px;
    font-weight: 600;
    line-height: 23.87px;
    color: #ffffff;
    margin-bottom: 22px;
}

.CardBuycourse {
    height: 100%;
    background-color: rgba(25, 35, 35, 1);
    border-radius: 18px;
    -webkit-border-radius: 18px;
    -moz-border-radius: 18px;
    -ms-border-radius: 18px;
    -o-border-radius: 18px;
    overflow: hidden;
}

.CardBuycourse .cardExplore_theam .card-body {
    padding: 18px 16px;
    background: rgba(25, 35, 35, 1);
}

.CardBuycourse .card-title-20px,
.CardBuycourse .cardStartBox .one p span {
    color: rgba(255, 255, 255, 1);
}

.CardBuycourse .cardStartBox .one span {
    color: rgba(106, 106, 106, 1);
    font-size: 12px;
    font-weight: 500;
    line-height: 14.32px;
}

.Box-bycourse {
    padding: 10px;
    background-color: rgba(25, 35, 35, 1);
    height: calc(100% - 40px);
    overflow: hidden;
    border-radius: 18px;
    -webkit-border-radius: 18px;
    -moz-border-radius: 18px;
    -ms-border-radius: 18px;
    -o-border-radius: 18px;
}

.Box-bycourse .cardExplore_theam .Top .card-title-22px {
    left: 84px;
}

.Box-bycourse .bgcardExplore_theam {
    border-radius: 12px;
}

/* CustTabsTheam start */
.btn-tab-paymentmethod {
    font-size: 14px;
    font-weight: 400;
    line-height: 16.71px;
    color: #ffffff;
    display: flex;
    gap: 10px;
    align-items: center;
}

.CustTabsTheam .nav-pills .nav-link.active,
.CustTabsTheam .nav-pills .show>.nav-link {
    background-color: rgba(47, 79, 79, 1);
}

.CustTabsTheam .nav {
    background: rgba(25, 35, 35, 1);
    border-radius: 8px;
    width: 100%;
}

.CustTabsTheam .nav li button {
    width: 100%;
    padding: 10.5px 15px;
}

.CustTabsTheam .nav li {
    width: 50%;
}

.DebitcardListing .rightside {
    display: flex;
    gap: 15px;
    justify-content: space-between;
    width: 100%;
    padding-bottom: 10px;
    border-bottom: 1px solid rgba(25, 35, 35, 1);
    margin-bottom: 10px;

}

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

.DebitcardListing ul li:last-child {
    border-bottom: 1px solid rgba(128, 124, 128, 0.20);
}

.DebitcardListing ul li {
    display: flex;
    gap: 15px;
    align-items: start;
}

.cardholdernumber {
    font-size: 12px;
    font-weight: 400;
    line-height: 15.9px;
    color: rgba(106, 106, 106, 1);
}

.cardholdername {
    font-size: 16px;
    font-weight: 500;
    line-height: 19.09px;
    color: #ffffff;
}

.summaryBox {
    margin-bottom: 15px;
}

.summaryBox ul {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.summaryBox ul li:nth-last-child(2) {
    border-bottom: 1px solid rgba(25, 35, 35, 1);
}

.summaryBox ul li {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.summaryBox ul li span {
    font-weight: 500;
    color: rgba(255, 255, 255, 1);
}

.summaryBox ul li p {
    font-size: 14px;
    font-weight: 400;
    line-height: 22px;
    color: rgba(255, 255, 255, 0.8);
}

/* CustTabsTheam end */
/* Modal Bucourse end */

/*  */
.title_26px {
    font-size: 26px;
    font-weight: 600;
    line-height: 16px;
    letter-spacing: 0.5px;
    color: rgba(255, 255, 255, 1);
}

.subtitle_16px {
    font-size: 16px;
    font-weight: 400;
    line-height: 16px;
    letter-spacing: 0.5px;
    color: rgba(255, 255, 255, 0.8);
}

.top-sec-one-commen {
    background-color: rgba(25, 35, 35, 1);
    padding: 33px 12px;
    margin-bottom: 75px;
}

.FilterBox {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 15px;
}

.Filterbtn button {
    width: 106px;
    height: 46px;
    justify-content: space-between;
    background: rgba(25, 35, 35, 1);
}

.FilterBox {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 15px;
    flex-wrap: wrap;
    padding-bottom: 30px;
    border-bottom: 1px solid rgba(25, 35, 35, 1);
    margin-bottom: 30px;
}

.CustdropdownTheam {
    position: relative;
}

.CustdropdownTheam .dropdown-menu {
    width: 100%;
}

.CustdropdownTheam .dropdown button {
    display: flex;
    gap: 10px;
    align-items: center;
    background-color: rgba(25, 35, 35, 1);
}

.CustdropdownTheam .dropdown button .leftside {
    font-size: 16px;
    font-weight: 400;
    line-height: 19.09px;
    color: rgba(255, 255, 255, 0.80);
}

.CustdropdownTheam .dropdown button .rightside {
    font-size: 16px;
    font-weight: 400;
    line-height: 19.09px;
    color: #ffffff;
}

.CustdropdownTheam .dropdown-toggle::after {
    border: 0;
    background-image: url('../image/svg/arrow-down_white.svg');
    background-repeat: no-repeat;
    background-size: 100% auto;
    width: 17px;
    height: 17px;
}

.lable-18px {
    font-family: "Inter", sans-serif;
    font-size: 18px;
    font-weight: 600;
    line-height: 21.78px;
    color: rgba(255, 255, 255, 1);
    margin-bottom: 15px;
}

.Box-categoryTheam .leftSide {
    display: flex;
    gap: 10px;
    align-items: center;
}

.Box-categoryTheam {
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 15px;
}

.fs-16-4w {
    font-size: 16px;
    font-weight: 400;
    line-height: 19.09px;
    color: rgba(255, 255, 255, 1);
}

.fs-14-4w {
    font-size: 14px;
    font-weight: 400;
    line-height: 16.71px;
    color: rgba(255, 255, 255, 1);
}

.listing_Category {
    padding: 10px 0 15px 0;
    background-color: rgba(25, 35, 35, 1);
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    margin-bottom: 30px;
}

.listing_Category li {
    height: 50px;
    padding: 0 15px;
}

.ratingstart.fivestart {
    gap: 5px;

}

.ListingsTheam {
    display: flex;
    gap: 15px;
    align-items: start;
    margin-bottom: 20px;
}

.ListingsTheam .rightside {
    position: relative;
    padding-bottom: 10px;
    min-height: 234px;
    border-bottom: 1px solid rgba(25, 35, 35, 1);
    width: 100%;
}

.ListingsTheam .Leftside .cardImgExplore {
    width: 370px;
}

.ListingsTheam .cardExplore_theam .card-body {
    padding-right: 90px;
    width: 100%;
}

.ListingsTheam .cardExplore_theam .card-body .cardStartBox {
    gap: 10px;
}

.heartRed {
    position: absolute;
    width: 42px;
    top: 16px;
    right: 0;
}

.ListingsTheam .cardExplore_theam .Top .card-title-22px {
    left: 90px;
}

.section-two-favorite {
    padding-bottom: 120px;
}

/* tab-theam start */
.tab-theam .nav {
    width: 100%;
    flex-direction: column;
    flex-direction: row;
}

.tab-theam .nav-pills .nav-link {
    color: rgba(255, 255, 255, 1);
    font-size: 16px;
    font-weight: 400;
    line-height: 19.09px;
    width: 100%;
    padding: 23px 15px;
    display: flex;
    justify-content: space-between;
    gap: 10px;
}

.tab-theam .nav-pills .nav-link.active,
.tab-theam .nav-pills .show>.nav-link {
    color: #ffffff;
    background-color: rgba(47, 79, 79, 1);
}

/* tab-theam end */

.headingTheam01 {
    padding-bottom: 26px;
    border-bottom: 1px solid rgba(25, 35, 35, 1);
    margin-bottom: 30px;
}

.myprofilephoto .photo-upload-container {
    display: inline-block;
    width: 165px;
    margin-bottom: 40px;
}

/* Notifications page start */
.notification-Box .dropdown-item:hover {
    background-color: transparent;
}

.notification-Box .info-noti-drop {
    color: #ffffff;
}

.notification-Box .date-noti-drop {
    color: rgba(255, 255, 255, 0.70);
}

.time-noti.date-noti-drop {
    color: rgba(128, 124, 128, 1);
}

.notification-Box .dropdown-theam-notification .dropdown-menu .dropdown-item {
    border: 0;
}

.notification-Box .box-chat .sub-box-noti-drop {
    border-bottom: 1px solid rgba(25, 35, 35, 1);
    padding-bottom: 12.5px;
}

.delete-icon {
    background-color: transparent;
    border: 0;
}

.AboutusImg {
    width: 100%;
    height: 278px;
}

.aboutus-text {
    font-size: 15px;
    font-weight: 500;
    line-height: 22.62px;
    color: #ffffff;
}

.aboutus-text2 {
    font-size: 15px;
    font-weight: 400;
    line-height: 22.62px;
    color: rgba(255, 255, 255, 0.5);
}

/* Notifications page end */
/* Notifications page end */
.Contact-Us-Page-Examples {
    width: 100%;
    height: 480px;
    border-radius: 15px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    -ms-border-radius: 15px;
    -o-border-radius: 15px;
}

.text-faq {
    font-size: 14px;
    font-weight: 400;
    line-height: 21.11px;
    color: rgba(106, 106, 106, 1);
}

.custAccordianTheam_plus .custAccordianTheam2 .accordion-button:not(.collapsed)::after {
    background-image: url('../image/svg/minus_acordian.svg');
}

.custAccordianTheam_plus .custAccordianTheam2 .accordion-button::after {
    background-image: url('../image/svg/plus_acordian.svg');
}

.couseMath {
    color: rgba(183, 111, 254, 1) !important;
}

.page-btn {
    font-family: "Poppins", sans-serif;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid rgba(25, 35, 35, 1);
    font-size: 16px;
    font-weight: 500;
    line-height: 19.1px;
    text-align: left;
    color: rgba(255, 255, 255, 1);
    background-color: rgba(25, 35, 35, 1);
    width: 45px;
    height: 45px;
    border-radius: 8px;
}

.page-box .page-btn.active {
    color: rgba(255, 255, 255, 1);
    background-color: rgba(25, 35, 35, 1);
}

.page-box {
    display: flex;
    gap: 16px;
    justify-content: center;
    align-items: center;
}

.suplierCouselistybycategory-box .page-box {
    justify-content: end;
}

.VideoimgContainer img {
    width: 100%;
    overflow: hidden;
    border-radius: 12px;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    -ms-border-radius: 12px;
    -o-border-radius: 12px;
}

/* Question box start */
.questions .Topside {
    background-color: rgba(25, 35, 35, 1);
    padding: 20.5px;
    border-radius: 16px 16px 0 0;
    overflow: hidden;
    -webkit-border-radius: 16px 16px 0 0;
    -moz-border-radius: 16px 16px 0 0;
    -ms-border-radius: 16px 16px 0 0;
    -o-border-radius: 16px 16px 0 0;
}

.questions .Bottomside {
    padding: 25px 58px 50px 58px;
}

.questions-box {
    width: 100%;
    /* height: 540px; */
    border-radius: 16px;
    border: 1px solid rgba(255, 255, 255, 0.3);
    background: rgba(10, 10, 10, 1);
    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25) inset;
}

.questions {
    max-width: 100%;
    /* height: 335px; */
    /* margin: 60px auto 0; */
    text-align: center;
    /* padding: 0 33px; */
}

.que-seris {
    color: #ffffff;
}

.questions-text {
    font-size: 14px;
    font-weight: 600;
    line-height: 19.6px;
    text-align: center;
}

.questions p.dark-black {
    margin: 0 auto 0px;
    padding: 0 20px;
    font-size: 22px;
    font-weight: 600;
    line-height: 26.25px;
    color: #ffffff;
}

.mw-480 {
    max-width: 480PX;
}

.practice-container ul {
    display: flex;
    gap: 30px;
    margin-bottom: 20px;
}

.practice-container ul {
    display: flex;
    gap: 10px;
    margin-bottom: 20px;
}

.practice-container ul li {
    position: relative;
}

.practices-box {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.practices-box .left {
    width: 100%;
    display: flex;
    align-items: center;
    gap: 15px;
    background: rgba(10, 10, 10, 1);
    border: 1px solid rgba(255, 255, 255, 0.2);
    padding-bottom: 10px;
    /* position: relative; */
    border-radius: 7px;
    padding: 13px 20px 13px 59px;
    color: rgba(255, 255, 255, 1);
    font-size: 14px;
    font-weight: 400;
    line-height: 16.71px;
}

.practices-box input {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    z-index: 9;
}

.practices-box input[type="radio"]:checked ~ .left,
.practices-box input[type="checkbox"]:checked ~ .left {
    background-color: rgba(68, 190, 105, 1);
}


.practices-box input[type="radio"]:checked~.left:after,
.practices-box input[type="checkbox"]:checked ~ .left:after {
    content: " ";
    background-image: url('../image/svg/radio-icon1_cheked.svg');
    width: 24px;
    height: 24px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100% auto;
    position: absolute;
    left: 20px;
}

.practices-box .left:after {
    content: " ";
    background-image: url('../image/svg/radio-icon1.svg');
    width: 24px;
    height: 24px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100% auto;
    position: absolute;
    left: 20px;
}

.practices-box input[type="checkbox"]:checked~.left.wrong {
    background-color: rgba(254, 70, 70, 1);
}

.timerImg {
    margin: 44px 0;
}

.Btn_mx-340px-end {
    max-width: 340px;
    margin: 62px 0 0px 0;
}

.practices-box input[type="radio"]:checked~.left.wrong {
    background-color: rgba(254, 70, 70, 1);
}

.theam-modal-sm_02 .modal-header {
    border: 0;
    padding: 0;
}

.theam-modal-sm_02 .modal-dialog {
    max-width: 456px;
    margin: auto;
}

.theam-modal-sm_02 .modal-content {
    border: 0;
    border-radius: 16px;
    background-color: rgba(255, 255, 255, 1);
    -webkit-border-radius: 16px;
    -moz-border-radius: 16px;
    -ms-border-radius: 16px;
    -o-border-radius: 16px;
}

.theam-modal-sm_02 .modal-body {
    padding: 45px 30px;
}


.quizecopletedBg {
    background-image: url('../image/quizecopletedBg.png');
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

.correctanswebox span {
    font-size: 16px;
    font-weight: 400;
    line-height: 16px;
    letter-spacing: 0.5px;
}

.correctanswebox {
    border: 1px solid rgba(47, 79, 79, 1);
    padding: 10px 23px;
    border-radius: 7px;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    -ms-border-radius: 7px;
    -o-border-radius: 7px;
    color: #ffffff;
    font-size: 14px;
    font-weight: 400;
    line-height: 16px;
    text-align: center;
    display: inline-block;
    text-align: center;
}

.yourscore {
    font-size: 14px;
    font-weight: 400;
    line-height: 16px;
    text-align: center;
    color: rgba(255, 255, 255, 0.80);
    margin-bottom: 10px;
}

.outofBox {
    position: relative;
    width: 236px;
    height: 74px;
    margin: auto;
    padding: 13px;
}

.outofBox::after {
    content: " 55646546545";
    width: 236px;
    height: 74px;
    /* Ellipse 5181 */
    position: absolute;
    top: 0;
    left: 29% !important;
    width: 98px;
    height: 60px;
    left: calc(50% - 98px/2 + 79px);
    top: calc(50% - 60px/2 - 5px);
    background: rgba(68, 190, 105, 0.3);
    filter: blur(26.35px);
    z-index: 3;
}

.outofBox span {
    font-size: 12px;
    font-weight: 500;
    line-height: 16px;
    letter-spacing: 0.5px;
    color: #ffffff;
    text-align: center;
    display: block;
}

.outofBox p {
    font-size: 30px;
    font-weight: 600;
    line-height: 22px;
    color: rgba(68, 190, 105, 1);
    text-align: center;
    margin-bottom: 10px;
}


.starcontainerRate img {
    width: 30px;
}

.rateBox .otpBox {
    margin-bottom: 25px;
    padding: 0;
    justify-content: center;
}

.starcontainerRate {
    width: 59px;
    height: 59px;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1.18px solid rgba(129, 146, 158, 0.5);
    background-color: rgba(25, 35, 35, 1);
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
}

/* Question box end */

/* quizeBox_model start */
.Questionbox_oneTheam {
    padding: 25px 25px 0 25px;
    background-color: rgba(47, 79, 79, 1);
    border-radius: 15px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    -ms-border-radius: 15px;
    -o-border-radius: 15px;
    padding-bottom: 5px;
}

.Questionbox_oneTheam .practices-box .left {
    background-color: transparent;
}

/* Override default green background for community forum checkboxes */
.Questionbox_oneTheam .practices-box:not(.option-correct):not(.option-incorrect) input[type="checkbox"]:checked ~ .left {
        background-color: rgb(37, 83, 83) !important; /* Gray 400 with transparency */
}

.Questionbox_oneTheam .questions-box {
    box-shadow: none;
}

.theam-modal-hint .modal-header {
    border: 0;
    padding: 0;
}

.theam-modal-hint .modal-dialog {
    max-width: 333px;
    height: 421px;
    margin: auto;
}

.theam-modal-hint .modal-content {
    border: 0;
    border-radius: 16px;
    background-color: rgba(255, 255, 255, 1);
    -webkit-border-radius: 16px;
    -moz-border-radius: 16px;
    -ms-border-radius: 16px;
    -o-border-radius: 16px;
}

.theam-modal-hint .modal-body {
    padding: 45px 30px;
}

.hintbox {
    padding: 30px 28px;
    background-color: rgba(10, 10, 10, 1);
    height: 421px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.bggreen-model {
    background-color: rgba(68, 190, 105, 1) !important;
}

.CogratulationBox {
    background-image: url('../image/svg/currectanswer.gif');
    background-position: center;
    background-repeat: no-repeat;
    width: 100%;
    height: 271px;
    background-size: 371px auto;
    color: #ffffff;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;

}

.CogratulationBox h3 {
    font-size: 20px;
    font-weight: 600;
    line-height: 23.87px;
}

.CogratulationBox p {
    font-size: 14px;
    font-weight: 400;
    line-height: 16.71px;
}

.sorrybox {
    max-width: 669px;
    margin: auto;
    color: #ffffff;
    text-align: center;
}

.sorrybox h3 {
    font-size: 20px;
    font-weight: 600;
    line-height: 23.87px;

}

.sorrybox p {
    font-size: 14px;
    font-weight: 400;
    line-height: 16.71px;
}


.btn-310px button {
    max-width: 310px;
}


.Questionbox_oneTheam02 .Questionbox_oneTheam {
    background-color: rgba(25, 35, 35, 1);
    max-width: 921px;
    margin: auto;
}

.Questionbox_oneTheam02 .Questionbox_oneTheam .practices-box .left {
    background-color: #ffffff;
    color: rgba(25, 35, 35, 1);
}

.Questionbox_oneTheam02 .practices-box input[type="radio"]:checked~.left {
    background-color: #ffffff;
}

.Questionbox_oneTheam02 .practices-box input[type="radio"]:checked~.left:after {
    background-image: url('../image/svg/checkdarklate.svg');
}


.theam-modal-02 .modal-header {
    border: 0;
    padding: 0;
}

.theam-modal-02 .modal-dialog {
    margin: auto;
}

.theam-modal-02 .modal-content {
    border: 0;
    border-radius: 16px;
    background-color: rgba(255, 255, 255, 1);
    -webkit-border-radius: 16px;
    -moz-border-radius: 16px;
    -ms-border-radius: 16px;
    -o-border-radius: 16px;
}

.theam-modal-02 .modal-body {
    padding: 30px 12px;
}

.flashbox .sub-box-noti-drop .left {
    display: flex;
    gap: 15px;
    align-items: center;
    height: 100%;
}

.flashbox .notification-Box .dropdown-theam-notification .dropdown-menu .dropdown-item {
    border-bottom: 1px solid rgba(25, 35, 35, 1);
}

.flashbox .dropdown-theam-notification .dropdown-menu .dropdown-item {
    padding: 10px 8px;
}

.dote01 {
    color: rgba(217, 217, 217, 1) !important;
}

/* quizeBox_model end */

/* Badges start */
.badgeTheam {
    padding: 5px 9px;
    font-size: 16px;
    font-weight: 400;
    line-height: 19.09px;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    overflow: hidden;
}

.badgeTheam-f-14 {
    padding: 6px 10px;
    font-size: 14px;
    font-weight: 400;
    line-height: 16.71px;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    overflow: hidden;
}

.greenBadge {
    color: rgba(68, 190, 105, 1);
    background-color: rgba(68, 190, 105, 0.18);
}

.greenBadge-black {
    color: rgba(25, 35, 35, 1);
    background-color: rgba(68, 190, 105, 1);
}

.orangeBadge {
    color: rgba(244, 141, 3, 1);
    background-color: rgba(244, 141, 3, 0.15);
}

.darklateBadge {
    color: #FFFFFF;
    background-color: rgba(47, 79, 79, 1);
}

.completedchapterBox p span {
    font-weight: 800;
}

.completedchapterBox p {
    font-size: 14px;
    font-weight: 400;
    line-height: 16.71px;
    letter-spacing: 0.01em;
    color: #ffffff;
}

.completedchapterBox {
    padding: 11px 7px;
    background-color: rgba(47, 79, 79, 1);
    border-radius: 5px !important;
    -webkit-border-radius: 5px !important;
    -moz-border-radius: 5px !important;
    -ms-border-radius: 5px !important;
    -o-border-radius: 5px !important;
    display: flex;
    gap: 7px;
    flex-direction: column;
    overflow: hidden;
}

.quizBox {
    display: flex;
    gap: 15px;
    align-items: center;
    padding: 15px;
    background-color: rgba(47, 79, 79, 1);
    border-radius: 8px !important;
    -webkit-border-radius: 8px !important;
    -moz-border-radius: 8px !important;
    -ms-border-radius: 8px !important;
    -o-border-radius: 8px !important;
}

.quizBox .leftside {
    display: flex;
    gap: 15px;
}

.getscore {
    margin-top: 5px;
    color: rgba(255, 255, 255, 0.7);
}

/* Badges end */

/* plyQuiz-modal start */
.plyQuizBox {
    padding: 20px;
    display: flex;
    flex-direction: column;
    gap: 20px;
    background-color: rgba(25, 35, 35, 1);
    border-radius: 10px;
}

.BoxTopicPlyquiz p {
    font-size: 13px;
    font-weight: 400;
    line-height: 15.51px;
    color: #ffffff;
}

#plyQuiz-modal .modal-content {
    height: 766px;
    overflow-y: auto;
}

/* width */
.scrollerTheam_01 ::-webkit-scrollbar {
    width: 4px;
}

/* Track */
/* .scrollerTheam_01 ::-webkit-scrollbar-track {
    background:;
} */

/* Handle */
.scrollerTheam_01 ::-webkit-scrollbar-thumb {
    background: rgba(25, 35, 35, 1);
}

/* Handle on hover */
.scrollerTheam_01 ::-webkit-scrollbar-thumb:hover {
    background: rgba(25, 35, 35, 1);
}

.border-linergradient {
    border: 1px solid #ffffff;
    border-radius: 6.73px;
    -webkit-border-radius: 6.73px;
    -moz-border-radius: 6.73px;
    -ms-border-radius: 6.73px;
    -o-border-radius: 6.73px;
    padding: 19px;
}

.ScoreBox {
    display: flex;
    gap: 14px;
    align-items: center;
}

.ScoreBox .outofBox {
    text-align: center;
    height: 116px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.ScoreBox2 .gradient-commen::before {
    content: "";
    z-index: 2;
    top: 0;
    left: 0;
    position: absolute;
    width: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    height: 100%;
}

.ScoreBox2 .outofBox {
    width: 100%;
}

.ScoreBox2 {
    width: 100%;
    display: flex;
    gap: 14px;
    align-items: center;
}

.ScoreBox2 .boxFeatures {
    display: flex;
    gap: 9.61px;
    align-items: center;
    justify-content: center;
    height: 116px;
}

.ScoreBox2 .leftside,
.ScoreBox2 .rightside-boxFeatures {
    position: relative;
    z-index: 3;
    width: 100%;
    text-align: center;
}

/* plyQuiz-modal end */
.forumBox {
    display: flex;
    gap: 20px;
    align-items: center;
    flex-wrap: wrap;
}

.btn-h-46px {
    height: 46px;

}

.sortby-252px {
    width: 252px;
}

.sortby-252px .CustdropdownTheam .dropdown-toggle::after {
    border: 0;
    background-image: url('../image/svg/arrow-down_white.svg');
    background-repeat: no-repeat;
    background-size: 100% auto;
    width: 17px;
    height: 17px;
    background-position-x: center;
    position: absolute;
    right: 14px;
}

.ForumBoxTheam {
    padding: 15px;
    background-color: rgba(25, 35, 35, 1);
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
}

.title_forumbox {
    font-size: 20px;
    font-weight: 500;
    line-height: 26.8px;
    color: #ffffff;
    margin-bottom: 10px;
}

.poston-text span {
    color: rgba(106, 106, 106, 1);
}

.poston-text {
    color: #ffffff;
    font-size: 14px;
    font-weight: 400;
    line-height: 16.71px;
}

.Box-top-Left-forumbox {
    display: flex;
    gap: 60px;
    align-items: center;
}

.Box-myforum {
    display: flex;
    gap: 15px;
    align-items: start;
    justify-content: space-between;
}

.theam-writerAns-modal .modal-header {
    border: 0;
    padding: 0;
}

.theam-writerAns-modal .modal-dialog {
    max-width: 871px;
    margin: auto;
}

.theam-writerAns-modal .modal-content {
    border: 0;
    border-radius: 16px;
    background-color: rgba(255, 255, 255, 1);
    -webkit-border-radius: 16px;
    -moz-border-radius: 16px;
    -ms-border-radius: 16px;
    -o-border-radius: 16px;
}

.theam-writerAns-modal .modal-body {
    padding: 25px 26px;
    height: 600px;
    overflow-y: auto;
}

.theam-writerAns-modal .modal-header {
    background-color: rgba(47, 79, 79, 1);
    min-height: 100px;
    border-radius: 16px 16px 0 0;
    -webkit-border-radius: 16px 16px 0 0;
    -moz-border-radius: 16px 16px 0 0;
    -ms-border-radius: 16px 16px 0 0;
    -o-border-radius: 16px 16px 0 0;
    padding: 28px 44px 20px 28px;
    flex-direction: column;
    align-items: start;
}

.text-13px {
    font-size: 13px;
    font-weight: 400;
    line-height: 15.51px;
    color: rgba(255, 255, 255, 0.5);

}

.text-13px span {
    color: rgba(255, 255, 255, 1);
}

.postByBox {
    display: flex;
    gap: 84px;
    align-items: center;
}

.answeBox .dropdown-theam-notification .dropdown-menu .dropdown-item {
    padding: 7.5px 0px;
}

.answer-disc {
    font-size: 14px;
    font-weight: 400;
    line-height: 16.71px;
    color: rgba(255, 255, 255, 0.70);
}

.answeBox .box-notification {
    display: flex;
    gap: 15px;
}

.photos-answer {
    width: 45px;
    height: 45px;
}

.answeBox .notification-Box .box-chat .sub-box-noti-drop {
    padding-bottom: 15px;
}

.answeBox .notification-Box .dropdown-item.active {
    background-color: rgba(25, 35, 35, 1);
    padding: 10px;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    -o-border-radius: 6px;
    margin-bottom: 7.5px;
}

.answeBox .notification-Box .dropdown-item.active .box-chat .sub-box-noti-drop {
    padding-bottom: 0;
    border: 0;
}

.answeBox .dropdown-theam-notification .dropdown-menu li:last-child {
    padding: 0 0;
}

.theam-writerAns-modal .modal-footer {
    display: flex;
    justify-content: start;
    background-color: rgba(25, 35, 35, 1);
    min-height: 65px;
    border-top: 0;
    border-radius: 0 0 16px 16px;
    -webkit-border-radius: 0 0 16px 16px;
    -moz-border-radius: 0 0 16px 16px;
    -ms-border-radius: 0 0 16px 16px;
    -o-border-radius: 0 0 16px 16px;
}

.writermsg {
    text-align: start;
    width: 100%;
}

.writermsg input {
    background-color: transparent;
    border: 0;
    width: 100%;
    color: #ffffff;
}

.writermsgbox-right {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-left: 20px;
    /* padding-left: 48.69px; */
}

.plusicon {
    position: absolute;
    left: 14px;
    top: 17.75px;
}

.badge-approvemodel {
    position: absolute;
    right: 59px;
    top: 24px;
}

.approvedAnsw.theam-writerAns-modal .modal-header {
    padding: 28px 170px 20px 28px;
}

.askQueryModal.theam-modal .modal-body {
    padding: 28px 36px;
    background: rgba(10, 10, 10, 1);
}

.badge-askquery {
    display: inline-block;
}

.badge-askquery .btn-theam {
    padding: 4.5px 5px 4.5px 9px;
    gap: 0;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
}

.askQueryModal .subtitle-modal {
    max-width: 308px;
    margin: auto;
}

.BoxAddanswer {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 15px;
    padding-bottom: 16px;
    border-bottom: 1px solid rgba(25, 35, 35, 1);
    margin-bottom: 16px;
}

.addAnswer {
    font-size: 14px;
    font-weight: 400;
    line-height: 22px;
    color: rgba(255, 255, 255, 1);
}

.cust-form-switch .form-check-input:checked[type=checkbox] {
    background-color: rgba(68, 190, 105, 1) !important;
}

.cust-form-switch .form-switch .form-check-input {
    width: 41.25px;
    height: 23.25px;
}

.cust-form-switch .form-check-input:checked[type=checkbox] {
    --bs-form-check-bg-image: url("../image/svg/checkgreen.svg");
    background-size: 19px auto;
}

.cust-form-switch .form-check-input:focus {
    border-color: none;
    box-shadow: none;
}


.form-switch .form-check-input:checked {
    background-position: right center;
    --bs-form-switch-bg: url("../image/svg/switchbg.svg");
}

.comunity-tab-theam .tab-theam .nav {
    display: flex;
    gap: 20px;
    align-items: center;
}

.comunity-tab-theam .tab-theam .nav-pills .nav-link.active {
    background-color: rgba(47, 79, 79, 1);
    color: #ffffffff;
}

.comunity-tab-theam .tab-theam .nav-pills .nav-link {
    width: auto;
    padding: 13px 15px;
    background-color: rgba(25, 35, 35, 1);
    color: rgba(106, 106, 106, 1);
}

.approvedAnsBadge .btn-theam {
    width: 105px;
    height: 31px;
    border-radius: 7px;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    -ms-border-radius: 7px;
    -o-border-radius: 7px;
}

/* CHAT CANVAS START */
.chat-photo-header {
    width: 18px;
    height: 18px;
    border: 1px solid rgba(255, 255, 255, 1);
    border-radius: 50px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    -ms-border-radius: 50px;
    -o-border-radius: 50px;
}

.title-name-chat {
    color: rgba(255, 255, 255, 1);
    /* margin: 0 10px; */
    font-size: 20px;
    font-weight: 500;
    line-height: 23.87px;
}

.content-chat .top .left {
    display: flex;
    gap: 10px;
}

.content-chat .top {
    display: flex;
    justify-content: space-between;
    padding: 20px 25px;
    background: rgba(37, 48, 48, 1);
    border-radius: 16px 16px 0 0;
    color: #ffffff;
    flex-wrap: wrap;
    gap: 15px;
}

.call-btn {
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-color: transparent;
    width: 24px;
    height: 24px;
    border: 0;
}

.vidio-call-bg {
    background-image: url('../images/svg/video-call-bg.svg');
}

.audio-call-bg {
    background-image: url('../images/svg/audio-call-bg.svg');
}

.chat-msg-bg {
    background-image: url('../images/svg/msg-chat.svg');
}

.content-chatlog {
    padding: 24px 20px;
    background: rgba(25, 35, 35, 1);
    height: 614px;
    overflow-y: auto;
}

.msg-recieve {
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin-bottom: 12px;
    align-items: end;
}

.content-chatlog .right {
    display: flex;
    flex-direction: column;
    gap: 8px;
    align-items: end;
    justify-content: center;
}

.content-chatlog .left {
    width: 100%;
    display: flex;
    gap: 4px;
}

.content-chatlog .right .message {
    width: 100%;
    padding: 10px 10px 10px 17px;
    background-color: rgba(255, 255, 255, 1);
    border-radius: 10px 0px 10px 10px;
    -webkit-border-radius: 10px 0px 10px 10px;
    -moz-border-radius: 10px 0px 10px 10px;
    -ms-border-radius: 10px 0px 10px 10px;
    -o-border-radius: 10px 0px 10px 10px;
    color: rgba(10, 10, 10, 1);
    font-size: 14px;
    font-weight: 400;
    line-height: 16.8px;
}

.time-chat {
    font-size: 12px;
    font-weight: 400;
    line-height: 14.32px;
    color: rgba(106, 106, 106, 1);
}

.message-sent {
    width: 100%;
    padding: 10px 8px 10px 17px;
    background-color: rgba(47, 79, 79, 1);
    color: rgba(255, 255, 255, 1);
    font-size: 14px;
    font-weight: 300;
    line-height: 16.8px;
    margin-bottom: 8px;
    border-radius: 0px 10px 10px 10px;
    -webkit-border-radius: 0px 10px 10px 10px;
    -moz-border-radius: 0px 10px 10px 10px;
    -ms-border-radius: 0px 10px 10px 10px;
    -o-border-radius: 0px 10px 10px 10px;
}

.msg-sent-container,
.msg-recieve {
    max-width: 60%;

}

.content-chatlog .chat-day {
    font-size: 12px;
    font-weight: 400;
    line-height: 14.4px;
    letter-spacing: 0.06em;
    color: rgba(106, 106, 106, 1);
    text-align: center;
    margin: 12px 0 23px 0;
}

.chat-bottom {
    width: 400px;
    padding: 0 26px;
    position: fixed;
    /* left: 0; */
    bottom: 26px;
    right: 0;
    display: flex;
    gap: 15.5px;
    align-items: center;
}

.chat-upload-icon {
    background-image: url('../images/svg/chat-upload.svg');
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100% 26px;
    width: 23px;
    height: 26px;
    border: 0;
    background-color: transparent;
}

.chat-input {
    width: 100%;
    padding: 17px;
    font-size: 14px;
    font-weight: 400;
    line-height: 18px;
    text-align: left;
    color: rgba(73, 101, 123, 1);
    border: 0;
    border-radius: 12px;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    -ms-border-radius: 12px;
    -o-border-radius: 12px;
    background-color: rgba(245, 245, 245, 1);
}

.chat-input::placeholder {
    color: rgba(73, 101, 123, 0.5);
}

.send {

    padding: 16px 16.5px;
}

.post {
    padding: 5px 20px;
}

.send,
.post {
    border-radius: 24px;
    border: 0;
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
    text-align: center;
    color: rgba(255, 255, 255, 1);
    background-color: rgba(0, 207, 200, 1);
    -webkit-border-radius: 24px;
    -moz-border-radius: 24px;
    -ms-border-radius: 24px;
    -o-border-radius: 24px;
}

.three-dot-btn .dropdown-menu {
    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.04);
    border: 0;
    background-color: rgba(10, 10, 10, 1);
    padding: 12px 0px 12px 0px;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    --bs-dropdown-min-width: none;
    width: 208px;
    color: rgba(255, 255, 255, 1);
    font-size: 16px;
    font-weight: 400;
    line-height: 19.9px;
    text-align: right;
}

.three-dot-btn .dropdown-item:hover {
    background-color: rgba(10, 10, 10, 1);
}

.three-dot-btn .dropdown-item {
    display: flex;
    gap: 10px;
    align-items: center;
    padding: 12px 12px;
    color: #ffffff;
}

.chatphoto {
    width: 24px;
    height: 24px;
    overflow: hidden;
}

.createChanelbox {
    display: flex;
    gap: 15px;
}

.name-chatBox {
    display: flex;
    gap: 10px;
    align-items: center;
    font-size: 14px;
    font-weight: 500;
    line-height: 16.71px;
    color: #ffffff;
    margin-bottom: 7.5px;
}

.chatBottom .theam-writerAns-modal .modal-footer {
    display: flex;
    justify-content: start;
    background-color: rgba(37, 48, 48, 1);
    min-height: 65px;
    border-top: 0;
    border-radius: 0 0 16px 16px;
    -webkit-border-radius: 0 0 16px 16px;
    -moz-border-radius: 0 0 16px 16px;
    -ms-border-radius: 0 0 16px 16px;
    -o-border-radius: 0 0 16px 16px;
}

.tab-theam-02 .tab-theam .nav-pills .nav-link {
    color: rgba(255, 255, 255, 1);
    padding: 16px 13px;
    justify-content: start;
    gap: 15px;
}

.joinedPhoto {
    width: 45px;
    height: 45px;
    overflow: hidden;
}

.member-text {
    font-size: 14px;
    font-weight: 400;
    line-height: 16.71px;
    color: rgba(255, 255, 255, 0.70);
    text-align: start;
}

.tab-theam-02 {
    background: rgba(25, 35, 35, 1);
    border-radius: 16px;
}

.tab-theam-02 .tab-theam .nav-pills .nav-link {
    margin-bottom: 0;
}

/* CHAT CANVAS END */

/*  comunityDetails_modal start */
.imgContainerCominity img {
    width: 100%;
    overflow: hidden;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
}

.aboutComunityform {
    font-size: 14px;
    font-weight: 500;
    line-height: 21.11px;
    color: rgba(255, 255, 255, 1);
}

.joined_listing .sub-box-noti-drop .left {
    display: flex;
    gap: 10px;
    align-items: start;
    height: 100%;
    flex-direction: column;
}

.joined_listing .info-noti-drop {
    margin-bottom: 0;
}

.joined_listing .box-notification {
    gap: 15px;
}

.joined_listing .notification-Box .box-chat .sub-box-noti-drop {
    border-bottom: 0;
    padding-bottom: 0;
    align-items: center;
}

.joined_listing .dropdown-theam-notification .dropdown-menu .dropdown-item {
    padding: 6px 15px;
}

.joined_listing .sub-box-noti-drop .right {
    display: flex;
    gap: 15px;
    align-items: center;
}

.horiz-dotted .dropdown-menu {
    background-color: rgba(25, 35, 35, 1);
}

.chanel_listing .info-noti-drop {
    margin-bottom: 0;
}

.chanel_listing .box-notification {
    gap: 15px;
}

.chanel_listing .notification-Box .box-chat .sub-box-noti-drop {
    border-bottom: 0;
    padding-bottom: 0;
    align-items: center;
}

.chanel_listing .dropdown-theam-notification .dropdown-menu .dropdown-item {
    padding: 12px 15px;
}

/*  comunityDetails_modal end */

/*  */
.btn_accept button {
    width: 70px;
    height: 27px;
    font-weight: 400;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
}

.Member_ComunityDetail .joined_listing .sub-box-noti-drop .right {
    gap: 10px;
}

.Member_ComunityDetail .joined_listing .box-notification {
    gap: 10px;
}

.Dropdown-EditRemove.chanel_listing .dropdown-theam-notification .horiz-dotted .dropdown-menu .dropdown-item {
    padding: 0px 18px;
}

.makeProvateComunitybox .left {
    width: 361px;
    padding: 16px 0;
    border-top: 1px solid rgba(25, 35, 35, 1);
    border-bottom: 1px solid rgba(25, 35, 35, 1);
}

.InterestBox {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 17px;
}

.InterestBoxListing {
    display: flex;
    flex-direction: column;
    gap: 17px;
}

.InterestBoxListing .bottom,
.InterestBoxListing .top {
    display: flex;
    gap: 15px;
    align-items: center;
    margin-bottom: 10px;
}

.interestBadge .btn-theam {
    /* width: 164px; */
    height: 35px;
    border-radius: 9px;
    -webkit-border-radius: 9px;
    -moz-border-radius: 9px;
    -ms-border-radius: 9px;
    -o-border-radius: 9px;
    justify-content: start;
}

.h-837px .modal-content {
    height: 837px;
    overflow-y: auto;
}

.h-558px .modal-content {
    height: 558px;
    overflow-y: auto;
}

.custpointer {
    cursor: pointer;
}

.mx-100 {
    max-width: 100% !important;
}

.createCommunityModal .modal-body {
    padding: 30px 18px;
    background-color: rgba(10, 10, 10, 1);
}

.createChanelBox_img {
    width: 118px;
}

.createCommunityModal .bottom,
.createCommunityModal .top {
    padding: 0 17px;
}

.ChantTab-btn .tab-theam-02 .tab-theam .nav-pills .nav-link {
    display: block;
}

.BoxChat {
    display: flex;
    width: 100%;
    gap: 15px;
    justify-content: space-between;
}

.Leftsidechatbtn {
    display: flex;
    gap: 15px;
}


#premium-modal .leftloginsideBox {
    padding: 87px 18px;
}

.Viewmore-02 {
    font-size: 14px;
    font-weight: 400;
    line-height: 16.71px;
    text-align: center;
    text-decoration-line: underline;
    color: rgba(25, 35, 35, 1);
    -moz-text-decoration-line: underline;
    border: 0;
    background-color: transparent;
}

.restorePurchasebox {
    display: flex;
    gap: 20px;
    align-items: center;
    justify-content: center;
    width: 100%;
    margin-top: 20px;
}

.restorePurchasebox p {
    font-size: 14px;
    font-weight: 400;
    line-height: 16.71px;
    color: #ffffff;
}

.monthlyYearlyTheam .practices-box .left {
    background: rgba(25, 35, 35, 1);
    background-image: url('../image/bg-unchacked.png');
    background-repeat: no-repeat;
    background-size: cover;
    flex-direction: column;
    gap: 7px;
    border-radius: 7px;
    padding: 26px 20px 26px 20px;
}

/* .monthlyYearlyTheam .practices-box .left.leftbg-chacked{
    background-image: url('../image/bg-chacked.png') !important;    
} */
.monthlyYearlyTheam .practices-box .left:after {
    right: 10px;
    left: auto;
    top: 0;
    height: 100%;
}

.monthlyYearlyTheam .practices-box input[type="radio"]:checked~.left:after {
    right: 10px;
    left: auto;
    top: 0;
    height: 100%;
}

.monthlyYearlyTheam .practices-box input[type="radio"]:checked~.left {
    height: 100%;
    border-color: #44BE69;
    background-image: url('../image/bg-chacked.png');
    background-color: rgba(25, 35, 35, 1);

}

.monthlyYearlyTheam .practice-container ul {
    display: flex;
    gap: 10px;
    margin-bottom: 20px;
    flex-direction: column;
}

.montyly-text {
    font-size: 22px;
    font-weight: 600;
    line-height: 22px;
    color: rgba(68, 190, 105, 1);
}

.subMontyly-text {
    font-size: 16px;
    font-weight: 800;
    line-height: 16px;
    letter-spacing: 0.5px;
    color: rgba(255, 255, 255, 1);
}

.subMontyly-text span {
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
    letter-spacing: 0.5px;
    color: rgba(255, 255, 255, 1);
}

.theamInput .mobileInput .form-control {
    padding-left: 72px;
    background-color: rgba(25, 35, 35, 1);
}

/* Teacher paenl */
.certificateImg img {
    width: 100%;
    height: auto;

}

.fileupload {
    position: absolute;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    border: 1px solid;
    z-index: 99;
    opacity: 0;
    top: 0;
    right: 0;
}

.certificateImg img {
    width: 100%;
}

/* End Teacher paenl */

/* Home Teacher */
.addcourse_img img {
    width: 70px;
}

.cardTearcher-recentuploaded .cardExplore_theam .card {
    background: transparent;
}

.cardTearcher-recentuploaded .subject {
    font-size: 24px;
    line-height: 30px;
}

.cardTearcher-recentuploaded .card-title-20px {
    color: #FFFFFF;
}

.cardTearcher-recentuploaded .cardStartBox .one p span {
    color: #FFFFFF;
}

.cardTearcher-recentuploaded .cardStartBox .one {
    color: #6A6A6A;
}

.cardTearcher-recentuploaded .cardExplore_theam .card-body {
    padding: 18px 16px;
    border-bottom: 1px solid #192323;
}

/* End Home Teacher */

.cardmyearning .card-body {
    background-color: #192323;
}

.myEarningTab .comunity-tab-theam .tab-theam .nav {
    gap: 6px;
}

.plus_img {
    display: inline-block;
}

.plus_img img {
    width: 30px;
}

.bar1 {
    width: 100%;
    height: 4px;
    background-color: #2F4F4F;
}

.filledbar {
    background-color: #44BE69 !important;
}

.unfilledbar {
    background-color: #6A6A6A !important;
}

.progessbar01 {
    width: 100%;
    gap: 5px;
    display: flex;
    flex-wrap: nowrap;
    max-width: 180px;
}

.addcategoryListing.subjectList ul li {
    color: #ffffff;
}

.addcategoryListing.subjectList ul li:last-child {
    border-bottom: 1px solid rgba(47, 79, 79, .30);
    padding-bottom: 10px;
}

.heading-addcourseTeacher {
    width: 100%;
    display: flex;
    flex-direction: space-between;
    align-items: center;
    border-bottom: 1px solid rgba(47, 79, 79, .30);
    margin-bottom: 30px;
}

.uploadLChapter img {
    width: 500px;
    margin: 40px auto 30px;
}

.upload-icon2 {
    border: 1px solid #81929E4D;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 120px;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    background-color: #192323;
}

.btn-dashed {
    border: 1px dashed #2F4F4F;
}

.chapterTabs.custAccordianTheam3 .topicsbtn {
    position: absolute;
    right: 54px;
    top: 12px;
}

.chapterTabs.custAccordianTheam3 .accordion-button::after {
    top: 24.5px;
}

.chapterTabs.custAccordianTheam3 .accordion-body {
    background: #192323;
}

.chapterTabs .topic1_listing li {
    border-top: 1px solid rgba(47, 79, 79, 0.30);
    padding: 20px 0 0 0;
    flex-wrap: nowrap;
}

.chapterTabs .topic1-text {
    text-wrap: wrap;
}

.chapterTabs .topic1-textBox {
    width: auto;
}

.chapterTabs.custAccordianTheam3 .accordion-button:not(.collapsed)::after {
    background-image: url('../image/svg/arrow-down-white.svg');
}

.chapterTabs.custAccordianTheam3 .accordion-button::after {
    background-image: url('../image/svg/arrow-down-white.svg');
}

.heading-addcourseTeacher .header-login {
    display: flex;
    align-items: center;
}

.listing-addpossible .leftside {
    display: flex;
    gap: 15px;
    align-items: center;
    padding-left: 35px;
}

.listing-addpossible li::before {
    content: " ";
    position: absolute;
    background-image: url('../image/svg/clock-white.svg');
    width: 30px;
    height: 30px;
    background-size: 100% auto;
}

.listing-addpossible li span {
    color: rgba(106, 106, 106, 1);
}

.arrow-20{
    width: 24px;
}

.QueListing .practices-box .left{
    color: rgba(106, 106, 106, 1);
}

/* End Home Teacher */

.box-sub {
    /* padding: 15px; */
}

.box-sub.cardStartBox .one {
    gap: 15px;
    width: 173px;
}

.box-sub.cardStartBox .Left {
    display: flex;
    gap: 26px;
    flex-wrap: wrap;
    justify-content: space-between;
}

.img-box-sub img {
    width: 38px;
}

/*  */

.card-courseDetails .cardImgExplore {
    display: flex;
    justify-content: end;
    height: 100%;
    align-items: end;
    padding-right: 22px;
}

.card-courseDetails .cardExplore_theam .card {
    height: 100%;
    border-radius: 12px;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    -ms-border-radius: 12px;
    -o-border-radius: 12px;
    overflow: hidden;
    border: 0;
    display: flex;
    flex-direction: row-reverse;
}

.card-courseDetails .cardExplore_theam .Top .card-title-22px {
    position: absolute;
    top: 12px;
    left: auto !important;
    padding: 24px;
    width: 234px;
    padding-right: 24px;
    right: 113px;
}

.card-courseDetails .Top {
    width: 30%;
}

.card-courseDetails .bgcardExplore_theam {
    height: 100%;
}

.boxsub2 {
    background-color: rgba(25, 35, 35, 0.4);
    padding: 15px;
}

.chapterBox.card-courseDetails .cardExplore_theam .card {
    flex-direction: row;
}

.chapterset_img {
    width: 140px;
    height: 140px;
    overflow: hidden;
    border-radius: 12px;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    -ms-border-radius: 12px;
    -o-border-radius: 12px;
}

.chapterBox.cardTearcher-recentuploaded .cardExplore_theam .card-body {
    padding: 0px 16px;
}

.reviewlisting-teacher .reviewlisting li {
    padding: 12.5px 0px;
}

.reviewlisting-teacher .reviewlisting .rightSide .Top {
    flex-direction: column;
    margin-bottom: 5px;
}

.img_subtopic {
    width: 250px;
    height: 250px;
    overflow: hidden;
    border-radius: 14px;
    -webkit-border-radius: 14px;
    -moz-border-radius: 14px;
    -ms-border-radius: 14px;
    -o-border-radius: 14px;
}

.img-24 img {
    width: 24px;
}

.img-16 img {
    width: 16px;
}

.conceptChapBox .learningbox {
    height: 300px;
    border: 1px solid rgba(106, 106, 106, 0.2);
    border-radius: 20px;
    overflow: hidden;
}

.appVideo_bg {
    background-image: url('../image/appVideo.png');
    background-position-x: center;
}

.topicBox .topic1_listing li {
    list-style-type: none;
    background: rgba(25, 35, 35, 1);
    padding: 15px 15px ;
    border-radius: 16px;
}

.topicVideoBox .learningbox {
    width: 128px;
    height: 78px;
    border: 1px solid rgba(106, 106, 106, 0.2);
    border-radius: 10px;
    overflow: hidden;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
}

/* Betterment */
.chapterone {
    font-weight: 500;
    font-size: 18px;
    line-height: 120%;
    letter-spacing: 0px;
    color: rgba(68, 190, 105, 1);
}
 
.battermentbox .cardExplore_theam .card-body .cardStartBox {
    gap: 16px;
    flex-wrap: nowrap;
}
 
.battermentbox .cardStartBox .one p {
    letter-spacing: 0.8px;
}
 
.battermentbox .cardStartBox .one p.learn {
    color: rgba(255, 255, 255, 0.80);
    font-weight: 400;
}
 
.battermentbox .cardStartBox {
    margin-bottom: 16px;
}
 
.battermentbox-subtopic .cardTearcher-recentuploaded .cardExplore_theam .card-body {
    padding: 0;
    border: 0;
    background-color: transparent;
}
 
.conceptbox h2 {
    font-weight: 600;
    font-size: 20px;
    line-height: 100%;
    letter-spacing: 0%;
    color: #ffffff;
    margin-bottom: 10px;
}
 
.conceptbox p {
    font-weight: 400;
    font-size: 14px;
    line-height: 151%;
    letter-spacing: 0%;
    color: rgba(255, 255, 255, 0.5);
}
 
.videobox {
    background-color: rgba(25, 35, 35, 1);
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    padding: 16px;
}
 
.videobox {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 16px;
}
 
.videobox .btn-f-16px {
    text-wrap: nowrap;
}
 
.linkbox {
    display: flex;
    gap: 16px;
    justify-content: center;
    align-items: center;
}
 
.linkbox button {
    letter-spacing: 0;
}
 
 
.linkbox .chapterone {
    margin-bottom: 0 !important;
}
 
@media(max-width:575px) {
    .videobox {
        align-items: start;
        gap: 8px;
    }
 
    .videobox .conceptbox p {
        font-size: 14px;
        line-height: 112%;
        font-weight: 300;
    }
 
    .battermentbox .cardExplore_theam .card-body .cardStartBox {
        gap: 5px;
        flex-wrap: nowrap;
    }
 
    .chapterone,
    .battermentbox .hr-02 {
        margin-bottom: 11px !important;
    }
 
    .chapterone,
    .battermentbox .cardStartBox .one p {
        font-size: 13px;
        font-weight: 400;
    }
 
    .battermentbox .cardStartBox {
        margin-bottom: 11px;
    }
 
    .battermentbox .cardStartBox .one p.learn {
        letter-spacing: 0.8px;
        color: rgba(255, 255, 255, 0.80);
        font-weight: 400;
        font-size: 12px;
        line-height: 100%;
        letter-spacing: 0px;
    }
 
    .battermentbox.cardmyearning .card-title-20px {
        font-size: 18px;
        font-weight: 600;
        line-height: normal;
        text-align: left;
        color: #ffffff;
    }
 
    .conceptbox h2 {
        font-size: 16px;
    }
 
    .conceptbox p {
        font-size: 14px;
    }
 
    .videobox .btn-f-16px {
        font-size: 12px;
        line-height: 100%;
        height: 20px;
        border-radius: 3px;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        -ms-border-radius: 3px;
        -o-border-radius: 3px;
    }
 
    .linkbox {
        display: flex;
        flex-direction: column;
        gap: 5px;
        height: 100%;
        align-items: end;
    }
}
/* End Betterment */
 

/* Custom Style */

.custom-error-message {
    color:red;
    margin-left: 2%;
}

.category_icon_image {
    width: 20px;
    height: 20px;
}

.cursor_pointer {
    cursor: pointer;
}

.cursor_not_allowed {
    cursor: not-allowed;
}

.white-text {
    color: white;
    font-weight: bold;
}

.gray-text {
    color: gray;
    font-weight: normal;
}
  
.right-community-forum{
    position: absolute;
    right: 16px;
    top: 10px;
    /* border: 1px solid; */
    color: white;
}

/* Community Forum MCQ Answer Colors */
.option-correct {
    background-color: rgba(68, 190, 105, 0.2) !important;
    border-color: rgba(68, 190, 105, 1) !important;
}

.option-correct .left {
    background-color: rgba(68, 190, 105, 1) !important;
    color: rgba(255, 255, 255, 1) !important;
}

.option-incorrect {
    background-color: rgba(254, 70, 70, 0.2) !important;
    border-color: rgba(254, 70, 70, 1) !important;
}

.option-incorrect .left {
    background-color: rgb(155, 45, 45) !important;
    color: rgba(255, 255, 255, 1) !important;
}

/* Selected (Gray highlight instead of Green/Blue) */
.option-selected {
    background-color: rgba(158, 158, 158, 0.2) !important; /* Gray 400 with transparency */
    border-color: #9E9E9E !important; /* Gray 500 */
}
.option-selected .left {
    background-color: #9E9E9E !important;
    color: #FFFFFF !important;
}


/* .cardExplore-theam-card-body-cardStartBox { */
    /* justify-content: start;
    gap: 20px;
    flex-direction: column;
} */

.upload-file-frame {
    background-image: url("../image/upload-file-fram.png");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100% 100%;
    width: 100%;
    height: 56px;
    border: 0;
    background-color: transparent;
}

.delete-btn {
    position: absolute !important;
    top: -0px !important;
    right: 0px !important;
    background-color: transparent !important;
    background-image: url("../image/svg/delete-btn-icon.svg") !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: 100% !important;
    width: 20px !important;
    height: 20px !important;
    border: 0 !important;
    margin-top: 10px;
}

.uploaded-file-box {
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    gap: 10px !important;
    flex-wrap: wrap !important;
    width: 100% !important;
    padding: 8px !important;
    background-color: #f6f8f9 !important;
    border-radius: 10px !important;
    -webkit-border-radius: 10px !important;
    -moz-border-radius: 10px !important;
    -ms-border-radius: 10px !important;
    -o-border-radius: 10px !important;
    border: 1px solid rgba(73, 101, 123, 0.15) !important;
    margin-bottom: 10px !important;
}

.uploaded-file-box .left {
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
}

.uploaded-file-box .delete-btn {
    position: static !important;
}

.app-green-text {
    color: #ffffff !important;
}

.info-word-course {
    display: -webkit-box;
    -webkit-line-clamp: 1; /* Adjust the number of lines */
    -webkit-box-orient: vertical;
    overflow: hidden;
    max-width: 100%;
    word-wrap: break-word;
}


.subBox_learning, .linear_learningbox-video-player {
    position: relative;
    z-index: 1; /* Ensure the text remains above the video */
}

.skip-link {
    display: block;
    font-weight: 300;
    line-height: 40px;
    text-align: center;
    color: rgba(255, 255, 255, 1);
}

.social-menu ul {
    display: flex;
    align-items: center;
    justify-content: center;
  }
  
  .social-menu ul li {
    list-style: none;
    margin: 0 15px;
  }
  
  .social-menu ul li i {
    font-size: 20px;
    line-height: 46px;
    transition: 0.3s;
    color: #000;
  }
  
  .social-menu ul li a {
    position: relative;
    display: block;
    width: 44px;
    height: 44px;
    border-radius: 50%;
    background-color: #fff;
    text-align: center;
    transition: 0.6s;
    box-shadow: 0 5px 4px rgba(0, 0, 0, 0.5);
  }
  
  .social-menu ul li a:hover {
    transform: translate(0, -10%);
  }

  #download-client-doc-popup .btn-close {
    position: absolute;
    top: 16px;
    right: 14px;
  }