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

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

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

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

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

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

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

@font-face {
    font-family: 'IRANYekanFN';
    src: url('../fonts/IRANYekanFN.woff2') format('woff2'),
        url('../fonts/IRANYekanFN.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
	font-family: dana;
	font-style: normal;
	font-weight: 10;
	src: url('../fonts/woff2/DanaFaNum-Hairline.woff2') format('woff2'),  
		 url('../fonts/woff/DanaFaNum-Hairline.woff') format('woff');  
}
@font-face {
	font-family: dana;
	font-style: normal;
	font-weight: 100;
	src: url('../fonts/woff2/DanaFaNum-Thin.woff2') format('woff2'),  
		 url('../fonts/woff/DanaFaNum-Thin.woff') format('woff');  
}
@font-face {
	font-family: dana;
	font-style: normal;
	font-weight: 200;
	src: url('../fonts/woff2/DanaFaNum-UltraLight.woff2') format('woff2'),  
		 url('../fonts/woff/DanaFaNum-UltraLight.woff') format('woff');  
}
@font-face {
	font-family: dana;
	font-style: normal;
	font-weight: 300;
	src: url('../fonts/woff2/DanaFaNum-Light.woff2') format('woff2'),  
		 url('../fonts/woff/DanaFaNum-Light.woff') format('woff');  
}
@font-face {
	font-family: dana;
	font-style: normal;
	font-weight: 500;
	src: url('../fonts/woff2/DanaFaNum-Medium.woff2') format('woff2'),  
		 url('../fonts/woff/DanaFaNum-Medium.woff') format('woff');  
}
@font-face {
	font-family: dana;
	font-style: normal;
	font-weight: 600;
	src: url('../fonts/woff2/DanaFaNum-DemiBold.woff2') format('woff2'),  
		 url('../fonts/woff/DanaFaNum-DemiBold.woff') format('woff');  
}
@font-face {
	font-family: dana;
	font-style: normal;
	font-weight: 800;
	src: url('../fonts/woff2/DanaFaNum-ExtraBold.woff2') format('woff2'),  
		 url('../fonts/woff/DanaFaNum-ExtraBold.woff') format('woff');  
}
@font-face {
	font-family: dana;
	font-style: normal;
	font-weight: 900;
	src: url('../fonts/woff2/DanaFaNum-Black.woff2') format('woff2'),  
		 url('../fonts/woff/DanaFaNum-Black.woff') format('woff');  
}
@font-face {
	font-family: dana;
	font-style: normal;
	font-weight: bold;
	src: url('../fonts/woff2/DanaFaNum-Bold.woff2') format('woff2'),  
		 url('../fonts/woff/DanaFaNum-Bold.woff') format('woff');  
}
@font-face {
	font-family: dana;
	font-style: normal;
	font-weight: normal;
	src: url('../fonts/woff2/DanaFaNum-Regular.woff2') format('woff2'),  
		 url('../fonts/woff/DanaFaNum-Regular.woff') format('woff');  
}
body {
    font-family: 'IRANYekanFN';
}
.login_sarlak {
    padding: 35px;
}

.logo_login {
    margin-bottom: 40px;
    margin-top: 50px;
}

.bx_login .head_b_login h3 {
    font-size: 25px;
    font-weight: 700;
    line-height: 35px;
    margin-bottom: 11px;
}

.bx_login .head_b_login p {
    color: rgba(136, 136, 136, 1);
    font-size: 18px;
    font-weight: 500;
}

.bx_login .head_b_login:before {
    content: '';
    position: absolute;
    bottom: 0;
    width: 60px;
    height: 6px;
    background: linear-gradient(90deg, #FF7E00 0%, #F6902C 64.42%, #FFAF61 100%);
    border-radius: 0 0 12px 12px;
    right: calc(50% - 30px);
}

.bx_login .head_b_login {
    position: relative;
    padding-bottom: 29px;
    margin-bottom: 70px;
}
.bx_login.register .head_b_login {
    margin-bottom: 20px;
}
.body_b_login .forget_pw {
    color: rgba(21, 21, 21, 1);
    font-size: 17px;
    font-weight: 500;
    margin: 33px 0;
}

.forget_pw a {
    color: rgba(255, 126, 0, 1);
    text-decoration: none;
}

.body_b_login .btn_login {
    background: linear-gradient(90deg, #FF7E00 0%, #F6902C 64.42%, #FFAF61 100%);
    min-width: 500px;
    line-height: 70px;
    color: rgba(255, 255, 255, 1);
    font-size: 20px;
    font-weight: 700;
    padding: 0;
    border: none;
    border-radius: 15px;
}

.bx_slide_login>img {
    height: 100%;
}

.bx_slide_login .over_b_s_login {
    position: absolute;
    bottom: 100px;
    width: 70%;
    right: 20%;
    text-align: center;
    max-width: 660px;
}

.bx_slide_login {
    position: relative;
    height: auto;
}

.bx_slide_login .over_b_s_login h3 {
    font-size: 52px;
    font-weight: 900;
    color: rgba(255, 255, 255, 1);
    margin-bottom: 24px;
}

.bx_slide_login .over_b_s_login p {
    font-size: 17px;
    color: rgba(255, 255, 255, 1);
}

.slider_login {
    text-align: left;
}
.slider_login .swiper-pagination-bullet-active {
    width: 38px;
    height: 8px;
    background: #fff;
    border-radius: 3px;
}

.slider_login .swiper-pagination-bullet:not(.swiper-pagination-bullet-active) {
    background: rgba(255, 255, 255, 0.2);
    width: 19px;
    height: 8px;
    border-radius: 3px;
    opacity: 1;
    transition: all 0.3s;
}

.slider_login .swiper-pagination-bullet:not(.swiper-pagination-bullet-active):hover {
    background: #fff;
}
.slider_login .swiper-pagination {
    position: absolute;
    width: 660px;
    bottom: 54px;
}
.body_b_login .input {
    border: 2px solid rgba(235, 235, 235, 1);
    border-radius: 15px;
    padding: 8px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 8px;
    align-items: center;
    margin-bottom: 17px;
}
.body_b_login .input input::placeholder {
    color: rgba(21, 21, 21, 1);
    opacity: 1;
}
.body_b_login form {
    width: 500px;
    margin: 0 auto;
}

.body_b_login .input .select_phone {
    width: 90px;
    padding: 0;
    border: 0;
}

.body_b_login .input .form-control {
    width: auto;
    border: none;
    box-shadow: none;
    flex: 1;
    padding: 0;
}

.body_b_login .input .icon_input {
    width: 66px;
    height: 66px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(246, 144, 44, 0.11);
    border-radius: 10px;
}

.body_b_login .input .form-control.phone_number {
    direction: ltr;
}
.body_b_login .input .select2-selection--single {
    background: none;
    border: none;
    padding: 0;
    border-radius: 0;
    direction: ltr;
    font-size: 18px;
    font-weight: 500;
}
.body_b_login .input .select2-container[dir="rtl"] .select2-selection--single .select2-selection__rendered {
    padding-right: 20px;
    padding-left: 8px;
}
.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__arrow {
    right: 1px;
    left: auto;
}
.select2-container--default .select2-selection--single .select2-selection__arrow b {
    border-color: #0A0A0A transparent transparent transparent;
}
.signup_oth ul {
    display: flex;
    align-items: center;
    justify-content: center;
    list-style: none;
    padding: 0;
    margin: 0;
    gap: 14px;
    flex-wrap: wrap;
}

.signup_oth ul li a {
    width: 70px;
    height: 70px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 15px;
    border: 1px solid rgba(0, 0, 0, 0.1);
    transition: all 0.3s;
}

.signup_oth ul li a:hover {
    background: rgba(0, 0, 0, 0.1);
}

.body_b_login .btn_login:hover {
    background: linear-gradient(90deg, #FFAF61 0%, #F6902C 64.42%, #FF7E00 100%);
}

.signup_oth>div p {
    color: rgba(150, 154, 168, 1);
    font-size: 14px;
    font-weight: 500;
    background: #fff;
    display: inline-block;
    margin: 0;
    padding: 0 10px;
}

.signup_oth>div {
    margin-bottom: 21px;
    display: block;
    position: relative;
}

.signup_oth>div:before {
    content: '';
    position: absolute;
    top: 50%;
    right: 0;
    height: 1.5px;
    width: 100%;
    background: rgba(236, 236, 236, 1);
    z-index: -1;
}

.signup_oth {
    margin-top: 30px;
    display: block;
}
.otp {
    display: flex;
    gap: 45px;
    direction: ltr;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    margin-top: 80px;
    margin-bottom: 40px;
}
.otp input {
    width: 60px;
    height: 70px;
    text-align: center;
    font-size: 60px;
    font-weight: 700;
    background: #fff1;
    color: rgba(190, 190, 190, 1);
    transition: border-color .2s ease, box-shadow .2s ease;
    caret-color: rgba(255, 126, 0, 1);
    border: none;
    border-bottom: 3px solid rgba(102, 102, 102, 0.14);
    border-radius: 4px;
}
.otp input:focus {
    border-color:rgba(255, 126, 0, 1);
    box-shadow:0 0 0 4px color-mix(in oklab, rgba(255, 126, 0, 1) 25%, transparent);
    outline:none;
}
.otp input[data-filled="true"] {
    border-color: rgba(255, 126, 0, 1);
    color: rgba(255, 126, 0, 1);
}
.body_b_login .timer span {
    color: rgba(255, 126, 0, 1);
    font-size: 33px;
    font-weight: 700;
}

.body_b_login .timer p {
    color: rgba(13, 13, 13, 0.5);
    font-size: 20px;
    font-weight: 500;
    margin: 0;
}

.body_b_login .timer {
    margin-bottom: 40px;
}
.h_panel {
    box-shadow: 0px 4px 88px 0px rgba(0, 0, 0, 0.08);
    border-radius: 18px;
    padding: 18px;
    margin: 30px 0;
}

.h_panel .btn_menu_h {
    background: linear-gradient(148.79deg, #F6902C 18.86%, #FD740B 103.99%);
    border: none;
    color: #fff;
    display: flex;
    align-items: center;
    font-size: 15px;
    font-weight: 700;
    gap: 13px;
    padding: 16px 16px 16px 40px;
    border-radius: 15px;
    font-family: dana;
}

.profile_h {
    display: flex;
    justify-content: end;
    align-items: center;
}

.profile_h .btn_profile_h {
    background: rgba(240, 240, 240, 1);
    border-radius: 15px;
    border: none;
    padding: 16px 24px 16px 40px;
    display: flex;
    align-items: center;
    color: rgba(0, 0, 0, 1);
    font-size: 12px;
    gap: 8px;
    font-weight: 600;
    font-family: dana;
}

.sec_cart {
    box-shadow: 0px 4px 100px 0px rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    overflow: hidden;
    margin-bottom: 15px;
}

.sec_cart.active .sec_cart_head {
    background: linear-gradient(90deg, #FF7E00 0%, #F6902C 64.42%, #FFAF61 100%);
}

.sec_cart .sec_cart_head {
    padding: 30px 50px 30px 25px;
    position: relative;
    color: #fff;
    background: linear-gradient(91.25deg, #151515 4.71%, #585858 110.61%);
}

.sec_cart .sec_cart_head h3 {
    font-size: 20px;
    font-weight: 600;
    margin: 0;
    font-family: dana;
}

.sec_cart .sec_cart_head:before {
    content: '';
    position: absolute;
    right: 25px;
    top: calc(50% - 6px);
    width: 12px;
    height: 12px;
    background: #fff;
    border-radius: 3px;
}

.sec_cart .sec_cart_body {
    padding: 13px 20px;
}

.list_cart_items .bx_item_cart,.r_pay_body .bx_item_cart {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-bottom: 9px;
    padding: 16px;
    box-shadow: 0px 4px 100px 0px rgba(0, 0, 0, 0.1);
    border-radius: 15px;
}

.list_cart_items .bx_item_cart .right,.r_pay_body .bx_item_cart .right {
    display: flex;
    align-items: center;
    gap: 25px;
    flex-wrap: wrap;
}

.list_cart_items .bx_item_cart .right .img,.r_pay_body .bx_item_cart .right .img {
    width: 138px;
    height: 116px;
    border-radius: 16px;
}

.list_cart_items .bx_item_cart .meta_b_i_c h2,.r_pay_body .bx_item_cart .meta_b_i_c h2 {
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 11px;
}

.list_cart_items .bx_item_cart .meta_b_i_c p,.r_pay_body .bx_item_cart .meta_b_i_c p {
    color: rgba(0, 0, 0, 0.43);
    font-size: 12px;
}

.list_cart_items .bx_item_cart .meta_b_i_c .f_meta_b_i_c,.r_pay_body .bx_item_cart .meta_b_i_c .f_meta_b_i_c {
    color: rgba(255, 126, 0, 1);
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 15px;
    font-weight: 700;
}

.list_cart_items .bx_item_cart .left,.r_pay_body .bx_item_cart .left {
    display: flex;
    align-items: center;
    gap: 14px;
    flex-wrap: wrap;
}

.list_cart_items .bx_item_cart .price_cart span,.r_pay_body .bx_item_cart .price_cart span {
    color: rgba(136, 136, 136, 1);
    font-size: 16px;
    font-weight: 500;
}

.list_cart_items .bx_item_cart .price_cart p,.r_pay_body .bx_item_cart .price_cart p {
    color: rgba(246, 144, 44, 1);
    font-size: 20px;
    font-weight: 800;
    margin: 0;
}

.list_cart_items .bx_item_cart .price_cart span.old,.r_pay_body .bx_item_cart .price_cart span.old {
    font-size: 15px;
    font-weight: 800;
    position: relative;
}
.list_cart_items .bx_item_cart .price_cart span.old:before,.r_pay_body .bx_item_cart .price_cart span.old:before {
    content: '';
    position: absolute;
    right: -10px;
    top: 50%;
    height: 1.5px;
    width: calc(100% + 20px);
    background: rgba(255, 126, 0, 1);
    transform: rotate(-5deg);
}
.list_cart_items .bx_item_cart .price_cart,.r_pay_body .bx_item_cart .price_cart {
    direction: ltr;
    text-align: left;
}

.list_cart_items .bx_item_cart .btn_remove,.r_pay_body .bx_item_cart .btn_remove {
    background: rgba(174, 174, 174, 0.1);
    border: none;
    box-shadow: none;
    width: 45px;
    height: 45px;
    display: flex;
    border-radius: 12px;
    align-items: center;
    justify-content: center;
}

.list_cart_items .bx_item_cart:last-child {
    margin: 0;
}

.frm_student_cart .input_cart label {
    font-size: 15px;
    font-weight: 500;
    margin-bottom: 10px;
    display: block;
}

.frm_student_cart .input_cart .input_icon input {
    border: 1px solid rgba(221, 221, 221, 1);
    display: block;
    width: 100%;
    border-radius: 12px;
    padding: 16px 45px 16px 23px;
}

.frm_student_cart .input_cart .input_icon {
    position: relative;
}

.frm_student_cart .input_cart .input_icon:before {
    right: 18px;
    content: '';
    position: absolute;
    top: calc(50% - 10px);
    width: 20px;
    height: 20px;
}

.frm_student_cart .input_cart .input_icon.user:before {
    background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16.6666 17.5C16.6666 15.1988 13.6818 13.3333 9.99992 13.3333C6.31802 13.3333 3.33325 15.1988 3.33325 17.5M9.99992 10.8333C7.69873 10.8333 5.83325 8.96785 5.83325 6.66667C5.83325 4.36548 7.69873 2.5 9.99992 2.5C12.3011 2.5 14.1666 4.36548 14.1666 6.66667C14.1666 8.96785 12.3011 10.8333 9.99992 10.8333Z' stroke='%23151515' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}

.frm_student_cart .input_cart {
    margin-bottom: 20px;
}

.frm_student_cart .input_cart .input_icon.phone:before {
    background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.91872 3.54768C7.66561 2.91492 7.05276 2.5 6.37126 2.5H4.07895C3.20692 2.5 2.5 3.20675 2.5 4.07878C2.5 11.491 8.50898 17.5 15.9212 17.5C16.7933 17.5 17.5 16.793 17.5 15.921L17.5004 13.6283C17.5004 12.9468 17.0856 12.334 16.4528 12.0809L14.2558 11.2024C13.6874 10.9751 13.0402 11.0774 12.57 11.4693L12.0029 11.9422C11.3407 12.4941 10.3664 12.4502 9.75683 11.8407L8.16018 10.2425C7.55066 9.63302 7.50561 8.65945 8.05745 7.99724L8.53027 7.43025C8.92218 6.95996 9.02541 6.31263 8.79805 5.74424L7.91872 3.54768Z' stroke='%23151515' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

.frm_student_cart .input_cart .input_icon.email:before {
    background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.33333 4.99984L8.42303 8.84339L8.42473 8.8448C8.98987 9.25924 9.27261 9.46658 9.5823 9.54668C9.85602 9.61748 10.1438 9.61748 10.4175 9.54668C10.7274 9.46651 11.011 9.25856 11.5771 8.84339C11.5771 8.84339 14.8417 6.33812 16.6667 4.99984M2.5 13.1667V6.83333C2.5 5.89991 2.5 5.43285 2.68166 5.07633C2.84144 4.76273 3.09623 4.50795 3.40983 4.34816C3.76635 4.1665 4.23341 4.1665 5.16683 4.1665H14.8335C15.7669 4.1665 16.233 4.1665 16.5895 4.34816C16.9031 4.50795 17.1587 4.76273 17.3185 5.07633C17.5 5.43251 17.5 5.899 17.5 6.8306V13.1695C17.5 14.1011 17.5 14.5669 17.3185 14.9231C17.1587 15.2367 16.9031 15.4919 16.5895 15.6517C16.2333 15.8332 15.7675 15.8332 14.8359 15.8332H5.16409C4.23249 15.8332 3.766 15.8332 3.40983 15.6517C3.09623 15.4919 2.84144 15.2367 2.68166 14.9231C2.5 14.5666 2.5 14.1001 2.5 13.1667Z' stroke='%23151515' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

.frm_student_cart .input_cart .input_icon.telegram:before {
    background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.58976 11.4101L12.6282 7.37166M16.7594 4.90707L13.3505 15.9859C13.045 16.9787 12.8921 17.4754 12.6287 17.64C12.4001 17.7828 12.1172 17.8067 11.8682 17.7034C11.5812 17.5843 11.3483 17.1193 10.8836 16.1898L8.72445 11.8716C8.6507 11.7241 8.61379 11.6507 8.56453 11.5868C8.52082 11.53 8.47038 11.479 8.41367 11.4352C8.35122 11.3871 8.27901 11.351 8.1381 11.2806L3.8099 9.11646C2.88047 8.65175 2.41572 8.41918 2.29663 8.13216C2.19335 7.88325 2.2169 7.60003 2.3597 7.37148C2.52436 7.10795 3.02099 6.95486 4.01416 6.64927L15.093 3.2404C15.8738 3.00015 16.2643 2.88012 16.5281 2.97695C16.7578 3.06128 16.9389 3.24221 17.0232 3.47193C17.12 3.73553 16.9999 4.12589 16.7599 4.90591L16.7594 4.90707Z' stroke='%23151515' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

.list_gateway .bx_gateway {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: rgba(217, 217, 217, 0.1);
    border-radius: 15px;
    border: 1px solid rgba(0, 0, 0, 0.1);
    height: 78px;
    padding: 0 20px;
    margin-bottom: 13px;
}

.sec_cart .discount_cart {
    background: rgba(217, 217, 217, 0.1);
    border: 1px solid rgba(0, 0, 0, 0.1);
    height: 78px;
    border-radius: 15px;
    padding: 9px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    gap: 10px;
    font-family: dana;
}

.btn_primary {
    background: linear-gradient(90deg, #FF7E00 0%, #F6902C 64.42%, #FFAF61 100%);
    color: #fff;
    border-radius: 15px;
    font-size: 20px;
    font-weight: 700;
}

.sec_cart .discount_cart .btn_primary {
    padding: 13px 30px;
}

.sec_cart .discount_cart .input {
    flex: 1;
    position: relative;
}

.sec_cart .discount_cart .input input {
    width: 100%;
    border: none;
    background: none;
    box-shadow: none;
    padding-right: 54px;
    font-size: 15px;
    font-weight: 600;
    color: rgba(136, 136, 136, 1);
}

.sec_cart .discount_cart .input:before {
    content: '';
    position: absolute;
    right: 0;
    top: calc(50% - 12px);
    width: 24px;
    height: 24px;
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14 6H6C5.06812 6 4.60192 6 4.23438 6.15224C3.74432 6.35523 3.35523 6.74481 3.15224 7.23486C3 7.60241 3 8.06835 3 9.00023C4.65685 9.00023 6 10.3429 6 11.9998C6 13.6566 4.65685 15 3 15C3 15.9319 3 16.3978 3.15224 16.7654C3.35523 17.2554 3.74432 17.6447 4.23438 17.8477C4.60192 17.9999 5.06812 18 6 18H14M14 6H18C18.9319 6 19.3978 6 19.7654 6.15224C20.2554 6.35523 20.6447 6.74481 20.8477 7.23486C20.9999 7.6024 20.9999 8.06835 20.9999 9.00023C19.343 9.00023 18 10.3431 18 12C18 13.6569 19.343 15 20.9999 15C20.9999 15.9319 20.9999 16.3978 20.8477 16.7654C20.6447 17.2554 20.2554 17.6447 19.7654 17.8477C19.3978 17.9999 18.9319 18 18 18H14M14 6V18' stroke='%23888888' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

.sec_cart .discount_cart .input:after {
    content: '';
    position: absolute;
    right: 37px;
    width: 1px;
    height: 100%;
    background: rgba(215, 215, 215, 1);
}

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

.list_payment ul li {
    display: flex;
    justify-content: space-between;
    margin-bottom: 25px;
}

.list_payment ul li span {
    color: rgba(136, 136, 136, 1);
    font-size: 20px;
    font-weight: 700;
}

.list_payment ul li p {
    margin: 0;
    color: rgba(39, 39, 39, 1);
    font-size: 20px;
    font-weight: 700;
}

.list_payment ul li p.c_green {
    color: rgba(61, 194, 27, 1);
}
.list_payment ul li p.c_red {
    color: rgba(240, 50, 56, 1);
}
.list_payment .total_payment {
    border-top: 1.5px solid rgba(215, 215, 215, 1);
    padding-top: 13px;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-top: 70px;
}

.list_payment .total_payment .right {
    display: flex;
    align-items: center;
    gap: 7px;
}

.list_payment .total_payment .right p {
    font-size: 16px;
    margin: 0;
    font-weight: 500;
}

.list_payment .total_payment .left p {
    font-size: 34px;
    font-weight: 800;
    margin: 0;
}

.list_payment .total_payment .left {
    direction: ltr;
}

.list_payment .total_payment .left span {
    color: rgba(53, 53, 53, 0.6);
    font-size: 16px;
    font-weight: 500;
}

.list_payment>.btn_primary {
    width: 100%;
    padding: 18px;
    margin-top: 15px;
    font-family: dana;
}
.frm_student_cart {
    padding: 29px 0;
}
.list_gateway .bx_gateway label {
    flex: 1;
}

.list_gateway .bx_gateway .form-check-input {
    width: 23px;
    height: 23px;
    background: transparent;
    border-color: rgba(164, 164, 164, 1);
}

.list_gateway .bx_gateway .form-check-input:checked[type=radio] {
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0.500122' y='0.5' width='22.1523' height='22.1523' rx='11.0761' stroke='%23FF7E00'/%3E%3Crect x='3.56189' y='3.56201' width='16.0285' height='16.0285' rx='8.01426' fill='%23FF7E00'/%3E%3C/svg%3E");
    border: none;
    box-shadow: none;
}
.breadcrumb li.breadcrumb-item a {
    color: rgba(0, 0, 0, 0.4);
    text-decoration: none;
}

.breadcrumb li.breadcrumb-item {
    font-size: 12px;
    font-weight: 500;
    color: rgba(0, 0, 0, 1);
}

.breadcrumb {
    margin-bottom: 30px;
}
.result_pay {
    text-align: center;
    margin-bottom: 100px;
}

.result_pay .r_pay_head img {
    margin-bottom: 56px;
}

.result_pay .r_pay_head h2 {
    font-size: 40px;
    font-weight: 600;
    margin-bottom: 21px;
}

.result_pay .r_pay_head h2 span.c_green {
    color: rgba(117, 208, 69, 1);
}

.result_pay .r_pay_head .desc_r_pay {
    color: rgba(0, 0, 0, 0.5);
    font-size: 15px;
    font-weight: 400;
    margin-bottom: 23px;
}

.result_pay .r_pay_head .dtl_pay_ok {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: center;
    margin-bottom: 40px;
}

.result_pay .r_pay_head .dtl_pay_ok p {
    font-size: 15px;
    font-weight: 500;
    color: rgba(0, 0, 0, 0.65);
    margin: 0;
    position: relative;
}

.result_pay .r_pay_head .dtl_pay_ok p span {
    color: rgba(255, 126, 0, 1);
}

.result_pay .r_pay_head .dtl_pay_ok p:not(.sup_txt) {
    border-left: 1px solid rgba(0, 0, 0, 0.2);
    padding-left: 16px;
    margin-left: 16px;
}

.result_pay .r_pay_head .dtl_pay_ok .sup_txt:before {
    content: '';
    position: absolute;
    right: 0;
    top: calc(50% - 8px);
    width: 15px;
    height: 15px;
    border: 2px solid rgba(255, 126, 0, 1);
    border-radius: 15px;
}

.result_pay .r_pay_head .dtl_pay_ok .sup_txt {
    padding-right: 25px;
}

.r_pay_body .btns_pay_ok {
    display: flex;
    align-items: center;
    gap: 26px;
    flex-wrap: wrap;
    margin-top: 40px;
}

.r_pay_body .btns_pay_ok .btn_primary {
    flex: 1;
    padding: 10px;
    border-radius: 12px;
}

.btn_secondary {
    box-shadow: 0px 4px 100px 0px rgba(0, 0, 0, 0.07);
    background: rgba(255, 126, 0, 0.2);
    color: rgba(255, 126, 0, 1);
    font-size: 20px;
    font-weight: 700;
}

.r_pay_body .btn_secondary {
    padding: 10px 70px;
    border-radius: 12px;
}
.list_srv_dash {
    display: flex;
    flex-wrap: wrap;
    gap: 40px;
    justify-content: end;
}

.list_srv_dash .bx_srv_dash {
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    position: relative;
}

.list_srv_dash .bx_srv_dash .icon {
    width: 110px;
    height: 110px;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0px 4px 60px 0px rgba(0, 0, 0, 0.22);
    border-radius: 25px;
    margin-bottom: 24px;
    background: #fff;
    transition: all 0.3s;
    border: 4px solid transparent;
}

.list_srv_dash .bx_srv_dash a {
    color: rgba(98, 98, 98, 1);
    margin: 0;
    font-size: 18px;
    font-weight: 600;
    font-family: dana;
    text-decoration: none;
}

.list_srv_dash .bx_srv_dash:nth-child(1):hover .icon {border: 4px solid #1768c9;}

.list_srv_dash .bx_srv_dash:nth-child(2):hover .icon {
    border: 4px solid #609f94;
}

.list_srv_dash .bx_srv_dash:nth-child(3):hover .icon {
            border: 4px solid #e88829;


}

.list_srv_dash .bx_srv_dash:nth-child(4):hover .icon {
    border: 4px solid #e88829;
}

.list_srv_dash .bx_srv_dash:nth-child(5):hover .icon {
        border: 4px solid #a6c902;

}

.list_srv_dash .bx_srv_dash:nth-child(6):hover .icon {
    border: 4px solid #e88829;
}
.last_course {
    margin-top: 65px;
}
.h_sec_dash {
    position: relative;
    overflow: hidden;
    padding: 10px 0;
    margin-bottom: 40px;
}

.h_sec_dash:before {
    content: '';
    position: absolute;
    right: -22px;
    top: calc(50% - 22px);
    width: 44px;
    height: 44px;
    border: 7px solid rgba(246, 144, 44, 1);
    border-radius: 12px;
    transform: rotate(45deg);
}

.h_sec_dash .tit_sec_dash {
    font-size: 30px;
    font-weight: 700;
    font-family: dana;
}

.slide_arrow button {
    background: rgba(236, 236, 236, 1);
    border-radius: 15px;
    width: 52px;
    height: 52px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: none;
    transition: all 0.3s;
}

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

.slide_arrow button:hover {
    background: rgba(255, 126, 0, 1);
    box-shadow: 0 0 13px rgba(246, 144, 44, 0.54);
}

.slide_arrow button:hover svg path {
    stroke: #fff;
}

.bx_slide_course {
        box-shadow: 0px 4px 14px 0px rgba(0, 0, 0, 0.08);
    border-radius: 22px;
    padding: 10px;
}

.bx_slide_course .img {
    margin-bottom: 20px;
    position: relative;
}
.bx_slide_course h2 {
    line-height: 18px;
}
.bx_slide_course h2 a {
    font-size: 15px;
    font-weight: 700;
    text-decoration: none;
    color: rgba(39, 39, 39, 1);
}

.bx_slide_course>p {
    color: rgba(0, 0, 0, 0.43);
    font-size: 12px;
}

.bx_slide_course .b_s_meta_course>div {
    display: flex;
    align-items: center;
    margin-bottom: 12px;
    gap: 10px;
}

.bx_slide_course .b_s_meta_course>div p {
    margin-bottom: 0;
    font-size: 13px;
    font-weight: 700;
    color: rgba(88, 88, 88, 1);
}

.bx_slide_course .b_s_meta_course>div p span {
    color: rgba(146, 146, 146, 1);
}

.bx_slide_course .b_s_meta_course>div .icon {
    width: 33px;
    height: 33px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 33px;
    background: rgba(176, 213, 0, 0.22);
}

.bx_slide_course .b_s_meta_course>div:last-child .icon {
    background: rgba(121, 177, 255, 0.22);
}

.bx_slide_course .b_s_meta_course {
    margin-bottom: 21px;
}

.bx_slide_course .btn_course {
    background: rgba(246, 144, 44, 1);
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 24px;
    font-size: 15px;
    font-weight: 700;
    padding: 15px;
    border-radius: 15px;
}

.bx_consul {
    box-shadow: 0px 4px 50px 0px rgba(0, 0, 0, 0.07);
    background: rgba(255, 255, 255, 1);
    border-radius: 22px;
}

.consulting {
    padding: 70px 0;
}

.consul_right {
    display: flex;
    align-items: center;
    padding: 10px;
    gap: 20px;
    font-family: dana;
}

.consul_right h3 {
    font-size: 30px;
    font-weight: 700;
    margin-bottom: 5px;
}

.consul_right p {
    color: rgba(185, 185, 185, 1);
    font-size: 15px;
    font-weight: 500;
    line-height: 27px;
    margin: 0;
}

.consul_left {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
}

.consul_left .btn {
    padding: 15px 45px;
}

.bx_dr_dash {
    background: rgba(255, 255, 255, 1);
    box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.07);
    border-radius: 22px;
    padding: 12px;
    text-align: center;
    margin-top: 40px;
    font-family: dana;
}

.bx_dr_dash h3 {
    font-size: 18px;
    font-weight: 600;
    margin: 18px 0 5px 0;
}

.bx_dr_dash p {
    color: rgba(0, 0, 0, 0.6);
    font-size: 15px;
    font-weight: 500;
}

.bx_dr_dash .img img {
    width: 82px;
    height: 82px;
    position: relative;
}

.bx_dr_dash .img {
    position: relative;
    margin-top: -40px;
}

.bx_dr_dash .img:before {
    content: '';
    position: absolute;
    width: 71px;
    height: 71px;
    border-radius: 15px;
    background: rgba(153, 167, 184, 1);
    right: calc(50% - 35.5px);
    bottom: 0;
}
.slider_intro_dash .swiper-pagination {
    text-align:left;
    left: 150px;
    background: #fff;
    width: auto;
    padding: 0 20px;
    bottom: 0;
    border-radius: 15px 15px 0 0;
    height: 35px;
    display: flex;
    align-items: center;
}

.slider_intro_dash .swiper-pagination span.swiper-pagination-bullet {
    background: rgba(246, 144, 44, 0.3);
    width: 23px;
    height: 10px;
    border-radius: 3px;
    opacity: 1;
    transition: all 0.3s;
}

.slider_intro_dash .swiper-pagination span.swiper-pagination-bullet.swiper-pagination-bullet-active,.slider_intro_dash .swiper-pagination span.swiper-pagination-bullet:hover {
    background: rgba(246, 144, 44, 1);
    width: 38px;
}
.drs_dash {
    padding-bottom: 50px;
}
.h_profile h2 {
    font-size: 30px;
    font-weight: 700;
    margin-bottom: 12px;
}

.h_profile p {
    color: rgba(146, 146, 146, 1);
    font-size: 15px;
    font-weight: 500;
}

.h_profile {
    margin-bottom: 45px;
}

.bx_r_profile .img {
    position: relative;
    margin-bottom: 32px;
}

.bx_r_profile .img>div {
    position: absolute;
    left: 28px;
    top: calc(50% - 35px);
    width: 220px;
    text-align: center;
    color: #fff;
    min-height: 70px;
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
}

.bx_r_profile .img>div span {
    font-size: 24px;
    font-weight: 500;
    line-height: 20px;
}

.bx_r_profile .img>div p {
    margin: 0;
    font-size: 22px;
    font-weight: 900;
}

.bx_r_profile .img img {
    width: 100%;
}

.bx_r_profile .code_profile {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    align-items: center;
    margin-bottom: 100px;
}

.bx_r_profile .code_profile p {
    color: rgba(0, 0, 0, 1);
    font-size: 20px;
    font-weight: 900;
    margin: 0;
}

.bx_r_profile .code_profile div {
    background: linear-gradient(99.1deg, rgba(246, 144, 44, 0.1) -0.34%, rgba(255, 126, 0, 0.1) 114.79%);
    color: rgba(246, 144, 44, 1);
    font-size: 22px;
    font-weight: 500;
    border-radius: 15px;
    padding: 12px 22px;
}

.bx_r_profile .btn_primary,.frm_profile .btn_primary {
    display: block;
    width: 100%;
    padding: 15px;
}

.bx_l_profile h3 {
    color: rgba(39, 39, 39, 1);
    font-size: 30px;
    font-weight: 700;
    margin-bottom: 38px;
}

.frm_profile .input {
    display: flex;
    align-items: center;
    background: rgba(255, 255, 255, 1);
    border-radius: 12px;
    border: 1px solid rgba(195, 195, 195, 1);
    box-shadow: 0px 4px 50px 0px rgba(0, 0, 0, 0.04);
    overflow: hidden;
    padding: 0 20px;
    margin-bottom: 25px;
}

.frm_profile .input .form-control {
    border: none;
    padding: 17px 0;
    box-shadow: none;
}

.frm_profile .input .icon {
    border-left: 1px solid rgba(0, 0, 0, 0.1);
    padding-left: 14px;
    margin: 17px 0 17px 17px;
}

.frm_profile .input:hover {
    border-color: rgba(246, 144, 44, 1);
    box-shadow: 0px 4px 50px 0px rgba(0, 0, 0, 0.04);
}

.frm_profile .input:hover .icon svg path {
    stroke: #F6902C;
}

.frm_profile .input .icon svg path {
    transition: all 0.3s;
}
.menu_drop {
    width: 1320px;
    position: absolute;
    top: 100%;
    background: rgba(255, 255, 255, 1);
    box-shadow: 0px 4px 80px 0px rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    padding: 15px;
    top: 15px !important;
    z-index: 9;
    border: none;
}

.menu_h {
    position: relative;
}

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

.list_menu_drop ul li a {
    color: rgba(98, 98, 98, 1);
    text-decoration: none;
    font-size: 18px;
    font-weight: 600;
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 18px 0;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    position: relative;
    font-family: dana;
}

.list_menu_drop ul li a .icon {
    width: 32px;
    height: 32px;
    background: #111;
    border-radius: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.22);
    border: 3px solid #686868;
}

.list_menu_drop ul li:last-child a {
    border: none;
}

.list_menu_drop ul li:nth-child(1) a .icon {background: linear-gradient(142.93deg, #F6902C 21.52%, #F5B271 125.16%);border-color: #e88829;}

.list_menu_drop ul li:nth-child(2) a .icon {
    background: linear-gradient(151.27deg, #65A89C 17.7%, #9DFFEE 133.91%);
    border-color: #609f94;
}

.list_menu_drop ul li:nth-child(3) a .icon {
    background: linear-gradient(157.66deg, #176ED5 14.56%, #70B2FF 115.36%);
    border-color: #1768c9;
}

.list_menu_drop ul li a:before {
    content: '';
    position: absolute;
    left: 5px;
    top: calc(50% - 5px);
    background-image: url("data:image/svg+xml,%3Csvg width='6' height='11' viewBox='0 0 6 11' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath opacity='0.2' d='M5.00708 1L1.597 4.35675C0.7484 5.19208 0.813168 6.57928 1.73591 7.33191L5.00708 10' stroke='black' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E%0A");
    width: 6px;
    height: 11px;
}
.swiper_last_course,.swiper_drs_dash {
    padding: 10px;
}
.swiper_drs_dash .swiper-slide:nth-child(5n + 2) .bx_dr_dash .img:before {
    background: #1781FF;
}

.swiper_drs_dash .swiper-slide:nth-child(5n + 3) .bx_dr_dash .img:before {
    background: #B45496;
}

.swiper_drs_dash .swiper-slide:nth-child(5n + 4) .bx_dr_dash .img:before {
    background: #22C55E;
}

.swiper_drs_dash .swiper-slide:nth-child(5n + 5) .bx_dr_dash .img:before {
    background: #C52225;
}

.swiper_drs_dash .swiper-slide:nth-child(5n + 1) .bx_dr_dash .img:before {
    background: #99A7B8;
}
.bx_dr_dash .btn_consul {
    color: #8A8A8A;
    font-size: 15px;
    font-weight: 700;
    background: #99999921;
    border-radius: 15px;
    width: 100%;
    padding: 15px;
    transition: all 0.3s;
}

.bx_dr_dash:hover .btn_consul {
    background: #F6902C26;
    color: #F6902C;
}
.left_h_site {
    display: flex;
    gap: 6px;
    justify-content: end;
}
.btn_menu_mob {
    width: 52px;
    height: 52px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: none;
    border-radius: 15px;
    background: linear-gradient(148.79deg, #F6902C 18.86%, #FD740B 103.99%);
}
.menu_mob {
    position: fixed;
    bottom: 0;
    width: 100%;
    z-index: 9999;
    display: none;
}
.list_menu {
    height: 87px;
    width: 100%;
    background: url(../img/bg_menu_mob.png) no-repeat;
    filter: drop-shadow(0px 4px 47px rgba(0, 0, 0, 0.1));
    background-size: 100% 100%;
    padding: 0 40px;
    margin-top: 50px;
}

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

.list_menu .menu_item_mob a {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    color: rgba(0, 0, 0, 0.4);
    text-decoration: none;
    font-size: 12px;
    font-weight: 600;
    font-family: dana;
    gap: 7px;
}

.list_menu .menu_item_mob {
    display: flex;
    align-items: center;
    justify-content: center;
}

.list_menu .menu_item_mob:not(.home) {
    width: 67px;
}

.menu_item_mob.home {
    width: 80px;
    height: 80px;
    background: linear-gradient(90deg, #FF7E00 0%, #F6902C 64.42%, #FFAF61 100%);
    border-radius: 70px;
    margin-top: -40px;
}
.bx_hero_s_course {
    box-shadow: 0px 4px 120px 0px rgba(0, 0, 0, 0.07);
    background: rgba(255, 255, 255, 1);
    border-radius: 20px;
    padding: 20px;
    margin-bottom: 30px;
}
.bx_r_h_s_c h1 {
    font-size: 25px;
    font-weight: 700;
    margin-bottom: 14px;
}

.bx_r_h_s_c>p {
    color: rgba(146, 146, 146, 1);
    font-size: 15px;
    font-weight: 500;
    margin: 0;
}

.course_dtl .dtl {background: rgba(255, 255, 255, 1);border-radius: 20px;border: 1px solid #ddd;display: flex;justify-content: space-between;align-items: center;padding: 20px 30px;margin-bottom: 38px;}

.course_dtl .dtl .price p:not(.old) {
    color: rgba(246, 144, 44, 1);
    font-size: 33px;
    font-weight: 700;
    text-align: center;
}

.course_dtl .dtl .price p {
    margin: 0;
    font-family: 'dana';
    color: rgba(120, 120, 120, 1);
    font-size: 18px;
    font-weight: 400;
    position: relative;
}

.course_dtl .dtl .price p.old:before {
    content: '';
    position: absolute;
    right: 0;
    height: 2px;
    width: 100%;
    background: rgba(246, 144, 44, 1);
    top: calc(40% - 1px);
}

.course_dtl .dtl .stu_all {
    display: flex;
    align-items: center;
    gap: 24px;
    font-family: 'dana';
}

.course_dtl .dtl .stu_all p {
    color: rgba(41, 41, 41, 1);
    font-size: 33px;
    font-weight: 900;
    margin: 0;
}

.course_dtl .dtl .stu_all span {
    color: rgba(41, 41, 41, 0.6);
    font-size: 20px;
    font-weight: 400;
    margin-top: -16px;
    display: block;
}

.course_dtl .buy a {
    display: block;
    font-family: 'dana';
    font-weight: 600;
    padding: 12px;
    box-shadow: 0px 4px 38px 0px rgba(246, 144, 44, 0.49);
    border: none;
}

.course_dtl {
    position: relative;
    padding-left: 120px;
    margin-top: 30px;
}

.course_dtl .btn_like_c {
    position: absolute;
    left: 0;
    bottom: 0;
    display: flex;
    flex-direction: column;
    gap: 25px;
    direction: ltr;
}

.btn_like_c .icon {
    background: rgba(246, 144, 44, 0.11);
    width: 52px;
    height: 52px;
    border-radius: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.course_dtl .btn_like_c>div {
    display: flex;
    align-items: center;
    gap: 6px;
}

.btn_like_c .btn_like .icon {
    background: rgba(248, 37, 54, 0.1);
}

.course_dtl .btn_like_c>div p {
    font-size: 15px;
    font-weight: 600;
    margin: 0;
    font-family: 'dana';
    color: rgba(91, 91, 91, 1);
}

.course_dtl .btn_like_c .btn_like p {
    color: rgba(248, 37, 54, 1);
}

.img_course {
    overflow: hidden;
    border-radius: 20px;
    box-shadow: 0px 4px 120px 0px rgba(0, 0, 0, 0.07);
}
.img_course img {
    width: 100%;
}
.bx_r_h_s_c {
    padding: 20px 0;
}
.bx_teach {
    box-shadow: 0px 4px 120px 0px rgba(0, 0, 0, 0.07);
    background: #fff;
    border-radius: 20px;
    padding: 20px 30px;
    position: relative;
}
.bx_teach:before {
    content: '';
    position: absolute;
    bottom: -10px;
    height: 20px;
    border-radius: 20px;
    width: 80%;
    right: 10%;
    background: rgba(246, 144, 44, 1);
    z-index: -1;
}
.bx_teach .h_bx_teach {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 15px;
    flex-wrap: wrap;
}

.bx_teach .h_bx_teach .dth_teach {
    display: flex;
    align-items: center;
    gap: 20px;
}

.h_bx_teach .dth_teach .img {
    width: 82px;
    height: 82px;
    border: 4px solid rgba(246, 144, 44, 1);
    border-radius: 20px;
    overflow: hidden;
}

.h_bx_teach .dth_teach span {
    color: rgba(124, 124, 124, 0.6);
    font-size: 14px;
    font-weight: 500;
}

.h_bx_teach .dth_teach p {
    color: rgba(2, 2, 2, 0.6);
    font-size: 18px;
    font-weight: 700;
    margin: 0;
}

.bx_teach .h_bx_teach .btn_primary {
    background: linear-gradient(92.46deg, #F6902C 2.06%, #FFB66E 116.37%);
    border: none;
    border-radius: 30px;
    font-size: 12px;
    font-weight: 700;
    padding: 20px 40px;
    box-shadow: 0 0 20px #f6902c8a;
}

.bx_teach>p {
    color: rgba(146, 146, 146, 1);
    font-size: 15px;
    font-weight: 500;
    margin: 0;
}

.fth_course {
    display: grid;
    grid-template-columns: repeat(2, 1fr); /* دو ستون با عرض مساوی */
    gap: 16px;
}

.fth_course .bx_fth_course {
    box-shadow: 0px 4px 120px 0px rgba(0, 0, 0, 0.07);
    background: #fff;
    border-radius: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 25px;
    gap: 24px;
}

.bx_fth_course .icon {
    width: 52px;
    height: 52px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(246, 144, 44, 0.1);
    border-radius: 12px;
    position: relative;
    transition: all 0.3s;
}

.fth_course .bx_fth_course>div>p {
    color: rgba(0, 0, 0, 1);
    font-size: 15px;
    font-weight: 700;
    margin: 0;
}

.fth_course .bx_fth_course>div>span {
    color: rgba(139, 139, 139, 1);
    font-size: 11px;
    font-weight: 500;
}

.bx_fth_course .icon:before {
    content: '';
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(246, 144, 44, 0.32);
    border-radius: 12px;
    transition: all 0.3s;
    z-index: -1;
}

.bx_fth_course:hover .icon:before {
    transform: rotate(-25deg);
}

.bx_fth_course:hover .icon {
    background: rgba(246, 144, 44, 1);
}

.bx_fth_course:hover .icon svg path {stroke: #fff;opacity: 1;}

.bx_fth_course:hover .icon {
    z-index: 99;
}
.bx_desc_course {margin: 30px 0;box-shadow: 0px 4px 60px 0px rgba(0, 0, 0, 0.08);background: rgba(255, 255, 255, 1);border-radius: 12px;padding: 18px;}

.h_b_de_co {background: rgba(88, 88, 88, 0.18);border-radius: 12px;padding: 20px;position: relative;margin-bottom: 15px;}

.h_b_de_co h2 {
    font-size: 20px;
    font-weight: 700;
    margin: 0;
}

.h_b_de_co:before {
    content: '';
    position: absolute;
    right: 0;
    top: 25%;
    height: 50%;
    width: 6px;
    border-radius: 5px 0 0 5px;
    background: rgba(246, 144, 44, 1);
}

.body_b_de_co {
    color: rgba(146, 146, 146, 0.77);
    line-height: 28px;
    font-size: 15px;
    padding: 0 10px;
    text-align: justify;
}

.video_course h2 {
    color: rgba(52, 52, 52, 1);
    font-size: 22px;
    font-weight: 700;
    margin-bottom: 28px;
}

#video_course .accordion-button {
    background: rgba(255, 255, 255, 1);
    box-shadow: 0px 4px 60px 0px rgba(0, 0, 0, 0.08);
    border-radius: 12px;
    display: flex;
    align-items: center;
    gap: 10px;
}

#video_course .accordion-item {
    border: none;
    margin-bottom: 24px;
}

#video_course .accordion-button .icon {
    width: 92px;
    height: 92px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-image: url("data:image/svg+xml,%3Csvg width='93' height='93' viewBox='0 0 93 93' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='14.5771' y='13.8864' width='63' height='65' rx='18.5' fill='url(%23paint0_linear_2101_30)' stroke='url(%23paint1_linear_2101_30)' stroke-width='3'/%3E%3Crect opacity='0.4' x='2.07009' y='35.8107' width='63' height='65' rx='18.5' transform='rotate(-32.3822 2.07009 35.8107)' fill='url(%23paint2_linear_2101_30)' stroke='url(%23paint3_linear_2101_30)' stroke-width='3'/%3E%3Crect opacity='0.2' x='2.47119' y='58.5102' width='63' height='65' rx='18.5' transform='rotate(-61.4326 2.47119 58.5102)' fill='url(%23paint4_linear_2101_30)' stroke='url(%23paint5_linear_2101_30)' stroke-width='3'/%3E%3Crect opacity='0.5' x='20.5771' y='19.8864' width='51' height='53' rx='18.5' fill='url(%23paint6_linear_2101_30)' stroke='url(%23paint7_linear_2101_30)' stroke-width='3'/%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear_2101_30' x1='13.0771' y1='46.3864' x2='79.0771' y2='46.3864' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23FF7E00'/%3E%3Cstop offset='0.644231' stop-color='%23F6902C'/%3E%3Cstop offset='1' stop-color='%23FFAF61'/%3E%3C/linearGradient%3E%3ClinearGradient id='paint1_linear_2101_30' x1='13.0771' y1='46.3864' x2='79.0771' y2='46.3864' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23FF7E00'/%3E%3Cstop offset='0.644231' stop-color='%23F6902C'/%3E%3Cstop offset='1' stop-color='%23FFAF61'/%3E%3C/linearGradient%3E%3ClinearGradient id='paint2_linear_2101_30' x1='0' y1='69.3473' x2='66' y2='69.3473' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23FF7E00'/%3E%3Cstop offset='0.644231' stop-color='%23F6902C'/%3E%3Cstop offset='1' stop-color='%23FFAF61'/%3E%3C/linearGradient%3E%3ClinearGradient id='paint3_linear_2101_30' x1='0' y1='69.3473' x2='66' y2='69.3473' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23FF7E00'/%3E%3Cstop offset='0.644231' stop-color='%23F6902C'/%3E%3Cstop offset='1' stop-color='%23FFAF61'/%3E%3C/linearGradient%3E%3ClinearGradient id='paint4_linear_2101_30' x1='0.436523' y1='93.1103' x2='66.4365' y2='93.1103' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23FF7E00'/%3E%3Cstop offset='0.644231' stop-color='%23F6902C'/%3E%3Cstop offset='1' stop-color='%23FFAF61'/%3E%3C/linearGradient%3E%3ClinearGradient id='paint5_linear_2101_30' x1='0.436523' y1='93.1103' x2='66.4365' y2='93.1103' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23FF7E00'/%3E%3Cstop offset='0.644231' stop-color='%23F6902C'/%3E%3Cstop offset='1' stop-color='%23FFAF61'/%3E%3C/linearGradient%3E%3ClinearGradient id='paint6_linear_2101_30' x1='19.0771' y1='46.3864' x2='73.0771' y2='46.3864' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23FF7E00'/%3E%3Cstop offset='0.644231' stop-color='%23F6902C'/%3E%3Cstop offset='1' stop-color='%23FFAF61'/%3E%3C/linearGradient%3E%3ClinearGradient id='paint7_linear_2101_30' x1='19.0771' y1='46.3864' x2='73.0771' y2='46.3864' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23FF7E00'/%3E%3Cstop offset='0.644231' stop-color='%23F6902C'/%3E%3Cstop offset='1' stop-color='%23FFAF61'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E%0A");
    font-size: 33px;
    color: #fff;
    font-weight: bold;
    background-size: 100%;
    background-repeat: no-repeat;
}

#video_course .accordion-button .dtl_row_video>div {
    display: flex;
    align-items: center;
    gap: 6px;
    margin-bottom: 7px;
}

#video_course .accordion-button .dtl_row_video>div p {
    margin: 0;
    color: rgba(0, 0, 0, 1);
    font-size: 12px;
    font-weight: 400;
}

#video_course .accordion-button .dtl_row_video>div span {
    background: rgba(185, 185, 185, 0.18);
    border-radius: 5px;
    box-shadow: 0px 4px 62px 0px rgba(0, 0, 0, 0.06);
    color: rgba(255, 126, 0, 1);
    padding: 2px 14px;
    font-size: 11px;
    font-weight: 700;
}

#video_course .accordion-button .dtl_row_video h3 {
    color: rgba(0, 0, 0, 1);
    font-size: 15px;
    font-weight: 700;
    margin: 0;
}

#video_course .accordion-button .icon.lock {
    background-image: url("data:image/svg+xml,%3Csvg width='93' height='93' viewBox='0 0 93 93' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='14.5771' y='13.8866' width='63' height='65' rx='18.5' fill='url(%23paint0_linear_2102_37)' stroke='url(%23paint1_linear_2102_37)' stroke-width='3'/%3E%3Crect opacity='0.4' x='2.07009' y='35.8107' width='63' height='65' rx='18.5' transform='rotate(-32.3822 2.07009 35.8107)' fill='url(%23paint2_linear_2102_37)' stroke='url(%23paint3_linear_2102_37)' stroke-width='3'/%3E%3Crect opacity='0.2' x='2.47119' y='58.5103' width='63' height='65' rx='18.5' transform='rotate(-61.4326 2.47119 58.5103)' fill='url(%23paint4_linear_2102_37)' stroke='url(%23paint5_linear_2102_37)' stroke-width='3'/%3E%3Crect opacity='0.5' x='20.5771' y='19.8866' width='51' height='53' rx='18.5' fill='url(%23paint6_linear_2102_37)' stroke='url(%23paint7_linear_2102_37)' stroke-width='3'/%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear_2102_37' x1='46.0771' y1='12.3866' x2='46.0771' y2='80.3866' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23FFC805'/%3E%3Cstop offset='1' stop-color='%23FFB800'/%3E%3C/linearGradient%3E%3ClinearGradient id='paint1_linear_2102_37' x1='46.0771' y1='12.3866' x2='46.0771' y2='80.3866' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23FFC805'/%3E%3Cstop offset='1' stop-color='%23FFB800'/%3E%3C/linearGradient%3E%3ClinearGradient id='paint2_linear_2102_37' x1='33' y1='35.3473' x2='33' y2='103.347' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23FFC805'/%3E%3Cstop offset='1' stop-color='%23FFB800'/%3E%3C/linearGradient%3E%3ClinearGradient id='paint3_linear_2102_37' x1='33' y1='35.3473' x2='33' y2='103.347' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23FFC805'/%3E%3Cstop offset='1' stop-color='%23FFB800'/%3E%3C/linearGradient%3E%3ClinearGradient id='paint4_linear_2102_37' x1='33.4365' y1='59.1104' x2='33.4365' y2='127.11' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23FFC805'/%3E%3Cstop offset='1' stop-color='%23FFB800'/%3E%3C/linearGradient%3E%3ClinearGradient id='paint5_linear_2102_37' x1='33.4365' y1='59.1104' x2='33.4365' y2='127.11' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23FFC805'/%3E%3Cstop offset='1' stop-color='%23FFB800'/%3E%3C/linearGradient%3E%3ClinearGradient id='paint6_linear_2102_37' x1='46.0771' y1='18.3866' x2='46.0771' y2='74.3866' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23FFF1BE'/%3E%3Cstop offset='1' stop-color='%23FFB800'/%3E%3C/linearGradient%3E%3ClinearGradient id='paint7_linear_2102_37' x1='46.0771' y1='18.3866' x2='46.0771' y2='74.3866' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23FFC805'/%3E%3Cstop offset='1' stop-color='%23FFB800'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E%0A");
}

#video_course .accordion-item .accordion-button::after {
    background-image: url("data:image/svg+xml,%3Csvg width='45' height='45' viewBox='0 0 45 45' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0.5' y='0.5' width='44' height='44' rx='22' stroke='%23DEDEDE'/%3E%3Cpath opacity='0.56' d='M26 16L21.4142 20.5858C20.6332 21.3668 20.6332 22.6332 21.4142 23.4142L26 28' stroke='%23383838' stroke-width='3' stroke-linecap='round'/%3E%3C/svg%3E");
    width: 45px;
    height: 45px;
    background-size: 45px 45px;
    transform: rotate(-90deg);
}

#video_course .accordion-item .accordion-button:not(.collapsed)::after {}

#video_course .accordion-body {
    background: rgba(255, 255, 255, 1);
    box-shadow: 0px 4px 60px 0px rgba(0, 0, 0, 0.08);
    border-radius: 0 0 12px 12px;
    margin-top: -12px;
    padding-top: calc(1rem + 12px);
}

#video_course .accordion-body ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

#video_course .accordion-body .bx_step_video_course {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 22px 0;
}

#video_course .accordion-body .bx_step_video_course p {
    color: rgba(146, 146, 146, 1);
    font-size: 15px;
    font-weight: 500;
    margin: 0;
    transition: all 0.3s;
}

#video_course .accordion-body ul li {
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

#video_course .accordion-body ul li:last-child {
    border: none;
}

#video_course .accordion-body .bx_step_video_course a {
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 100px;
    padding: 10px;
    text-decoration: none;
    color: #fff;
    font-size: 15px;
    font-weight: 700;
    display: flex;
    align-items: center;
    gap: 10px;
    transition: all 0.3s;
}

#video_course .accordion-body .bx_step_video_course a .icon {
    width: 35px;
    height: 35px;
    border-radius: 35px;
    border: 1px solid rgba(246, 144, 44, 1);
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s;
}

#video_course .accordion-body ul li:hover p {
    color: rgba(255, 126, 0, 1);
}
#video_course .accordion-body ul li:hover a {
    background: rgba(246, 144, 44, 1);
    color: #fff;
}

#video_course .accordion-body ul li:hover a .icon {
    border-color: #fff;
}

#video_course .accordion-body ul li:hover a .icon svg path {
    fill: #fff;
}
.bx_desc_course {margin: 30px 0;box-shadow: 0px 4px 60px 0px rgba(0, 0, 0, 0.08);background: rgba(255, 255, 255, 1);border-radius: 12px;padding: 18px;}

.h_b_de_co {background: rgba(88, 88, 88, 0.18);border-radius: 12px;padding: 20px;position: relative;margin-bottom: 15px;}

.h_b_de_co h2 {
    font-size: 20px;
    font-weight: 700;
    margin: 0;
}

.h_b_de_co:before {
    content: '';
    position: absolute;
    right: 0;
    top: 25%;
    height: 50%;
    width: 6px;
    border-radius: 5px 0 0 5px;
    background: rgba(246, 144, 44, 1);
}

.body_b_de_co {
    color: rgba(146, 146, 146, 0.77);
    line-height: 28px;
    font-size: 15px;
    padding: 0 10px;
    text-align: justify;
}

.video_course h2 {
    color: rgba(52, 52, 52, 1);
    font-size: 22px;
    font-weight: 700;
    margin-bottom: 28px;
}

#video_course .accordion-button {
    background: rgba(255, 255, 255, 1);
    box-shadow: 0px 4px 60px 0px rgba(0, 0, 0, 0.08);
    border-radius: 12px;
    display: flex;
    align-items: center;
    gap: 10px;
}

#video_course .accordion-item {
    border: none;
    margin-bottom: 24px;
}

#video_course .accordion-button .icon {
    width: 92px;
    height: 92px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-image: url("data:image/svg+xml,%3Csvg width='93' height='93' viewBox='0 0 93 93' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='14.5771' y='13.8864' width='63' height='65' rx='18.5' fill='url(%23paint0_linear_2101_30)' stroke='url(%23paint1_linear_2101_30)' stroke-width='3'/%3E%3Crect opacity='0.4' x='2.07009' y='35.8107' width='63' height='65' rx='18.5' transform='rotate(-32.3822 2.07009 35.8107)' fill='url(%23paint2_linear_2101_30)' stroke='url(%23paint3_linear_2101_30)' stroke-width='3'/%3E%3Crect opacity='0.2' x='2.47119' y='58.5102' width='63' height='65' rx='18.5' transform='rotate(-61.4326 2.47119 58.5102)' fill='url(%23paint4_linear_2101_30)' stroke='url(%23paint5_linear_2101_30)' stroke-width='3'/%3E%3Crect opacity='0.5' x='20.5771' y='19.8864' width='51' height='53' rx='18.5' fill='url(%23paint6_linear_2101_30)' stroke='url(%23paint7_linear_2101_30)' stroke-width='3'/%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear_2101_30' x1='13.0771' y1='46.3864' x2='79.0771' y2='46.3864' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23FF7E00'/%3E%3Cstop offset='0.644231' stop-color='%23F6902C'/%3E%3Cstop offset='1' stop-color='%23FFAF61'/%3E%3C/linearGradient%3E%3ClinearGradient id='paint1_linear_2101_30' x1='13.0771' y1='46.3864' x2='79.0771' y2='46.3864' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23FF7E00'/%3E%3Cstop offset='0.644231' stop-color='%23F6902C'/%3E%3Cstop offset='1' stop-color='%23FFAF61'/%3E%3C/linearGradient%3E%3ClinearGradient id='paint2_linear_2101_30' x1='0' y1='69.3473' x2='66' y2='69.3473' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23FF7E00'/%3E%3Cstop offset='0.644231' stop-color='%23F6902C'/%3E%3Cstop offset='1' stop-color='%23FFAF61'/%3E%3C/linearGradient%3E%3ClinearGradient id='paint3_linear_2101_30' x1='0' y1='69.3473' x2='66' y2='69.3473' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23FF7E00'/%3E%3Cstop offset='0.644231' stop-color='%23F6902C'/%3E%3Cstop offset='1' stop-color='%23FFAF61'/%3E%3C/linearGradient%3E%3ClinearGradient id='paint4_linear_2101_30' x1='0.436523' y1='93.1103' x2='66.4365' y2='93.1103' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23FF7E00'/%3E%3Cstop offset='0.644231' stop-color='%23F6902C'/%3E%3Cstop offset='1' stop-color='%23FFAF61'/%3E%3C/linearGradient%3E%3ClinearGradient id='paint5_linear_2101_30' x1='0.436523' y1='93.1103' x2='66.4365' y2='93.1103' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23FF7E00'/%3E%3Cstop offset='0.644231' stop-color='%23F6902C'/%3E%3Cstop offset='1' stop-color='%23FFAF61'/%3E%3C/linearGradient%3E%3ClinearGradient id='paint6_linear_2101_30' x1='19.0771' y1='46.3864' x2='73.0771' y2='46.3864' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23FF7E00'/%3E%3Cstop offset='0.644231' stop-color='%23F6902C'/%3E%3Cstop offset='1' stop-color='%23FFAF61'/%3E%3C/linearGradient%3E%3ClinearGradient id='paint7_linear_2101_30' x1='19.0771' y1='46.3864' x2='73.0771' y2='46.3864' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23FF7E00'/%3E%3Cstop offset='0.644231' stop-color='%23F6902C'/%3E%3Cstop offset='1' stop-color='%23FFAF61'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E%0A");
    font-size: 33px;
    color: #fff;
    font-weight: bold;
    background-size: 100%;
}

