@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap');

@import url("../../default-new/css/fonts/custom/stylesheet.css");

:root {

    --primary-color: rgba(104, 118, 139, 1);

    /* --primary-color : #676C7D; */

    --primary-color-2: #6E798A;

    --secondery-color: #676C7D;

    --bg-white: #fff;

    --bg-white-2: #F8F7FF;

    --bg-white-3: #fff;

    --bg-white-4: #fff;

    --bg-white-5: #fff;

    --bg-white-6: #444;

    --bg-white-7: #fff;

    --color-1: #0D0C23;

    --color-2: #000;

    --color-3: #505763;

    --color-4: #43032d;

    --color-5: #000;

    --color-6: #676C7D;

    --color-7: #261954;

    --color-8: rgba(255, 255, 255, 0.644);

    --color-9: #fff;

    --color-10: #1E293B;

    --color-11: #6E798A;

    --color-12: #754ffe3a;

    --color-13: #6D7487;

    --color-14: #212534;

    --color-15: #754ffe58;

    --color-16: #6e798aab;

    --color-17: #0080FF;

    --hover-color: #f2f3f5;

    --hover-color-2: #f2f3f5;

    --border-color: #1e293b2a;

    --color-linear: linear-gradient(96deg, rgba(235, 247, 247, 1) 0%, rgba(248, 231, 249, 1) 100%);

    --box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;



}





.home_1st {

    --primary-color: #676C7D;

    --primary-color-2: #6E798A;

    --secondery-color: #676C7D;

    --bg-white: #fff;

    --bg-white-2: #F8F7FF;

    --bg-white-3: #fff;

    --bg-white-4: #fff;

    --bg-white-5: #fff;

    --bg-white-6: #444;

    --bg-white-7: #fff;

    --color-1: #1E293B;

    --color-2: #000;

    --color-3: #505763;

    --color-4: #754FFE;

    --color-5: #000;

    --color-6: #676C7D;

    --color-7: #261954;

    --color-8: rgba(255, 255, 255, 0.644);

    --color-9: #fff;

    --color-10: #1E293B;

    --color-11: #6E798A;

    --color-12: #754ffe3a;

    --color-13: #6D7487;

    --color-14: #212534;

    --color-15: #754ffe58;

    --color-16: #6e798aab;

    --color-17: #0080FF;

    --hover-color: #f2f3f5;

    --hover-color-2: #f2f3f5;

    --border-color: #1e293b2a;

    --color-linear: linear-gradient(96deg, rgba(235, 247, 247, 1) 0%, rgba(248, 231, 249, 1) 100%);

    --box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;



}



.home_2nd {

    --primary-color: #676C7D;

    --primary-color-2: #6E798A;

    --secondery-color: #676C7D;

    --bg-white: #fff;

    --bg-white-2: #F8F7FF;

    --bg-white-3: #fff;

    --bg-white-4: #fff;

    --bg-white-5: #fff;

    --bg-white-6: #444;

    --bg-white-7: #fff;

    --color-1: #1E293B;

    --color-2: #000;

    --color-3: #505763;

    --color-4: #754FFE;

    --color-5: #000;

    --color-6: #676C7D;

    --color-7: #261954;

    --color-8: rgba(255, 255, 255, 0.644);

    --color-9: #fff;

    --color-10: #1E293B;

    --color-11: #6E798A;

    --color-12: #754ffe3a;

    --color-13: #6D7487;

    --color-14: #212534;

    --color-15: #754ffe58;

    --color-16: #6e798aab;

    --color-17: #0080FF;

    --hover-color: #f2f3f5;

    --hover-color-2: #f2f3f5;

    --border-color: #1e293b2a;

    --color-linear: linear-gradient(96deg, rgba(235, 247, 247, 1) 0%, rgba(248, 231, 249, 1) 100%);

    --box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;



}



.home_3rd {

    --primary-color: #676C7D;

    --primary-color-2: #6E798A;

    --secondery-color: #676C7D;

    --bg-white: #fff;

    --bg-white-2: #F8F7FF;

    --bg-white-3: #fff;

    --bg-white-4: #fff;

    --bg-white-5: #fff;

    --bg-white-6: #444;

    --bg-white-7: #fff;

    --color-1: #1E293B;

    --color-2: #000;

    --color-3: #505763;

    --color-4: #754FFE;

    --color-5: #000;

    --color-6: #676C7D;

    --color-7: #261954;

    --color-8: rgba(255, 255, 255, 0.644);

    --color-9: #fff;

    --color-10: #1E293B;

    --color-11: #6E798A;

    --color-12: #754ffe3a;

    --color-13: #6D7487;

    --color-14: #212534;

    --color-15: #754ffe58;

    --color-16: #6e798aab;

    --color-17: #0080FF;

    --hover-color: #f2f3f5;

    --hover-color-2: #f2f3f5;

    --border-color: #1e293b2a;

    --color-linear: linear-gradient(96deg, rgba(235, 247, 247, 1) 0%, rgba(248, 231, 249, 1) 100%);

    --box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;



}



.home_4th {

    --primary-color: #676C7D;

    --primary-color-2: #6E798A;

    --secondery-color: #676C7D;

    --bg-white: #fff;

    --bg-white-2: #F8F7FF;

    --bg-white-3: #fff;

    --bg-white-4: #fff;

    --bg-white-5: #fff;

    --bg-white-6: #444;

    --bg-white-7: #fff;

    --color-1: #1E293B;

    --color-2: #000;

    --color-3: #505763;

    --color-4: #754FFE;

    --color-5: #000;

    --color-6: #676C7D;

    --color-7: #261954;

    --color-8: rgba(255, 255, 255, 0.644);

    --color-9: #fff;

    --color-10: #1E293B;

    --color-11: #6E798A;

    --color-12: #754ffe3a;

    --color-13: #6D7487;

    --color-14: #212534;

    --color-15: #754ffe58;

    --color-16: #6e798aab;

    --color-17: #0080FF;

    --hover-color: #f2f3f5;

    --hover-color-2: #f2f3f5;

    --border-color: #1e293b2a;

    --color-linear: linear-gradient(96deg, rgba(235, 247, 247, 1) 0%, rgba(248, 231, 249, 1) 100%);

    --box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;



}



.home_5th {

    --primary-color: #676C7D;

    --primary-color-2: #6E798A;

    --secondery-color: #676C7D;

    --bg-white: #fff;

    --bg-white-2: #F8F7FF;

    --bg-white-3: #fff;

    --bg-white-4: #fff;

    --bg-white-5: #fff;

    --bg-white-6: #444;

    --bg-white-7: #fff;

    --color-1: #1E293B;

    --color-2: #000;

    --color-3: #505763;

    --color-4: #754FFE;

    --color-5: #000;

    --color-6: #676C7D;

    --color-7: #261954;

    --color-8: rgba(255, 255, 255, 0.644);

    --color-9: #fff;

    --color-10: #1E293B;

    --color-11: #6E798A;

    --color-12: #754ffe3a;

    --color-13: #6D7487;

    --color-14: #212534;

    --color-15: #754ffe58;

    --color-16: #6e798aab;

    --color-17: #0080FF;

    --hover-color: #f2f3f5;

    --hover-color-2: #f2f3f5;

    --border-color: #1e293b2a;

    --color-linear: linear-gradient(96deg, rgba(235, 247, 247, 1) 0%, rgba(248, 231, 249, 1) 100%);

    --box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;



}



.dark-theme {

    --primary-color: #ddd;

    --primary-color-2: #6E798A;

    --secondery-color: #000;

    --bg-white: #0B0718;

    --bg-white-2: #181528;

    --bg-white-3: #ddd;

    --bg-white-4: #181528;

    --bg-white-5: #181528;

    --bg-white-6: #151515;

    --bg-white-7: #0B0718;

    --color-1: #ddd;

    --color-2: #0B0718;

    --color-3: #fff;

    --color-4: #0080FF;

    --color-5: #fff;

    --color-6: #fff;

    --color-7: #181528;

    --color-8: #fff;

    --color-9: #fff;

    --color-10: #1E293B;

    --color-11: #1E293B;

    --color-12: #1E293B;

    --color-13: #fff;

    --color-14: #fff;

    --color-15: #ffffff6b;

    --color-16: #ffffff;

    --hover-color: #ddd;

    --hover-color-2: #181528;

    --border-color: #fff3;

    --color-linear: #0B0718;

    --box-shadow: rgba(0, 0, 0, 0.25) 0px 54px 55px, rgba(0, 0, 0, 0.12) 0px -12px 30px, rgba(0, 0, 0, 0.12) 0px 4px 6px, rgba(0, 0, 0, 0.17) 0px 12px 13px, rgba(0, 0, 0, 0.09) 0px -3px 5px;

}



body {

    font-family: 'Inter', sans-serif;

    margin: 0;

    padding: 0;

    overflow-x: hidden;

    color: var(--primary-color);

    line-height: 24px;

}

h1 {

    font-size: 36px;

    font-weight: 700;

    /* color: var(--color-1); */

}

h1,
h2,
h3,
h4,
h5,
h6,
p,
a,
ul {

    padding: 0;

    margin: 0;

}

.container {

    max-width: 1140px;

    width: 100%;

}

ul {

    list-style: none;

}

a {

    text-decoration: none;

    display: inline-block;

}

p {

    font-size: 16px;

    font-weight: 400;

}

.pt-60 {

    padding-top: 60px;

}

.w-65 {

    width: 65%;

}

.mood-control {

    position: fixed;

    z-index: 999;

    top: 250px;

    right: 0;

    background-color: var(--bg-white-2);

    height: 48px;

    width: 50px;

    border-top-left-radius: 10px;

    border-bottom-left-radius: 10px;

    cursor: pointer;

    box-shadow: rgba(100, 100, 111, 0.2) 15px 17px 31px 19px;

}

.mood-control a {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    margin-top: 11px;

}

.mood-control img {

    width: 24px;

    margin: auto;

}

.language-control .form-select {

    background-image: none;

}

.language-control .nice-select::after {

    height: 7px !important;

    width: 7px !important;

}

.right-icon .language-control .nice-select {

    padding: 6px 10px;

    font-size: 12px;

    height: 33px;

    width: 80px;

}

.language-control .nice-select {

    height: inherit;

    background-color: var(--bg-white-2);

}

/* .language-control .nice-select .option:hover, 

.language-control .nice-select .option.focus, 

.language-control .nice-select .option.selected.focus{

  background-color: var(--bg-white-2);

} */

.webui-popover.right>.arrow::after,
.webui-popover.right-top>.arrow::after,
.webui-popover.right-bottom>.arrow::after {



    border-right-color: var(--bg-white);

}



.webui-popover.left>.arrow::after,
.webui-popover.left-top>.arrow::after,
.webui-popover.left-bottom>.arrow::after {

    border-left-color: var(--bg-white);



}

.sign-in-box {

    display: flex;

    justify-content: flex-end;

    width: 100%;

    align-items: center;

}

.sign-in-box .sign-up-btn {

    padding: 8px 16px;

    font-size: 15px;

    border-radius: 5px !important;

    line-height: 1.35135;

    font-weight: 500;

    color: var(--color-1);

}

.sign-in-box .sign-up-btn {

    color: var(--color-9) !important;

    background-color: var(--color-4);

    border: 1px solid var(--color-4);

}

/* Home Page 1 Area Start */

.sub-header .icon-left i {

    padding: 12px 5px;

    font-size: 17px;

    color: var(--color-4);

}

.sub-header .right-icon i {

    padding: 15px;

    font-size: 17px;

    color: var(--color-9);

}

.sub-header .icon a {

    text-decoration: none;

    color: var(--color-9);

    font-weight: 500;

    font-size: 14px;

}

.sub-header {

    padding: 12px 0;

    background-color: #43032d;

}

.menubar .logo img {

    width: auto;

    height: 32px;

}

.dropdown-toggle::after {

    display: none;

}

.menubar li .header-dropdown {

    color: var(--color-4);

    font-size: 14px;

    display: flex;

    align-items: center;

}

.header-dropdown {

    background-color: var(--color-12);

    border-radius: 5px;

    padding: 7px 5px;

}

.pr-5 {

    padding-right: 5px;

}

.menubar .right-menubar li {

    list-style-type: none;

    padding: 3px 13px 7px 6px;

}



.menubar .right-menubar a {

    font-size: 14px;

    font-weight: 600;

    position: relative;

    display: block;

    color: var(--color-1);

    margin-top: 2px;

}

.menubar .right-menubar {

    display: flex;

    align-items: center;

}

.menubar .right-menubar .menu_number {

    position: absolute;

    color: #fff;

    background-color: #F25C88;

    border-radius: 50%;

    margin-bottom: 0;

    top: -4px;

    right: -6px;

    font-size: 9px;

    height: 15px;

    width: 15px;

    line-height: 15px;

    text-align: center;

}

.menubar .right-menubar i {

    font-size: 18px;

    margin: 0px 14px;

    cursor: pointer;

}

.wisth_tgl_div {

    position: relative;

}

.cart_tgl {

    position: relative;

}

.menu_pro_tgl_div {

    position: relative;

}

.menu_pro_tgl_bg {

    background-color: var(--bg-white-2);

    padding: 14px 21px;

    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;

    border-radius: 10px;

    width: 276px;

    position: absolute;

    top: 46px;

    right: 0;

    z-index: 99999999;

    visibility: hidden;

    opacity: 0;

    transition: .5s;

}

.menu_pro_tgl_div:hover .menu_pro_tgl_bg {

    visibility: visible;

    opacity: 1;

}

.menu_pro_tgl_bg .dropdown-item:focus,

.menu_pro_tgl_bg .dropdown-item:hover {

    background-color: inherit !important;

    color: inherit;

}

.path-pos {

    position: relative;

}

.path-pos::after {

    content: "";

    height: 16px;

    width: 16px;

    top: -19px;

    right: -12px;

    position: absolute;

    background-color: var(--bg-white-2);

    transform: rotate(44deg);

}

.menu_pro_tgl_bg .path-pos img {

    height: 40px;

    width: 40px;

    border-radius: 50%;

    display: block;

    margin: auto;

    margin-bottom: 13px;

    object-fit: cover;

}

.menu_pro_tgl_bg h4 {

    font-size: 14px;

    font-weight: 500;

    color: var(--color-1);

    text-align: center;

    margin-bottom: 7px;

}

.menu_pro_tgl_bg a {

    text-decoration: none;

}

.profile-dropdown img {

    height: 30px !important;

    width: 30px !important;

    border-radius: 50%;

    object-fit: cover;

}

.menu_pro_tgl_bg p {

    font-size: 12px;

    font-weight: 400;

    color: var(--color-1);

    text-align: center;

    margin-bottom: 12px;

}

.menu_pro_tgl_div .dropdown-menu.show {

    margin-top: 20px;

}

.menubar .right-menubar .menu_pro_tgl_bg ul li {

    transition: .5s;

    margin-left: -23px;

    margin-right: -15px;

    border-radius: 0 3px 3px 0px;

    padding: 0 8px !important;

    position: relative;

}

.menu_pro_tgl-2div {

    margin-left: 7px;

}

.menubar .right-menubar .menu_pro_tgl_bg ul li a {

    padding: 10px 0;

}

.menubar .right-menubar .menu_pro_tgl_bg ul li a i {

    font-size: 15px;

    margin: 0 10px 0 0;

}

.menu_pro_wish-flex .cart-minus i {

    margin: 0;

    font-size: 12px;

}

.menu_pro_tgl_bg ul li:last-child {

    margin-bottom: 0;

}

.menu_pro_tgl_bg ul:last-child {

    margin-bottom: 0;

}

.menu_pro_tgl_bg ul {

    padding: 0;

    border-top: 1px solid #DCDEE1;

    padding-top: 8px;

}

.menu_pro_tgl_bg ul li a {

    color: #1E293B;

    font-size: 14px;

    font-weight: 500;

    transition: .5s;

    margin-left: 7px;

}

.menu_pro_tgl_bg ul li a i {

    color: var(--color-1);

    margin-right: 8px;

    transition: .5s;

    width: 14px;

    height: 18px;

}

.menu_pro_tgl_bg ul li:hover a {

    color: #754FFE;

    margin-left: 10px;



}

.menu_pro_tgl_bg ul li:hover i {

    color: #754FFE;

}

.menu_pro_tgl_bg ul li:hover {

    background-color: RGBA(100, 121, 150, 0.1);

    color: #754FFE;



}

.menu_pro_tgl_bg ul li:hover:after {

    content: "";

    position: absolute;

    height: 100%;

    width: 3px;

    background-color: #754FFE;

    top: 0;

    left: 0;



}

.menu_pro_wish {

    background-color: var(--bg-white-2);

    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;

    border-radius: 5px;

    position: absolute;

    width: auto;

    right: 0;

    top: 46px;

    z-index: 999;

}

.menu_pro_cart {

    background-color: #fff;

    padding: 15px 10px 10px 10px;

    box-sizing: border-box;

    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;

    border-radius: 10px;

    display: none;

    position: absolute;

    width: 293px;

    right: 0px;

    top: 46px;

    z-index: 999;

}

.menu_pro_wish .path_pos_wish-2 {

    position: relative;

}

.wisth_tgl_2div {

    position: relative;

}

.menu_pro_wish::after {

    content: "";

    height: 19px;

    width: 19px;

    top: -18px;

    right: 13px;

    position: absolute;

    background-color: var(--bg-white-4);

    box-sizing: border-box;

    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;

    clip-path: polygon(53% 35%, 0% 100%, 100% 100%);

    z-index: 999;

}

.wisth_tgl_2div:hover .menu_pro_wish {

    opacity: 1;

    visibility: visible;

}

.menu_pro_wish {

    visibility: hidden;

    opacity: 0;

    transition: .5s;

}

.menu_pro_wish-f-b a {

    text-decoration: none;

}

.menu_pro_wish .menu_pro_wish-flex img {

    height: 59px;

    width: 69px;

    border-radius: 10px;

    margin: 0 10px;

    object-fit: cover;

}

.menu_pro_wish .menu_pro_wish-flex {

    display: flex;

}

.accordion-button:focus {

    box-shadow: none;

    border-color: none;

}

.menu_pro_wish .menu_pro_wish-flex .text h4 {

    font-size: 13px;

    font-weight: 500;

    color: var(--color-1);

}

.menu_pro_wish:hover .text h4 {

    color: var(--color-10);

}

.menu_pro_wish .menu_pro_wish-flex .text P {

    font-size: 12px;

    font-weight: 400;

    color: var(--color-1);

    margin-bottom: 5px;

}

.menu_pro_wish:hover .text P {

    color: var(--color-11);

}

.menu_pro_cart .menu_pro_wish-flex img {

    height: 59px;

    width: 69px;

    border-radius: 10px;

    margin-right: 10px;

}

.menu_pro_cart .menu_pro_wish-flex {

    display: flex;

}



.menu_pro_cart .menu_pro_wish-flex .text h4 {

    font-size: 13px;

    font-weight: 500;

    color: #1E293B;

}

.menu_pro_cart .menu_pro_wish-flex .text P {

    font-size: 12px;

    font-weight: 400;

    color: #6E798A;

    margin-bottom: 5px;

}

.menu_pro_wish-flex .spandiv del {

    color: #6E798A;

    font-size: 10px;

    font-weight: 500;

}

.menu_pro_wish-flex .spandiv span {

    color: #754FFE;

    font-size: 13px;

    font-weight: 500;

}

.menu_pro_wish-f-b .prcd {

    display: flex;

    justify-content: center;

    margin-top: 10px;



}

.menu_pro_wish-f-b .prcd a {

    font-size: 11px;

    font-weight: 500;

    color: #754FFE;

    border: 1.5px solid #754FFE;

    padding: 7px 17px 7px 14px;

    border-radius: 5px;

}

.menu_pro_wish-f-b {

    padding-bottom: 16px;

    border-bottom: 1.5px solid #6479964e;

    padding: 20px 0 12px 0;

    border-radius: 10px 10px 0 0;

}

.overflow-control {

    max-height: 230px;

    overflow-y: scroll;

    -ms-overflow-style: none;
    /* Internet Explorer 10+ */

    scrollbar-width: none;
    /* Firefox */

}

.overflow-control::-webkit-scrollbar {

    display: none;
    /* Safari and Chrome */

}

.menu_pro_wish-flex .img {

    position: relative;

}

.cart-minus {

    position: absolute;

    top: 6px;

    right: 13px;

    background: red;

    color: #fff;

    border-radius: 10px;

    height: 13px;

    width: 13px;

    line-height: 14px;

    text-align: center;

    font-size: 11px;

}

.menu_pro_wish-f-b:hover {

    background-color: var(--hover-color);

    color: var(--color-10);

}

.menu_pro_wish-f-b:last-child {

    border-bottom: none;

}

.menu_pro_wish .path_pos_wish {

    width: 276px;

}

.menu_pro_cart .path_pos_wish {

    height: 169px;

    width: 276px;

    overflow-y: scroll;

}

.menu_pro_btn {

    display: grid;

    margin-top: 10px;

    padding: 5px 20px 25px;

}

.menu_pro_btn .btn {

    background-color: #754FFE;

    display: inline-block;

    color: #fff;

    border: none;

    font-size: 14px;

    font-weight: 500;

    padding: 13px 15px;

}

.menu_pro_cart .img {

    position: relative;

}

.menu_pro_cart .maines {

    background-color: red;

    width: 12px;

    height: 12px;

    border-radius: 50%;

    position: absolute;

    top: 4px;

    right: 16px;

}

.cart_tgl .menu_pro_cart .maines-2 {

    position: relative;

}

.menu_pro_cart .maines-2:after {

    position: absolute;

    background-color: #fff;

    content: "";

    height: 1.5px;

    width: 7px;

    top: 5px;

    left: 2px;

}

.menu_pro_cart .path_pos_wish-2 {

    position: relative;

}

.menu_pro_cart .path_pos_wish-2::after {

    content: "";

    height: 26px;

    width: 24px;

    top: -40px;

    right: 3px;

    position: absolute;

    background-color: #fff;

    box-sizing: border-box;

    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;

    clip-path: polygon(53% 35%, 0% 100%, 100% 100%);

    z-index: 999;

}

.dropdown-submenu {

    position: relative;

}

.dropdown-submenu .dropdown-menu {

    top: 0;

    left: 100%;

    margin-top: -1px;

}

/* Navbar Drobdown */

.navbar-nav .navbarHover li {

    position: relative;

    display: flex;

}



.navbar-nav .navbarHover li:last-child {

    border-bottom: none;

}



.antry-col li .antry-submenu,

.main-nav-wrap li .navbarHover {

    position: absolute;

    background-color: var(--color-9);

    border-top: 1px solid #e8e9eb;

    box-sizing: border-box;

    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;

    padding: 15px 0px;
    ;

    top: 58px;

    border-radius: 8px;

    z-index: 999;

    transition: .5s;

}

.icons {

    padding-left: 8px;

}

.main-nav-wrap li:hover>ul {

    opacity: 1;

    visibility: visible;

}

.main-nav-wrap>li>ul ul {

    top: 0;

    left: 250px;

}

.navbar-collapse>ul>li>ul>li ul {

    position: absolute;

    background: var(--bg-white-2);

    height: auto;

    min-height: calc(100% + 1px);

    top: -14px;

    padding: 6px 0;

    box-shadow: 0 1px 3px 0px rgb(20 23 28 / 25%);

    transition: .5s;

    margin: 0 10px;

    border-radius: 5px;

}

.main-nav-wrap>li ul {

    position: absolute;

    z-index: 10;

    opacity: 0;

    visibility: hidden;

}

.navbar-nav .navbarHover li a {

    color: #43032d;

    font-size: 14px;

    font-weight: 500;

    padding: 7px 10px;

    transition: .5s;

    width: 250px;

    margin: 0 5px;

    border-radius: 5px;

}

.text-cat {

    margin-left: 13px;

}

.dropdown-submenu .has-sub-category {

    float: right;

    font-size: 12px;

    line-height: 24px;

    color: #1E293B;

}

.dropdown-submenu .dropdown-menu {

    top: -6px;

    left: 107%;

    margin-top: -1px;

    background-color: #fff;

    box-sizing: border-box;

    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;

    padding: 8px 16px 6px 11px;

    border: none;

}

.dropdown-submenu .dropdown-menu a {

    text-decoration: none;

}

.dropdown-menu li a:hover {

    color: #754FFE;



}

.dropdown-menu li a {

    display: inline-block;

}

.navbar-nav .navbarHover li a i {

    color: #68768B;

}

.dropdown-submenu:hover a {

    color: var(--color-10);

}

.navbar-nav .navbarHover a:hover {

    background-color: var(--hover-color);

    color: #0D0C23;

}

.navbar-nav .navbarHover a:hover .has-sub-category,

.navbar-nav .navbarHover li a:hover i {

    color: #0D0C23;

}

.homepage-2-navbar .navbarHover li a:hover {

    color: #FE954F;

}

.hoverMenuSearch {

    position: relative;

    display: none;

}

.search-btnh i {

    position: absolute;

    top: 36px;

    color: #6e798a6e;

    font-size: 20px;

    cursor: pointer;

    left: 9px;

}

.hoverInput button {

    border: none;

    background: transparent;

}

.hoverMenuSearch .form-control {

    border-radius: 7px;

    font-size: 14px;

    font-weight: 400;

    color: #6e798aa0;

    width: 100%;

    border: none;

    margin-bottom: 31px;

    padding: 10px 8px 10px 33px;

    width: 20px;

    transition: .5s;

}

.hoverMenuSearch .form-control:focus {

    width: 100%;

    border: 1.5px solid #6e798a43;

}

.hoverSearch {

    border: none;

    box-shadow: none;

    background: transparent;

    color: #6e798a6e;

    font-size: 20px;

    cursor: pointer;

    position: absolute;

    top: 110px;

    right: 110px;

}

/* search bar */

.search-control {

    position: absolute;

    width: 100%;

    top: 65px;

    right: 0;

    visibility: hidden;

    opacity: 0;

    transition: .5s;

}

.search-control.active {

    visibility: visible;

    opacity: 1;

    top: 35px;

}

.search-icon {

    font-size: 15px;

    border: 1px solid #754FFE;

    color: var(--color-1);

    display: inline-block;

    text-align: center;

    border-radius: 3px;

    transition: .5s;

    cursor: pointer;

    padding: 4px 8px;

}

.m-cross-icon,

.m-search-icon {

    font-size: 15px;

    border: 1px solid #43032d;

    display: inline-block;

    text-align: center;

    border-radius: 3px;

    transition: .5s;

    cursor: pointer;

    padding: 4px 8px;

}



.search-item span:hover {

    background-color: #754FFE;

    color: #fff;

}

.cross-icon {

    display: none;

    font-size: 15px;

    border: 1px solid #754FFE;

    text-align: center;

    border-radius: 3px;

    transition: .5s;

    cursor: pointer;

    padding: 6px 11px;

}

.m-cross-icon {

    font-size: 15px;

    border: 1px solid #754FFE;

    text-align: center;

    border-radius: 3px;

    transition: .5s;

    cursor: pointer;

    padding: 6px 11px;

    display: none;

}

.menu-search {

    position: relative;

    width: 100%;

    margin: 0 8px;

    z-index: 9999;

}

.menu-search .form-control {

    padding: 14px 0px 13px 36px;

    border-radius: 7px;

    font-size: 14px;

    font-weight: 400;

    color: var(--color-1);

    width: 100%;

    background-color: var(--bg-white-2);

    border: 1.5px solid #6e798a43;

}

.menu-search .form-control::placeholder {

    color: var(--color-1);

}

.menu-search .search-btn i {

    position: absolute;

    left: 13px;

    top: 18px;

    color: var(--color-1);

    font-size: 16px;

    cursor: pointer;

}

.menu-search .search-btn {

    position: absolute;

    border: none;

    box-shadow: none;

    background: transparent;

}

.menu-search-icon {

    position: absolute;

    top: 7px;

    left: 9px;

    ;

    font-weight: 400;

}

.menu-search-icon i {

    color: #6e798a3f
}

/* Ebook Area */

.antry-col .antry-link {

    font-size: 15px;

    font-weight: 500;

    color: var(--color-1);

    display: inline-block;

    padding: 10px 10px 10px 14px;

}

.antry-col li {

    position: relative;

}

.antry-col li .antry-submenu {

    visibility: hidden;

    opacity: 0;

    top: 44px;

}

.antry-col li:hover .antry-submenu {

    visibility: visible;

    opacity: 1;

}

.antry-submenu li {

    padding: 0 6px;

}

.antry-submenu li a {

    font-size: 14px;

    color: var(--color-1);

    display: inline-block;

    width: 250px;

    transition: .5s;

    padding: 7px 0 7px 9px;

    border-radius: 5px;

}

.antry-submenu li a:hover {

    background: var(--hover-color);

    color: var(--color-10);

}



/* Banner */

.bannar-area {

    background-color: var(--bg-white);

}

.h-1-banner .h-1-banner-text h1 {

    font-family: 'Clash Grotesk';

    font-size: 60px;

    font-weight: 500;

    text-transform: capitalize;

    color: var(--color-1);

    letter-spacing: 1px;

    margin-bottom: 34px;

    margin-top: 40px;

    width: 735px;

}