#video_course .accordion-button .dtl_row_video>div {
    display: flex;
    align-items: center;
    gap: 6px;
    margin-bottom: 7px;
}

#video_course .accordion-button .dtl_row_video>div p {
    margin: 0;
    color: rgba(0, 0, 0, 1);
    font-size: 12px;
    font-weight: 400;
}

#video_course .accordion-button .dtl_row_video>div span {
    background: rgba(185, 185, 185, 0.18);
    border-radius: 5px;
    box-shadow: 0px 4px 62px 0px rgba(0, 0, 0, 0.06);
    color: rgba(255, 126, 0, 1);
    padding: 2px 14px;
    font-size: 11px;
    font-weight: 700;
}

#video_course .accordion-button .dtl_row_video h3 {
    color: rgba(0, 0, 0, 1);
    font-size: 15px;
    font-weight: 700;
    margin: 0;
}

#video_course .accordion-button .icon.lock {
    background-image: url("data:image/svg+xml,%3Csvg width='93' height='93' viewBox='0 0 93 93' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='14.5771' y='13.8866' width='63' height='65' rx='18.5' fill='url(%23paint0_linear_2102_37)' stroke='url(%23paint1_linear_2102_37)' stroke-width='3'/%3E%3Crect opacity='0.4' x='2.07009' y='35.8107' width='63' height='65' rx='18.5' transform='rotate(-32.3822 2.07009 35.8107)' fill='url(%23paint2_linear_2102_37)' stroke='url(%23paint3_linear_2102_37)' stroke-width='3'/%3E%3Crect opacity='0.2' x='2.47119' y='58.5103' width='63' height='65' rx='18.5' transform='rotate(-61.4326 2.47119 58.5103)' fill='url(%23paint4_linear_2102_37)' stroke='url(%23paint5_linear_2102_37)' stroke-width='3'/%3E%3Crect opacity='0.5' x='20.5771' y='19.8866' width='51' height='53' rx='18.5' fill='url(%23paint6_linear_2102_37)' stroke='url(%23paint7_linear_2102_37)' stroke-width='3'/%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear_2102_37' x1='46.0771' y1='12.3866' x2='46.0771' y2='80.3866' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23FFC805'/%3E%3Cstop offset='1' stop-color='%23FFB800'/%3E%3C/linearGradient%3E%3ClinearGradient id='paint1_linear_2102_37' x1='46.0771' y1='12.3866' x2='46.0771' y2='80.3866' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23FFC805'/%3E%3Cstop offset='1' stop-color='%23FFB800'/%3E%3C/linearGradient%3E%3ClinearGradient id='paint2_linear_2102_37' x1='33' y1='35.3473' x2='33' y2='103.347' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23FFC805'/%3E%3Cstop offset='1' stop-color='%23FFB800'/%3E%3C/linearGradient%3E%3ClinearGradient id='paint3_linear_2102_37' x1='33' y1='35.3473' x2='33' y2='103.347' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23FFC805'/%3E%3Cstop offset='1' stop-color='%23FFB800'/%3E%3C/linearGradient%3E%3ClinearGradient id='paint4_linear_2102_37' x1='33.4365' y1='59.1104' x2='33.4365' y2='127.11' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23FFC805'/%3E%3Cstop offset='1' stop-color='%23FFB800'/%3E%3C/linearGradient%3E%3ClinearGradient id='paint5_linear_2102_37' x1='33.4365' y1='59.1104' x2='33.4365' y2='127.11' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23FFC805'/%3E%3Cstop offset='1' stop-color='%23FFB800'/%3E%3C/linearGradient%3E%3ClinearGradient id='paint6_linear_2102_37' x1='46.0771' y1='18.3866' x2='46.0771' y2='74.3866' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23FFF1BE'/%3E%3Cstop offset='1' stop-color='%23FFB800'/%3E%3C/linearGradient%3E%3ClinearGradient id='paint7_linear_2102_37' x1='46.0771' y1='18.3866' x2='46.0771' y2='74.3866' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23FFC805'/%3E%3Cstop offset='1' stop-color='%23FFB800'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E%0A");
}