.h-1-banner .h-1-banner-text h1 span {

    color: #43032d;

    position: relative;

}

.h-1-banner .h-1-banner-text p {

    font-weight: 400;

    letter-spacing: 0;

    line-height: 28px;

    margin-bottom: 20px;

}

.h-1-banner-img img {

    width: 100%;

    height: auto;

}



.banner-image {

    cursor: pointer;

    transition: box-shadow 0.1s, transform 0.1s;

}

/*********** Mobile Offvanves Menu Start */

.menu-offcanves {

    display: none;

}

.offcanvas {

    background-color: var(--bg-white);

}

.offcanves-btn {

    display: flex;

    flex-direction: column;

    width: 100%;

    text-align: center;

    margin-top: 20px;

    gap: 20px;

}

.mobile-view-offcanves .btn-close {

    position: absolute;

    top: 3px;

    right: 20px;

    background: none;

    color: var(--color-1);

}

.mobile-view-offcanves .btn-close:focus {

    box-shadow: none;

}

.offcanves-btn a {

    display: block;

    padding: 8.5px 18px;

    border-radius: 5px;

    margin: 0 20px !important;

    font-size: 15px;



}

.signUp-btn {

    background-color: var(--color-4);

    color: var(--color-9) !important;

}

.logIn-btn {

    color: var(--primary-color) !important;

    background-color: var(--bg-white-2);

    border: 1px solid #919499;

    padding: 8px 5px;

    border-radius: 5px !important;

}

.offcanvas-items {

    position: relative;

}

.offcanvas-items .navbar-nav .nav-link {

    background-color: transparent;

    display: flex;

    justify-content: space-between;

    align-items: center;

}

.menubar .offcanvas-items .navbar-nav .nav-link {

    color: var(--primary-color) !important;

}

.offcanvas-items .navbar-nav .navbarHover {

    position: static;

    visibility: visible;

    opacity: 1;

}

.offcanvas-items .navbar-nav .navbarHover li a {

    width: 97%;

}

.offcanvas-items .navbar-nav .navbarHover li {

    display: inherit;

}

.offcanvas-items .main-nav-wrap>li ul {

    position: static;

    opacity: 1;

    visibility: visible;

    margin-bottom: 10px;

}

.offcanvas-items .sub-category-menu li {

    margin: 0 20px;

}

.offcanvas-items .antry-col li .antry-submenu,

.offcanvas-items .main-nav-wrap li .navbarHover {



    border-top: transparent;

    box-shadow: none;

    padding: 5px 0px;

    top: 58px;

}

.hideSub-menu {

    display: none;

}

.active {

    display: block;

}

.offcanvas-items .navbarHover {

    display: none;

}

.offcanvas-items .navbarHover.active {

    display: block;

}

.offcanves-profile {

    padding: 30px 20px;

    background-color: var(--hover-color-2);

}

.offcanves-profile a {

    display: flex;

    align-items: center;

}

.offcanves-profile .user-img img {

    height: 46px;

    width: 46px;

    border-radius: 50%;

    margin-right: 15px;

}

.user-details h4 {

    font-size: 18px;

    color: var(--color-1);

}

.user-details p {

    color: var(--color-1);

    font-size: 13px;

}

.menubar {

    position: relative;

    background-color: var(--bg-white);

    padding: 12px 0;

    /* border-bottom: 1px solid #DCDEE1; */

}

.inline-form {

    display: none;

    position: absolute;

    width: 100%;

    top: 72px;

    left: -13px;

    right: 20px;

    margin: auto;

}

.inline-form.active {

    display: block;

}

.inline-form .mobile-search {

    position: absolute;

    width: 100%;

    top: 100%;

    left: 0;

    z-index: 3;

    margin-left: -20px;

    width: 100%;

    padding: 10px 20px;

}

.inline-form .form-control {

    padding: 13px 24px;

    margin: 0 27px;

    font-size: 13px;

    background-color: var(--bg-white-2);

    color: var(--color-1);

    border: none;

}

.inline-form .search-btn {

    position: absolute;

    top: 18px;

    right: 5px;

    background: #754FFE;

    border: none;

    color: #fff;

    height: 31px;

    width: 41px;

    line-height: 30px;

    border-radius: 5px;

}

.active {

    visibility: visible;

    opacity: 1;

}



/************* Mobile Offvanves Menu End */



/* Web Ui Popover Start *******************/

.course-popover-content {

    display: none;

}

.webui-popover {

    box-shadow: 0 4px 16px rgb(128 134 144 / 25%);

    border-color: transparent;

    border-radius: 10px;

    background-color: #060F1A;

    padding: 14px;

    width: 350px;

    color: #fff;

}

.last-update {

    margin-bottom: 14px !important;

    font-size: 12px;

}

.course-title a {

    font-size: 14px;

    color: #fff;

    display: inline-block;

    margin-bottom: 16px;

    font-weight: 500;

}

.course-meta {

    display: flex;

    align-items: center;

    justify-content: space-between;

    margin-bottom: 10px;

}

.course-meta span {

    font-size: 12px;

    color: #fff;

    font-weight: 400;

}

.course-meta span svg {

    margin-right: 3px;

}

.course-subtitle {

    font-size: 14px;

    font-weight: 500;

    line-height: 21px;

    margin-bottom: 16px;

    color: #fff;

}

.will-learn li {

    font-size: 12px;

    margin-bottom: 8px;

    position: relative;

    padding-left: 15px;

}

.will-learn li::after {

    position: absolute;

    content: "";

    top: 12px;

    left: 0px;

    width: 4px;

    height: 4px;

    border-radius: 50%;

    background-color: var(--color-4);

}

.outCome {

    margin: 16px 0;

    font-weight: 500;

}

.popover-btns {

    margin-top: 10px;

    display: flex;

    align-items: center;

    justify-content: center;

    gap: 15px;

    float: right;

}

.popover-btns .purchase-btn {

    margin: inherit;

    margin-top: 0;

    font-size: 13px;

    color: var(--bg-white);

    background-color: var(--color-4);

    justify-content: flex-end;

}

.gift-btn {

    height: 40px;

    width: 40px;

    display: inline-block;

    border-radius: 50%;

    border: 1px solid var(--color-4);

    color: var(--color-4) !important;

    text-align: center;

    line-height: 40px;

    display: flex;

    align-items: center;

    justify-content: center;

}

.text-dark {

    font-size: 12px;

}

.slick-track {

    display: flex;

    gap: 15px;

}

.course-meta .badge {

    margin-right: 10px;

    font-size: 12px;

    color: #7a7d82;

}

.slick-next::before {

    content: url('../image/next_arrow.png');

    line-height: 0;

    opacity: 1;

}

.slick-prev::before {

    content: url('../image/prev_arrow.png');

    line-height: 0;

    opacity: 1;



}

/* .webui-popover.right > .arrow,

 .webui-popover.right-top > .arrow, 

.webui-popover.right-bottom > .arrow {

	border-right-color: var(--color-1);

}

.webui-popover.left > .arrow, 

.webui-popover.left-top > .arrow, 

.webui-popover.left-bottom > .arrow {

	border-left-color: var(--color-1);

} */

.course-group-slider .slick-next,

.course-group-slider .slick-prev {

    width: 44px;

    height: 44px;

    border-radius: 50%;

    background-color: var(--bg-white-5);

    box-shadow: 0 0 1px 1px rgba(20, 23, 28, .1), 0 3px 1px 0 rgba(20, 23, 28, .1);

    z-index: 1;

    top: calc(50% - 25px)
}



.course-group-slider .slick-prev:hover,
.course-group-slider .slick-prev:focus,

.course-group-slider .slick-next:hover,
.slick-next:focus {

    color: transparent;

    outline: none;

}



.top-categories {

    padding: 60px 0 80px 0;

    background-color: var(--bg-white);

}



.outcome-item.hidden {

    display: none;

}



.view-more-btn {

    color: #fff;

    font-weight: 500;

    font-size: 12px;

    border: none;

    cursor: pointer;

    background-color: transparent;

}





/* Web Ui Popover End ********************/



/* Styles for the tilt block */

#tilt {

    display: block;

    height: 400px;

    width: auto;



    margin: 0 auto;

    transition: box-shadow 0.1s, transform 0.1s;



    /*

     * Adding image to the background

     * No relation to the hover effect.

     */

    background-image: url("../image/h-banner-img.png");

    background-size: 100%;

    background-repeat: no-repeat;

}



#tilt:hover {

    cursor: pointer;

}





.search-option {

    position: relative;

}

.search-option .form-control {

    padding: 6px;

    margin-top: 8px;

    font-size: 16px;

    border: 1.5px solid #1e293b2a;

    background-color: var(--bg-white-2);

    color: var(--color-3);

    border-radius: 5px;

    width: 100%;

    padding: 16px 16px;

}

.search-option .form-control::placeholder {

    color: var(--color-3);

}

.search-option .submit-cls {

    position: absolute;

    top: 9px;

    right: 12px;

    background-color: #754FFE;

    border: none;

    border-radius: 5px;

    padding: 9px 14px;

    color: #fff;

    font-size: 14px;

}

.search-option .submit-cls i {

    margin-right: 7px;

}

.search-option .submit-cls a {

    text-decoration: none;



    color: #fff;

    padding: 5px;

}

.search-option {

    margin-bottom: 50px;

}

.students-rating img {

    width: 17px;

    height: 37px;

    display: flex;

    justify-content: center;

    margin: auto;

    margin-top: 10px;

}

.students-rating h1 {

    font-size: 44px;

    font-weight: 700;

}

.students-rating p {

    margin-bottom: 0;

    padding: 2px 5px;

}

.h-1-banner {

    position: relative;

    padding-bottom: 140px;

}

.bannar-card img {

    width: 55px;

    height: 54px;

    margin: 6px;

}

.bannar-card .banner-card-1 {

    background-color: var(--bg-white-5);

    box-sizing: border-box;

    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;

    padding: 18px 29px;

    border-radius: 7px;

}

.bannar-card {

    position: absolute;

    bottom: -50px;

}

.banner-card-1 p {

    margin-left: 16px;

    color: var(--color-6);

}

.banner-card-1 h6 {

    margin-left: 16px;

    font-size: 16px;

    line-height: 27px;

    color: var(--color-6);

}





/* Banner card */





/*------ Corese -------- */



.courses {

    background-color: var(--bg-white-2);

    padding-bottom: 80px;

    margin-bottom: 0 !important;



}

.courses h1 {

    padding-top: 25px;

    font-weight: 500;

    color: var(--color-1);

    margin-bottom: 20px;

    font-family: 'Clash Grotesk';



}

.courses h1 span {

    position: relative;

}



/* .courses h1 span::before{

    content: "";

    background-image: url("../image/h-1-bn-shape-2.png");

    width: 116px;

    height: 21px;

    position: absolute;

    background-size: 119px;

    top: 31px;

    left: 89px;

} */



.courses .courses-card .courses-card-body img {

    width: 100%;

    height: 100%;

    object-fit: cover;

    border-radius: 10px 10px 0px 0px;

    transform: scale(1);

    transition: .5s;

}

.blog .courses-card .courses-card-body img {

    height: 200px;

}

.courses-card .courses-card-body .courses-text h5 {

    font-size: 16px;

    line-height: 24px;

    font-weight: 600;

    padding-right: 7px;

    transition: .5s;

    color: var(--color-1);

}

.courses-card-body:hover .courses-text h5 {

    color: #43032d;

}

.courses-card .courses-card-body .courses-text p {

    font-size: 14px;

    font-weight: 400;

    color: rgba(104, 118, 139, 1);

}

.courses-card .courses-card-body .courses-text p a {

    text-decoration: none;

    color: #0D0C23;

}

.courses-card .courses-card-body .courses-text .review-icon {

    display: flex;

}

.courses-card .courses-card-body .courses-text .review-icon i {

    color: #F3C54C;

    font-size: 16px;

    padding: 2px;



}

.courses-list-view-card-body .courses-text .review-icon i {

    margin: 0 5px;

}

.courses-card .courses-card-body .courses-text .review-icon p {

    padding-left: 5px;



}

.courses-card-body {

    background-color: var(--bg-white);

    border-radius: 10px;

    margin-bottom: 20px;

    transition: .2s;

    box-sizing: border-box;

    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;

    overflow: hidden;

}

.courses-card-image {

    overflow: hidden;

    transition: .5s;

}

.courses-card-body:hover .courses-card-image img {

    transform: scale(1.1);

    transition: .5s;

}



.courses-card .courses-card-body .courses-text .courses-price {

    margin-top: 12px;

    display: flex;

    align-items: center;

}

.courses-price-left {

    display: flex;

}

.courses-price-left span {

    color: #63CC94;

}

.courses-card-body .courses-text .courses-price .courses-price-right {

    display: flex;

    justify-content: flex-end;

}

.courses-card-body .courses-text .courses-price {

    justify-content: space-between;

}

.courses-card-body .courses-text .courses-price .courses-price-right i {

    color: #754FFE;

    padding-right: 5px;

}

.courses-card .courses-card-body .courses-card-image .courses-card-image-text h3 {

    font-size: 12px;

    font-weight: 600;

}

.courses-card .courses-card-body .courses-card-image {

    position: relative;



}

.courses-card .courses-card-body .courses-card-image .courses-card-image-text h3 {

    color: #fff;

}

.courses-card .courses-card-body .courses-card-image .courses-card-image-text {

    position: absolute;

    background-color: #060F1ACC;

    padding: 8px 10px;

    top: 16px;

    left: 16px;

    font-size: 14px;

    font-weight: 600;

    border-radius: 4px;

    color: #fff;

}



.courses-price p {

    margin-bottom: 0 !important;

}

.courses-card .courses-card-body .courses-card-image .text-2 {

    background-color: #DAE7FF;

}

.courses-card .courses-card-body .courses-card-image .text-2 h3 {

    color: #0E63FF;

}

.courses-card .courses-card-body .courses-card-image .text-2::after {

    clip-path: polygon(100% 0, 100% 50%, 100% 100%, 0 100%, 95% 50%, 0% 0%);

    background-color: #DAE7FF;

    width: 20px;

    content: "";

    position: absolute;

    height: 100%;

    left: -19px;

    top: 0;

}

.courses-card .courses-card-body .courses-card-image .text-3 h3 {

    color: #0ECE96;

}

.courses-card .courses-card-body .courses-card-image .text-3 {

    background-color: #DAF7EF;

}

.courses-card .courses-card-body .courses-card-image .text-3::after {

    clip-path: polygon(100% 0, 100% 50%, 100% 100%, 0 100%, 95% 50%, 0% 0%);

    background-color: #DAF7EF;

    width: 20px;

    content: "";

    position: absolute;

    height: 100%;

    left: -19px;

    top: 0;

}







/* Top Category */

.top-categories h1 {

    font-size: 36px;

    font-weight: 500;

    color: var(--color-1);

    position: relative;

    font-family: 'Clash Grotesk';

}

/* .top-categories h1::after{

    content: "";

    background-image: url("../image/h-1-shape.png");

    width: 160px;

    height: 31px;

    position: absolute;

    background-size: 162px;

    top: 34px;

    right: 180px;

} */

.category-product .category-product-body img {

    width: 44px;

    height: 45px;

    display: flex;

    margin: auto;

}

.category-product .category-product-body h5 {

    font-size: 16px;

    line-height: 24px;

    font-weight: 600;

    color: var(--color-1);

    padding-top: 10px;

    margin-top: 12px;

}

.category-product .category-product-body p {

    color: #6E798A;

}

.category-product .category-product-body {

    box-sizing: border-box;

    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;

    background-color: var(--bg-white-2);

    border-radius: 7px;

    padding: 15px 20px;

    margin: 10px;

    transition: .5s;

    width: 100%;

}

.cate-icon,
.cate-icon i {

    font-size: 40px;

    transition: .5s;



}

.review-icon i.filled {

    color: #f4c150;

}

.category-product .category-product-body .cate-icon {

    text-align: left;

    color: var(--color-1);

}

.category-product .category-product-body:hover {

    background-color: var(--color-4);

}

.category-product .category-product-body:hover h5 {

    color: var(--color-9) !important;

    text-align: left;

}



.category-product .category-product-body:hover p,
.category-product .category-product-body:hover .cate-icon i {

    color: var(--color-9);

}

.category-hide-icon {

    color: var(--color-9);

    padding-right: 12px;

    font-size: 19px;

    visibility: hidden;

    opacity: 0;

    transition: .5s;

}

.category-product .category-product-body:hover .category-hide-icon {

    visibility: visible;

    opacity: 1;

}





/* expert-instructor */

.expert-instructor .instructor-card .instructor-card-body img {

    width: 213px;

    height: 270px;

    display: flex;

    margin: auto;



}

.expert-instructor .instructor-card .instructor-card-img {

    position: relative;

    margin-bottom: 30px;

    z-index: 1;



}

.expert-instructor .instructor-card .instructor-card-img::after {

    position: absolute;

    top: 49px;

    left: 0;

    content: "";

    background-color: var(--bg-white-6);

    width: 100%;

    height: 82%;

    z-index: -1;

    border-top-left-radius: 60px;

    border-bottom-right-radius: 33px;

    border-bottom-left-radius: 7px;

}

.instructor-card-img a {

    display: flex;

    width: 100%;

}

.expert-instructor .instructor-card .instructor-card-text h3 {

    font-size: 20px;

    margin-bottom: 8px;

    font-weight: 600;

    color: #fff;

    text-align: center;

}

.expert-instructor .instructor-card .instructor-card-text p {

    text-align: center;

    margin-bottom: 12px;

    font-weight: 500;

    font-size: 16px;

    color: #fff;

}

.expert-instructor .instructor-card .instructor-card-text .icon a {

    padding: 0px;

    color: var(--color-4);

}

.expert-instructor .instructor-card .instructor-card-text .icon a svg {

    margin-right: 8px;

}

.expert-instructor .instructor-card .instructor-card-text .icon a svg:hover path {

    fill: #0E63FF;

}

.expert-instructor .instructor-card .instructor-card-text .icon {

    text-align: center;

    position: relative;

    z-index: 99;



}

.expert-instructor .instructor-card .instructor-card-text {

    position: relative;

}

.expert-instructor .instructor-card .instructor-card-text .icon-div-2 {

    background-color: var(--bg-white-2);

    padding: 6px 9px 4px;

    border-radius: 10px 10px 0px 0px;

    width: 112px;

    display: inline-flex;

    justify-content: center;

    align-items: center;

}

.expert-instructor .instructor-card .instructor-card-body {

    transition: .5s;

}

.expert-instructor .instructor-card .instructor-card-body:hover .icon {

    display: block;

}





/* Frequently Asked Questions */

.qustion .accordion-item {

    color: var(--color-1);

    background-color: inherit;

    border: none;

    border-bottom: 1.5px solid var(--border-color);

}

.qustion .accordion-item:last-child {

    border-bottom: none;

    padding-bottom: 10px;

}

.qustion .accordion-item .active {

    color: #754FFE;

}

.qustion .accordion-button:focus {

    z-index: 3;

    border-color: none;

    outline: 0;

    box-shadow: none;

}

.accordion-button:not(.collapsed) {

    color: var(--color-4);

    background-color: var(--bg-white);

    box-shadow: none;

}

.qustion .accordion-item {

    font-size: 20px;

    font-weight: 500;

    padding: 2px 15px;

}

.qustion-accrodion {

    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;

    background-color: var(--bg-white-4);

    padding: 0px 26px;

    border-radius: 7px;

    box-sizing: border-box;

}

.qustion-accrodion p {

    margin-bottom: 0;

}

.introduction {

    padding: 80px 0 60px 0;

    background-color: var(--bg-white-2);

}

.qustion .accordion-body {

    padding: 0 6px 22px 0;

}



.qustion .accordion-item:first-of-type .accordion-button {

    border-top-left-radius: 0;

    border-top-right-radius: 0;

}

.qustion .accordion-button {

    padding: 17px 0 0 0;

    background-color: var(--bg-white-4);

    color: var(--color-2);

}

/* Introduction */

.h-1-introduction img {

    width: 100%;

    height: auto;

}

.owl-theme .owl-nav {

    margin-top: 20px;

    text-align: left;

}

.owl-theme .owl-nav i {

    padding: 6px 4px 7px;

    font-size: 18px;

    color: #6E798A;

}

.introduction-name h4 {

    font-size: 20px;

    padding-bottom: 10px;

    font-weight: 600;

    color: var(--color-1);

}

.introduction-name h6 {

    font-size: 15px;

    font-weight: 400;

    color: var(--color-6);

    margin-bottom: 20px;

}

.introduction-name {

    border-bottom: 1.5px solid #6e798a3f;

    margin-bottom: 30px;

}

.introduction .agency-dis p {

    font-size: 15px;

    font-weight: 400;

    color: var(--color-6);

    word-spacing: 1.5px;

    line-height: 1.7;

    margin-bottom: 20px;

}

.introduction-name .agency-dis {

    border-top: 1.5px solid #6E798A;

}

.h-2-client-image img {

    height: 54px;

    width: 54px;

}

.owl-carousel .owl-item img {

    display: block;

    width: 54px;

}

.introduction-item {

    margin-top: 45px;

}



.introduction .owl-nav .owl-next,

.introduction .owl-nav .owl-prev {

    width: 47px;

    height: 47px;

    border-radius: 50% !important;

    background-color: var(--bg-white-5) !important;

    box-shadow: 0 0 1px 1px rgba(20, 23, 28, .1), 0 3px 1px 0 rgba(20, 23, 28, .1);

    z-index: 1;

    top: calc(50% - 25px);

}

.introduction .owl-nav .owl-prev:hover,

.introduction .owl-nav .owl-next:hover {

    color: var(--color-1);

}



/* Blog */



/* .blog h1 span::before {

    content: "";

    background-image: url("../image/h-1-shape.png");

    width: 116px;

    height: 21px;

    position: absolute;

    background-size: 119px;

    top: 31px;

    left: 90px;



} */

.blog .courses-text .courses-price-left img {

    width: 40px;

    height: 40px;

    margin: 4px 10px 4px 0;

}

.blog .courses-card .courses-card-body .courses-text h5 {

    font-size: 20px;

    line-height: 28px;

    margin-bottom: 12px;

}

.blog .courses-text .courses-price-border .courses-price-left h5 {

    font-size: 14px;

    font-weight: 600;

}



.blog .courses-card .courses-card-body .courses-text p {

    font-size: 16px;

}

.blog .courses-text .courses-price-border .courses-price-right p {

    padding: 5px 0px;

    font-size: 14px;

}

.blog .courses-card-body .courses-text .courses-price {

    margin-top: 16px;

    display: flex;

}





.blog .courses-card-body .courses-card-image .courses-card-image-text {

    position: relative;

    background-color: #FDE6EC;

    display: inline-block;

    margin: 24px 30px 0px;

    border-radius: 5px;

}



.blog .courses-card-body .courses-card-image .courses-card-image-text::after {

    display: none;



}

.blog .courses-card-body .courses-text {

    padding: 12px 30px;

}

.blog .courses-card-body .courses-card-image .text-2 {

    background-color: #2bb8ff34;

    color: #2BB9FF;

}

.blog .courses-card-body .courses-card-image .text-2 h3 {

    color: #2BB9FF;

}

.blog .courses-card-body .courses-card-image .text-3 {

    background-color: #63cc9442;

}

.blog .courses-card-body .courses-card-image .text-3 h3 {

    color: #63CC94;

}

.blog {

    margin-bottom: 120px;

    background-color: var(--bg-white);

}

/* student */

.student {

    padding-bottom: 120px;

    overflow: hidden;

    padding-top: 60px;

    background-color: var(--bg-white);

}

.student .student-body-1 {

    background-image: url("../image/image_1.png");

    background-size: cover;

    border-radius: 7px;

}

.student .student-body-2 {

    background-image: url("../image/image_2.png");

    background-size: cover;

    border-radius: 15px;

}



.student h1 {

    font-size: 24px;

    font-weight: 600;

    color: #ffff;

}

.student p {

    font-size: 13px;

    font-weight: 400;

    color: #fff;

    margin-bottom: 28px;

}

.student a {

    text-decoration: none;

    background-color: #fff;

    color: #1E293B;

    padding: 9px 16px;

    border-radius: 5px;

    margin-bottom: 34px;

}

.student .student-body-text {

    padding: 26px 26px;

    position: relative;

}

.student .student-body-text img {

    width: 60px;

    height: 60px;

    position: absolute;

    top: -30px;

}

.student .man {

    width: 165px;

    height: 230px;

    margin-top: -56px;

}

/* slik logo */

.company-logo {

    padding-bottom: 50px;

    background-color: var(--bg-white);

}

.company-logo img {

    height: 47px;

    width: 150px;

}

/* footer */

.footer img {

    width: 177px;

    height: 44px;

    margin-bottom: 20px;

}

.footer {

    background-color: #060F1A;

    padding: 60px 0px 0px;

}

.footer a {

    color: #D2D2D2;

    padding: 6px 0px;

    font-size: 14px;

    transition: .5s;

    font-weight: 500;

}

.footer h1 {

    color: var(--color-9);

    font-size: 18px;

    font-weight: 600;

    margin-bottom: 24px;

}

.footer li {

    list-style-type: none;

    display: grid;

}

.footer ul {

    padding-left: 0;

}

.footer p {

    color: #D2D2D2;

    padding: 0 0 20px 0px;

    font-size: 14px;

    font-weight: 400;

    line-height: 1.7;

    text-align: justify;

    padding-right: 55px;

}

.footer .icon li {

    list-style-type: none;

    display: grid;

    margin: 56px 18px;

    color: var(--color-8);

}

.footer .icon li a {

    color: var(--color-8);

}

.search-btn .lattest-news textarea {

    background-color: #261954;

}

.lattest-news form .form-control {

    width: 100%;

    background-color: transparent;

    border: none;

    padding: 13px 0px;

    position: relative;

    outline: none;

    color: var(--color-8);

    font-size: 14px;

    border-radius: 0;

}

.lattest-news form {

    position: relative;

    margin-top: 20px;

    border: 1px solid #FFFFFF45;

    border-radius: 50px;

    padding: 0 17px;

}

.form-arrow {

    position: absolute;

    top: 4px;

    right: 4px;

    background: #6C1CFF;

    border: none;

    color: #fff;

    font-size: 15px;

    height: 36px;

    width: 36px;

    border-radius: 50px;

    line-height: 36px;

}

.lattest-news-btn {

    position: relative;

}

.lattest-news .search.search-btn {

    background-color: #261954;

    border: none;

    margin-top: 0;

}

.lattest-news ::placeholder {

    color: var(--color-8);

    opacity: 1;
    /* Firefox */

}

.lattest-news :-ms-input-placeholder {
    /* Internet Explorer 10-11 */

    color: var(--color-8);

}

.search-btn ::-ms-input-placeholder {
    /* Microsoft Edge */

    color: var(--color-8);

}

.lattest-news .search-btn i {

    font-size: 17px;

    color: var(--color-8);

    position: absolute;

    top: 18px;

    right: 10px;

}

.search-btn {

    position: absolute;

}

.search-btn #emails:hover:focus-visible {

    outline: none;

}

.footer .lattest-news li {

    display: flex;



}

.footer .copyright li {

    display: flex;



}

.footer .copyright .footer-privacy a {

    color: var(--color-8);

    margin: 6px 38px 14px 0px;

    transition: .5s;

}

.copyright p {

    text-align: right;

    padding: 15px 0px;

}



.footer a:hover {

    color: #43032d;

}

.footer .copyright .footer-privacy a:hover {

    color: #754FFE;

}

.instructor-card-body:hover .icon {

    /* -webkit-animation-name: zoomInDown;

    animation-name: zoomInDown;

    -webkit-animation-duration: 1s;

    animation-duration: 1s;

    -webkit-animation-fill-mode: both;

    animation-fill-mode: both;

    }

    @-webkit-keyframes zoomInDown {

    0% {

    opacity: 0;

    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);

    transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);

    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);

    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);

    }

    60% {

    opacity: 1;

    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);

    transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);

    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);



    } */

}



/*========================

  coursess Section Start

  =====================================*/

.bread-crumb {

    background-image: url("../image/course-breadcramb.jpg");

    background-size: cover;

}

.bread-crumb .brd-home {

    height: 16px;

    width: 16px;

}

.bread-crumb a {

    text-decoration: none;

}

.book-img img {

    height: auto;

    width: 212px;

    float: right;

}

.breadcrumb {

    padding: 38px 0px 0px;

    margin-bottom: 0;

}

.breadcrumb-item {

    padding: 15px 0;

}

.breadcrumb span {

    color: #0D0C23;

    font-size: 16px;

    font-weight: 400;

    margin-left: 10px;

}

.breadcrumb i {

    color: #0D0C23;

    padding: 19px 0px;

    padding: 20px 0px;

    margin-right: 1px;

    margin-left: 9px;

}

.bread-crumb h1 {

    font-size: 40px;

    font-weight: 600;

    color: #0D0C23;

    margin-bottom: 56px;

}





/* Create two equal columns that floats next to each other */