#video_course .accordion-item .accordion-button::after {
    background-image: url("data:image/svg+xml,%3Csvg width='45' height='45' viewBox='0 0 45 45' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0.5' y='0.5' width='44' height='44' rx='22' stroke='%23DEDEDE'/%3E%3Cpath opacity='0.56' d='M26 16L21.4142 20.5858C20.6332 21.3668 20.6332 22.6332 21.4142 23.4142L26 28' stroke='%23383838' stroke-width='3' stroke-linecap='round'/%3E%3C/svg%3E");
    width: 45px;
    height: 45px;
    background-size: 45px 45px;
    transform: rotate(-90deg);
}

#video_course .accordion-item .accordion-button:not(.collapsed)::after {}

#video_course .accordion-body {
    background: rgba(255, 255, 255, 1);
    box-shadow: 0px 4px 60px 0px rgba(0, 0, 0, 0.08);
    border-radius: 0 0 12px 12px;
    margin-top: -12px;
    padding-top: calc(1rem + 12px);
}

#video_course .accordion-body ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

#video_course .accordion-body .bx_step_video_course {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 22px 0;
}

#video_course .accordion-body .bx_step_video_course p {
    color: rgba(146, 146, 146, 1);
    font-size: 15px;
    font-weight: 500;
    margin: 0;
    transition: all 0.3s;
}