.column {

    float: left;

    width: 50%;

    padding: 10px;

}



/* Clear floats after the columns */

.row:after {

    content: "";

    display: table;

    clear: both;

}

/* Style the buttons */

.list-btn {

    border: none;

    outline: none;

    padding: 5px 11px;

    border-radius: 3px;

    background-color: #f1f1f1;

    cursor: pointer;

}



.list-btn:hover {

    background-color: var(--color-6);

    color: var(--color-10);

}



.list-btn.active {

    background-color: #666;

    color: #fff;

}

#btnContainer\  {

    display: block ruby;

    margin-top: 62px;

    margin-bottom: 30px;

}

.list-card-control p {

    margin-bottom: 0 !important;

}

.select-box {

    float: right;

}

.select-box .form-select {

    font-size: 13px;

}

.select-box .nice-select {

    padding: 9px 10px;

    font-size: 13px;

    height: 40px;

    border-radius: 8px;

    background-image: none;

    width: 170px;

    background-color: var(--bg-white-2);

}

.select-box .nice-select .list {

    background-color: var(--bg-white-2);

}

.select-box .nice-select.open .list {

    width: 100%;

}

.nice-select:active,
.nice-select.open,
.nice-select:focus,
.form-select:focus {

    border-color: inherit;

}

.select-box .nice-select::after {

    width: 8px;

    height: 8px;

    margin-top: -6px;

}

.lgGrid {

    display: flex;

}

/* .grid-view-body p {

  margin-bottom: 30px;

  margin-left: 10px;

  font-size: 15px;

} */



.list-btn {

    background-color: #fff;

    color: #6E798A;

    border: 1.5px solid #6e798a45;

}

.grid-view {

    padding-bottom: 80px;

    background-color: var(--bg-white);

}

.list-btn.active {

    background-color: var(--color-4);

    color: #fff;

    border: 1.5 px solid var(--color-4);

}

.form-select {

    display: block;

    width: 100%;

    padding: .375rem 2.25rem .375rem .75rem;

    -moz-padding-start: calc(0.75rem - 3px);

    font-size: 10px;

    font-weight: 400;

    line-height: 1.5;

    color: var(--color-1);

    background-color: #fff;

    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");

    background-repeat: no-repeat;

    background-position: right .75rem center;

    background-size: 11px 12px;

    border: 1.5px solid #6e798a45;

    border-radius: .375rem;

    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;

    -webkit-appearance: none;

    -moz-appearance: none;

    appearance: none;

}

.grid-view-body .courses-card .courses-text .review-icon img {

    height: 9px;

    width: 11px;

    margin: 4px 6px;

}

.grid-view-body .courses-card .courses-card-body .courses-text .review-icon p {

    padding-left: 0;

    margin-left: 0;

}

.grid-view-body .courses-card .courses-text .review-icon {

    display: flex;



}

.grid-view-body .courses-card .courses-text .review-icon .review-icon-star {

    display: flex;

}

.grid-view-body .courses-card .courses-text .review-icon .review-icon-star i {

    margin-right: 5px;

}

.grid-view-body .courses-card .courses-text .review-icon span {

    background-color: #43032d;

    color: #fff;

    text-decoration: none;

    display: flex;

    padding: 6px 8px 5px 3px;

    border-radius: 5px;

    margin-left: 10px;

    /* margin-bottom: 14px; */

    font-size: 10px;

    font-weight: 500;

}

.grid-view-body .courses-price-left p {



    margin-left: 0;

}



/* course-category */

.course-category a {

    text-decoration: none;

    color: #6E798A;

    font-size: 12px;

    font-weight: 400;

}

.radio-text {

    font-size: 12px;

    font-weight: 400;

    color: var(--color-1) !important;

    cursor: pointer;

}

.course-category li {

    list-style-type: none;

}

.course-price a {

    text-decoration: none;

    /* color: var(--color-1); */

    font-size: 12px;

    font-weight: 400;

}

.form-check .active .text-13px {

    color: var(--color-1);

}

.course-all-category .form-check-input,

.course-price .form-check-input {

    background-color: var(--bg-white-2);

}

.course-category a:hover {

    color: var(--color-4);

}

.course-price a:hover {

    color: var(--color-4);

}

.course-category span {

    font-size: 14px !important;

    font-weight: 400;

}

.form-check-input:checked {

    background-color: var(--color-4);

    border-color: var(--color-4);

}

#flexCheckChecked:focus-visible {

    box-shadow: none;

    outline: none;

    border-color: none;

}

.webdesign .form-check-label .try {

    display: flex;

    margin-left: 20px;

    justify-content: space-between;

}

.course-category .form-check-label {

    display: flex;

    justify-content: space-between;

    cursor: pointer;

}

.course-category h3 {

    font-size: 16px;

    font-weight: 500;

    position: relative;

    display: inline-block;

}

/* .course-category h3::after{

  content: "";

  background-color: #754FFE;

  height: 2px;

  width: 50%;

  position: absolute;

  left: 0;

  bottom: -5px;

 transition: .5s;

} */

/* .course-category h3:hover:after{

  width: 100%;

} */

.course-category .show-more a {

    font-size: 14px;

    font-weight: 500;

    color: var(--color-1);

    margin-top: 16px;

}

.course-category .form-check {

    padding: 12px 0px 0px 23px;

    margin-bottom: 0;

}

/* .category-heading a{

  color:var(--color-1);

} */

.course-price {

    margin-top: 20px;

}

.course-all-category {

    margin-top: 50px;

    border: 1.5px solid #6e798a38;

    border-radius: 12px;

    padding: 16px;

}

.form-check-icon li i {

    color: #64799668;

}

.form-check-icon ul {

    display: flex;

    padding-left: 0;

}

.form-check-icon ul li {

    padding: 0 3px;

}

.course-icon .form-check-icon .icon-color i {

    color: #FFD43B;

}

.course-icon .form-check {

    padding: 0;

    margin: 10px 23px;

}

.course-icon ul {

    margin-bottom: 0;

}

.grid-view-body {

    background-color: var(--bg-white);

}



/* Pagenation */

.pagenation-items {

    background-color: var(--bg-white);

    display: flex;

    justify-content: center;

    padding-bottom: 70px;

}

.page-link {

    padding: 6px 14px;

    margin-right: 11px;

    border-radius: 5px;

    color: var(--color-13);

    border: 1px solid #D1D4DC;

    background-color: var(--bg-white-2);

    font-size: 16px;

    font-weight: 500;

}

.pagenation .active {

    background-color: #754FFE;

    color: #fff;

}

.page-item:last-child .page-link,

.page-item:first-child .page-link {

    border-radius: 5px;

    border: none;

    background-color: var(--color-4);

    color: var(--color-9);

}

.page-link:focus {

    box-shadow: none;

    color: var(--color-13);

    background-color: transparent;

}

.page-link:hover {

    z-index: 2;

    color: #fff;

    background-color: var(--color-4);

    border-color: var(--color-4);

}



/*==================

courses-list View Page

========================  */

.courses-list-view-card-body {

    display: flex;

}

.courses-list-view-card-body .courses-card-image img {

    max-width: 295px;

    max-height: 197px;

    border-radius: 10px 0px 0px 10px;

    transform: scale(1);

    transition: .5s;

}

.courses-list-view-card .courses-list-view-card-body .courses-text img {

    height: 11px;

    width: 11px;

    margin-right: 5px;

    transform: scale(1);

    transition: .5s;

}



.courses-list-view-card-body .courses-text .courses-d-flex-text {

    display: flex;

    justify-content: space-between;

}

.courses-list-view-card-body .courses-text .courses-d-flex-text .compare-img {

    text-decoration: none;

    background-color: var(--color-4);

    padding: 6px 16px;

    border-radius: 5px;

    color: var(--color-9);

    font-size: 10px;

    display: inline-block;

    font-weight: 500;

}

.courses-list-view-card-body .courses-text p {

    margin-left: 0;

}

.courses-list-view-card .courses-list-view-card-body .courses-text {

    box-sizing: border-box;

    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;

    border-radius: 0px 0px 10px 0px;

    padding: 16px 20px;

}

.courses-list-view-card .courses-list-view-card-body .courses-card-image img {

    width: 100%;

    height: 100%;

    border-radius: 10px 0px 0px 10px;

    transform: scale(1);

    transition: .5s;

}

.courses-list-view-card-body .courses-card-image {

    position: relative;

}

.courses-list-view-card-body .courses-card-image .courses-icon i {

    color: #6e798a81;

    background-color: var(--bg-white);

    border-radius: 50%;

    padding: 8px;

    position: absolute;

    top: 14px;

    right: 7px;

    font-size: 14px;

}

.courses-list-view-card-body .courses-card-image .red-heart i {

    color: var(--color-4);

}

/*================

course details Page 

===================== */

.courses-details .courses-details-1st-text h1 {

    font-size: 30px;

    font-weight: 600;

    margin-bottom: 20px;

    margin-top: 30px;

    color: #0D0C23;

}

.courses-details .courses-details-1st-text p {

    font-size: 16px;

    color: #68768B;

    margin-bottom: 24px;

    line-height: 24px;

}

.courses-details .courses-details-1st-text .review {



    margin-bottom: 40px;

}

.clock-user {

    display: flex;

    justify-content: space-between;

}

.courses-details .courses-details-1st-text .clock {

    display: flex;

}

.courses-details .courses-details-1st-text .clock i {

    color: #fff;

    padding: 5px 8px 15px 0px;

}

.courses-details .courses-details-1st-text .user {

    display: flex;

}

.courses-details .courses-details-1st-text .user i {

    color: #fff;

    padding: 5px 8px 15px 0px;

}

.courses-details .courses-details-1st-text .icon ul {

    display: flex;

}

.courses-details .courses-details-1st-text .icon ul li {

    list-style-type: none;

    color: #F9B23A;

    margin-right: 8px;

}

.course-decription {

    background-color: var(--bg-white);

}

.course-decription li .nav-link {

    color: var(--color-1);

    font-size: 16px;

    font-weight: 500;

    position: relative;

    display: inline-block;

    border: none;

    padding: 17px 0px 11px 0px;

}

.course-decription #myTab {

    display: flex;

    justify-content: space-around;

    border-bottom: 1.5px solid #6e798a25;



}

.course-decription li .nav-link:after {

    content: "";

    position: absolute;

    height: 2px;

    width: 0;

    background-color: var(--color-4);

    bottom: -1px;

    left: 0;

    transition: .5s;



}

.course-decription li .nav-link:hover:after {

    width: 100%;

}

.course-decription li .nav-link:hover {

    color: var(--color-4);

}



.course-left-side .nav-tabs .nav-item.show .nav-link,

.course-left-side .nav-tabs .nav-link.active {

    background-color: var(--bg-white);

}

.course-left-side {

    box-sizing: border-box;

    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;

    border-radius: 10px;

    margin-top: -35px;

    background-color: var(--bg-white);

    padding: 20px;

}

/* Accordion Area */

.antry-acordion {

    border: 1px solid #f2f3f5;

}

.antry-acordion .accordion-body {

    padding: 0;

}

.antry-acordion .accordion-item {

    background-color: var(--bg-white) !important;

}

.ac-lecture li {

    margin: 0 !important;

}

.ac-lecture li::before,

.ac-lecture li::after {

    display: none;

}

.ac-lecture li a {

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding-bottom: 18px;

    border-radius: 5px;

}

/* .ac-lecture li a:hover{

  background: #f2f3f5;

} */

.ac-lecture li a span {

    font-size: 13px;

}

.ac-lecture li a span i {

    color: #754FFE;

    font-size: 15px;

    margin-right: 14px;

}

.ac-lecture li a .lecture-info {

    font-size: 13px;

}

.ac-lecture li:last-child {

    padding-bottom: 15px;

}





/* Right-section */

.course-right-section .course-card .card-img img {

    height: auto;

    max-width: 100%;

    border-radius: 10px 10px 0px 0px;

    padding: 8px;



}

.course-right-section .course-card .card-img {

    position: relative;

}

.course-right-section .course-card .card-img .card-video-icon i {

    color: #fff;

    font-size: 20px;

    padding: 16px 20px;

}

.course-right-section .course-card .card-img .card-video-icon {

    background-color: rgba(0, 0, 0, 0.355);

    display: inline-block;

    border-radius: 50%;

    position: absolute;

    top: 39%;

    left: 41%;

    cursor: pointer;

}



.course-card {

    box-sizing: border-box;

    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;

    border-radius: 10px;

    margin-top: -150px;

    background-color: var(--bg-white);

}

.course-right-section .course-card .enrol {

    display: flex;

    justify-content: space-between;

    align-items: center;

    border-bottom: 1.5px solid #6e798a32;

    padding: 15px 0px;

}



.course-right-section .course-card .enrol .icon {

    display: flex;

    align-items: center;

    gap: 8px;



}

.course-right-section .course-card .enrol .icon img {

    height: 20px;

    width: 20px;

    margin: 0px 18px 8px 0px;

}

.course-right-section .course-card .ammount h1 {

    font-size: 24px;

    font-weight: 600;

}

.course-right-section .course-card .ammount h3 {

    font-size: 20px;

    font-weight: 500;

    color: #647996;

    padding: 10px;

}



.course-right-section .course-card .enrol .icon h4 {

    font-size: 16px;

    font-weight: 600;

}

.course-right-section .course-card .enrol .icon h5 {

    font-size: 14px;

    font-weight: 400;

}

.course-right-section .button {

    display: grid;

}

.course-right-section .button a {

    text-decoration: none;

    background-color: var(--bg-white-2);

    border: 1.5px solid var(--color-4);

    color: var(--color-4);

    text-align: center;

    border-radius: 10px;

    margin-top: 14px;

    padding: 10px 14px 12px;

    font-size: 15px;

    font-weight: 600;

    transition: .5s;

}

.course-right-section .button a:hover {

    background-color: var(--color-4);

    color: #fff;

}

.course-right-section .course-card .enrol:last-child {

    border: none;

}

/* modal video */

.modal-content {

    position: relative;

    display: flex;

    flex-direction: column;

    width: 100%;

    color: var(--bs-modal-color);

    pointer-events: auto;

    background-color: #261954;

    background-clip: padding-box;

    border: none;

    border-radius: var(--bs-modal-border-radius);

    outline: 0;

}

.modal-body {

    position: relative;

    flex: 1 1 auto;

    padding: 0;

}

.modal-header {

    display: flex;

    flex-shrink: 0;

    align-items: center;

    justify-content: space-between;

    padding: var(--bs-modal-header-padding);

    border-bottom: none;

    border-top-left-radius: var(--bs-modal-inner-border-radius);

    border-top-right-radius: var(--bs-modal-inner-border-radius);

}

.modal-header .modal-title {

    color: #fff;

    font-size: 18px;

    font-weight: 700;

}

.courses-card-image {

    position: relative;

}

.courses-card-image .courses-icon i {

    color: #6e798a81;

    background-color: var(--bg-white);

    border-radius: 50%;

    padding: 8px;

    position: absolute;

    top: 14px;

    right: 7px;

    font-size: 14px;

}

.courses-card-image .red-heart i {

    color: var(--color-4);

}

.course-details-card {

    background-color: var(--bg-white);

}



/* Curriculum section */

.course-left-side .accordion-button::after {

    margin-left: -35px;

    background-size: 13px;

    top: 1px;

    position: absolute;

}



.antry-acordion .accordion-button:not(.collapsed)::after {

    top: -5px !important;

    position: absolute !important;

    transform: rotate(180deg);

    left: 60px;

}

.course-left-side .accordion-button {

    padding: 0px 0px 0px 67px;

    font-size: 14px;

    font-weight: 600;

    justify-content: space-between;

}

.accordion-header {

    margin: 10px 0px 10px;

}

.qustion .accordion-header {

    margin: 3px 0px 5px;

    padding-bottom: 13px
}

.qustion .accordion-button:not(.collapsed) {

    color: var(--color-5);

}



.course-left-side .accordion-item {

    color: var(--color-5);

    background-color: var(--bs-accordion-bg);

    border: none;

    border-bottom: 1.5px solid #6e798a46;

}

.course-left-side .accordion-item:last-child {

    border-bottom: none;

}

.accordion-body-2 .accordion-body-video .icon i {

    color: #fff;

    background-color: #754FFE;

    border-radius: 50%;

    padding: 8px 10px 9px 13px;

    font-size: 16px;

}

.accordion-body-2 .accordion-body-video {

    display: flex;

}

.accordion-body-2 .accordion-body-video h2 {

    font-size: 16px;

    font-weight: 600;

    transition: .5s;

    margin: 7px 20px;

}

.accordion-body-2 {

    display: flex;

    justify-content: space-between;

}

.accordion-body-2 .accordion-time h2 {

    font-size: 16px;

    font-weight: 600;

    color: #0D2A3E;

    transition: .5s;

    cursor: pointer;

}

.accordion-body-2 .accordion-body-video h2 a {

    text-decoration: none;

    color: #0D2A3E;

    transition: .5s;

}

.accordion-body-2 .accordion-body-video h2 a:hover {

    color: #754FFE;

}

.accordion-body-2 .accordion-time h2:hover {

    color: #754FFE;

}

/* Instructor */

.instructor .instructor-img img {

    width: 100%;

    height: 160px;

    object-fit: cover;

    border-radius: 10px;

}

.eBorder {

    padding-bottom: 22px;

    margin-bottom: 22px;

    border-bottom: 1px solid #DCDEE1;

}

.eBorder:last-child {

    border: none;

    margin-bottom: 0;

    padding-bottom: 0;

}

.instructor {

    margin-top: 24px;

}



.instructor .instructor-text h2 {

    font-size: 18px;

    font-weight: 500;

    margin-left: 6px;

}

.instructor .instructor-text p {

    margin: 16px 3px 16px 6px;

    font-size: 16px;

}

.instructor .instructor-text .tera {

    margin-left: 0;

    font-size: 15px;

}

.instructor .instructor-icon svg {

    background-color: #fff;

    border: 1px solid #6e798a46;

    border-radius: 5px;

    transition: .5s;

    height: 35px;

    width: 40px;

    padding: 7px;

    transition: .5s;

}

.instructor .instructor-icon svg:hover path,

.instructor .instructor-icon svg:hover {

    background-color: #754FFE;

    fill: #fff;

}

.instructor .instructor-icon i {

    color: #000;

    background-color: #fff;

    padding: 10px;

    border: 1px solid #6e798a46;

    border-radius: 5px;

    transition: .5s;

    margin: 5px;

}

.instructor .instructor-icon i:hover {

    background-color: #754FFE;

    color: #fff;

}

.instructor-student-feed-back {

    margin-bottom: 50px;

}

.instructor-student-feed-back h1 {

    font-size: 22px;

    font-weight: 600;

    position: relative;

    display: inline-block;

    margin-bottom: 15px;

}

/* .instructor-student-feed-back h1:after{

  content: "";

  position: absolute;

  width: 0;

  height: 2px;

  background-color: var(--color-4);

  bottom: -6px;

  left: 0;

  transition: .5s;

}

.instructor-student-feed-back h1:hover::after{

  width: 100%;

} */



.instructor-student-feed-back img {

    width: 59px;

    height: 60px;

}

.student-feed-back-text h6 {

    font-size: 14px;

    font-weight: 700;

    margin-left: 13px;

}

.student-feed-back-text p {

    font-size: 12px;

    font-weight: 400;

    margin-left: 13px;

    margin-top: 0;

    margin-bottom: 8px;

}

.student-feed-back-text .icon {

    margin-left: 13px;

}

.student-feed-back-text .icon i {

    color: #F9B23A;

    font-size: 13px;

    margin-bottom: 20px;

}

.student-feed-back-text .std {

    font-size: 15px;

    margin-bottom: 20px;

}

.student-feed-back-text a {

    text-decoration: none;

    background-color: var(--color-4);

    padding: 7px 18px;

    border-radius: 5px;

    color: #fff;

    margin-left: 13px;

}

.settings-icon i {

    background-color: #6e798a2d;

    color: var(--color-1);

    border-radius: 50%;

    padding: 7px 14px 7px 14px;



}

.settings-icon ul {

    background-color: var(--bg-white-2);

}

.settings-icon a {

    color: var(--color-1);

}

.settings-icon .dropdown-item {

    font-size: 12px;

}

/* comment */



.comment .rating {

    display: flex;

    margin-bottom: 30px;

    border-top: 1.5px solid #6e798a32;

    padding-top: 30px;

}

.comment .rating h3 {

    margin: 0;

}

.comment .rating .icon {

    margin-left: 10px;

}

.comment .rating .icon i {

    color: #D0D2D7;

    margin-left: 3px;

}

.comment .rating .icon .gold {

    color: #FFD43B;

}

.comment #fname {

    width: 100%;

    height: 56px;

    border-radius: 10px;

    border: 1.5px solid #6e798a46;

    padding: 19px 26px;

    transition: .5s;

}

.comment .form-control {

    width: 100%;

    padding: 13px 14px;

    font-size: 15px;

    font-weight: 400;

    line-height: 1.5;

    color: var(--color-1);

    background-color: var(--bg-white-2);

    border: 1.5px solid #6E798A30;

    -webkit-appearance: none;

    -moz-appearance: none;

    appearance: none;

    border-radius: 8px;

}

.comment .form-control::placeholder {

    color: #68768B;

}

.comment #exampleFormControlInput1:focus-visible {

    border-color: var(--color-4);

}

.single-input label {

    font-size: 14px;



    color: var(--color-6);

}

.message-btn {

    background-color: var(--color-4);

    color: #fff;

    padding: 10px 20px;

    border-radius: 7px;

    border: none;

}

.feedback-form .multi-input {

    display: grid;

    grid-template-columns: repeat(2, 1fr);

    gap: 20px;

}

.feedback-form textarea {

    resize: none;

    height: 230px;

}

/* Review */

.reviews {

    margin-top: 24px;

}

.reviews h3 {

    font-size: 18px;

    font-weight: 700;

    margin: 0;

}

.reviews p {

    margin: 7px 10px;

    font-size: 14px;

}



.reviews .icon i {

    color: #D0D2D7;

}

.reviews .icon .gold {

    color: #F9B23A;

}

.reviews .icon {

    text-align: center;

}

.reviews h1 {

    text-align: center;

    font-size: 40px;

}

.reviews .text {

    font-size: 15px;

    margin: 0;

}

.reviews .ritt {

    font-size: 20px;

    font-weight: 500;

}

.reviews .reviews-border {

    border-bottom: 1.5px solid #676c7d2f;

    padding-bottom: 10px;

}

.reviews .reviews-border:last-child {

    border: none;

}

/* course Decription Page-2  */

.course-decription-2 .instructor-student-feed-back h1 {

    margin: 40px 30px 32px;

}

.course-decription-2 .tab-content p {

    margin: 0px 31px;

}

.course-decription-2 .comment h1 {

    margin: 0;

    margin-bottom: 30px;

}

.course-decription-2 .stdf h1 {

    margin: 0;

    margin-bottom: 30px;

}

.course-decription-2 .instructor-text p {

    margin: 5px 3px 13px 6px;

    font-size: 15px;

}

.course-decription-2 .student-feed-back-text p {

    margin: 0;

    margin-left: 13px;

}

.course-decription-2 .student-feed-back-text .std {

    margin: 0;

    margin-left: 13px;

    margin-bottom: 20px;

}

.course-decription-2 .reviews p {

    margin: 7px 10px;

}

.course-decription-2 .reviews .text {

    font-size: 15px;

    margin: 0;

}

.course-decription-2 .reviews h2 {

    text-align: center;

    font-size: 40px;

    font-weight: 700;

}

.course-decription-2 .accordion-header {

    margin: 20px 0px 15px;

}



.course-decription-2 .accordion-body-2 .accordion-time h2 {

    margin-top: 20px;

}



.course-decription-2 .accordion-body-2 .video-2 {

    margin-top: 15px;

}



/*================== 

course Page 3  

====================*/

.courses-details-3 .courses-details-1st-text {

    padding-bottom: 326px;

}

.courses-details-3 {

    position: relative;

}

.c-d-3-banner img {

    max-width: 1100px;

    height: auto;

    position: absolute;

    top: 300px;

    left: 81px;

    border-radius: 10px;

}

.course-decription-3 .course-left-side {

    box-sizing: border-box;

    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;

    border-radius: 10px;

    margin-top: 286px;

    background-color: #fff;

    padding: 10px;

}

.course-decription-3 .course-card {

    box-sizing: border-box;

    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;

    border-radius: 10px;

    margin-top: 286px;

    background-color: #fff;

}



.c-d-3-banner .card-video-icon i {

    color: #fff;

    font-size: 25px;

    position: absolute;

    background-color: #FFF6;

    border-radius: 50%;

    padding: 20px 24px;

    left: 50%;

    top: 90%;

    cursor: pointer;

    transition: .5s;

}

.c-d-3-banner .card-video-icon i:hover {

    background-color: #754FFE;

}



.cose-p-3-r .course-card .ammount .h3-price {

    color: #1E293B;

}

.cose-p-3-r .course-card .ammount {

    padding: 20px 20px 1px 10px;

}



.include {

    margin: 10px 30px;

    border-bottom: 1.5px solid #6e798a2d;

}

.include-icon {

    display: flex;

    margin: 20px 0px 20px;

}

.include-icon h5 {

    font-size: 14px;

    font-weight: 500;

}

.include-icon i {

    color: #754FFE;

    font-size: 20px;

    margin-right: 12px;

}

.include-icon img {

    height: 20;

    width: 18px;

    margin-right: 12px;

}

.feature-time {

    display: flex;

    justify-content: space-between;

}

.feature-time h6 {

    font-size: 14px;

    font-weight: 500;

    margin-top: 18px;

}

/*=================

Error Page

===================== */



.error-body img {

    width: 100%;

    height: auto;

}

.error-body {

    padding: 100px 0;

    background-color: var(--bg-white);

}

.error-body h1 {

    font-size: 30px;

    font-weight: 700;

    margin-bottom: 30px;

}



.error-body p {

    line-height: 1.7;

    margin-bottom: 30px;

}

.error-body-text {

    margin-top: 150px;

}

.error-body-text a {

    text-decoration: none;

    color: #fff;

    background-color: #754FFE;

    padding: 10px 20px;

    border-radius: 5px;

}

/*=============

Trams & condition

=====================  */

.tramsCondition {

    background-color: var(--bg-white);

}

.trams-condition-text h1 {

    font-size: 22px;

    font-weight: 600;

}

/* Course Page Css */

.course-category .webdesign ul {

    padding-left: 20px;

}

.course-category .form-check-input:focus {

    box-shadow: none;

}

/*================

 Blog details Page

=====================*/

.blog-body {

    padding-top: 50px;

    background-color: var(--bg-white);

}

.blog-body .top .profile-img img {

    height: 28px;

    width: 28px;

    margin: 0px 12px 12px 0px;

    border-radius: 50%;

}



.blog-body .profile-img {

    display: flex;

    margin: 16px 0px 30px 0px;

}



.blog-body .profile-img a {

    text-decoration: none;

}

.blog-body .top .profile-img a h6 {

    font-size: 14px;

    font-weight: 600;

    color: var(--color-1);

    margin: 4px 20px 12px 0px;

}

.blog-body .top .profile-img p {

    font-size: 14px;

    margin: 2px 20px 12px 0px;

}

.blog-body .top img {

    width: 100%;

    height: auto;

    margin-bottom: 30px;

}

.blog-body .top h3 {

    font-size: 32px;

    font-weight: 600;

    color: var(--color-1);

}

.blog-body .top h4 {

    font-size: 22px;

    font-weight: 600;

    line-height: 1.9;

    letter-spacing: 1.5px;

}

.blog-body .top p {

    font-size: 15px;

    line-height: 1.9;

    letter-spacing: 1;

}

.blog-body .top ul li a {

    text-decoration: none;

    color: var(--primary-color-2);

}



.blog-body .top ul li {

    position: relative;

    margin: 20px 10px;

    list-style-type: none;

}

.blog-body .top ul {

    padding-left: 8px;

}

.blog-body .top ul li::before {

    content: "";

    position: absolute;

    width: 1.5px;

    height: 43px;

    background-color: var(--color-15);

    left: -14px;

    top: 8px;

}

.blog-body .top ul li::after {

    content: "";

    position: absolute;

    width: 10px;

    height: 10px;

    border-radius: 50%;

    background-color: var(--color-4);

    left: -18px;

    top: 6px;

}

.blog-body .top ul li:last-child::before {

    display: none;

}

.blog-body .top {

    border-bottom: 1.5px solid #1e293b2a;

    margin-bottom: 30px;

    padding-bottom: 50px;

}

.blog-right .left-tag {

    display: flex;

}

.blog-body .left-tag h3 {

    font-size: 20px;

    font-weight: 700;

    color: var(--color-1);

    font-family: 'Poppins', sans-serif;

    margin: 8px 0px;

}



.blog-body .left-tag a {

    text-decoration: none;

    color: var(--color-14);

    background-color: #6e798a3e;

    margin: 0px 16px;

    padding: 8px 18px 8px 18px;

    border-radius: 5px;

    transition: .5s;

    display: ruby;

}