#video_course .accordion-body ul li {
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

#video_course .accordion-body ul li:last-child {
    border: none;
}

#video_course .accordion-body .bx_step_video_course a {
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 100px;
    padding: 10px;
    text-decoration: none;
    color: #fff;
    font-size: 15px;
    font-weight: 700;
    display: flex;
    align-items: center;
    gap: 10px;
    transition: all 0.3s;
}

#video_course .accordion-body .bx_step_video_course a .icon {
    width: 35px;
    height: 35px;
    border-radius: 35px;
    border: 1px solid rgba(246, 144, 44, 1);
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s;
}

#video_course .accordion-body ul li:hover p {
    color: rgba(255, 126, 0, 1);
}
#video_course .accordion-body ul li:hover a {
    background: rgba(246, 144, 44, 1);
    color: #fff;
}

a {}

#video_course .accordion-body ul li:hover a .icon {
    border-color: #fff;
}

#video_course .accordion-body ul li:hover a .icon svg path {
    fill: #fff;
}

.bx_quest {
    display: flex;
    align-items: center;
    gap: 100px;
    flex-wrap: wrap;
}

.quest {
    box-shadow: 0px 4px 60px 0px rgba(0, 0, 0, 0.08);
    background: #fff;
    border-radius: 12px;
    padding: 28px 40px;
    margin-bottom: 60px;
    position: relative;
}