.blog-body .left-tag a:hover {

    background-color: #754FFE;

    color: #fff;

}



.blog-body .left-tag {

    border-bottom: 1.5px solid #1e293b2a;

    margin-bottom: 30px;

    padding-bottom: 30px;

    display: flex;

}

.reply img {

    width: 52px;

    height: 52px;

    border-radius: 50%;

}



.reply {

    margin-left: 50px;

    margin-top: 25px;

}

.blog-body .instructor-student-feed-back .comment-student-feed-back-text {

    border-bottom: 1.5px solid #1e293b2a;

    padding-bottom: 30px;

}

.blog-body .instructor-student-feed-back .comment-student-feed-back-text p {

    font-size: 14px;

}

.comment #phone {

    padding: 14px 30px;

    border-radius: 9px;

    width: 100%;

    transition: .5s;

    margin-top: 22px;

}

.comment #phone:hover {

    border-color: #754FFE;

}

.comment .checkbox {

    display: flex;

    margin-bottom: 30px;

}

.comment .checkbox p {

    margin: 10px 10px;

}

.search {

    margin-top: 120px;

}

.search .search-bar {

    position: relative;

    margin-bottom: 50px;

    margin-top: 30px;

}

.search .search-bar i {

    position: absolute;

    left: 11px;

    top: 15px;

    color: #6e798a6e;

    font-size: 20px;

    cursor: pointer;

}

.search .search-bar .search-btn {

    position: absolute;

    border: none;

    box-shadow: none;

    background: transparent;

}

.search .form-control {

    border: 1.5px solid #6e798a3d;

    padding: 12px 40px;

    border-radius: 5px;

    font-size: 14px;

    font-weight: 400;

    color: #6E798A;

    width: 100%;

    border-radius: 9px;

    background-color: var(--bg-white);

}

.blog-body .right-section h4 {

    font-size: 20px;

    font-weight: 700;

}

.blog-body .right-section .title h4 {

    position: relative;

    display: inline-block;

    color: var(--color-1);

}

.blog-body .right-section .title h4:after {

    content: "";

    width: 100%;

    height: 1px;

    position: absolute;

    background-color: #000;

    bottom: -13px;

    left: 0;

}

.blog-body .right-section .title {

    border-bottom: 1.5px solid #1e293b2a;

    padding-bottom: 11px;

}

.blog-body .right-section .categories {

    margin-bottom: 50px;

}

.blog-body .right-section .categories ul {

    padding-left: 0;

}

.blog-body .right-section .categories ul li {

    list-style-type: none;

    padding: 20px 0px 0px 0px;

}

.blog-body .right-section .categories ul li a {

    text-decoration: none;



    color: var(--primary-color);

    font-size: 16px;

    font-weight: 400;

    position: relative;

    transition: .5s;

}

.blog-body .right-section .categories ul li a::after {

    content: "";

    width: 1.5px;

    height: 100%;

    position: absolute;

    background-color: var(--color-4);

    left: 0px;

    opacity: 0;

    transition: .5s;

}

.blog-body .right-section .categories ul li a:hover {

    padding-left: 15px;

    color: var(--color-4);

    font-weight: 600;

}

.blog-body .right-section .categories ul li a:hover:after {

    opacity: 1;

}

.blog-body .right-section .post img {

    height: auto;

    width: 100%;

    margin-bottom: 20px;

    border-radius: 5px;

    object-fit: cover;

}

.blog-body .right-section .post a {

    text-decoration: none;

    color: var(--color-1);

}

.blog-body .right-section .post h5 {

    font-size: 15px;

    font-weight: 500;

    margin-bottom: 6px;

    line-height: 23px;

}

.blog-body .right-section .post p i {

    margin-right: 10px;

    color: var(--primary-color-2);

}

.blog-body .right-section .post {

    margin-top: 25px;

    padding-bottom: 10px;

    border-bottom: 1.5px solid #1e293b2a;

}

.blog-body .right-section .post:last-child {

    padding-bottom: 0;

    border-bottom: none;

}

.post p {

    font-size: 14px;

    color: var(--color-16);

}

.blog-body .right-section .right-tag a {

    text-decoration: none;

    color: var(--color-14);

    background-color: #6e798a3e;

    margin: 0px 12px 15px 0px;

    padding: 8px 18px 8px 18px;

    border-radius: 5px;

    transition: .5s;

    display: inline-block;

    transition: .5s;

}

.blog-body .right-section .right-tag a:hover {

    background-color: #754FFE;

    color: #fff;

}

.blog-body .right-section .right-tag {

    margin-top: 30px;

    display: flex;

    flex-wrap: wrap;

    list-style: none;

    padding-left: 0;

    margin-bottom: 52px;

}

/*=========================

Sign Up Page

==================================*/

.sing-up-img img {

    width: 100%;

    height: auto;

}

.sing-up-right h3 {

    font-size: 34px;

    font-weight: 700;

    margin-bottom: 16px;

}

.sing-up-right h3 span {

    color: #754FFE;

}

.sing-up-right p {

    margin-bottom: 51px;

    word-spacing: 1.5px;

}

.sing-up-right h5 {

    font-size: 16px;

    font-weight: 500;

    margin-bottom: 20px;

}

.sing-up-right .name {

    margin-bottom: 30px;

}

.sing-up-right .form-control {

    padding: 14px 0px 13px 48px;

    border-radius: 11px;

    font-size: 14px;

    font-weight: 400;

    color: #6E798A;

    width: 100%;

    border: none;

    background-color: #6e798a1c;

}

.sing-up-right form {

    position: relative;

}

.sing-up-right i {

    position: absolute;

    left: 18px;

    top: 34%;

    color: #6e798aae;

}

.sing-up-right .eye-icon i {

    position: absolute;

    left: 93%;

    top: 25%;

    color: #6e798aae;

}

.sing-up-right .form-control:focus {

    box-shadow: none;

    border-color: none;

}

.sing-up-right .log-in .btn {

    border: 1.5px solid #6e798a45;

    width: 100%;

    margin-top: 30px;

    margin-left: 0;

    background-color: var(--color-4);

    padding: 12px 30px;

    color: var(color-9);

    margin-bottom: 30px;

}

.sing-up-right .log-in .btn a {

    text-decoration: none;

    color: var(--color-9);

    font-size: 16px;

    font-weight: 600;

}

.sing-up-right .another p {

    letter-spacing: 1.5px;

    margin-bottom: 30px;

}

.sing-up-right .another p a {

    margin-left: 10px;

}

.sing-up-right .another h5 {

    position: relative;

}

.sing-up-right .another h5::after {

    content: "";

    position: absolute;

    width: 45%;

    height: 1.5px;

    background-color: #6e798a72;

    left: 0;

    top: 50%;

}

.sing-up-right .another h5::before {

    content: "";

    position: absolute;

    width: 45%;

    height: 1.5px;

    background-color: #6e798a72;

    right: 0;

    top: 50%;

}

.sing-up-right .social-media img {

    height: 23px;

    width: 23px;

    margin-right: 10px;



}

.sing-up-right .social-media a {

    text-decoration: none;

    color: var(--color-1);



}

.sing-up-right .social-media .btn {

    width: 100%;

    margin-left: 0;

    margin-bottom: 50px;

    padding: 11px 20px;

    background-color: var(--color-4);

}

.sing-up-right .social-media .btn:hover {

    background-color: var(--bg-white-2);

    border-color: #6e798a45;

}

.forget-pass {

    margin-top: 100px;

}

.forget-pass .name {

    margin-bottom: 0px;

}

.sing-up-right .resend-code .form-control {

    padding: 0;

    border-radius: 0;

    font-size: 30px;

    font-weight: 400;

    color: var(--color-1);

    width: 44px;

    border: none;

    border-bottom: 2px solid var(--color-4);

    background-color: transparent;

    display: inline;

    margin: 0px 21px 8px 2px;

}

.sing-up-right .resend-code .btn {

    border: 1.5px solid #6e798a45;

    margin-top: 0px;

    margin-left: 0;

    background-color: var(--color-4);

    margin-bottom: 30px;

    padding: 12px 14px 12px 14px;

}

.sing-up-right .resend-code .btn a {

    text-decoration: none;

    color: var(--color-9);

}

/* Instructor Page start */

.instructor-1 .instructor-video img {

    width: 100%;

    height: auto;

    border-radius: 10px;

}

.instructor-1 {

    padding-top: 50px;

    background-color: var(--bg-white);

}

.instructor-1 .instructor-video {

    position: relative;

    margin-bottom: 30px;

}

.instructor-1 .instructor-video .card-video-icon i {

    color: #fff;

    position: absolute;

    top: 41%;

    left: 50%;

    background-color: #17102360;

    padding: 14px 16px 16px 19px;

    border-radius: 50%;

    cursor: pointer;

    font-size: 24px;

}

.instructor-1 .instructor-about img {

    width: 74px;

    height: 74px;

    border-radius: 50%;

}

.instructor-1 .instructor-about {

    box-sizing: border-box;

    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;

    background-color: var(--bg-white-2);

    padding: 39px 30px;

    border-radius: 10px;

    margin-bottom: 120px;

}

.instructor-1 .instructor-about .pro-heading {

    display: flex;

}

.instructor-1 .instructor-about .pro-heading .name h4 {

    font-size: 18px;

    font-weight: 700;

    color: var(--color-1);

}

.instructor-1 .instructor-about .pro-heading .name a {

    text-decoration: none;

    color: var(--color-4);

}

.instructor-1 .instructor-about .pro-heading .name p {

    font-size: 14px;

    font-weight: 500;

}

.instructor-1 .instructor-about .pro-heading .name {

    margin: 0 24px 13px 24px;

}

.instructor-1 .instructor-about .rating h4 {

    font-size: 18px;

    font-weight: 600;

    margin-bottom: 5px;

    color: var(--color-10);

}

.instructor-1 .instructor-about .rating {

    margin: 13px 0px 0px 0px;

    float: right;

}

.instructor-1 .instructor-about .rating p {

    font-size: 14px;

    font-weight: 500;

}

.instructor-1 .instructor-about .rating .rating-point {

    display: flex;

}

.instructor-1 .instructor-about .rating .rating-point i {

    color: #F9B23A;

    font-size: 14px;

    margin: 3px 7px 0px 7px;

}

.instructor-1 .instructor-about .instructor-about-heading {

    border-bottom: 1.5px solid #1e293b2a;

}

.instructor-1 .instructor-about .about-text {

    margin-top: 30px;

    margin-bottom: 50px;

}

.instructor-1 .instructor-about .about-text h3 {

    font-size: 18px;

    font-weight: 600;

    margin-bottom: 20px;

    color: var(--color-1);

}

.instructor-1 .instructor-about .about-text p {

    line-height: 1.9;

    word-spacing: 2.5px;

    font-size: 15px;

}

.instructor-1 .instructor-about .about-text ul li a {

    text-decoration: none;

    color: var(--color-1);

    background-color: #6e798a24;

    margin: 0px 16px 14px 0px;

    padding: 8px 18px;

    border-radius: 7px;

    transition: .5s;

    display: inline-block;

}

.instructor-1 .instructor-about .about-text ul li a:hover {

    background-color: var(--color-4);

    color: #fff;

}



.instructor-1 .instructor-about .about-text ul {

    list-style: none;

    display: flex;

    padding-left: 0;

    margin-top: 28px;

    flex-wrap: wrap;

}

.instructor-1 .instructor-about .skill .skill-point {

    display: flex;

    margin-top: 30px;

    margin-bottom: 30px;

}

.instructor-1 .instructor-about .skill .skill-point .skill-point-1 {

    margin: 0px 66px 0px 1px;

    text-align: center;

    position: relative;

}

.instructor-1 .instructor-about .skill h3 {

    font-size: 18px;

    font-weight: 600;

    margin-bottom: 20px;

    color: var(--color-1);

}

.instructor-1 .instructor-about .skill p {

    line-height: 1.9;

    word-spacing: 2.5px;

    font-size: 15px;

}

.instructor-1 .instructor-about .skill .skill-point .skill-point-1 h1 {

    font-size: 36px;

    font-weight: 600;

    color: var(--color-4);

}

.instructor-1 .instructor-about .skill .skill-point .skill-point-1 h4 {

    font-size: 15px;

    font-weight: 600;

    color: var(--color-1);

}

.instructor-1 .instructor-about .skill .skill-point .skill-point-1::after {

    content: "";

    position: absolute;

    background-color: #6E798A38;

    height: 50px;

    width: 1.5px;

    left: -35px;

    top: 14px;

}

.instructor-1 .instructor-about .skill .skill-point .skill-point-1:first-child::after {

    display: none;

}

.instructon-contact .instructon-icon {

    display: flex;

    margin: 22px 17px 0px 17px;

    border-bottom: 1.5px solid #6e798a27;

}

.instructon-contact .instructon-icon:last-child {

    border-bottom: none;

}

.instructon-contact .instructon-icon i {

    color: var(--color-4);

    font-size: 27px;

    margin: 8px 30px 12px 17px;

}

.instructon-contact .instructon-icon h4 {

    font-size: 14px;

    font-weight: 700;

}

.instructon-contact .instructon-icon p {

    font-size: 14px;

    font-weight: 400;

}

.instructon-contact {

    box-sizing: border-box;

    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;

    border-radius: 10px;

    padding: 11px 0px 19px;

    background-color: var(--bg-white-2);

}

.instructor-right .instructor-msg {

    margin-bottom: 50px;

}

.instructor-right .instructor-msg a {

    text-decoration: none;

    color: #fff;

}

.instructor-right .instructor-msg a i {

    margin-right: 10px;

}

.instructor-right .instructor-msg .btn {

    background-color: var(--color-4);

    width: 100%;

    margin-top: 30px;

    margin-left: 0;

}

.instructor-right .instructor-msg .btn:hover {

    border-color: var(--color-4);

}

.instructor-right .instructor-msg .btn-primary {

    padding: 14px 0;

}

/* Instructor page end */



/*=======================

 Wish List Page start 

 ==========================*/

.wishlist-course {

    background-color: var(--bg-white);

}

.wish-list-body {

    background-color: var(--bg-white);

}

.wish-list-body .wish-list-search {

    position: relative;

    margin-top: 50px;

    background-color: var(--bg-white-2);

    box-sizing: border-box;

    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;

    padding: 30px 18px;

    border-radius: 7px;

    border: 1px solid #1e293b2a;

}



.wish-list-body .wish-list-search .search-btn i {

    position: absolute;

    left: 15px;

    top: 14px;

    color: #6e798a6e;

    font-size: 20px;

    cursor: pointer;

}

.wish-list-body .wish-list-search .search-btn {

    position: absolute;

    border: none;

    box-shadow: none;

    background: transparent;

}

.wish-list-body .wish-list-search h5 {

    font-size: 18px;

    font-weight: 700;

    margin-bottom: 23px;

}

.wish-list-body .wish-list-search .form-control {

    padding: 14px 0px 13px 48px;

    border-radius: 11px;

    font-size: 14px;

    font-weight: 400;

    color: var(--color-1);

    width: 100%;

    border: none;

    background-color: #6e798a1c;

    margin-bottom: 34px;



}

.wish-list-body .wish-list-search .form-control:focus {

    box-shadow: none;

    border-color: none;

}

.wish-list-course .my-cosre {

    display: flex;

    border-radius: 7px;

    background-color: var(--bg-white-2);

    transition: .5s;

    padding: 10px 0 10px 20px;

    margin-top: 5px;

}

.wish-list-course .my-cosre a {

    text-decoration: none;

    color: var(--color-1);

    font-size: 14px;

    font-weight: 600;

    margin-left: 18px;

}

.wish-list-course .my-cosre i {

    color: #6E798A;

    font-size: 17px;

}

.wish-list-course .my-cosre:hover {

    background-color: var(--color-4);

}

.wish-list-course .my-cosre:hover i,

.wish-list-course .my-cosre:hover a {

    color: var(--color-9);

}

/*=======================

 Wish List Page end 

 ==========================*/

/*=======================

  Message Page start 

 ==========================*/

.message {

    background-color: var(--bg-white);

}

.message .conversation .form-control {

    padding: 9px 0px 11px 38px;

    border-radius: 11px;

    font-size: 13px;

    font-weight: 400;

    color: var(--color-1);

    width: 100%;

    border: none;

    background-color: #6e798a1c;

    margin-bottom: 30px;

    margin-top: 22px;

}

.message .conversation .form-control:focus {

    box-shadow: none;

    border-color: none;

}

.message .conversation .search-btn i {

    position: absolute;

    left: 14px;

    top: 11px;

    color: #6e798a6e;

    font-size: 16px;

    cursor: pointer;

}

.message .conversation .conversation-1 img {

    height: 38px;

    width: 38px;

    object-fit: cover;

}

.message .conversation .conversation-1 {

    display: flex;

    justify-content: space-between;

}

.message .conversation .conversation-1 .conversation-heading {

    display: flex;

}

.message .conversation .conversation-1 .conversation-img {

    position: relative;

    margin-top: 5px;

}

.message .conversation .conversation-1 .conversation-img p {

    position: absolute;

    color: #fff;

    background-color: #F25C88;

    border-radius: 50%;

    padding: 1px 5px;

    font-size: 8px;

    top: -10px;

    right: -1px;

}

.message .conversation .conversation-1 a {

    text-decoration: none;

    color: var(--color-4);

    font-size: 13px;

    font-weight: 700;

    transition: .5s;



}

.message .conversation .conversation-1 h5 {

    margin-bottom: 5px;

}

.message .conversation .conversation-1 h6 {

    color: var(--color-1);

    font-weight: 400;

    font-size: 11px;

    margin-bottom: 0;

}



.message .conversation .conversation-1 .conversation-name {

    margin-left: 10px;

}

.message .conversation .conversation-1 p {

    font-size: 10px;

    margin-top: 7px;

}

.conversation-body-1 {

    padding: 7px;

    transition: .5s;

    border-radius: 10px;

    margin: 7px;

    cursor: pointer;

}

.conversation-body-border {

    border-bottom: 1.5px solid #1e293b2a;

}

.conversation-body-border:last-child {

    border-bottom: none;

}

.conversation-body-1-text {

    display: flex;

    margin-top: 15px;



}

.conversation-body-1-text i {

    color: #6E798A;

    font-size: 12px;

    margin: 5px;

}

.conversation-body-1-text p {

    font-size: 12px;

}

.conversation-body-1:hover {

    background-color: #6e798a1a;

}

.conversation-body-1:hover h5 .heading {

    color: #1E293B;

}

.conversation-text .conversation-msg-full .child-img .parrent-image {

    height: 43.7px;

    width: 43.7px;

    border-radius: 5px;

    object-fit: cover;

}

.conversation-text .conversation-msg-full .parrent {

    display: flex;

    margin-left: 20px;

}

.conversation-text .conversation-msg-full .parrent .parrent-text h5 {

    font-size: 16px;

    font-weight: 700;

    margin-bottom: 2px;

}

.conversation-text .conversation-msg-full .parrent .parrent-text {

    margin-left: 10px;

}

.conversation-text .conversation-msg-full .parrent .parrent-text a {

    text-decoration: none;

    color: var(--color-1);

}

.conversation-text .conversation-msg-full .parrent .parrent-text p {

    font-size: 12px;

    font-weight: 400;

}

.conversation-msg-full .parrent .child-img img {

    height: 30px;

    width: 30px;

}

.conversation-text .conversation-msg-full .parrent .child-name {

    display: flex;

}

.conversation-text .conversation-msg-full .parrent .child-name h5 {

    font-size: 14px;

    font-weight: 700;

    margin-bottom: 2px;

}

.conversation-text .conversation-msg-full .parrent .child-name p {

    font-size: 12px;

    margin-left: 16px;

}

.conversation-text .conversation-msg-full .parrent .child-name a {

    text-decoration: none;

    color: var(--color-1);

}

.conversation-text .conversation-msg-full .parrent .child-text .child-description p {

    font-size: 12px;

    font-weight: 400;

    margin-right: 10px;

    margin-bottom: 20px;

}

.conversation-text .conversation-msg-full .child-text .child-description {

    display: flex;

    justify-content: space-between;

}

.conversation-text .conversation-msg-full .parrent .child-text {

    margin-left: 10px;

}

.conversation-fulllll-body {

    padding: 0px 0px 9px 18px;

    position: relative;

    margin-top: 50px;

    background-color: var(--bg-white-2);

    box-sizing: border-box;

    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;

    margin-bottom: 120px;

    border-radius: 7px;

    border: 1px solid #1e293b2a;

}

.conversation-fulllll-body .search-btn {

    position: absolute;

    border: none;

    box-shadow: none;

    background: transparent;

}

.conversation {

    margin-top: 20px;

}

.conversation h5 {

    font-size: 18px;

    font-weight: 600;

    color: var(--color-1);

}

.conversation-msg-full {

    margin-top: 20px;

}

.child-icon a {

    color: #6e798a87;

    margin-right: 30px;

}

.child-icon .btn i {

    margin-top: 30px;

    color: #6e798a87;

}

.child-icon .btn:hover {

    color: none;

    border-color: none;

}

.btn-check:checked+.btn,
.btn.active,
.btn.show,

.btn:first-child:active,
:not(.btn-check)+.btn:active {

    background-color: transparent;

}

.child-icon .btn {

    background-color: transparent;

    border: none;

}

.child-icon .btn:focus-visible {

    color: var(--bs-btn-hover-color);

    background-color: transparent;

    border-color: transparent;

    outline: 0;

    box-shadow: none;

}

.child-icon .btn-check:checked+.btn:focus-visible,
.btn.active:focus-visible,
.btn.show:focus-visible,
.btn:first-child:active:focus-visible,
:not(.btn-check)+.btn:active:focus-visible {

    box-shadow: none;

    background-color: #fff;

}

.child-icon .dropdown-menu {

    background-color: #fff;

}

.child-icon .dropdown .dropdown-item {

    color: #1E293B;

    font-weight: 500;

    font-size: 14px;

}

.dropdown-item.active,
.dropdown-item:active {

    background-color: #fff;

}

.child-icon .btn {

    transition: transform 0ms;

}

.child-icon .btn:hover {

    transform: translateY(0px);

}

.conversation-msg-full {

    margin-top: 20px;

    border-bottom: 1.5px solid #6e798a2e;

    margin-left: -12px;

}

.c-border {

    border-left: 1.5px solid #6e798a2e;

}

.parrent-3rd {

    display: flex;

    justify-content: space-between;

}

.parrent-2 {

    display: flex;

}

.conversation-text-2 {

    height: 465px;

}



.conversation-msg-full:last-child {

    border-bottom: none;

}

.conversation-sending {

    margin-right: 15px;

}

.conversation-sending .form-control {

    padding: 21px 0px 19px 20px;

    border-radius: 11px;

    font-size: 13px;

    font-weight: 400;

    color: var(--color-1);

    width: 100%;

    border: none;

    background-color: #6e798a1c;

    margin-bottom: 30px;

    margin-top: 22px;

}

.conversation-sending .img-attecment {

    display: none;

}

.conversation-sending .form-control:focus {

    box-shadow: none;

    border-color: none;

}

.conversation-sending {

    position: relative;

}

.conversation-sending .sending {

    background-color: var(--color-4);

    color: var(--color-9);

    padding: 9px 19px;

    position: absolute;

    top: 8px;

    right: 15px;

}

.conversation-sending .sending a {

    color: var(--color-9);

    text-decoration: none;

}

.conversation-sending .search-btn {

    position: absolute;

    top: 17px;

    right: 110px;

}

.conversation-sending .search-btn img {

    height: 20px;

    width: 9px;

    cursor: pointer;

}

/* scroll bar */

.conversation-body-scroll-bar {

    height: 480px;

    width: 100%;

    overflow: auto;

    scrollbar-color: #6e798a2a;

}

/*==============================

 Purchase history page start

 ============================*/

.purchase-body h5 {

    font-size: 13px;

    font-weight: 500;

    margin-top: 29px;

    color: var(--color-1);

}

.purchase-body h6 {

    color: var(--color-1);

    font-size: 15px;

    font-weight: 500;

}



.purchase-body h4 {

    color: var(--color-1);

    font-size: 14px;

    font-weight: 600;

    margin-top: 27px;

}

.purchase-body h3 {



    margin-left: 16px;

    word-spacing: 2px;

    line-height: 1.7;

    margin-top: 10px;

}

.purchase-body h3 a {

    text-decoration: none;

    color: var(--color-1);



}

.purchase-body h3 a p {

    color: var(--color-1);

    font-size: 15px;

    font-weight: 600;

    margin-bottom: 0;

}

.purchase-body img {

    height: 73px;

    width: 88px;

    border-radius: 10px;

    object-fit: cover;

}

.purchase-body {

    background-color: var(--bg-white-2);

    box-sizing: border-box;

    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;

    padding: 22px 20px;

    border-radius: 10px;

    margin-top: 50px;

    padding-bottom: 0;

    margin-bottom: 120px;

}

.purchase-2-img a {

    font-weight: 400;

    font-size: 14px !important;

    line-height: 20px;

}

.purchase-1 {

    padding-bottom: 18px;

    border-bottom: 1.5px solid #6e798a23;

    margin-bottom: 18px;

}



tbody,
td,
tfoot,
th,
thead,
tr {

    border-bottom: 1.5px solid #6e798a23;

}

tbody,
td,
tfoot,
th,
thead,
tr:last-child {

    border-bottom: none;

}

.table-head {

    border-bottom: 1.5px solid #6e798a23;

}

.purchase-2-img {

    display: flex;

    margin-bottom: 10px;

    margin-top: 10px;

}



.purchase-btn a {

    text-decoration: none;

    color: #6E798A;

    font-size: 12px;

    font-weight: 500;

}

.purchase-btn {

    background-color: #fff;

    border-radius: 5px;

    border: 1.5px solid #6E798A;

    padding: 8px 18px;

    transition: .5s;

    margin: auto;

    text-align: center;

    display: flex;

    margin-top: 15px;

}

.purchase-btn:hover {

    background-color: #754FFE;

    color: #fff;

    border-color: #754FFE;

}

.purchase-btn:hover a {

    color: #fff;

}

.purchase-2:last-child {

    border-bottom: none;

}

.purchase-2:first-child {

    border-top: none;

}

.table> :not(caption)>*>* {

    padding: .5rem .5rem;

    background-color: var(--bs-table-bg);

    border-bottom-width: 0;

    box-shadow: inset 0 0 0 9999px var(--bs-table-accent-bg);

    width: 70px;

}

.purchase-body {

    height: auto;

    overflow: auto;

    white-space: nowrap;

}



/*=======================

  Message Page end 

 ==========================*/

/*========================

 Profile Page start 

 ========================*/

.profile .profile-bg img {

    width: 100%;

    height: auto;

    border-radius: 10px 10px 0px 0px;

}

.profile .profile-bg {

    /* margin-top: 50px; */

}

.profile .profile-parrent img {

    height: 118px;

    width: 118px;

    border-radius: 50%;

    border: 3px solid #fff;

    margin-top: -45px;

}

.profile .profile-parrent {

    display: flex;

    justify-content: space-between;

    margin-bottom: 40px;

}

.profile .profile-parrent .profile-child {

    display: flex;

    justify-content: space-between;



}

.profile .profile-parrent .profile-child h5 {

    font-size: 18px;

    font-weight: 600;

    color: var(--color-1);

}

.profile .profile-parrent .profile-child p {

    font-size: 12px;

    font-weight: 400;

}

.profile .profile-parrent .profile-child .child-text {



    margin-left: 20px;

}

.profile .profile-parrent .profile-child a {

    text-decoration: none;

    color: var(--color-1);

}

.profile .profile-parrent .profile-child-btn a {

    border: 1.5px solid #1e293b35;

    padding: 9px 16px;

    border-radius: 7px;

    text-decoration: none;

    color: var(--color-1);

    font-size: 12px;

    background-color: var(--bg-white);

    transition: .5s;

    margin-left: 10px;

}

.profile .profile-parrent .profile-child-btn {

    margin-top: 10px;



}

.profile .profile-parrent .profile-child-btn a:hover {

    background-color: var(--color-4);

    color: #fff;

}

.profile-input-1 {

    display: flex;

    justify-content: space-between;

}

.profile-input {

    display: flex;

    margin-right: 74px;

}



.profile-input .form-control {

    border-radius: 10px;

    border: 1.5px solid #6e798a49;

    font-size: 13px;

    padding: 12px 20px;

    background-color: var(--bg-white-2);

    color: var(--color-1);

}

.profile-input .from-control-2 {

    margin-left: 10px;

}

.form-control:focus {

    box-shadow: none;

    border-color: none;

}

.profile-input-1 {

    border-bottom: 1.5px solid #6e798a22;

    padding-bottom: 20px;

    margin-bottom: 20px;

}

.profile-input-3 {

    margin-left: 5px;

    position: relative;

}

.input-group-text {

    display: flex;

    align-items: center;

    padding: 13px 20px;

    font-size: 13px;

    font-weight: 400;

    line-height: 1.5;

    color: #6E798A;

    text-align: center;

    white-space: nowrap;

    background-color: var(--bg-white-2);

    border: 1.5px solid #6e798a49;

    border-radius: .375rem;

    border-right: 0;

    border-radius: 10px 0px 0px 10px;

}

.profile-input-5 {

    display: block;

}

.profile-font .input-group .form-select {

    border: 1.5px solid #6e798a41;

    border-radius: 13px;

    font-size: 13px;

    font-weight: 400;

    color: #6E798A;

    width: 236px;

    background-color: var(--bg-white-2);

    padding: 11px 21px;

    cursor: pointer;

}

.profile-input-5 p {

    font-size: 11px;

    margin-top: 5px;

    font-weight: 500;

    color: var(--color-1);

}



.profile-font {

    display: flex;



}

.profile-input-3 {

    margin-right: 74px;

}

.profile-font-icon {

    margin-left: 15px;

    margin-top: 10px;

}

.profile-font-icon i {

    font-size: 14px;

    color: #6e798acb;

    margin-right: 12px;

}

.profile-bio .form-control {

    border: 1.5px solid #6e798a41;

    border-radius: 13px;

    font-size: 13px;

    font-weight: 400;

    color: var(--color-1);

    background-color: var(--bg-white-2);

    height: 200px;

    padding: 12px 20px;

    resize: none;

}

.profile-bio {

    margin-top: 16px;

}



.profile-input-4 .form-control {

    margin-left: 0;

    border-radius: 10px;

    border: 1.5px solid #6e798a49;

    font-size: 13px;

    padding: 12px 20px;

}

.profile-input-1:last-child {

    border-bottom: none;

}

.profile-ful-body {

    background-color: var(--bg-white-2);

    box-sizing: border-box;

    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;

    padding: 18px 29px;

    border-radius: 0 0 7px 7px;

    margin-bottom: 120px;

}

.profile-input-6 {

    margin-right: 0;

}

.form-select:focus {

    box-shadow: none;

    border-color: none;

}

/*==================

  faq page start

========================*/

.faq {

    padding: 80px 0 30px 0;

    background-color: var(--bg-white);

}

.faq .faq-img img {

    width: 100%;

    height: 510px;

    border-radius: 5px;

    object-fit: cover;

}

.faq .accordion {

    --bs-accordion-bg: var(--bg-white);

    --bs-accordion-color: var(--color-1);

}

.faq .faq-accrodion {

    margin-left: 20px;

}

.faq .faq-accrodion .faq-acc-heading h4 {

    font-size: 18px;

    font-weight: 500;

    color: #754FFE;

    margin-bottom: 16px;

}

.faq .faq-accrodion .faq-acc-heading h1 {

    font-size: 40px;

    font-weight: 700;

}

.faq .faq-accrodion .faq-acc-heading {

    margin-bottom: 50px;

}

.faq-accrodion .accordion .accordion-button {

    font-size: 20px;

    font-weight: 600;

    padding-bottom: 10px;

    padding-left: 22px;

    line-height: 28px;

}



.antry-acordion .accordion {

    --bs-accordion-bg: var(--bg-white) !important;

}

.course-left-side .accordion-button {

    color: var(--color-3);

}

.faq-accrodion .accordion .accordion-button:not(.collapsed) {

    color: var(--color-1);

    background-color: var(--bg-white) !important;

    box-shadow: none;

}

.faq-accrodion .accordion .accordion-item {

    color: var(--bs-accordion-color);

    background-color: var(--bs-accordion-bg);

    border: none;

    border-bottom: 1.5px solid #8F919B30;

}

.faq-accrodion .accordion .accordion-body {

    padding-left: 0;

}

.faq-accrodion {

    margin-bottom: 100px;

}

.h-2-courses .h-2-top-body p {

    margin-bottom: 0 !important;

}

/*=================

Price Page start  

=========================*/

.price-card,

.price-heading {

    background-color: var(--bg-white);

}

.price-card {

    padding-bottom: 100px;

}

.price-card-full-body {

    background-color: var(--bg-white-2);

    box-sizing: border-box;

    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;

    padding: 18px 29px;

    border-radius: 7px;

    border: 1.5px solid var(--color-9);

    transition: .5s;

}

.price-icon img {

    height: 13px;

    width: 16px;

    margin-right: 8px;

    margin-top: 4px;

}

.price-icon {

    display: flex;

    margin-bottom: 20px;

}

.price-card .price-card-full-body .price-card-heading a {

    text-decoration: none;

    color: var(--color-1);

    background-color: #6e798a35;

    border-radius: 20px;

    transition: .5s;

    padding: 10px 30px;

    font-size: 14px;

    font-weight: 600;

}

.price-card-heading {

    margin-top: 10px;

}

.price-card .price-card-full-body .price-card-heading h6 {

    font-size: 15px;

    font-weight: 400;

    margin-top: 30px;

    margin-bottom: 20px;

}

.price-card .price-card-full-body .ammount {

    border: 1.5px solid #6e798a3a;

    border-radius: 7px;

    display: flex;

    padding: 10px 0px 7px 32px;
    ;

    margin-bottom: 20px;

    transition: .5s;

}

.price-card .price-card-full-body .ammount h5 {

    font-size: 16px;

    font-weight: 500;

    margin-top: 4px;

    transition: .5s;

}

.price-card .price-card-full-body .ammount h1 {

    font-size: 48px;

    font-weight: 600;

    transition: .5s;

}

.price-card .price-card-full-body .ammount h6 {

    font-size: 16px;

    font-weight: 500;

    margin-top: 25px;

    margin-left: 7px;

    transition: .5s;

}

.price-icon h6 {

    font-size: 16px;

    font-weight: 400;

}

.price-card .price-card-full-body .price-btn a {

    text-decoration: none;

    color: #fff;

    background-color: var(--color-4);

    padding: 14px 54px;

    border-radius: 10px;

    font-size: 15px;

    font-weight: 600;

}

.price-card .price-card-full-body .price-btn {

    margin-top: 40px;

    margin-bottom: 40px;

}

.price-card-full-body:hover {

    border-color: var(--color-4);

}

.price-card-full-body:hover .price-card-heading a {

    color: var(--color-4);

}

.price-card-full-body:hover .ammount {

    border-color: var(--color-4);

}

.price-card-full-body:hover .ammount h6 {

    color: var(--color-4);

}

.price-card-full-body:hover .ammount h1 {

    color: var(--color-4);

}

.price-card-full-body:hover .ammount h5 {

    color: var(--color-4);

}

/*====================

  contact page start

==============================*/



.contact-page .contact-heading h3 {

    font-size: 28px;

    font-weight: 600;

    margin-bottom: 12px;

    color: var(--color-1);

}

.contact-page {

    padding: 50px 100px;

    background-color: var(--bg-white);

}

.contact-page .contact-heading {

    margin-bottom: 50px;

}

.contact-page .contact-image img {

    height: auto;

    width: 100%;

    border-radius: 10px;



}

.contact-page .contact-image {

    margin-bottom: 30px;

    position: relative;

    z-index: 1;

}

.contact-page .contact-image::after {

    content: "";

    position: absolute;

    background-color: #DBE1FE;

    height: 148px;

    width: 148px;

    top: -15px;

    left: -15px;

    z-index: -1;

    border-radius: 10px;

}



.contact-page .office-hour {

    display: flex;

}

.contact-page .office-hour .office-hour-text h4 {

    font-size: 15px;

    font-weight: 600;

}

.contact-page .office-hour p {

    margin-bottom: 4px;

    font-size: 14px;

    font-weight: 400;

}

.contact-page .office-hour p:last-child {

    margin-bottom: 32px;

}

.contact-page .office-hour .icon i {

    color: var(--color-4);

    margin-right: 20px;

    font-size: 16px;

}



.form-section .form-control {

    display: block;

    width: 100%;

    padding: 15px 26px;

    font-size: 1rem;

    font-weight: 400;

    line-height: 1.5;

    color: var(--color-1);

    background-color: var(--bg-white-2);

    background-clip: padding-box;

    border: 1.5px solid #6E798A30;

    -webkit-appearance: none;

    -moz-appearance: none;

    appearance: none;

    border-radius: 5px;

    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;

    resize: none;

    margin-bottom: 30px;

}



.form-section #exampleFormControlInput1:focus-visible {

    border-color: #754FFE;

}

.form-section .comment .form-control {

    height: 211px;

}

.form-section .cheack-box .form-check-input {

    padding: 10px;

    margin-right: 10px;

    border: 1.5px solid #6e798a4f;

    /*  background-color: var(--bg-white-2);*/

}

.form-section .cheack-box p {

    margin-top: 4px;

}

.form-section .cheack-box .form-check {

    display: flex;

}

.form-section .form-btn a {

    text-decoration: none;

    color: var(--color-9);

    background-color: var(--color-4);

    padding: 14px 35px;

    border-radius: 7px;

    font-size: 15px;

    font-weight: 600;

}

.form-section .form-btn {

    margin-top: 30px;

    margin-bottom: 30px;

}

/*====================

  Cart Page 

===============================*/

.cart-page .cart-table .cart-heading-text h3 {

    font-size: 28px;

    font-weight: 600;

    margin-bottom: 20px;

    color: var(--color-1);

}

.cart-page {

    padding: 50px 0 70px 0;

    background-color: var(--bg-white);

}

.cart-page .cart-table .cart-table-image img {

    height: 73px;

    width: 88;

    border-radius: 10px;

    margin-right: 16px;

}

.cart-page .cart-table .cart-table-image {

    display: flex;

}

.cart-page .cart-table .cart-table-image i {

    color: var(--color-16);

    margin-right: 28px;

    margin-top: 30px;

}

.cart-page .cart-table a {

    text-decoration: none;

    color: var(--color-1);

}

.cart-page .cart-table h5 {

    font-size: 15px;

    font-weight: 600;

    margin-top: 14px;

    color: var(--color-1);

}

.cart-page .cart-table .table th {

    border-bottom: 1.5px solid #6e798a39;

}

.cart-page .cart-table .table th p {

    font-size: 14px;

    font-weight: 500;

    color: var(--color-1);

}



.cart-page .cart-table .table tr {

    border-bottom: 1.5px solid #6e798a39;

    margin-bottom: 20px;

    margin-top: 20px;

}

.cart-page .cart-table .table td {

    padding-top: 20px;

    padding-bottom: 20px;



}

.cart-page .cart-table .table tr:last-child {

    border-bottom: none;

}

.cart-total h4 {

    font-size: 18px;

    font-weight: 600;

    margin-bottom: 22px;

    color: var(--color-1);

}

.cart-total {

    background-color: var(--bg-white-2);

    box-sizing: border-box;

    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;

    padding: 18px 23px;

    border-radius: 7px;

    margin-top: 80px;

}

.cart-total .sub-total {

    display: flex;

    justify-content: space-between;

    border-bottom: 1.5px solid #6e798a39;

    margin-bottom: 20px;

    padding-bottom: 15px;

}

.cart-total .tax {

    display: flex;

    justify-content: space-between;

    margin-bottom: 20px;

}



.cart-total h6 {

    font-size: 14px;

    font-weight: 600;

}

.cart-total p {

    font-size: 12px;

    margin-top: 10px;

    font-weight: 400;

}

.cart-total .cart-total-btn a {

    text-decoration: none;

    color: var(--color-9);

    background-color: var(--color-4);

    border-radius: 10px;

    padding: 14px 37px;

    font-size: 14px;

    font-weight: 500;

    display: block;

    text-align: center;



}

.cart-total .cart-total-btn {

    margin-top: 30px;

    margin-bottom: 10px;

}

.cart-scroll-bar {

    height: auto;

    overflow: auto;

    white-space: nowrap;

}





.course-decription-2 {

    background-color: var(--bg-white);

}

/*=====================

  Check out page

=============================*/

.check-out-heading {

    background-color: var(--bg-white);

}

.check-out-heading h2 {

    font-size: 30px;

    font-weight: 700;

    margin-bottom: 50px;

    margin-top: 50px;

}

.check-out-contact .email {

    border-bottom: 1.5px solid #6e798a39;

    margin-bottom: 30px;

}

.check-out-contact h4 {

    font-size: 18px;

    font-weight: 700;

    margin-bottom: 30px;

}



.check-out-contact h6 {

    font-size: 14px;

    font-weight: 500;

    margin-bottom: 20px;

}

.check-out-contact .form-control {

    display: block;

    width: 100%;

    padding: 15px 26px;

    font-size: 1rem;

    font-weight: 400;

    line-height: 1.5;

    color: var(--color-1);

    background-color: var(--bg-white-2);

    background-clip: padding-box;

    border: 1.5px solid #6E798A30;

    -webkit-appearance: none;

    -moz-appearance: none;

    appearance: none;

    border-radius: 15px;

    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;

    resize: none;

    margin-bottom: 30px;

}

.check-out-contact .form-select {

    display: block;

    width: 100%;

    padding: 15px 26px;

    font-size: 1rem;

    font-weight: 400;

    line-height: 1.5;

    background-color: var(--bg-white-2);

    background-clip: padding-box;

    border: 1.5px solid #6E798A30;

    -webkit-appearance: none;

    -moz-appearance: none;

    appearance: none;

    border-radius: 15px;

    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;

    resize: none;

    margin-bottom: 30px;

}

.check-out-contact .form-select::placeholder {

    color: var(--color-1);

}

.shiping-information {

    border-bottom: 1.5px solid #6e798a55;

    margin-bottom: 30px;

}

.check-out-contact #exampleFormControlInput1:focus-visible {

    border-color: var(--color-4);

}

.check-out-contact .form-select:focus-visible {

    border-color: var(--color-4);

}

.payment-imformation-card .form-check-input:checked {

    background-color: var(--color-4);

    border-color: var(--color-4);

    padding: 12px;

    border-radius: 50%;

}

.payment-imformation-card .form-check-input[type="checkbox"] {

    border-radius: 50%;

    padding: 12px;

    border-color: #6e798a55;

}

.payment-imformation-card .form-check #flexCheckChecked {

    box-shadow: none;

}

.payment-imformation-card .cradit-card {

    display: flex;

}

.payment-imformation-card .cradit-card .text {

    margin-left: 16px;

}



.payment-imformation-card .cradit-card .text h5 {

    font-size: 15px;

    font-weight: 700;

}

.payment-imformation-card .cradit-card .text p {

    font-size: 12px;

    font-weight: 400;

}

.payment-imformation-card .cradit-card {

    margin-bottom: 15px;

}



.payment-imformation-card {

    background-color: var(--bg-white-2);

    box-sizing: border-box;

    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;

    padding: 18px 29px;

    border-radius: 7px;

    border: 1.5px solid var(-- --hover-color-2);

    transition: .5s;

    margin-bottom: 30px;

}

.payment-imformation-card:hover {

    border-color: var(--color-4);

}



.check-out-contact .date-control .form-control {

    display: block;

    width: 100%;

    padding: 15px 7px;

    font-size: 14px;

    font-weight: 400;

    line-height: 1.5;

    color: var(--color-1);

    background-color: var(--bg-white-2);

    background-clip: padding-box;

    border: 1.5px solid #6E798A30;

    -webkit-appearance: none;

    -moz-appearance: none;

    appearance: none;

    border-radius: 15px;

    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;

    resize: none;

    margin-bottom: 30px;

}

.check-out-contact #exampleFormControlInput2:focus-visible {

    border-color: var(--color-4);

}



.payment-imformation-card .form-check #flexCheckDefault {

    box-shadow: none;

}

.paypal .cradit-card {

    margin-bottom: 0;

}

.paypal {

    padding-bottom: 7px;

    padding-top: 20px;

}

.check-out-cart {

    margin-top: 0;

}

.check-out-contact {

    padding-bottom: 120px;

    background-color: var(--bg-white);

}



/* Invoice Page start */

.invoice {

    padding: 50px 0 80px 0;

    background-color: var(--bg-white);

}

.invoice h3 {

    font-weight: 700;

    font-size: 30px;

    margin-bottom: 20px;

}

.invoice .invioce-logo img {

    height: 61px;

    width: 191px;

    float: inline-end;

}

.invoice-no {

    display: flex;

}

.invoice-no h6 {

    font-size: 15px;

    font-weight: 600;

}

.invoice-no .invoice-color {

    color: var(--color-4);

    margin-right: 6px;

}

.invoice-heading {

    border-bottom: 1.5px solid #6e798a4c;

    margin-bottom: 30px;

    padding-bottom: 30px;

}

/* .invoice-bill .table tr{

  border-bottom: none;

} */

.invoice-bill p {

    font-weight: 500;

    margin-bottom: 20px;

}

.invoice-bill .invoice-total h2 {

    font-size: 30px;

    font-weight: 600;

    color: var(--color-4);

}

.invoice-bill h6 {

    font-weight: 500;

    font-size: 15px;

    margin-bottom: 12px;

}



.invoice-bill {

    position: relative;

    margin-bottom: 20px;

    padding-bottom: 25px;

}



.invoice-bill::after {

    content: '';

    position: absolute;

    background-color: var(--color-4);

    height: 4px;

    width: 100%;

    bottom: 0;

    border-radius: 7px;

}

.invoice-dec h6 {

    font-size: 15px;

    font-weight: 500;

    color: var(--color-4);

}

.invoice-dec p {

    font-size: 15px;

    font-weight: 500;

    color: var(--color-1);

    padding-top: 10px;

}

.invoice-dec .table> :not(caption)>*>* {

    width: 50px;

    padding-left: 0;

}

.invoice-dec .print-btn a {

    text-decoration: none;

    color: var(--color-9);

    background-color: var(--color-4);

    padding: 11px 33px;

    border-radius: 5px;

    font-size: 15px;

    font-weight: 600;

    display: inline-block;

}

.invoice-dec i {

    padding-right: 5px;

}

.invoice-bill--scroll-bar {

    height: auto;

    overflow: auto;

    white-space: nowrap;

    margin-bottom: 50px;

}

.invoice-dec .table th {

    white-space: normal;



}

.invoice-dec .table td {

    white-space: normal;

}



/* Invioce Page end */



/*=====================

 Invoice 2 Page 

 ===========================*/

.invoice-2 .invioce-logo img {

    float: left;

}



.invoice-2 .invoice-heading {

    border-bottom: none;

    margin-bottom: 30px;

    padding-bottom: 30px;

}

.invoice-2 .invoice-bill h6 {

    font-size: 15px;

    font-weight: 500;

    color: var(--color-1);

    margin-bottom: 16px;

}

.invoice-2 .invoice-bill h2 {

    font-size: 20px;

    font-weight: 600;

    color: var(--color-1);

    margin-bottom: 12px;

    text-transform: uppercase;

}

.invoice-2 .invoice-bill h5 {

    font-size: 15px;

    font-weight: 500;

    color: var(--color-1);

    margin-bottom: 12px;

}

.invoice-2 .invoice-bill p {

    font-size: 14px;

    font-weight: 400;

}

.invoice-2 .invoice-bill h2 span {

    color: var(--color-4);

}

.invoice-2 .invoice-total .invoice-no-2 {

    display: flex;

    justify-content: flex-end;



}

.invoice-2 .invoice-total {

    float: inline-end;

    margin-top: 20px;

}

.invoice-2 .invoice-total h4 {

    font-size: 15px;

    font-weight: 600;

    text-align: right;

    margin-bottom: 16px;

}



.invoice-2 .invoice-total h5 {

    text-indent: 20px;

    margin-right: 10px;

    margin-bottom: 16px;

}

.invoice-2 .invoice-total p {

    font-size: 15px;

    font-weight: 500;

    margin-bottom: 11px;



    float: left;

}

.invoice-2 .invoice-bill::after {

    display: none;

}

.invoice-2-table-head {

    background-color: var(--color-4);

}

.invoice-2-table-head h6 {

    color: var(--color-9);

    margin: 15px 16px;

}

.invoice-2 .invoice-dec p {

    margin: 15px 16px;

}



.invoice-2 tr:nth-child(2n) {

    background-color: #7070701a;

    border-bottom: none;

}

.invoice-2 tbody,
td,
tfoot,
th,
thead,
tr {

    border-bottom: none;

}

.invoice-2-payment h5 {

    font-size: 15px;

    font-weight: 600;

    color: var(--color-4);

    margin-top: 30px;

    margin-bottom: 16px;

}

.invoice-2-payment a {

    font-size: 15px;

    font-weight: 500;

    text-decoration: none;

    color: var(--color-1);

    margin-bottom: 16px;

}

.invoice-2-payment h4 {

    font-size: 15px;

    font-weight: 400;

    color: #6E798A;

    line-height: 1.7;

    word-spacing: 1.5px;



}

.invoice-2-note {

    margin-top: 50px;

    margin-bottom: 16px;

}

.invoice-2-note-p {

    margin-bottom: 50px;

}

.invoice-2-last-total h5 {

    font-size: 15px;

    font-weight: 500;

    color: var(--color-1);

    text-align: left;

}

.invoice-2-last-total h4 {

    font-size: 15px;

    font-weight: 600;

    color: var(--color-1);

    text-align: end;

    margin-top: 25px;

}

.invoice-2-last-total h5 {

    font-size: 15px;

    font-weight: 500;

    color: var(--color-1);

    text-align: end;

}

.invoice-2-last-total {

    position: relative;

}

.invoice-2-last-total::after {

    content: '';

    background-color: var(--color-1);

    width: 84%;

    position: absolute;

    height: 1.5px;

    bottom: 0;

    border-radius: 5px;

    right: 0;

}

.invoice-right-total h5 {

    margin-top: 10px;

}

.invoice-right-total .invoice-ml {

    margin-left: 50px;

}

/*======================

 About Page Start

 =======================*/

.about-us {

    padding: 50px 0 120px 0;

    background-color: var(--bg-white);

}

.about-us h3 {

    font-size: 16px;

    font-weight: 500;

    color: var(--color-4);

    margin-bottom: 20px;

}

.about-us h1 {

    font-size: 30px;

    font-weight: 700;

    margin-bottom: 30px
}

.about-us p {

    line-height: 1.9;

    word-wrap: 1.5px;

    margin-bottom: 30px
}

.about-us h4 {

    font-size: 16px;

    font-weight: 500;

    margin-bottom: 20px;

}

.about-us h4 img {

    height: 13px;

    width: 17px;

    margin-right: 16px;

}

.about-us .about-us-btn {

    margin-top: 50px;

}

.about-us .about-us-btn a {

    text-decoration: none;

    display: inline-block;

    color: #fff;

    background-color: #754FFE;

    padding: 14px 34px;

    border-radius: 10px;

    margin-bottom: 30px;

    font-size: 15px;

    font-weight: 600;

}

/* about us right */

.about-us .about-us-right {

    position: relative;



}

.about-us .about-us-right .about-us-right-main-img img {

    height: auto;

    width: 399px;

    display: flex;

    margin: auto;

    z-index: 1;

}

.about-us .about-us-r-1 img {

    height: 172px;

    width: 189px;

    border-radius: 10px 10px 0px 0px;

}

.about-us .about-us-r-1 h6 {

    font-size: 10px;

    font-weight: 500;

}

.about-us .about-us-r-1 p {

    font-size: 10px;

    font-weight: 500;

    margin-bottom: 5px;

}

.about-us .about-us-r-1 {

    position: absolute;

    right: 50px;

    top: 30px;

    z-index: -1;

}

.about-us .about-us-r-1 .about-us-r-1-text {

    background-color: #fff;

    box-sizing: border-box;

    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;

    padding: 9px 13px;

    border-radius: 0px 0px 7px 7px;

    width: 189px;

    margin-top: -1px;

}

.about-us .about-us-r-2 img {

    height: 172px;

    width: 189px;

    border-radius: 10px 10px 0px 0px;

}



.about-us .about-us-r-2 h6 {

    font-size: 10px;

    font-weight: 500;

}

.about-us .about-us-r-2 p {

    font-size: 10px;

    font-weight: 500;

    margin-bottom: 5px;

}

.about-us .about-us-r-2 {

    position: absolute;

    left: 0;

    bottom: 89px;

}

.about-us .about-us-r-2 .about-us-r-1-text {

    background-color: #fff;

    box-sizing: border-box;

    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;

    padding: 9px 13px;

    border-radius: 0px 0px 7px 7px;

    width: 189px;

    margin-top: -1px;

}



.about-us .about-star-img img {

    width: 26px;

    height: auto;

}

.about-us .about-star-img .about-star-1 {

    position: absolute;

    top: 35%;

    left: 68px;

}

.about-us .about-star-img .about-star-2 {

    position: absolute;

    top: 60%;

    right: 46px;

}

.about-us .about-star-img-2 img {

    width: 10px;

    height: auto;

}

.about-us .about-star-img-2 .about-star-1 {

    position: absolute;

    bottom: 41px;

    left: 16%;

}

.about-us .about-star-img-2 .about-star-2 {

    position: absolute;

    bottom: 30%;

    right: 16%;

}

.about-us .about-star-img-2 .about-star-3 {

    position: absolute;

    top: 50%;

    right: 10%;

}

.about-us .about-star-img-2 .about-star-4 {

    position: absolute;

    top: 21%;

    left: 14%;

}

.about-us .about-star-img-2 .about-star-5 {

    position: absolute;

    top: 38%;

    left: 27%;

}



.about-us-related {

    margin-bottom: 120px;

}

/* =====================

Course play page

======================= */

.course-play-banner .hello {

    opacity: 0;

}

.course-play-banner img {

    height: 200px;

}

.course-play-banner {

    z-index: -1;

}

.course-play-body {

    z-index: 1;

    margin-top: -144px;

}

.course-play-body .course-play-left-body .body-1 li {

    list-style-type: none;

    display: flex;

}

.course-play-body .course-play-left-body .body-1 h4 a {

    font-size: 16px;

    font-weight: 600;

    margin-bottom: 20px;

    background-color: #fff !important;

    color: #0D2A3E !important;

    padding: 0;

}

.course-play-body .course-play-left-body .body-1 h4 {

    margin-bottom: 20px;

}

.course-play-body .course-play-left-body .body-1 p a {

    font-size: 15px;

    font-weight: 500;

    margin-bottom: 20px;

    color: #6E798A;

    background-color: #fff !important;

    padding: 0;

    transition: .5s;

}



.course-play-body .course-play-left-body .body-1 a {

    margin-right: 16px;

    font-size: 10px;

    background-color: #6e798a40;

    padding: 5px 9px;

    border-radius: 50%;

    color: #6e798a93;

    text-decoration: none;

    height: 26px;

    width: 26px;

    margin-bottom: 20px;

    transition: .5s;

}

.course-play-body .course-play-left-body .body-1 a:hover {

    color: #fff;

    background-color: #754FFE;

}

.course-play-body .course-play-left-body .body-1 {

    border-bottom: 1.5px solid #6e798a40;

    margin-bottom: 16px;

}

.course-play-body .course-play-left-body .body-1:last-child {

    border-bottom: none;

}



.course-play-body .course-play-left-body {

    background-color: #fff;

    box-sizing: border-box;

    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;

    padding: 18px 29px;

    border-radius: 7px;



    margin-bottom: 100px;

}

.course-play-body .course-play-left-body ul {

    padding: 0;

}

.course-play-body .course-play-left-body .video a i {

    color: #fff;



}

.course-play-body .course-play-left-body .video .card-video-icon {

    background-color: #754FFE;

    padding: 3px 9px;

    border-radius: 50%;

    color: #fff;

    height: 26px;

    width: 26px;

    font-size: 14px;

    margin-right: 10px;

    cursor: pointer;

}

.course-play-body .course-play-left-body .body-1-head a {

    padding: 5px 10px;

}

.course-play-body .course-play-left-body .video p a {

    color: #754FFE;



}

.course-play-body .course-play-left-body .body-1 p a:hover {

    color: #754FFE;

}

.course-play-right .course-play-video img {

    width: 100%;

    height: auto;

    border-radius: 10px;

}

.course-play-right .course-play-video {

    position: relative;

}

.course-play-right .course-play-video .icon .card-video-icon {

    text-decoration: none;

    color: #fff;

    background-color: #ffffff47;

    padding: 20px 27px;

    border-radius: 50%;

    position: absolute;

    top: 41%;

    left: 45%;

    font-size: 22px;

    cursor: pointer;

}

.course-play-right .review-icon ul li {

    list-style: none;



}

.course-play-right .review-icon ul {

    display: flex;

    padding-left: 0;

    margin-top: 20px;

}



.course-play-right .review-icon ul li i {

    color: #F9B23A;

    margin-right: 7px;

}

.course-play-right .review-icon ul li a {

    text-decoration: none;

    background-color: #f25c8932;

    color: #F25C88;

    padding: 5px 17px;

    border-radius: 5px;

    margin-left: 20px;

    margin-bottom: 26px;

}

.course-play-right .digital h3 {

    font-size: 22px;

    font-weight: 600;

    margin-bottom: 20px;

}

.course-play-right .digital p {

    font-size: 15px;

    font-weight: 400;

    margin-bottom: 30px;

    word-spacing: 1.5px;

    line-height: 1.9;

}

.course-play-right .profile img {

    height: 54px;

    width: 54px;

    border-radius: 50%;

}

.course-play-right .profile {

    display: flex;

}

.course-play-right .profile .text h4 a {

    font-size: 15px;

    font-weight: 700;

    margin-bottom: 8px;

    text-decoration: none;

    color: #1E293B;

    display: block;

}