.bx_quest .btn {
    flex: 1;
    box-shadow: 0px 4px 38px 0px rgba(246, 144, 44, 0.82);
    border: none;
    border-radius: 25px;
    font-size: 18px;
    font-weight: 700;
    padding: 13px;
}

.bx_quest>div {
    flex: 3;
}

.bx_quest h3 {
    color: rgba(255, 126, 0, 1);
    font-size: 33px;
    font-weight: 700;
    margin-bottom: 20px;
}

.bx_quest p {
    margin: 0;
    color: rgba(146, 146, 146, 0.77);
    font-size: 15px;
    font-weight: 500;
}

.quest:before {
    content: '';
    position: absolute;
    right: 0;
    top: 25%;
    height: 50%;
    width: 7px;
    border-radius: 12px 0 0 12px;
    background: rgba(246, 144, 44, 1);
    box-shadow: 0px 4px 60px 0px rgba(0, 0, 0, 0.08);
}

.bx_comment {
    margin-bottom: 21px;
    box-shadow: 0px 4px 50px 0px rgba(0, 0, 0, 0.05);
    background: #fff;
    border-radius: 22px;
    padding: 25px;
    font-family: 'dana';
}

.bx_comment .h_commnet {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-bottom: 30px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.bx_comment .h_commnet .right {
    display: flex;
    align-items: center;
    gap: 25px;
}

.bx_comment .h_commnet .right .icon {
    width: 65px;
    height: 65px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(246, 144, 44, 0.1);
    border-radius: 200px;
}

.bx_comment .h_commnet .right div p:first-child {
    font-size: 22px;
    font-weight: 600;
    color: rgba(63, 63, 63, 1);
    margin-bottom: 7px;
}

.bx_comment .h_commnet .right div p:last-child {
    color: rgba(246, 144, 44, 1);
    font-size: 15px;
    font-weight: 600;
    margin: 0;
}

.bx_comment .h_commnet .right div p:last-child span {
    color: rgba(161, 161, 161, 1);
}

.bx_comment .h_commnet .left {
    display: flex;
    align-items: center;
    gap: 27px;
    flex-wrap: wrap;
}

.bx_comment .h_commnet .left a {
    background: linear-gradient(241.39deg, rgba(176, 213, 0, 0.1) 34.08%, rgba(92, 111, 0, 0.1) 190.26%);
    border-radius: 25px;
    padding: 15px 25px;
    display: flex;
    align-items: center;
    gap: 10px;
    color: rgba(176, 213, 0, 1);
    text-decoration: none;
    font-weight: 700;
    font-size: 18px;
}

.bx_comment .h_commnet .left .stars_comment {
    display: flex;
    align-items: center;
    gap: 10px;
    color: rgba(63, 63, 63, 1);
    font-size: 22px;
    font-weight: 600;
    font-family: 'dana';
}

.bx_comment .h_commnet .left .stars_comment .stars {
    direction: ltr;
}

.bx_comment.replay {
    background: rgba(166, 166, 166, 0.23);
    width: 90%;
}

.bx_comment.replay .h_commnet .right div p:last-child {
    color: rgba(183, 183, 183, 1);
}

.bx_comment.replay .h_commnet .right .icon {
    background: rgba(0, 0, 0, 0.15);
}

.bx_comment.replay .h_commnet .left a {
    color: #fff;
    background: rgba(208, 208, 208, 1);
}

.bx_comment.replay .h_commnet .left a svg path {stroke: #fff;}

.bx_comment .b_commnet p {
    color: rgba(146, 146, 146, 0.77);
    font-size: 15px;
    font-weight: 500;
}

.bx_comment .b_commnet {
    padding-top: 30px;
}
.faq_coruse {
    margin: 100px 0;
}

.faq_coruse>h2 {
    font-size: 22px;
    font-weight: 700;
    margin-bottom: 32px;
}

.faq_coruse .nav-pills .nav-link {
    box-shadow: 0px 4px 120px 0px rgba(0, 0, 0, 0.1);
    background: rgba(255, 255, 255, 1);
    border-radius: 22px;
    color: rgba(52, 52, 52, 1);
    font-size: 18px;
    font-weight: 600;
    font-family: 'dana';
    text-align: right;
    padding: 18px 70px 18px 18px;
    margin-bottom: 22px;
    position: relative;
    transition: all 0.3s;
}

.faq_coruse .nav-pills .nav-link:before {
    content: '';
    position: absolute;
    right: 30px;
    width: 12px;
    height: 12px;
    background: rgba(216, 216, 216, 1);
    border-radius: 4px;
    top: calc(50% - 6px);
}

.faq_coruse .nav-pills .nav-link:hover {
    box-shadow: 0px 4px 120px 0px rgba(0, 0, 0, 0.1),0 0 0 2px rgba(246, 144, 44, 1);
    color: rgba(246, 144, 44, 1);
}

.faq_coruse .nav-pills .nav-link:hover:before {
    background: rgba(246, 144, 44, 1);
}

.faq_coruse .nav-pills .nav-link:after {
    content: '';
    position: absolute;
    left: 30px;
    top: calc(50% - 15px);
    width: 30px;
    height: 30px;
    background-image: url("data:image/svg+xml,%3Csvg width='30' height='30' viewBox='0 0 30 30' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16.25 18.75L12.5 15L16.25 11.25M15 26.25C21.2132 26.25 26.25 21.2132 26.25 15C26.25 8.7868 21.2132 3.75 15 3.75C8.7868 3.75 3.75 8.7868 3.75 15C3.75 21.2132 8.7868 26.25 15 26.25Z' stroke='%23656565' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    transition: all 0.3s;
}

.faq_coruse .nav-pills .nav-link:hover:after {
    background-image: url("data:image/svg+xml,%3Csvg width='30' height='30' viewBox='0 0 30 30' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16.25 18.75L12.5 15L16.25 11.25M15 26.25C21.2132 26.25 26.25 21.2132 26.25 15C26.25 8.7868 21.2132 3.75 15 3.75C8.7868 3.75 3.75 8.7868 3.75 15C3.75 21.2132 8.7868 26.25 15 26.25Z' stroke='%23F6902C' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}

.bx_faq_course {
    box-shadow: 0px 4px 120px 0px rgba(0, 0, 0, 0.1);
    border-radius: 22px;
    padding: 50px 30px;
}

.bx_faq_course h2 {
    color: rgba(0, 0, 0, 1);
    font-size: 30px;
    font-weight: 900;
    padding-bottom: 27px;
    margin-bottom: 35px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.content_faq_c {
    text-align: justify;
    height: 301px;
    overflow-y: scroll;
    color: rgba(13, 13, 13, 0.5);
    font-size: 15px;
    padding-left: 18px;
}

.content_faq_c p {
    margin: 0;
}
.list_menu_mob ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.list_menu_mob ul li a {
    text-decoration: none;
    padding: 10px;
    display: block;
    color: rgba(253, 116, 11, 1);
}
@media (max-width: 1400px) {
    .menu_drop {
        width: 1100px;
    }
    .bx_dr_dash h3 {
        font-size: 16px;
    }
    .sec_cart .discount_cart .btn_primary {
        padding: 13px;
    }
}
@media (max-width: 1200px) {
    .menu_drop {
        width: 930px;
    }
    .bx_r_profile .img>div {
        width: 170px;
    }
    .bx_r_profile .img>div p {
        font-size: 18px;
    }
    .bx_r_profile .img>div span {
        font-size: 20px;
    }
    .bx_r_profile .code_profile div {
        font-size: 18px;
    }
    .bx_r_profile .code_profile p {
        font-size: 18px;
    }
    .sec_cart .sec_cart_head {
        padding: 20px 50px 20px 25px;
    }
    .list_cart_items .bx_item_cart .right .img {
        flex: 1;
    }
    .list_cart_items .bx_item_cart .right {
        flex: 2;
    }
    .bx_slide_login .over_b_s_login h3 {
        font-size: 35px;
    }
    .bx_slide_login .over_b_s_login p {
        font-size: 15px;
    }
    .body_b_login form {
        width: auto;
    }
    .body_b_login .btn_login {
        min-width: 100%;
    }
    .otp {
        gap: 30px;
    }
    .course_dtl .dtl .stu_all {
        gap: 10px;
    }
    .course_dtl .dtl .stu_all p {
        font-size: 25px;
    }
    .course_dtl .dtl {
        padding: 20px 10px;
    }
    .course_dtl .dtl .price p:not(.old) {
        font-size: 25px;
    }
    .fth_course .bx_fth_course {
        padding: 15px 5px;
        gap: 10px;
    }
    .bx_faq_course h2 {
        font-size: 24px;
    }
    #video_course .accordion-body .bx_step_video_course {
        flex-wrap: wrap;
    }
}
@media (max-width: 992px) {
    
    .list_srv_dash {
        margin-top: 40px;
            justify-content: center !important;
    }
    .menu_drop {
        width: 690px;
    }
    .list_menu_drop ul li a {
        font-size: 14px;
        padding: 12px 0;
    }
    .list_srv_dash {
        gap: 20px;
        justify-content: space-between;
    }
    .list_srv_dash .bx_srv_dash .icon {
        width: 95px;
        height: 95px;
    }
    .consul_left {
        padding: 40px;
    }
    .bx_r_profile .img,.bx_r_profile .code_profile {
        width: 311px;
        margin: 0 auto 32px;
    }   
    .list_cart_items .bx_item_cart .right .img {
        flex: none;
        width: 100px;
    }
    .slider_login {
        text-align: center;
        margin-top: 25px;
    }
    .bx_slide_login .over_b_s_login {
        width: 60%;
        right: 20%;
    }
    .bx_teach {
        margin-bottom: 50px;
    }
    .bx_quest {
        gap: 40px;
    }
    .bx_comment .h_commnet .left {
        gap: 11px
    }
    .bx_comment .h_commnet .right {
        gap: 10px;
    }
}
@media (max-width: 768px) {
    .list_srv_dash {
        gap: 15px;
    }
    .list_srv_dash .bx_srv_dash .icon {
        width: 60px;
        height: 60px;
        border-radius: 12px;
        border-width: 4px !important;
        margin-bottom: 12px;
    }
    .list_srv_dash .bx_srv_dash .icon img {
        width: 27px;
    }
    .h_sec_dash .tit_sec_dash {
        font-size: 20px;
    }
    .bx_slide_course h2 a {
        font-size: 12px;
    }
    .consul_right {
        flex-direction: column;
        text-align: center;
    }
    .h_sec_dash {
        margin-bottom: 20px;
    }
    .list_srv_dash .bx_srv_dash a {
        font-size: 12px;
    }
    .bx_l_profile h3 {
        font-size: 25px;
    }
    .menu_mob {
        display: block;
    }
    .list_cart_items .bx_item_cart .right .img, .r_pay_body .bx_item_cart .right .img {
        width: auto;
    }
    .list_cart_items .bx_item_cart, .r_pay_body .bx_item_cart {
        flex-direction: column;
        justify-content: center;
        align-items: center;
        gap: 20px;
    }
    .list_cart_items .bx_item_cart .right, .r_pay_body .bx_item_cart .right {
        flex-direction: column;
        flex: none;
    }
    .list_cart_items .bx_item_cart, .r_pay_body .bx_item_cart {
        flex-direction: column;
        justify-content: center;
        align-items: center;
        gap: 20px;
    }
    .list_cart_items .bx_item_cart .meta_b_i_c h2, .r_pay_body .bx_item_cart .meta_b_i_c h2 {
        font-size: 16px;
    }
    .bx_slide_login .over_b_s_login {
        width: 80%;
        right: 10%;
    }
    .slider_login .swiper-pagination {
        width: 100%;
    }
    .course_dtl {
        padding-left: 0;
    }
    .course_dtl .btn_like_c {
        position: unset;
        flex-direction: row;
        flex-wrap: wrap;
        direction: rtl;
        margin-bottom: 20px;
    }
    .bx_teach {
        padding-bottom: 100px;
    }
    .bx_teach .h_bx_teach .btn_primary {
        position: absolute;
        bottom: 20px;
    }
    .fth_course {
        grid-template-columns: repeat(1, 1fr);
    }
    .fth_course .bx_fth_course {
        padding: 25px;
        gap: 24px;
        justify-content: start;
    }
    #video_course .accordion-body .bx_step_video_course {
        gap: 20px;
    }
    .bx_quest {
        flex-direction: column;
        align-items: start;
    }
    .bx_comment {
        position: relative;
        padding-bottom: 100px;
    }
    .bx_comment .h_commnet .left {
        position: absolute;
        bottom: 30px;
    }
}
@media (max-width: 576px) {
    .bx_slide_course>p,.bx_slide_course .b_s_meta_course>div:last-child {
        display: none;
    }
    .bx_slide_course .b_s_meta_course>div p {
        font-size: 10px;
    }
    .bx_slide_course .btn_course {
        font-size: 12px;
    }
    .logo_h_panel a img {
        max-width: 136px;
    }
    .profile_h .btn_profile_h {
        padding: 16px;
    }
    .h_panel {
        box-shadow: none;
        padding: 0;
    }
    .list_srv_dash {
        gap: 10px;
    }
    .list_srv_dash .bx_srv_dash .icon {
        width: 70px;
        height: 70px;
    }
    .h_sec_dash .tit_sec_dash {
        padding-right: 25px;
    }
    .h_sec_dash:before {
        right: -30px;
    }
    .bx_slide_course .img img {
        width: 100%;
    }
    .list_menu {
        padding: 0 20px;
    }
    .list_cart_items .bx_item_cart .left, .r_pay_body .bx_item_cart .left {
        gap: 50px;
    }
    .sec_cart .sec_cart_head h3 {
        font-size: 18px;
    }
    .login_sarlak {
        padding: 0;
    }
    .otp {
        gap: 20px;
    }
    .r_pay_body .btns_pay_ok {
        gap: 10px;
    }
    .result_pay {
        margin-bottom: 150px;
    }
    .r_pay_body .btn_secondary {
        padding: 10px 45px;
    }
    #video_course .accordion-button .icon {
        background-position: center center;
    }
    .faq_coruse .nav-pills .nav-link {
        padding: 18px 50px 18px 61px;
    }
    .bx_faq_course h2 {
        font-size: 18px;
    }
}