.course-play-right .profile .text p {

    font-size: 12px;

    font-weight: 500;

}

.course-play-right .profile .text {

    margin-left: 20px;

    margin-top: 8px;

}

.course-play-right .profile {

    border-bottom: 1.5px solid #6e798a2b;

    margin-bottom: 20px;

}

.course-play-tab .nav-tabs .nav-link {

    color: #1E293B;

    font-size: 15px;

    font-weight: 600;

    transition: .5s;

    display: block;

    margin-right: 38px;

    padding: 0;

    padding-bottom: 17px;

}



.course-play-tab .nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link.active {

    color: var(--bs-nav-tabs-link-active-color);

    background-color: var(--bs-nav-tabs-link-active-bg);

    border-color: #fff;

    border-bottom: 2px solid #43032d;

    color: #43032d;



}

.course-play-tab .nav-tabs .nav-link:focus,
.nav-tabs .nav-link:hover {

    isolation: none;

    border-color: #fff;

    border-color: #754FFE;

    cursor: pointer;

}

.course-play-tab .nav-tabs {

    border-bottom: 2px solid #6e798a35;

    margin-bottom: 31px;

}



.course-play-tab .course-search .form-control {

    padding: 14px 0px 13px 48px;

    border-radius: 7px;

    font-size: 14px;

    font-weight: 400;

    color: #6e798aa0;

    width: 100%;

    border: 1.5px solid #6e798a43;

    margin-bottom: 31px;

}

.course-play-tab .course-search .search-btn {

    position: absolute;

    border: none;

    box-shadow: none;

    background: transparent;

}

.course-play-tab .course-search .search-btn i {

    position: absolute;

    left: 15px;

    top: 14px;

    color: #6e798a6e;

    font-size: 20px;

    cursor: pointer;

}

.course-play-tab .course-text h4 {

    font-size: 15px;

    font-weight: 600;

}

.course-play-tab .course-text .course-1st {

    margin-bottom: 40px;

}

.course-play-tab .course-text p {

    font-size: 13px;

    font-weight: 400;

    margin-left: 0;

    margin-bottom: 17px;

    margin-top: 16px;

}

.course-play-tab .like {

    display: flex;

    margin-bottom: 19px;

}

.course-play-tab .like p {

    margin: 0;

    color: #754FFE;

    font-size: 13;

    font-weight: 500;

}

.course-play-tab .like button {

    color: #754FFE;

    font-size: 13;

    font-weight: 500;

    text-decoration: none;

    margin-right: 7px;

    margin-left: 7px;

    background: none;

    border: none;

}

.course-play-tab .like .like-left {

    margin-left: 10px;

}

.course-play-tab .course-nav-profile img {

    width: 28px;

    height: 28px;

}

.course-play-tab .course-nav-profile {

    display: flex;

    padding-bottom: 20px;

    margin-bottom: 21px;

    border-bottom: 1.5px solid #6e798a43;

}

.course-play-tab .course-nav-profile h4 {

    font-size: 14px;

    font-weight: 600;

    margin-left: 12px;

    margin-top: 6px;

}

.course-play-tab .course-nav-profile p {

    font-size: 14px;

    font-weight: 400;

    margin: 0;

    margin-left: 14px;

    margin-top: 3px;

}

.course-play-tab .course-nav-datase h4 {

    font-size: 15px;

    font-weight: 600;

}

.course-play-tab .course-nav-datase p {

    font-size: 14px;

    font-weight: 400;

    margin: 0;

    margin-bottom: 17px;

}

.course-play-tab .course-nav-datase .like-2 button {

    color: #6E798A;

}

.course-play-tab .course-nav-tommy {

    border-bottom: none;

}

.course-play-right {

    margin-bottom: 120px;

}

/*===============

Compare Page Start  

=====================*/

.compare-card {

    padding: 60px 0;

    background-color: var(--bg-white);

}

.compare-card .empty-card {

    height: 340px;

    width: 100%;

    border: 1.5px solid var(--color-4);

    border-radius: 10px;

}

.compare-card .empty-card .icon {

    display: flex;

    justify-content: center;

    align-items: center;

    height: 100%;

}

.compare-card .empty-card .icon a {

    text-decoration: none;

    color: #fff;

    background-color: var(--color-4);

    border-radius: 50%;

    padding: 9px 15px;

    font-size: 21px;

    height: 48px;

    width: 48px;

}

.compare-card .card img {

    border-radius: 10px 10px 0 0;

    height: 196px;

    transition: .5s;

}

.compare-card .card {

    border: none;

    background-color: var(--bg-white);

}

.compare-card .card h3 {

    font-size: 16px;

    font-weight: 600;

    margin-bottom: 5px;

    line-height: 24px;

}

.compare-card .card p {

    font-size: 12px;

    font-weight: 400;

    margin-top: 0px;

    margin-bottom: 8px;

}

.compare-card .card a {

    font-size: 12px;

    font-weight: 600;

    color: var(--color-2);

    text-decoration: none;

}

.compare-card .card a i {

    margin-left: 8.4px;

}



.compare-table .table td .level {

    display: inline-block;

    margin-right: 16px;



}

.compare-table .table td {

    width: 50px;

}

.compare-table .table td .level span {

    height: 2px;

    width: 16px;

    background-color: #6e798a3f;

    display: block;

    margin-bottom: 2px;

    border-radius: 20%;

}

.compare-table .table td .level .active-1 {

    width: 12px;

    background-color: #63D472;

    margin: auto;

    margin-bottom: 2px;

}

.compare-table .table td .level .active-2 {

    width: 8px;

    background-color: #63D472;

    margin: auto;

    margin-bottom: 2px;

}



.compare-table .table td .level .active-3 {

    width: 4px;

    background-color: #63D472;

    margin: auto;

    margin-bottom: 2px;

}



.compare-table .table td .level .active-4 {

    background-color: #6e798a3f;

    margin: auto;

    margin-bottom: 2px;

}

.compare-table .table td .level .active-5 {

    background-color: #F55151;

    margin: auto;

    margin-bottom: 2px;

}

.compare-table .table td .level .active-6 {

    background-color: #F55151;

    margin: auto;

    margin-bottom: 2px;

}

.compare-table .table td .level .active-7 {

    background-color: #6e798a3f;

    margin: auto;

    margin-bottom: 2px;

}

.compare-table .table td .level .active-8 {

    background-color: #F55151;

    margin: auto;

    margin-bottom: 2px;

}



.compare-table .table td .level .active-9 {

    background-color: #F55151;

    margin: auto;

    margin-bottom: 2px;

}



.compare-table .table th i {

    font-size: 14px;

    color: var(--color-16);

    margin-right: 16px;

}

.compare-table .table th {

    font-size: 15px;

    color: var(--color-1);

    font-weight: 600;

    padding-bottom: 30px;

    padding-top: 30px;

    max-width: 144px !important;

}

.compare-table .table th img {

    height: 14px;

    width: 18px;

}

.compare-table .table td {

    border-bottom: 1.5px solid #6e798a3f;

    border-top: 1.5px solid #6e798a3f;

    padding-bottom: 30px;

    padding-top: 29px;

    font-size: 14px;

    font-weight: 500;

    color: var(--color-1);

    text-align: center;

    max-width: 301px;

    white-space: normal;

}

.compare-table .table td:last-child {

    border-bottom: none;

}



.compare-table .table td i {

    margin-right: 16px;

    color: var(--color-16);

}

.compare-table .table .compare-star i {

    color: #6E798A66;

    margin-right: 5px;

}

.compare-table .table td img {

    height: 16px;

    width: 16px;

    margin-right: 16px;

}



.compare-table .table td .avg-rating {

    color: #F9B23A;

}

.compare-table .table td p {

    font-size: 14px;

    font-weight: 400;

}

.compare-table .table td ul li {

    color: #6e798ad6;

    font-size: 20px;

    text-align: left;

}

.compare-table .table td ul li p {

    margin-left: 17px;

    word-spacing: 2px;

    color: var(--color-1);

}

.compare-table {

    padding-bottom: 100px;

    overflow: auto;

    white-space: nowrap;

    background-color: var(--bg-white);

}



/**************************** Letest Compare Page Start  *********/

.antry-compare {

    padding: 60px 0;

    background-color: var(--bg-white);

}

.compare-table-con {

    overflow-x: auto;

    position: relative;

    white-space: nowrap;

}

.compare-head {

    width: 123px;

    font-size: 13px;

    font-weight: 400;

    color: var(--color-1);

}

.sticky-col {

    position: -webkit-sticky;

    position: sticky;

    background-color: var(--bg-white) !important;

}



.first-col {

    width: 200px;

    min-width: 200px;

    max-width: 200px;

    left: 0px;

}

.compare-fixed i {

    margin-right: 5px;

    color: var(--color-16);

    font-size: 11px;

}

.compare-fixed .card-head img {

    height: 16px;

    width: 16px;

    margin-right: 16px;

}

.compare-fixed .large-img img {

    height: 88px !important;

    width: 135px !important;

    margin-right: 0;

    border-radius: 10px;

}

.compare-fixed p {

    font-size: 13px;

    color: var(--color-16);

}

.compare-fixed .compare-star i {

    color: #F9B23A;

    margin-right: 2px;

}



.antry-compare .table> :not(caption)>*>* {

    padding-bottom: 10px;

}

/**************************** Letest Compare Page End  ***********/



/*================

Compare page-2 

===================*/

.compare-2 .compare-2-table {

    border: 1px solid var(--color-4);

    border-radius: 10px;

    padding: 8px 30px;

    overflow: auto;

    white-space: nowrap;

}

/*=================

Home Page 2

======================  */

.homepage-2-menubar li .header-dropdown {

    color: #FE954F;

}

.homepage-2-menubar .header-dropdown {

    background-color: #FE9B4F33;

}

.h-2-banner {

    background-image: url('../image/Group 18204.png');

    background-repeat: no-repeat;

    background-size: cover;

    position: relative;

}

.h-2-banner:after {

    position: absolute;

    background-image: url('../image/h-2-bg-shape.png');

    width: 100%;

    height: 100%;

    content: '';

    top: 0;

    background-repeat: no-repeat;

    background-size: contain;

    top: 300px;

    z-index: -1;

}

.h-2-banner .h-2-banner-text {

    text-align: center;

}

.h-2-banner .h-2-banner-text h1 {

    font-size: 51px;

    font-weight: 700;

}

.h-2-banner .h-2-banner-text span {

    color: #FE954F;

}

.h-2-banner .h-2-banner-text p {

    margin-top: 30px;

    margin-bottom: 50px;

}

.h-2-banner .h-2-banner-text .h-2-search-bar {

    position: relative;

}

.h-2-banner .h-2-banner-text .h-2-search-bar .form-control {

    padding: 22px 95px 25px 23px;

    border-radius: 40px;

    border: 1.5px solid #6E798A5E;

    color: #6E798A;

    font-size: 15px;

    font-weight: 400;

}

.h-2-banner .h-2-banner-text .h-2-search-bar .search-btn {

    position: absolute;

    background-color: #FE954F;

    border: none;

    color: #fff;

    padding: 16px 32px;

    border-radius: 40px;

    top: 8px;

    right: 10px;

}

.h-2-banner .h-2-banner-text .h-2-search-bar {

    margin-bottom: 72px;

}

.h-2-banner .h-2-banner-text .banner-image img {

    width: 100%;

    height: auto;



}

.h-2-banner .h-2-banner-text .banner-image .image-1 img {

    width: 100%;

    height: auto;

    border-radius: 0px 50px 0px 50px;

    transition: transform 250ms;

}



.h-2-banner .h-2-banner-text .banner-image .image-1 img:hover {

    transform: translateY(-10px);

}

.h-2-banner .h-2-banner-text .banner-image .image-3 img {

    width: 100%;

    height: auto;

    border-radius: 55px 0px 50px 0px;

    transition: transform 250ms;

}

.h-2-banner .h-2-banner-text .banner-image .image-3 img:hover {

    transform: translateY(-10px);

}

.h-2-banner .h-2-banner-text .banner-image .image-bottom {

    margin-top: 66px;

}



.world-class {

    background-image: url('../image/h2-banner-bottom.png');

    background-repeat: no-repeat;

    background-size: cover;

    background-position: center;

    margin-bottom: 120px;

}

.world-class .world-class-content h1 {

    font-size: 32px;

    font-weight: 700;

    color: #fff;

}

.world-class .world-class-content h1 span {

    color: #FE954F;

}

.world-class .world-class-content {

    padding-top: 50px;

    padding-bottom: 50px;

    cursor: pointer;

}

.world-class .world-class-content .world-cls-card img {

    width: 39px;

    height: 39px;

}

.world-class .world-class-content .world-cls-card .image-1 {

    background-color: #F57499;

    height: 68px;

    width: 68px;

    border-radius: 10px;

    display: flex;

    justify-content: center;

    align-items: center;

}

.world-class .world-class-content .world-cls-card .image-2 {

    background-color: #6ACEFF;

    height: 68px;

    width: 68px;

    border-radius: 10px;

    display: flex;

    justify-content: center;

    align-items: center;

}

.world-class .world-class-content .world-cls-card .image-3 {

    background-color: #9E83FE;

    height: 68px;

    width: 68px;

    border-radius: 10px;

    display: flex;

    justify-content: center;

    align-items: center;

}

.world-class .world-class-content .world-cls-card .image-3 img {

    width: 45px;

    height: 45px;

}

.world-class .world-class-content .world-cls-card .image-2 img {

    width: 48px;

    height: 48px;

}

.world-class .world-class-content .world-cls-card {

    color: #fff;

}

.world-class .world-class-content .world-cls-card h4 {

    font-size: 16px;

    font-weight: 600;

    margin-top: 20px;

    margin-bottom: 8px;

}

.world-class .world-class-content .world-cls-card h6 {

    font-size: 15px;

    font-weight: 400;

}

.h-2-courses {

    padding-bottom: 100px;

    background-color: var(--bg-white-2);

}

.h-2-courses h1 {

    padding-top: 0;



}

.h-2-top-full {

    margin-top: 50px;

    margin-bottom: 110px;

}

.h-2-top-full .h-2-top img {

    width: 36px;

    height: 36px;

}

.h-2-top-full .h-2-top {

    background-color: #6E798A4F;

    height: 76px;

    width: 76px;

    border-radius: 10px;

    display: flex;

    justify-content: center;

    align-items: center;

    margin: auto;

    margin-bottom: 20px;

    transition: .5s;

}

.h-2-top-full .h-2-top-body {

    text-align: center;

    cursor: pointer;

    transition: .5s;

}

.h-2-top-full .h-2-top-body a {

    text-decoration: none;

    color: #1E293B;

    font-size: 16px;

    font-weight: 600;

    transition: .5s;

    margin-bottom: 10px;

}

.h-2-top-full .h-2-top-body:hover .h-2-top {

    background-color: #FE954F;

}

.h-2-top-full .h-2-top-body:hover a {

    color: #FE954F;

}

.h-2-instructor .h-2-instructor-full .h-2-instructor-image {

    position: relative;

    height: 220px;

    transition: .5s;

}

.h-2-instructor .h-2-instructor-full .h-2-instructor-image img {

    width: 213px;

    height: 317px;

    display: flex;

    margin: auto;

    position: absolute;

    top: -97px;

    left: 10%;

}

.h-2-instructor .h-2-instructor-full .h-2-instructor-image .icon {

    display: inline-grid;

    padding: 10px;

    background-color: #FBEBAE;

    position: absolute;

    right: 0;

    top: 50px;

    border-radius: 10px 0 0 10px;

    opacity: 0;

    transition: .5s;

    padding-left: 15px;

}

.h-2-instructor .h-2-instructor-full .h-2-instructor-image .icon a {

    color: #FE954F;

    margin-bottom: 10px;

    font-size: 16px;

}



.h-2-instructor .h-2-instructor-full .h-2-instructor-text h3 {

    font-size: 20px;

    font-weight: 600;

    color: #fff;

    padding-top: 23px;

    transition: .5s;

}



.h-2-instructor .h-2-instructor-full .h-2-instructor-text p {

    font-size: 15px;

    font-weight: 400;

    color: #ffffffb5;

    margin-bottom: 14px;

}

.h-2-instructor .h-2-instructor-full {

    background-color: #8E98A8;

    border-radius: 10px;

    transition: .5s;

    cursor: pointer;

    margin-top: 100px;

}

.h-2-instructor .h-2-instructor-full .h-2-instructor-text {

    background-color: #272625;

    text-align: center;

    border-radius: 0 0 10px 10px;

}



.h-2-instructor .h-2-instructor-full:hover {

    background-color: #FE954F;

}

.h-2-instructor .h-2-instructor-full:hover h3 {

    color: #FE954F;

}

.h-2-instructor .h-2-instructor-full:hover .h-2-instructor-image .icon {

    opacity: 1;

}

.h-2-faq h1 {

    font-size: 36px;

    margin-bottom: 30px;

}

.h-2-faq p {

    margin-bottom: 60px;

}

.h-2-faq .faq-accrodion .faq-acc-heading {

    margin-bottom: 0;

}

.h-2-faq .faq-accrodion .accordion-body p {

    margin-bottom: 0;

    word-spacing: 1.5px;

    line-height: 1.9;

}

.h-2-faq .faq-accrodion .accordion-body {

    padding-top: 0;

}





/* h-2-clients-review */



.h-2-clients-review .h-2-clients-review-text h1 {

    font-size: 32px;

    font-weight: 600;

    margin-bottom: 30px;

}

.h-2-clients-review .h-2-clients-review-text p {

    line-height: 1.9;

    word-spacing: 1.5px;

}

.h-2-clients-review-carousel .h-2-carousel-parrent .child-1 img {

    width: 59px;

    cursor: pointer;

}



.h-2-clients-review-carousel .h-2-carousel-parrent {

    display: flex;

}

.h-2-clients-review-carousel .h-2-carousel-parrent .child-2 h4 {

    font-size: 14px;

    font-weight: 700;

    color: #1E293B;

}

.h-2-clients-review-carousel .h-2-carousel-parrent .child-2 h5 {

    font-size: 12px;

    font-weight: 500;

    color: #6E798A;

}

.h-2-clients-review-carousel .h-2-carousel-parrent .child-2 a {

    text-decoration: none;

}

.h-2-clients-review-carousel .h-2-carousel-parrent .child-2 .icon i {

    font-size: 13px;

    color: #F9B23A;

}

.h-2-clients-review-carousel .h-2-carousel-parrent .child-2 {

    margin-left: 13px;

}

.h-2-clients-review-carousel .h-2-carousel-parrent {

    margin-bottom: 30px;

}

.h-2-carousel-g-parrent .child-text p {

    word-spacing: 1.5px;

    line-height: 1.9;

}

.h-2-carousel-g-parrent {

    background-color: #fff;

    box-sizing: border-box;

    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;

    padding: 18px 29px;

    border-radius: 7px;

    margin: 10px;

    cursor: pointer;

}



/*====================

Home Page 3 Page Start

=================================*/

.h-3-header-banner {

    background: rgb(235, 247, 247);

    background: var(--color-linear);

    padding-bottom: 0;

}



.homepage-3-menu-bar li .header-dropdown {

    color: #FB6871;

}

.homepage-3-menu-bar .header-dropdown {

    background-color: #F3E3E7;

    border-radius: 5px;

    padding: 7px 5px;

    padding-right: 5px;

    padding-left: 5px;

}

.h-3-banner-image img {

    width: 100%;

    height: auto;

    transition: transform 250ms;

}



.h-3-banner-image img:hover {

    transform: translateY(-10px);

}



.h-3-banner-text h1 {

    font-size: 54px;

    font-weight: 700;

    color: var(--color-1);

    letter-spacing: 1px;

    margin-bottom: 34px;

    margin-top: 54px;

}

.h-3-banner-text h1 span {

    color: #FB6871;

}

.h-3-banner-text p {

    font-weight: 400;

    letter-spacing: 1.2px;

    line-height: 1.9;

    margin-bottom: 50px;

    position: relative;

    margin-left: 16px;

}

.h-3-banner-text p:after {

    content: "";

    position: absolute;

    width: 2px;

    height: 100%;

    background-color: #FB6871;

    left: -16px;

    top: 0;

}



.h-3-banner-button .btn.btn-primary {

    background-color: #FB6871;

    border: none;

    font-size: 15px;

    font-weight: 600;

    padding: 12px 35px;

    border-radius: 5px;

    margin-bottom: 50px;

    transition: .5s;

}



.btn {

    transition: transform 250ms;

}



.btn:hover {

    transform: translateY(-3px);

}

.h-3-bannar-card img {

    width: 41px;

    height: 41px;

    margin-right: 16px;

}

.h-3-bannar-card .h3-banner-card-1-text h5 {

    font-size: 16px;

    font-weight: 600;

    margin-bottom: 8px;

}

.h-3-bannar-card .h3-banner-card-1-text a {

    text-decoration: none;

    color: var(--color-1);

}

.h-3-bannar-card .h3-banner-card-1 {

    display: flex;

    position: relative;

    margin-top: 32px;

    margin-bottom: 24px;

}

.h-3-bannar-card {

    background-color: var(--bg-white);

    box-sizing: border-box;

    box-shadow: var(--box-shadow);

    padding: 18px 29px;

    border-radius: 7px;

    cursor: pointer;

    position: relative;

    z-index: 999;

}

.sidebar-arrow {

    position: relative;

}

.sidebar-arrow::after {

    position: absolute;

    content: "";

    background-color: #6E798A45;

    width: 1.5px;

    height: 60%;

    right: 7px;

    top: 24px;

}

.sidebar-arrow:last-child::after {

    display: none;

}

/************* Testimonials Area Start  ********/



.h-3-slider {

    margin: 60px 0;

    position: relative;

}

.h-3-slider .slick-initialized .slick-slide {

    padding: 16px;

}

.testimonials-slide-author .slick-center img {

    transform: scale(1.3);

    height: 170px;

    width: 100%;

    border: 1px solid #FB6871;

}

.testimonials-slide-author .slick-list {

    width: 580px;

    margin: auto;

}

.testi-person {

    margin-top: 29px;

    margin-bottom: 34px;

}

.testi-person img {

    height: 160px;

    width: 100%;

    object-fit: cover;

    border-radius: 5px;

}

.testimonials-slide-say {

    max-width: 580px;

    margin: auto;

    text-align: center;

}

.author-say h5 {

    margin: 0px 0 10px 0;

    color: var(--color-1);

    font-size: 20px;

}

.author-say ul {

    justify-content: center;

    gap: 4px;

}

.author-say ul li i {

    font-size: 12px;

    color: #6E798A;

}

.author-say ul li.active i {

    color: #F9B23A;

}

.author-say p {

    font-size: 15px;

    line-height: 30px;

    text-align: center;

}



.testimonials-slide-author .slick-prev,

.testimonials-slide-author .slick-next {

    width: 47px;

    height: 47px;

    border-radius: 50%;

    background-color: #fff;

    box-shadow: 0 0 1px 1px rgba(20, 23, 28, .1), 0 3px 1px 0 rgba(20, 23, 28, .1);

    z-index: 1;

    top: calc(50% - 25px);

    border: 1px solid #FB6871;

}

.testimonials-slide-author .slick-prev:hover,

.testimonials-slide-author .slick-next:hover {

    background-color: #FB6871;

}

.testimonials-slide-author .slick-prev {

    left: 0;

}

.testimonials-slide-author .slick-next {

    right: 0;

}

/************* Testimonials Area End  *********/

/* ====================

Home Page 3 About

==================================*/

.overflow-area {

    position: relative;

    bottom: -70px;

    left: 0;

}

.h-3-about img {

    width: 100%;

    height: auto;

}

.h-3-about .h-3-about-content h4 {

    font-size: 16px;

    font-weight: 500;

    color: #FB6871;

    margin-bottom: 20px;

}

.h-3-about .h-3-about-content h1 {

    font-size: 30px;

    font-weight: 700;

    color: var(--color-1);

    margin-bottom: 30px;

}

.h-3-about .h-3-about-content p {

    word-spacing: 1.5px;

    line-height: 1.9;

    margin-bottom: 30px;

}

.h-3-about .h-3-about-content ul li {

    list-style-type: none;

    margin-bottom: 20px;

}

.h-3-about .h-3-about-content ul {

    padding-left: 0;

    margin-bottom: 50px;

}

.h-3-about .h-3-about-content ul li a {

    color: var(--color-1);

    text-decoration: none;

    font-size: 16px;

    font-weight: 500;

}

.h-3-banner-image {

    overflow: hidden;

}

.h-3-about .h-3-about-content ul li a img {

    height: 13px;

    width: 17px;

    margin-right: 16px;

}

.h-3-about {

    padding: 130px 0 40px 0;

    background-color: var(--bg-white-2);

}



/* Home Page 3 Course */

.client-testi {

    padding-top: 80px;

    background-color: var(--bg-white-2);

}

.h-3-courses h1 strong {

    position: relative;

}



.h-3-courses h1 strong:after {

    content: "";

    background-image: url("../image/h-3-course.png");

    width: 20px;

    height: 12px;

    position: absolute;

    background-size: 19px;

    top: 0;

    right: -12px;

}

.h-3-courses .h-3-banner-button {

    float: right;

    margin-bottom: 0;

    margin-top: 60px;

}



/* Home Page 3 Categoties */



.h-3-top-categories h2 {

    font-size: 32;

    font-weight: 700;

    color: #fff;

    margin-bottom: 50px;

}

.h-3-top-categories {

    background-image: url('../image/h-3-ct-bg.png');

    background-size: cover;

    background-repeat: no-repeat;

    background-color: #131111;

    padding-top: 40px;

    padding-bottom: 50px;

}

.h-3-top-categories .category-product .category-product-body img {

    margin: 0;

}

.h-3-top-categories .category-product .category-product-body h5 {

    text-align: left;

}

.h-3-top-categories .category-product .category-product-body p {

    text-align: left;

    margin-bottom: 20px;

}

.h-3-top-categories .category-product i {

    color: #FB6871;

    float: left;

    padding-left: 5px;

    font-size: 19px;

    display: block;

}

.h-3-top-categories .category-product .active i {

    color: #fff;

}

.h-3-top-categories .category-product .active {

    background-color: #FB6871;

    background-image: url('../image/h-3-ct-sh.png');

    background-size: cover;

    background-repeat: no-repeat;

}

.h-3-top-categories .category-product a {

    padding-bottom: 28px;

}

.h-3-top-categories .category-product .category-product-body {

    padding-bottom: 28px;

    padding-left: 20px;

    cursor: pointer;

}



.h-3-top-categories .category-product .category-product-body:hover {

    background-color: #FB6871;

    background-image: url('../image/h-3-ct-sh.png');

    background-size: cover;

    background-repeat: no-repeat;

}

.h-3-top-categories .category-product .category-product-body:hover i {

    color: #fff;

}



/* Home Page 3 Instructor  */

.h-3-expert-instructor img {

    height: auto;

    width: 100%;

    border-radius: 50%;

    background-color: #8E98A8;

    transition: .5s;

    border: 3px solid #8E98A8;

}

.h-3-expert-instructor .h-3-expart-1 {

    margin: 20px;

    cursor: pointer;

}

.h-3-expert-instructor .h-3-expart-1-text {

    text-align: center;

}

.h-3-expert-instructor .h-3-expart-1-text h4 {

    font-size: 20px;

    font-weight: 600;

    transition: .5s;

}

.h-3-expert-instructor .h-3-expart-1-text .icon-div-2 {

    display: flex;

    margin: auto;

    justify-content: center;

    margin-top: 5px;

}

.h-3-expert-instructor .h-3-expart-1-text a {

    margin-right: 20px;

    color: var(--color-1);

    transition: .5s;

}

.h-3-expert-instructor .h-3-expart-1-text {

    margin-top: 20px;

}

.h-3-expert-instructor .h-3-expart-1:hover img {

    border-color: #FB6871;

}



.h-3-expert-instructor .h-3-expart-1:hover h4 {

    color: #FB6871;

}



.h-3-expert-instructor .h-3-expart-1:hover a {

    color: #FB6871;

}

.h-3-expert-instructor .h-3-expert-instructor-heading {

    text-align: center;

    margin-bottom: 50px;

}

.h-3-expert-instructor {

    padding: 80px 0;

    background-color: var(--bg-white);

}

.h-3-expert-instructor-heading p {

    max-width: 600px;

    margin: auto;

    line-height: 25px;

    padding-top: 16px;

}

.h-3-expert-instructor .owl-carousel .owl-item img {

    border-radius: 50%;

    height: 200px;

    width: 200px;

    object-fit: cover;

    margin: auto;

}



.h-3-blog-card-full-body .h-3-blog-card-body img {

    width: 100%;

    height: auto;

    border-radius: 10px;

    transition: .5s;

}

.h-3-blog-card-full-body .h-3-blog-card-body .h-3-blog-text h4 {

    font-size: 15px;

    font-weight: 600;

    line-height: 23px;

    color: #fff;

}

.h-3-blog-card-full-body .h-3-blog-card-body .h-3-blog-text p {

    font-size: 12px;

    font-weight: 400;

    line-height: 1.5;

    color: #fff;

    transition: .5s;

    margin-bottom: -56px;

    visibility: hidden;

    opacity: 0;

}

.h-3-blog-card-full-body .h-3-blog-card-body .h-3-blog-text {

    margin-top: -20px;

    padding: 3px 3px 30px 3px;



}

.h-3-blog-card-full-body .h-3-blog-card-body {

    position: relative;

    z-index: 1;

    overflow: hidden;

    transition: .5s;

    border-radius: 5px;

}

.h-3-blog-card-full-body .h-3-blog-card-body:after {

    position: absolute;

    content: "";

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    background: rgb(0, 0, 0);

    background: linear-gradient(0deg, rgba(0, 0, 0, 0.8502800778514531) 4%, rgba(0, 0, 0, 0.07156859325761555) 92%);

    border-radius: 10px;

}

.h-3-blog-overlay {

    position: absolute;

    bottom: 0;

    z-index: 1;

}

.scall-img {

    border-radius: 5px;

    overflow: hidden;

    transition: .5s;

}

.h-3-blog-card-full-body .h-3-blog-card-body:hover .scall-img img {

    transform: scale(1.1);

    transition: .5s;

}

.h-3-blog-card-body:hover .h-3-blog-text p {

    margin-bottom: 0;

    margin-top: 10px;

    visibility: visible;

    opacity: 1;

    transition: .5s;

}

.h-3-blog-card-body:hover .h-3-blog-text {

    margin-top: -75px;

}

.h-3-blog-text h6 {

    color: #1E293B;

    font-size: 12px;

    font-weight: 400;

    margin-bottom: 10px;

    background: #fff;

    display: inline-block;

    padding: 8px 17px;

    border-radius: 5px;

}

.h-3-blog-overlay-2 {

    margin-top: 239px;

    background: rgb(0, 0, 0);

    background: linear-gradient(0deg, rgba(0, 0, 0, 0.8502800778514531) 4%, rgba(0, 0, 0, 0.07156859325761555) 92%);

    padding: 11px;

    padding-left: 25px;

    border-radius: 10px;

    transition: .5s;

}



/*==================

Terms & Conditions

======================  */



.trams-condition-text {

    margin-top: 50px;

}

.trams-condition-text h1 {

    font-size: 22px;

    font-weight: 600;

    margin-bottom: 30px;

}

.trams-condition-text p {

    word-spacing: 1.5px;

    line-height: 1.9;

    margin-bottom: 30px;

}

.trams-condition-text-2 {

    margin-bottom: 120px;

}

/*=======================

Privacy Policy

===========================  */

.privacy-policy {

    background-color: var(--bg-white);

}

.privacy-policy-text {

    margin-top: 50.8px;

}

.privacy-policy-text p {

    word-spacing: 1.5px;

    line-height: 1.9;

    margin-bottom: 30px;

}

.privacy-policy-text h1 {

    font-size: 22px;

    font-weight: 600;

    margin-bottom: 30px;

}

.privacy-policy-text h3 {

    font-size: 18px;

    font-weight: 600;

    margin-bottom: 30px;

}

.privacy-policy img {

    width: 24px;

    height: 24px;

    margin-right: 20px;

    margin-top: 4px;

}

.privacy-policy-text-2 p {



    margin-bottom: 30px;

}

.privacy-policy-text-2-img {

    display: flex;



}

.privacy-policy-text-3 {

    margin-bottom: 120px;

}



.sign-up {

    background-color: var(--bg-white);

}









/*====================

 My Courses-1 

 =========================*/



.my-course-1-full-body {

    margin-top: 50px;

    background-color: var(--bg-white-2);

    box-sizing: border-box;

    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;

    padding: 30px 18px;

    border-radius: 7px;

    border: 1px solid #1e293b2a;

    margin-bottom: 120px;

}



.my-course-1-full-body h1 {

    font-size: 22px;

    font-weight: 600;

    margin-bottom: 30px;



}

.my-course-1-full-body .my-course-1-full-body-card .my-course-1-img img {

    height: 143px;

    width: 245px;

    object-fit: cover;

    border-radius: 10px;

}

.my-course-1-full-body .my-course-1-full-body-card {

    display: flex;

    cursor: pointer;

    border-bottom: 1.5px solid #6479962e;

    margin-bottom: 20px;

    padding-bottom: 20px;

}

.my-course-1-full-body .my-course-1-full-body-card:last-child {

    border-bottom: none;

    padding-bottom: 0;

    margin-bottom: 0;

}

.my-course-1-full-body .my-course-1-full-body-card .my-course-1-text .my-course-1-text-heading h3 {

    font-size: 15px;

    font-weight: 600;

}

.my-course-1-full-body .my-course-1-full-body-card .my-course-1-text {

    width: 100%;

    margin-left: 26px;

}

.my-course-1-full-body .my-course-1-full-body-card .my-course-1-text .my-course-1-text-heading {

    display: flex;

    justify-content: space-between;

}

.my-course-1-full-body .my-course-1-full-body-card .my-course-1-text .my-course-1-text-heading .child-icon i {

    margin-top: 0;

}

.my-course-1-lesson-text img {

    width: 12px;

    height: 12px;

    margin-top: 3px;

}

.my-course-1-lesson-text i {

    font-size: 12px;

    color: #6E798A;

    font-weight: 600;

    margin-top: 2px;

}

.my-course-1-lesson-text {

    display: flex;

    margin-bottom: 12px;

}

.my-course-1-lesson-text .icon-1 {

    display: flex;

}

.my-course-1-lesson-text .icon-1 p {

    font-size: 12px;

    margin-left: 8px;

}

.my-course-1-lesson-text .icon-1 {

    margin-right: 30px;

    margin-top: 8px;

}

.my-course-1-last .my-course-1-btn .btn {

    background-color: var(--color-4);

    padding: 5px 28px;

    display: block;

}

.my-course-1-last .my-course-1-btn .btn a {

    text-decoration: none;

    color: #fff;

    font-size: 12px;

    font-weight: 500;

}

.my-course-1-last {

    display: flex;

    justify-content: space-between;

}

.my-course-1-last .icon-img {

    display: flex;

}

.my-course-1-last .icon-img img {

    height: 30px;

    width: 30px;

    margin-left: 16px;

    border-radius: 50%;

}

.my-course-1-last .icon-img .star i {

    color: #6E798A4D;

    height: 12px;

    width: 12px;

    margin-left: 5px;

    font-size: 12px;

}

.my-course-1-last .icon-img .star {

    margin-top: 3px;

}

.my-course-1-last .icon-img .star .gold {

    color: #FFD43B;

}



.my-course-1-skill {

    display: flex;

}

.my-course-1-skill p {

    margin-left: 15px;

    margin-top: -9px;

    font-size: 12px;

}

/* Skill Bar */

.skill-bar-container {

    display: flex;

    align-items: center;

    margin-bottom: 10px;

    background-color: #6E798A33;

    border-radius: 10px;

    height: 5px;

    width: 88%;

}



.skill-bar {

    height: 5px;

    background-color: var(--color-4);

    border-radius: 10px;

    margin-right: 10px;

    width: 0;

    animation: fill-bar 2s ease-out forwards;

}



.skill-bar-label {

    font-weight: bold;

}





@keyframes fill-bar {

    0% {

        width: 0;

    }

    100% {

        width: 30%;

    }

}



.sample img {

    -webkit-animation-name: bounceInLeft;

    animation-name: bounceInLeft;

    -webkit-animation-duration: 3s;

    animation-duration: 3s;

    -webkit-animation-fill-mode: both;

    animation-fill-mode: both;

    height: 400px;

    width: auto;

}

@-webkit-keyframes bounceInLeft {

    0%,
    60%,
    75%,
    90%,
    100% {

        -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);

        transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);

    }

    0% {

        opacity: 0;

        -webkit-transform: translate3d(-3000px, 0, 0);

        transform: translate3d(-3000px, 0, 0);

    }

    60% {

        opacity: 1;

        -webkit-transform: translate3d(25px, 0, 0);

        transform: translate3d(25px, 0, 0);

    }

}











/* New css */

.pt-30 {

    padding-top: 30px;

}

.pt-40 {

    padding-top: 40px;

}

.pt-50 {

    padding-top: 50px;

}

.pb-10 {

    padding-bottom: 10px;

}

.pb-12 {

    padding-bottom: 12px;

}

.pb-20 {

    padding-bottom: 20px;

}

.pb-30 {

    padding-bottom: 30px;

}

.pb-50 {

    padding-bottom: 50px !important;

}

.pb-80 {

    padding-bottom: 80px;

}

.pb-120 {

    padding-bottom: 120px;

}

.pl-20 {

    padding-left: 20px;

}

.pt-50 {

    padding-top: 50px;

}

.pt-100 {

    padding-top: 100px;

}

.mb-20 {

    margin-bottom: 20px;

}

.mb-24 {

    margin-bottom: 24px;

}

.g-10 {

    gap: 10px;

}

.g-12 {

    gap: 12px;

}

.g-20 {

    gap: 20px;

}

.g-30 {

    gap: 30px;

}

.rg-24 {

    row-gap: 24px;

}

.s_title_one {

    font-size: 22px;

    font-weight: 600;

    line-height: 28px;

    color: var(--color-1);

}

.s_info_one {

    font-size: 15px;

    font-weight: 400;

    line-height: 28px;

    color: var(--color-11);

}

/* All Tutor */

.s_Sidebar_one {

    max-width: 261px;

    margin: 0 auto;

    box-shadow: 0 15px 40px rgb(100 121 150 / 10%);

    background-color: #fff;

    border-radius: 5px;

    overflow: hidden;

}

@media screen and (max-width:767px) {

    .s_Sidebar_one {

        margin-bottom: 20px;

    }

}

.s_Sidebar_one .title {

    padding: 20px 30px;

    display: flex;

    justify-content: space-between;

    align-items: center;

    background-color: var(--color-4);

}

.s_Sidebar_one .title h4 {

    font-size: 18px;

    font-weight: 600;

    line-height: 28px;

    color: #fff;

}

.s_Sidebar_one .content {

    padding: 20px;

}

.s_Sidebar_title_one {

    font-size: 18px;

    font-weight: 600;

    line-height: 28px;

    color: var(--color-1);

    padding-bottom: 10px;

    position: relative;

}

.s_Sidebar_title_one.s_bar::before {

    content: '';

    position: absolute;

    bottom: 0;

    left: 0;

    width: 32px;

    height: 2px;

    background-color: var(--color-4);

}

.s_Sidebar_checkbox_one input {

    margin-top: 5px;

    border-color: var(--color-11);

    box-shadow: 0 0 0 #00000000 !important;

}

.s_Sidebar_checkbox_one input:checked~label {

    color: var(--color-4);

}

.s_Sidebar_checkbox_one label {

    font-size: 12px;

    font-weight: 500;

    line-height: 18px;

    color: var(--color-1);

    padding-left: 5px;

    transition: all 0.3s;

}

.s_Sidebar_checkbox_one~span.no {

    font-size: 12px;

    font-weight: 500;

    line-height: 18px;

    color: var(--color-1);

    transition: all 0.3s;

}

.s_Sidebar_checkbox_one:has(input:checked)~span.no {

    color: var(--color-4);

}

.s_course_item_one {

    padding: 20px;

    border-radius: 10px;

    box-shadow: 0 30px 55px rgb(100 121 150 / 10%);

    background-color: #fff;

    display: flex;

    align-items: center;

    gap: 20px;

}

@media screen and (max-width:991px) {

    .s_course_item_one {

        flex-wrap: wrap;

    }

}

.s_course_item_one .img {

    flex: 0 0 258px;

}

.s_course_item_one .content {

    flex: 0 1 auto;

    max-width: 730px;

}

.s_course_item_one .content .title {

    padding-bottom: 20px;

}

.s_course_item_one .content .title .sub-title {

    font-size: 15px;

    font-weight: 500;

    line-height: 12px;

    color: var(--color-11);

    padding-bottom: 7px;

}

.s_course_item_one .content .title .name-rating {

    gap: 16px;

}

.s_course_item_one .content .title .name {

    font-size: 22px;

    font-weight: 600;

    line-height: 28px;

    color: var(--color-1);

}

.s_course_item_one .content .title .rating {

    gap: 4px;

}

.s_course_item_one .content .title .rating p {

    font-size: 15px;

    font-weight: 400;

    line-height: 18px;

    color: var(--color-11);

}

.s_course_item_one .content .title .schedule-no {

    font-size: 14px;

    font-weight: 500;

    line-height: 25px;

    color: #fff;

    padding: 10px 20px;

    border-radius: 5px;

    background-color: var(--color-4);

}

.s_course_item_one .content .info {

    font-size: 12px;

    font-weight: 400;

    line-height: 22px;

    color: var(--color-11);

    padding-bottom: 16px;

}

.s_course_item_one .content .price {

    font-size: 18px;

    font-weight: 600;

    line-height: 12px;

    color: var(--color-1);

}

.s_course_item_one .content .type {

    font-size: 15px;

    font-weight: 500;

    line-height: 12px;

    color: var(--color-11);

}

.s_course_tag_list {

    padding-bottom: 16px;

    margin-bottom: 16px;

    border-bottom: 1px solid rgb(100 121 150 / 20%);

}

.s_course_tag {

    display: inline-block;

    padding: 8px 18px;

    background-color: #EDE9FE;

    border-radius: 5px;

    font-size: 13px;

    font-weight: 400;

    line-height: 18px;

    color: var(--color-4) !important;

}

.rating-icon {

    display: flex;

    align-items: center;

    gap: 5px;

}

.rating-icon>* {

    flex: 0 0 15px;

}

.s_show_more {

    border: none;

    padding: 0;

    background-color: transparent;

    text-decoration: underline;

    font-size: 12px;

    font-weight: 500;

    line-height: 18px;

    color: var(--color-1);

    margin-left: 20px;

}

.s_search {

    position: relative;

    flex: 1 0 auto;

    max-width: 50%;

    margin: auto;

}

.s_search input {

    padding: 14px 44px;

    height: 48px;

    box-shadow: 0 0 0 #00000000;

    border-color: rgba(117, 79, 254, 0.39);

    font-size: 16px;

    font-weight: 400;

    line-height: 23px;

    color: #0D0C23;

    border-radius: 12px;

}

.s_search input::placeholder {

    color: #68768B;

}

.s_search span {

    position: absolute;

    top: 50%;

    left: 16px;

    transform: translateY(-50%);

}

.ebook-items {

    .row {

        row-gap: 24px;

    }

}

.ebook-item-one {

    --bg-ebook: #F9CDDA;

    --color-ebook: #F25C88;

    position: relative;

    padding: 20px;

    background-color: #fff;

    box-shadow: 0 15px 40px rgb(100 121 150 / 20%);

    border-radius: 5px;

}

.ebook-item-one .status {

    position: absolute;

    top: 16px;

    right: 0;

    background-color: var(--bg-ebook);

}

.ebook-item-one .status.free {

    --bg-ebook: #D8FDE9;

}

.ebook-item-one .status.free p {

    --color-ebook: #63CC94;

}

.ebook-item-one .status p {

    padding: 7px 20px;

    font-size: 12px;

    font-weight: 500;

    line-height: 18px;

    color: var(--color-ebook);

}

.ebook-item-one .content {

    text-align: center;

}

.ebook-item-one .content .title {

    font-size: 16px;

    font-weight: 600;

    line-height: 26px;

    color: var(--color-1);

    padding-bottom: 16px;

    padding-top: 10px;

}

.ebook-item-one .content .link {

    display: flex;

    justify-content: center;

    align-items: center;

    padding: 12px;

    border-radius: 10px;

    background-color: var(--color-4);

    box-shadow: 0 10px 30px rgb(100 121 150 / 20%);

    font-size: 15px;

    font-weight: 600;

    line-height: 15px;

    color: #fff !important;

}

.ebook-content .info {

    font-size: 15px;

    font-weight: 400;

    line-height: 28px;

    color: var(--color-11);

    padding-bottom: 20px;

}

.ebook-content .info:last-child {

    padding-bottom: 0px;

}

.sNav-tabs {

    gap: 50px;

}

.sNav-tabs .nav-link {

    padding: 0;

    padding-bottom: 16px;

    font-size: 15px;

    font-weight: 600;

    line-height: 28px;

    color: var(--color-1);

}

.sTab-content {

    padding-top: 60px;

}

.sTab-content p {

    margin: 0;

}

.s_review .title {

    font-size: 24px;

    font-weight: 700;

    line-height: 50px;

    color: var(--color-1);

}

.s_review .date {

    font-size: 18px;

    font-weight: 400;

    line-height: 36px;

    color: var(--color-11);

    padding-bottom: 20px;

}

.s_review .rating-no {

    font-size: 50px;

    font-weight: 600;

    line-height: 17px;

    color: var(--color-1);

    padding-bottom: 20px;

}

.ebook-img img {

    max-width: 100%;

}

.s_ebook_instructor {

    display: flex;

    align-items: center;

    flex-wrap: wrap;

    gap: 26px;

}

@media screen and (max-width:575px) {

    .s_ebook_instructor {

        flex-direction: column;

    }

}

.s_ebook_instructor .img {

    flex: 0 0 196px;

}

.s_ebook_instructor .content {

    flex: 0 1 auto;

    max-width: 607px;

}

.s_ebook_instructor .img img {

    max-width: 100%;

}

.s_ebook_instructor .content .name {

    font-size: 18px;

    font-weight: 700;

    line-height: 34px;

    color: var(--color-1);

    padding-bottom: 8px;

}

.s_ebook_instructor .content .subtitle {

    font-size: 14px;

    font-weight: 400;

    color: var(--color-11);

    padding-bottom: 26px;

}

.s_ebook_instructor .content .info {

    font-size: 15px;

    font-weight: 400;

    line-height: 28px;

    color: var(--color-11);

    padding-bottom: 30px;

}

.instructor_social {

    display: flex;

    flex-wrap: wrap;

    gap: 8px;

}

.instructor_social li a {

    display: inline-block;

    width: 34px;

    height: 34px;

    border-radius: 5px;

    border: 1px solid rgb(100 121 150 / 20%);

    display: flex;

    justify-content: center;

    align-items: center;

    color: var(--color-1) !important;

    transition: all 0.3s;

}

.instructor_social li a:hover {

    background-color: var(--color-4);

    color: #fff !important;

}

.s_list_one li {

    position: relative;

    padding-left: 27px;

    padding-bottom: 20px;

}

.s_list_one li:last-child {

    padding-bottom: 0;

}

.s_list_one li:last-child::before {

    display: none;

}

.s_list_one li::before {

    content: "";

    position: absolute;

    width: 1.5px;

    height: 30px;

    background-color: #754ffe58;

    left: 5px;

    top: 8px;

}

.s_list_one li::after {

    content: "";

    position: absolute;

    width: 10px;

    height: 10px;

    border-radius: 50%;

    background-color: #754FFE;

    left: 0;

    top: 6px;

}

.sbundle-items {

    position: relative;

    padding: 24px;

    border-radius: 12px;

    background-color: #fff;

    box-shadow: 0 15px 40px rgb(100 121 150 / 10%);

}

.sbundle-items .bundle-head {

    border-bottom: 1px solid #DCDEE1;

    padding-bottom: 20px;

}

.sbundle-items .bundle-head .price {

    font-size: 24px;

    font-weight: 600;

    line-height: 28px;

    color: var(--color-11);

}

.sbundle-items .bundle-head .name {

    font-size: 20px;

    font-weight: 600;

    line-height: 28px;

    color: var(--color-1);

}

.sbundle-items .bundle-head .info {

    font-size: 16px;

    font-weight: 500;

    line-height: 28px;

    color: #647996;

}

.sbundle-items .bundle-foot {

    display: flex;

    justify-content: center;

    align-items: center;

    padding: 16px;

    border-radius: 8px;

    border: 1px solid rgba(220, 222, 225, 1);

    font-size: 15px;

    font-weight: 500;

    line-height: 15px;

    color: rgba(13, 12, 35, 1);

    transition: .5s;

}

.mt-1px {

    margin-top: -1px;

}

.sbundle-items .bundle-foot:hover {

    background-color: #754FFE;

    border-color: #754FFE;

    color: #fff;

}

.sbundle-items .bundle-body {

    position: relative;

    max-height: 350px;

    overflow-y: scroll;

    margin-bottom: 20px;

    padding-right: 16px;

}

.sbundle-items .bundle-body::-webkit-scrollbar {

    width: 3.5px;

}

.sbundle-items .bundle-body::-webkit-scrollbar-track {

    background: rgb(100 121 150 / 30%);

    border-radius: 3px;

}

.sbundle-items .bundle-body::-webkit-scrollbar-thumb {

    background: rgb(100 121 150 / 30%);

    border-radius: 3px;

}

.sbundle-items .bundle-body ul li {

    padding: 20px 0;

    border-bottom: 1px solid rgb(100 121 150 / 20%);

}

.sbundle-items .bundle-body ul li:last-child {

    padding-bottom: 0;

    border-bottom: 0;

}

.sbundle-item {

    display: flex;

    justify-content: space-between;

    align-items: center;

}

.sbundle-item .content {

    flex: 0 0 296px;

    display: flex;

    align-items: center;

    gap: 18px;

}

.sbundle-item .content .img {

    flex: 0 0 80px;

    border-radius: 8px;

    overflow: hidden;

}

.sbundle-item .content .img img {

    max-width: 100%;

}

.sbundle-item .content .title {

    font-size: 16px;

    font-weight: 500;

    line-height: 26px;

    color: var(--color-1);

}

.sbundle-item .price {

    font-size: 24px;

    font-weight: 600;

    line-height: 40px;

    color: var(--color-1);

}

.sbundle-item .price {

    font-size: 16px;

    font-weight: 500;

    color: #060F1A;

}

.sTutor-details .img {

    flex: 0 0 124px;

    width: 124px;

    height: 124px;

    border-radius: 50%;

}

.sTutor-details .content .title {

    font-size: 38px;

    font-weight: 600;

    line-height: 28px;

    color: var(--color-1);

    padding-bottom: 16px;

}

.bundle-active {

    background-color: #754FFE;

    border-color: #754FFE !important;

    color: #fff !important;

}

@media screen and (max-width:575px) {



    .sTutor-details .content .title {

        font-size: 25px;

    }

}

.sTutor-details .subtitle {

    position: relative;

    padding-left: 12px;

    font-size: 20px;

    font-weight: 500;

    line-height: 28px;

    color: var(--color-11);

}

.sTutor-details .top h4 {

    font-size: 20px;

    font-weight: 500;

    line-height: 28px;

    color: #6247EA;

}

.sTutor-details .subtitle::before {

    content: '';

    position: absolute;

    top: 50%;

    left: 0;

    transform: translateY(-50%);

    width: 1px;

    height: 15px;

    background-color: rgb(100 121 150 / 20%);

}

.tutor-tab-content {

    padding-top: 30px;

}

.tutor-tab-content p {

    margin: 0;

}

.sTutor-about {

    display: flex;

    flex-wrap: wrap;

    gap: 30px 100px;

}

.sTutor-about .item {

    position: relative;

    text-align: center;

}

.sTutor-about .item::before {

    content: '';

    position: absolute;

    top: 50%;

    left: -50px;

    transform: translateY(-50%);

    width: 1px;

    height: 100%;

    max-height: 50px;

    background-color: rgb(100 121 150 / 30%);

}

.sTutor-about .item:first-child:before {

    display: none;

}

.sTutor-about .item h4 {

    font-size: 54px;

    font-weight: 700;

    color: var(--color-4);

}

.sTutor-about .item .info {

    font-size: 15px;

    font-weight: 500;

    color: var(--color-1);

}

.sReview-author .name {

    font-size: 18px;

    font-weight: 700;

    color: var(--color-1);

}

.sReview-author .date {

    font-size: 14px;

    font-weight: 400;

    color: var(--color-11);

}

.sReview-author .rate-no {

    font-size: 40px;

    font-weight: 600;

    color: var(--color-1);

}

.sReview-content .title {

    font-size: 18px;

    font-weight: 700;

    color: var(--color-1);

    padding-bottom: 20px;

}

.sReview-content .info {

    font-size: 15px;

    font-weight: 400;

    color: var(--color-11);

}

.sReview-list {

    margin: 0 !important;

}

.sReview-list li {

    margin: 0 !important;

    padding-bottom: 30px;

    margin-bottom: 30px !important;

    border-bottom: 1px solid rgb(100 121 150 / 20%);

}

.sReview-list li:last-child {

    padding-bottom: 0;

    margin-bottom: 0 !important;

    border-bottom: 0;

}

.sReview-list li::before,

.sReview-list li::after {

    display: none;

}

.sAdd-btn {

    padding: 14px 25px;

    border-radius: 6px;

    border: none;

    background-color: var(--color-4);

    box-shadow: 0 10px 18px rgb(46 31 100 / 0.3);

    font-size: 14px;

    font-weight: 500;

    line-height: 15px;

    color: #fff;

}

.sSelect {

    max-width: 157px;

}

.sSchedule-title {

    font-size: 15px;

    font-weight: 600;

    line-height: 28px;

    color: var(--color-11);

    padding-bottom: 38px;

    text-align: center;

}

.sSchedule-title.slick-current {

    color: var(--color-1);

}

.sSchedule-items {

    display: flex;

    align-items: center;

    gap: 21.5px;

    overflow-x: scroll;

    max-width: 720px;

    padding-bottom: 10px;

}

@media screen and (max-width:991px) {

    .sSchedule-items {

        max-width: 100%;

    }

}

.sSchedule-items::-webkit-scrollbar {

    height: 5px;

}

.sSchedule-items::-webkit-scrollbar-track {

    background: rgb(100 121 150 / 30%);

    border-radius: 3px;

}

.sSchedule-items::-webkit-scrollbar-thumb {

    background: rgb(100 121 150 / 30%);

    border-radius: 3px;

}

.sSchedule-item {

    max-width: 40px;

    text-align: center;

}

.sSchedule-item .date {

    width: 40px;

    height: 40px;

    border-radius: 50%;

    display: flex;

    justify-content: center;

    align-items: center;

    font-size: 12px;

    font-weight: 600;

    color: var(--color-11);

    background-color: rgb(100 121 150 / 20%);

    transition: all 0.3s;

}

.sSchedule-item .week-day {

    font-size: 11px;

    font-weight: 500;

    line-height: 22px;

    color: var(--color-11);

    padding-top: 8px;

    transition: all 0.3s;

}

.sSchedule-item.active .date {

    background-color: var(--color-4);

    color: #fff;

}

.schedule-slide-month {

    padding-top: 38px;

}

.schedule-slide-month .slick-prev {

    left: auto;

    right: 31px;

    top: 0;

    transition: all 0.3s;

}

.schedule-slide-month .slick-next {

    top: 0;

    right: 0;

    transition: all 0.3s;

}

.schedule-slide-month .slick-prev,

.schedule-slide-month .slick-next {

    color: var(--color-4);

}

.schedule-slide-day .slick-track {

    gap: 0;

}

.schedule-slide-month .slick-list {

    padding-left: 0 !important;

    margin-left: 20px;

}

.sRequest-lesson {

    max-width: 364px;

    margin: 0 auto;

    background-color: #fff;

    border-radius: 5px;

    padding: 30px 20px;

    box-shadow: 0 15px 40px rgb(100 121 150 / 10%);

}

@media screen and (max-width:991px) {

    .sRequest-lesson {

        margin-top: 30px;

    }

}

.sRequest-btn {

    display: flex;

    justify-content: center;

    align-items: center;

    background-color: var(--color-4);

    padding: 14px;

    border-radius: 10px;

    box-shadow: 0 10px 30px rgb(46 31 100 / 0.1);

    font-size: 15px;

    font-weight: 600;

    color: #fff !important;

    margin-top: 30px;

}

.sRequest-form label {

    font-size: 16px;

    font-weight: 500;

    line-height: 30px;

    color: var(--color-1);

    margin-bottom: 20px;

}

.sRequest-form input {

    height: 54px;

    background: rgb(100 121 150 / 8%);

    border: none !important;

    padding: 18px 20px;

    font-size: 14px;

    font-weight: 400;

    color: rgb(100 121 150 / 70%);

}

.sRequest-form input:focus {

    background: rgb(100 121 150 / 8%);

    font-size: 14px;

    font-weight: 400;

    color: rgb(100 121 150 / 70%);

}

.sRequest-form input::placeholder {

    font-size: 14px;

    font-weight: 400;

    color: rgb(100 121 150 / 70%);

}

.speech-items li {

    padding-bottom: 60px;

}

.speech-items li:last-child {

    padding-bottom: 0;

}

@media screen and (min-width: 768px) {

    .speech-items li:nth-child(even) .speech-item .row {

        flex-direction: row-reverse;

    }

}



.speech-item .row {

    row-gap: 60px;

}

.speech-item-img {

    text-align: center;

}

.speech-item-img img {

    max-width: 100%;

}

.speech-item-content {

    display: flex;

    align-items: center;

    gap: 30px;

}

@media screen and (max-width: 575px) {

    .speech-item-content {

        flex-direction: column;

    }

}

.speech-item-content .no {

    font-size: 138px;

    font-weight: 700;

    line-height: 50px;

    color: #8054e7;

}

@media screen and (max-width: 575px) {

    .speech-item-content .no {

        padding-bottom: 30px;

    }

}

.speech-item-content .inner {

    flex: 0 1 585px;

}

@media screen and (max-width: 575px) {

    .speech-item-content .inner {

        flex-basis: auto;

    }

}

.speech-item-content .inner .title {

    position: relative;

    font-size: 24px;

    font-weight: 600;

    color: #1e293b;

    padding-bottom: 14px;

    margin-bottom: 20px;

}

.speech-item-content .inner .title::before {

    content: "";

    position: absolute;

    bottom: 0;

    left: 0;

    width: 100%;

    max-width: 90px;

    height: 3px;

    background: #754ffe;

}

.speech-item-content .inner .info {

    font-size: 15px;

    font-weight: 400;

    line-height: 28px;

    color: #676c7d;

}

.Espeech-item .speech-item-content .inner .info {

    font-size: 16px;

    line-height: 24px;

}







/* New Css Add */

.position-relative {

    position: relative;

}

.eCircle {

    position: relative;

    height: 144px;

    width: 144px;

}

.eCircle .circleOne img {

    height: 144px;

}

.eCircle .cirlceTwo {

    position: absolute;

    top: 6px;

    left: 8px;

}

.eCircle span img {

    height: 131px;

}

.eCircle_parent {

    position: absolute;

    top: 0;

    right: 24px;

}

.EbannerTop {

    width: 346px;

    margin-top: 30px;

}

.EbannerRight {

    position: absolute;

    bottom: 200px;

}

.EbannerTop .search-option .submit-cls {

    right: inherit;

    border: none;

    padding: 4px 10px;

    color: #000;

    left: 0;

    background: transparent;

}

.EbannerTop .search-option .form-control {

    font-size: 15px;

    border: 1px solid #754FFE;

    color: #6E798A;

    border-radius: 12px;

    padding: 16px 36px;

    height: 52px;

    margin-top: 0;

}

.EbannerTop p {

    line-height: 28px;

    margin-bottom: 20px;

    color: #1E293B;

}

.Ebanner {

    position: relative;

    top: -31px;

    left: 11px;

    z-index: 9;

}

.EbannerLeft {

    z-index: 99;

}

.Ebanner img {

    height: 475px;

    object-fit: cover;

    width: 100%;

}

.EbannerLeft h1 {

    margin-bottom: 0px !important;

}

.Ebaner-card {

    border-radius: 20px;

    background: url("../image/Subtract.png") no-repeat center center/ cover;

    margin-top: 200px !important;

}

.Ebaner-card .banner-card-1 {

    box-shadow: none;

    background-color: transparent;

    padding-top: 84px;

    padding-bottom: 30px;

}

.eText h5 {

    margin-top: 0 !important;

    font-weight: 400 !important;

    color: #1E293B !important;

    margin-bottom: 4px;

}

.eCategory {

    padding: 16px 30px !important;

    box-shadow: 0rem 0.875rem 2rem rgba(147, 148, 158, 0.3) !important;

    background-color: #fff;

    gap: 19px;

}

.eCategory .cate-icon {

    height: 64px;

    width: 64px;

    line-height: 55px;

    background: #E5F8F5;

    text-align: center !important;

    border-radius: 50%;

}

.eCategory .cate-icon i {

    font-size: 27px;

}

/* .category-product .eCategory:hover .cate-icon{

  background-color: #A110FF !important;

} */

.category-product .eCategory:hover .cate-icon i {

    color: inherit !important;

}

.category-product .eCategory:hover {

    background-color: inherit;

}

.category-product .eCategory:hover p,

.category-product .eCategory:hover h5 {

    color: #1E293B !important;

}

.mt-24 {

    margin-top: 24px;

}

.arrow-side {

    position: relative;

}

.arrow-side::after {

    position: absolute;

    content: "";

    background-color: #1E293B;

    width: 1.5px;

    height: 56px;

    right: -12px;

    top: 90px;

}

.arrow-side:last-child::after {

    display: none;

}

.arrow-side .banner-card-1 img {

    margin: 0;

}

.Ebaner-card .banner-card-1 p,

.Ebaner-card h6 {

    color: #1E293B;

}



.eExpert-instruction .eInstuctor .instructor-card-text .icon-div-2 {

    background-color: transparent;

    bottom: -48px;

    gap: 12px;

    /* opacity: 0;

  visibility: hidden; */

    transition: .5s;

}

/* .eInstuctor .instructor-card-body:hover .icon-div-2{

  visibility: visible;

  opacity: 1;

} */

.eExpert-instruction .eInstuctor .instructor-card-img img {

    width: 100%;

    height: 320px;

    border-radius: 12px !important;

    object-fit: cover;

}

.eExpert-instruction .eInstuctor .instructor-card-img {

    margin-bottom: 16px;

}

.eExpert-instruction .eInstuctor .instructor-card-img::after {

    top: 0;

    background-color: #ABC7C8;

    height: 100%;

    border-radius: 133px;

    display: none;

}



.nInstructor {

    position: relative !important;

    overflow: hidden;

}

.nInstructor::after {

    position: absolute;

    content: "";

    bottom: -20px;

    left: 0;

    width: 100%;

    height: 100%;

    border-radius: 12px;

    background: linear-gradient(to bottom, rgba(6, 15, 26, 0), rgba(6, 15, 26, 1));

    z-index: 1;

    visibility: hidden;

    opacity: 0;

    transition: .5s;

}

/* .nInstructor:hover::after{

  visibility: visible;

  opacity: 1;

  bottom: 0;

} */

.nInstructor .instructor-card-text {

    position: absolute !important;

    bottom: -20px;

    left: 0;

    z-index: 9;

    display: flex;

    justify-content: center;

    flex-direction: column;

    margin: auto;

    width: 100%;

    visibility: hidden;

    opacity: 0;

    transition: .5s;

    padding: 0 10px;

}

/* .nInstructor:hover .instructor-card-text {

  visibility: visible;

  opacity: 1;

  bottom: 57px;

} */

@keyframes rotateText {

    from {

        transform: rotate(0deg);

    }

    to {

        transform: rotate(360deg);

    }

}



.eCircle .cirlceTwo {

    animation: rotateText 10s linear infinite;

}

.eExpert-instruction .instructor-card .instructor-card-text .icon a {

    padding: 0;

    font-size: 16px;

    color: #fff;

}

.eFaq h1::after {

    right: 0;

    left: 0;

    margin: auto;

}

.eFaq .accordion-header {

    margin: 0 0 0 0;

    padding: 5px 0;

}

.eFaq .faq-accrodion .accordion .accordion-body {

    padding: 0 0 20px 20px;



}

.eFaq .faq-accrodion .accordion .accordion-body p {

    font-size: 16px;

    line-height: 24px;

    color: #6E798A;

}

.eFaq .accordion-button {

    color: #43032d !important;

}

.eFaq .accordion-button.collapsed {

    color: #1E293B !important;

}

/* .eFaq .accordion .accordion-button:not(.collapsed) {

  color: #000 !important;

} */



/* .eFaq .accordion-button:not(.collapsed)::after {

	background: url("../image/minus.svg") no-repeat;

	background-size: 27px 26px;

	background-position: center;

	height: 23px;

	width: 23px;

}

.eFaq .accordion-button::after {

	background:url("../image/plus-solid.svg") no-repeat;

	height: 24px;

	width: 24px;

	border-radius: 50%;

	border: 1px solid #754FFE;

	background-size: 14px 13px;

	background-position: center;

  

} */

.eFaq .accordion-item:last-of-type {

    border-radius: 0;

}

.faq-accrodion .accordion .accordion-item:last-child {

    border-bottom: 0;

}

.faq-accrodion .accordion .accordion-button::before {

    position: absolute;


    content: "";

    top: 11px;

    left: 0;

    width: 7px;

    height: 7px;

    background-color: #43032d;

    border-radius: 50%;

}

.eFaq .accordion-button.collapsed::before {

    background-color: #1E293B !important;

}

.eFaq .accordion-button.collapsed::after {

    border-color: #1E293B !important;

}

.Espeech-item .speech-item-img img {

    max-width: 300px !important;

    height: 160px;

    width: 100%;

    object-fit: cover;

    border-radius: 12px;

    overflow: hidden;

    transition: .5s;

}

.Espeech-item .speech-item-img {

    overflow: hidden;

    transition: .5s;

    border-radius: 16px;

}

.Espeech-item .speech-item-img:hover img {

    transform: scale(1.1);

}

.eFaq .faq-accrodion {

    width: 946px;

    margin: auto;

}

.Espeech-item .speech-item-content .inner .title::before {

    display: none;

}

.Espeech-item .speech-item-content .no {

    font-size: 46px;

    font-weight: 500;

    color: rgba(13, 12, 35, 1);

    position: relative;

    font-family: 'Clash Grotesk';

}

.Espeech-item .speech-item-content .no::after {

    position: absolute;

    content: "";

    height: 68px;

    width: 1.5px;

    background-color: #754FFE;

    top: 72px;

    left: 16px;

}

.Espeech-item .speech-item-content .inner .title {

    margin-bottom: 20px;

    font-size: 24px;

    padding-bottom: 0;

    font-weight: 600;

}

.Espeech-item .speech-item-content {

    align-items: start;

}

.e_border {

    position: relative;

}

.e_border::after {

    position: absolute;

    content: "";

    bottom: 30px;

    left: 74px;

    background-color: #8F919B30;

    height: 1px;

    width: 90%;

}

.e_border:last-child::after {

    display: none;

}

.ePromotion h4 {

    font-size: 36px;

    font-weight: 500;

    line-height: 44px;

    color: #0B0718;

    margin-bottom: 20px;

    font-family: 'Clash Grotesk';

}

.ePromotion h4 span {

    color: #754FFE;

}

.ePromotion p {

    font-size: 16px;

    font-weight: 400;

    color: rgba(110, 121, 138, 1);

    margin-bottom: 40px;

}

.eBtn {

    gap: 24px;

    display: flex;

}

.eBtn .btn {

    font-size: 16px;

    font-weight: 500;

    color: #0B0718;

    padding: 16px 24px;

    border-radius: 12px;

    border: 1px solid #6E798A;

    background-color: transparent;

    margin-bottom: 0;

    transition: .5s;

}

.eBtn .btn:hover {

    background-color: #754FFE;

    border-color: #754FFE;

    color: #fff;

}

.ePormotion_right img {

    height: 457px;

    object-fit: cover;

    width: 100%;

}

.mt-120 {

    margin-top: 120px;

}

.eStudent h1 {

    font-size: 36px;

    font-weight: 600;

}

.eStudent p {

    margin-bottom: 30px;

    margin-top: 16px;

}

.eStudent .student-body-text {

    padding: 0px 40px;

}

.eStudent .student-body-2,

.eStudent .student-body-1 {

    background-position: center;

    padding: 40px 0;

    border-radius: 15px;

}

.eStudent a {

    padding: 13px 39px;

    border-radius: 10px;

    font-size: 16px;

    font-weight: 500;

    margin-bottom: 0;

    transition: .5s;

    border: 1px solid transparent;

}

.eStudent a:hover {

    background: #754FFE;

    color: #fff;

    border-color: #fff;

}

.eUpcomingCourse .title-one .title {

    font-size: 36px;

    font-weight: 500;

    font-family: 'Clash Grotesk';

    line-height: 50px;

    padding-bottom: 15px;

}

.eUpcomingCourse .title-one p {

    font-size: 16px;

    font-weight: 400;

    line-height: 24px;

    width: 447px;

    margin: auto;

}

.Etop_right p {

    position: relative;

    padding-left: 24px;

    font-weight: 400;

    font-size: 16px;

    line-height: 24px;

}

.Etop_right p::after {

    position: absolute;

    content: "";

    top: 15px;

    left: 0;

    height: 50px;

    width: 1px;

    background-color: #754FFE6E;

}

.eImage {

    justify-content: space-between;

}

.eImage .img img {

    border-radius: 50% !important;

    height: 48px;

    width: 48px !important;

    object-fit: cover;

}

.eImage span {

    background: #FFFFFFDB;

    display: inline-block;

    height: 31px;

    text-align: center;

    line-height: 30px;

    width: 101px;

    border-radius: 6px;

    text-transform: capitalize;

    font-size: 14px;

    font-weight: 600;

    color: #0D0C23;

}

.ePosition {

    position: absolute;

    z-index: 1;

    width: 100%;

    left: 16px;

    top: 16px;

}

.eUpcomingCourse .course-item-one {

    padding: 0;

}

.eImage .img {

    margin-right: 35px;

}

.eUpcomingCourse .content img {

    height: 38px;

    width: 38px;

    border-radius: 50%;

    object-fit: cover;

    border: 1px solid #fff;

    margin-bottom: 8px;

}

.eUpcomingCourse .course-item-one:hover .content {

    visibility: visible;

    opacity: 1;

    bottom: 0;

}

.eUpcomingCourse .course-item-one .content {

    position: absolute;

    bottom: -120px;

    padding: 12px 20px;

    border-radius: 16px;

    width: 90%;

    left: 0;

    margin: auto;

    visibility: hidden;

    opacity: 0;

    transition: .5s;

}

.eUpcomingCourse .course-item-one .content .title {

    font-size: 20px;

    font-weight: 600;

    color: #fff;

    line-height: 24px;

}

.eUpcomingCourse .course-item-one .content .info {

    font-size: 16px;

    line-height: 24px;

    color: #fff;

    margin-top: 4px;

}

.eUpcomingCourse .img-rating .img img {

    border-radius: 20px;

    height: 196px;

    object-fit: cover;

}

.navbar-nav .navbarHover li ul li a:hover {

    background-color: var(--hover-color);

    color: #0D0C23;

}

.course-decription .course-right-section {

    z-index: 99;

}



.sub-header .right-icon i {

    padding: 14px 9px;

}

.Espeech-item .speech-item-content .inner {

    flex: 0 1 700px;

}



.popover-btns .purchase-btn {

    border-color: var(--color-4);

}



/* Homepage 2 */

.eInstructor2 .h-2-instructor-full .h-2-instructor-image img {

    width: 76% !important;

    left: 0 !important;

    top: -53px !important;

    object-fit: cover;

    right: 0 !important;

}

.estudent2 h1 {

    font-size: 28px;

}

/* Homepage 4 */

.eInstructor4 .instructor-item:hover::before {

    top: inherit;

    bottom: 0;

    background: linear-gradient(180deg, rgba(23, 23, 25, 0) 22.58%, rgba(23, 23, 25, 0.6) 63.57%, rgba(23, 23, 25, 0.6) 95.16%);

}



.eInstructor4 .instructor-item .content {

    bottom: -52px;

}

.eInstructor4 .instructor-item::before {

    top: inherit;

    bottom: 0;

    height: 49%;

}





.eInstructor6 .instructor-item-6 .img::before {

    display: none;

}



.cate-image img {

    height: 64px !important;

    width: 64px !important;

    object-fit: cover;

    border-radius: 50%;

}

.elipis-1 {

    -webkit-line-clamp: 1 !important;

}

.Ebaner-card h6 {

    font-weight: 600;

}

.right-menubar .menu_pro_wish {

    position: absolute;

    z-index: 99999999;

}

.select-box .nice-select.open .list {

    z-index: 9999;

}

.eUpcomingCourse .course-item-one {

    border-radius: 12px !important;

    overflow: hidden;

    transition: .5s;



}

.eUpcomingCourse .course-item-one {

    position: relative;

    height: 196px;

    z-index: 1;

}

.eUpcomingCourse .course-item-one:hover:after {

    visibility: visible;

    opacity: 1;

}

.eUpcomingCourse .course-item-one::after {

    position: absolute;

    content: "";

    top: 0;

    right: 0;

    width: 100%;

    height: 100%;

    background-color: rgba(13, 12, 35, 0.53);

    z-index: -1;

    border-radius: 12px;

    visibility: hidden;

    opacity: 0;

    transition: .5s;

}

.f-36 {

    font-size: 36px !important;

}



.EbannerTop .search-option {

    margin-top: 60px;

}

.cTitle {

    margin-bottom: 30px;

}

.cTitle h1 {}

.cTitle p {

    font-size: 16px;

    width: 441px;

    margin: auto;



}

.Ecourse .courses-card .courses-card-body img,

.eTopcourse .courses-card .courses-card-body img {

    height: 168px;

}

.review-btn .echecks svg path {

    transition: .5s;

}

.ammount .echecks,

.review-btn .echecks {

    background-color: transparent !important;

    border: 1px solid #DCDEE1;

    height: 28px;

    width: 28px;

    line-height: 24px !important;

    text-align: center;

    margin: auto;

    display: block !important;

    padding: 0 !important;

    transition: .5s;

}

.ammount .echecks {

    margin: inherit;

    border-radius: 6px;

}

.epopCourse:hover .review-btn .echecks {

    background-color: #43032d !important;

    border-color: #43032d !important;

}

.epopCourse:hover .review-btn .echecks svg path {

    fill: #fff;

}

.courses-card .courses-card-body .courses-price-left h5 {

    font-size: 18px;

    font-weight: 500;

}

.courses-card .courses-card-body .courses-price-left p {

    font-weight: 500;

    color: #68768B;

}

.enrollBtn {

    padding: 6px 15px;

    background-color: #43032d;

    font-size: 14px;

    font-weight: 500;

    color: #fff;

    border-radius: 6px;

    display: inline-block;

}



.mr-5px {

    margin-right: 5px;

}

.epopCourse:hover .duration-time {

    visibility: visible;

    opacity: 1;

}

.duration-time {

    position: absolute;

    top: 36%;

    right: 50%;

    left: 50%;

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

    width: 143px;

    text-align: center;

    visibility: hidden;

    opacity: 0;

    transition: .5s;

}

.duration-time p {

    display: flex;

    align-items: center;

    justify-content: center;

    padding: 6px 8px;

    background-color: #060F1ACC;

    font-weight: 400;

    border-radius: 5px;

    color: #fff !important;

}

.duration-time p i {

    margin-right: 7px;

}



.colorBlue {

    color: #19C554 !important;

}

.mb-30 {

    margin-bottom: 30px;

}

.pb-100 {

    padding-bottom: 100px !important;

}



.blogCard {

    position: relative;

}

.blogCard .courses-card-image-text {

    position: absolute;

    top: 0;

    left: 0;

}



.mb-40 {

    margin-bottom: 40px;

}



.position-absolute {

    position: absolute !important;

    background-color: #060F1ACC !important;

    margin: 0 !important;

}

.position-absolute h3 {

    font-size: 14px !important;

}



.blogCard {}

.blogCard .courses-price {

    padding-top: 8px;

    margin-top: 16px !important;

    border-top: 1px solid rgba(220, 222, 225, 1);

}

.designation {}

.designation h5 {

    font-weight: 500;

    font-size: 16px;

    margin-bottom: 8px;

}

.designation p {

    font-size: 14px !important;

    color: rgba(104, 118, 139, 1) !important;

    font-weight: 400 !important;

}



.eBottomfooter {

    border-top: 1px solid #ffffff29;

    padding-top: 26px;

    margin-top: 40px;

    padding-bottom: 10px;

}

.lattest-news {

    max-width: 340px;

    margin-top: 70px;

}



.fCardsection {}

.fCardsection p {

    color: #0D0C23;

}

.fCardsection .btn {

    height: 40px;

    width: 40px;

    border-radius: 8px;

    line-height: 25px;

    border-color: #DCDEE1;

}

.etopCourseHead {

    gap: 8px;

}

.etopCourseHead .list-btn {

    color: #0D0C23 !important;

}

.etopCourseHead .list-btn:hover {

    color: #fff !important;

}

.nice-select .option.selected {

    font-weight: 400;

}

.eListduration p {

    font-size: 14px;

}

.courses-price-right .review-btn .echecks {

    border-radius: 6px;

}

.eListCourse {

    position: relative;

}

.eListCourse .courses-price-left {

    position: absolute;

    right: 16px;

    top: 16px;

    flex-direction: column;

    z-index: 9;

}



.courses-list-view-card .courses-card-body .courses-price-left h5 {

    font-size: 20px;

}

.eGridCourse .courses-card-image img {

    height: 168px !important;

    width: 100%;

}

/* .eListCourse .courses-card-body img{

  height: 100% !important;

} */

.courses-list-view-card .courses-card-body .courses-text .ellipsis-line-2 {

    width: 461px;

    margin-top: 12px;

    margin-bottom: 20px;

}

.w-80 {

    width: 80%;

}

.eListduration {

    top: 60%;

    width: 100%;

    padding: 0 50px;

}

.eListCourse .courses-price-border .review-icon p {

    color: #0D0C23 !important;

}

.course-all-category {}

.course-category .form-group {}

.course-category .form-group {

    position: relative;

    margin-bottom: 16px;

}

.course-category .form-group .form-control {

    font-size: 14px;

    color: #0D0C23;

    padding: 12px 37px;

    border-radius: 8px;

}

.course-category .form-group .form-control::placeholder {

    font-size: 14px;

    color: #68768B;

}

.course-category .form-group button {

    position: absolute;

    top: 10px;

    left: 10px;

    z-index: 9;

    background-color: transparent;

    border: none;

}

.course-category .form-control:focus {

    border-color: var(--color-4);

}



.form-check-label.active span {

    color: #0D0C23;

}

.course-all-category .accordion-item {

    color: rgba(104, 118, 139, 1);

    background-color: transparent;

    border: none;

    border-bottom: 1px solid #DCDEE1;

    padding-bottom: 16px;

}

.course-all-category .accordion-item:last-child {

    border: none !important;

    padding-bottom: 0;

}

.course-all-category .accordion-button:not(.collapsed)::after,

.course-all-category .accordion-button::after {

    background-size: 14px;

}

.course-all-category .accordion-button:not(.collapsed) {

    color: #0D0C23;

}

.course-all-category .accordion-button {

    padding: 0;

    font-weight: 500;

    font-size: 16px;

}

.course-all-category .accordion-item h3 {

    margin: 0 0 4px 0;

}

.course-all-category .accordion-body {

    padding: 0;

}



.nBread {}

.nBread a {

    color: #0D0C23;

    font-size: 14px;

    font-weight: 500;

}

.nBread .breadcrumb-item+.breadcrumb-item::before {

    padding-right: 4px;

    padding-left: 5px;

}

.nBread .breadcrumb-item.active {

    color: #68768B;

}

.eInfo p {

    color: #0D0C23 !important;

}

.eInfo a {

    color: #0D0C23 !important;

    font-size: 16px;

    font-weight: 500;

}

.info-tag p {

    color: #0D0C23 !important;

}

.f-14 {

    font-size: 14px !important;

}

.info-tag .fa-clock {

    color: #0D0C23;

}

.text-shadow {

    color: #DCDEE1;

}

.course-decription li .nav-link {

    padding-top: 0;

}

.instructor-student-feed-back .select-box .nice-select {

    width: 100%;

}

.instructor-student-feed-back .select-box {

    float: left;

    width: 100%;

}

.instructor-student-feed-back .select-box .nice-select .current {

    color: #68768B;

    font-weight: 400;

}

.instructor-student-feed-back .select-box .nice-select {

    padding: 11px 14px;

    font-size: 16px;

    height: 47px;

    border-radius: 8px;

    font-weight: 500;

}

.studentImg {}

.studentImg img {

    height: 50px;

    width: 50px;

    object-fit: cover;

    border-radius: 50%;

}

.studentInforeview {

    gap: 12px;

}

.ereviewtext {}

.ereviewtext h3 {

    font-size: 16px;

}

.ereviewtext p {

    margin: 0;

    font-size: 14px;

    color: #68768B;

}

.eReviewContent {

    margin-top: 7px;

    margin-bottom: 10px;

}

.eReviewContent h1 {

    font-size: 18px;

    font-weight: 500;

    color: #68768B;

}

.eTool {

    height: 28px;

    width: 28px;

    border-radius: 5px;

    border: 1px solid #0E63FF;

    line-height: 28px;

    text-align: center;

    display: inline-block;

    margin-left: 7px;

    transition: .5s;

}

.eTool:hover {

    background-color: #0E63FF;

    color: #fff !important;

}

.course-details-sidebar .courses-card-image {

    margin-bottom: 23px;

}

.course-details-sidebar .courses-card-image img {

    height: 200px !important;

    border-radius: 8px !important;

    object-fit: cover;

    padding: 0 !important;

}

.course-details-sidebar {

    padding: 16px;

}

.eSocialShare {

    margin-top: 20px;

    background-color: #fff;

    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;

    padding: 20px;

    border-radius: 8px;

}

.eSocialShare p {

    margin-right: 18px;

    font-size: 16px;

    font-weight: 600;

    color: #0D0C23;

}

.eSocialShare a {

    display: inline-block;

    height: 34px;

    width: 34px;

    line-height: 32px;

    border-radius: 50%;

    border: 1px solid #DCDEE1;

    padding: 0 !important;

    text-align: center;

    margin-left: 6px;

}

.menubar .menu_wisth_tgl .menu_number {

    right: -5px;

}

.menu_wisth_tgl svg,

.wisth_tgl_2div .menu_pro_cart_tgl svg {

    margin-top: -4px;

}

.ms-15px {

    margin-left: 15px !important;

}

.wish .menu_number {

    right: 6px !important;

}

.wish {

    margin-top: 7px;

}

.path-pos .user-dropdown-menu-item a svg {

    margin-right: 4px;

}

.path-pos .user-dropdown-menu-item a {

    color: #68768B;

}

.path-pos .user-dropdown-menu-item a:hover {

    color: #0D0C23;

}

.path-pos .user-dropdown-menu-item a:hover svg path {

    stroke: #0D0C23;

}

.user-images {

    display: flex;

    align-items: center;

    gap: 10px;

}

.user-images img {

    margin: inherit;

}

.user-images a {}

.user-info {}

.user-info h4 {

    text-align: start;

    margin-bottom: 0;

    font-weight: 500;

}

.user-info p {

    color: #68768B;

    font-weight: 500;

}

.compare-table .table td.border-bottom {

    border-bottom: none !important;

}

.enav-item a svg {

    margin: 13px 10px 0 10px;

}

.dark {

    color: #000 !important;

}

.eTestimonials img {

    height: 60px;

    object-fit: cover;

}

.expert7-section {}

.expert7-section .instructor-card .instructor-card-text h3 {

    color: var(--color-1);

}

.expert7-section .instructor-card .instructor-card-text p {

    color: var(--primary-color-2);

}

.expert7-section .instructor-card .instructor-card-text .icon-div-2 {

    position: absolute;

    bottom: -6px;

    width: 112px;

    left: 50%;

    right: 50%;

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

}

.expert7-section .instructor-card .instructor-card-text .icon a {

    padding: 8px;

}

.expert7-section .instructor-card .instructor-card-body:hover p,

.expert7-section .instructor-card .instructor-card-body:hover h3 {

    color: #754FFE;

}

.etopCourseHead .list-btn svg {

    margin-top: -3px;

    margin-left: -2px;

}

.etopCourseHead .list-btn i {

    margin-top: 6px;

}

.tooltip-inner {

    text-align: center !important;

    padding: 2px 10px 6px 10px;

}









.fCardsection .nice-select::after {

    border-bottom: 2px solid #0D0C23;

    border-right: 2px solid #0D0C23;

}

























.grid-view-body .courses-text h5.mb-2 {

    height: 48px;

    overflow: hidden;

    display: -webkit-box;

    -webkit-line-clamp: 2;

    -webkit-box-orient: vertical;

}





.courses-list-view-body .courses-text h5 {

    height: auto;

}

.eLink {}

.eLink .icon {

    position: relative;

    z-index: 999;

    bottom: -48px;

    text-align: center;

    visibility: hidden;

    opacity: 0;

    transition: .5s;

}

.eLink .icon .icon-div-2 a svg {

    margin-right: 10px;

}

.eLink:hover .icon {

    visibility: visible;

    opacity: 1;

    bottom: 55px;

}

.eLink:hover .instructor-card-text {

    visibility: visible;

    opacity: 1;

    bottom: 57px;

}

.eLink:hover .nInstructor::after {

    visibility: visible;

    opacity: 1;

    bottom: 0;

}

.eReviewContent .icon .gold {

    color: #F9B23A;

}

.mt-2px {

    margin-top: -2px;

}

@media all and (max-width: 768px) { 
    .chip {

    width: 100% !important;
}
.glass ,.brand-grad{
    padding: 13px;
    font-size: 14px;
}
.grid-cols-3 {
grid-template-columns: repeat(1, minmax(0, 1fr)) !important;
    
    
}
.grid-cols-2 {
    grid-template-columns: repeat(1, minmax(0, 1fr)) !important;
}
.f-bnt-g a {
    width: 100%;
    padding: 18px;
    border-radius: 5px;
}
section details.glass {
    padding: 15px !important;
}
}
@media (max-width: 768px) {
    aside.toc {
        position: relative !important;
        top: 0 !important;
    }

    header.hero .meta {
        flex-wrap: wrap;
    }
}